/*
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.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{
    overflow-x: hidden;
    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';
    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;
}
::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: 6rem 0;
}
.gutter, .gap, .wp-block-columns {
    gap: 1.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);
    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/02/glass.png');
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.1;
      z-index: -1;
      border-radius: 5px;
}
.banner-bloc-title {
	display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.banner-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: 4px;
}
.banner-title::before {    
      content: "";
      background-image: url('https://biotopwines.fr/wp-content/uploads/2025/02/glass.png');
      background-size: cover;
      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;
}

/* ADN BIOTOP */
.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 RDV */
.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; /* 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: 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);
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 375 81" ><path fill="black" d="M3328.28,63.26s-285.11,268.08-625.26,302.19c-340.15,34.11-524.21-109.27-779.34-37.23-255.13,72.04-325.82,321.56-534.87,400.16-209.05,78.6-474.81-6.44-657.48,77.04-182.67,83.48-222.56,182.73-387.72,371.6-165.16,188.87-499.08,237.6-485.56,355.01,13.53,117.41,377.4,18.45,556.16-59.16,178.76-77.62,331.71-359.09,607.67-290.49,275.96,68.6,285.43,257.47,605.12,172.47,319.69-85,320.8-375.39,639.11-422.94,318.31-47.55,244.24,3.89,600.17,123.95,355.93,120.06,935.24,17.21,935.24,17.21L3328.28,63.26Z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 375 81" ><path fill="black" d="M3328.28,63.26s-285.11,268.08-625.26,302.19c-340.15,34.11-524.21-109.27-779.34-37.23-255.13,72.04-325.82,321.56-534.87,400.16-209.05,78.6-474.81-6.44-657.48,77.04-182.67,83.48-222.56,182.73-387.72,371.6-165.16,188.87-499.08,237.6-485.56,355.01,13.53,117.41,377.4,18.45,556.16-59.16,178.76-77.62,331.71-359.09,607.67-290.49,275.96,68.6,285.43,257.47,605.12,172.47,319.69-85,320.8-375.39,639.11-422.94,318.31-47.55,244.24,3.89,600.17,123.95,355.93,120.06,935.24,17.21,935.24,17.21L3328.28,63.26Z"/></svg>');
    mask-size: 4000px 81px;
    -webkit-mask-size: 4000px 81px;
}
#bg-header::before {    
      content: "";
      background-image: url('https://biotopwines.fr/wp-content/uploads/2025/02/glass.png');
      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%;
/*    height: 50px;*/
    z-index: 9999;
}
.inside-header{
    background-color: transparent;
}
.inside-logo-header{
    position: relative;
    cursor: pointer;
}
/*#logo-header-orange{
    position: absolute;
    opacity: 1;
    transition: opacity .7s linear;
}
#logo-header-blanc{
    opacity: 0;
    transition: opacity .7s linear;
}*/
.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;
    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: "";
}
/* NAVIGATION - SUB MENU | DELETE IF NO SUB MENU */
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;
} 
 
/* 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);
}
.content {
    margin: 0 20px;
}

/* ALIGNFULL - Gestion banner */
.alignfull{
/*    margin: calc(0% - 0px);  A AJUSTER EN FONCTION DE LA MARGE MOBILE */
    width: 100vw;
}
    /* 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 */
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;
}
.col-footer {
    width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
}
.logo-footer {
    width: 50%;
}
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;
    line-height: 1.4rem;
    color: var(--vertsapin);
}
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 */
main.error-404{
    text-align: center;
    height: 90vh;
}
main.error-404 h1{
    margin-bottom: 2rem;
}
main.error-404 p{
    margin: 1rem 0;
}
main.error-404 a{
    text-decoration: underline;
}
main.error-404 .searchform form{
    margin: 0 auto;
}
/* Search Form */
.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.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: var(--vert);
    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 {
    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;
}
/* Main */
main{

}
/* Responsive */
@media screen and (min-width: 426px){
    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%;
    }
}


@media screen and (min-width: 769px){
	/* BURGER MENU */
	.cont-lignes{
	    top: 30px;
	    right: 35px;
	}
	.cont-lignes.btn1.active{
	    top: 30px;
    	right: 35px;
	}
}
@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;
	}

    main{
        max-width: 1200px;
        margin: 0 auto;
    }
    main section.results .post > a{
        width: 20%;
    }
    main section.results .post section.content{
        width: 75%;
    }
    .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: 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;
	}
    /* HERO et BANNER */
	.banner-wrap{
	    max-width: 1200px;
	    margin: 0 auto;
	    flex-direction: column;
	}
	.banner-bloc{
	    width: 50%;
	    padding: 60px 40px; 
	}
	.controls {
		bottom: initial;
	    top: 50%;
	    transform: translateY(-50%);
	}
    /* ADN BIOTOP */
    .points-cles-card {
	    padding: 3rem 2.2rem;
	}
	/* 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;
	}
    /* footer */
    .footer-section {
	    flex-direction: row;
	    max-width: 1200px;
	    margin: 0 auto 4rem;
	}
	.col-footer {
	    width: 35%;
	    padding-right: 3rem;
	    margin-bottom: 0;
	}
	footer .credits{
	    max-width: 1200px;
	    margin: 0 auto;
	}

}








