@charset "utf-8";
/*
Theme Name: Votre thème
Description: Thème créé sur mesure pour vous!
Version: 1.0.0
Author: Duo
Author URI: https://duoeg.com
Template: starting-point
Text Domain: starting-point-child
*/
mark {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
background: #BADA55;
color: black;
padding: 10px 25px;
font-style: italic;
}
/* Mixins
* ================================================== */
.fa,
.far,
.fas,
.fal {
font-family: 'Font Awesome 5 Pro';
font-weight: 400;
}
.fab {
font-family: 'Font Awesome 5 Brands';
font-weight: 400;
}
.fad {
font-family: 'Font Awesome 5 Duotone';
font-weight: 900;
}
.fal {
font-weight: 300;
}
.inline {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
}
.transitions {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.sans {
font-family: "DM Sans";
}
.serif {
font-family: "DM Serif Display";
}
.leafs {
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-size: contain;
}
/* General
* ================================================== */
.sp_btn,
.add_to_cart_button,
.product_type_simple,
.product_type_variable,
.single_add_to_cart_button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
font-family: "DM Serif Display";
color: var(--sp_color_1);
background-color: var(--sp_color_2);
font-size: 25px;
white-space: nowrap;
padding: 10px 25px;
text-decoration: none;
}
.sp_btn:active,
.add_to_cart_button:active,
.product_type_simple:active,
.product_type_variable:active,
.single_add_to_cart_button:active,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:active,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled]:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled]:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled]:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:active,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:active,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover:active,
.sp_btn:focus,
.add_to_cart_button:focus,
.product_type_simple:focus,
.product_type_variable:focus,
.single_add_to_cart_button:focus,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:focus,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled]:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled]:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled]:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:focus,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover:focus,
.sp_btn:hover,
.add_to_cart_button:hover,
.product_type_simple:hover,
.product_type_variable:hover,
.single_add_to_cart_button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover:hover {
color: var(--sp_color_1);
background-color: var(--sp_color_4);
}
body {
font-family: "DM Sans";
font-size: 18px;
letter-spacing: 0.81px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "DM Serif Display";
}
h2 {
font-size: 35px;
line-height: 40px;
letter-spacing: 1.575px;
margin: 20px 0 30px;
}
h4,
h5,
h6 {
text-align: center;
font-size: 22px;
letter-spacing: 1px;
}
img,
svg {
height: auto;
max-width: 100%;
}
img.rounded-corners,
svg.rounded-corners {
border-radius: 20px;
}
.navbar-header,
.navbar-toggle {
display: block;
}
.navbar-toggle {
display: flex;
flex-direction: column;
color: var(--sp_color_1);
align-items: center;
margin: 0 15px;
}
.navbar-toggle span {
font-family: "DM Serif Display";
font-size: 12px;
}
.navbar-toggle i {
font-size: 32px;
}
@media (min-width: 1500px) {
.container {
width: 1470px;
}
}
/* Header
* ================================================== */
.site-header {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
padding-top: 70px;
position: fixed;
top: 0;
left: 0;
width: 100vw;
z-index: 40000;
}
.site-header .container {
width: 100vw;
}
.site-header .logo-container {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
grid-area: logo;
text-align: center;
}
.site-header .logo-container img,
.site-header .logo-container svg {
width: 106px;
}
@media (min-width: 992px) {
.site-header .logo-container {
display: none;
}
}
.site-header .navbar-header {
grid-area: mobile;
}
@media (min-width: 992px) {
.site-header .navbar-header {
display: none;
}
}
.site-header .navbar-toggle {
padding-left: 20px;
}
.site-header .navbar-toggle:before {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
content: "";
opacity: 0;
background-color: var(--sp_color_5);
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100vw;
z-index: -2;
border-radius: 20px 0 0 20px;
}
.site-header .row {
display: grid;
grid-template-areas: ". logo mobile";
grid-template-columns: repeat(3, 33%);
}
@media (min-width: 992px) {
.site-header .row {
grid-template-areas: "utility" "primary";
grid-template-columns: 100vw;
}
}
.site-header .navbar-nav {
float: none;
}
.site-header .nav-primary,
.site-header .nav-utility {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
position: relative;
min-height: auto;
margin-bottom: 0;
border-radius: 0;
}
.site-header .nav-primary .site-logo > #white,
.site-header .nav-utility .site-logo > #white,
.site-header .nav-primary .site-logo > #red,
.site-header .nav-utility .site-logo > #red,
.site-header .nav-primary .site-logo > #dots,
.site-header .nav-utility .site-logo > #dots,
.site-header .nav-primary .site-logo > #ico,
.site-header .nav-utility .site-logo > #ico,
.site-header .nav-primary .site-logo-link,
.site-header .nav-utility .site-logo-link {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-header .nav-primary .site-logo > #ico path,
.site-header .nav-utility .site-logo > #ico path {
transform-origin: center;
}
.site-header .nav-primary .menu-menu-principal-container > ul,
.site-header .nav-utility .menu-menu-principal-container > ul,
.site-header .nav-primary .menu-menu-utilitaire-container > ul,
.site-header .nav-utility .menu-menu-utilitaire-container > ul {
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.site-header .nav-primary .menu-menu-principal-container > ul > li > a,
.site-header .nav-utility .menu-menu-principal-container > ul > li > a,
.site-header .nav-primary .menu-menu-utilitaire-container > ul > li > a,
.site-header .nav-utility .menu-menu-utilitaire-container > ul > li > a {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
font-size: 15px;
}
.site-header .nav-primary .menu-menu-principal-container > ul > li[data-page="front"] .menu-item-home,
.site-header .nav-utility .menu-menu-principal-container > ul > li[data-page="front"] .menu-item-home,
.site-header .nav-primary .menu-menu-utilitaire-container > ul > li[data-page="front"] .menu-item-home,
.site-header .nav-utility .menu-menu-utilitaire-container > ul > li[data-page="front"] .menu-item-home {
/* .sr-only */
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.site-header .nav-primary .menu-menu-principal-container > ul > li[data-page="front"] .site-logo,
.site-header .nav-utility .menu-menu-principal-container > ul > li[data-page="front"] .site-logo,
.site-header .nav-primary .menu-menu-utilitaire-container > ul > li[data-page="front"] .site-logo,
.site-header .nav-utility .menu-menu-utilitaire-container > ul > li[data-page="front"] .site-logo {
width: 145px;
}
.site-header .nav-primary {
grid-area: primary;
}
.site-header .nav-primary ul > li > a {
font-size: 20px;
font-weight: 700;
}
.site-header .nav-primary:before {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
content: "";
position: absolute;
top: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
height: 100%;
max-height: 85px;
}
.site-header .nav-utility {
overflow: hidden;
max-height: 100vh;
grid-area: utility;
margin-bottom: 0;
}
.site-header .nav-utility:before {
content: "";
position: absolute;
top: 0;
height: 100%;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background-color: var(--sp_color_5);
}
.site-header .navbar {
border: none;
background-color: transparent;
display: none;
}
.site-header .navbar-nav > li > a {
color: var(--sp_color_1);
}
.site-header .navbar-nav > li > a:active,
.site-header .navbar-nav > li > a:focus,
.site-header .navbar-nav > li > a:hover {
color: var(--sp_color_2);
}
@media (min-width: 992px) {
.site-header .navbar {
display: block;
}
}
@media (min-width: 992px) {
.site-header {
padding-top: 0;
}
}
/* General content
* ================================================== */
html,
body {
scroll-behavior: smooth;
overflow-x: hidden;
}
h1 {
text-align: center;
}
.section {
position: relative;
padding: 50px 15px;
}
.section a {
color: inherit;
text-decoration: underline;
}
.section .background-color,
.section .background-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -4;
}
.section .sp-column {
position: relative;
}
.section .sp-column:not([class*="col-"]) {
padding-right: 15px;
padding-left: 15px;
}
.section .sp-column > .background-color {
z-index: -100;
}
.section .sp-column > .background-image {
z-index: -90;
}
.section > .background-color {
z-index: -200;
}
.section > .background-image {
z-index: -190;
}
.section.has-bg-color-sp_color_2 > .background-color {
opacity: 0.52;
}
/* Home page
* ================================================== */
.page-template-front-page #page-container {
position: relative;
}
.page-template-front-page h1 {
color: var(--sp_color_1);
text-shadow: 0 2px 2px black;
}
.page-template-front-page .section {
overflow: hidden;
}
.page-template-front-page .section-title-bar {
padding-top: max(200px, 35vh);
min-height: 100vh;
}
@media (min-width: 992px) {
.page-template-front-page .section-title-bar {
padding-top: max(400px, 40vh);
}
}
.page-template-front-page .section-main {
padding: 0;
}
.page-template-front-page .section-main .sp_btn {
position: fixed;
z-index: 2000;
bottom: 0;
left: 50%;
transform: translateX(-50%);
border-radius: 20px 20px 0 0;
padding: 15px 35px;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.page-template-front-page .section-main div[class*="col-"] {
min-height: 0;
}
.page-template-front-page .section-0 {
text-align: center;
}
/*.page-template-front-page .section-0 > .container:before,
.page-template-front-page .section-0 > .container-fluid:before,
.page-template-front-page .section-0 > .container:after,
.page-template-front-page .section-0 > .container-fluid:after {
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-size: contain;
content: "";
position: absolute;
z-index: -5;
height: 350px;
width: 350px;
}
.page-template-front-page .section-0 > .container:before,
.page-template-front-page .section-0 > .container-fluid:before {
bottom: 25px;
left: 0;
background-color: var(--sp_color_2);
transform: rotate(30deg);
}
@media (min-width: 992px) {
.page-template-front-page .section-0 > .container:before,
.page-template-front-page .section-0 > .container-fluid:before {
bottom: -65px;
left: auto;
right: 0;
}
}
.page-template-front-page .section-0 > .container:after,
.page-template-front-page .section-0 > .container-fluid:after {
bottom: 250px;
right: 0;
background-color: var(--sp_color_5);
transform: translateX(25%) rotate(-30deg);
}
@media (min-width: 992px) {
.page-template-front-page .section-0 > .container:after,
.page-template-front-page .section-0 > .container-fluid:after {
bottom: auto;
top: -60px;
}
}
.page-template-front-page .section-0:after {
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-size: contain;
content: "";
position: absolute;
z-index: -5;
height: 350px;
width: 350px;
top: 150px;
background-color: var(--sp_color_5);
transform: rotate(-30deg) translateX(-90px);
}
@media (min-width: 992px) {
.page-template-front-page .section-0:after {
top: 40%;
transform: translateX(-50px) rotate(-30deg);
}
}
*/
.page-template-front-page .section-1,
.page-template-front-page .section-2 {
text-align: center;
}
.page-template-front-page .section-1 .sp_btn,
.page-template-front-page .section-2 .sp_btn {
padding: 10px 25px;
}
.page-template-front-page .section-1 .sp-column,
.page-template-front-page .section-2 .sp-column {
overflow: visible;
}
.page-template-front-page .section-1 .sp-column .content,
.page-template-front-page .section-2 .sp-column .content,
.page-template-front-page .section-1 .sp-column .categories_accueil,
.page-template-front-page .section-2 .sp-column .categories_accueil,
.page-template-front-page .section-1 .sp-column .owl-carousel,
.page-template-front-page .section-2 .sp-column .owl-carousel {
overflow: inherit;
}
.page-template-front-page .section-1 .sp-column.has-background-image,
.page-template-front-page .section-2 .sp-column.has-background-image {
padding: 45px 30px;
}
.page-template-front-page .section-1 .sp-column > .background-image,
.page-template-front-page .section-2 .sp-column > .background-image {
border-radius: 20px;
}
.page-template-front-page .site-hero-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -20;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.page-template-front-page.scrolled-down .site-header .nav-primary ul > li[data-page="front"] a {
padding-bottom: 0;
}
.page-template-front-page.scrolled-down .site-header .nav-primary:before {
background: url("/wp-content/uploads/2024/07/traditionnels-cabane-sucre-st-mathieu-du-parc.jpg") lightgray 50% / cover no-repeat;
width: calc(100vw - 60px);
border-radius: 0 0 20px 20px;
}
/* Secondary pages
* ================================================== */
body:not(.page-template-front-page) {
color: var(--sp_color_5);
}
body:not(.page-template-front-page) .site-header {
padding-top: 20px;
}
body:not(.page-template-front-page) .site-header .nav-primary .menu-menu-principal-container > ul > li > a:active,
body:not(.page-template-front-page) .site-header .nav-primary .menu-menu-principal-container > ul > li > a:focus,
body:not(.page-template-front-page) .site-header .nav-primary .menu-menu-principal-container > ul > li > a:hover {
color: var(--sp_color_5);
}
body:not(.page-template-front-page) .site-header .nav-primary .menu-menu-principal-container > ul > li[data-page="front"] {
width: 175px;
text-align: center;
}
body:not(.page-template-front-page) .site-header .nav-primary .menu-menu-principal-container > ul > li[data-page="front"] a {
margin: 0 auto;
}
body:not(.page-template-front-page) .site-header .nav-primary .menu-menu-principal-container > ul > li[data-page="front"] .site-logo {
max-height: 100px;
}
body:not(.page-template-front-page) .site-header .nav-primary:before {
background-color: var(--sp_color_2);
height: 50px;
}
body:not(.page-template-front-page) .site-header .navbar-toggle:before {
opacity: 1;
}
body:not(.page-template-front-page) .site-header .navbar-toggle:active:before,
body:not(.page-template-front-page) .site-header .navbar-toggle:focus:before,
body:not(.page-template-front-page) .site-header .navbar-toggle:hover:before {
background-color: var(--sp_color_4);
}
@media (min-width: 992px) {
body:not(.page-template-front-page) .site-header {
padding-top: 0;
}
}
body:not(.page-template-front-page) .section-title-bar {
overflow: visible;
padding: 200px 15px 0;
}
body:not(.page-template-front-page) .section-title-bar h1 {
color: var(--sp_color_5);
}
@media (min-width: 992px) {
body:not(.page-template-front-page) .section-0 .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
body:not(.page-template-front-page) .section-0 .row:has(.wpcf7) {
align-items: start;
}
}
body:not(.page-template-front-page) .section-main {
padding-top: 0;
text-align: center;
}
body:not(.page-template-front-page) .section-main .container {
max-width: 1170px;
}
body:not(.page-template-front-page) .section.visite {
text-align: center;
}
body:not(.page-template-front-page) .section.visite .column-1 .content,
body:not(.page-template-front-page) .section.visite .column-2 .content {
margin: 0;
}
body:not(.page-template-front-page) .section.visite .column-2:before {
content: "";
position: absolute;
border-color: var(--sp_color_5);
left: 0;
}
@media (min-width: 992px) {
body:not(.page-template-front-page) .section.visite .row {
display: flex;
flex-wrap: wrap;
gap: 40px 0;
}
body:not(.page-template-front-page) .section.visite .column-1 .content,
body:not(.page-template-front-page) .section.visite .column-2 .content {
margin: 0 25px;
}
body:not(.page-template-front-page) .section.visite .column-2 {
padding-top: 0;
}
body:not(.page-template-front-page) .section.visite .column-2:before {
top: 0;
bottom: 0;
right: auto;
border-left-width: 2px;
border-left-style: solid;
}
}
@media (min-width: 1200px) {
body:not(.page-template-front-page) .section.visite .column-1 .content,
body:not(.page-template-front-page) .section.visite .column-2 .content {
margin: 0 50px;
}
}
body:not(.page-template-front-page) .section.heures {
text-align: center;
padding: 50px 0 125px;
}
body:not(.page-template-front-page) .section.heures .container {
position: relative;
}
body:not(.page-template-front-page) .section.heures .container:after,
body:not(.page-template-front-page) .section.heures .container:before {
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-size: contain;
content: "";
position: absolute;
z-index: -50;
height: 150px;
width: 150px;
}
@media (min-width: 768px) {
body:not(.page-template-front-page) .section.heures .container:after,
body:not(.page-template-front-page) .section.heures .container:before {
height: 200px;
width: 200px;
}
}
@media (min-width: 1200px) {
body:not(.page-template-front-page) .section.heures .container:after,
body:not(.page-template-front-page) .section.heures .container:before {
height: 300px;
width: 300px;
}
}
body:not(.page-template-front-page) .section.heures .container:before {
bottom: 0;
left: 0;
transform: rotate(30deg);
background-color: var(--sp_color_2);
bottom: -175px;
left: auto;
right: 0;
}
@media (min-width: 992px) {
body:not(.page-template-front-page) .section.heures .container:before {
bottom: -225px;
right: 100px;
}
}
body:not(.page-template-front-page) .section.heures .container:after {
background-color: var(--sp_color_5);
top: 50%;
transform: scale(0.8) translateX(-50%) rotate(-45deg);
}
@media (min-width: 768px) {
body:not(.page-template-front-page) .section.heures .container:after {
transform: scale(0.8) translateX(-150px) rotate(-45deg);
}
}
@media (min-width: 992px) {
body:not(.page-template-front-page) .section.heures .container:after {
transform: translateX(-75px) translateY(-50%) rotate(-45deg);
}
}
body:not(.page-template-front-page) .section.heures:before {
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-size: contain;
content: "";
position: absolute;
z-index: -50;
height: 150px;
width: 150px;
background-color: var(--sp_color_5);
bottom: 0;
top: 0;
left: auto;
right: 0;
transform: translateX(25px) translateY(-75px) rotate(-30deg);
}
@media (min-width: 768px) {
body:not(.page-template-front-page) .section.heures:before {
height: 200px;
width: 200px;
}
}
@media (min-width: 992px) {
body:not(.page-template-front-page) .section.heures:before {
height: 250px;
width: 250px;
transform: translateX(50px) translateY(-125px) rotate(-30deg);
}
}
@media (min-width: 1200px) {
body:not(.page-template-front-page) .section.heures {
padding: 150px 0 250px;
}
}
body:not(.page-template-front-page) .site-hero-image {
position: absolute;
top: 0;
right: 0;
height: 100vh;
left: 0;
z-index: -40;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
body:not(.page-template-front-page) .site-hero-image:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100vh;
z-index: -15;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body:not(.page-template-front-page) .site-footer {
padding-bottom: 15px;
margin-top: 50px;
}
body:not(.page-template-front-page).scrolled-down .site-header .nav-primary ul > li > a {
color: var(--sp_color_1);
padding: 15px;
}
body:not(.page-template-front-page).scrolled-down .site-header .nav-primary ul > li > a:active,
body:not(.page-template-front-page).scrolled-down .site-header .nav-primary ul > li > a:focus,
body:not(.page-template-front-page).scrolled-down .site-header .nav-primary ul > li > a:hover {
color: var(--sp_color_5);
}
body:not(.page-template-front-page).scrolled-down .site-header .nav-primary ul > li[data-page="front"] a {
padding-bottom: 0;
}
body:not(.page-template-front-page).scrolled-down .site-header .nav-primary ul > li[data-page="front"] .site-logo {
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.4);
border-radius: 100px;
}
/* Blog home
* ================================================== */
.sp-blog-home-page .posts-wrapper {
margin: 50px 0 150px;
}
.sp-blog-home-page article + article {
position: relative;
margin-top: 80px;
}
.sp-blog-home-page article + article:before {
content: "";
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
width: clamp(160px, 80vw, 350px);
border-top: 1px solid var(--sp_color_5);
}
@media (min-width: 992px) {
.sp-blog-home-page article + article {
margin-top: 100px;
}
.sp-blog-home-page article + article:before {
top: -50px;
}
}
.sp-blog-home-page h2 {
margin: 0 0 20px;
}
.sp-blog-home-page h2 a {
color: inherit;
}
.sp-blog-home-page h2 a:active,
.sp-blog-home-page h2 a:focus,
.sp-blog-home-page h2 a:hover {
color: var(--sp_color_2);
}
.sp-blog-home-page .post-image {
width: 100%;
}
.sp-blog-home-page .preview-image {
padding-top: 100%;
background-position: center;
background-size: cover;
}
.sp-blog-home-page .item {
border-radius: 15px;
overflow: hidden;
background: rgba(255, 255, 255, 0.8);
}
.sp-blog-home-page .post-excerpt {
padding: 35px 30px;
}
.sp-blog-home-page .view-post {
color: var(--sp_color_5);
font-size: 20px;
background-color: transparent;
padding: 10px 25px;
border: 2px solid;
margin-top: 15px;
}
.sp-blog-home-page .view-post:active,
.sp-blog-home-page .view-post:focus,
.sp-blog-home-page .view-post:hover {
color: var(--sp_color_2);
}
@media (min-width: 992px) {
.sp-blog-home-page article {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
}
.sp-blog-home-page .post-excerpt,
.sp-blog-home-page .preview-image {
flex: 1 0 49%;
}
.sp-blog-home-page .post-excerpt {
padding: 25px 25px 50px 15px;
}
.sp-blog-home-page .preview-image {
padding-top: 0;
height: 100%;
}
}
/* Blog post
* ================================================== */
body.single-post .section-main {
padding-top: 50px;
text-align: left;
}
body.single-post .section-main .row {
display: flex;
flex-direction: column-reverse;
gap: 50px 0;
}
@media (min-width: 992px) {
body.single-post .section-main .row {
display: block;
}
}
/* Footer
* ================================================== */
.site-footer {
color: var(--sp_color_1);
text-align: center;
font-size: 15px;
padding-bottom: 85px;
position: relative;
/* maski */
/* shawi */
/* mauricie */
/* routard */
}
.site-footer .wp-image-108 {
width: 156px;
}
.site-footer .wp-image-107 {
width: 135px;
}
.site-footer .wp-image-106 {
width: 177px;
}
.site-footer .wp-image-105 {
width: 142px;
}
.site-footer a {
color: var(--sp_color_1);
}
.site-footer a:active,
.site-footer a:focus,
.site-footer a:hover {
color: var(--sp_color_2);
}
.site-footer .smdp-partenaires-area {
position: relative;
padding-bottom: 100px;
color: var(--sp_color_5);
display: flex;
gap: 10px 10px;
flex-wrap: wrap;
align-items: center;
}
.site-footer .smdp-partenaires-area .widget {
margin: 30px auto;
}
.site-footer .smdp-partenaires-area .widget_text {
flex: 1 0 99%;
}
.site-footer .smdp-partenaires-area:before {
content: "";
position: absolute;
top: 0;
height: 100%;
left: 50%;
width: 100vw;
z-index: -2;
transform: translateX(-50%);
background-color: var(--sp_color_1);
}
.site-footer h6 {
color: var(--sp_color_1);
margin-top: 30px;
}
.site-footer .bottom-part {
margin-top: 30px;
}
.site-footer .bottom-part .copyright-part {
white-space: nowrap;
}
@media (max-width: 529px) {
.site-footer .bottom-part .copyright-part.part-name:before {
content: "";
display: table;
}
}
@media (max-width: 1499px) {
.site-footer .bottom-part .copyright-wrapper {
display: inline-flex;
flex-wrap: wrap;
gap: 0 5px;
}
}
@media (min-width: 1200px) {
.site-footer .bottom-part {
text-align: left;
}
.site-footer .bottom-part .row {
display: flex;
flex-wrap: nowrap;
align-items: end;
}
.site-footer .bottom-part .links {
flex: 1 0 auto;
flex-wrap: nowrap;
}
.site-footer .bottom-part .author-container {
flex: 1 0 auto;
margin-left: 50px;
}
.site-footer .bottom-part .copyright {
flex: 0 1 auto;
}
}
.site-footer #menu-legal {
padding-left: 0;
display: flex;
flex-wrap: wrap;
list-style-type: none;
gap: 10px 25px;
justify-content: center;
margin: 30px 15px;
}
.site-footer #menu-legal a {
color: var(--sp_color_1);
padding: 0;
}
.site-footer #menu-legal a:active,
.site-footer #menu-legal a:focus,
.site-footer #menu-legal a:hover {
color: var(--sp_color_2);
background-color: transparent;
}
@media (min-width: 768px) {
.site-footer #menu-legal {
margin: 0;
}
}
@media (min-width: 1200px) {
.site-footer #menu-legal {
justify-content: start;
gap: 0;
}
.site-footer #menu-legal li + li {
margin-left: 10px;
}
}
.site-footer .smdp-footer-area {
display: grid;
grid-template-areas: "image" "nav" "text";
}
.site-footer .smdp-footer-area .widget_media_image {
grid-area: image;
}
.site-footer .smdp-footer-area .widget_media_image img,
.site-footer .smdp-footer-area .widget_media_image svg {
width: 136px;
margin-top: -68px;
}
@media (min-width: 1200px) {
.site-footer .smdp-footer-area .widget_media_image img,
.site-footer .smdp-footer-area .widget_media_image svg {
margin-top: 50px;
}
}
.site-footer .smdp-footer-area .widget_nav_menu {
grid-area: nav;
margin: 35px 0 0;
}
.site-footer .smdp-footer-area .widget_nav_menu ul {
padding-left: 0;
list-style-type: none;
}
.site-footer .smdp-footer-area .widget_nav_menu ul .site-logo,
.site-footer .smdp-footer-area .widget_nav_menu ul .site-logo-link {
display: none;
}
@media (min-width: 1200px) {
.site-footer .smdp-footer-area .widget_nav_menu ul {
display: flex;
flex-wrap: wrap;
text-align: left;
}
.site-footer .smdp-footer-area .widget_nav_menu ul li {
flex: 1 0 49%;
}
}
.site-footer .smdp-footer-area .widget_nav_menu a {
color: var(--sp_color_1);
display: block;
padding: 5px 15px;
}
.site-footer .smdp-footer-area .widget_nav_menu a:active,
.site-footer .smdp-footer-area .widget_nav_menu a:focus,
.site-footer .smdp-footer-area .widget_nav_menu a:hover {
color: var(--sp_color_2);
}
.site-footer .smdp-footer-area .widget_text {
grid-area: text;
}
@media (min-width: 1200px) {
.site-footer .smdp-footer-area .widget_text {
text-align: left;
}
.site-footer .smdp-footer-area .widget_text h4,
.site-footer .smdp-footer-area .widget_text h5,
.site-footer .smdp-footer-area .widget_text h6 {
text-align: inherit;
}
}
@media (min-width: 768px) {
.site-footer .smdp-footer-area {
grid-template-areas: "image image" "nav text";
}
}
@media (min-width: 1200px) {
.site-footer .smdp-footer-area {
padding-top: 20px;
grid-template-areas: "image nav text";
grid-template-columns: 0.25fr 1fr 1fr;
gap: 0 50px;
}
}
.site-footer .author-container a {
display: inline-flex;
align-items: baseline;
gap: 5px;
}
.site-footer .author-container path {
fill: var(--sp_color_1);
}
@media (min-width: 1200px) {
.site-footer .author-container {
margin-left: 25px;
}
}
.site-footer .author-container:active a,
.site-footer .author-container:focus a,
.site-footer .author-container:hover a {
color: var(--sp_color_1);
}
.site-footer .author-container:active .color2,
.site-footer .author-container:focus .color2,
.site-footer .author-container:hover .color2 {
fill: var(--duoeg_vert);
}
@media (min-width: 768px) {
.site-footer .module-socialMedia {
margin: 0;
}
}
@media (min-width: 1200px) {
.site-footer .module-socialMedia {
margin-left: 25px;
}
.site-footer .module-socialMedia a {
padding: 0;
line-height: 1;
}
}
@media (min-width: 768px) {
.site-footer .links {
display: flex;
align-items: center;
justify-content: center;
}
}
.site-footer:before {
content: "";
position: absolute;
top: 0;
height: 100%;
left: 50%;
transform: translateX(-50%);
width: 100vw;
z-index: -40;
background-color: var(--sp_color_5);
}
/* Mobile menu
* ================================================== */
.offscreen-menu {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
background-color: var(--sp_color_7);
padding: 25px;
display: grid;
grid-template-areas: "logo close" "logo ." "nav nav";
gap: 30px 10px;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 50000;
overflow-y: auto;
transform: translateX(100%);
}
.offscreen-menu a {
color: var(--sp_color_5);
display: block;
}
.offscreen-menu a:active,
.offscreen-menu a:focus,
.offscreen-menu a:hover {
color: var(--sp_color_2);
}
.offscreen-menu .navbar-header {
grid-area: close;
}
.offscreen-menu .navbar-toggle {
color: var(--sp_color_3);
}
.offscreen-menu .logo-container {
grid-area: logo;
}
.offscreen-menu .logo-container img,
.offscreen-menu .logo-container svg {
height: auto;
width: auto;
max-height: clamp(100px, 20vw, 180px);
max-width: clamp(100px, 20vw, 180px);
}
.offscreen-menu .mobile-menu {
margin: 0;
grid-area: nav;
}
.offscreen-menu .mobile-menu a {
padding: 15px 25px;
}
.offscreen-menu .mobile-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
.offscreen-menu .mobile-menu li {
margin: 0;
}
.offscreen-menu .mobile-menu li + li {
border-top: 1px solid var(--sp_color_2);
}
@media (min-width: 530px) {
.offscreen-menu {
grid-template-areas: "logo nav close" "logo nav ." ". nav .";
gap: 30px 10px;
}
}
html:has(body.mobile-menu-visible),
.mobile-menu-visible {
overflow: hidden !important;
}
html:has(body.mobile-menu-visible) .offscreen-menu,
.mobile-menu-visible .offscreen-menu {
transform: translateX(0);
}
.admin-bar.logged-in #wpadminbar {
position: fixed;
}
.admin-bar.logged-in .site-header {
top: 46px;
}
@media (min-width: 783px) {
.admin-bar.logged-in .site-header {
top: 32px;
}
}
.admin-bar.logged-in .offscreen-menu {
padding-top: 70px;
}
@media (min-width: 783px) {
.admin-bar.logged-in .offscreen-menu {
top: 32px;
}
}
.scrolled-down .site-header {
padding-top: 25px;
}
.scrolled-down .site-header .logo-container {
transform: translateY(-200%);
}
.scrolled-down .site-header .navbar-toggle:before {
opacity: 1;
}
@media (min-width: 992px) {
.scrolled-down .site-header {
padding-top: 0;
}
.scrolled-down .site-header .nav-utility {
max-height: 0;
}
.scrolled-down .site-header .nav-primary ul > li > a {
color: var(--sp_color_2);
padding: 35px 15px 30px;
}
.scrolled-down .site-header .nav-primary ul > li > a:active,
.scrolled-down .site-header .nav-primary ul > li > a:focus,
.scrolled-down .site-header .nav-primary ul > li > a:hover {
color: var(--sp_color_4);
}
.scrolled-down .site-header .nav-primary:before {
background-color: var(--sp_color_7);
}
.scrolled-down .site-header .nav-primary .site-logo-link {
width: 120px;
}
.scrolled-down .site-header .nav-primary .site-logo > #white {
fill: var(--sp_color_2);
}
.scrolled-down .site-header .nav-primary .site-logo > #ico path {
fill: var(--sp_color_1);
transform: scale(1.5);
}
.scrolled-down .site-header .nav-primary .site-logo > #red,
.scrolled-down .site-header .nav-primary .site-logo > #dots {
opacity: 0;
}
}
/* SP Module: Feedback
* ================================================== */
.module-feedback {
margin: 45px 0 30px;
}
.module-feedback .feedback-module-content.owl-carousel .owl-stage {
display: flex !important;
flex-direction: row;
}
.module-feedback .feedback-module-content.owl-carousel .owl-stage .item {
margin: 0;
width: 320px;
display: flex;
border-radius: 16px;
overflow: hidden;
position: relative;
transition: all 0.4s ease-in-out;
cursor: pointer;
min-height: 100%;
}
.module-feedback .feedback-module-content.owl-carousel .owl-stage .module-content-item .testimonial-inner {
transform: none;
margin: 0 15px;
}
.module-feedback .module-content-item {
margin: 0 auto;
}
.module-feedback .module-content-item .testimonial-inner {
padding: 30px;
}
.module-feedback .module-content-item .testimonial-inner blockquote {
display: flex;
flex-direction: column;
}
.module-feedback .module-content-item .testimonial-inner blockquote .testimonee {
order: 4;
width: auto;
height: auto;
margin: 0;
flex-grow: 1;
color: var(--sp_color_5);
font-style: italic;
font-weight: 700;
}
.module-feedback .module-content-item .testimonial-inner blockquote .testimonee:before {
content: "-";
}
.module-feedback .module-content-item .testimonial-inner blockquote .testimonee:after {
display: none;
}
.module-feedback .module-content-item .testimonial-inner blockquote .etoiles {
order: 1;
}
.module-feedback .module-content-item .testimonial-inner blockquote .quote {
order: 3;
}
.module-feedback .module-content-item .testimonial-inner blockquote cite {
font-family: "DM Serif Display";
color: var(--sp_color_5);
font-size: 25px;
letter-spacing: 1.125px;
border: none;
order: 1;
padding: 30px 0;
}
.module-feedback .owl-dots {
display: none;
}
/* SP Recent posts shortcode
* ================================================== */
#recent-posts-slider {
position: relative;
margin: 60px auto 85px;
color: var(--sp_color_5);
text-align: left;
}
#recent-posts-slider h2 a {
color: inherit;
}
#recent-posts-slider h2 a:active,
#recent-posts-slider h2 a:focus,
#recent-posts-slider h2 a:hover {
color: var(--sp_color_2);
}
#recent-posts-slider .post-image {
width: 100%;
}
#recent-posts-slider .preview-image {
padding-top: 100%;
background-position: center;
background-size: cover;
}
#recent-posts-slider .item {
border-radius: 15px;
overflow: hidden;
background: rgba(255, 255, 255, 0.8);
}
#recent-posts-slider .post-excerpt {
padding: 35px 30px;
}
#recent-posts-slider .tag-article {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
font-family: "DM Serif Display";
background-color: var(--sp_color_2);
color: var(--sp_color_1);
font-size: 20px;
text-transform: uppercase;
padding: 5px 15px;
}
#recent-posts-slider .view-post {
color: var(--sp_color_5);
font-size: 20px;
background-color: transparent;
padding: 10px 25px;
border: 2px solid;
margin-top: 15px;
}
#recent-posts-slider .view-post:active,
#recent-posts-slider .view-post:focus,
#recent-posts-slider .view-post:hover {
color: var(--sp_color_2);
}
@media (min-width: 992px) {
#recent-posts-slider article {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
}
#recent-posts-slider .post-excerpt,
#recent-posts-slider .preview-image {
flex: 1 0 49%;
}
#recent-posts-slider .post-excerpt {
padding: 65px 25px 150px 15px;
}
#recent-posts-slider .preview-image {
padding-top: 0;
height: 100%;
}
}
/* Catégories de produits affichées sur l'accueil
* [categories_accueil]
* ================================================== */
.categories_accueil {
margin: 30px 0;
}
.categories_accueil .owl-stage {
display: flex;
flex-wrap: nowrap;
gap: 30px;
overflow-x: scroll;
-ms-overflow-style: none;
/* Internet Explorer 10+ */
scrollbar-width: none;
/* Firefox */
}
.categories_accueil .item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
gap: 30px;
}
.categories_accueil .item .image {
order: 1;
height: 260px;
width: 260px;
border-radius: 260px;
background-size: cover;
background-position: center;
}
.categories_accueil .item .text {
flex: 0 0 auto;
order: 2;
}
.categories_accueil .item .text a {
font-family: "DM Serif Display";
font-size: 30px;
letter-spacing: 1.35px;
}
.categories_accueil + .sp_btn {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
padding: 10px 25px;
white-space: initial;
}
.categories_accueil.type-traditionnels .text a {
color: var(--sp_color_5);
}
.categories_accueil.type-traditionnels .text a:active,
.categories_accueil.type-traditionnels .text a:focus,
.categories_accueil.type-traditionnels .text a:hover {
color: var(--sp_color_2);
}
.categories_accueil.type-traditionnels + a {
background-color: var(--sp_color_5);
}
.categories_accueil.type-traditionnels + a:active,
.categories_accueil.type-traditionnels + a:focus,
.categories_accueil.type-traditionnels + a:hover {
background-color: var(--sp_color_2);
}
.categories_accueil.type-vins .text a {
color: var(--sp_color_1);
}
.categories_accueil.type-vins .text a:active,
.categories_accueil.type-vins .text a:focus,
.categories_accueil.type-vins .text a:hover {
color: var(--sp_color_2);
}
.categories_accueil.type-vins + a {
background-color: var(--sp_color_2);
}
.categories_accueil.type-vins + a:active,
.categories_accueil.type-vins + a:focus,
.categories_accueil.type-vins + a:hover {
background-color: var(--sp_color_5);
}
/* Site map
* ================================================== */
.module-sitemap .module-inner .module-content ul {
padding-left: 25px;
}
.module-sitemap .module-inner .module-content ul a {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
color: var(--sp_color_4);
text-decoration: none;
}
.module-sitemap .module-inner .module-content ul a:active,
.module-sitemap .module-inner .module-content ul a:focus,
.module-sitemap .module-inner .module-content ul a:hover {
color: var(--sp_color_2);
text-decoration: underline;
}
/* Site map
* ================================================== */
.wpcf7 {
/* Planifier une visite */
/* Contact */
}
.wpcf7 form {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
display: grid;
gap: 10px;
grid-template-columns: 1fr;
margin-bottom: 40px;
}
@media (min-width: 630px) {
.wpcf7 form {
grid-template-columns: 1fr 1fr;
}
}
.wpcf7 form label {
font-family: "DM Serif Display";
font-size: 16px;
}
.wpcf7 form .wpcf7-response-output {
font-family: "DM Serif Display";
padding: 15px 20px;
font-weight: bold;
border-color: var(--sp_color_3);
margin: 0;
text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output {
color: var(--sp_color_1);
border: 4px solid var(--sp_color_5);
background-color: var(--sp_color_2);
}
.wpcf7 form .js-float-label-wrapper {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
height: auto;
overflow: hidden;
}
.wpcf7 form.sent {
gap: 0;
}
.wpcf7 form.sent .js-float-label-wrapper {
height: 0;
}
.wpcf7 form.sent .wpcf7-response-output {
color: var(--sp_color_1);
background-color: var(--sp_color_2);
}
.wpcf7 .wpcf7-response-output {
grid-area: resp;
}
.wpcf7 input,
.wpcf7 textarea {
width: 100%;
padding: 5px 15px;
border-radius: 0;
border: 1px solid var(--sp_color_2);
}
.wpcf7 input:active,
.wpcf7 textarea:active,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
outline: none;
border-color: var(--sp_color_5);
}
.wpcf7 textarea {
resize: vertical;
min-height: 135px;
}
.wpcf7 .wpcf7-not-valid-tip {
font-family: "DM Serif Display";
color: var(--sp_color_2);
font-size: 14px;
line-height: 30px;
margin: 0 0 10px;
}
@media (min-width: 630px) {
.wpcf7 .wpcf7-submit {
font-family: "DM Serif Display";
color: var(--sp_color_1);
background-color: var(--sp_color_2);
font-size: 25px;
white-space: nowrap;
padding: 10px 25px;
text-decoration: none;
width: calc(50% - 15px);
border: none;
}
.wpcf7 .wpcf7-submit:active,
.wpcf7 .wpcf7-submit:focus,
.wpcf7 .wpcf7-submit:hover {
color: var(--sp_color_1);
background-color: var(--sp_color_4);
}
}
.wpcf7[id^="wpcf7-f98"] form,
.wpcf7[id^="wpcf7-f102"] form {
grid-template-areas: "nom" "courriel" "tel" "date" "heure" "nb" "msg" "btn" "resp";
}
@media (min-width: 630px) {
.wpcf7[id^="wpcf7-f98"] form,
.wpcf7[id^="wpcf7-f102"] form {
grid-template-areas: "nom nom" "courriel tel" "date heure" "nb nb" "msg msg" "btn btn" "resp resp";
}
}
.wpcf7[id^="wpcf7-f98"] .field-nom,
.wpcf7[id^="wpcf7-f102"] .field-nom {
grid-area: nom;
}
.wpcf7[id^="wpcf7-f98"] .field-courriel,
.wpcf7[id^="wpcf7-f102"] .field-courriel {
grid-area: courriel;
}
.wpcf7[id^="wpcf7-f98"] .field-tel,
.wpcf7[id^="wpcf7-f102"] .field-tel {
grid-area: tel;
}
.wpcf7[id^="wpcf7-f98"] .field-date,
.wpcf7[id^="wpcf7-f102"] .field-date {
grid-area: date;
}
.wpcf7[id^="wpcf7-f98"] .field-heure,
.wpcf7[id^="wpcf7-f102"] .field-heure {
grid-area: heure;
}
.wpcf7[id^="wpcf7-f98"] .field-nb,
.wpcf7[id^="wpcf7-f102"] .field-nb {
grid-area: nb;
}
.wpcf7[id^="wpcf7-f98"] .field-msg,
.wpcf7[id^="wpcf7-f102"] .field-msg {
grid-area: msg;
}
.wpcf7[id^="wpcf7-f98"] .field-btn,
.wpcf7[id^="wpcf7-f102"] .field-btn {
grid-area: btn;
}
.wpcf7[id^="wpcf7-f101"] form,
.wpcf7[id^="wpcf7-f103"] form {
grid-template-areas: "nom" "courriel" "tel" "msg" "btn" "resp";
}
@media (min-width: 630px) {
.wpcf7[id^="wpcf7-f101"] form,
.wpcf7[id^="wpcf7-f103"] form {
grid-template-areas: "nom nom" "courriel tel" "msg msg" "btn btn" "resp resp";
}
}
.wpcf7[id^="wpcf7-f101"] .field-nom,
.wpcf7[id^="wpcf7-f103"] .field-nom {
grid-area: nom;
}
.wpcf7[id^="wpcf7-f101"] .field-courriel,
.wpcf7[id^="wpcf7-f103"] .field-courriel {
grid-area: courriel;
}
.wpcf7[id^="wpcf7-f101"] .field-tel,
.wpcf7[id^="wpcf7-f103"] .field-tel {
grid-area: tel;
}
.wpcf7[id^="wpcf7-f101"] .field-msg,
.wpcf7[id^="wpcf7-f103"] .field-msg {
grid-area: msg;
}
.wpcf7[id^="wpcf7-f101"] .field-btn,
.wpcf7[id^="wpcf7-f103"] .field-btn {
grid-area: btn;
}
/* WooCommerce
* ================================================== */
.post-type-archive-product main,
.single-product main {
padding-top: 200px;
}
.woocommerce div.product form.cart table.variations {
border: none;
}
.woocommerce div.product form.cart table.variations tr,
.woocommerce div.product form.cart table.variations td,
.woocommerce div.product form.cart table.variations th,
.woocommerce div.product form.cart table.variations .label {
display: block;
border: none;
}
.woocommerce div.product form.cart table.variations th,
.woocommerce div.product form.cart table.variations .label {
letter-spacing: 0;
padding: 0;
}
.woocommerce div.product form.cart table.variations tr + tr {
margin-top: 20px;
}
.woocommerce div.product form.cart table.variations select {
text-align: center;
border-radius: 0;
font-style: normal;
padding: 5px 10px;
outline: none;
}
.woocommerce div.product form.cart select {
appearance: none;
}
.woocommerce div.product form.cart td.value:has(select) {
position: relative;
padding-right: 36px;
}
.woocommerce div.product form.cart td.value:has(select) select {
margin: 0;
width: 100%;
}
.woocommerce div.product form.cart td.value:has(select):before {
font-family: 'Font Awesome 5 Pro';
font-weight: 400;
font-weight: 900;
content: "\f0d7";
color: var(--sp_color_1);
position: absolute;
top: 0;
right: 0;
width: 36px;
height: 36px;
aspect-ratio: 1 / 1;
background-color: var(--sp_color_5);
display: flex;
justify-content: center;
align-items: center;
font-style: normal;
}
.single-product h1 {
text-align: left;
}
.single-product h2 {
font-size: 30px;
}
.single-product div.product form.cart .variations td,
.single-product div.product form.cart .variations th {
font-size: initial;
}
.single-product .product_meta > span {
display: block;
font-weight: bold;
}
.single-product .product_meta > span > a,
.single-product .product_meta > span > span {
font-weight: normal;
}
.single-product .product_meta > span > a:before,
.single-product .product_meta > span > span:before {
content: "";
display: table;
}
.single-product .product_meta > span + span {
margin-top: 10px;
}
.woocommerce-variation-add-to-cart {
display: inline-flex;
align-items: center;
}
.post-type-archive-product ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.post-type-archive-product ul.products > li.product,
.woocommerce ul.products > li.product,
.woocommerce-page ul.products > li.product {
margin: 0;
display: flex;
flex-direction: column;
width: auto !important;
float: none;
flex: 1 0 100%;
}
.post-type-archive-product ul.products > li.product h2,
.woocommerce ul.products > li.product h2,
.woocommerce-page ul.products > li.product h2 {
line-height: 1.4;
margin: 0 0 20px;
}
.post-type-archive-product ul.products > li.product .button,
.woocommerce ul.products > li.product .button,
.woocommerce-page ul.products > li.product .button,
.post-type-archive-product ul.products > li.product .add_to_cart_button,
.woocommerce ul.products > li.product .add_to_cart_button,
.woocommerce-page ul.products > li.product .add_to_cart_button {
justify-self: flex-end;
margin-top: auto;
margin-bottom: 0;
}
@media (min-width: 630px) {
.post-type-archive-product ul.products > li.product,
.woocommerce ul.products > li.product,
.woocommerce-page ul.products > li.product {
flex: 0 0 45%;
}
}
@media (min-width: 768px) {
.post-type-archive-product ul.products > li.product,
.woocommerce ul.products > li.product,
.woocommerce-page ul.products > li.product {
flex: 0 0 30%;
}
}
@media (min-width: 992px) {
.post-type-archive-product ul.products > li.product,
.woocommerce ul.products > li.product,
.woocommerce-page ul.products > li.product {
flex: 0 0 22%;
}
}
.post-type-archive-product ul.products .sp_btn,
.woocommerce ul.products .sp_btn,
.woocommerce-page ul.products .sp_btn,
.post-type-archive-product ul.products .add_to_cart_button,
.woocommerce ul.products .add_to_cart_button,
.woocommerce-page ul.products .add_to_cart_button,
.post-type-archive-product ul.products .product_type_simple,
.woocommerce ul.products .product_type_simple,
.woocommerce-page ul.products .product_type_simple,
.post-type-archive-product ul.products .product_type_variable,
.woocommerce ul.products .product_type_variable,
.woocommerce-page ul.products .product_type_variable,
.post-type-archive-product ul.products .single_add_to_cart_button,
.woocommerce ul.products .single_add_to_cart_button,
.woocommerce-page ul.products .single_add_to_cart_button,
.post-type-archive-product ul.products .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce ul.products .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page ul.products .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.post-type-archive-product ul.products .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce ul.products .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page ul.products .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.post-type-archive-product ul.products #add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce ul.products #add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page ul.products #add_payment_method .wc-proceed-to-checkout a.checkout-button,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled],
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled],
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled],
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled],
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled],
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled],
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled],
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled],
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled],
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled],
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled],
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled],
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled],
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled],
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled],
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled],
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled],
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled],
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled],
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled],
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled],
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled],
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled],
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled],
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
.post-type-archive-product ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
.woocommerce ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
.woocommerce-page ul.products .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled],
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled],
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled],
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled],
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover,
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled],
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled],
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled],
.post-type-archive-product ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce-page ul.products :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
font-size: inherit;
}
.site-header .row {
grid-template-areas: ". logo mobile" ". logo cart";
}
@media (min-width: 992px) {
.site-header .row {
grid-template-areas: "utility utility" "primary cart";
grid-template-columns: 1fr auto;
}
}
.site-header .sp-mini-cart-wrapper {
grid-area: cart;
text-align: right;
padding: 0;
margin-right: 15px;
}
.site-header .sp-mini-cart-wrapper .sp-cart-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.site-header .sp-mini-cart-wrapper .sp-mini-cart {
display: inline-block;
border-radius: 0;
border: none;
padding: 0;
}
.site-header .sp-mini-cart-wrapper .sp-mini-cart > a {
padding: 12px 20px;
display: block;
}
.site-header .sp-mini-cart-wrapper .sp-mini-cart > a i {
margin: 0;
color: var(--sp_color_1);
}
.page-template-front-page .section-1 .sp_btn,
.page-template-front-page .section-2 .sp_btn {
text-decoration: none;
color: var(--sp_color_1);
}
.page-template-front-page.scrolled-down .site-header .sp-mini-cart-wrapper .sp-mini-cart a {
background-color: var(--sp_color_5);
border-radius: 20px 0 0 20px;
}
.page-template-front-page.scrolled-down .site-header .nav-primary:before {
width: 100%;
}
@media (min-width: 992px) {
.page-template-front-page.scrolled-down .site-header .nav-primary:before {
width: 970px;
}
}
@media (min-width: 1200px) {
.page-template-front-page.scrolled-down .site-header .nav-primary:before {
width: 1170px;
}
}
@media (min-width: 1500px) {
.page-template-front-page.scrolled-down .site-header .nav-primary:before {
width: 1470px;
}
}
.site-header .sp-mini-cart-wrapper .sp-mini-cart > a {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.site-header .sp-mini-cart-wrapper .sp-mini-cart > a .basket-item-count {
display: flex !important;
flex-wrap: nowrap;
color: var(--sp_color_1);
margin-left: 10px;
}
.site-header .sp-mini-cart-wrapper .sp-mini-cart .dropdown-menu-mini-cart {
font-size: initial;
top: 50px;
margin-top: 0;
right: 25px;
}
.site-header .sp-mini-cart-wrapper .sp-mini-cart .dropdown-menu p.woocommerce-mini-cart__buttons .button {
font-size: initial;
}
body:not(.page-template-front-page) .site-header .nav-primary:before {
width: 110vw;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
gap: 5px;
padding: 10px;
}
.woocommerce ul.cart_list li dl,
.woocommerce ul.product_list_widget li dl {
border-left: 1px solid var(--sp_color_3);
font-size: 14px;
padding-left: 15px;
line-height: 1;
font-weight: normal;
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dt {
font-weight: normal;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dd,
.woocommerce ul.cart_list li dl p,
.woocommerce ul.product_list_widget li dl p {
margin: 0;
}
.woocommerce ul.cart_list li .mini-name,
.woocommerce ul.product_list_widget li .mini-name,
.woocommerce ul.cart_list li .mini-data,
.woocommerce ul.product_list_widget li .mini-data,
.woocommerce ul.cart_list li .mini-qty,
.woocommerce ul.product_list_widget li .mini-qty,
.woocommerce ul.cart_list li .mini-remove,
.woocommerce ul.product_list_widget li .mini-remove {
padding-right: 15px;
}
.woocommerce ul.cart_list li .mini-remove,
.woocommerce ul.product_list_widget li .mini-remove {
grid-area: rm;
}
.woocommerce ul.cart_list li .mini-remove a,
.woocommerce ul.product_list_widget li .mini-remove a {
float: right;
width: 30px;
height: 30px;
line-height: 25px;
border-radius: 20px;
display: flex;
justify-content: center;
align-content: center;
margin-top: 0;
padding: 0;
}
.woocommerce ul.cart_list li .mini-name,
.woocommerce ul.product_list_widget li .mini-name {
grid-area: name;
}
.woocommerce ul.cart_list li .mini-thumbnail,
.woocommerce ul.product_list_widget li .mini-thumbnail {
grid-area: img;
}
.woocommerce ul.cart_list li .mini-thumbnail img,
.woocommerce ul.product_list_widget li .mini-thumbnail img {
width: 100%;
height: auto;
float: none;
margin: 0;
}
.woocommerce ul.cart_list li .mini-data,
.woocommerce ul.product_list_widget li .mini-data {
grid-area: prix;
}
.woocommerce ul.cart_list li .mini-qty,
.woocommerce ul.product_list_widget li .mini-qty {
grid-area: qty;
padding-left: 15px;
}
.woocommerce ul.cart_list li .mini-qty .quantity,
.woocommerce ul.product_list_widget li .mini-qty .quantity {
margin-left: 0;
}
.woocommerce ul.cart_list li:nth-of-type(even),
.woocommerce ul.product_list_widget li:nth-of-type(even) {
background-color: rgba(0, 0, 0, 0.05);
}