/*
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
*/
#top .col.span_3 {
    width: 113% !important;
    display: flex;
    justify-content: end;
    gap: 150px;
}
#top .col.span_3 {
    justify-content: end;
    gap: 110px;
}
#footer-outer #footer-widgets .iconnn i.fa.fa-facebook {
    color: #1877F2 !important; /* Facebook Blue */
    background-color: #fff !important;
}

#footer-outer #footer-widgets .iconnn i.fa.fa-instagram {
    background: radial-gradient(circle at 30% 110%, #ffdb8b 0%, #ee653d 25%, #d42e81 50%, #a237b6 75%, #3e57bc 100%);
}


#header-outer #top .span_3 nav.left-side .nectar-social i.fa.fa-facebook {
    color: #1877F2 !important; /* Facebook Blue */
    background-color: #fff !important;
}

#header-outer #top .span_3 nav.left-side .nectar-social i.fa.fa-instagram {
    background: radial-gradient(circle at 30% 110%, #ffdb8b 0%, #ee653d 25%, #d42e81 50%, #a237b6 75%, #3e57bc 100%);
    color: #fff !important;
}




div#banner h2.ns-heading-el {
    color: #000;
    width: 60%;
}

div#banner p {
    font-size: 13px;
    color: #000;
    line-height: 20px;
}

div#banner  .buttons {
    padding: 0;
}

div#banner .buttons a.primary-color {
    padding: 20px 40px;
    font-size: 14px;
    font-family: 'Poppins';
}


div#Contact p {
    padding-bottom: 0;
}

div#Contact div#gform_fields_1 {
    row-gap: normal;
}

div#Contact input#gform_submit_button_1 {
    background-color: #FFCC00;
    color: black;
}

#footer-outer #footer-widgets .row {
    padding-block: 50px !important;
}
#footer-outer #footer-widgets div#media_image-2 {
    margin-bottom: 10px;
}
#footer-outer #footer-widgets div#text-2 {
    margin-bottom: 20px;
}
#footer-outer #footer-widgets .iconnn li {
    display: inline-block;
    margin-right: 12px;
}
div#Services  .owl-nav.disabled {
    display: block;
}

div#Services  button.owl-prev,div#Services  button.owl-next {
    width: 50px;
    height: 50px;
    border-radius: 100% !important;
    color: #777777;
    border: 1px solid #777777;
    background-color: transparent;
    /* font-size: 25px; */
    transition: 0.9s;
    position: relative;
    top: 50%;
}

div#Services button.owl-prev:hover, div#Services button.owl-next:hover {
    background-color: #FFCC00;
    color: black;
    border: 1px solid #FFCC00;
}

div#Services button.owl-prev span, div#Services button.owl-next span {
    font-size: 0;
}

div#Services button.owl-prev:before {
    content: '\f060';
    position: absolute;
    font-family: 'FontAwesome';
    left: 0;
    right: 0;
}

div#Services button.owl-next:before {
    content: '\f061';
    position: absolute;
    font-family: 'FontAwesome';
    left: 0;
    right: 0;
}

div#Services button.owl-prev {
    position: absolute;
    left: -60px;
}

div#Services button.owl-next {
    position: absolute;
    right: -60px;
}
#footer-outer #footer-widgets .iconnn li i {
    top: 0;
    border: 1px solid white;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    transition: 0.9s;
}
#footer-outer #footer-widgets .iconnn li:hover i {
    border: 1px solid #FFCC00;
    color: #FFCC00;
}
#footer-outer div#nav_menu-2 {
    margin: 0 auto;
    display: table;
}
#footer-outer div#custom_html-2 {
    margin-bottom: 15px;
}
#footer-outer div#custom_html-2 iframe {
    border-radius: 10px;
}
div#copyright {
    padding-block: 15px !important;
}
div#copyright strong {
    color: #FFCC00;
}
div#Testimonials {
    padding-block: 50px !important;
}
div#Testimonials .img1 {
    width: 100%;
}
div#Testimonials .carousel-item {
    background-image: url(https://cajuncoating.com/wp-content/uploads/2025/08/Group-370.png);
    background-size: 100% 100%;
    filter: drop-shadow(2px 4px 6px #ccc);
    margin-inline: 12px;
    padding-inline: 70px;
    padding-block: 60px;
    overflow: hidden;
}
div#Testimonials .carousel-item div#testimonialscaro {
    margin-bottom: 0;
}
div#Testimonials .carousel-item .iwithtext:before {
    content: '';
    position: absolute;
    background-color: #F7F7F7;
    width: 112%;
    height: 153%;
    z-index: -1;
    top: -17px;
    border-radius: 0px 50px 50px 0px !important;
    right: 0;
}
div#Testimonials .carousel-item .iwithtext .iwt-icon img {
    width: 100%;
}
div#Testimonials .carousel-item .iwithtext .iwt-icon {
    right: 0;
    left: unset;
    margin-top: -16px;
}
div#Testimonials .carousel-item .iwithtext .iwt-text {
    padding-left: 0;
    text-align: right;
    padding-right: 100px;
}
div#Testimonials .carousel-item .iwithtext  h4 {
    margin-bottom: 0;
    font-family: 'Viga';
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
}
div#Testimonials .carousel-item  .text1 {
    padding-bottom: 21px;
}
div#Testimonials .carousel-item .iwithtext {
    background-image: url(https://cajuncoating.com/wp-content/uploads/2025/08/Group-448.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
}
div#Testimonials .carousel-item h2 {
    font-size: 27px;
    line-height: 37px;
    padding-bottom: 13px;
}
div#Testimonials  .owl-carousel {
    margin-left: -17%;
    width: 113%;
}
a#b1 {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Viga';
    color: #111111;
    font-weight: 200;
    text-transform: uppercase;
    padding-block: 15px 12px !important;
    padding-inline: 43px !important;
    border-radius: 10px !important;
}
div#Gallery {
    padding-block: 60px 30px !important;
}
div#Gallery div#galleryin img {
    width: 100%;
}
div#Gallery div#galleryin .hover-wrap-inner:before {
    content: '';
    position: absolute;
    background-color: #ffcc008c;
    width: 100%;
    height: 0%;
    left: 0;
    top: 0;
    border-radius: 24px;
    z-index: 9;
    transition: 0.9s;
    pointer-events: none;
}
div#Gallery div#galleryin .hover-wrap-inner:hover:before {
    height: 100%;
}
div#Gallery div#galleryin .hover-wrap-inner:after {
    content: '';
    position: absolute;
    background-image: url(https://cajuncoating.com/wp-content/uploads/2025/08/unnamed-file.png);
    width: 100%;
    height: 100%;
    z-index: 9;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: 0.8s;
    scale: 0;
    z-index: 99999;
    pointer-events: none;
}
div#Gallery div#galleryin .hover-wrap:hover:before {
    scale: 1;
}
div#Gallery div#galleryin .hover-wrap-inner:hover:after {
    scale: 1;
}
div#Started {
    padding-block: 120px !important;
}
div#Choose {
    padding-block: 50px !important;
}
div#Choose .nectar-fancy-ul li {
    background-image: url(https://cajuncoating.com/wp-content/uploads/2025/08/Group-262.png);
    background-repeat: no-repeat;
    background-position: 0%  50%;
    padding-block: 11px !important;
}
div#Choose .nectar-fancy-ul li i:before {
    font-size: 0px !important;
}
div#Choose .iwithtext .iwt-icon {margin-top: 9px;}
div#Choose .iwithtext .iwt-text h5 {font-weight: 600;text-transform: uppercase;}
div#Choose .iwithtext .iwt-text  a {
    font-family: 'Viga';
    font-size: 24px;
}
div#Services {
    padding-block: 50px 20px !important;
}

div#Services .text1 {
    margin-bottom: 0;
}
div#Services .carousel-item {
    margin-inline: 20px;
    filter: drop-shadow(0px 0px 2px #ccc);
}
div#Services .carousel-item div#servicein1 {
    margin-bottom: 0;
}
div#Services .carousel-item .hover-wrap {
    margin-bottom: 0;
}
div#Services .carousel-item  .text2 {
    background-color: white;
    text-align: left;
    padding-inline: 20px;
    padding-block: 28px !important;
    border-radius: 0px 0px 20px 20px;
}
div#Services .carousel-item .text2 h2 {
    padding-bottom: 10px;
}
div#Services .carousel-item  p {
    padding-bottom: 12px;
}
div#Services .carousel-item  h5 {
    width: fit-content;
    background-image: url(https://cajuncoating.com/wp-content/uploads/2025/08/Vector-1.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 20px;
    text-transform: uppercase;
    transition: 0.9s;
}
div#Services .carousel-item:hover h5 {background-image: url(https://cajuncoating.com/wp-content/uploads/2025/08/Vector-2.png);}
div#Services .carousel-item h5 a {
    opacity: 1 !important;
    color: #111111 !important;
    transition: 0.9s;
    font-size: 14px;
    line-height: 24px;
}
div#Services .carousel-item:hover h5 a {
    color: #FFCC00 !important;
}
div#Services .carousel-item .hover-wrap-inner:before {
    content: '';
    position: absolute;
    background-color: #ffcc005c;
    width: 100%;
    height: 0%;
    left: 0;
    bottom: 0;
    border-radius: 30px 30px 0px 0px !important;
    z-index: 9;
    transition: 0.9s;
}

div#Services .carousel-item:hover .hover-wrap-inner:before {
    height: 100% !important;
}

div#about {
    padding-block: 50px 100px !important;
}

div#about .img2 {
    position: absolute;
    bottom: -60px;
    right: 0;
    animation: 2s move linear alternate infinite;
}
@keyframes move{
    0%{
        transform:translateY(20px)
    }
}
header#top,div#header-space {
    height: 122px !important;
}
header#top nav.left-side {
    order: 1;
}
header#top nav.right-side i {
    border: 1px solid #666666;
    color: #666666 !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 100% !important;
    transition: 0.9s;
}
header#top nav.right-side a {
    margin-left: 10px !important;
}
header#top nav.right-side i:hover {
    background-color: #1E88E5;
    border: 1px solid #1E88E5;
    color: white !important;
}
header#top ul#menu-man-right a {
    font-size: 18px !important;
    line-height: 25px !important;
    text-align: left;
    font-family: 'Viga';
    text-transform: lowercase;
}
header#top ul#menu-man-right em {
    font-style: normal;
    color: #6C7176;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
}
header#top ul#menu-man-right i {
    background-color: transparent;
    color: transparent !important;
    -webkit-text-stroke: 1px #000000;
    width: 55px !important;
    height: 55px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    font-size: 33px;
    transition: 0.9s;
}
header#top ul#menu-man-right li:hover i {
    background-color: transparent;
    -webkit-text-stroke: 1px #FFCC00;
}
#header-outer[data-menu-bottom-bar-align=left][data-format=centered-menu-bottom-bar] #top .span_3 nav.left-side
 {
    margin: 0;
}
/* header#top ul#menu-man-right{
    padding-left: 410px;
} */
#top .col.span_9.col_last:before {content: '';position: absolute;background-color: #282828;width: 100%;height: 100%;left: -30%;top: 0;z-index: 99999;z-index: -1;}
#top .col.span_9.col_last span {
    color: white;
}
#top .col.span_9.col_last a {
    margin-bottom: 0px !important;
}
#top .col.span_9.col_last {
    height: 70px;
}
#top .col.span_9.col_last ul.sf-menu.sf-js-enabled.sf-arrows li {
    padding-inline: 17px;
    margin-right: 46px;
}
#top .current-menu-item {
    background-color: #FFCC00;
}
#top .col.span_9.col_last ul.sf-menu.sf-js-enabled.sf-arrows a {
    padding-inline: 0px !important;
}
#top .b1 {
    position: absolute;
    right: 0;
    height: 100%;
    margin-inline: 0px !important;
    padding-inline: 0px !important;
}
#top .b1 span {
  color: #111111 !important;
}
#top .b1 a {
    font-weight: 600;
    line-height: 25px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #FFCC00;
    border-radius: 40px 0px 40px 40px !important;
    text-align: left;
    font-family: 'Viga';
    font-size: 18px;
}
#top  ul.buttons.sf-menu {
    margin-right: 310px !important;
    background-color: #353535;
    padding-inline: 20px  !important;
    border-radius: 0px 70px 73px 0px !important;
}
#top ul.buttons.sf-menu li#search-btn {
    height: 69px !important;
    filter: brightness(0) invert(1);
}
header#top nav.left-side i {
    border: 1px solid #666666;
    color: #666666 !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 100% !important;
    transition: 0.9s;
}
header#top nav.left-side a {
    margin-left: 10px !important;
}
/* #top .col.span_9.col_last ul.sf-menu.sf-js-enabled.sf-arrows li:last-child a {
    padding-inline: 75px 26px !important;
    padding-block: 16px 14px !important;
} */
#top .b1 a em {
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
}
/* #top .col.span_9.col_last ul.sf-menu.sf-js-enabled.sf-arrows li:last-child a:before {
    content: '';
    position: absolute;
    background-image: url(https://cajuncoating.com/wp-content/uploads/2025/08/headphones-1.png);

    width: 38px;
    height: 39px;
    background-size: cover;
    left: 27px;
    top: 27%;
} */
#top .current-menu-item span {
    color: #111111 !important;
}
div#Services  .row-bg.viewport-desktop.using-image {
    background-size: 100% 47%;
}
#footer-outer .widget.widget_media_image img
 {
    margin-bottom: 0;
    width: 50%;
}
div#Services .owl-dots {
    display: none;
}
    div#Gallery {
        padding-block: 40px 30px !important;
    }
/* ================================== */
@media (max-width: 1600px) {
	#top .col.span_3 {
    width: 113% !important;
}
	div#banner h2.ns-heading-el {
    font-size: 35px;
    line-height: 45px;
    width: 40%;
}

div#banner .content {
    padding-top: 50px;
}

div#banner p {
    width: 50%;
}
}
/* ================================== */
@media (max-width: 1440px) {
	#top .col.span_3 {
    width: 107% !important;
    gap: 90px;
}
}
/* ================================== */
@media (max-width: 1366px) {
	#top .col.span_3 {
    width: 107% !important;
    gap: 60px;
}
	#top .col.span_3 {
    justify-content: end;
    gap: 90px;
}
    #top .col.span_9.col_last ul.sf-menu.sf-js-enabled.sf-arrows li {
    margin-right: 38px;
}

/* header#top ul#menu-man-right {
    padding-left: 310px;
} */
}
/* ================================== */
@media (max-width: 1280px) {
	#top .col.span_3 {
    gap: 60px;
}
/*     header#top ul#menu-man-right {
    padding-left: 240px;
} */

#top .col.span_9.col_last ul.sf-menu.sf-js-enabled.sf-arrows li {
    margin-right: 31px;
}

#top .b1 a {
    FONT-SIZE: 16PX;
}

#top .b1 a em {
    font-size: 12px;
    line-height: 24px;
}

#top ul.buttons.sf-menu {
    margin-right: 280px !important;
}

div#Started {
    padding-block: 70px !important;
}
}
/* ================================== */
@media (max-width: 1080px) {
	#header-outer:not([data-format=left-header]) #top>.container>.row, #header-outer:not([data-format=left-header]) #top>.container>.row nav, #header-outer:not([data-format=left-header]) #top>.container>.row nav>ul, #header-outer:not([data-format=left-header]) #top>.container>.row nav>ul>li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }
	    #top .col.span_3 {
        justify-content: flex-start;
        gap: 0 !important;
    }
/*     header#top ul#menu-man-right {
    padding-left: 0;
} */

header#top, div#header-space {
    height: 100% !important;
}

#top .col.span_9.col_last:before {
    display: none;
}



#top ul.nectar-social {
    display: none !important;
}

#top .col.span_9.col_last {
}

#top .col.span_9.col_last {
    height: 90px !important;
}

#top nav.right-side {
    display: none !important;
}

div#slide-out-widget-area em {
    font-style: normal;
}

p {
    font-size: 12px;
    line-height: 23px;
}

div#Services .carousel-item {
    margin-inline: 6px;
}


a#b1 {
    font-size: 14px !important;
    line-height: 24px;
    padding-inline: 24px !important;
}

div#Choose .iwithtext .iwt-text a {
    font-size: 18px;
}

div#Choose .iwithtext .iwt-text h5 {
    font-size: 13px;
}

div#Started {
    padding-block: 40px !important;
}

div#Gallery {
    padding-block: 40px 10px !important;
}



div#Testimonials .text1 {
    margin-bottom: 0;
}

div#Testimonials .carousel-item {
    padding-inline: 30px;
    padding-block: 27px;
}

div#Testimonials .carousel-item h2 {
    padding-bottom: 0;
}

#footer-outer #footer-widgets .row {
    padding-block: 50px 30px !important;
}

#footer-outer a,#footer-outer p {
    font-size: 12px;
    line-height: 22px;
}

body #sidebar h4, body .widget h4, body #footer-outer .widget h4 {
    font-size: 20px !important;
    line-height: 30px !important;
}
}
/* ================================== */
@media (max-width: 912px) {
#footer-outer div#nav_menu-2 {
    margin: unset;
}

#top .col.span_9.col_last {
    height: 100% !important;
}

div#about {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

p {font-size: 14px;line-height: 24px;}

div#Services .owl-nav.disabled {
    display: none;
}

div#Services button.owl-dot span {
    background-color: #FFCC00 !important;
}

div#Choose {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.nectar-fancy-ul {
    text-align: left;
    width: fit-content;
    margin: 0 auto;
}

div#Choose .iwithtext .iwt-icon {
    position: relative;
    margin: 0 auto;
    display: table;
}

div#Choose .iwithtext  .iwt-text {
    padding: 0;
}

div#Choose .ing1 {
    width: 60%;
    margin: 0 auto;
}

div#galleryin .c1,div#galleryin .c2,div#galleryin .c3 {
    width: 33.33%;
}

div#Testimonials {
    width: 80%;
    margin: 0 auto;
}

div#Testimonials .c1 {
    order: 1;
    margin-bottom: 0;
}

div#Testimonials .owl-carousel {
    margin: 0 auto;
    width: 100%;
}

div#Testimonials .img1 {
    object-fit: cover;
    height: 400px;
    border-radius: 30px;
}

#footer-outer #footer-widgets a,#footer-outer #footer-widgets p {
    font-size: 14px !important;
    line-height: 24px !important;
}

#footer-outer  .col.span_3 {
    margin-bottom: 0;
}
	div#Services .owl-stage-outer {
    height: 460px;
}
	div#Services .carousel-item .text2 {
    padding-inline: 14px;
}
}
/* ================================== */
@media (max-width: 768px) {
	div#banner .buttons a.primary-color {
    padding: 15px 15px;
    font-size: 11px;
    font-family: 'Poppins';
}
}
/* ================================== */
@media (max-width: 480px) {
	div#banner h2.ns-heading-el {
    font-size: 35px !important;
    line-height: 45px !important;
    width: 100%;
}

div#banner p {
    width: 100%;
}
    div#about .img2 {
    display: none;
}
    h1 {
    font-size: 25px !important;
    line-height: 35px !important;
}


div#Started p br {
    display: none;
}

div#Testimonials .carousel-item {
    text-align: center;
}

.nectar-fancy-ul li {
    font-size: 14px !important;
    line-height: 23px;
}
div#about {
    padding-block: 40px !important;
    width: 100%;
}

div#Services .row-bg.viewport-desktop.using-image {
    background-size: cover;
}

div#Choose .ing1 {
    width: 100%;
}



div#Choose {
    width: 100%;
}

div#Testimonials {
    width: 100%;
}

div#Testimonials .carousel-item .iwithtext {
    background-image: unset;
}

#footer-outer .col.span_3 {
    margin-bottom: 30px;
}
}
/* ================================== */
@media (max-width: 428px) {}
/* ================================== */
@media (max-width: 414px) {}
/* ================================== */
@media (max-width: 390px) {}
/* ================================== */
@media (max-width: 375px) {}
/* ================================== */
@media (max-width: 360px) {}
/* ================================== */