/*
Theme Name: Biotop
Text Domain: Biotop
Author: Le Studio Culotté
Author URI: https://le-studio-culotte.com/
Description: Ce thème est développé par Le Studio Culotté et conçu pour Biotop
Version: 2.0
Requires at least: 5.0
Tested up to: 6.2
Requires PHP: 7.2
*/

@font-face {
    font-family: 'wt-monarch-nova-roman';
    src: url('https://biotopwines.com/wp-content/themes/theme-biotop/font/wt-monarch-nova-roman.ttf') format('opentype'),
    	 url('https://biotopwines.com/wp-content/themes/theme-biotop/font/wt-monarch-nova-roman.eot') format('eot'),
    	 url('https://biotopwines.com/wp-content/themes/theme-biotop/font/wt-monarch-nova-roman.woff') format('woff'),
    	 url('https://biotopwines.com/wp-content/themes/theme-biotop/font/wt-monarch-nova-roman.woff2') format('woff2'),
    	 url('https://biotopwines.com/wp-content/themes/theme-biotop/font/wt-monarch-nova-roman.ttf') format('truetype'),
         url('https://biotopwines.com/wp-content/themes/theme-biotop/font/wt-monarch-nova-roman.svg') format('svg');
         
    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);;
}
/*body.logged-in{margin-top:32px;}*/

: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', 'WT Monarch Nova', serif;
    color: var(--vertsapin);
    margin: .5rem 0;
}
h2, h2:not(.has-text-color) {
    font: 400 2rem/2.4rem 'wt-monarch-nova-roman', 'WT Monarch Nova', serif;
    color: var(--vertsapin);
    margin: .5rem 0;
}
h3, h3:not(.has-text-color) {
    font: 400 1.75rem/2rem 'wt-monarch-nova-roman', 'WT Monarch Nova', serif;
    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', 'WT Monarch Nova', serif;
    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: .8rem 0;
}
ul, li {
	list-style: disc;
    padding: revert;
}
::selection {
    background: var(--orange);
    color: #ffffff;
}
a{
    color: var(--w);
    border-bottom: 1px dotted var(--vertsapin);
}
strong, b {
	font-weight: 600;
}
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;
}
figcaption { 
    font-size: .8rem;
    font-weight: 100;
}
p.white, h1.white, h2.white, h3.white, .wpcf7-list-item, .wpcf7-list-item-label {
	color: var(--w);
}
.section {
    padding: 3rem 0;
}
.content {
    margin: 0 20px;
}
/* ALIGNFULL - Gestion banner */
.alignfull{
/*    margin: calc(0% - 0px);  A AJUSTER EN FONCTION DE LA MARGE MOBILE */
    width: 100vw;
}
.gutter, .gap, .wp-block-columns {
    gap: 1.2rem;
}
.center-block {
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.wp-block-group {
	padding-bottom: 2rem;
}
/* HERO et BANNER */
.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);
    -webkit-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.com/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;
}
.bloc-title-parent {
	display: flex;
    justify-content: center;
}
.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);
    -webkit-backdrop-filter: blur(40px);
    padding: 60px 80px 50px;
    display: flex;
    width: fit-content; 
    border-radius: 5px;
}
.banner-bloc-title::before {    
      content: "";
      background-image: url('https://biotopwines.com/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; 
    z-index: 2;
}
.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 { /*slider autres events*/
    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.com/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.com/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.com/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.com/wp-content/uploads/2025/07/slider-arrow-white-next-copie.svg');
}
/* ADN BIOTOP */
.notre-adn{
    background-color: rgba(173, 194, 178, .5);
}
.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;
}
.adn-sum-up {
	width: 90%;
    padding: 2rem 1.5rem;
    background-color: var(--beige);
    margin-bottom: 4rem;
    box-shadow: 0px 10px 80px rgb(54 89 10 / 50%);
}
/* NOS RDV */
.nos-prochains-rdv{
    background-image: url("https://biotopwines.com/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);
    display: flex;
    flex-direction: column;
}
.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;
}
li > p.dates-biotop {
	margin: 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; /* Applique la transition en général */
}
.rdv-featured-image:hover > a img {
    transform: scale(1.05);
}
/* PAGE BIOTOP */
.page-img {
    position: absolute;
    z-index: -1;
    left: 0;
}
.page-bloc {
    height: 100vh; 
    align-content: center;
}
/* HEADER */
.header#masthead{
    position: fixed;
    width: 100vw;
    z-index: 99;
   
}
#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.com/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%;
}
.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;
}
/* NAVIGATION */
.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;
}
.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;
}
.nav-menu li.lang-item a {
	    font: 100 1rem / 1rem "Geologica", sans-serif;
}
.nav-menu li.lang-item.current_page_item a {
	    font: 300 1rem / 1rem "Geologica", sans-serif;
	    border-bottom: 1px dotted var(--vertsapin)
}
.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: "";
}
/* NAVIGATION - SUB MENU | DELETE IF NO SUB MENU */
ul.sub-menu {
	background: transparent;
	margin-top: 1rem;
    padding-left: 1.4rem;
}
li.lang-item { 
    display: inline-block;
    padding: .8rem 1rem 0 2rem;
}

.menu-item-has-children .sub-menu {
	display: block;
}
.menu-biotoptour {
	position: relative;
	flex-direction: column;
}
.menu-biotoptour:after{
    display: none;
} 

/* BURGER MENU */
.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);
}

    /* ALIGNFULL - LOGO INSIDE | DELETE IF NO LOGO INSIDE */
    .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;
    }
/* Single */
.container-loco {
    background: url(https://biotopwines.com/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 */
#instagram {
    background-color: var(--w);
}

/* Footer */
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;
}
.footer-adn-section {
    margin-top: 3rem;
}
.col-footer {
    width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
}
.logo-footer {
    width: 50%;
    max-width: 200px;
}
p.footer-baseline {
    font: 300 1.4rem / 1.8rem "wt-monarch-nova-roman", sans-serif;
    color: var(--vertsapin);
    margin: 1rem 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;
}

/* Comments */
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;
}
/* 404 */
.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 Form */
.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;
}
/* Search & Catégories */
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;
}
/* Sitemap */
main.sitemap{
    margin-bottom: 2rem;
}
main.sitemap ul li, main.sitemap option{
    padding-left: 15px;
}
/* Tools */
.alignfull{
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
}
img{
    max-width: 100%;
    height: auto;
}
/* CONTACT */
.contact{
    background-image: url("https://biotopwines.com/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%;
}
/* CONTACT FORM 7 + BUTTON & INPUT */
.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, .btn.rdv-bouton {
    margin: 1.2rem 0 0;
}
.wp-block-button__link, .btn.rdv-bouton{
    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);
    width: fit-content;
}
.wp-block-button__link:hover, .btn.rdv-bouton:hover{
    background: var(--vertsapin);
    color: var(--w);
}
.wp-block-button__link:active, .btn.rdv-bouton: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;
}
.cf7sr-g-recaptcha {
	display: inline-flex;
}
.cta1-toulouse > input.wpcf7-form-control.wpcf7-submit.has-spinner, .cta1-toulouse > .wp-block-button__link{
    color: var(--toulousevermillon);
    border: solid 2px var(--toulousevermillon);
    box-shadow: -4px 4px 0 var(--toulousevermillon);
}
.cta1-toulouse > input.wpcf7-form-control.wpcf7-submit.has-spinner:hover, .cta1-toulouse > .wp-block-button__link:hover{
    background: var(--toulousevermillon);
    color: var(--w);
}
.cta1-toulouse > input.wpcf7-form-control.wpcf7-submit.has-spinner:active, .cta1-toulouse > .wp-block-button__link:active{
    background-color: var(--toulouserouge);
    box-shadow: 0px 0px 14px rgba(247, 196, 207, .8);
    transition: .1s;
}
.cta1-mtpl > input.wpcf7-form-control.wpcf7-submit.has-spinner, .cta1-mtpl > .wp-block-button__link{
    color: var(--orange);
    border: solid 2px var(--orange);
    box-shadow: -4px 4px 0 var(--orange);
}
.cta1-mtpl > input.wpcf7-form-control.wpcf7-submit.has-spinner:hover, .cta1-mtpl > .wp-block-button__link:hover{
    background: var(--orange);
    color: var(--w);
}
.cta1-mtpl > input.wpcf7-form-control.wpcf7-submit.has-spinner:active, .cta1-mtpl > .wp-block-button__link:active{
    background-color: var(--orange);
    box-shadow: 0px 0px 14px rgba(247, 196, 207, .8);
    transition: .1s;
}

.cta1-paris > input.wpcf7-form-control.wpcf7-submit.has-spinner, .cta1-paris > .wp-block-button__link{
    color: var(--pvert);
    border: solid 2px var(--pvert);
    box-shadow: -4px 4px 0 var(--pvert);
}
.cta1-paris > input.wpcf7-form-control.wpcf7-submit.has-spinner:hover, .cta1-paris > .wp-block-button__link:hover{
    background: var(--pvert);
    color: var(--w);
}
.cta1-paris > input.wpcf7-form-control.wpcf7-submit.has-spinner:active, .cta1-paris > .wp-block-button__link:active{
    background-color: var(--prose);
    box-shadow: 0px 0px 14px rgba(247, 196, 207, .8);
    transition: .1s;
}

.cta1-nice > input.wpcf7-form-control.wpcf7-submit.has-spinner, .cta1-nice > .wp-block-button__link{
    color: var(--nicebleu);
    border: solid 2px var(--nicebleu);
    box-shadow: -4px 4px 0 var(--nicebleu);
}
.cta1-nice > input.wpcf7-form-control.wpcf7-submit.has-spinner:hover, .cta1-nice > .wp-block-button__link:hover{
    background: var(--nicebleu);
    color: var(--w);
}
.cta1-nice > input.wpcf7-form-control.wpcf7-submit.has-spinner:active, .cta1-nice > .wp-block-button__link:active{
    background-color: var(--nicelavande);
    box-shadow: 0px 0px 14px rgba(247, 196, 207, .8);
    transition: .1s;
}

.cta1-strasbourg > input.wpcf7-form-control.wpcf7-submit.has-spinner, .cta1-strasbourg > .wp-block-button__link{
    color: var(--alsacevert);
    border: solid 2px var(--alsacevert);
    box-shadow: -4px 4px 0 var(--alsacevert);
}
.cta1-strasbourg > input.wpcf7-form-control.wpcf7-submit.has-spinner:hover, .cta1-strasbourg > .wp-block-button__link:hover{
    background: var(--alsacevert);
    color: var(--w);
}
.cta1-strasbourg > input.wpcf7-form-control.wpcf7-submit.has-spinner:active, .cta1-strasbourg > .wp-block-button__link:active{
    background-color: var(--alsacejaune);
    box-shadow: 0px 0px 14px rgba(247, 196, 207, .8);
    transition: .1s;
}

.cta1-lyon > input.wpcf7-form-control.wpcf7-submit.has-spinner, .cta1-lyon > .wp-block-button__link{
    color: var(--lyonemeraude);
    border: solid 2px var(--lyonemeraude);
    box-shadow: -4px 4px 0 var(--lyonemeraude);
}
.cta1-lyon > input.wpcf7-form-control.wpcf7-submit.has-spinner:hover, .cta1-lyon > .wp-block-button__link:hover{
    background: var(--lyonemeraude);
    color: var(--w);
}
.cta1-lyon > input.wpcf7-form-control.wpcf7-submit.has-spinner:active, .cta1-lyon > .wp-block-button__link:active{
    background-color: var(--lyonjaune);
    box-shadow: 0px 0px 14px rgba(247, 196, 207, .8);
    transition: .1s;
}
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;
}
/* EVENTS */
.banner-event {
	padding: 7rem 1em 0 1em;
}
h1.event-title {
	margin: 1.8rem 0 0!important;
}
p.event-price {
    font: 300 1.625rem / 2rem 'Geologica', sans-serif;
    margin: 1.5rem 0 0;
}
p.event-price-inscription {
	font: 300 .8rem / 1rem 'Geologica', sans-serif;
}
.event-list-participants {
	margin: 2.5rem 0;
}
.desktop { 
    display: none;
}
.mobile {
    display: block;
}
/*slider events*/
.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;
}
/*separateur event*/
.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);
}
	/* montpellier */
.encart-event-mtpl {
    background: var(--mtpljaune);
}
.pg-mtpl {
	padding: 2rem;
    background: var(--mtpljaune);
}
.sv-mtpl {
	padding: 2rem 4rem;
    background: var(--mtplorange);
}
	/* toulouse */
.encart-event-toulouse {
    background: var(--toulousevermillon);
}
.pg-toulouse {
	padding: 2rem;
    background: var(--toulouserouge);
}
.sv-toulouse {
	padding: 2rem 4rem;
    background: var(--toulousevermillon);
}
	/* paris */
.encart-event-paris {
    background: var(--pvert);
}
.pg-paris {
	padding: 2rem;
    background: var(--prose);
}
.sv-paris {
	padding: 2rem 4rem;
    background: var(--pvert);
}
	/* nice */
.encart-event-nice {
    background: var(--nicelavande);
}
.pg-nice {
	padding: 2rem;
    background: var(--nicebleu);
}
.sv-nice {
	padding: 2rem 4rem;
    background: var(--nicelavande);
}
	/* strasbourg */
.encart-event-strasbourg {
    background: var(--alsacevert);
}
.pg-strasbourg {
	padding: 2rem;
    background: var(--alsacejaune);
}
.sv-strasbourg {
	padding: 2rem 4rem;
    background: var(--alsacevert);
}
	/* lyon */
.encart-event-lyon {
    background: var(--lyonjaune);
}
.pg-lyon {
	padding: 2rem;
    background: var(--lyonemeraude);
}
.sv-lyon {
	padding: 2rem 4rem;
    background: var(--lyonjaune);
}
/* Responsive */
@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;
    }
    /*separateur event*/
    .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){
	/* BURGER MENU */
	.cont-lignes{
	    top: 30px;
	    right: 35px;
	}
	.cont-lignes.btn1.active{
	    top: 30px;
    	right: 35px;
	}
    .pages-biotop {
        grid-template-columns: 1fr 1fr;
        column-gap: 1rem;
    }
	/*slider event pages*/
	.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 */
    .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', 'WT Monarch Nova', serif;
        margin: 1.8rem 0;
    }
    h2, h2:not(.has-text-color) {
        font: 400 2.875rem/3.2rem 'wt-monarch-nova-roman', 'WT Monarch Nova', serif;
        margin: 1.6rem 0;
    }
    h3, h3:not(.has-text-color) {
        font: 400 2.1rem/2.4rem 'wt-monarch-nova-roman', 'WT Monarch Nova', serif;
        
    }
    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', 'WT Monarch Nova', serif;
        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;
	}
    /* BURGER MENU */
    .box{
        display: none;
    }
    /* NAVIGATION */
    .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: 45px;
	    left: 0;
	    padding: 2rem 2rem .5rem;
	    margin-top: 1rem;
	}
	.menu-item-has-children:hover .sub-menu{
	    display: block;
	}
	ul.sub-menu {
		background: rgba(255, 255, 255, .2);
	    backdrop-filter: blur(30px);
	    -webkit-backdrop-filter: blur(30px);
	}
	ul.sub-menu {
		margin-top: 0;
	}
	li.lang-item { 
	    display: inline-block;
	    padding: .5rem 1rem 0 0rem;
	}
	.menu-biotoptour {
		flex-direction: row;
	}
	.menu-biotoptour: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;
    }
    /* HERO et BANNER */
	.banner-wrap{
	    max-width: 1200px;
	    margin: 0 auto;
	    flex-direction: column;
	}
	.banner-bloc{
	    padding: 60px 40px; 
	}
	.controls {
		bottom: initial;
	    top: 50%;
	    transform: translateY(-50%);
	}
	/* slider event pages */
	.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;
	}
  
	/* EVENTS */
	.banner-event {
		padding: 10rem 1em 0 1em;
	}
	/* BIOTOP MONTPELLIER */
	.encart-event {
	    padding: 3rem 2rem;
	}
    /* ADN BIOTOP */
    .points-cles-card {
	    padding: 3rem 2.2rem;
	}
	.adn-sum-up {
		width: 60%;
	    padding: 2rem 4rem;
	    margin-bottom: 4rem;
	}
	/* NOS RDV */
	.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;
	}
	/* CONTACT */
	.content-contact {
	    max-width: 60%;
	    margin: 0 auto;
	}

}

@media screen and (min-width: 1501px){
    /*separateur event*/
    .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");
    }
}