/*
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
*/
div#popmake-298 h2 {
    display: none;
}
div#popmake-298 p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    width: 45%;
    display: inline-block;
    color: #fff !important;
}
div#popmake-298 form.woocommerce-form.woocommerce-form-login.login.n-disable-reg {
    margin: unset !important;
}
div#popmake-298 {
    width: 30%;
    left: 83% !important;
	    box-shadow: unset !important;
    background-color: transparent !important;
}
div#popmake-298 label.woocommerce-form__label.woocommerce-form__label-for-checkbox.inline {
    color: #fff !important;
}
.woocommerce-shop nav.woocommerce-breadcrumb {
    display: none !important;
}

.woocommerce-shop form.woocommerce-ordering {
    display: none !important;
}

.woocommerce-shop p.woocommerce-result-count {
    display: none !IMPORTANT;
}
.single-product nav.woocommerce-breadcrumb {
    display: none !IMPORTANT;
}

.woocommerce-form button.woocommerce-Button {
    margin: 0 !important;
}
.supplement-banner p {
    padding-bottom: 0;
    font-family: 'Roboto' !IMPORTANT;
    font-weight: 100 !IMPORTANT;
    text-transform: capitalize;
    animation: marquee 9s linear infinite;
}

     @keyframes marquee {
            from {
                transform: translateX(100%);
            }
            to {
                transform: translateX(-100%);
            }
        }


#banner .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}

div#banner {
    padding: 150px  0 !IMPORTANT;
}

#banner h1 {
    margin-bottom: 20px !important;
    border-bottom: 1px solid #ffffff73;
    width: fit-content;
    padding-bottom: 26px;
}

a#btn1 {
    margin: 0;
    padding: 16px 40px !IMPORTANT;
    font-family: 'Philosopher';
    font-size: 15px;
    text-transform: capitalize;
    padding-right: 44px !IMPORTANT;
    border-radius: 7px !IMPORTANT;
}

a#btn1 i {
    background: #ffffff ! IMPORTANT;
    color: #3D82D2;
    right: 25px;
    transition: 0.9s;
}
#sec9 .sl-sec a {
    font-family: 'Philosopher' ! IMPORTANT;
}
a#btn1:hover {
    background: black !IMPORTANT;
    transition: 0.9s;
}

a#btn1:hover i {
    background: white !IMPORTANT;
    color: black !IMPORTANT;
}

#top nav ul #nectar-user-account a {
    position: relative;
}

#top nav ul #nectar-user-account a:before {
    content: "sign up login";
    position: absolute;
    right: 60px;
    width: 100%;
    font-size: 4px;
    transform: scale(4.2);
    color: #000000;
    font-family: 'Roboto';
    text-transform: capitalize;
    line-height: 1.2;
    top: 8px;
}
#top li#menu-item-27 {
    border-right: 1px solid #9E8686;
    margin: 26px 0px;
    margin-right: 7px ! IMPORTANT;
}
#sec1 div#r1 .vc_col-sm-4 .vc_column-inner {
    padding: 23px;
    border: 1px solid #908f9291;
    border-radius: 14px;
    transition: 0.9s;
}

#sec1 div#r1 .vc_col-sm-4 .vc_column-inner:hover {
    background: #0C0D54;
    color: white !IMPORTANT;
    transition: 0.9s;
}

#sec1 h3 {
    color: #0E0C13;
    padding: 12px 0;
}

#sec1 div#r1 .vc_col-sm-4 .vc_column-inner:hover h3 {
    color: white;
}

a#btn2 {
    background: transparent !IMPORTANT;
    color: #0E0C13;
    font-size: 15px;
    padding-left: 19px;
}

#sec1 div#r1 .vc_col-sm-4 .vc_column-inner:hover a#btn2 {
    color: white;
}

#sec1 .re-sec {
    margin-bottom: 40px;
}

/* div#sec1 {
    padding-bottom: 20px !IMPORTANT;
} */

#sec2 p {
    font-size: 14px;
    color: #666666;
}

#sec2 h2 {
    margin-bottom: 29px;
}

#sec3 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}

#sec4 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}

div#sec3 {
    padding: 87px 0 !IMPORTANT;
}

#sec3 h2 {
    margin-bottom: 20px;
}

#sec6 .row-bg.viewport-desktop.using-image {background-size: 100% 100%;}

#sec6 p {
    font-size: 12px;
    line-height: 1.9;
}

#sec6 #r1 {
    margin-bottom: 51px;
}

div#sec6 {
    padding-bottom: 30px !IMPORTANT;
}

#sec6 .acc-sec {
    margin-bottom: 60px !important;
}

#sec7 img {
    width: auto;
    margin-bottom: -27%;
}

#sec7 .hen-sec {
    background: #FBFBFB;
    stroke-width: 1px;
    stroke: rgba(203, 203, 203, 0.32);
    padding: 130px 16px 30px !IMPORTANT;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#sec7 .carousel-item {
    margin: 0 9px;
}

#sec7 .hover-wrap {
    margin: 0;
}

#sec7 h5 {
    margin-bottom: 0;
}

#sec7 h6 {
    margin-bottom: 24px;
}

#sec8 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}
#sec9 .sl-sec {
    float: right;
}

#sec9 .wh-sec p {
    margin-top: 32px;
}

#sec9 a#btn1 {
    margin: 0 auto;
    display: table;
}

#sec9 .sl-sec a {
    color: black;
    text-shadow: 0 0 black;
    font-size: 16px;
}
div#footer-outer {
    background-color: transparent !IMPORTANT;
    background-image: url(../../uploads/2025/03/Footer.webp);
    background-size: 100% 100%;
}

div#copyright {
    background-color: transparent !IMPORTANT;
}

#footer-outer #copyright[data-layout="centered"] {
    padding: 10px 0 !IMPORTANT;
}

#footer-outer #footer-widgets .row {
    border-bottom: 1px solid #ffffff8f;
}

body #footer-outer .row {
    padding-bottom: 20px !important;
}

#footer-outer .icn ul li {
    display: inline-block;
    
    margin-right: 10px;
}

#footer-outer .icn ul li a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #222845;
    border-radius: 50px;
    color: white;
    transition: 0.9s;
    border: 1px solid #272E47;
}

#footer-outer .icn ul li a i:hover {
    background: #4b83ce ! IMPORTANT;
    transition: 0.9s;
}

#footer-outer #footer-widgets .foot-secc li.eml:before {
    content: "\f0e0";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    color: #3D82D2;
}
#footer-outer #footer-widgets .foot-secc li.phn:before {
    content: "\f095";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    color: #3D82D2;
}
#footer-outer #footer-widgets .foot-secc li.mrk:before {
    content: "\f041";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    color: #3D82D2;
}
#footer-outer #footer-widgets .foot-secc li{
margin-left: 30px;
}


ul#menu-quick-links li {
    margin-left: 23px ! IMPORTANT;
    position: relative;
}

#footer-outer ul#menu-quick-links li:before {
    content: url(../../uploads/2025/03/Symbol.png);
    margin-left: 0;
    transform: translatey(1px);
    position: absolute;
    left: -21px;
}

#footer-outer .widget {
    margin-bottom: 21px;
}

div#media_image-3 {
    position: relative;
    top: 8px;
}

div#footer-outer a {
    opacity: 10 !IMPORTANT;
}

#footer-outer a:hover {
    color: #4b83ce ! IMPORTANT;
}
#sec7 .carousel-item:hover .hen-sec {
    background: #0C0D54;
    transition: 0.9s;
    color: white;
}

#sec4 .vc_col-sm-3 {
    border-left: 1px solid;
}

#sec4 .vc_col-sm-3:nth-child(1) {
    border-left: none;
}

#sec5 #r1 img {
    transition: 0.9s;
}

#sec5 #r1 img:hover {
    transform: scale(0.8);
}
div#media_image-3 {
    filter: brightness(0) invert(1);
}
@media (max-width: 1600px) {}
@media (max-width: 1440px) {}
@media (max-width: 1366px) {
div#popmake-298 {
    width: 40%;
}	
}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {}
@media (max-width: 820px) {
	#banner .row-bg.viewport-desktop.using-image {
    background-size: cover;
}

div#banner {
    padding: 110px  0 !IMPORTANT;
}

#banner p br {
    display: none;
}

p br {
    display: none;
}

#sec1 h3 {
    font-size: 24px;
}

div#sec2 {
    text-align: center;
}

#sec3 .row-bg.viewport-desktop.using-image {
    background-size: cover !important;
    background-position: right center !IMPORTANT;
    filter: brightness(0.5);
}

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

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

div#sec6 {
    text-align: center;
}

#sec6 img {
    margin: 0 auto;
}

#sec6 p {
    font-size: 15px;
}

#sec6 h2 {
    font-size: 23px !IMPORTANT;
}

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

div#sec8 {
    text-align: center;
}
	#sec4 .vc_col-sm-3 {
    border: unset;
}
	div#sec9 {
    text-align: center;
}

#sec9 .sl-sec {
    float: unset;
}

#sec9 h2 {
    font-size: 23px;
}

#sec9 .sl-sec a {
    font-size: 20px;
}

#sec9 .wh-sec p {
    margin-top: 1px !important;
}
}
@media (max-width: 768px) {}
@media (max-width: 480px) {}
@media (max-width: 428px) {}
@media (max-width: 414px) {}
@media (max-width: 390px) {}
@media (max-width: 375px) {}
@media (max-width: 360px) {}