/*
Theme Name: Moderno-Child
Theme URI: https://parkofideas.com/moderno/
Text Domain: moderno-child
Description: Jewelry Store WooCommerce Theme
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
Template: moderno
Author: parkofideas.com
Author URI: https://parkofideas.com
Tags: right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

@font-face {
    font-family: 'Manrope';
    src: url(../../../../../../../themes/moderno-child/fonts/Manrope-Light.eot);
    src: url('../../../../../../../themes/moderno-child/fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Light.woff2) format('woff2'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Light.woff) format('woff'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url(../../../../../../../themes/moderno-child/fonts/Manrope-Medium.eot);
    src: url('../../../../../../../themes/moderno-child/fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Medium.woff2) format('woff2'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Medium.woff) format('woff'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url(../../../../../../../themes/moderno-child/fonts/Manrope-Regular.eot);
    src: url('../../../../../../../themes/moderno-child/fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Regular.woff2) format('woff2'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Regular.woff) format('woff'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url(../../../../../../../themes/moderno-child/fonts/Manrope-ExtraLight.eot);
    src: url('../../../../../../../themes/moderno-child/fonts/Manrope-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-ExtraLight.woff2) format('woff2'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-ExtraLight.woff) format('woff'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url(../../../../../../../themes/moderno-child/fonts/Manrope-SemiBold.eot);
    src: url('../../../../../../../themes/moderno-child/fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-SemiBold.woff2) format('woff2'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-SemiBold.woff) format('woff'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url(../../../../../../../themes/moderno-child/fonts/Manrope-ExtraBold.eot);
    src: url('../../../../../../../themes/moderno-child/fonts/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-ExtraBold.woff2) format('woff2'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-ExtraBold.woff) format('woff'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-ExtraBold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url(../../../../../../../themes/moderno-child/fonts/Manrope-Bold.eot);
    src: url('../../../../../../../themes/moderno-child/fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Bold.woff2) format('woff2'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Bold.woff) format('woff'),
        url(../../../../../../../themes/moderno-child/fonts/Manrope-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


:root { --primary: #242223; /*Primary Color*/
        --secondary: #5FA3A6; /* Secondary Color*/
        --body: #333333; /*Body Text Color/*/
        --light: #808080; /*Light*/
        --dark: #333333; /*Dark*/
        --dark1: #030303; /*Dark*/
        --dark2: #111111; /*Dark*/
        --red: #EC2127; /*Red*/
        --white:#ffffff; /*White*/
        --alternate:#B1A086; /* Alternate Color*/
        --fontStyle1: 'Manrope', sans-serif;
        --fontStyle2: 'Manrope', sans-serif;
} 
.primary { color: var(--primary); } 
.secondary { color: var(--secondary); } 
.body { color: var(--body); } 
.light { color: var(--light); } 
.dark { color: var(--dark) !important; } 
.dark1 { color: var(--dark1) !important; } 
.dark2 { color: var(--dark2) !important; } 
.red { color: var(--red); } 
.white { color: var(--white); } 
.alternate { color: var(--alternate); } 
.fontStyle1 { font-family: var(--fontStyle1); } 
.fontStyle2 { font-family: var(--fontStyle2); } 
.bg-primary { background: var(--primary) !important; } 
.bg-secondary { background:var(--secondary) !important; } 






/*li.c-top-menu__item{font-size:15px;font-weight:500;color:var(--dark);}*/
li.c-top-menu__item:hover{color:var(--alternate);}
div.c-ip-product-tabs__menu-item{border-bottom:2px solid transparent;}
div.c-ip-product-tabs__menu-item{opacity:0.5;font-weight:bold;}
div.c-ip-product-tabs__menu-item:hover,div.c-ip-product-tabs__menu-item.active{color:var(--alternate);opacity:1;border-color:var(--alternate);}
div.c-ip-image-list-3__title{display:flex;align-items:center;justify-content:center;background:var(--primary);line-height:1;font-weight:bold;letter-spacing:0.32px;color:var(--white);min-width:160px;}
div > .c-product-grid__atc-block .h-cb{display:flex;align-items:center;justify-content:center;background:var(--primary);line-height:1;font-weight:bold;letter-spacing:0.32px;color:var(--white);min-width:160px;}
div > .c-product-grid__atc-block .h-cb:hover{background:var(--secondary);color:#fff;}

div.c-ip-hotspot__product-title:hover,a.c-product-grid__category-item:hover{color:var(--secondary);}

/*h2.elementor-heading-title{font-weight:bold !important;font-size:50px !important;letter-spacing:1px !important;padding-bottom:40px !important;}*/
i.c-product-grid__atc-icon{font-size:16px;}
.c-product-grid__atc-block .ip-atc-more::before {content:"";background-image:var(--wpr-bg-987bc7bb-a5bc-465c-8f36-53ea7fabd58f);background-repeat:no-repeat;background-size:contain;background-position:center;height:17px;width:18px;}
.elementor-icon-list-item > a,body .elementor-505 .elementor-element.elementor-element-e24886e .elementor-icon-list-item > a{text-transform: inherit;}
li.c-top-menu__item:hover{color:var(--secondary);}

@media (min-width: 1190px){
    .c-header__logo .c-header__logo-img,.c-header--sticky .c-header__logo-img{max-width:120px !important;max-height:initial !important;}
    li.c-top-menu__item > a{padding:0 25px;}
    #top-menu-desktop .c-top-menu__item--has-children > a:after {display:none !important}
    div.c-ip-image-list-3__item:hover div.c-ip-image-list-3__title, .h-form-inverse input[type="submit"]:hover, .h-form-inverse button:hover{background:var(--secondary);color:#fff !important;}
    div.c-product-grid__atc-block{flex-wrap:nowrap;}
    body .h-form-inverse input[type="submit"]:hover, body .h-form-inverse button:hover{background-color:var(--secondary) !important;color:var(--white) !important;}
    .wpcf7-form .h-form-inverse input[type="submit"]:hover, .wpcf7-form .h-form-inverse button:hover{background-color:var(--secondary) !important;color:var(--white) !important;}
    .c-button:not(:disabled):hover, .wpcf7-form input[type=submit]:not(:disabled):hover,
    .wpcf7-form button:not(:disabled):hover, .mc4wp-form-fields input[type=submit]:not(:disabled):hover,
    .mc4wp-form-fields button:not(:disabled):hover, .woocommerce-button:not(:disabled):hover,
    .woocommerce-Button:not(:disabled):hover, .thwmscf-buttons input[type=button]:not(:disabled):hover,
    .order-again .button:not(:disabled):hover, .woocommerce-address-fields .button:not(:disabled):hover,
    .woocommerce-form-login .button:not(:disabled):hover, .woocommerce-notice .button:not(:disabled):hover,
    .woocommerce-store-notice__dismiss-link:not(:disabled):hover, .woocommerce-widget-layered-nav-dropdown__submit:not(:disabled):hover,
    .c-product-list-widget__buttons .button:not(:disabled):hover, .widget .button.wc-forward:not(:disabled):hover,
    .c-product__atc-wrap .button:not(.disabled):not(.c-product__buy-now):hover, .yith-wfbt-submit-button:not(:disabled):hover,
    .woobt-form .button:not(:disabled):hover,a.page-numbers:hover, a.post-page-numbers:hover,
    .elementor-505 .elementor-element.elementor-element-24b22ca .c-ip-social__link:hover
    
    {background-color:var(--secondary) !important;border-color:var(--secondary) !important;color:var(--white) !important;}
    .c-post-list__categories-item-link:hover, .c-post-list__header-link:hover, .c-post-list__continue:hover{color:var(--secondary) !important;}
    .elementor-icon-list-icon i{color:var(--secondary) !important;}
}

.elementor-icon-list-item > .elementor-icon-list-text{text-transform:inherit !important;}
.elementor-icon-list-item:hover .elementor-icon-list-text{color:var(--secondary) !important;}

@media only screen and (max-width: 1699.98px){
    div.c-product-grid__atc-block{flex-wrap: wrap;}
}
