@font-face {
font-family: 'Sporting Grotesque';
src: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/Sporting_Grotesque-Regular.eot) format('eot'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/Sporting_Grotesque-Regular.ttf) format('ttf'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/Sporting_Grotesque-Regular.woff) format('woff'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/Sporting_Grotesque-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Sporting Grotesque Bold';
src: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/Sporting_Grotesque-Bold.eot) format('eot'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/Sporting_Grotesque-Bold.ttf) format('ttf'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/Sporting_Grotesque-Bold.woff) format('woff'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/Sporting_Grotesque-Bold.woff2) format('woff2');
font-weight: 800;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Sauvage Moderne';
src: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/sauvage_moderne.otf) format('otf'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/sauvage_moderne-webfont.woff) format('woff'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/sauvage_moderne-webfont.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Arges';
src: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/ArgesNormal-Black.otf) format('otf'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/ArgesNormal-Black.woff) format('woff'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/ArgesNormal-Black.woff2) format('woff2');
font-weight: 900;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Arges Condensed';
src: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/ArgesCondensed-CondensedBlack.otf) format('otf'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/ArgesCondensed-CondensedBlack.woff) format('woff'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/ArgesCondensed-CondensedBlack.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Arges Oblique';
src: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/ArgesNormal-BlackOblique.otf) format('otf'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/ArgesNormal-BlackOblique.woff) format('woff'),
url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/fonts/ArgesNormal-BlackOblique.woff2) format('woff2');
font-weight: 900;
font-style: normal;
font-display: block;
}
:root{
--anis:#E0E20C;
--txtfooter: #081485;
--bg:#02051B;
--gridgap: 0 3.75rem;
}
::selection {
color: var(--txtfooter);
background-color: var(--anis);
}
::-moz-selection {
color: var(--txtfooter);
background-color: var(--anis);
}
body{
box-sizing: border-box;
margin: 0;
padding: 0;
} html.has-scroll-smooth{
margin-top: 0px!important;
}
html.has-scroll-smooth {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
} #masthead{
position: fixed;
z-index: 999;
top: inherit;
width: 100%;
}
.inside-header{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 1rem 0;
}
.img-logo{
width: 100%;
height: auto;
min-width: 200px;
max-width: 300px;
display: inline-block;
}
.site-header-logo{
padding-left: 1rem;
} .nav-menu{
display: flex;
list-style: none;
align-items: center;
}
.nav-menu li{
margin: 0 1.3rem;
}
.nav-menu li a, .second-navigation a{
color: var(--anis);
text-transform: uppercase;
font: normal 2rem/2.125rem 'Arges', sans-serif;
}
.header-danaide{
background: linear-gradient(180deg, var(--bg), rgba(2, 5, 27,.2));
}
a{
text-decoration: none;
}
a:hover{
text-decoration: underline wavy 2px;
-webkit-text-decoration: underline wavy 2px;
}
.sub-header{
display: none;
position: fixed;
z-index: 999;
top: 185px;
} .menu-item-has-children .sub-menu{
display: block;
padding-left: 0;
}
.menu-item-has-children .sub-menu li{
list-style: none;
margin: 0;
}
.menu-permanente::before, .menu-ephemere::before, .menu-foudre::before,.menu-futs::before {
display: inline-block;
width: 28px;
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/icon/permanente.svg);
} 
.menu-ephemere::before {
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/icon/ephemere.svg);
} 
.menu-foudre::before {
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/icon/foudre.svg);
} 
.menu-futs::before {
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/icon/fut_de_chene.svg);
} 
.nav-menu li > ul li a{
font-size: 1.8rem;
} .burger, .cross{
width: 16px;
display: block;
cursor: pointer;
}
.cross{
display: none;
}
.nav-menu-burger{
list-style: none;
padding-left: 25px;
}
.second-navigation .second-menu .second-nav ul li a{
line-height: 60px;
}
.submenu.nos-gammes{
width: 1.7rem;
height: 1.7rem;
}
.submenu.gammebtn.nos-gammes {
padding: 0.2rem 1.5rem;
} footer{
background-color: var(--anis);
}
footer, footer p a{
color: var(--txtfooter);
}
.picto-danaide a img{
width: 32px;
height: 32px;
}
.site-footer{
padding: 25px;
}
.grid-footer{
max-width: 1200px;
}
.footer-presentation p{
font-size: 1.375rem;
line-height: 1.625rem;
max-width: 250px;
margin: 1rem auto 3rem;
}
.footer-presentation a img{
width: auto;
height: auto;
}
.allGamme{
display: flex;
}
.f-titre-deux{
font: 1.125rem/1.125rem;
text-transform: inherit!important;
margin-top: 0.7rem;
}
.f-titre{
font:normal 2.125rem/2.125rem 'Arges', sans-serif;
text-transform: uppercase;
margin: 0 0 1rem;
}
.picto-danaide{
width: 32px;
margin-top: 0.3rem;
}
footer .searchform .input-search{
color: var(--txtfooter);
border-bottom: 1px solid var(--txtfooter);
}
footer .searchform .input-search::placeholder{
color: var(--txtfooter);
background-color: initial;
}
.contact-picto{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.footer-hr{
border: 0px solid var(--txtfooter);
border-bottom-width: 1px;
margin: 3rem 0;
}
.footer-mentions{
padding-bottom: 5vh;
}
.nom-biere{
font: normal 400 3.125rem/3.125rem 'Arges Condensed', sans-serif;
color: var(--txtfooter);
text-transform: uppercase; 
margin: 0;
}
footer p, address{
font: normal 400 0.875rem/0.875rem 'Sauvage Moderne', sans-serif;
color: var(--txtfooter);
} button,.wp-block-button .wp-block-button__link, .gammebtn, li.btn-nav a, .form-submit input.submit{
background-color: transparent;
width: fit-content;
margin: 2rem 0;
padding: 15px 35px 13px;
text-align: center;
border-radius: 50%;
font-family: 'Sporting Grotesque'!important;
line-height: 20px;
border: 1px solid var(--anis);
color: var(--anis);
cursor: pointer;
text-decoration: none;
transition: .5s;
}
button:hover,.wp-block-button .wp-block-button__link:hover, .gammebtn:hover, li.btn-nav a:hover, .form-submit input.submit:hover{
background-color: var(--anis);
color: var(--txtfooter);
}
li.btn-nav a{
font-size: 1.3rem;
padding: 10px 35px 5px;
}
.contact-danaide:focus, .wp-block-button .wp-block-button__link:focus, .gammebtn:focus, .form-submit input.submit:focus {
box-shadow: 0 0 8px 3px var(--txtfooter);
}
.contact-danaide:active, .wp-block-button .wp-block-button__link:active, .gammebtn:active, .form-submit input.submit:active {
box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.nos-gammes{ width: 4rem;
height:4rem;
}
.gammebtn.nos-gammes{
padding: 5px 50px;
margin: auto;
}
.contact-danaide, button.iconSearch {
color: var(--txtfooter);
border: 1px solid var(--txtfooter);
}
.contact-danaide:hover, button.iconSearch:hover{
border: 1px solid var(--anis);
background-color: var(--txtfooter);
text-decoration: none;
color: var(--anis)!important;
}
.permanente{
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/icon/permanente.svg);
}
.permanente:hover{
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/hover/permanente_hover.svg);
}
.ephemere{
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/icon/ephemere.svg);
}
.ephemere:hover{
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/hover/ephemere_hover.svg);
}
.foudre{
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/icon/foudre.svg);
}
.foudre:hover{
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/hover/foudre_hover.svg);
}
.fut_de_chene{
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/icon/fut_de_chene.svg);
}
.fut_de_chene:hover{
content: url(https://brasserie-lesdanaides.fr/wp-content/themes/themedanaide/assets/img/svg/hover/fut_de_chene_hover.svg);
} .form-search{
display: flex;
align-items: center;
}
input, textarea, select{
width: 100%;
font-family: 'Sauvage Moderne', sans-serif;
border: 0 solid var(--anis);
border-radius: 0px;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 10px;
background-color: transparent;
border-bottom-width: 1px;
color: var(--anis);
}
select option{
padding: 0;
}
.input-search::placeholder{
color: var(--anis);
}
.input-search{
border-bottom: 1px solid var(--anis);
}
.iconSearch{
border: none;
background-color: var(--anis);
padding: 8px 35px 5px;
}
.iconSearch .icon{
width: 1.5rem;
height: 1.5rem;
} body{
background-color: var(--bg);
}
.container{
margin: 0 1rem 4rem;
padding-top: 50px;
}
h1{
font: normal 900 3.625rem/3.625rem 'Arges', sans-serif;
margin-bottom: 2rem;
}
h2{
font: normal 400 1.875rem/2.125rem 'Sauvage Moderne', sans-serif;
}
h3{
font: normal 5.125rem/5.125rem 'Arges Condensed', sans-serif;
margin: 1rem 0;
}
h4{
font: normal 400 1.5rem/1.625rem 'Sauvage Moderne', sans-serif;
}
h5{
font: normal 400 1.25rem/1.375rem 'Sauvage Moderne', sans-serif;
}
h1, h2, h3, h4, h5, h6{
color: #FFF;
text-transform: uppercase;  
}
.homepage-banner-bottle, .homepage-banner-bottle img, .homepage-foudre-tonneau .homepage-foudre figure img, .homepage-img-philosophy figure img{
width: 100vw;
}
.homepage-title-img{
position: relative;
z-index: 1;
}
.homepage-logo-danaide img{
position: absolute;
width: 90%;
top: 125px;
left: 90px;
}
.homepage-banniere-danaide{
position: absolute;
top: 40px;
z-index: -1;
}
.homepage-banniere-danaide img{
width: 100%;
}
.homepage-title-img .homepage-title, .bandeau.brasserie{
margin-top: 2rem;
}
.homepage-title-img{
margin-bottom: 8rem;
} .bandeau{
display: block;
position: relative;
width: 100%;
height: 130px;
transform: translateX(-50%);
}
.bandeau div {
position: absolute;
min-width: 100%;
}
.bandeau div span, 
.bandeau div:after {
position: relative;
display: inline-block;
white-space: nowrap;
top:0;
}
.bandeau div span {
color: var(--anis);
animation: defilement 30s infinite linear;
font: normal 10rem/10rem 'Arges Condensed', sans-serif;
text-transform: uppercase;
}
.bandeau div:after {
position: absolute;
color: var(--anis);
top:0; 
left:0;
content:attr(data-text);
animation: defilement2 30s infinite linear;
font: normal 10rem/10rem 'Arges Condensed', sans-serif;
text-transform: uppercase;
}
@keyframes defilement {
0% { margin-left: 0; }
100% { margin-left: -100%; }
}
@keyframes defilement2 {
0% { margin-left: 100%; }
100% { margin-left: 0%; }
} .group-defilement-bottle .wp-block-group__inner-container, .group-brett .wp-block-group__inner-container{
display: flex;
align-items: center;
justify-content: center;
}
.group-defilement-bottle .wp-block-group__inner-container figure.homepage-banner-bottle{
position: absolute;
z-index: -1;
left:-1rem;
}
.group-brett{
justify-self: center;
}
.homepage-animation-bottles{
flex-wrap: nowrap!important;
}
.homepage-animation-bottles .wp-block-column{
width: 110px;
}
.homepage-animation-bottles .wp-block-column figure img{
width: 100%;
height: auto; 
}
.homepage-philosophy{
overflow: hidden;
}
.homepage-philosophy .wp-block-column .btn-circle{
margin: 2rem auto;
}
.homepage-img-philosophy, .homepage-content-philosophy{
position: relative;
z-index: 2;
}
.homepage-content-philosophy{
z-index:1;
} p, ul, li, ol{
color: white;
font: normal 400 1rem/1.5rem 'Sporting Grotesque', sans-serif;
}
p.lead{
color: white;
font: 800 1.25rem/1.75rem 'Sporting Grotesque Bold', sans-serif;
}
.center{
text-align: center;
}
.homepage-animation-brett{
position: relative;
height: 200px;
top: 0;
object-fit: cover;
}
.homepage-text-brett{
font-family: 'Sauvage Moderne', sans-serif;
position: absolute;
left: 52%;
text-transform: uppercase;
transform: translate3d(calc(-50% - 12px),calc(-50% + 12px),0);
font-size: 100px;
mix-blend-mode: screen;
letter-spacing: 5px;
text-shadow: 0px 0px var(--anis), 0px 0px var(--anis), 0px 0px var(--anis), 0px 0px var(--anis), 0px 0px var(--anis), 0px 0px var(--anis), 0px 0px var(--anis), 0px 0px var(--anis), 0px 0px var(--anis), 0px 0px var(--anis), 0px 0px var(--anis);
}
.reveal{
opacity: 0;
}
.reveal-visible{
opacity: 1;
animation: revolve 2s, appear 2s;
animation-fill-mode: forwards;
}
@keyframes appear {
0% {
opacity: 0;
}
25% {
opacity: 0;
}
50% {
opacity: 0.8;
}
75% {
opacity: 0.9;
}
100% {
opacity: 1;
}
}
@keyframes defilement-bandeau {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-100%, 0);
}
}
@keyframes revolve {
to{
opacity:1;
transform: translate3d(-50%, -50%,0);
text-shadow: -2px 1px var(--anis), 
-3px 2px var(--anis), 
-4px 3px var(--anis),            
-5px 4px var(--anis), 
-6px 5px var(--anis),
-7px 6px var(--anis),
-8px 7px var(--anis),
-9px 8px var(--anis),
-10px 9px var(--anis),
-11px 10px var(--anis),
-12px 11px var(--anis);
}
}
.fermentation-group .wp-block-group__inner-container .btn-circle{
margin: 2rem auto;   
}
.homepage-section-gammes a{
color: white;
text-decoration: none;
}
.homepage-picto-gammes{
border: 1px solid yellow;
border-radius: 50%!important;
padding: 0 40px;
width: fit-content;
margin: 0 auto;
}
.homepage-foudre{
position: relative;
}
.homepage-foudre-text{
position: absolute;
top: 100px;
right: 0;
width: 40%;
} .brasserie-section-recipes{
position: relative;
}
.brasserie-brett2, .brasserie-brett4, .brasserie-brett3, .brasserie-brett1{
position: absolute;
z-index: -1;
}
.brasserie-brett2{
top: -185px;
left: -135px;
}
.brasserie-brett4{
top: 50px;
right: 0;
}
.brasserie-brett3{
bottom: 40px;
left: -170px;
}
.brasserie-brett1{
right: -100px;
bottom: -85px;
}
.brasserie-danaide-mythe .btn-circle{
margin: 2rem auto;
}
.leitmotiv{
font: bold 3.675rem/3.675rem 'Arges', sans-serif;
color: white;
margin: 0;
}
.leitmotivital{
font: normal bold 3.675rem/3.675rem 'Arges Oblique', sans-serif;
color: var(--anis);
margin: 0;
margin-top: -1.3rem;
}
.brasserie-effect-leitmo{
margin: 2rem 0;
}
.brasserie-effect-leitmo .wp-block-group__inner-container{
text-align: center;
}
.brasserie-page{
color: white;
}
.brasserie-gose{
position: relative;
z-index: -1;
transform: translateY(-40px);
}
.brasserie-gallery{
margin: 1rem 0;
}
.brasserie-gallery figure{
width: 60%!important;
height: 350px;
margin: 0 auto!important;
flex-grow: inherit!important;
}
.anim-text-picto-brasserie{
position: fixed;
width: 25%;
z-index: 999;
top: 10%;
right: 60px;
}
.position-anim-picto{
right: -50px;
z-index: 2;
}
.position-anim-text, .position-anim-picto, .anim-text-picto-brasserie{
display: none;
} .houblon-movement {
position: absolute;
display: none;
top: 50%;
z-index: 999;
left: 25%;
}
.croix{
display: none;
color: white;
cursor: pointer;
position: absolute;
z-index: 2;
}
.houblon-movement-img{
width: 150px;
height: auto;
cursor: move;
}
.cuve-inox img, .beer-img img, .foudre-img img, .assemblage-perpetuel img{
width: 100%;
}
.leitmotiv.fabrication{
margin: 0;
} .all-gammes-flex .wp-block-group__inner-container{
display: flex;
flex-wrap: wrap;
}
.all-gammes-flex .wp-block-group__inner-container figure{
width: 10%;
margin: 0 1.5rem;
}
.all-gammes-flex .wp-block-group__inner-container figure img{
padding: 0 20px;
}
.gamme-margin{
margin: 1rem 0;
}
.gamme-flex, .group-ingredients .wp-block-group__inner-container{
display: flex;
align-items: center;
}
.page-gamme-picto{
margin-bottom: 0;
width: 5rem;
}
.ingredients p{
color: var(--anis);
font: 1.125rem/1.238rem 'Sauvage Moderne';
}
p.chapo{
color:white;
margin-bottom: 3rem;
}
.ingredients-title{
text-align: center;
text-transform: uppercase;
}
.group-ingredients .wp-block-group__inner-container figure{
min-width: 50px;
min-height: 50px;
margin-bottom: 0;
padding-right: 1em;
}
.delay{
font-size: 1rem;
line-height: 1.5rem;
}
.quantity .wp-block-group__inner-container{
display: flex;
}
.quantity .wp-block-group__inner-container figure{
margin-right: 1rem;
}
.bottle-banner{
position: relative;
margin-bottom: 4rem;
}
.bottle-banner .banner img{
width: 100%;
}
.bottle-banner .bottle{
position: absolute;
top: -15px;
left: 15%;
}
.sub-header .sub-menu{
display: flex;
}
.sub-menu a{
text-align: center;
margin: 0 0.5rem;
}
.sub-header .homepage-picto-gammes{
padding: 0 20px;
width: 45%;
} .contact-img figure img, .section-rdv figure img{
width: 100%;
}
iframe.map-danaides{
height: 300px;
width: 100%;
}
.contact-content a{
color: white;
} .inputs-contact{
color: var(--anis);
font-family: 'Sauvage Moderne';
}
input::placeholder, .inputs-contact option, select.inputs-contact, textarea::placeholder{
color: var(--anis);
background-color: var(--bg);
}
input.gammebtn{
background-color: var(--bg);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7-response-output{
color: white;
} :target::before {
content: "";
display: block;
height: 120px;
margin: -100px 0 0;
} .wp-block-ultimate-post-post-slider-1 .ultp-block-slider-wrap {
height:auto;
}
.wp-block-ultimate-post-post-slider-1 .ultp-block-slider-wrap .ultp-block-content{
position: relative;
}
.slick-arrow{
background-color: transparent!important;
}
.slick-arrow svg {
fill: var(--anis)!important;
}
.ultp-block-excerpt{
color:var(--anis)!important;
font-family: 'Sauvage Moderne'
} .search-news{
margin: 4rem 0;
}
.search .iconSearch, .archive .iconSearch{
margin: 2rem auto!important;
}
.articles-title a, .categories-tag{
color: #FFF;
}
.categories-tag{
border: 1px dotted var(--anis);
padding: 0.5rem;
}
a.articles-action:hover{
text-decoration: none;
}
.articles-img {
width: 100%;
}
.articles-img img{
width: 100%;
height: auto;
max-width: none;
}
.articles-date{
font-size: .7rem;
font-style: initial;
} .entry-category .category-tag{
border: 1px dotted var(--anis);
padding: 0.5rem;
color: #FFF;
}
.container-similar-articles ul li a{
color: #FFF;
}
h2.similar-articles{
text-align: center;
}
.container-similar-articles{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.container-similar-articles ul{
padding: 0;
}
.container-similar-articles ul li{
list-style: none;
text-align: center;
}
.img-similar-articles{
width: 100%;
max-width: 100%;
height: auto;
} h3.comments_title{
margin-top: 4rem;
}
.comments a{
color: white;
}
.comments textarea.form-control{
padding: 15px 0;
}
.comments .form-submit{
text-align: center;
}
.comments .form-group{
display: flex;
flex-wrap: wrap;
color: white;
}
.comments .form-group .form-control{
order: 2;
}
.comments .form-group label{
width: 100%;
font-family: 'Sauvage Moderne';
margin: 1rem 0;
}
.comment-form-cookies-consent{
display: none;
} h2.age-gate-subheading{
color:black;
}
.age-gate-form-section label, .age-gate-additional-information p{
color: black;
}
.age-gate-form-section input{
max-width: 100%;
padding: 10px 15px;
}
.age-gate-form .age-gate-submit{
padding: 10px 15px;
color: white;
background-color: black;
border: 0;
cursor: pointer;
margin: 2rem 0;
}
.age-gate-additional-information p{
font-style: italic;
} #tarteaucitron #tarteaucitronInfo,#tarteaucitronRoot .tarteaucitronH1, #tarteaucitronRoot .tarteaucitronH2{
color: black!important;
}
.tarteaucitronCTAButton, #tarteaucitronCloseAlert{
margin:5px;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset, #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronInfo,#tarteaucitronRoot #tarteaucitronAlertBig{
background: rgb(250, 250, 250)!important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert{
background: rgb(200, 200, 200)!important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset, #tarteaucitron #tarteaucitronServices .tarteaucitronBorder, #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronInfo{
border-color: rgb(250, 250, 250)!important;
}
#tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronInfo{
padding: 20px 20px!important;
}
#tarteaucitronAllAllowed:hover, #gtagAllowed:hover{
background: #008300!important;
}
#tarteaucitronAllDenied:hover, #gtagDenied:hover{
background: #9c1a1a!important;
}
#tarteaucitronRoot button#tarteaucitronBack{
background: none!important;
}
.manageTarteaucitron{
cursor: pointer;
}
#tarteaucitronRoot #tarteaucitronAlertBig{
background-color: rgba(39, 46, 103)!important;
}
.tarteaucitronAlertBigBottom #tarteaucitronDisclaimerAlert{
color: white!important;
} .sbi .sbi_btn_text, .sbi .sbi_follow_btn a span{
font-family: 'Sauvage Moderne'!important;
} .plan li a{
color: #FFF;
}  .overflow-effect{
overflow: hidden;
} @media (min-width: 426px){
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: inherit!important;
}
.wp-block-columns.homepage-title-img > .wp-block-column, .wp-block-columns.seegamme > .wp-block-column, .wp-block-columns.homepage-philosophy > .wp-block-column, .wp-block-columns.section-contact > .wp-block-column{
flex-basis: 100%!important;
}
.homepage-logo-danaide img{
width: 70%;
top: 130px;
right: -50px;
left: inherit;
}
.homepage-banniere-danaide{
top: 45px;
}
.homepage-animation-bottles .wp-block-column{
width: 175px;
}
.homepage-img-philosophy figure, .homepage-img-philosophy figure img{
height: 100%;
}
.homepage-img-philosophy figure img{
width: 100%;
object-fit: cover;
}
.homepage-animation-brett{
height: 400px;
}
.btn-production{
margin: 2rem 0;
}
.homepage-section-gammes div.wp-block-column{
width: 45%;
}
.bandeau{
margin-top: 12rem;
}
.brasserie-gallery figure{
width: 45%!important;
}
.position-anim-text, .position-anim-picto{
display: block;
position: absolute;
}
.all-gammes-flex .wp-block-group__inner-container{
justify-content: space-evenly;
}
.bottle{
width: 450px;
}
.bottle img{
width: 100%;
}
.gamme-margin{
margin:1.5rem auto;
}
.group-presentation{
margin: 3rem auto;
}
.sub-header{
top: 170px;
}
.sub-header .homepage-picto-gammes{
width: 50%;
}
.comment-form textarea, .form-group{
width: 80%;
}
.container-similar-articles{
justify-content: space-between;
}
.container-similar-articles ul{
width: 45%;
}
.articles-img img{
width: 60%;
}
.homepage-title-img{
margin-bottom: 50%;
}
} @media (min-width:769px){
.submenu.nos-gammes{ width: 3rem;
height: 3rem;
}
.submenu.gammebtn.nos-gammes {
padding: 0.2rem 2rem;
}
.grid-footer{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 40px auto;
grid-gap: 10px;
margin: auto;
}
.footer-hr{
grid-row: 2;
grid-column: 1 / 5;
margin: 1rem 0 3rem;
}
.footer-mentions{
grid-row: 3;
grid-column: 1 / 5;
}
.footer-redirection-up, .footer-contact-visit{
margin: 0 0 1rem;
}
.homepage-banniere-danaide img{
width: 80%;
}
h1{
font: normal 900 8.125rem/8.125rem 'Arges';
}
h2{
font: normal 400 3.125rem/3.438rem 'Sauvage Moderne;
}
h3{
font: normal 6.875rem/6.875rem 'Arges Condensed;
}
h4{
font: 1.625rem/1.75rem;
}
h5{
font: 1.5rem/1.625rem;
}
.group-defilement-bottle .wp-block-group__inner-container, .group-brett .wp-block-group__inner-container{
transform: inherit;
}
.bandeau-p{
font: 17rem/17rem;
}
.leitmotiv, .leitmotivital{
font-size: 8.125rem!important;
line-height: 8.125rem!important;
}
.main-homepage{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin: 0 1rem 4rem;
grid-gap: var(--gridgap);
}
.bandeau{
margin-top: inherit!important;
}
.wp-block-columns.homepage-title-img > .header-homepage{
flex-basis: inherit!important;
}
.fullwidth-desk{
grid-column: 1 / 9;
}
.posunetotrois{
grid-column: 1 / 3;
}
.posunetoquatre{
grid-column: 1 / 4;
}
.posunetocinq{
grid-column: 1 / 5;
}
.posunetosix{
grid-column: 1 / 6;
}
.posdeuxtoquatre{
grid-column: 2 / 4;
}
.posdeuxtocinq{
grid-column: 2 / 5;
}
.posdeuxtosix{
grid-column: 2 / 6;
}
.posdeuxtosept{
grid-column: 2 / 7;
}
.posdeuxtohuit{
grid-column: 2 / 8;
}
.posdeuxtoneuf{
grid-column: 2 / 9;
}
.postroistosept{
grid-column: 3 / 7;
}
.postroistoneuf{
grid-column: 3 / 9;
}
.posquatretosept{
grid-column: 4 / 7;
}
.posquatretohuit{
grid-column: 4 / 8;
}
.posquatretoneuf{
grid-column: 4 / 9;
}
.poscinqtohuit{
grid-column: 5 / 8;
}
.poscinqtoneuf{
grid-column: 5 / 9;
}
.possepttoneuf{
grid-column: 7 / 9
}
.homepage-title-img{
margin-top: 5rem;
}
.homepage-logo-danaide img{
width: 55%;
top: 15px;
right: -190px;
}
.homepage-banniere-danaide{
top: -350px;
right: -250px;
width: 100%;
}
.bandeau{
display: flex;
} .fermentation-group, .season-yeast, .brasserie-section-rustic-beer{
grid-gap: inherit!important;
}
.fermentation-group .wp-block-group__inner-container .btn-circle{
margin: 2rem 0;   
}
.seegamme{        
align-items: center!important;
}
.group-defilement-bottle .wp-block-group__inner-container{
place-content: center;
}
.group-defilement-bottle .wp-block-group__inner-container figure.homepage-banner-bottle{
left: auto;
}
.homepage-animation-bottles div.wp-block-column{
width: 35%;
}
.homepage-animation-bottles div.wp-block-column figure img{
width: 70%;
}
.homepage-text-brett{
font-size: 200px;
}
.nos-gammes-center{
text-align: inherit;
}
.homepage-foudre-tonneau .homepage-foudre .homepage-foudre-text{
width: 25%;
}
.main{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin: 0 1rem 4rem;
grid-gap: var(--gridgap);
position: relative;
}
h1#la-brasserie{
margin: 8rem 0 0;
}
h2#ca-coule-de-source{
grid-row: 2;
}
.growup{
grid-row: 3;
}
.brasserie-section-recipes{
grid-row: 4;
}
.reset-margin-top{
margin-top: 0;
}
.recipes{
margin-bottom: 4rem;
}
.brasserie-brett2 {
top: -160px;
}
.brasserie-brett4{
top: -140px;
}
.brasserie-brett3{
bottom: -60px;
left: 50px;
}
.brasserie-brett1{
right: 10px;
bottom: -110px;
}
.brasserie-danaide-mythe .btn-circle{
margin: 1rem 0;
}
.season-yeast .wp-block-group__inner-container, .season-yeast.gose-bottle .wp-block-group__inner-container, .brasserie-section-rustic-beer .wp-block-group__inner-container, .grid-eight-columns, .fermentation-group .wp-block-group__inner-container{
display: grid!important;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: inherit!important;
}
.season-yeast.gose-bottle{
position: relative;
margin-bottom: 5rem;
}
.brasserie-gose{
position: absolute;
width: 30%;
top: -20px;
right: 50px;
}
.brasserie-tuyauterie-columns .brasserie-tuyauterie-content{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.brasserie-gallery figure{
width: 20%!important;
}
.leitmotivital{
margin-top: -2.7rem;
}
.position-anim-picto{
right: -28%;
}
.position-anim-text{
right: 10%;
}
.header-gammes-picto .wp-block-group__inner-container{
display: flex;
align-items: center;
}
.header-gammes-picto .wp-block-group__inner-container .header-gammes-picto-content{
align-items: center!important;
width: 100%;
}
.gamme-margin{
grid-gap: inherit!important;
}
.gamme-margin .wp-block-group__inner-container, .group-presentation .wp-block-group__inner-container{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: inherit!important;
}
.ingredients .wp-block-group__inner-container, .bottle-banner .wp-block-group__inner-container{
display: inherit!important;
}
.ingredients .wp-block-group__inner-container .group-ingredients .wp-block-group__inner-container{
display: flex!important;
align-items: center;
}
.sub-header{
top: 315px;
}
.contact-img{
grid-row: 1;
} 
iframe.map-danaides{
height: 400px;
margin-bottom: 3rem;
}
.search-news{
display: flex;
align-items: center;
}
.articles-img{
width: 30%;
}
.articles-img img{
width: 100%;
}
.articles-body{
width: 70%;
margin-left: 2rem;
}
.search .input-search, .archive .input-search{
width: 50%;
}
.search .iconSearch, .archive .iconSearch{
margin: 2rem!important;
}
.single .main{
display: block!important;
}
.comment-form textarea, .comments .form-group{
width: 50%;
}
.container-similar-articles ul{
width: 30%;
}
.homepage-title-img{
margin-bottom: 0;
}
} @media (min-width: 1025px){
.site-footer{
padding: 40px;
}
.container, .main{
max-width: 1200px;
margin: 0 auto 5rem!important;
}
.anim-text-picto-brasserie{
top: 15%;
right: 150px;
}
.position-anim-picto{
right: -15%;
}
.sub-header{
right: 0;
top: 200px;
padding-right: 1rem;
}
.articles-img{
width: 30%;
}
.articles-body{
width: 70%;
}
.homepage-title-img{
margin-bottom: 4rem;
}
} @media (min-width: 1300px){
.menu-item-has-children .sub-menu{
display: none;
position: absolute;
}
.menu-item-has-children:hover .sub-menu{
display: block;
}
.icon-burger-menu, .burger, .second-navigation{
display: none!important;
}
.main-navigation{
display: flex;
padding-right: 1rem;
}
.sub-header{
right: 150px;
}
} @media (max-width: 425px) {
.site-header-logo{
width: 70%;
}
.main-navigation.sub-menu-right{
margin: 0.5rem 1.5rem 0 0!important;
}
} @media (max-width: 1299px) {
.main-navigation .inside-navigation{
display: none!important;
}
.second-navigation{
display: none;
width: 100%;
}
.main-navigation.sub-menu-right{
display: flex;
align-items: center;
margin: 1rem 1.5rem 0 0;
}
}
figure.wp-block-embed.is-type-video, .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
figure.wp-block-embed.is-type-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
table{
font-family: 'Sauvage Moderne';
color: white;
border: dotted var(--bg);
}
th, td, .wp-block-table td, .wp-block-table th{
border: dotted var(--anis);
}
td:first-of-type, tr:first-of-type, .wp-block-table td:first-of-type{
width: 25%;
}html.has-scroll-smooth {
overflow: hidden; }
html.has-scroll-dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.has-scroll-smooth body {
overflow: hidden; }
.has-scroll-smooth [data-scroll-container] {
min-height: 100vh; }
[data-scroll-direction="horizontal"] [data-scroll-container] {
height: 100vh;
display: inline-block;
white-space: nowrap; }
[data-scroll-direction="horizontal"] [data-scroll-section] {
display: inline-block;
vertical-align: top;
white-space: nowrap;
height: 100%; }
.c-scrollbar {
position: absolute;
right: 0;
top: 0;
width: 11px;
height: 100%;
transform-origin: center right;
transition: transform 0.3s, opacity 0.3s;
opacity: 0; }
.c-scrollbar:hover {
transform: scaleX(1.45); }
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
opacity: 1; }
[data-scroll-direction="horizontal"] .c-scrollbar {
width: 100%;
height: 10px;
top: auto;
bottom: 0;
transform: scaleY(1); }
[data-scroll-direction="horizontal"] .c-scrollbar:hover {
transform: scaleY(1.3); }
.c-scrollbar_thumb {
position: absolute;
top: 0;
right: 0;
background-color: black;
opacity: 0.5;
width: 7px;
border-radius: 10px;
margin: 2px;
cursor: -webkit-grab;
cursor: grab; }
.has-scroll-dragging .c-scrollbar_thumb {
cursor: -webkit-grabbing;
cursor: grabbing; }
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
right: auto;
bottom: 0; }h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}