/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


body {
    background: url(https://tonnellerie-champenoise.com/wp-content/uploads/2026/05/background-papier-1.jpg) no-repeat center center fixed;
    background-size: cover;
}

.elementor-element.elementor-element-5304bd5.e-con-full.menu-flou.e-flex.e-con.e-child {
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: solid 1px #00000026;
}

/* BOUTON */
.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: none;
    cursor: pointer;
    position: relative;
    padding: 8px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    transition: all .2s ease;
    color: #000;
}

/* Bordures haut/bas */
.button::before,
.button::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    height: calc(50% - 5px);
    border: 1px solid #000000D6;
    transition: all .2s ease;
}

.button::before {
    top: 0;
    border-bottom-width: 0;
}

.button::after {
    bottom: 0;
    border-top-width: 0;
}

/* Effet clic */
.button:active::before {
    top: 3px;
}

.button:active::after {
    bottom: 3px;
}

.button:active::before,
.button:active::after {
    right: 3px;
    left: 3px;
}

/* Conteneur interne */
.button_lg {
    position: relative;
    display: block;
    padding: 12px 28px;
    background: transparent;
    overflow: hidden;
}

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #cc336600;
}

/* Texte */
.button_text {
    position: relative;
    z-index: 2;
    color: #000000D6;
    transition: color .25s ease;
}

/* Overlay animé */
.button_sl {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10%;
    width: 0;
    background-color: #000000D6;
    transform: skew(-15deg);
    transition: all .3s ease;
    z-index: 1;
}

/* Hover animation */
.button:hover .button_sl {
    width: 120%;
}

.button:hover .button_text {
    color: #fff;
}

/* bouton white */
/* BOUTON */
.button-white {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: none;
    cursor: pointer;
    position: relative;
    padding: 8px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    transition: all .2s ease;
    color: #fff;
}

/* Bordures haut/bas */
.button-white::before,
.button-white::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    height: calc(50% - 5px);
    border: 1px solid #ffffffd6;
    transition: all .2s ease;
}

.button-white::before {
    top: 0;
    border-bottom-width: 0;
}

.button-white::after {
    bottom: 0;
    border-top-width: 0;
}

/* Effet clic */
.button-white:active::before {
    top: 3px;
}

.button-white:active::after {
    bottom: 3px;
}

.button-white:active::before,
.button-white:active::after {
    right: 3px;
    left: 3px;
}

/* Conteneur interne */
.button_lg-white {
    position: relative;
    display: block;
    padding: 12px 28px;
    background: transparent;
    overflow: hidden;
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button-white:focus,
button-white:hover {
    background-color: transparent;
}

/* Texte */
.button_text-white {
    position: relative;
    z-index: 2;
    color: #fff;
    transition: color .25s ease;
}

/* Overlay animé */
.button_sl-white {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10%;
    width: 0;
    background-color: #fff;
    transform: skew(-15deg);
    transition: all .3s ease;
    z-index: 1;
}

/* Hover animation */
.button-white:hover .button_sl-white {
    width: 120%;
}

.button-white:hover .button_text-white {
    color: #000;
}