/*_______   ______   .__   __. .___________.        ___      ____    __    ____  _______      _______.  ______   .___  ___.  _______ 
|   ____| /  __  \  |  \ |  | |           |       /   \     \   \  /  \  /   / |   ____|    /       | /  __  \  |   \/   | |   ____|
|  |__   |  |  |  | |   \|  | `---|  |----`      /  ^  \     \   \/    \/   /  |  |__      |   (----`|  |  |  | |  \  /  | |  |__   
|   __|  |  |  |  | |  . `  |     |  |          /  /_\  \     \            /   |   __|      \   \    |  |  |  | |  |\/|  | |   __|  
|  |     |  `--'  | |  |\   |     |  |         /  _____  \     \    /\    /    |  |____ .----)   |   |  `--'  | |  |  |  | |  |____ 
|__|      \______/  |__| \__|     |__|        /__/     \__\     \__/  \__/     |_______||_______/     \______/  |__|  |__| |_______|*/


/* ---- Pour changer la couleur des icônes ----

@import url("font-awesome.css");

i {
   color: #568b56;
    
}

/* icônes play des vidéos 
.fa.fa-play-circle-o.fa-lg{
   color: #f5ae04;
   margin-top:15px;	
}


*/


/*
  ______   ______   .__   __. .___________. _______ .__   __. .___________.
 /      | /  __  \  |  \ |  | |           ||   ____||  \ |  | |           |
|  ,----'|  |  |  | |   \|  | `---|  |----`|  |__   |   \|  | `---|  |----`
|  |     |  |  |  | |  . `  |     |  |     |   __|  |  . `  |     |  |     
|  `----.|  `--'  | |  |\   |     |  |     |  |____ |  |\   |     |  |     
 \______| \______/  |__| \__|     |__|     |_______||__| \__|     |__|     
                                                                        */


html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Source Sans Pro';
    color: #414141;
    font-weight: 300;
    line-height: 1.625em;
    width: 100%;
    margin: auto;
    /* margin-bottom: 100px; Ne pas changer */
    padding-left: 0;
    padding-right: 0;
 
    
}

/* ----  T E M P L A T E  WS THEME - P O R T F O L I O   ---- */

#wspm .wspm-image .wspm-overlay-wrapper a{
    height: 0px;
    padding: 0px; 

}

/* ----  L I G N E   ---- */

hr { width:90%; height:2px; background: #a69d72; margin: 0% 0% 0% 5%; }


/* --------  TYPOGRAPHIE --------  */



/* ---- HEADINGS ---- */

h1 {
    font-family: 'Vollkorn';
    font-size: 2em;
    margin: 0em 0 15px 0px;
    font-weight: 400;
    font-style: normal;
    color:  #920c48;
    line-height: 1.3em;
    text-transform: uppercase;
    }

h2 {
    font-family: 'Vollkorn';
    text-align: center;
    font-size: 2em;
    margin: 0em 0 15px 0px;
    font-weight: 400;
    font-style: normal;
    color:  #920c48;
    line-height: 1.3em;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px){

    h2 {
        font-size: 2.4em;
        margin: 0.3em 0 0.04em 0;
    }
}

@media only screen and (max-width: 412px){

    h2 {
        font-size: 2em;
    }
}

h3 {
    font-family: 'Vollkorn';
    font-size: 1.7em;
    margin: 0em 0 15px 0px;
    font-weight: 400;
    font-style: normal;
    color:  #548a38;
    line-height: 1.3em;
}

h4 {
    font-family: 'Sacramento';
    font-size: 3.5em;
    margin: 0 0 20px 0;
    font-weight: 400;
    font-style: normal;
    color:  #a69d72;
    line-height: 1.3em;
}

h5 {
    font-family: 'Vollkorn';
    font-size: 1.5em;
    margin: 0em 0 15px 0px;
    font-weight: 400;
    font-style: normal;
    color:  #ffffff;
    line-height: 1.3em;
    text-transform: uppercase;
}

@media only screen and (min-width: 769px) {

h5 {
    font-size: 2.5em;
    }
}

h6 {
    font-family: 'Vollkorn';
    font-size: 1.7em;
    margin: 0em 0 15px 0px;
    font-weight: 400;
    font-style: normal;
    color: #513b56;
    line-height: 1.3em;

}

@media only screen and (max-width: 767px) {

h6 {
    font-size: 1.5em;
    }
}

p {
    font-family: 'Source Sans Pro';
    margin: 0px 0px 20px 0px;
    text-transform: inherit;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.55em;
    font-style: normal;
    color: #513b56;
}

@media only screen and (max-width: 767px) {

p { font-size: 1.45em;}}


/* ---- L I E N S ---- */
a {
    color: #920c48;
    font-size: 1.1em;
    text-decoration: none;
    font-weight: 400;
}

a:active, a:hover {
    color: #4d001f;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

.gtm-bouton {
  position: relative;;
  border: 2px solid #920c48;
  margin-bottom: 20px;
  box-sizing: border-box;
  color: #920c48;
  background-color: transparent;
  margin-top: 20px;
  line-height: 1.2;
  padding: 10px 20px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  transition: color .4s ease-in-out;
}

.gtm-bouton:hover {
  background-color: #920c48;
  color: #fff;
}

img {
    width: 100%;
    height: auto;
}

/* Accordéons */

.ba__accordion-addon {
    padding: 0;
}

.ba__accordion.style1 .ba__header > * > * {
    padding: 0;
}

.ba__accordion-wrapper {
    min-height: auto;
}

.ba__accordion-header {
    border-radius: 0;
}

.gtm-ba-lire-plus span, .gtm-ba-gris span {
    font-family: 'Vollkorn';
}

.gtm-ba-gris .ba__accordion-header>*>* {
    justify-content: center;
}

.gtm-ba-lire-plus .ba__accordion-animate.ba__accordion-group.fadeIn, .gtm-ba-gris .ba__accordion-animate.ba__accordion-group.fadeIn {
    padding-left: 0;
}

.gtm-ba-gris .ba__accordion-header>* {
    background: rgb(69, 62, 72);
    color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0);
    font-family: Inherit;
    font-size: 27px;
    font-weight: Inherit;
    text-transform: uppercase;
}

.gtm-ba-gris .ba__accordion-item.ba__accordion-show.ba__accordion-active span {
    background: #fff !important;
    color: rgb(146, 12, 72) !important;
    border-color: rgba(255, 255, 255, 0);
    font-family: Inherit;
    font-size: 28px;
    font-weight: Inherit;
    text-transform: uppercase;
    font-family: 'Vollkorn';
}

.gtm-ba-gris {
    margin-bottom: 20px;
}

.gtm-logo-fermiers {
    width: 150px;
    margin-bottom: 30px;
}

.gtm-facebook {
    width: 50px;
}
/* ---- YOUTUBE FEED PRO  ---- */


/* la barre de recherche */



/* le bouton plus de vidéo */ 

.ytf-sidebar .btn-more{
	border: 3px solid #50b964;

}

/* titre des vidéos */ 

.ytf-grid .ytfBlock .ytfTitle {
	color: #50b964;
	display: block;
	margin: 5px 0 0;
	font-family: 'Lato', sans-serif;
}

/* enlever l'icone "i" du vidéo */ 

.ytfBlock i._desc{
	background: none;
}

/* enlever les bordures des vidéos par default */

.ytf-grid ._border{
	border: none;
}
    


/********** AMPZ **********/

.ampz_roosterz_icon {
    background: none;
    display: inline-block;
    height: 30px;
    width: 18px;
}

/* ---- C O N T E N U  F L U I D E---- */

.container-fluid {
    margin: 0 auto;    /* Ne pas changer */
    max-width: 1800px; /* Ne pas changer */
    padding: 0 15px;
}

@media only screen and (min-width: 1501px){
   .container-fluid {
        padding-left: 200px;
        padding-right: 200px;
    }
}

@media only screen  and (min-width: 1101px) and (max-width: 1500px){
   .container-fluid {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 768px){
   .container-fluid {
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* ---- A L I G N E M E N T ---- */
.gtm_clear {
    clear: both;
    line-height: 0em;
}


/* Droppics - galerie d'images */
/* .droppicspictures {
    float: none !important;
} */

@media screen and (max-width: 691px) { 
    .droppicsgallerymasonry .droppicspictures {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* @media screen and (min-width: 993px) { 
    .droppicsgallerymasonry {
        width: 992px;
    }
} */

/* ----   F O O T E R   &   C O P Y R I G H T   ---- */

.gtm_footer-box {
    /* position: absolute;
	bottom: 0;
    left: 0; */
	width: 100%;
	overflow: hidden;
	background-color: #F7F7F7;
	padding-top: 20px;
	padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    height: 140px;
    margin-top: 30px;
}

.gtm_h3_logo{
  font-family: 'Comfortaa';
  color:#65666a;
  float: right;
  font-size: 14px;
}

.gtm_fond_logo_footer{
    background-image : url('/../../images/gestimark-logo.svg'); 
    width: 30px;
    height : 30px; 
    float:right;
    margin-left: 10px;
    margin-top: -10px;
    margin-right: 10px;
}

.gtm_fond_logo_footer:hover {
    background-image : url('/../../images/gestimark-logo-hover.svg');
    width : 30px;
    height : 30px; 

}
.gtm_position_logo_footer{
	margin-bottom:10px
}

/* @media only screen and (min-width: 326px) and (max-width: 580px) {
    .gtm_footer {
        height: 60px;
    }
} */



.gtm_flinks {
    	float: left;
	font-size: 0.8em;
	margin-bottom: -31px;
}

.gtm_flogo {
    float: right; 
    margin-bottom: -31px;
}


@media only screen and (max-width: 480px) {

    .gtm_flinks {
        margin-bottom: 0;
    }

    .gtm_flogo {
        margin-bottom: 0;
}
}



.gtm_copyright {

    text-align: center;
    margin: auto;
    font-size: 1.3em;
    clear: both;

    
}

@media only screen and (max-width: 325px) {
.gtm_copyright {
    font-size: 1.2em;
    padding: 10px 0px
}
}

.gtm_accueilh1 h1{
	font-family: 'Sacramento';
    font-size: 3.5em;
    margin: 30px 0 20px 0;
    font-weight: 400;
    font-style: normal;
    color:  #a69d72;
    line-height: 1.3em;
    text-transform: none;

}

input.button.subbutton.btn.btn-primary:hover {
    border: 3px solid #fff;
    color: white;
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 1em;
    opacity: 0.5;
}

/*--  M E N U  --*/

.gtm_menu_background {
    background: #ffffff;
    width: 100%;
}







/* ---- F O R M U L A I R E S  ---- *

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-box-shadow: none;
    background: #FAFAFA;
    border-bottom-color: #EEEEEE;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-width: 0 0 2px;
    box-shadow: none;
    color: #888888;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 10px;
}

*/

/*  ---- B L O C S  ---- */

.gtm_bloc_mauve {
    background-color: rgba(69, 62, 72, 0.4);
    padding: 10px;
    
}

.gtm_bloc_beige {
    background-color: rgba(166, 157, 114, 0.4);
    padding: 25px;
    margin-left: 2%;
    margin-right: 2%;
    
}
/*BLOCrouge*/
.gtm_bloc_rouge {
    background-color: rgba(146, 12, 72, 0.5);
    padding-top: 48px;
    padding-bottom: 48px;
    margin-bottom: 30px;
    text-align: center;

}

@media only screen and (max-width: 480px) {
    .gtm_bloc_rouge p{
        line-height: 1.2em;
        font-size: 1.5em;
    }
}


.gtm_bloc_rouge p{
    color: #fff;
    
}

/*BLOCLEGUME*/

.gtm_bloc_legumes {
    background-image: url(/images/legumes-sur-table.jpg);
    background-position: inherit;
    background-repeat: none;
    background-size: 110%;
    padding-top: 48px;
    padding-bottom: 48px;
    margin-bottom: 30px;
}

.gtm_legumes {
    margin-left: 15px;
    margin-right: 15px;
}

@media only screen and (max-width: 767px) and (min-width: 438px) {
    .gtm_bloc_legumes {
        padding-top: 35px;
        padding-bottom: 35px;
        margin-left: 10%;
        margin-right: 10%;

    }
}

@media screen and (min-width: 768px) { 
    .gtm_legumes {
        margin-left: 60px;
        margin-right: 60px;
    }
}

@media screen and (min-width: 1200px) { 
    .gtm_legumes {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }
}


/*-------L E S   L E G U M E S   Q U E   N O U S   C U L T  I V O NS-------*/

.gtm_legumes {
    text-align: center;
}

@media only screen and (max-width: 916px){
.gtm_legumes h4{
    font-size: 3em;
}
}


@media only screen and (max-width: 768px){
.gtm_legumes h4{
    line-height: 1em;

}
}

/*-----------------B L O C   M O D E L E   D A F F A I R E-----------*

.gtm_affaire {
    text-align: center;
    background-image: url(/images/social-tomate2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 129%;
    padding: 2.7em;
    min-height: 200px;
}

.gtm_affaire h2{
    color: #fff;
    margin-bottom: 0;
    padding: 5%;
}

/*-----------------TOUS LES ACCORDÉONS EN FORME DE BOUTONS ( model affaire - participant - mode de paiement-----------*/
.gtm_notremodel .btn.btn-primary {
    font-size: 18px;
}


.gtm_boutonslider {
    text-align: left;
}


.gtm_boutonslider .rl_sliders.accordion > .accordion-group .accordion-heading .accordion-toggle {
    text-transform: uppercase;
    background-color: #453e48;
    padding: 3%;
    font-size: 2em;
    color: #fff;
    border: 3px #453e48 solid;
}

@media only screen and (max-width: 916px) and (min-width: 768px) {
.gtm_boutonslider .rl_sliders.accordion > .accordion-group .accordion-heading .accordion-toggle {
    font-size: 1.5em;
    padding: 5%;
   
}

}

@media only screen and (max-width: 767px) {
.gtm_boutonslider .rl_sliders.accordion > .accordion-group .accordion-heading .accordion-toggle {
    font-size: 1.7em;
   
}

}





.gtm_boutonslider .rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
    background-color: #fff;
    color: #453e48;
    border: 3px #453e48 solid;
    text-decoration: none;
    padding: 3%;
}

@media only screen and (max-width: 916px) and (min-width: 768px) {
.gtm_boutonslider .rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
    font-size: 1.5em;
    padding: 5%;
   
}

}

@media only screen and (max-width: 767px) {
.gtm_boutonslider .rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
    font-size: 1.7em;
   
}

}

.gtm_boutonslider .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
    background-color: #fff;
    color: #920c48;
    font-size: 2em;
    margin-top: 0px;
    text-transform: uppercase;
    border: 3px white solid;
    margin-bottom: 1em;}

@media only screen and (max-width: 916px) and (min-width: 768px) {
.gtm_boutonslider .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle{
    font-size: 1.5em;
    padding: 5%;
   
}

}

@media only screen and (max-width: 767px) {
.gtm_boutonslider .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle{
    font-size: 1.7em;
   
}

}

.gtm_boutonslider a:focus, a:hover {
    text-decoration: none;
    margin-bottom: 1em;
}


.gtm_boutonslider .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle:hover {
    background-color: #fff;
    color: #453e48;
    border: 3px #453e48 solid;
    text-decoration: none;
    padding: 3%;
    margin-bottom: 1em;
}

@media only screen and (max-width: 916px) and (min-width: 768px) {
.gtm_boutonslider .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle:hover {
    font-size: 1.5em;
    padding: 5%;
   
}

}

@media only screen and (max-width: 676px) {
.gtm_boutonslider .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle:hover {
    font-size: 1.7em;
   
}

}


/*------------------Tous les  EN LIRE PLUS ---------------*/

.gtm_lireplus {
    text-align: left;
}

.gtm_lireplus .rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle {
    display: table;
    margin: 0 0 2em 0;
    font-size: 1.3em;
    padding: 0;
}

.gtm_lireplus .rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
    background-color: white;
    color: #453e48;
    text-decoration: underline;
}

.gtm_lireplus .rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
    background-color: none;

}

.gtm_lireplus .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
    margin-bottom: 1em;

}


.gtm_lireplus .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle:hover {
    color: #453e48;

}

.gtm_lireplus a:focus {
    text-decoration: none;
}




/*-----------------B L O C   L E S   P A N I E R S IMAGE TITRE-----------*/

#mod-custom424 {
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2.7em;
    min-height: 150px;
    margin-bottom: 2em;
}

/* #mod-custom424 {
    background-size: cover;
} */

h2.gtm-paniers {
    font-size: 3em;
    text-align: left;
}

.gtm-div-saisons h4 {
    font-size: 2.5em;
}

@media only screen and (max-width: 1099px) and (min-width: 916px){
    .gtm_les_paniers {
        padding: 1.7em;
    }
}

@media screen and (min-width: 992px) { 
    .gtm-div-paniers {
        display: flex;
        flex-wrap: wrap;
        gap: 4%;
    }

    .gtm-div-saisons {
        width: 46%;
    }
}


@media only screen and (max-width: 915px) and (min-width: 768px){
    .gtm_les_paniers{
        background-size: 122%;
        padding: 1.7em;
    }
}


@media only screen and (max-width: 767px){
    .gtm_les_paniers{
        background-size: 158%;
        padding: 1.7em;
        margin-bottom: 1em;
        margin-top: 2em;
    }

    .gtm_paniers_texte h2{
        text-align: left;
    }
}

.gtm_les_paniers h4{
    color: #fff;
    margin-bottom: 0;
    font-size: 4.5em;
    padding: 5px 15px 5px 15px;
    display: table;
    margin: auto;
    background-color: rgba(20, 45, 16, 0.58);
    margin-top: 4px;

}

@media only screen and (min-width: 600px){
.gtm_les_paniers h4{
padding: 5px 1em 5px 1em;

}

}

@media only screen and (min-width: 900px){
    .gtm_les_paniers h4{
        font-size: 5.3em;
    }
}

@media only screen and (min-width: 1000px){
    .gtm_les_paniers h4{
        padding: 5px 1.5em 5px 1.5em;
    }
}

.gtm_ex_panier{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.gtm_ex_panier1, .gtm_ex_panier2, .gtm_ex_panier3{
    width: 100%;
}

@media only screen and (min-width: 900px){
    .gtm_ex_panier li {
    font-size: 16px;
    line-height: 1.25em;
}
.gtm_ex_panier {
    flex-wrap: unset;
}
}
@media only screen and (min-width: 1100px){


    .gtm_ex_panier li {
    font-size: 1em;
}


}
/*-----------------MODULE MODE DE PAIEMENT------------*/
.gtm_paiement h6 {
    margin: 0 0 0 0;
    font-size: 2em;
    font-weight: 600;
}

/*----------------MODULE COORDONNÉES------------------*/

.gtm_coordonnees {
    text-align: center;
    padding: 3%;
    border: 2px #453e48 solid;
    margin-bottom: 2em;
    max-width: 1400px;
    margin-left: 15px;
    margin-right: 15px;
}


.gtm_coordonnees_titre h4 {
    text-align: center;
    font-size: 5.2em;
    margin: 0.3em 0 0 0;
}

.gtm_coordonnees h6 {
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 0;
}


.gtm_coordonnees h2 {
    color: #513b56;
}


@media only screen and (max-width: 1050px) and (min-width: 768px){

    .gtm_coordonnees h6 {
        font-size: 1.1em;
    }

    .gtm_coordonnees h2 {
        font-size: 1.6em;
    }

    .gtm_coordonnees p {
        font-size: 1.2em;
    }

    .gtm_coordonnees a {
       font-size: 1em;
    }

    .gtm_coordonnees {
        margin-left: 60px;
        margin-right: 60px;
    }

}

@media screen and (min-width: 1101px) {
    .gtm_coordonnees {
        margin-left: 80px;
        margin-right: 80px;
    }
}

@media screen and (min-width: 1501px) {
    .gtm_coordonnees {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*-----------------MODULE PANIER - TITRE LIVRAISON------------------*/

.gtm_livraison {
    text-align: center;
    background-image: url(/images/livraison2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
    min-height: 100px;
    margin-bottom: 1em;
}



.gtm_livraison h4{
    color: #fff;
    margin-bottom: 0;
    padding: 1%;
    font-size: 3em;
    text-align: center;
    text-transform: none;
}

@media only screen and (max-width: 936px) and (min-width: 768px) {
    .gtm_livraison{
        background-size: 138%;
    }

    .gtm_livraison h4{
        font-size: 2.75em;
    }
}

@media only screen and (max-width: 767px){

    .gtm_livraison {
        background-size: 225%;
        padding-bottom: 3%;

    }

    .gtm_livraison h4{
        font-size: 2.6em;
    }
}


/*-----------------B L O C  A  I N F O L E T T R E-----------*/

.acymailing_module {
    background-image: url(/images/legumes-panier.jpg);
    background-position: center;
}

.acymailing_module div {
    padding: 18px!important;
    text-align: center;
    max-width: 700px;
    margin: auto!important;
    display: block;
}

.acymailing_module_form {
    background-color: rgba(98, 88, 100, 0.5);
}

.acymailing_module_form .acymailing_introtext{
    background: none;
}

.acymailing_introtext p{
    color: #fff;
    
}

input.button.subbutton.btn.btn-primary{    
    border: 3px solid #fff;
    color: white;
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 1em;
}



input[type="text"], input[type="email"] {
    border: 3px solid #fff;
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 1em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    padding: 4px 6px;
    border-radius: 4px;
}

::placeholder {
    color: #fff;
}

.acysubbuttons .btn-primary {
    background-color: rgba(255, 255, 255, 0);
    border: 3px solid #fff;
}

.gtm_bloc_infolettre {
    text-align: center;
    padding-top: 48px;
    padding-bottom: 48px;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
}

#mod-custom411 {
    margin-left: 15px;
    margin-right: 15px;
    background-image: url(/images/legumes-panier.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.gtm_bloc_infolettre p {
    color: #fff;
}



@media only screen and (max-width: 1099px) and (min-width: 916px){
    .gtm_bloc_infolettre {
        margin-top: 1.5em;
    }
}

@media only screen and (max-width: 915px) and (min-width: 768px){
    .gtm_bloc_infolettre {
        margin-top: 1em;
    }
}

@media only screen and (min-width: 768px) {
    #mod-custom411 {
        margin-left: 60px;
        margin-right: 60px;
    }
}

@media only screen and (max-width: 480px) {
    .gtm_bloc_infolettre p{
        line-height: 1.2em;
        font-size: 1.5em;
    }
}

@media screen and (min-width: 1101px) { 
    #mod-custom411 {
        margin-left: 80px;
        margin-right: 80px;
    }
}

@media screen and (min-width: 1501px) {
    #mod-custom411 {
        margin-left: auto;
        margin-right: auto;
        max-width: 1400px;
    }
}

.gtm_bloc_mauve_t {
    background-color: rgba(98, 88, 100, 0.5);
    padding: 32px;
    text-align: center;
}

.gtm_bloc_rouge_t {
    background-color: rgba(146, 12, 72, 0.5);
    padding: 61px;
    margin-left: 15%;
    margin-right: 15%;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .gtm_bloc_rouge_t {
        padding: 20px;
    }
}

@media only screen and (max-width: 539px) {
    .gtm_bloc_rouge_t {
        padding-bottom: 10px;
    }
}






@media only screen and (max-width: 767px) and (min-width: 540px) {    

    .gtm_bloc_rouge_t h5{
        font-size: 2em;
    }
}



@media only screen and (max-width: 539px){

    .gtm_bloc_rouge_t h5{
        font-size: 1.7em;
    }


}

.gtm_bloc_rouge_t h5{
    margin-bottom: 0px;

}

.gtm_bloc_rouge_t p{
    color: #fff;

}

/*-----------------A B O N N E M E N T S-------------------*/

.gtm_abonnement_titre {
    text-align: center;
}

.gtm_abonnement_titre h4{
    font-size: 5.2em;
    margin-bottom: 0;
}



.gtm_abonnement {
    background-image: url(/images/abonnement4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 2em;
    margin-top: 2em;
    text-align: center;
    padding: 2%;
}



.gtm_abonnement h4{
    color: white;
    font-size: 6.5em;
    margin: 0;;
    
}
 

.gtm_abonnement p {
    color: white;
}


.gtm_abonnement p {
    font-size: 1.3em;
}


.gtm_abonnement a{
    color: white;
    font-size: 1em;
    text-decoration: underline;
    font-weight: 100;
    
}

.gtm_abonnement a:hover {
    color: rgba(255, 255, 255, 0.5);

}

.gtm_abonnement .btn-primary.outline_white {
    background-color: rgba(255, 255, 255, .2);
    text-decoration: none;
    font-size: 1.2em;
    margin: 0.6em 5px;
}

.gtm_abonnement .btn-secondary.outline_white {
    background-color: rgba(255, 255, 255, 0);
    text-decoration: none;
    font-size: 1.2em;
    margin: 0.6em 5px;
}

.gtm-btn-paniers span {
    margin: 0.6em 5px;
}

@media only screen and (max-width: 1249px) and (min-width: 990px) {
    .gtm_abonnement {
        background-image: url(/images/abonnement5.jpg);    
    }
}


@media only screen and (max-width: 989px) and (min-width: 768px) {
    .gtm_abonnement{
        background-image: url(/images/abonnement5.jpg);
    }

    .gtm_abonnement h4{
        font-size: 5.5em;
    }
}

@media only screen and (max-width: 767px){
    .gtm_abonnement{
        background-image: url(/images/abonnement-tablette.jpg);
        padding: 3%;
    }

    .gtm_abonnement h4{
        font-size: 5em; 
    }
}

@media only screen and (max-width: 559px) {
    .gtm_abonnement{
        padding-top: 8%;
        padding-bottom: 8%;
    }

}


@media only screen and (max-width: 445px) {

    .gtm_abonnement h4{
        font-size: 4em;
    }

}









.gtm_abonnement-t {

   background-color: rgba(86, 88, 54, 0.75);
    padding: 2em;
    margin-left: 15%;
    margin-right: 15%;
    text-align: center;

}

@media only screen and (max-width: 989px) and (min-width: 768px){
.gtm_abonnement-t{
    padding: 1em;
    margin-left: 8%;
    margin-right: 8%;

}

}

@media only screen and (max-width: 650px) and (min-width: 560px){
.gtm_abonnement-t{
    margin-left: 10%;
    margin-right: 10%;

}

}

@media only screen and (max-width: 559px) and (min-width: 501px){
.gtm_abonnement-t{
    margin-left: 8%;
    margin-right: 8%;

}

}

@media only screen and (max-width: 500px) and (min-width: 446px){
.gtm_abonnement-t{
    margin-left: 4%;
    margin-right: 4%;

}

}

@media only screen and (max-width: 445px){
.gtm_abonnement-t{
    margin-left: 5%;
    margin-right: 5%;
    padding: 1em;

}

}

/*-----page formulaire-------*/


.gtm_inscription_panier {
    margin-top: 3em;
}

.gtm_inscription_panier .rsform-block {
    font-size: 26px;
    color: #920c48;
    font-family: 'Vollkorn';
}

.gtm_inscription_panier .formControlLabel {
    font-family: 'Source Sans Pro';
    font-size: 18px;
    color: #513b56;
    font-weight: 400;
}

.gtm_inscription_panier .formResponsive textarea, .gtm_inscription_panier .formResponsive input[type="text"], .gtm_inscription_panier .formResponsive input[type="number"], .gtm_inscription_panier .formResponsive input[type="email"], .gtm_inscription_panier .formResponsive input[type="tel"], .gtm_inscription_panier .formResponsive input[type="url"], .gtm_inscription_panier .formResponsive input[type="password"] {
    background: none;
    border-color: #920c48;
    box-shadow: none;
    height: 18px;
}



.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"]{
     background: none;
    border-color: #513b56;
    box-shadow: none;
    height: 18px;
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-left: none;
}
.formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="number"]:focus, .formResponsive input[type="email"]:focus, .formResponsive input[type="tel"]:focus, .formResponsive input[type="url"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus{
    background: none;
    border-color: #920c48;
    box-shadow: none;
    height: 18px;
}

.formResponsive label {
    display: table;
    font-size: 14px;
    line-height: 20px;
}

p.rsformVerticalClear {
    padding-left: 10px;
}

p.formDescription {
    font-size: 18px;
}

.gtm_details_form a {
    border: 3px solid;
    padding: 10px 15px;
}


button#soumettre {
    margin: auto;
    display: table;
    font-size: 29px;
    padding: 15px 20px 15px 20px;
    background-color: #453e48;
    background-image: none;
    box-shadow: none;
    border-radius: 0;
}

button#soumettre:hover{
    opacity: 0.5;
}

.gtm_details_form h2 {
    text-transform: none;
    margin-bottom: 1em;
        margin-top: -15px;
}


.gtm_details_form h3 {
    text-align: center;
}
.gtm_details_form h4 {
    text-align: center;
    font-size: 37px;
    line-height: 35px;
    margin-top: 1em;
}

span.gtm-form-inscription, .rsform-block.rsform-block-vacances-titre span, .rsform-block-transplants-texte span, .rsform-block-paniers-ete span, .rsform-block-paniers-printemps span, .rsform-block-equiterre span, .rsform-block-informations-equiterre span, .rsform-block-reseau span, .rsform-block-cotisation-rff span {
    font-family: 'Source Sans Pro';
    font-size: 18px;
    color: #513b56;
    font-weight: 400;
}

@media only screen and (min-width: 651px){
    .rsform-block.rsform-block-quantite .formControlLabel {
    display: contents;
}

.rsform-block.rsform-block-vacances .formControlLabel {
    display: contents;
}
.rsform-block.rsform-block-vacances .formControls {
    margin-left: 10px;
}
.rsform-block.rsform-block-paiement .formControlLabel {
    width: 100%;
    display: contents;
}
.rsform-block.rsform-block-paiement .formControls {
    margin-left: 0;
}
.rsform-block.rsform-block-engagement .formControlLabel, .rsform-block.rsform-block-cotisation .formControlLabel, .rsform-block.rsform-block-cotisation-equiterre .formControlLabel {
    display: contents;
}
.rsform-block.rsform-block-soumettre .formControlLabel {
    display: none;
}
.rsform-block.rsform-block-soumettre .formControls {
    margin-left: 0;
}
}

/*  ---- L I S T E S  ---- */ 

ul {
    text-transform: inherit;
    font-weight: 300;
    font-style: normal;
    color: #6c616e;
    margin: 0 2em 1em;
    padding: 0 0em;
    list-style: disc;
    font-size: 1.3em;
}

li {
    line-height: 1.5em;
    padding: 10px 0px;
    color: #6c616e;
    
}

li:before {

    display: block;
    height: 0;
    width: 0;
    left: -1.5em;
    position: relative;
}

ol li:before {
    border-width: 0;
    display: block;
    margin: 0 0 0.9em 2em;
    position: relative;
}


/********** RS FORM DESIGN **********/





/*** pour mobile ***/



/***** rs form hover  - acy mailing input *****/ 




/***** rs form focus *****/




/***** rs form font-size *****/





/*  ---- B L O C K Q U O T E  ---- */





/*    C O N T A I N E R - écriture sur bootstrap    */
.container {
    width: 100%;
    margin: 0;
    padding: 0;
}


/*   B O U T O N S    */

/* Bouton bootstrap */

.btn {
    padding: 20px 20px;
    border: 0 none;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: none;
    text-shadow:  none;
    border-radius: 0;
    left: 39%;
}
 
 @media only screen and (max-width: 480px) {

  .btn{
    font-size: 0.8em;

    
   }
    }
    
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

/* bouton pleine couleur bootstrap */
 
.btn-primary {
    background-color: #453e48;
    color: #ffffff;
    font-size: 1.3em;
    margin-bottom: 1em;
    padding: 0.3em 0.7em;
    }


 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: rgba(69, 62, 72, 0.5);
    color: #fff;
    text-decoration: none;
    
}
 

.btn-primary:active, .btn-primary.active {
    background-color: rgba(69, 62, 72, 0.5);
    color: #fff;
    text-decoration: none;
    box-shadow: none;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    border-color: #fff;
    background-color: rgba(69, 62, 72, 0.5);
    color: #fff;
    text-decoration: none;
    box-shadow: none;
}


.btn-primary:hover {
    color: #fff;
    background-color: rgba(69, 62, 72, 0.5);
    border-color: rgba(69, 62, 72, 0.5);
}

/******* bouton contour bootstrap *******/
.btn.outline {
    background: none;
    padding: 12px 22px;
    font-size: 0.8em;

}

.btn-primary.outline {
    border: 3px solid #453e48;
    color: #453e48;
}

.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: rgba(69, 62, 72, 0.5);
    border-color: rgba(69, 62, 72, 0.5);
}
.btn-primary.outline:active, .btn-primary.outline.active {
    border-color: rgba(69, 62, 72, 0.5);
    color: rgba(69, 62, 72, 0.5);
    box-shadow: none;
}

.btn-secondary.outline:active, .btn-secondary.outline.active {
    border-color: #ffffff54;
    color: #ffffff54;
    box-shadow: none;
}


.btn-primary.outline_white {
    border: 3px solid #fff;
    color: white;
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 1em;
}

.btn-secondary.outline_white {
    border: 3px solid #ffffff54;
    color: #ffffff54;
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 1em;
}

.btn-primary.outline_white:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.5);
}
.btn-primary.outline_white:active, .btn-primary.outline.active {
    border-color: rgba(69, 62, 72, 0.5);
    color: rgba(69, 62, 72, 0.5);
    box-shadow: none;
}

@media only screen and (max-width: 760px){
    .btn-primary.outline_white{
        padding: 15px;
    }
}

@media only screen and (max-width: 479px){
    .btn-primary.outline_white{
        padding: 13px;
        font-size: 1.2em;
        border: 2px solid #fff;
    }
}

/* Le côté social et Qui nous sommes */
@media screen and (min-width: 768px) { 
    .gtm-flex {
        display: flex;
        flex-wrap: wrap;
        gap: 3%;
    }

    .gtm-flex-50 {
        width: 48%;
    }
}

/* Article */

/* .com-content-article__body {
    padding: 0 15px;
} */

@media screen and (min-width: 768px) { 
    .com-content-article__body {
        padding: 0;
    }
}

/* Les participants et Les points de vente */
.gtm-logo-ferme-possible {
    width: 120px;
}

#n2-ss-7item3 {
    max-width: 453px;
}

div#rlta-les-participants h3 {
    text-transform: uppercase;
    background-color: #453e48;
    padding: 3%;
    font-size: 2em;
    color: #fff;
    border: 3px #453e48 solid;
    text-align: center;
}

/* Nos légumes sont certifiés biologiques */
.gtm-certifie-bio {
    padding: 0 15px;
}

/*  --------------------  M E D I A  Q U E R I E S  --------------------  */

@media screen and (min-width: 701px) { 
    span.n2i.n2-ss-7item1.nfa.nfa-circle.n2-ss-item-content {
        position: relative;
    }

    span.n2i.n2-ss-7item1.nfa.nfa-circle.n2-ss-item-content::before {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 150%;
    }
}

@media screen and (min-width: 843px) { 
    span.n2i.n2-ss-7item1.nfa.nfa-circle.n2-ss-item-content::before {
        font-size: 100%;
    }
}


/* ---- A F F I C H A G E  S U R   D E S K T O P ---- */

@media only screen and (max-width: 767px) {
    .gtm_desktop {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  T A B L E T T E  E T  D E S K T O P ----  */

@media only screen and (max-width: 480px) {
    .gtm_tablette_desktop {
        display: none;
   }
}

@media only screen and (min-width: 769px) and (max-width: 480px){
    .gtm_tablette {
        display: none;
   }
}


/* ---- A F F I C H A G E  S U R  M O B I L E  E T  T A B L E T T E  ----  */

@media only screen and (min-width: 768px) {
    .gtm_mobile_tablette {
        display: none;
   }
}

/* ---- A F F I C H A G E  SPECIAL POUR BLOC COORDONÉES ----  */
@media only screen and (min-width: 768px) {
    .gtm_special {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  M O B I L E  ----  */

@media only screen and (min-width: 479px) {
    .gtm_mobile {
    display: none;
    }
    
}

/* ---------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------
  MENU PRINCIPAL
------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */


/* ===================================================================
                           LOGO DANS LE MENU
=================================================================== */
/* Affiche le logo dans le menu lorsque la classe .gtmOpen est présente */
.gtmHeader.gtmOpen::before {
  content: url("/images/image.png");
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  z-index: 0;
  box-sizing: border-box;
  padding: var(--space-sm) var(--space-sm) 0 var(--space-sm);
}

/* ===================================================================
                          ICÔNE BURGER
=================================================================== */

/* Conteneur de l'icône burger, positionné en haut à droite */
.gtmHeader .gtm-open-nav-menu {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  height: 45px;
  width: 45px;
  /* border-radius: 50%; */
  background: rgba(68, 60, 71, 0.69);
  margin: var(--space-xs) var(--space-xs) 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10000000;
}

/* Barre centrale du burger */
.gtmHeader .gtm-open-nav-menu span {
  display: block;
  position: relative;
  height: 3px;
  width: 25px;
  background-color: #fff;
  border-radius: var(--border-radius-small);
}

/* Barres haute et basse du burger */
.gtmHeader .gtm-open-nav-menu span:before,
.gtmHeader .gtm-open-nav-menu span:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all .2s ease;
  border-radius: var(--border-radius-small);
}

/* Position des barres haute et basse */
.gtmHeader .gtm-open-nav-menu span:before {
  top: -7px;
}

.gtmHeader .gtm-open-nav-menu span:after {
  top: 7px;
}

/* Transformation du burger en croix lors de l'ouverture du menu */
.gtm-hidden-scrolling .gtmHeader .gtm-open-nav-menu span {
  background-color: transparent !important;
}

.gtm-hidden-scrolling .gtmHeader .gtm-open-nav-menu span:before {
  transform: rotate(45deg);
  top: 0;
  background-color: #fff;
}

.gtm-hidden-scrolling .gtmHeader .gtm-open-nav-menu span:after {
  transform: rotate(-45deg);
  top: 0;
}

/* ===================================================================
                              MENU
=================================================================== */
/* Conteneur principal du menu */
.gtm-menu {
  z-index: 2000;
  position: relative;
}

/* En-tête du menu (plein écran lorsqu'ouvert) */
.gtmHeader {
  position: fixed;
  width: 100%;
  min-height: 100dvh;
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: transparent;
  right: -100%;
  max-width: 100vw;
  transition: right 0.5s ease, background-color 0.5s ease, max-width 0.5s ease;
}

/* En-tête actif : s'affiche en à droite */
.gtmHeader.gtmOpen {
  right: 0;
  z-index: 100;
  background-color: #fff;
  max-width: 240px;
}

.gtmHeader .gtm-open-nav-menu {
  transition: all 0.5s ease;
}

.gtmHeader.gtmOpen .gtm-open-nav-menu {
  right: 240px;
}

/* Conteneur du contenu principal de l'en-tête */
.gtm-header-main {
  position: relative;
  z-index: 10;
}

/* Réinitialise la liste des menus */
nav.gtm-nav-menu ul.menu {
  list-style: none;
  margin-left: 0;
}

/* ===================================================================
                        NAVIGATION PRINCIPALE
=================================================================== */

.nav>li {
    padding: 0;
}

/* Styles de la boite de la navigation */
.gtmHeader .menu {
  text-align: left;
  width: 100%;
}

/* Styles des liens du menu */
.gtmHeader .menu>.menu-item>a {
    transition: all 0.3s ease;
    font-family: 'Source Sans Pro', Arial, Helvetica;
    font-size: 16px;
    color: #453e48;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    text-shadow: none;
    line-height: 30px;
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: 7px 15px 7px 15px;
}

/* Survol des liens */
.gtmHeader .menu>.menu-item>a:hover {
  color: var(--color-link-hover);
}

/* Lien actif */
.menu>.gtmFada.active>a {
  color: var(--color-link-active);
  font-weight: 600;
}

/* Espacement vertical entre les éléments du menu */
.gtmHeader .menu>.menu-item {
    margin-bottom: 0;
}

/* Curseur pointeur sur les séparateurs */
.separator {
  cursor: pointer;
}

/* Séparateur actif */
.parent.gtm-active a.separator {
  color: var(--color-link-active) !important;
  font-weight: 600 !important;
}

/* Style des images par défaut dans le menu */
.default img {
  width: 100px;
}

/* ===================================================================
                           SOUS-MENU
=================================================================== */

/* Liste des sous-menus */
nav.gtm-nav-menu .menu .gtm-sub-menu {
  display: block;
  text-align: center;
  list-style: none;
  margin-left: 0;
}

/* Sous-menu masqué par défaut */
.gtmHeader .menu>.gtm-menu-item-has-children .gtm-sub-menu {
  position: relative;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all .2s ease-in-out;
}

/* Sous-menu actif (visible) */
.gtmHeader .menu>.gtm-menu-item-has-children.gtm-active .gtm-sub-menu {
  visibility: visible;
  opacity: 1;
}

/* Premier élément du sous-menu avec un espace au-dessus */
nav.gtm-nav-menu .gtm-sub-menu li:first-child {
  padding-top: var(--space-xs);
}

/* Style des liens du sous-menu */
nav.gtm-nav-menu .gtm-sub-menu li a {
  color: var(--color-link);
  font-size: var(--font-size-sm);
  font-weight: 400;
  line-height: 1.2rem;
  margin-bottom: 0px;
  transition: all 0.3s ease;
}

/* Lien actif du sous-menu */
nav.gtm-nav-menu .gtm-sub-menu li.active a {
  color: var(--color-link-hover);
}

/* ===================================================================
                        ICÔNES DES SOUS-MENU
=================================================================== */

/* Conteneur de l'icône "+" */
.gtm-menu-item-has-children .separator {
  position: relative;
}

/* Icône "+" : lignes horizontale et verticale */
.gtm-menu-item-has-children .separator::before,
.gtm-menu-item-has-children .separator::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: var(--color-background);
  transition: all .3s ease;
}

/* Ligne verticale (avant) */
.gtm-menu-item-has-children .separator::before {
  top: 48%;
  right: -15px;
  transform: translateY(48%) rotate(-90deg);
}

/* Ligne horizontale */
.gtm-menu-item-has-children .separator::after {
  top: 48%;
  right: -15px;
  transform: translateY(48%);
}

/* Icône "+" transformée en "-" (lorsqu'actif) */
.gtm-menu-item-has-children.gtm-active .separator::before {
  transform: rotate(0deg);
}

/* Changement de couleur lorsqu'actif */
.gtm-menu-item-has-children.gtm-active .separator::after,
.gtm-menu-item-has-children.gtm-active .separator::before {
  background-color: var(--color-link-active);
}

/* Pour les cas actifs supplémentaires */
.gtm-menu-item-has-children.active .separator::after,
.gtm-menu-item-has-children.active .separator::before {
  background-color: var(--color-link-active);
}

/* #endregion */