.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}@font-face {
font-family: 'WT Monarch Nova Roman';
src: url(https://biotopwines.fr/wp-content/themes/theme-biotop/font/WT Monarch Nova Roman.eot);
src: url(https://biotopwines.fr/wp-content/themes/theme-biotop/font/WT Monarch Nova Roman.woff2) format('woff2'),
url(https://biotopwines.fr/wp-content/themes/theme-biotop/font/WT Monarch Nova Roman.woff) format('woff'),
url(https://biotopwines.fr/wp-content/themes/theme-biotop/font/WT Monarch Nova Roman.ttf) format('truetype'),
url(https://biotopwines.fr/wp-content/themes/theme-biotop/font/WT Monarch Nova Roman.svg) format('svg'),
url(https://biotopwines.fr/wp-content/themes/theme-biotop/font/WT Monarch Nova Roman.eot?#iefix) format('embedded-opentype'),
font-weight:normal;
font-style:normal;
font-display:swap;
}
*, ::before, ::after{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
list-style: none;
text-decoration: none;
}
body{
width: 100%;
overflow-x: hidden !important;
background-color: var(--beige);
font-family: 'Geologica';
font-weight: 300;
color: var(--vertsapin);;
} :root{
--w: #FFF;
--vertsapin: #003D24;
--menthe: #ADC2B2;
--beige: #EBEBE3;
--vert: #75954C;
--orange: #F3942D;
--toulousevermillon: #FA615E;
--toulouserouge: #9E0000;
--mtpljaune: #F2C400;
--mtplorange: #F28F1C;
--pvert: #75944D;
--prose: #F7C4CF;
--nicelavande: #DCC7DF;
--nicebleu: #386BB2;
--alsacejaune: #E0CA71;
--alsacevert: #01877E;
--lyonjaune: #F2C400;
--lyonemeraude: #70C1B3;
}
h1, h1:not(.has-text-color) {
font: 400 2.625rem/3rem 'WT Monarch Nova Roman';
color: var(--vertsapin);
margin: .5rem 0;
}
h2, h2:not(.has-text-color) {
font: 400 2rem/2.4rem 'WT Monarch Nova Roman';
color: var(--vertsapin);
margin: .5rem 0;
}
h3, h3:not(.has-text-color) {
font: 400 1.75rem/2rem 'WT Monarch Nova Roman';
color: var(--vertsapin);
margin: .5rem 0;
}
h4, h4:not(.has-text-color) {
font: 400 1.25rem/1.5rem 'Geologica';
color: var(--vertsapin);
margin: .5rem 0;
}
h5, h5:not(.has-text-color) {
font: 400 1.125rem/1.5rem 'WT Monarch Nova Roman';
color: var(--vertsapin);
margin: .5rem 0;
}
h6, h6:not(.has-text-color) {
font: 400 1.125rem/1.4rem 'Geologica';
color: var(--vertsapin);
margin: .5rem 0;
}
p, ol, ul, table, p:not(.has-text-color) {
font: 300 1rem/1.5rem "Geologica", sans-serif;
color: var(--vertsapin);
margin: .5rem 0;
}
ul, li {
list-style: disc;
padding: revert;
}
::selection {
background: var(--orange);
color: #ffffff;
}
a{
color: var(--w);
border-bottom: 1px dotted var(--vertsapin);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit;
border: none;
}
blockquote p{
font: 400 1.4rem/1.6rem "Geologica", sans-serif;
border-left: 8px solid var(--orange);
padding-left: 14px;
letter-spacing: 1px;
}
blockquote {
margin: 2rem 0;
}
p.white, h1.white, h2.white, h3.white, .wpcf7-list-item, .wpcf7-list-item-label {
color: var(--w);
}
.section {
padding: 3rem 0;
}
.gutter, .gap, .wp-block-columns {
gap: 1.2rem;
}
.center-block {
display: flex;
flex-direction: column;
justify-content: center;
} .banner-wrap{
max-width: 1200px;
margin: 0 auto;
flex-direction: column;
}
.banner-bloc{
background-image: radial-gradient(circle at top left, rgba(255,255,255,.5) 0%, rgba(173,194,178,.25) 100%);
backdrop-filter: blur(40px);
padding: 40px 16px;
display: flex;
flex-direction: column;
width: 100%; 
border-radius: 5px;
}
.banner-bloc::before {    
content: "";
background-image: url(https://biotopwines.fr/wp-content/uploads/2025/07/glass.webp);
background-size: contain;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
opacity: 0.1;
z-index: -1;
border-radius: 5px;
}
.banner-bloc-title{
background-image: radial-gradient(circle at top left, rgba(0,69,46,.2) 0%, rgba(235,235,227,.2) 100%);
backdrop-filter: blur(40px);
padding: 60px 80px 50px;
display: flex;
flex-direction: column;
width: fit-content; 
border-radius: 5px;
justify-self: center;
}
.banner-bloc-title::before {    
content: "";
background-image: url(https://biotopwines.fr/wp-content/uploads/2025/07/glass.webp);
background-size: contain;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
opacity: 0.1;
z-index: -1;
border-radius: 4px;
}
.banner-dates {
font: 600 italic 1rem / 1.4rem "Geologica", sans-serif;
color: var(--vertsapin);
}
.slider {
position: relative;
width: 100vw;
height: 100vh;
}
.slide {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.active { 
opacity: 1; 
}
.controls {
position: absolute;
bottom: 8%;
width: 100%;
display: flex;
justify-content: space-between;
z-index: 8;
}
.slider-btn {
padding: 10px 20px;
cursor: pointer;
width: 40px;
background: var(--w);
border-radius: 100px;
border: 3px solid var(--vertsapin);
height: 40px;
box-shadow: -4px 4px 0 var(--vertsapin);
padding: 6px;
margin: 15px;
transition: 0.5s;
}
.slider-btn:hover, .slider-btn:active {
background: var(--vertsapin);
}
.slider-btn img {
transition: opacity 0.5s ease-in-out;
opacity: 1;
}
.slider-btn img.fade-out {
opacity: 0;
}
.slider-btn img.fade-in {
opacity: 1;
}
.wp-block-cb-carousel-v2 .cb-button-prev, .wp-block-cb-carousel-v2 .cb-button-next { cursor: pointer;
width: 30px;
background: var(--w);
border-radius: 100px;
border: 3px solid var(--vertsapin);
height: 30px;
padding: 3px;
box-shadow: -3px 3px 0 var(--vertsapin);
transition: 0.5s;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-button-next, .swiper-button-prev {
top: 30%!important;
}
.wp-block-cb-carousel-v2 .cb-button-prev {
left: -15px!important;
}
.wp-block-cb-carousel-v2 .cb-button-next {
right: -15px!important;
}
.wp-block-cb-carousel-v2 .cb-button-prev:after  {
content: url(https://biotopwines.fr/wp-content/uploads/2025/07/slider-arrow-green-prev-copie.svg);
display: block; 
width: 22px;
height: 22px;
}
.wp-block-cb-carousel-v2 .cb-button-next:after  {
content: url(https://biotopwines.fr/wp-content/uploads/2025/07/slider-arrow-green-next-copie.svg);
display: block; 
width: 22px;
height: 22px;
}
.wp-block-cb-carousel-v2 .cb-button-prev:hover,
.wp-block-cb-carousel-v2 .cb-button-prev:active {
background: var(--vertsapin);
}
.wp-block-cb-carousel-v2 .cb-button-next:hover,
.wp-block-cb-carousel-v2 .cb-button-next:active {
background: var(--vertsapin);
}
.wp-block-cb-carousel-v2 .cb-button-prev:hover:after,
.wp-block-cb-carousel-v2 .cb-button-prev:active:after {
content: url(https://biotopwines.fr/wp-content/uploads/2025/07/slider-arrow-white-prev-copie-.svg);
}
.wp-block-cb-carousel-v2 .cb-button-next:hover:after,
.wp-block-cb-carousel-v2 .cb-button-next:active:after {
content: url(https://biotopwines.fr/wp-content/uploads/2025/07/slider-arrow-white-next-copie.svg);
} .notre-adn{
background-color: rgba(173, 194, 178, .5);
}
.wp-block-columns.points-cles-col {
align-items: center!important;
}
.points-cles-card {
background-color: var(--beige);
padding: 1.6rem .9rem;
border-radius: 5px;
box-shadow: 0 4px 20px rgba(117, 149, 76, 0.4);
}
.points-cles-card > .wp-block-columns {
margin: 1.4rem 0 0;
}
.wp-block-column.points-cles-picto {
flex-basis: 60px !important;
}
.points-cles-texte {
display: flex;
align-items: center;
} .nos-prochains-rdv{
background-image: url(https://biotopwines.fr/wp-content/uploads/2025/02/bg-rdv.svg);
background-size: cover;
}
.pages-biotop {
display: grid;
grid-template-columns: 1fr;
row-gap: 2rem;
}
.rdv-biotop-item {
padding: 1rem 0;
border-bottom: solid 1px var(--vert);
}
.rdv-featured-image a, .rdv-title a {
border-bottom: none;
color: var(--vertsapin);
}
h3.rdv-title {
margin: 1rem 0 0;
}
p.rdv-dates-biotop {
font: 400 1.25rem/1.5rem 'Geologica';
margin: .5rem 0;
}
.rdv-categories {
margin: 1.2rem 0;
}
.rdv-categories > span.categorie {
background-color: rgba(235, 235, 227, .4);
padding: 6px 18px;
border-radius: 100px;
margin-right: 12px;
color: var(--vert);
white-space: nowrap;
line-height: 40px;
}
.rdv-featured-image {
overflow: hidden;
}
.rdv-featured-image a img {
transition: transform 0.5s ease-in-out; }
.rdv-featured-image:hover > a img {
transform: scale(1.05);
} .page-img {
position: absolute;
z-index: -1;
left: 0;
}
.page-bloc {
height: 100vh; 
align-content: center;
} .header#masthead{
position: fixed;
width: 100vw;
z-index: 999;
}
#bg-header {
width: 100%;
height: 81px;
position: absolute;
overflow: hidden;
background-image: linear-gradient(170deg, rgba(255,255,255,.5) 0%, rgba(173,194,178,.25) 80%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
#bg-header::before {    
content: "";
background-image: url(https://biotopwines.fr/wp-content/uploads/2025/07/glass.webp);
background-size: contain;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
opacity: 0.1;
z-index: -1;
}
.header#masthead.active{
background: var(--menthe);
}
.header .inside-header{
position: relative;
width: 100%;
}
#masthead{
position: fixed;
width: 100%;
z-index: 9999;
}
.inside-header{
background-color: transparent;
}
.inside-logo-header{
position: relative;
cursor: pointer;
} .logo-header{
margin: 9px 0 0 20px;
width: 220px;
}
.logo-header a {
border-bottom: none;
} .only-mobile {
display: none;
}
.only-desktop {
display: block;
}
.nav-menu{
flex-direction: column;
height: 95vh;
opacity: 0;
transform: translateY(-6px);
visibility: hidden;
display: none;
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: -99;
}
.nav-menu.active {
opacity: 1;
transform: translateY(0);
visibility: visible;
z-index: 9;
display: block;
padding: 1.5rem 0;
}
:is(.nav-menu) li{
display: flex;
padding: .8rem 2rem;
list-style: none;
}
:is(.nav-menu .sub-menu) li{
padding: 0 0 1.4rem;
}
.nav-menu ul {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
}
.nav-menu li a {
font: 300 1.2rem / 1rem "Geologica", sans-serif;
color: var(--vertsapin);
position: relative;
text-decoration: none;
padding-bottom: 6px;
border-bottom: none;
cursor: pointer;
}
.nav-menu li a::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 0;
height: 1px;
background-color: var(--w);
transition: width 0.3s ease, transform 0.3s ease;
transform-origin: left;
}
.nav-menu li a:hover {
border-bottom: 1px dotted var(--vertsapin);
}
.nav-menu li a.active::after {
width: 100%;
transform-origin: right;
}
.menu-item-has-children:hover::after{
transform: rotate(-45deg);
bottom: 3px;
}
.menu-item-has-children:hover::after, .menu-item-has-children:not(:hover)::after{
transition: 1s;
}
li.menu-item{
list-style: none;
}
.menu-linked-in > a > img {
width: 1rem;
height: auto;
}
.menu-linked-in {
content: "";
} ul.sub-menu {
background: transparent;
margin-top: 1rem;
padding-left: 1.4rem;
}
.menu-item-has-children .sub-menu {
display: block;
}
.menu-item-129 {
position: relative;
flex-direction: column;
}
.menu-item-129:after{
display: none;
} .cont-lignes{
width: 30px;
height: 30px;
cursor: pointer;
position: absolute;
top: 24px;
right: 20px;
}
.cont-lignes.btn1.active{
top: 24px;
right: 20px;
}
.lignes {
width: 100%;
height: 1px;
border-radius: 5px;
background-color: var(--vertsapin);
position: absolute;
transition: all 0.5s ease-in-out;
}
.lignes:nth-child(1){
top: 0px;
}
.lignes:nth-child(2){
top: 8px;
}
.lignes:nth-child(3){
top: 16px;
}
.btn1.active .lignes:nth-child(1){
top: 8px;
transform: rotate(135deg);
}
.btn1.active .lignes:nth-child(3){
top: 8px;
transform: rotate(-135deg);
}
.btn1.active .lignes:nth-child(2){
opacity: 0;
transform: translateX(-20px);
}
.content {
margin: 0 20px;
} .alignfull{ width: 100vw;
} .banner .wp-block-cover__inner-container{
padding: 2rem 0;
text-align: center;
} 
.logo-in-banner{
text-align: center;
}
.logo-in-banner img{
width: 65%;
height: auto!important;
} .container-loco {
background: url(https://biotopwines.fr/wp-content/uploads/2025/07/page-contenu.svg);
position: relative;
background-size: cover;
z-index: 1;
}
main {
display: flex;
flex-direction: column;
}
main.single section header{
text-align: center;
margin-bottom: 1rem;
}
main.single section header p{
font-style: italic;
}
main.single section.categories{
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 1rem 0 calc(1rem - 5px);
}
main.single section.categories a{
border: 1px dotted black;
padding: 8px;
margin-right: 5px;
margin-bottom: 5px;
font: 400 1rem / 1rem "Montserrat", sans-serif;
color: black;
border-radius: 100px;
}
main.single section.similar{
text-align: center;
}
main.single section.similar h2, main.single section.similar ul li{
margin-bottom: 1rem;
}
main.single section.similar ul li img{
max-width: 300px;
height: auto;
}
main.single section.similar ul li p{
font-style: italic;
} #instagram {
background-color: var(--w);
} footer{
padding: 5rem 0;
background-color: var(--beige);
}
.footer-section {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
max-width: 1200px;
margin: 0 20px;
}
.col-footer {
width: 100%;
padding-right: 0;
margin-bottom: 2rem;
}
.logo-footer {
width: 50%;
max-width: 200px;
}
p.footer-baseline {
font: 500 1rem / 1.5rem "Geologica", sans-serif;
color: var(--vertsapin);
margin: .5rem 0;
}
footer p a {
font: 200 1rem / 1.5rem "Geologica", sans-serif;
color: var(--vertsapin);
border: 0;
}
.footer-biotop-tour {
display: flex;
align-items: center;
align-content: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
margin-bottom: 1rem;
}
.footer-biotop-tour > a {
display: contents;
}
p.footer-titre, p.footer-titre a {
font-weight: 500;
}
img.footer-picto {
width: 44px;
margin-right: 10px;
}
footer .credits{
display: flex;
flex-wrap: wrap;
margin: 0 20px 1rem;
font-size: .8rem;
align-items: baseline;
}
footer .credits a, .credits p {
font-size: .8rem;
color: var(--vertsapin);
margin: 6px 0 0;
}
footer .credits #tarteaucitronManager{
cursor: pointer;
}
footer .credits span{
margin: 0 .5rem;
} section.comments h2{
margin-bottom: .5rem;
display: flex;
}
section.comments h2 span{
margin-left: 1rem;
}
section.comments .comments-list{
display: none;
}
section.comments .comments-list.open{
display: block;
}
section.comments .comments-list ul li, section.comments .comments-list ul li div.comment-body{
margin-bottom: 1rem;
}
section.comments .comments-list ul li div.comment-body{
border: 1px solid black;
padding: 10px;
}
section.comments .comments-list ul li ul.children{
padding-left: 1rem;
}
section.comments .comment-respond h3 {
margin-bottom: 1rem;
}
section.comments .comment-respond .comment-form .comment-input{
margin-bottom: 1rem;
}
section.comments .comment-respond .comment-form .comment-input input, section.comments .comment-respond .comment-form .comment-textarea textarea{
width: 100%;
border: 1px solid black;
padding: 5px;
max-width: 500px;
}
section.comments .comment-respond .comment-form .comment-textarea label{
display: block;
}
section.comments .comment-respond .comment-form .comment-textarea textarea{
height: 150px;
}
section.comments .comment-respond .comment-form .form-submit {
text-align: center;
margin: 1rem;
}
section.comments .comment-respond .comment-form .form-submit input{
padding: 10px;
} .error-404, .sitemap {
background: var(--vertsapin);
}
main.error-404{
text-align: center;
height: 90vh;
}
main.error-404 h1, .sitemap h1, .sitemap h2 {
margin-bottom: 2rem;
color: var(--w);
}
main.error-404 p, .sitemap p {
margin: 1rem 0;
color: var(--w);
}
main.error-404 a{
text-decoration: underline;
}
main.error-404 .searchform form{
margin: 0 auto;
} .search {
background: var(--w);
}
.other-pages {
margin: 6rem auto;
max-width: 1200px;
width: 80%;
}
.searchform{
margin: 1rem 0;
}
.searchform form{
width: 200px;
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid var(--vert);
border-radius: 40px;
padding: 5px;
}
.searchform form input{
width: 75%;
height: 25px;
background: transparent;
}
.searchform form button{
padding: 0;
border: none;
}
.searchform form button img{
width: 20px;
height: 20px;
}
button.loupe{
background: transparent;
} main section.results .post{
margin-bottom: 1rem;
}
main section.results .post .content .date{
font-style: italic;
}
main section.results .post .content .excerpt{
margin-bottom: 1rem;
}
main section.results .post .content .categories{
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 1rem 0 calc(1rem - 5px);
}
main section.results .post .content .categories a{
border: 1px dotted black;
padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
main select.select-categories{
margin-bottom: 1rem;
border: 1px solid black;
padding: 5px;
} main.sitemap{
margin-bottom: 2rem;
}
main.sitemap ul li, main.sitemap option{
padding-left: 15px;
} .alignfull{
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
}
img{
max-width: 100%;
height: auto;
} .contact{
background-image: url(https://biotopwines.fr/wp-content/uploads/2025/02/bg-contact.svg);
background-size: cover;
}
.content-contact {
max-width: 75%;
margin: 0 auto;
}
#formulaire-responsive {
max-width:1200px;
margin:0 auto;
width:100%;
}
.rang-form {
width: 100%;
margin: .2rem 0;
}
.demi-colonne, .colonne {
float: left;
position: relative;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
@media only screen and (min-width: 48em) { 
.demi-colonne {
width: 49%;
}
}
@media screen and (min-width: 1200px){
.contact-wrapper{
padding: 80px 15%;
}
.rang-form {
width: 100%;
display: flex;
justify-content: space-between;
}
}
.menu-deroulant {
background: rgba(117, 149, 76, .3);
color: var(--w);
margin: 2rem 0 .6rem;
padding: 8px 12px;
border-radius: 4px;
width: 100%;
} .wpcf7 form.sent .wpcf7-response-output {
color: var(--w);
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="tel"] {
width: 100%;
border-bottom: 1px solid var(--blue);
background: transparent;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
height: 40px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea {
font: 300 1rem/1.2rem "Geologica", sans-serif;
color: var(--w);
background-color: rgba(117, 149, 76, .3);
padding: 22px;
border-radius: 22px;
}
.wpcf7 input[type="text"]::placeholder, .wpcf7 input[type="email"]::placeholder, .wpcf7 textarea::placeholder, .wpcf7 input[type="tel"]::placeholder {
font: 300 .8rem/1rem "Geologica", sans-serif;
letter-spacing: 1px;
color: var(--menthe);
}
.wpcf7 input[type="text"]:focus{
background: transparent;
}
.wp-block-buttons {
margin: 1.2rem 0 0;
}
.wp-block-button__link{
color: var(--w);
font: 400 1.2rem / 1.6rem "Geologica", sans-serif;
height: auto;
box-shadow: 0px 8px 15px rgba(0, 0, 0, .25);
border-radius: 100px;
background-color: var(--w);
padding: 10px 28px;
transition: .8s;
color: var(--vertsapin);
border: solid 2px var(--vertsapin);
box-shadow: -4px 4px 0 var(--vertsapin);
}
.wp-block-button__link:hover{
background: var(--vertsapin);
color: var(--w);
}
.wp-block-button__link:active{
background-color: var(--vertsapin);
box-shadow: 0px 0px 14px rgba(117, 149, 76, .8);
transition: .1s;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
color: var(--w);
font: 400 1.2rem / 1.6rem "Geologica", sans-serif;
height: auto;
box-shadow: 0px 8px 15px rgba(0, 0, 0, .25);
border-radius: 100px;
background-color: var(--w);
padding: 10px 28px;
transition: .8s;
color: var(--vert);
border: solid 2px var(--vert);
box-shadow: -4px 4px 0 var(--vert);
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
background: var(--vert);
color: var(--w);
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:active {
background-color: var(--vert);
box-shadow: 0px 0px 14px rgba(117, 149, 76, .8);
transition: .1s;
}
.wp-block-button.cta1{
margin-right: 1rem;
}
.cta1 > input.wpcf7-form-control.wpcf7-submit.has-spinner, .cta1 > .wp-block-button__link{
color: var(--w);
font: 400 1.2rem / 1.6rem "Geologica", sans-serif;
height: auto;
box-shadow: 0px 8px 15px rgba(0, 0, 0, .25);
border-radius: 100px;
background-color: var(--w);
padding: 10px 28px;
transition: .8s;
color: var(--orange);
border: solid 2px var(--orange);
box-shadow: -4px 4px 0 var(--orange);
}
.cta1 > input.wpcf7-form-control.wpcf7-submit.has-spinner:hover, .cta1 > .wp-block-button__link:hover{
background: var(--orange);
color: var(--w);
}
.cta1 > input.wpcf7-form-control.wpcf7-submit.has-spinner:active, .cta1 > .wp-block-button__link:active{
background-color: var(--orange);
box-shadow: 0px 0px 14px rgba(247, 196, 207, .8);
transition: .1s;
}
.cta1 > select.wpcf7-form-control.wpcf7-select{
background: var(--blue);
color: var(--w);
padding: 1rem;
font: 300 1rem / 0 "Geologica", sans-serif;
}
span.wpcf7-not-valid-tip{
color: var(--mtplorange);
padding: 5px;
font-style: italic;
}
div.wpcf7-validation-errors { 
text-shadow: none;
border: transparent;
background: #f9cd00;
padding: 5px;
color: #9C6533;
text-align: center;
margin: 0;
font-size: 12px;
}
div.wpcf7-mail-sent-ok{
text-align: center;
text-shadow: none;
padding: 5px;
font-size: 12px;
background: #59a80f;
border-color: #59a80f;
color: #fff;
margin: 0;
}
.wpcf7-list-item{
margin: 0;
}
#menu-deroulant > p > span.wpcf7-form-control-wrap:after {
content: '';
position:absolute;
width: 15px;
height: 15px;
background: var(--vertsapin);
right: 8px;
top: 2px;
clip-path: polygon(50% 88%, 0 33%, 100% 33%);
}
.wpcf7-form select {
-webkit-appearance: none;
appearance: none;
} .banner-event {
padding: 7rem 1em 0 1em;
}
h1.event-title {
margin: 1.8rem 0 0!important;
}
p.event-price {
font: 300 1.625rem / 2rem "WT Monarch Nova Roman", serif;
margin: 1.5rem 0 0;
}
p.event-price-inscription {
font: 300 .8rem / 1rem "WT Monarch Nova Roman", serif;
}
.event-list-participants {
margin: 2.5rem 0;
}
.desktop { 
display: none;
}
.mobile {
display: block;
} .wp-block-cb-slide-v2.cb-slide.swiper-slide {
border-bottom: 1px solid black;
padding-bottom: 20px;
height: auto;
}
li.wp-block-post {
list-style: none;
}
li.wp-block-post > h3.wp-block-post-title {
margin-top: 1.5rem;
}
.wp-block-post-featured-image > a {
border-bottom: 0;
}
.encart-event {
width: initial;
padding: 2rem 1rem;
box-shadow: 0 0 40px rgba(0, 0, 0, .3);
}
.pg-mtpl, .sv-mtpl, .pg-toulouse, .sv-toulouse, .pg-paris, .sv-paris, .pg-nice, .sv-nice, .pg-strasbourg, .sv-strasbourg, .pg-lyon, .sv-lyon {
box-shadow: 0 0 40px rgba(0, 0, 0, .1);
text-align: center;
margin: 0 0 3rem;
} .clipped-img > img {
width: 100%;
height: auto;
object-fit: cover;
clip-path: path("M430,92.81c-25.42-3.63-53.99-34.06-86.66-15.72-32.67,18.34-31.25,26.63-71.77,31.87-40.52,5.24-58.63-21.73-77.19-24.26-18.56-2.53-37.67,2.25-78.84,25.36S0,115.85,0,115.85V15.31s56.85,24.12,101.25,16.59C145.66,24.38,164.05-.26,198.98,0c34.93.26,52.61,29.5,81.91,32.19,29.3,2.7,60.1-17.37,86.22-13.14,26.12,4.24,35.32,15.46,62.89,33.7v40.05Z");
mask-repeat: no-repeat;
}
.event-hero {
position: absolute;
z-index: -1;
width: 100vw;
left: 50%;
transform: translate(-50%, 0);
} .event-hero > img {
height: auto;
width: 100%;
}
.image-background-wrapper {
position: relative;
width: 100vw;
}
.encart-text-white > .wp-block-group__inner-container > p, .encart-text-white > .wp-block-group__inner-container > h3, .encart-text-white > .wp-block-group__inner-container > h4{
color: var(--w);
} .encart-event-mtpl {
background: var(--mtpljaune);
}
.pg-mtpl {
padding: 2rem;
background: var(--mtpljaune);
}
.sv-mtpl {
padding: 2rem 4rem;
background: var(--mtplorange);
} .encart-event-toulouse {
background: var(--toulousevermillon);
}
.pg-toulouse {
padding: 2rem;
background: var(--toulouserouge);
}
.sv-toulouse {
padding: 2rem 4rem;
background: var(--toulousevermillon);
} .encart-event-paris {
background: var(--pvert);
}
.pg-paris {
padding: 2rem;
background: var(--prose);
}
.sv-paris {
padding: 2rem 4rem;
background: var(--pvert);
} .encart-event-nice {
background: var(--nicelavande);
}
.pg-nice {
padding: 2rem;
background: var(--nicebleu);
}
.sv-nice {
padding: 2rem 4rem;
background: var(--nicelavande);
} .encart-event-strasbourg {
background: var(--alsacevert);
}
.pg-strasbourg {
padding: 2rem;
background: var(--alsacejaune);
}
.sv-strasbourg {
padding: 2rem 4rem;
background: var(--alsacevert);
} .encart-event-lyon {
background: var(--lyonjaune);
}
.pg-lyon {
padding: 2rem;
background: var(--lyonemeraude);
}
.sv-lyon {
padding: 2rem 4rem;
background: var(--lyonjaune);
} @media screen and (min-width: 431px){
main.single section.similar ul{
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
main section.results .post{
display: flex;
justify-content: space-between;
}
main section.results .post > a{
width: 30%;
}
main section.results .post section.content{
width: 65%;
}
.slider {
height: 50vh;
} .clipped-img > img {
clip-path: path("M770,166.19c-45.52-6.5-96.69-60.99-155.19-28.15-58.5,32.84-55.96,47.69-128.53,57.07-72.56,9.38-104.98-38.92-138.22-43.44-33.24-4.53-67.46,4.03-141.18,45.41S0,207.45,0,207.45V27.42s101.79,43.19,181.31,29.71C260.83,43.66,293.76-.46,356.3,0c62.55.46,94.21,52.82,146.68,57.65,52.47,4.83,107.63-31.11,154.4-23.52,46.77,7.59,63.25,27.68,112.62,60.34v71.72Z");
}
.desktop { 
display: block;
}
.mobile {
display: none;
}
.banner-bloc {
width: 50%;
}
.encart-event {
width: 50%;
margin: 0 auto;
}
}
@media screen and (min-width: 769px){ .cont-lignes{
top: 30px;
right: 35px;
}
.cont-lignes.btn1.active{
top: 30px;
right: 35px;
}
.pages-biotop {
grid-template-columns: 1fr 1fr;
column-gap: 1rem;
} .swiper-button-next, .swiper-button-prev {
top: 25%!important;
}
.clipped-img > img {
clip-path: path("M1500,323.74c-88.67-12.66-188.35-118.81-302.32-54.84-113.97,63.97-109.02,92.9-250.37,111.18-141.36,18.27-204.51-75.81-269.26-84.62-64.75-8.81-131.42,7.85-275.03,88.47C259.42,464.54,0,404.12,0,404.12V53.42s198.3,84.14,353.21,57.88C508.12,85.05,572.26-.89,694.1,0c121.84.9,183.52,102.89,285.74,112.3,102.21,9.41,209.66-60.61,300.78-45.83,91.12,14.78,123.21,53.92,219.39,117.54v139.71Z");
} .footer-section {
flex-direction: row;
width: 90%;
max-width: 1200px;
margin: 0 auto 4rem;
}
.col-footer {
width: 35%;
padding-right: 3rem;
margin-bottom: 0;
}
footer .credits{
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
}
@media screen and (min-width: 1301px){
h1, h1:not(.has-text-color) {
font: 400 3.25rem/4.2rem 'WT Monarch Nova Roman';
margin: 1.8rem 0;
}
h2, h2:not(.has-text-color) {
font: 400 2.875rem/3.2rem 'WT Monarch Nova Roman';
margin: 1.6rem 0;
}
h3, h3:not(.has-text-color) {
font: 400 2.375rem/2.8rem 'WT Monarch Nova Roman';
}
h4, h4:not(.has-text-color) {
font: 400 1.5rem/2.2rem 'Geologica';
margin: 1rem 0;
}
h5, h5:not(.has-text-color) {
font: 400 1.625rem/2.6rem 'WT Monarch Nova Roman';
margin: 1rem 0;
}
h6, h6:not(.has-text-color) {
font: 400 1.325rem/1.6rem 'Geologica';
margin: 1rem 0;
}
header.head{
max-width: 1200px;
left: 50%;
transform: translate(-50%, 0);
padding: 1rem 0;
}
#bg-header {
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4000 81" ><path fill="black" d="M4000,52.48H461.51c-72,0-66.46,28.52-148.93,28.52H0V0h4000v52.48Z"/></svg>');
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4000 81" ><path fill="black" d="M4000,52.48H461.51c-72,0-66.46,28.52-148.93,28.52H0V0h4000v52.48Z"/></svg>');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: left top;
-webkit-mask-position: left top;
mask-size: 4000px 81px;
-webkit-mask-size: 4000px 81px;
}
main{
max-width: 1200px;
margin: 0 auto;
}
main section.results .post > a{
width: 20%;
}
main section.results .post section.content{
width: 75%;
}
.section {
padding: 6rem 0;
}
.content {
max-width: 1200px;
margin: 0 auto;
} .box{
display: none;
} .only-desktop {
display: none;
}
.only-mobile {
display: block;
}
.header .inside-header{
display: flex;
flex-direction: row;
}
.main-navigation{
width: 85%;
}
.nav-menu{
display: flex;
flex-direction: inherit;
justify-content: end;
background: transparent;
padding-bottom: 0;
height: auto;
opacity: 1;
visibility: visible;
}
.menu-item-has-children .sub-menu {
display: none;
position: absolute;
width: max-content;
top: 49px;
left: 0;
padding: 2rem 2rem .5rem;
}
.menu-item-has-children:hover .sub-menu{
display: block;
}
ul.sub-menu {
background: rgba(255, 255, 255, .2);
backdrop-filter: blur(30px);
}
ul.sub-menu {
margin-top: 0;
}
.menu-item-129 {
flex-direction: row;
}
.menu-item-129:after{
content: "";
display: block;
box-sizing: border-box;
position: relative;
width: 7px;
height: 7px;
border-top: 1px solid;
border-right: 1px solid;
border-color: var(--vertsapin);
transform: rotate(135deg);
top: 3px;
left: 18px;
}
.menu-item-has-children:hover::after{
transform: rotate(-45deg);
top: 8px;
}
.menu-item-has-children:hover::after, .menu-item-has-children:not(:hover)::after{
transition: 1s;
}  
.logo-header{
margin: 6px 0 0 20px;
width: 270px;
}
.slider {
height: 100vh;
} .banner-wrap{
max-width: 1200px;
margin: 0 auto;
flex-direction: column;
}
.banner-bloc{
padding: 60px 40px; 
}
.controls {
bottom: initial;
top: 50%;
transform: translateY(-50%);
} .swiper-button-next, .swiper-button-prev {
top: 30%!important;
}
.wp-block-cb-carousel-v2 .cb-button-prev {
left: -50px!important;
}
.wp-block-cb-carousel-v2 .cb-button-next {
right: -50px!important;
} .banner-event {
padding: 10rem 1em 0 1em;
} .encart-event {
padding: 3rem 2rem;
} .points-cles-card {
padding: 3rem 2.2rem;
} .pages-biotop {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 1.2rem;
row-gap: 3rem;
}
.rdv-categories {
margin: 2rem 0;
}
.rdv-categories > span.categorie {
padding: 6px 18px;
border-radius: 100px;
margin-right: 12px;
} .content-contact {
max-width: 60%;
margin: 0 auto;
}
}
@media screen and (min-width: 1501px){ .clipped-img > img {
clip-path: path("M2500,539.56c-147.78-21.1-313.92-198.02-503.86-91.4-189.95,106.62-181.69,154.84-417.29,185.29-235.6,30.45-340.84-126.35-448.76-141.04-107.92-14.69-219.04,13.09-458.38,147.45C432.37,774.23,0,673.53,0,673.53V89.03s330.5,140.23,588.68,96.47C846.87,141.74,953.76-1.49,1156.83.01c203.07,1.5,305.87,171.49,476.23,187.17,170.36,15.68,349.43-101.01,501.29-76.38,151.86,24.64,205.36,89.86,365.65,195.9v232.85Z");
}
}