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





@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,900&family=Satisfy&display=swap');


.section-1 h3 {
    font-family: Satisfy;
    font-size: 41px !IMPORTANT;
    color: #fff !important;
    font-weight: 400 !important;
}

.section-1 h2 {
    font-size: 64px !IMPORTANT;
    color: #fff !important;
    font-family:  MOD20 !important;
    font-weight: bold !important;
    line-height: 58px !IMPORTANT;
    padding-top: 10px !IMPORTANT;
    padding-bottom: 43px !important;
}

.section-1 a {
    background: #71A0B8;
    font-size: 16px !important;
    color: #fff !important;
    font-family: Roboto !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px;
    padding: 20px 39px !important;
    margin: 10px;
    border-radius: 7px;
}

.section-1 a:last-child {
    background: #F7DF74;
    color: #1F1F1F !important;
    padding: 20px 36px !important;
}

.section-1 {
    padding: 90px 0px !important;
}

.section-2 {
    padding: 95px 0px 119px !IMPORTANT;
}

h2 {
    color: #202020 !important;
    font-size: 50px !IMPORTANT;
    font-family: 'MOD20';
    line-height: 50px !IMPORTANT;
}

.hd p {
    font-size: 21px !important;
    line-height: 30px !important;
    color: #202020 !important;
    font-family: 'Roboto';
    font-weight: 400 !important;
}

.section-2 p {
    width: 58% !important;
    margin: 0 auto;
    padding-top: 6px;
    padding-bottom: 10px !important;
}

.section-2 h2.woocommerce-loop-product__title {
    color: #202020 !important;
    font-size: 29px !important;
    text-align: center !IMPORTANT;
    font-family: 'MOD20' !important;
    line-height: 32px !important;
    font-weight: bold !IMPORTANT;
    width: 85% !important;
    margin: 0 auto !important;
    padding-top: 30px !important;
    padding-bottom: 23px !important;
}

.section-2 span.price {
    text-align: center !important;
}

.section-2 bdi {color: #202020 !important;font-size: 31px !important;font-family: 'MOD20';}

.section-2 li.classic.product.type-product {
    border: 1px solid #D3D3D3;
    padding: 18px 18px 36px !important;
}
.section-3 h2 {
    color: #fff !important;
    padding-bottom: 3px;
}

.section-3 p {
    color: #fff !important;
    padding-bottom: 15px !important;
    width: 92% !important;
}

.main-butn a {
    background: #71A0B8;
    font-size: 16px !important;
    color: #fff !important;
    font-family: Roboto !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px;
    padding: 20px 46px !important;
    border-radius: 7px;
    transition: 0.5s ease !IMPORTANT;
}

.section-3 {
    padding: 220px 0px !IMPORTANT;
}

.main-butn {
    margin-top: 35px !important;
}

.ab-1 {
    position: relative;
}

.ab-1:before {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2022/08/Rectangle-13.png) no-repeat;
    height: 940px;
    WIDTH: 117%;
    right: 98% !IMPORTANT;
    top: -267px;
}
.section-4 {
    padding: 140px 0px !important;
}

.section-4 p {
    width: 50% !important;
    margin: 0 auto;
    padding-bottom: 10px !IMPORTANT;
    padding-top: 10px;
}

.section-4 img {
    width: 100% !important;
}
.section-5 {
    padding: 190px 0px !important;
}

.section-5 h2 {
    color: #fff !important;
    font-size: 95px !IMPORTANT;
    line-height: 70px !IMPORTANT;
}
.cart-menu {
    background: #2E2E2E !important;
    text-align: center !important;
    margin: 0 auto;
    display: block;
    padding: 10px 20px !important;
    border-radius: 50%;
}
nav.right-side ul.buttons .cart-menu a {
    background: transparent;
}
.section-5 p {
    color: #fff !important;
    font-size: 28px !important;
    line-height: 40px !IMPORTANT;
    width: 77%;
    margin: 0 auto;
    padding-top: 20px;
}

.section-5 .main-butn a {
    padding: 21px 56px !important;
}

.section-6 {
    padding: 110px 0px !IMPORTANT;
}

.section-6 .hd p {
    width: 57% !important;
    margin: 0 auto;
}
.test-1 {
    background: #fff;
    border: 1px solid;
    padding: 44px 10px 44px 38px !IMPORTANT;
    position: relative;
    left: -121px;
}

.test-1 h5 {
    font-family: 'Roboto';
    font-size: 25px !important;
    line-height: 32px !IMPORTANT;
    color: #202020;
    font-weight: 600 !important;
    font-style: italic;
}

.test-1 h6 {
    color: #202020;
    font-size: 26px !IMPORTANT;
    font-family: 'MOD20' !important;
    padding-top: 17px;
}

.section-6 .hd {
    padding-bottom: 24px !IMPORTANT;
}
.last-sec h2 {
    padding-bottom: 10px !important;
}

div#footer-outer {
    background: #F7F7F7;
    padding-top: 30px !IMPORTANT;
}

.textwidget.custom-html-widget ul li {
    display: inline-block;
    margin: 7px !important;
    margin-top: 0px !IMPORTANT;
}

#footer-outer #copyright p {
    font-family: 'Roboto';
    font-size: 21px !important;
    color: #202020 !important;
    border-top: 1px solid;
    width: 56%;
    margin: 0 auto;
    padding-top: 55px !important;
}

div#media_image-2 {
    margin-bottom: 10px !important;
}
div#media_image-2 img {
    height: 390px !IMPORTANT;
    width: 440px !IMPORTANT;
    object-fit: cover;
}
nav.left-side {}

nav.left-side ul#menu-left-menu {}

nav.left-side ul#menu-left-menu li a {
    margin: 0px !important;
    padding: 0px !IMPORTANT;
}

nav.right-side {}

nav.right-side ul.buttons {}

nav.right-side ul.buttons a {
    background: #2E2E2E;
    padding: 21px 20px !IMPORTANT;
    color: #fff !important;
    border-radius: 60px;
}

.cart-icon-wrap {}

nav.right-side ul.buttons a i, .cart-icon-wrap i {
    color: #fff !important;
}

header#top .col.span_9 {
    background: linear-gradient(180deg, #E1668C, #C43562);
    border-radius: 10px;
    width: 56% !IMPORTANT;
    margin: auto;
    height: 83px !important;
    position: absolute !important;
    bottom: -35px;
    left: 0px !important;
    right: 0px !important;
    z-index: 999;
}



.col.span_9.col_last .sf-menu a {
    position: relative;
    font-size: 19px !important;
    color: #fff !important;
    font-family: ROMANTICE !important;
    font-weight: 400 !important;
    letter-spacing: 0.6px;
    padding: 38px 19px 0px !IMPORTANT;
}

.col.span_9.col_last .sf-menu a:after {
    position: absolute;
    content: "";
    background: #fff;
    color: #fff;
    height: 20px;
    width: 1px;
    top: 31px;
    right: -3px !IMPORTANT;
}

.col.span_9.col_last .sf-menu :last-child a:after {
    display: none;
}

.main-butn a:hover {
    background: #94c78d !IMPORTANT;
    transition: 0.5s ease !IMPORTANT;
}

.section-1 a:hover {
    background: #d24d76;
    transition: 0.5s ease !important;
}

.section-1 a:last-child:hover {
    color: #fff !important;
}

ul.sec-first {
    width: 30% !important;
    float: left !important;
}

div#header-secondary-outer {
    background: #403F40 !important;
    padding-bottom: 3px;
    padding-top: 3px !important;
}

ul.sec-first li i {
    color: #fff !important;
    padding-right: 8px;
}

ul.sec-first li {
    font-size: 15px !important;
    color: #fff;
    font-family: 'Roboto';
    letter-spacing: 0.2px;
    font-weight: 400;
    padding-top: 6px;
}

ul.sec-two li {
      font-size: 15px !important;
    color: #fff;
    font-family: 'Roboto';
    letter-spacing: 0.2px;
        padding-top: 6px;

}
body #header-outer .icon-salient-search:before, body.material #header-outer .icon-salient-search:before {
    color: #fff !important;
}

body.material #top nav ul #nectar-user-account a span {
    color: #fff !important;
}
.material #header-secondary-outer>.container {
    padding: 0px 3% !important;
}



.cart-icon-wrap {}

body #header-outer .icon-salient-search:before, body.material #header-outer .icon-salient-search:before {
    color: #fff !important;
}

.icon-salient-m-user:before {
    color: #fff !IMPORTANT;
}a#logo {
    margin-top: 0px !important;
}

@media screen and (max-width: 1366px) {
	.material #header-secondary-outer>.container {
    padding: 0px 6% !important;
}

header#top .col.span_9 {
    width: 63% !important;
}

.col.span_9.col_last .sf-menu a {
    font-size: 18px !important;
    padding-top: 37px !IMPORTANT;
}

.section-1 h2 {
    font-size: 55px !important;
    padding-top: 10px !IMPORTANT;
    padding-bottom: 43px !important;
}

.section-1 h3 {
    font-size: 39px !important;
}

.section-2 h2.woocommerce-loop-product__title {
    font-size: 25.5px !IMPORTANT;
    width: 100% !IMPORTANT;
    line-height: 31px !IMPORTANT;
    padding-bottom: 21px !IMPORTANT;
}

.section-2 bdi {
    font-size: 30px !IMPORTANT;
}

.hd p {
    font-size: 20px !important;
}

.section-4 p {
    width: 63% !IMPORTANT;
}

.section-2 p {
    width: 63% !important;
}

.ab-1:before {
    content: "";
    background: url(/wp-content/uploads/2022/08/Rectangle-13.png) no-repeat;
    right: 90% !IMPORTANT;
    top: -257px;
    background-size: 90% 100% !IMPORTANT;
}

.section-5 h2 {
    font-size: 90px !IMPORTANT;
    line-height: 60px !IMPORTANT;
}

.section-5 p {
    font-size: 26px !IMPORTANT;
}

.test-1 h5 {
    font-size: 20px !important;
    line-height: 30px !IMPORTANT;
    width: 96% !important;
}

.test-1 {
    background: #fff;
    border: 1px solid;
    padding: 42px 5px 40px 30px !IMPORTANT;
    position: relative;
    left: -121px;
}

.test-1 p img {
    margin-bottom: 0px !IMPORTANT;
}.section-3 {
    padding: 200px 0px !important;
}

.section-3 p {
    width: 95% !IMPORTANT;
}

.section-6 .hd p {
    padding-bottom: 43px !IMPORTANT;
}

.test-1 h6 {
    font-size: 25px !IMPORTANT;
}

#footer-outer #copyright p {
    font-size: 20px !important;
    width: 70%;
}

}

#page-header-bg h1, .nectar-box-roll .overlaid-content h1 {
    font-family: 'ROMANTICE';
}

body.archive.post-type-archive.post-type-archive-product.logged-in.admin-bar.theme-salient.woocommerce-shop.woocommerce.woocommerce-page.woocommerce-js.material.wpb-js-composer.js-comp-ver-6\.7\.1.vc_responsive.customize-support h2.woocommerce-loop-product__title {
    font-size: 20px !IMPORTANT;
    line-height: 29px !important;
    font-family: 'Roboto';
    width: 100%  !important;
}

#header-outer .col.span_9.col_last .sf-menu .sub-menu a {
    padding-top: 10px !important;
    line-height: 36px !important;
    font-size: 16px !important;
}
ul.sub-menu.tracked-pos .sub-menu {
    top: 20px !important;
}

ul.sub-menu.tracked-pos {
    padding: 0px !important;
}