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

@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-Regular.eot');
    src: url('assets/fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Poppins-Regular.woff2') format('woff2'),
        url('assets/fonts/Poppins-Regular.woff') format('woff'),
        url('assets/fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-Medium.eot');
    src: url('assets/fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Poppins-Medium.woff2') format('woff2'),
        url('assets/fonts/Poppins-Medium.woff') format('woff'),
        url('assets/fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-SemiBold.eot');
    src: url('assets/fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Poppins-SemiBold.woff') format('woff'),
        url('assets/fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay-Black.eot');
    src: url('assets/fonts/PlayfairDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/PlayfairDisplay-Black.woff2') format('woff2'),
        url('assets/fonts/PlayfairDisplay-Black.woff') format('woff'),
        url('assets/fonts/PlayfairDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-ExtraBold.eot');
    src: url('assets/fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Poppins-ExtraBold.woff') format('woff'),
        url('assets/fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-Bold.eot');
    src: url('assets/fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Poppins-Bold.woff2') format('woff2'),
        url('assets/fonts/Poppins-Bold.woff') format('woff'),
        url('assets/fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay-Regular.eot');
    src: url('assets/fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('assets/fonts/PlayfairDisplay-Regular.woff') format('woff'),
        url('assets/fonts/PlayfairDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay-Medium.eot');
    src: url('assets/fonts/PlayfairDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/PlayfairDisplay-Medium.woff2') format('woff2'),
        url('assets/fonts/PlayfairDisplay-Medium.woff') format('woff'),
        url('assets/fonts/PlayfairDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay-Bold.eot');
    src: url('assets/fonts/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
        url('assets/fonts/PlayfairDisplay-Bold.woff') format('woff'),
        url('assets/fonts/PlayfairDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay-ExtraBold.eot');
    src: url('assets/fonts/PlayfairDisplay-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/PlayfairDisplay-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/PlayfairDisplay-ExtraBold.woff') format('woff'),
        url('assets/fonts/PlayfairDisplay-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --black: #000000;
    --white: #ffffff;
    --spec-text: #2c2c2c;
    --spec-muted: #6b5f57;
    --spec-ring: #ffffff;
    --spec-badge-bg: rgba(255,255,255,.35);
    --spec-radius: 18px;
}


/*********************
GENERAL
*********************/
h1, .h1 ,h2, .h2, h3 { color: var(--nectar-extra-color-3); font-family: 'Playfair Display', sans-serif; font-weight: bold; }
h4, h5, h6 { color: var(--nectar-extra-color-3); font-family: 'Poppins', sans-serif; font-weight: bold; }
body, p, ul li, ol li { color: var(--nectar-extra-color-3); font-family: 'Poppins', sans-serif; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

.color-1 { color: var(--nectar-accent-color)!important; }


h1, .h1 { font-size: 70px; line-height: 80px; }
h2, .h2 { font-size: 50px; line-height: 60px; }
h3, .h3 { font-size: 40px; line-height: 50px; }
h4, .h4 { font-size: 25px; line-height: 32px; }
h5, .h5 { font-size: 20px; line-height: 25px; }
p, ul li, ol li { font-size: 18px; line-height: 24px; }


@media (max-width: 1299px) {
	h1, .h1 { font-size: 60px; line-height: 65px; }
	h2, .h2 { font-size: 50px; line-height: 55px; }
	h3, .h3 { font-size: 30px; line-height: 33px; }
	h4 { font-size: 23px; line-height: 28px; }
}

@media (max-width: 999px) {
	h1, .h1 { font-size: 50px; line-height: 55px; }
	h2, .h2 { font-size: 45px; line-height: 50px; }
	h3, .h3 { font-size: 28px; line-height: 30px; }
	h4 { font-size: 22px; line-height: 26px; }
	body, p, ul li, ol li { font-size: 17px; line-height: 25px; }
}

@media (max-width: 690px) {
	h1, .h1 { font-size: 45px; line-height: 50px; }
	h3, .h3 { font-size: 28px; line-height: 32px; }
	h4 { font-size: 25px; line-height: 30px; }
}

@media (max-width: 480px) {
	h1, .h1 { font-size: 40px; line-height: 45px; }
	h2, .h2 { font-size: 30px; line-height: 40px; }
	h3, .h3 { font-size: 25px; line-height: 30px; }
    h5 { font-size: 17px; line-height: 22px; }
    body, p, ul li, ol li { font-size: 16px; line-height: 20px; }
}


/*********************
HEADER
*********************/
#header-outer .menu-title-text { font-family: 'Poppins', sans-serif; font-size: 19px; font-weight: 600; line-height: 22px; text-transform: uppercase; }

#top .sf-menu > li:not([class*="menu-item-btn"]) > a .menu-title-text { color: var(--nectar-extra-color-3); }


/*********************
FOOTER
*********************/
#global-footer p { font-size: 16px; line-height: 20px; }
#global-footer h5 { font-size: 18px; word-break: break-all; }
#global-footer a { color: var(--black); }
#global-footer a:hover { color: var(--nectar-accent-color); }

#global-footer .menu, #global-footer .menu > li { font-weight: 600; font-size: 18px; list-style: none; margin-bottom: 10px; margin-left: 0; padding: 0; }

#footer-outer #copyright p { font-size: 15px; line-height: 20px; }
#footer-outer #copyright a:not(.nectar-button):hover { color: var(--nectar-accent-color)!important; font-weight: bold; }

.cmplz-cookiebanner .cmplz-links.cmplz-documents ul, .cmplz-cookiebanner .cmplz-links.cmplz-documents ul > li  { list-style: none; }

@media (max-width: 690px) {
    #global-footer p { font-size: 14px; line-height: 18px; }
    #global-footer h5 { font-size: 15px; }
    #global-footer [class^="icon-"].icon-default-style { font-size: 28px; line-height: 20px; }

    #footer-outer #copyright .col { margin-bottom: 0!important; }
    #footer-outer #copyright p { font-size: 13px; line-height: 18px; text-align: center; }
}


/*********************
HOMEPAGE
*********************/
.marco-borde, .marco-borde .vc_column-inner, .marco-borde .wpb_wrapper, .marco-borde .img-with-animation-wrap, .marco-borde .hover-wrap, .marco-borde .hover-wrap-inner,
.marco-borde .vc_single_image-wrapper { overflow: visible !important; position: relative !important; }

.marco-borde .vc_single_image-wrapper::before,
.marco-borde .hover-wrap-inner::before { content: ""; background-color: var(--nectar-extra-color-2) !important; border-radius: 8px; display: block; height: 100%; position: absolute; right: -25px; top: -25px; width: 100%; z-index: 0 !important; }

.marco-borde img,
.marco-borde .vc_single_image-wrapper { position: relative !important; z-index: 2 !important; }

.marco-borde *::after,
.marco-borde *::before { visibility: visible !important; }


@media (max-width: 690px) {
    .marco-borde .vc_single_image-wrapper::before,
    .marco-borde .hover-wrap-inner::before { right: -15px; top: -15px; }

}


/*********************
 SHOP
 *********************/
.woocommerce-result-count { display: none!important; }
#header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart { color: var(--nectar-extra-color-3)!important; }
.woocommerce ul.products li.product a img { height: 250px!important; object-fit: cover; width: 100%; }

.woocommerce div.product .product_title { font-size: 60px; line-height: 65px; margin-bottom: 40px; max-width: 600px; }
.woocommerce div.product .summary p.price { color: var(--black); font-weight: bold; }
.woocommerce .woocommerce-product-details__short-description { max-width: 600px; }

.woocommerce div.product .woocommerce-tabs .full-width-content[data-tab-style*=fullwidth] ul.tabs li a { font-size: 20px; }
.woocommerce .woocommerce-tabs>div h2 { color: var(--nectar-accent-color); margin-bottom: 30px; }
.woocommerce .woocommerce-tabs>div .wb_cptb_content { max-width: 700px; }
.woocommerce div.product .woocommerce-tabs .panel { background-color: var(--nectar-extra-color-2); border-radius: 10px; padding: 4%!important; }


/*********************
 SINGLE PRODUCT
 *********************/
.wc-back-button { background-color: var(--nectar-accent-color); border: 0; border-radius: 5px; box-shadow: none; color: var(--white); padding: 6px 12px; }
.wc-back-button:hover { background-color: var(--nectar-extra-color-3); }

.woocommerce div.product .woocommerce-variation-price span.price, .woocommerce div.product p.price del, .woocommerce div.product span.price del { font-size: 20px; font-weight: bold; line-height: 22px; }
.coz-discount-before-del { background-color: red; border-radius: 4px; color: var(--white); display: inline-block; padding: 10px 15px; }
.woocommerce div.product p.price del, .woocommerce div.product span.price del { margin-inline: 15px; }
.nectar-quick-view-box .summary .price ins, .woocommerce .price ins, .woocommerce ul.products li.product .price ins, body.woocommerce div.product .price ins { font-weight: bold; }

.spec-strip__list { display: flex; gap: clamp(16px, 2vw, 28px); align-items: center; justify-content: space-between; padding: 0; margin: 0; list-style: none; }
.spec { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1 1 0; }
.spec__badge { width: 52px; height: 52px; border-radius: 999px; display: grid;  place-items: center; background: var(--spec-badge-bg); border: 3px solid var(--spec-ring); box-shadow: 0 1px 0 rgba(0,0,0,.03) inset; flex: 0 0 auto; }
.spec__value { font-size: 18px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; }
.spec__text { display: grid; gap: 2px; min-width: 0; }
.spec__label { color: var(--spec-muted); font-size: 16px; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.spec__desc { font-size: 18px; margin: 0; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; }

.spec__badge{
  	--size: 52px;
  	--thickness: 4px;
  	--fill: 0deg;

  	width: var(--size);
  	height: var(--size);
  	border-radius: 50%;
  	display: grid;
  	place-items: center;
  	position: relative;
	transition: background 0.6s ease-out;

  background:
    conic-gradient(
      #ffffff var(--fill),
      rgba(255,255,255,.35) 0deg
    );
}

.spec__badge::before{
  content: "";
  position: absolute;
  inset: var(--thickness);
  background: var(--spec-bg);
  border-radius: 50%;
}

.spec__value{
  position: relative;
  z-index: 1;
  font-weight: 800;
  font-size: 18px;
}

.spec__badge.is-0  { --fill:   0deg; }
.spec__badge.is-1  { --fill:  36deg; }
.spec__badge.is-2  { --fill:  72deg; }
.spec__badge.is-3  { --fill: 108deg; }
.spec__badge.is-4  { --fill: 144deg; }
.spec__badge.is-5  { --fill: 180deg; }
.spec__badge.is-6  { --fill: 216deg; }
.spec__badge.is-7  { --fill: 252deg; }
.spec__badge.is-8  { --fill: 288deg; }
.spec__badge.is-9  { --fill: 324deg; }
.spec__badge.is-10 { --fill: 360deg; }

.wc-block-checkout__terms a { text-decoration: underline; }

@media (max-width: 720px) {
    .spec-strip__list { align-items: stretch; flex-direction: column; }
    .spec { justify-content: flex-start; padding: 6px 2px; }
}

@media (prefers-reduced-motion: reduce) {
	.spec__value { transition: none !important; }
}


/*********************
CONTACT
*********************/
.contact-form .wpcf7-form p span { color: black!important; font-size: 15px; line-height: 20px; }
.contact-form .wpcf7-form p span a { color: var(--nectar-accent-color)!important; font-size: 15px; line-height: 20px; text-decoration: underline; }
.contact-form .wpcf7-form p span a:hover { color: var(--nectar-extra-color-3)!important; font-weight: bold; }
.contact-form .small { color: black!important; font-size: 13px; line-height: 18px; margin-top: 10px; }
.contact-form .small a { color:var(--nectar-accent-color)!important; font-size: 13PX; line-height: 18px; text-decoration: underline; }
.contact-form .small a:hover { color: var(--nectar-extra-color-3)!important; font-weight: bold; }
.wpcf7-list-item { margin: 0!important; }