/*
Theme Name: 	Karvin
Description: 	Responsive WordPress Theme based on Boostrap and Font Awesome.
Version:     	1.0
Author:     	Costantino Fusco
Author URI:   http://www.costantinofusco.com
Site:         http://www.costantinofusco.com
Text Domain: 	nakedpress
Domain Path: 	/languages
Tags:        	grid-layout, blog, custom-menu, featured-images, right-sidebar
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost-SemiBold.woff2') format('woff2'),
        url('fonts/Jost-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost-Medium.woff2') format('woff2'),
        url('fonts/Jost-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost-Bold.woff2') format('woff2'),
        url('fonts/Jost-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost-Regular.woff2') format('woff2'),
        url('fonts/Jost-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

 @font-face {
    font-family: 'Material Symbols Outlined 24pt';
    src: url('fonts/MaterialSymbolsOutlined24pt-Thin.woff2') format('woff2'),
        url('fonts/MaterialSymbolsOutlined24pt-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }

.material-symbols-outlined{
    font-family: 'Material Symbols Outlined 24pt';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
  }

*:focus,*:focus-visible,*:focus-within,.form-control:focus{
    outline: none;
    box-shadow: none;
}
*{ -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */transition: background 1s; /* For modern browsers */}

body, html { margin: 0; padding: 0; height: 100%;}
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000;}
body.noscroll { overflow: hidden;}
body{ padding-top: 65px;}
body.home{ padding-top: 0px;}

/* ------------------------------------------------------------------------- *
/* ! Base */
/* ------------------------------------------------------------------------- */

/* Typography */
body{font-size: 15px;
    line-height: 22px; 
   font-family: 'Jost';
    font-weight: normal;
    font-style: normal;
  -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

/* Title color */
h1, h2, h3, h4, h5, h6 {color: #222; font-size: 1.5rem; }

/* Link color */
a{ color: #000;  text-decoration: none;}
a:focus, a:hover { color: #333; }


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Header */
/* --------------------------------------------------------------------------------------------------------------------------- */

.header{position: fixed; width: 100%;background: #C8B89A;z-index: 999; top: 0px; left: 0px; transition: all 0.3s cubic-bezier(.215, .61, .355, 1); padding-top: 5px; padding-bottom: 5px;}
.header-notice{padding: 4px 0 6px 0; background: #fe316d;color: #fff; margin-bottom: 25px;}
.logo{ max-width: 200px !important;}
.container-fluid{ max-width: 1440px !important;}
.container-full{ max-width: 100% !important; position: relative;}
.realtivo{ position: relative;}
.img-full{ width: 100%;}
main{ padding-top: 50px;}
.widget_block h1,h2,h3,h4,h5{ font-size: 1.5rem;}
.covered{
  position: absolute;
  left: 0px;
  right: 0px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.covered h1{
  margin-bottom: 5px;
  color: #fff;
  font-size: 2.5rem;
}
.woocommerce ul.products li.product a img{ aspect-ratio: 3/4;}
.text-right{ text-align: right;}
.covered p{color: #fff;}
.covered a{ display: inline-block; margin-top: 10px; width: 220px; background: #000; color: #fff; line-height: 45px; border-radius: 30px;    font-weight: 500;}
.covered a:hover{ background: #fff; color: #000;}

#search_ico, #user_ico, .cart-icon {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}
#popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 9998;
    animation: fadeIn 0.3s ease-in;
}
.opn_pop {
    display: block !important;
}
#video_bg{ width: 100%;}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link{
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
}
.woocommerce div.product form.cart div.quantity{ display: none !important;}
.woocommerce-product-details__short-description{ margin-bottom: 20px; margin-top: 6px;}
.sku-label{ font-weight: 500;}
#mega-menu-wrap-header #mega-menu-header{ text-align: center !important;}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
  background: #000;
    color: #fff;
    border: none;
    font-size: 18px;
}

@media (max-width: 767px) {
  .woocommerce-page .spacer{height: 155px;}
  .spacer, .woocommerce-cart .spacer, .woocommerce-checkout .spacer{height: 170px;}
}

@media (min-width: 768px) {
  .scroll-down .header{transform: translateY(-110px);}
}

/* ------------------------------------------------------------------------- *
/* ! WooCommerce */
/* ------------------------------------------------------------------------- */
/* ! - Button */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce button.button.alt.disabled{ background: #000; color:#fff}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{background: #000; color:#fff}

/* ! - Price */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:#000; font-weight: bold;}
.woocommerce ul.products li.product .price { color: #000; font-weight: 400;}
 .woocommerce div.product p.price del{ color:red ; font-weight: 400;}
.woocommerce.single-product .summary p{margin-bottom: 15px;}
 span.price br{ display: none;}
 .price del{ margin-right: 5px;}
.woocommerce .stock{margin-bottom: 10px;margin-top: 5px; color: #77a464;font-size: .8em;}
.woocommerce .stock.out-of-stock,.woocommerce ul.products li.product .price del{color:red}
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale{
    background: red;
    font-weight: 400;
    font-size: 11px;
    height: auto;
    border-radius: 0px;
    margin: 0;
    line-height: normal;
}
.videc{ padding-top: 92px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:16px; text-transform: capitalize;}
.product_title.entry-title{ text-transform: capitalize;}
.woocommerce span.onsale strong{ display: block;}
.stock.in-stock{ display: none;}
/* ! - Input */
input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password']{height: 35px;}

.woocommerce input[type=text],
.woocommerce input[type=email]{background: #fff;border:1px solid #bbb; border-radius: 3px}

/* ! - Column fix  */
.woocommerce-cart .woocommerce [class*='col'],
.woocommerce-checkout .woocommerce [class*='col']{padding:0;}

/* ! - Coupon */
#coupon_code{width: 129px;}

/* ! - Minicart */


/* Minicart */
.nav-wrap .grid{position: relative}
.minicart {
      list-style-type: none;
    margin: 0px;
    width: 300px;
    overflow: scroll;
    position: fixed;
    z-index: 2;
    top: 0px;
    right: -320px;
    background: #ffffff;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
    height: 100%;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
    -o-transition: right 0.5s;
    transition: right 0.5s;
    text-align: left;
    z-index: +9999;
}
.cart--open {
    right: 0px !important;
}

.cart_header {
    padding: 20px;
    padding-bottom: 3px;
    padding-top: 3px;
}
.cart_header p{
      color: #EA4343;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    text-align: right;
}

.cart_header h1, .cart_header p {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.minicart__inside { padding : 20px; position: relative;}
.minicart .widget { margin-bottom : 0; }
.minicart .widget li { position : relative; margin-top : 5px!important; display: block;width: 100%}
.minicart .widget li a { border : none; padding : 0px 0 0 0; color:#000; font-size: 12px;}
.minicart .widget a.button { padding : 10px; }
.minicart .widget_shopping_cart .total{ border-top : 1px solid #dddddd; margin-top : 10px; padding-top : 20px; }
.minicart .woocommerce-mini-cart__buttons { margin-bottom : 0; }

.minicart span.quantity{ font-size: 12px;}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size: 21px !important;}
.minicart .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a{
  line-height: 15px;
  background: #efefef;
  color: #000;
  display: block;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  max-width: 300px;
  margin: auto;
  margin-bottom: 5px;
    font-weight: normal;
}

.minicart .button.checkout{
  font-weight: bold !important;
  color: #fff !important ;
  background: #000 !important;
}
.minicart .widget_shopping_cart .total{
  text-align: center;
}
.woocommerce-variation-price{
  text-align: center;
  margin-bottom: 10px;
}
.cart-icon { 
 
    position: relative;

    color: #000;
    cursor: pointer;
    text-align: right;}
    #user_ico a{ color: #000;} 
  #search_ico,#user_ico,.cart-icon{ display: inline-block; margin-left: 10px; cursor: pointer;}
  .cart-icon .material-symbols-outlined, #search_ico .material-symbols-outlined, #user_ico .material-symbols-outlined {
    font-size: 28px;

  }
.cart-icon .cart-contents { 
  text-align: center;
    cursor: pointer;
    font-size: 22px;
}

.cart-icon .cart-contents__number {
position: absolute;
    height: 14px;
    width: 14px;
    line-height: 14px;
    border-radius: 14px;
    text-align: center;
    font-size: 10px;
    right: -5px;
    bottom: 0px;
    font-weight: bold;
    background: #EA4343;
    color: #ffffff;
    top: 0px;
    margin: auto !important;
}



.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget {max-height: 240px; overflow: auto;position: relative;}



/* ! - Single product */
.single-product .quantity .qty {height: 45px;width: 4em}
.single-product .single_add_to_cart_button{padding: 15px 30px!important;}
.single-page-message{padding-bottom: 10px;color: #77a464;margin-top: -10px;}
.product_meta{font-size: 12px;}

/* ! - Add to cart fixed bottom */
@media (max-width: 768px) {
  .product-type-simple form.cart,

  .woocommerce div.product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  .woocommerce .product-type-simple form.cart .single_add_to_cart_button{width: calc(100% - 4.2em );}
}


/* ! - Loop Products */
.woocommerce .woocommerce-ordering select {border:none!important;background: #fff;font-family: barlow;}
.woocommerce-result-count{font-size: 13.3333px;}

.woocommerce ul.products li.product .button{display:none}

.filters-button,
.close-button{display: none;}
.filters-button span{font-size: 22px; transform: rotate(90deg);display: inline-block;}
.text-right{ text-align: right;}
#footer{
  background: #f5f6f8;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
  background-color: #fff !important;
  font-size: 12px;
  text-transform: uppercase;
  color: #000 !important;
}
#mega-menu-wrap-header #mega-menu-header li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{ display: none;}
.carte{ max-width: 300px !important;}
#footer h1{
  font-size: 18px;
}
#prefooter{
  padding-top: 60px;
  padding-bottom: 60px;
}
.wt{
  background: #25D366;
  height: 45px;
  display: inline-block;
  width: 180px;
  border-radius: 30px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  font-weight: 500;
}
.piep{
  width: 100%;
  padding-top: 5px;
  padding-bottom:5px;
}
.piep p{ margin-bottom: 0px;}
#footer ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#sbar{
      position: absolute;
    left: 0px;
    right: 0px;
    display: none;
}
.openeds{
  display: block !important;
}
#mega-menu-wrap-header .mega-menu-toggle{ background: #fff;}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{ background: none;}
#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{background-color: #000 !important;}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{ color: #000 !important;}
.mega-current-menu-item{ border-bottom: 1px solid #000 !important;}
@media (max-width: 768px) {
  .logo {
    max-width: 100% !important;
}
  .filters-button{display: block;position: absolute;right: 15px;}
  .filters-sidebar { position: fixed; top: 0; left: -75%; width: 75%; overflow-y: scroll; background: #ffffff; z-index: 9999; height: 100vh; transition: all 0.3s ease-in-out; padding-top: 20px; }
  .filters-sidebar--open{left: 0%; box-shadow: 0 5px 20px rgba(0,0,0,.05);}

  .close-button{position: absolute; padding: 20px; top:0; right:0;font-size:26px; display:block}
   #mega-menu-wrap-header .mega-menu-toggle.mega-menu-open + #mega-menu-header {
        left: 0;
        padding-top: 60px;
    }
}

.text-r{ text-align: right;}
.text-l{ text-align: left;}
/* ! - breadcrumb */
.woocommerce .woocommerce-breadcrumb{margin: -25px 0 20px 0;}
:where(.wc-block-product-filters) .wc-block-product-filters__apply{
  background: #000;
  color: #fff;
  border: none;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
}
@media (max-width: 767px) {

.text-r{ text-align: center;}
.text-l{ text-align: center;}
  #footer{ text-align: center;}
  #footer h1{ margin-top: 20px;}
  main{ padding-top: 0px;}
  .woocommerce .woocommerce-breadcrumb{margin: 15px 0 15px 0;font-size: 11px;}
}

/* ! - Select Shop + Variations */
form.woocommerce-ordering { position: relative; }
form.woocommerce-ordering select { border: 0; vertical-align: middle; background: transparent; -webkit-appearance: none; appearance: none; padding-left: 5px; }

.variations td.value{ position: relative;}
.variations td.value select { border: 1px solid #dddddd!important; border-radius: 4px; border: 0; vertical-align: middle; background: transparent; -webkit-appearance: none; appearance: none; padding-left: 5px; }


/* ! - Messages */

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  border-radius: 4px;
  position: relative;
  background-color: #f7f6f7;
  color: #111;
  border-top: none;
  list-style: none outside;
  line-height: 32px;
  width: auto;
  word-wrap: break-word;
}

.woocommerce .woocommerce-message a.button{background: #4CAF50;}
.woocommerce-message::before{color: #4CAF50;}
.woocommerce .woocommerce-message {background: #DCEFDC}

.woocommerce .woocommerce-error a.button{background: #F44336;}
.woocommerce-error::before{color: #F44336;}
.woocommerce .woocommerce-error {background: #FEECEB; color:#D91811}

.woocommerce .woocommerce-info a.button{background: #2296F2;}
.woocommerce .woocommerce-info a{color:#1478C8}
.woocommerce-info::before{color: #2296F2;}
.woocommerce .woocommerce-info {background: #E9F5FE;}


/* ! - Checkout */


.woocommerce-checkout .col-1{width: 100%!important;}

.woocommerce input[type=text],
.woocommerce input[type=email],
.woocommerce input[type=password],
.woocommerce input[type=tel],
.select2-container--default .select2-selection--single {
  background: #fff;
  border: 3px solid #DDD;
  border-radius: 4px;
  height: 40px;
}
a.added_to_cart,.reset_variations{ display: none !important;}
.woocommerce div.product form.cart .button{ width: 100%;}
.woocommerce textarea {background: #fff; border: 3px solid #DDD; border-radius: 4px;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; }

.woocommerce-checkout #payment ul.payment_methods li input {margin: 1.5em 1em 0 0; float: left;}
.checkout #payment #place_order{width: 100%;padding: 20px;font-size: 18px;margin-top: 30px;}
.checkout.woocommerce-checkout{
  padding-bottom: 70px;
  background: url(img/carte.png) no-repeat center bottom;
  background-size: 75%;
}
.spacer{
  clear: both;
  height: 40px;
}
@media (min-width: 768px) {
  .woocommerce-checkout .page { width: 80%; margin-left: 10%;}
  .checkout.woocommerce-checkout{background-size: 55%;}

}


/* ----------------------------- */
/* ! -- Desktop */
/* ----------------------------- */
@media (min-width: 1023px) {

}


/* ----------------------------- */
/* ! -- Tablet */
/* ----------------------------- */

@media (max-width: 998px) {

}

/* ----------------------------- */
/* ! -- Smarthphone */
/* ----------------------------- */

@media (max-width: 767px) {
  .videc{ padding-top: 60px;}
  body.admin-bar .navbar-fixed-top { top: 42px;}


}


@media (max-width: 768px) {
    .img-full {
        object-fit: cover;
        aspect-ratio: 4 / 5;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* WordPress Default Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */