/*
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
*/




/****************************** Typography ***************************************************/
h1 {	
	font-family: 'lovelo' !important;	
}
h2 {	
	font-family: 'lovelo' !important;	
}
h3 {	
	font-family: 'lovelo' !important;	
}
h4 {	
	font-family: 'lovelo' !important;	
}
h5 {	
	font-family: 'lovelo' !important;	
}
h6 {	
	font-family: 'lovelo' !important;	
}
p {	
	font-family: 'poppins' !important;	
}
a {	
	font-family: 'poppins' !important;	
}
span {	
	font-family: 'poppins' !important;	
}
strong {	
	font-family: 'poppins' !important;	
}

/****************************** Secondary Header ***************************************************/
ul.lft li {
    display: inline;
    padding-left: 30px !important;
}
ul.lft li a {
    color: #000 !important;
}
ul#social li a i.icon-salient-x-twitter {
    color: #000 !important;
}
ul#social li a i.fa.fa-facebook {
    color: #000 !important;
}
ul#social li a i.fa.fa-youtube-play {
    color: #000 !important;
}


ul#social li a i.fa.fa-linkedin {
    color: #000 !important;
}

body #header-secondary-outer .nectar-center-text {
    max-width: 100%;
}
ul.lft {
    padding-top: 10px;
}
#header-secondary-outer ul.lft li:nth-child(1):before {
    content: url(https://demo23.mystagingserver.site/waterstonedynamics/wp-content/uploads/2023/12/Vector-1.svg);
    position: absolute;
    right: 610px;
    top: 8px;
    color: #000;
    transform: scale(0.8);
    filter: invert(1);
}
#header-secondary-outer ul.lft li:nth-child(2):before {
    content: url(https://demo23.mystagingserver.site/waterstonedynamics/wp-content/uploads/2023/12/Vector-2.svg);
    position: absolute;
    right: 290px;
    top: 8px;
    color: #000;
    transform: scale(0.8);
    filter: invert(1);
}
#header-secondary-outer ul.lft li:nth-child(3):before {
    content: url(https://demo23.mystagingserver.site/waterstonedynamics/wp-content/uploads/2023/12/Vector-2.svg);
    position: absolute;
    right: 288px;
    top: 8px;
    color: #000;
    transform: scale(0.8);
    filter: invert(1);
}
/****************************** Menu ***************************************************/
ul.sf-menu.sf-js-enabled.sf-arrows li a span {
    font-size: 15px;
    color: #fff !important;
}




/****************************** Slider ***************************************************/
#necter h2 {
    font-size: 60px;
    line-height: 80px !important;
/*     padding-top: 150px; */
}
#necter .buttons .button.solid_color a.primary-color {
    padding: 15px 40px !important;
}
#necter .buttons .button.solid_color a.primary-color:hover {
    background: #ec1d27 !important;
    transition: .5s;
}
#banner {
    padding-left: 30% !important;
    padding-right: 30% !important;
}
.banner-sub-col .vc_column-inner {
    padding-left: 100px;
}
#banner .banner-txt h3 {
    color: #000;
    font-size: 21px;
}
#banner .banner-txt h2 {
    font-size: 79px;
    text-transform: capitalize;
    line-height: 90px;
    padding-top: 0px;
    padding-bottom: 30px;
    background: -webkit-linear-gradient(#df1410, #fa7301);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
#banner a#banner-product {
    padding: 14px 40px;
    font-size: 17px;
    border-radius: 20px;
    top: 100px;
	background: #fff !important;
    color: red;
}
#banner .owl-dots {
	display: none;
}

#banner .owl-nav.disabled {
	display: block;
}

#banner button.owl-next span::before {
	content: "\f061";
	font-family: FontAwesome;
	font-size: 40px;
	color: #ad7146;
}

#banner button.owl-next span {
	font-size: 0px;
}

#banner button.owl-next {
	background: #fff;
	border-radius: 30px !important;
	border-color: #ad7146;
}


#banner button.owl-prev span::before {
	content: "\f060";
	font-family: FontAwesome;
	font-size: 40px;
	color: #ad7146;
}

#banner button.owl-prev span {
	font-size: 0px;
}

#banner button.owl-prev {
	background: #fff;
	border-radius: 30px !important;
	border-color: #ad7146;
}
#banner {
    background-image: url(https://burraqueoilmills.com/wp-content/uploads/2024/09/Screenshot-2024-09-04-002935.png);
    background-repeat: no-repeat;
    background-size: 100% 83%;
}
/******* Animation ************/


/****************************** Sec-0 ***************************************************/
.sec-col-1 .vc_column-inner {
    padding-left: 60px;
}
.sec0-txt h1 {
    font-size: 60px;
    text-transform: capitalize;
}
.sec0-txt p {
    font-size: 20px;
    line-height: 34px;
    padding-top: 20px;
}
a#sec0-btn {
    padding: 14px 40px;
    font-size: 17px;
    border-radius: 20px;
    top: 30px;
	background: rgb(223,20,16);
background: -moz-linear-gradient(201deg, rgba(223,20,16,1) 0%, rgba(250,115,1,1) 93%);
background: -webkit-linear-gradient(201deg, rgba(223,20,16,1) 0%, rgba(250,115,1,1) 93%);
background: linear-gradient(201deg, rgba(223,20,16,1) 0%, rgba(250,115,1,1) 93%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#df1410",endColorstr="#fa7301",GradientType=1);
}
.banner-inner-row-col-1 {
    background: #fff;
}
.banner-inner-row-col-1 .vc_column-inner {
    padding: 50px 0px;
}
.inner-row-txt-1 h2 {
    background: -webkit-linear-gradient(#df1410, #fa7301);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner-inner-row-col-2 {
   background: -webkit-linear-gradient(#df1410, #fa7301);
}
.banner-inner-row-col-2 .vc_column-inner {
    padding: 50px 0px;
}
.inner-row-txt-2 h2 {
 color: #fff;
}
/****************************** Sec-1 ***************************************************/

#category-row .c-1 {
    width: 70%;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    border: 2px solid #f15c62;
}
button.flickity-button.flickity-prev-next-button.previous {
    left: -80px !important;
}
button.flickity-button.flickity-prev-next-button.next {
    right: -10px !important;
}
#category-row .c-1:hover {
    border: 2 solid #a86f48;
    transition: .3s;
}


#sec-2 .banner-img {
    box-shadow: #ec1d2799 0px 5px 15px !important;
}

/******* Animation ************/


/****************************** sec-2 ***************************************************/
#sec-2 h2.woocommerce-loop-product__title {
    color: #000 !important;
}
#sec-2 ul.products.columns-4 {
    padding-top: 40px !important;
}
#product {
    margin: 0px auto !important;
    display: table;
}

/******* Animation ************/


/****************************** sec-3 ***************************************************/


/******* Animation ************/


/****************************** sec-4 ***************************************************/
#sec-4 .nectar-google-map {
    margin-top: 80px;
    border: 2px solid #000;
    box-shadow: rgb(184 124 85 / 43%) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
#inner-sec-4 iframe.map {
    margin-top: 80px;
    border: 2px solid #000;
    box-shadow: rgb(184 124 85 / 43%) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.container-wrap input[type=text] {
    padding: 7px !important;
}
.container-wrap input[type=email]  {
    padding: 7px !important;
}
.container-wrap textarea {
    padding: 0px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100% !important;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    line-height: 18px !important;
}
.form-col label {
    color: #000;
    font-weight: 600;
    font-size: 15px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border: 1px solid #000;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    border: 1px solid #000;
}
#sec-3 .subject {
    color: #dcae0d !important;
}
#sec-4 .form-col {
    background-image: url(https://burraqueoilmills.com/wp-content/uploads/2024/05/modern-white-background-free-vector.jpg);
    padding: 20px 40px 0px 40px !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}
#inner-sec-4 {
    padding-top: 50px;
}
/******* Animation ************/


/****************************** sec-5 ***************************************************/


/******* Animation ************/


/****************************** sec-6 ***************************************************/


/******* Animation ************/


/****************************** Footer ***************************************************/
.footer-mian-h h1 {
    font-size: 30px;
    font-family: 'righteous';
    font-weight: 400;
}
#footer-1 {
    background-image: url(https://burraqueoilmills.com/wp-content/uploads/2024/05/1.png);
    background-size: contain;
    padding-top: 2.5%;
    background-repeat: no-repeat;
    padding-bottom: 5%;
    padding-right: 6%;
    padding-left: 6.5%;
}
#footer .footer-logo {
    width: 75%;
}


#footer .footer-copy a:hover {
    color: #f00;
    transition: .9s;
}
#footer .footer-copy a {
    opacity: 1;
    font-weight: 600;
    font-size: 15px;
    border-bottom: 1px solid;
    text-transform: uppercase;
}
#footer h2 {
    font-size: 20px;
    color: #ffffff;
    font-family: 'righteous';
    font-weight: 100;
}
#footer .footer-news p {
    font-size: 13px;
    color: #ffffff;
}
#footer .footer-txt p {
    font-size: 13px;
    font-family: 'jost';
    font-weight: 100;
    line-height: 21px;
    color: #ffffffd9;
}



.footer-menu li a:hover {
    color: #dcae0d !important;
    transition: .9s;
}

.footer-menu li a {
    color: #ffffffd9 !important;
}

.footer-menu li {
    list-style-type: none;
    margin-left: -28px;
    font-family: 'jost';
    font-weight: 500;
    line-height: 40px;
}
#footer .iwt-icon img {
    width: 80%;
}
#footer .iwithtext .iwt-text {
    padding-left: 54px;
    padding-right: 30px;
    font-weight: 500;
    color: #ffffff;
    padding-top: 5px;
    margin-bottom: 30px;
}
#footer #ajax-content-wrap .divider-border[data-color=white], #ajax-content-wrap .divider-small-border[data-color=white] {
    background-color: #ffffff52;
}
.footer-copy p {
    font-family: jost;
    font-weight: 100;
    color: #ffffffd9;
}
.footer-copy p strong {
    font-weight: 700;
}
#footer .footer-col4 .vc_column-inner::after {
    content: url(https://demo23.mystagingserver.site/waterstonedynamics/wp-content/uploads/2023/12/Mask-group-1.svg) !important;
    position: absolute;
    top: -6px;
    right: -40px;
}
#footer .row-bg.viewport-desktop.using-image {
    background-size: 100%;
}

#footer .iwt-text a {
    font-weight: 100;
    color: #ffffffd9;
    font-family: jost;
}

#footer .iwt-text a:hover {
    color: #dcae0d !important;
    transition: .9s;
}

#footer .socliy li a:hover {
    background: #dcae0d;
    transition: .9s;
    color: #fff;
}
#footer .socliy li a {
    background: #ffffff !important;
    color: #000 !important;
    padding: 8px 12px;
    font-size: 16px;
    border-radius: 40px !important;
    margin-right: 18px;
}
#footer .socliy li {
    list-style-type: none;
    display: inline-block;
}
#footer .socliy {
    margin-left: -30px;
    margin-top: 40px;
}
#footer .socliy li i.fa.fa-facebook {
    padding: 0px 4px;
}
#footer .socliy li i.fa.fa-instagram {
    padding: 0px 2px;
}
#footer .socliy li a:hover {
    color: white !important;
    background: #DCAE0C !important;
    transition: .4s !important;
}
#footer input[type=submit] {
    font-size: 14px;
    padding: 10px 20px !important;
    position: absolute;
    right: 7px;
    background-color: #263238;
    margin-top: -53px;
    border-radius: 50px 40px 40px 0px !important;
    text-transform: uppercase;
    font-family: 'righteous';
    font-weight: 100;
}
#footer input[type=submit] {
    box-shadow: 0px 0px 0px 0px !important;
}
#footer input[type=email]::placeholder {
    color: #000;
    opacity: 1;
    text-transform: capitalize !important;
}
#footer input[type=email] {
    background: white;
    border: 1px solid #ffffff;
    border-radius: 50px 40px 40px 0px;
    padding: 10px 20px !important;
    color: #666666 !important;
    font-family: 'jost';
    text-transform: capitalize !important;
    height: 50px;
}
#footer label {
    font-family: 'inter';
    color: #111;
    font-weight: 500;
}
#footer-inner2 a:hover {
    color: #00c3b6;
    transition: .9s;
}

#footer-inner2 a {
    font-family: 'inter';
    color: #000;
    font-weight: 500;
}
.footer-col2 .vc_column-inner {
    padding-left: 80px;
}


.footer-col1 .divider-vertical.nectar-bg-default {
    height: 150px;
    position: absolute;
    top: 10px;
    right: -30px;
}
.footer-col2 .divider-vertical.nectar-bg-default {
    height: 150px;
    position: absolute;
    top: 10px;
    right: 30px;
}
.footer-col3 .divider-vertical.nectar-bg-default {
    height: 150px;
    position: absolute;
    top: 10px;
    right: 30px;
}

#footer .nectar-global-section.before-footer {
    z-index: 11;
}
#footer .iwt-icon i.icon-default-style.fa.fa-envelope.extra-color-2::before {
    font-size: 25px;
}
#footer .iwt-icon i.icon-default-style.fa.fa-phone.extra-color-2::before {
    font-size: 25px;
}
#footer .iwt-icon i.icon-default-style.steadysets-icon-map-marker.extra-color-2::before {
    font-size: 25px;
}




/****************************** Responsive ***************************************************/


/****************** 1680 ****************************/
@media (max-width: 1680px) {
	

	
}


/****************** 1600 ****************************/
@media (max-width: 1600px) {
	
#banner .banner-txt h2 {
    font-size: 69px;
}	
	#banner {
    background-size: 100% 80%;
}
	
}


/****************** 1440 ****************************/
@media (max-width: 1440px) {
	
#sec-1 {
    padding-left: 40px;
}
	#banner .banner-txt h2 {
    font-size: 39px;
    line-height: 50px;
}
	#banner {

    background-size: 100% 74%;
}
	
}


/****************** 1366 ****************************/


@media (max-width: 1366px) {}


/****************** 1326 ****************************/
@media (max-width: 1326px) {
    #banner {
        background-size: 100% 79%;
    }	
	.inner-row-txt-1 h2 {
    background: -webkit-linear-gradient(#df1410, #fa7301);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
}
#banner-inner-row {
    margin-top: 30px;
}	
}


/****************** 1280 ****************************/


@media (max-width: 1280px) {

#necter h2 {
    font-size: 60px !important;
}	
	
}


/****************** 1024 ****************************/


@media (max-width: 1024px) {
	
	    #banner-inner-row {
        margin-top: 100px;
    }
	    #banner {
        background-size: 100% 75%;
    }
#text-4 {
    display: none;
}	
	#recent-posts-3 {
    display: none;
}
#necter h2 {
        font-size: 50px !important;
        line-height: 70px !important;
    }	
	#necter {
    padding-top: 0px !important;
    padding-bottom: 30px !important;
}
	#sec-1 button.flickity-button.flickity-prev-next-button.previous {
    left: -70px !important;
}
	#sec-1 .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 90px 0 10px 0;
}
	    #sec-1 {
        padding-left: 20px;
    }
	#sec-1 button.flickity-button.flickity-prev-next-button.previous {
        left: -57px !important;
}
#footer-1 .footer-mian-h h1 {
    font-size: 22px;
}	
#footer .footer-col1 {
    width: 50%;
}
#footer .footer-col2 {
    width: 50%;
}	
#footer .footer-col3 {
    width: 50%;
	padding-top: 30px;
}	
#footer .footer-col4 {
    width: 50%;
	padding-top: 30px;
}
#footer .row-bg.viewport-desktop.using-image {
    background-size: 160%;
}
#footer .footer-logo {
    width: 45%;
}	
	
	
	
}




/****************** 800 ****************************/


@media (max-width: 800px) {
	
	
#banner-sub-row .wpb_wrapper {
    text-align: center;
}	
	#banner-sub-row .banner-txt h3 {
    color: #fff;
}
	#banner-sub-row .wpb_wrapper h2 {
    color: #fff !important;
}
	.banner-sub-col .vc_column-inner {
    padding-left: 0px;
	padding-top: 40px;
}
body #header-secondary-outer[data-secondary-text=true] ul {
        display: unset !important;
}	
	#header-secondary-outer ul.lft li:nth-child(1):before {
    right: 459px;
}
#header-secondary-outer ul.lft li:nth-child(2):before {
    right: 185px;
}
    #necter h2 {
        font-size: 40px !important;
        line-height: 60px !important;
}
#necter .content {
    padding-top: 140px;
}
#sec-3 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
#inner-sec-4 {
    padding-top: 0px !important;
}	
#sec-4 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#sec-4 .form-col {
    margin: 40px 40px;
}	
#footer-1 .footer-mian-h h1 {
        font-size: 22px;
        text-align: center;
}	
#footer-1 {
    padding-right: 0%;
    padding-left: 0%;
}	
#footer .row-bg.viewport-desktop.using-image {
        background-size: cover !important;
}	
.category-row-col {
    width: 50%;
}	
#footer .row-bg.viewport-desktop.using-image {
        background-size: cover !important;
}
#footer .footer-col3 {
        padding-top: 0px !important;
}
#footer .footer-col4 {
        padding-top: 0px !important;
}
.footer-col2 .vc_column-inner {
    padding-left: 0px ! IMPORTANT;
}	
	
}


/****************** 768 ****************************/


@media (max-width: 768px) {}


/****************** 760 ****************************/


@media (max-width: 760px) {}


/****************** 640 ****************************/


@media (max-width: 640px) {}


/****************** 600 ****************************/


@media (max-width: 600px) {}


/****************** 480 ****************************/


@media (max-width: 480px) {
	
	.secondary-header-text {
    display: none;
}
    #necter h2 {
        font-size: 25px !important;
        line-height: 40px !important;
    }	
	    #necter .content {
        padding-top: 50px;
    }
	    #necter h2 {
        padding-top: 30px;
    }
	.category-row-col {
    width: 50% !important;
}
.classic.product {
    width: 100% !important;
}
#sec-2 h2.woocommerce-loop-product__title {
    text-align: center;
}	
	#sec-2 span.woocommerce-Price-amount.amount {
    text-align: center !important;
    margin: 0px auto !important;
    display: table;
}
	#sec-2 {
    padding-bottom: 0px !important;
}
	#sec-4 h1 {
    font-size: 23px;
    line-height: 0px;
}
#inner-sec-4 {
        padding-top: 0px !important;
        margin-top: -50px !important;
    }
	#footer-1 {
    padding-top: 1%;
}
	    #footer .footer-col1 {
        width: 100%;
		margin-bottom: 0px;
    }
	    #footer .footer-col2 {
        width: 100%;
		margin-bottom: 0px;
    }
	    #footer .footer-col3 {
        width: 100%;
		margin-bottom: 0px;
    }
	    #footer .footer-col4 {
        width: 100%;
    }
	    #sec-1 {
        padding-left: 0px;
    }
	
}


/****************** 515 ****************************/


@media (max-width: 515px) {}


/****************** 414 ****************************/


@media (max-width: 414px) {
	
    #necter h2 {
        font-size: 23px !important;
        line-height: 30px !important;
    }
	    #necter .content {
        padding-top: 70px;
    }
	#sec-2 {
    padding-bottom: 20px !important;
}
	.sec-3-h h1 {
    font-size: 25px;
    padding-bottom: 0px !important;
}
	#sec-3-sub {
    padding-top: 0px !important;
}
	#sec-2 h1 {
    font-size: 29px;
}
	    #sec-4 h1 {
        font-size: 19px;
        line-height: 0px;
    }
	.footer-copy p {
    font-size: 13px;
}
	
}



/****************** 375 ****************************/


@media (max-width: 375px) {
	
    #necter h2 {
        font-size: 19px !important;
        line-height: 30px !important;
    }	
	    #sec-4 h1 {
        font-size: 17px;
        line-height: 0px;
    }
	    #footer-1 .footer-mian-h h1 {
        font-size: 18px;
        text-align: center;
    }
	    .footer-copy p {
        font-size: 11px;
    }
	#necter h2 {
        font-size: 15px !important;
        line-height: 21px !important;
    }
	
}


/****************** 360 ****************************/


@media (max-width: 360px) {}


/****************** 320 ****************************/


@media (max-width: 320px) {}