/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
#header-outer[data-format=centered-menu] #top nav>.sf-menu>li.current-menu-item ul li:hover a span {
    color: #fff !important;
}
#header-outer[data-format=centered-menu] #top nav>.sf-menu>li ul .current-menu-item a span {
    color: #fff !important;
}
header#top li#menu-item-166 span {
    background: #1A3C6E;
    position: relative;
    color: #fff;
    padding: 14px 35px 14px 20px !important;
    border-radius: 5px;
}
div#gform_fields_2 {
    row-gap: 10px;
}
div#estbg-sec h2 a {
    text-decoration: underline;
}

input#gform_submit_button_2 {
    width: 100% !important;
    background-color: #1A3C6E;
    text-transform: uppercase !important;
    font-size: 18px;
}
.result-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px !important;
    border: 1px solid #fff;
    width: fit-content;
    margin: 0 auto;
    margin-top: 10px;
    border: 2px solid var(--accent);
}

.result-actions a {
    color: #fff;
}
header#top li#menu-item-166 span:after {
    content: "\f061";
    position: absolute;
    right: 0;
    top: 0;
    font-family: "fontawesome";
    margin: 11px 16px 0px 0px !important;
}
header#top .current-menu-item span {
    color: #E5B638;
    font-weight: 800;
}
/* ==================================== */
div#revolution-slider {
    margin-bottom: 0px !important;
}
div#revolution-slider i.fa-arrow-right {
    margin-left: 5px;
}
div#scrolling-text-inner {
    padding: 15px 0px !important;
}
/* ====================================== */
div#service {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#service .owl-carousel {
    width: 95%;
    margin: 0 auto;
}
div#service-inner {
    margin: 0px 10px;
}
div#service-inner .t-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 20px 20px !important;
    background-image: url(https://degroodthardscapes.com/wp-content/uploads/2025/12/image-99.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
	transition: .9s;
}
div#service-inner:hover .t-1 {
    background-image: url(https://degroodthardscapes.com/wp-content/uploads/2025/12/image-100.png);
	transition: .9s;
}
div#service-inner .t-1 .wpb_wrapper {
    border-top: 1px solid #fff;
    padding-top: 10px !important;
}
div#service-inner .t-1 h5 a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1A3C6E;
    transition: .9s;
    border-radius: 5px;
    opacity: 1;
}
div#service-inner:hover .t-1 h5 a {
    background: #FFFFFF;
    transition: .9s;
}
div#service-inner .t-1 h5 a img {
    margin: 0;
}
div#service-inner:hover .t-1 h5 a img {
    filter: brightness(0) saturate(100%) invert(90%) sepia(78%) saturate(7376%) hue-rotate(327deg) brightness(96%) contrast(86%);
}
div#service a#btn {
    margin: 0 auto;
    display: table;
}
/* ======================================= */
div#about {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
/* ======================================= */
div#why-choose {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#why-choose-inner .iwithtext {
    background: #ffffff;
    border-radius: 10px;
    padding: 10px 10px !important;
    transition: .9s;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#why-choose-inner .iwithtext:hover {
    background: #FFFFFF;
    filter: drop-shadow(2px 4px 6px #ccc);
}
div#why-choose-inner .iwithtext .iwt-icon {
    background: #F4F4F4;
    width: 110px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    transition: .9s;
    border-radius: 15px;
    position: relative;
}
div#why-choose-inner .iwithtext:hover .iwt-icon {
    background: #E5B638;
}
div#why-choose-inner .iwithtext .iwt-icon img {
    width: unset;
    margin-bottom: 0;
}
div#why-choose-inner .iwithtext:hover .iwt-icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(340deg) brightness(111%) contrast(110%);
}
div#why-choose-inner .iwithtext .iwt-text {
    padding-left: 15px;
}
div#why-choose-inner .iwithtext .iwt-text h4, div#why-choose-inner .iwithtext .iwt-text p {
    margin: 0;
}
/* ============================================== */
div#milstone {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#milstone-inner .nectar-milestone {
    text-align: left;
    margin: 0 auto;
    display: table;
    border-right: 1px solid #fff;
    width: 80%;
}
div#milstone-inner .nectar-milestone h1, div#milstone-inner .nectar-milestone span.symbol {
    font-family: "Space Grotesk";
}
div#milstone-inner .vc_col-sm-3:last-child .nectar-milestone {
    border: unset;
}
/* ============================================== */
div#gallery {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#gallery-inner .hover-wrap-inner a:before {
    content: url(https://degroodthardscapes.com/wp-content/uploads/2025/12/Simple-Plan-For-Everyone.png);
    background-color: #e5b63887;
    z-index: 12;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    position: absolute;
    opacity: 0;
    transition: .9s;
    border-radius: 8px;
    left: 0;
    right: 0;
}
div#gallery-inner .hover-wrap-inner:hover :before {
    opacity: 1 !important;
}
/* ============================================= */
div#testimonial {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#testimonial-inner {
    margin: 0px 120px;
    background: #FFFFFF;
    padding: 40px 40px !important;
    border-radius: 5px 50px 5px 5px !important;
}
div#testimonial-inner .iwithtext {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}
div#testimonial-inner .iwithtext .iwt-icon {
    position: relative !important;
}
div#testimonial-inner .iwithtext .iwt-icon img {
    width: 100% !important;
}
div#testimonial-inner .iwithtext .iwt-text {
    padding-left: 20px;
    width: 80%;
}
div#testimonial-inner h6 img, div#testimonial-inner h5 img {
    width: unset !important;
}
div#testimonial-inner h6 {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 7px;
}
div#testimonial-inner .iwithtext .iwt-text h5 img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(22%) saturate(3232%) hue-rotate(187deg) brightness(96%) contrast(91%);
}
div#testimonial-inner p em span {
    font-size: 18px;
    line-height: 28px;
    position: relative;
}
div#testimonial-inner p em span:before {
    content: "";
    background-color: #5DA9C4;
    position: absolute;
    left: -15px;
    top: 0;
    width: 2px;
    height: 110px;
}
div#testimonial button.owl-prev:before {
    content: "\f060";
}
div#testimonial button.owl-next:before {
	    content: "\f061";
}
div#testimonial button.owl-next:before, div#testimonial button.owl-prev:before {
    font-family: 'FontAwesome';
    font-size: 17px;
    box-shadow: unset !important;
    border-radius: 50%;
    color: #fff;
    width: 40px;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 40px;
    background: #fff0;
    transition: .9s;
    border: 1px solid #fff;
}
div#testimonial button.owl-next:hover:before, div#testimonial button.owl-prev:hover:before {
	background: #E5B638;
	border: 1px solid #E5B638;
}
div#testimonial .owl-nav.disabled {
    display: block;
}
div#testimonial button.owl-next {
    background: transparent;
    font-size: 0;
    border: 0px;
    position: absolute;
    top: 150px;
    right: -30px;
}
div#testimonial button.owl-prev {
    background: transparent;
    font-size: 0;
    border: 0px;
	position: absolute;
    top: 150px;
    left: -30px;
}
div#testimonial .owl-dots {
    display: none;
}
/* ========================================== */
div#contact {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#contact-inner h2 {
    font-size: 35px;
}
div#contact-inner img {
    transform: translateX(60px);
    z-index: 99;
}
div#contact .vc_col-sm-8 .vc_column-inner {
    background: #FFFFFF;
    padding: 40px 40px 40px 70px !important;
    border-radius: 15px;
    filter: drop-shadow(2px 4px 6px #ccc);
}
div#gform_fields_1 {
    row-gap: 0px;
}
div#contact input, div#contact textarea, div#contact select {
    border: 1px solid #D4D4D4;
    height: 45px;
    border-radius: 5px;
    color: #9C9A9A;
    background-color: #FAFAFA;
}
div#contact input::placeholder, div#contact textarea::placeholder {
    color: #9C9A9A;
    opacity: 1;
}
div#contact select {
    padding-top: 3px;
}
div#contact input#gform_submit_button_1 {
    border-radius: 5px !important;
    border: unset !important;
    color: #fff !important;
    background: #1A3C6E !important;
    padding: 0px 30px !important;
}
span.gfield_required.gfield_required_text {
    opacity: 0;
}
div#contact .hover-wrap {
    z-index: 999;
}
/* =================================== */
div#footer-widgets .row {
    padding: 40px 0px !important;
    margin-bottom: 0;
}
div#footer-widgets .widget.widget_nav_menu {
   margin: 0 auto;
   display: table;
}
div#footer-widgets ul#menu-quick-links li a, div#footer-widgets ul#menu-useful-links li a, div#footer-widgets ul#menu-contact-info li a {
    position: relative !important;
    padding-left: 30px !important;
}
div#footer-widgets ul#menu-quick-links li a:before,
div#footer-widgets ul#menu-useful-links li a:before, div#footer-widgets ul#menu-contact-info li a:before {
    content: "\f101" !important;
    position: absolute;
    font-family: 'fontawesome' !important;
    left: 0;
    transform: rotate(-40deg);
    transition: .5s;
    font-size: 17px;
    width: 19px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	color:#B8B8B8;
}
div#footer-widgets ul#menu-quick-links li:hover a:before, div#footer-widgets ul#menu-useful-links li:hover a:before, div#footer-widgets  ul#menu-contact-info li:hover a:before {
    transition: .5s;
    transform: rotate(0deg);
}
div#custom_html-2 {
    margin-top: 20px;
}
div#footer-widgets .socliy ul li {
display: inline-block;
}
div#footer-widgets .socliy ul li i {
    margin: 0px 1px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #fff;
}
div#footer-widgets .socliy ul li:hover i {
    background: #E5B638;
    transition: .5s;
    border-color: #E5B638;
}
/* ===================================== */
div#copyright {
    padding: 20px 0px !important;
}
/* ================================== */
div#page-header-bg .page-header-bg-image {
    filter: brightness(0.5);
}
#media_image-2 img {
  margin-bottom: 0;
}
#media_image-2 {
  margin-bottom: 0 !important;
}
#media_image-2 img {
  filter: invert(1) brightness(10);
  width: 70%;
}
div#cser-inn .vc_col-sm-4 .vc_column-inner {padding: 50px 30px;border: 1px solid #fff;border-radius: 10px;}


div#cser-inn h2 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-family: 'Space Grotesk';
}

div#cser-inn p {
    color: #fff;
}

div#cser-inn a#btn {
    margin: 0 auto;
    display: table;
    background-color: #0049b5 !important;
}
div#head-cal h2 {
    font-family: 'Bitter' !important;
    font-weight: 700;
    font-size: 50px;
    line-height: 90px;
}
/* ======================================= */
@media (max-width: 1600px){
	.text-lft {
    margin-left: -20px !important;
}
}
@media (max-width: 1440px){
	.text-lft {
    margin-left: -20px !important;
}
		div#service-inner .t-1 {
    padding: 15px 15px !important;
}
	div#contact-inner h2 {
    font-size: 33px;
}
}
@media (max-width: 1366px){
		div#service-inner .t-1 h3 {
    min-height: 70px;
}
}
@media (max-width: 1326px){}
@media (max-width: 1280px){
	    .text-lft {
        margin-left: -60px !important;
    }
	div#testimonial-inner {
    margin: 0px 90px;
}
	    div#service-inner .t-1 h3 {
        min-height: 30px;
    }
	div#milstone-inner .nectar-milestone {
    width: 90%;
}
	div#maintenance-inner .vc_col-sm-3 .vc_column-inner {
    padding: 15px 15px !important;
}
	    div#contact-inner h2 {
        font-size: 30px;
    }
}
@media (max-width: 1080px){
	.material #slide-out-widget-area[class*=slide-out-from-right] .inner .off-canvas-menu-container li li a, body #slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .inner .off-canvas-menu-container li li a {
    font-size: 12px !important;
    line-height: 17px !important;
}
	div#about {
    padding: 30px 0px !important;
}
	div#service {
    padding: 30px 0px !important;
}
	    .text-lft {
        margin-left: -40px !important;
    }
	p, li a {
    font-size: 13px;
    line-height: 23px;
}
	.owl-stage {
    padding: 10px 0px !important;
}
	div#service .owl-carousel {
    width: 98%;
}
	    div#service-inner .t-1 h3 {
        min-height: 60px;
    }
	div#milstone {
    padding: 30px 0px !important;
}
	div#why-choose-inner {
    padding-top: 30px !important;
}
	div#maintenance-inner img {
    width: 90px;
}
	    div#maintenance-inner .vc_col-sm-3 .vc_column-inner {
        padding: 10px 10px !important;
    }
	div#maintenance-inner h4 {
    font-size: 18px;
    line-height: 28px;
}
div#milstone-inner .nectar-milestone h1, div#milstone-inner .nectar-milestone span.symbol {
        font-size: 60px !important;
        line-height: 60px;
        margin: 0;
    }
	    div#testimonial-inner {
        margin: 0px 50px;
    }
	div#testimonial-inner p em span {
        font-size: 15px;
        line-height: 25px;
    }
	    div#contact .vc_col-sm-8 .vc_column-inner {
        padding: 20px 20px 20px 60px !important;
    }
	div#contact-inner h2 {
        font-size: 25px;
    }
	div#contact input, div#contact textarea, div#contact select {
    height: 40px;
}
	div#contact select {
    padding-top: 0px;
}
	body .gform_wrapper .top_label .gfield_label {
    margin-top: 6px !important;
}
	div#gallery-inner {
    margin: 15px 150px;
}
	div#gallery-inner img {
    width: 100%;
}
}
@media (max-width: 1024px){}
@media (max-width: 912px){
	    body[data-slide-out-widget-area-style="slide-out-from-right"].material .slide_out_area_close:before {
        background-color: #E5B638 !important;
    }
	div#header-outer {
    padding: 0px 0px !important;
}
	header#top {
    padding-bottom: 10px !important;
}
	div#about-inner {
    margin: 0px 100px;
    text-align: center;
}
	.owl-dots {
    display: none;
}
	div#service-inner .t-1 h3 {
        min-height: auto;
    }
	div#service-inner .t-1 p {
        min-height: auto;
    }
	div#why-choose-inner {
    margin: 0px 100px;
    text-align: center;
}
	    div#why-choose-inner .iwithtext {
        display: inline-grid;
        gap: 10px;
    }
	div#why-choose-inner .iwithtext .iwt-icon {
    margin: 0 auto;
}
	    div#milstone-inner .nectar-milestone {
        width: 100%;
        border: unset;
        text-align: center;
    }
	div#maintenance-inner p {
    min-height: auto;
}
	div#maintenance-inner {
    margin: 10px 100px !important;
}
	div#testimonial-inner {
    padding: 20px 20px !important;
}
	    div#testimonial-inner p em span {
        font-size: 15px;
        line-height: 25px;
    }
	    div#contact-inner img {
        transform: translateX(0px);
        margin: 0 auto;
        width: 100%;
    }
	div#contact-inner {
    margin: 0px 100px !important;
}
	div#contact .vc_col-sm-8 .vc_column-inner {
        padding: 20px 30px 20px 30px !important;
    }
	div#contact input#gform_submit_button_1 {
    margin: 0 auto;
}
	div#footer-widgets .widget.widget_nav_menu {
    display: unset;
}
	div#contact-inner .wpb_text_column.wpb_content_element {
    text-align: center;
}
		div#gallery-inner {
    margin: 15px 120px;
}
}
@media (max-width: 800px){
		div#about-inner {
    margin: 0px 80px;
}
		div#why-choose-inner {
    margin: 0px 80px;
}
	    div#gallery-inner {
        margin: 10px 80px;
    }
		div#contact-inner {
    margin: 0px 80px !important;
}
		div#maintenance-inner {
    margin: 10px 80px !important;
}
}
@media (max-width: 768px){}
@media (max-width: 480px){
	   header#top {
        padding: 10px 0px 10px 0px !important;
        background: #fff;
    }
	    .text-lft {
        margin-left: -20px !important;
    }
			div#about-inner {
    margin: 0px 0px;
}
	    div#service .owl-carousel {
        width: 90%;
    }
		div#why-choose-inner {
    margin: 0px 0px;
}
		div#contact-inner {
    margin: 0px 0px !important;
}
		div#maintenance-inner {
    margin: 10px 30px !important;
}
	div#maintenance-inner .vc_col-sm-3 .vc_column-inner {
        padding: 20px 20px !important;
    }
	div#testimonial-inner {
        margin: 0px 10px;
    }
	    div#testimonial-inner p em {
        min-height: 170px;
        display: block;
    }
	h2 {
    font-size: 25px !important;
    line-height: 30px !important;
}
	div#testimonial-inner .iwithtext {
    display: table;
}
	    div#testimonial-inner .iwithtext .iwt-text {
        padding-left: 0px;
        width: 100%;
		position: relative;
    }
	div#testimonial-inner p em span:before {
        left: -10px;
        width: 2px;
        height: 170px;
    }
	div#testimonial-inner {
        margin: 0px 20px;
        padding: 20px 20px !important;
    }
	div#testimonial-inner .iwithtext .iwt-icon img {
    width: 60% !important;
}
	    div#testimonial-inner p em span {
        font-size: 14px;
        line-height: 24px;
    }
	    p, li a {
        font-size: 12px;
        line-height: 22px;
    }
	div#contact .vc_col-sm-8 .vc_column-inner {
        padding: 20px 20px 20px 20px !important;
    }
		div#gallery-inner {
    margin: 15px 0px;
}
	div#testimonial .owl-nav.disabled {
    display: none;
}
}
@media (max-width: 428px){}
@media (max-width: 414px){
	div#testimonial-inner .iwithtext .iwt-icon img {
    width: 100% !important;
}
}
@media (max-width: 390px){}
@media (max-width: 375px){
		h2 {
    font-size: 21px !important;
    line-height: 26px !important;
}
}
@media (max-width: 360px){}