@charset "utf-8";
/*
Theme Name: LAON WINE HOUSE Child Theme
Theme URI: http://laonwine.themerex.net/
Description: LAON WINE HOUSE - excellent Wordpress theme with many different blog and header layouts
Author: ThemeREX
Author URI: http://themerex.net/
Template: laon-wine-house
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: laon-wine-house
*/

:root{
    --customPrimary: #EBEAC5;
    --customSecondary: #FFFDED;
    --customRed: #9C182F;
    --customGreen: #6DA375;
    --customOrange: #E84919;
    --customYellow: #E59B25;
    --customFooter: #FFF2DD;
}

/* =Theme customization starts here
-------------------------------------------------------------- */

@font-face {
    font-family: 'BeausiteClassicLight';
    src: url('./assets/fonts/BeausiteClassicLight.ttf');
}
@font-face {
    font-family: 'BeausiteClassicBold';
    src: url('./assets/fonts/BeausiteClassicBold.ttf');
}
@font-face {
    font-family: 'BeausiteClassicUltrablack';
    src: url('./assets/fonts/BeausiteClassicUltrablack.ttf');
}
@font-face {
    font-family: 'OreloStandard';
    src: url('./assets/fonts/OreloStandard.otf');
}
@font-face {
    font-family: 'OreloStandardBold';
    src: url('./assets/fonts/OreloStandardBold.otf');
}
@font-face {
    font-family: 'OreloStandardLight';
    src: url('./assets/fonts/OreloStandardLight.otf');
}

.scheme_light #page_preloader,
.scheme_light.header_position_under .page_content_wrap,
.scheme_light .page_wrap {
  background-color:#fff!important;
}

#contactForm .w-full *{
    width: 100%;
}

.placeholder-black::placeholder {
    color: #000;
    font-weight: normal;
    font-size: 14px;
}
.placeholder-white::placeholder {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
}

input.placeholder-white::placeholder { color:#fff; opacity:1; }
input.placeholder-white::-webkit-input-placeholder { color:#fff; opacity:1; } /* Safari/iOS */
textarea.placeholder-white::placeholder { color:#fff; opacity:1; }
textarea.placeholder-white::-webkit-input-placeholder { color:#fff; opacity:1; }

.wpcf7-list-item-label::before{
    display: none;
}
.radio-bouton .wpcf7-list-item,
.radio-bouton2 .wpcf7-list-item,
.radio-bouton3 .wpcf7-list-item,
.radio-bouton4 .wpcf7-list-item {
    display: inline-block;
    margin-right: 1rem;
}
.radio-bouton .wpcf7-list-item,
.radio-bouton2 .wpcf7-list-item,
.radio-bouton3 .wpcf7-list-item,
.radio-bouton4 .wpcf7-list-item{
    margin-top: 5px;
    margin-bottom: 5px;
}
.radio-bouton .wpcf7-list-item label {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid var(--customOrange);
    border-radius: 0;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    text-transform: uppercase;
}
.radio-bouton .wpcf7-list-item label span,
.radio-bouton2 .wpcf7-list-item label span {
    font-family: BeausiteClassicBold, 'sans-serif';
}
.radio-bouton .wpcf7-list-item label span {
    padding-left: 0;
    color: var(--customOrange);
}
.radio-bouton .wpcf7-list-item.selected label {
    background-color: var(--customOrange);
    color: white;
    border: solid 1px var(--customOrange);
}


.radio-bouton2 .wpcf7-list-item label {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 0;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    text-transform: uppercase;
}
.radio-bouton2 .wpcf7-list-item.first label {
    border: 2px solid var(--customRed);
}
.radio-bouton2 .wpcf7-list-item:NOT(.first) label {
    border: 2px solid var(--customYellow);
}
.radio-bouton2 .wpcf7-list-item.first label span {
    padding-left: 0;
    color: var(--customRed);
}
.radio-bouton2 .wpcf7-list-item:NOT(.first) label span {
    padding-left: 0;
    color: var(--customYellow);
}
.radio-bouton2 .wpcf7-list-item.first.selected label {
    background-color: var(--customRed);
    color: white;
    border: solid 1px var(--customRed);
}
.radio-bouton2 .wpcf7-list-item.selected:NOT(.first) label {
    background-color: var(--customYellow);
    color: white;
    border: solid 1px var(--customYellow);
}

.radio-bouton .wpcf7-list-item.selected label span,
.radio-bouton2 .wpcf7-list-item.selected label span {
    color: white;
}


.radio-bouton3 .wpcf7-list-item-label::before,
.radio-bouton4 .wpcf7-list-item-label::before {
    display: block;
    content: ""!important;
    width: 48px;
    height: 48px;
    margin: 0 auto 0.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0!important;
}
.radio-bouton3 .wpcf7-list-item:first-child .wpcf7-list-item-label::before {
    background-image: url('/wp-content/themes/laon-wine-house-child/assets/img/grappe.svg');
}
.radio-bouton3 .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
    background-image: url('/wp-content/themes/laon-wine-house-child/assets/img/vins-atypiques.svg');
}
.radio-bouton3 .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before {
    background-image: url('/wp-content/themes/laon-wine-house-child/assets/img/prestige.svg');
}
.radio-bouton3 .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::before {
    background-image: url('/wp-content/themes/laon-wine-house-child/assets/img/aveugle.svg');
}
.radio-bouton3 .wpcf7-list-item:last-child .wpcf7-list-item-label::before {
    background-image: url('/wp-content/themes/laon-wine-house-child/assets/img/region.svg');
}

.radio-bouton4 .wpcf7-list-item:first-child .wpcf7-list-item-label::before {
    background-image: url('/wp-content/themes/laon-wine-house-child/assets/img/charcuterie.svg');
}
.radio-bouton4 .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
    background-image: url('/wp-content/themes/laon-wine-house-child/assets/img/fromage.svg');
}
.radio-bouton4 .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before {
    background-image: url('/wp-content/themes/laon-wine-house-child/assets/img/chocolat.svg');
}
.radio-bouton4 .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::before {
    background-image: url('/wp-content/themes/laon-wine-house-child/assets/img/foie-gras.svg');
}
.radio-bouton4 .wpcf7-list-item:last-child .wpcf7-list-item-label::before {
    background-image: url('/wp-content/themes/laon-wine-house-child/assets/img/sushi.svg');
}

.radio-bouton3 .wpcf7-list-item-label,
.radio-bouton4 .wpcf7-list-item-label {
    font-size: 14px;
    font-family: BeausiteClassicBold, 'sans-serif';
}
.radio-bouton3 .wpcf7-list-item-label::after,
.radio-bouton4 .wpcf7-list-item-label::after {
    content: '';
    display: block;
    margin: 0.5rem auto 0.5rem auto;
    width: 1rem;
    height: 1rem;
    border: 1px solid black;
    border-radius: 9999px;
    background-color: white;
    transition: background-color 0.3s, border-color 0.3s;
}
.radio-bouton3 .wpcf7-list-item.selected .wpcf7-list-item-label::after {
    background-color: var(--customRed);
    border-color: var(--customRed);
}
.radio-bouton4 .wpcf7-list-item.selected .wpcf7-list-item-label::after {
    background-color: var(--customYellow);
    border-color: var(--customYellow);
}

.radio-bouton5 .wpcf7-list-item-label{
    display: flex!important;
    flex-direction: row;
    align-items: center;
    padding-left: 0!important;
}
.radio-bouton5 .wpcf7-list-item-label::after {
    content: '';
    display: inline-block;
    margin: 0 0.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 0;
    background-color: var(--customPrimary);
    transition: background-color 0.3s, border-color 0.3s;
}
.radio-bouton5 .wpcf7-list-item.selected .wpcf7-list-item-label::after {
    content: "X";
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: BeausiteClassicBold, 'sans-serif';
}
  

figure.wpb_wrapper.vc_figure{
    /* overflow: visible!important; */
}

#box-surprise{
    background-image: url('./assets/img/bg-box-surprise.png');
    background-size: cover;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    z-index: 10!important;
    border-bottom: 1px solid #000!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    border: none!important;
    box-shadow: none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    background: transparent!important;
}

form.wpcf7-form input#submit-pro[type="submit"] {
    font-size: 15px!important;
    border: 2px solid #fff !important;
    padding: 0.4em 1em!important;
    color: #fff !important;
}
form.wpcf7-form input#submit-pro[type="submit"]:hover {
    background: var(--customRed);
    border: 2px solid var(--customRed) !important;
    transition: all .3s ease;
}

form.wpcf7-form textarea, form.wpcf7-form input{
    /* padding: 1.5em 1em!important; */
    font-size: 15px!important;
}

form.wpcf7-form input#submit-degustation[type="submit"], .single_add_to_cart_button {
    font-size: 15px!important;
    border: 2px solid var(--customRed)!important;
    padding: 0.4em 1em!important;
    color: var(--customRed)!important;
}
form.wpcf7-form input#submit-degustation[type="submit"]:hover {
    background: var(--customRed);
    color: #fff!important;
    transition: all .3s ease;
}

.offerBox:hover{
    background: white;
    transition: ease-in-out background-color 0.4s;
}
.offerBox:hover{
    background: white;
    transition: ease-in-out background-color 0.4s;
}
#box-surprise div.bg-customGreen .offerBox:hover p{
    color: var(--customGreen)!important;
}
#box-surprise div.bg-customGreen .offerBox:hover a,
#box-surprise div.bg-customRed .offerBox:hover a{
    color: white!important;
    background-color: rgb(229 155 37)!important;
}
#box-surprise div.bg-customGreen .offerBox:hover .amount,
#box-surprise div.bg-customRed .offerBox:hover .amount{
    color: rgb(229 155 37)!important;
}
#box-surprise div.bg-customRed .offerBox:hover p{
    color: var(--customRed)!important;
}

.box-icon {
  position: relative;
  display: inline-block;
}
.box-icon img {
  position: absolute;
  inset: 0;
  transition: opacity .3s ease;
}
.box-icon img.icon-hover {
  opacity: 0;
}
.offerBox:hover img.icon-default {
  opacity: 0;
}
.offerBox:hover img.icon-hover {
  opacity: 1;
}

span.amount > .decimals, span.amount bdi > .decimals{
    font-size: 0.6em;
}

.single_add_to_cart_button {
    padding-top: 12px!important;
    padding-bottom: 12px!important;
}

.sep{
    bottom: -100px;
    left: 25px;
    height: 100px;
    width: 1px;
}

.trx-stretch-width.inited{
    float: left;
}

.summary .single.product_title{
    display: block!important;
}

.container-custom>.wp-block-woocommerce-cart{
    margin: 80px 0;
}
.container-custom>.wp-block-woocommerce-cart .wc-block-components-product-name,
.container-custom>.wp-block-woocommerce-cart .wc-block-cart-items__header-image,
.container-custom>.wp-block-woocommerce-cart .wc-block-cart-items__header-total,
.container-custom>.wp-block-woocommerce-checkout .wc-block-components-checkout-return-to-cart-button{
    color: var(--customRed)!important;
}

.container-custom>.wp-block-woocommerce-cart .wc-block-components-button.wp-element-button.wc-block-cart__submit-button,
.container-custom>.wp-block-woocommerce-cart .wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button,
.container-custom>.wp-block-woocommerce-checkout .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button,
.container-custom>.wp-block-woocommerce-checkout .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover{
    background-color: var(--customRed)!important;
}

.container-custom>.wp-block-woocommerce-cart .wc-block-components-button.wp-element-button.wc-block-cart__submit-button .wc-block-components-button__text,
.container-custom>.wp-block-woocommerce-cart .wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button .wc-block-components-button__text{
    color: white!important;
}

.container-custom>.wp-block-woocommerce-cart .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--minus:hover,
.container-custom>.wp-block-woocommerce-cart .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus:hover{
    border-color: var(--customRed)!important;
    background-color: var(--customRed)!important;
}

@media screen and (min-width:1024px) {
    .hidden-custom{
        display:flex;
    }
}
@media screen and (max-width:1024px) {
    .hidden-custom{
        display:none;
    }

    .pros{
        margin-top: 0!important;
    }
    .prosMargin{
        display: none;
    }
}

@media screen and (max-width:768px) {
    .pros .wpb_single_image {
        padding-top: 125px;
        padding-bottom: 125px;
    }
}


@import "tailwindcss";