/*
 Theme Name:   Grand Sunrise
 Template:   twentytwentyfour
 Description:  Twenty Twenty-Four Child Theme
 Author:       Ben DC
 Author URI:   http://tafhub.com
 Description: Twenty Twenty-Four is designed to be flexible,
 versatile and applicable to any website. Its collection of templates and patterns tailor to different needs,
 such as presenting a business,
 blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process,
 is fully compatible with the site editor,
 and takes advantage of new design tools introduced in WordPress 6.4.
 Template:     twentytwentyfour
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0 License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Tags:         Tags: one-column,
custom-colors,
custom-menu,
custom-logo,
editor-style,
featured-images,
full-site-editing,
block-patterns,
rtl-language-support,
sticky-post,
threaded-comments,
translation-ready,
wide-blocks,
block-styles,
style-variations,
accessibility-ready,
blog,
portfolio,
news
 Text Domain:  twentytwentyfourchild
*/
#is-search-input-992{
    border-color:#91c1d6!important;
}
body  .groupe-title-site{
    margin-top: -3px;
}
.externalLinks{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-around;
}
.externalLinks h3{
    display: inline-flex;               
 }
 .container-externalLinks{
         display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
 }
 .container-externalLinks a{
      position: relative;
    padding: 10px 42px 10px 12px;
    margin-right:5px;
    margin-bottom: 20px;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
    font-size: 17px;
    text-decoration: none;
    background: #fff;
 }
  .container-externalLinks a:hover{
   text-decoration: underline;
  }    
 .container-externalLinks a:after{
        content: "";
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 13px;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-image: url(assets/img/external-link.png);
    background-repeat: no-repeat;
 }
 .plantation-acf  li strong,main strong,.woocommerce div.product form.cart .variations label{
     color:#a44f41;
 }
 .wp-block-post-featured-image :where(img){
     max-height:100%;
 }
 .plantation-acf  li, .plantation-acf ul{list-style: none;position:relative;padding-bottom: 20px; padding-left: 0;}
 .plantation-acf li ul{
  padding-left: 0;
  padding-top: 15px;
  padding-bottom: 0;}
  .plantation-acf li ul li, .plantation-acf li ul li p{padding-left:0;}
 .plantation-acf  li{padding-left:10px}
 .woocommerce div.product form.cart .variations select{
     border-color: #a44f41;
 }
 .plantation-acf  li p{
     display:inline;padding-left:0px;
 }
 .wc-block-mini-cart__button{
     padding:0;
 }
  .plantation-acf  li:before{
        content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -42px;
    width: 36px;
    height: 36px;
    background-size: contain;
   
    background-repeat: no-repeat;
 }
 .plantation-acf  li.biotop:before{
      background-image: url(assets/img/environnement.png);
 }
  .plantation-acf  li.hauteur_max:before{
      background-image: url(assets/img/regle.png);
 }
  .plantation-acf  li.rusticite:before{
      background-image: url(assets/img/plus-froid.png);
 }
  .plantation-acf  li.plantation:before{
      background-image: url(assets/img/plantation.png);
 }
 
.cuisine-block{
    padding:20px;
    background:#fff;
    color:#000;
}
.bloc-sub-prpoprietes{
        margin: 0px auto;
    width: 100%;
    list-style: none;
    text-align: center;
    padding: 20px 0;
    display: inline-block;
}
.bloc-sub-prpoprietes li{}
.infos-single-right .wp-block-image {
    width:34px!important;
    flex-shrink: 0;
}
.mellifere img{
    width:34px!important;
}
.mellifere a{
    margin: 0 0 0 10px;
}
nav a:focus,.wc-block-components-product-image a:focus{
    outline: none;
}
.nom-latin-acf h3{
  font-size: 0.9em;
font-style: italic;
margin: 0.01em;
text-align: center;
}
.nom-latin-acf h2{
font-style: italic;
font-size: 1.5em;
}
.utilisations-acf{
  display: flex;
      flex-wrap: wrap;
max-width: 100%;
}
.utilisation-acf{
  padding:0 10px 10px 10px;
      flex-basis: auto;
      text-align: center;
}

.utilisation-acf h5{
  font-size: 1em;
  text-align:center;
}
.utilisation-acf img{
  max-width:50px;
}
.utilisations-acf {
    text-align:center;
    align-items: center;
 justify-content: center;
}
 .utilisation-acf img {
    max-width: 38px;
        height: auto;
}
.force-width-child{
    flex-shrink: 0;
}
.viwcpf-off_canvas-overlay{
  opacity: 0!important;
}
.viwcpf_wrap_filter-content .viwcpf_filter-title{
  color:#272525!important;
  font-weight:bold;
      margin-top: 0;
      margin-bottom: 0;
}
.vi_dropdown-display .vi_dropdown-chose-list {
    color: #e68c4b !important;
}
.viwcpf-off_canvas-header-title-wrap{
    color:#272525!important;
}
.viwcpf-off_canvas-header-wrap{

  background-image: url(assets/img/vue-aerienne-pattern.jpg);
background-size: 182%;
  background-repeat: no-repeat;
}
.viwcpf-off_canvas-content-wrap1{
  background-color:#d5e0cd;
}
.viwcpf-off_canvas-content-wrap .viwcpf-off_canvas-content-wrap1 {
    overflow-y: auto;
}
.viwcpf-off_canvas-icon-wrap{
  background-color:transparent;
}
.viwcpf-off_canvas-icon > i{
    color: #000;
    font-size: 0.9em !important;
    position: relative;
}
.viwcpf-off_canvas-icon > i:before{
     position: absolute;
        left: -8px;
    top: 4px;
}   
.viwcpf-off_canvas-icon > i:after{
    content:"Filtrer";
        position: absolute;
         top: -15px;
    left: -16px;
}
.viwcpf_wrap_filter-content{
  background-color:transparent;
  border-bottom: 1px solid #e4efeb!important;
}
.wiki-link{
    padding: 20px 20px 20px 67px;
    background-image: url(assets/img/wiki.png);
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    border-radius: 10px;
    border: 1px solid #000;
}
.container_bulles{
    display: flex;
    align-items: baseline;
    gap: 30px;
}
.bulle{
  border-radius: 10px;
    border: 1px solid #000;
    background-color: #fff;
    padding: 20px 20px 20px 53px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
.bulle p{margin:0;}
.bulle-details{
  background-image:url('assets/img/utilisations.png');
}
.bulle-aromes{
  background-image:url('assets/img/aromes_gout.png');
}
.bulle-cuisine{
  background-image:url('assets/img/cuisine.png');
}
.bulle-contre_indications{
    background-image:url('assets/img/contre_indications.png');
}
.send_link_to_friend{
  display:none;
  text-align: right;
    background: #fff;
    padding: 15px;
    width: 100%;
    border: 1px solid grey;
    border-radius: 5px;
    max-width:600px;
}
.send_link_to_friend input[type='text'],.send_link_to_friend textarea{
        padding: 10px;
    min-width: 95%;
    font-size: 0.9em;
    color: #443930;
}
.g-recaptcha > div{
    width:auto!important;
    padding-bottom: 20px;
}
.send_link_to_friend input[type='submit']{
    border-radius:5px;
    padding:15px;
      font-size: 0.9em;
    color: #443930;
    background-color: #91c1d6;
    border:0;
}
/*display-form-share*/
.viwcpf-off_canvas-icon{
  background-size: 35px;
  background-repeat: no-repeat;
  background-color: #91c1d6;
  border-radius: 35px;
  color: grey;
  border: 1px solid #fff;
  background-position: 10px 10px;
  background-image: url(assets/img/trier-plantes.png);
}
.viwcpf-off_canvas-icon-wrap.viwcpf-off_canvas-top_left{
  top: 188px;
  left: 40px;
}
.viwcpf-off_canvas-icon i{
  color: #000;
}
.is-layout-flow > *,:where(.wp-site-blocks) > *,.is-layout-constrained > * {
      margin-block-start:0!important;

}
.slide-history{
  display: block;
    background-color: #fff;
    padding: 20px 20px 0 20px;
        margin-top: 30px !important;
    border-radius: 5px;
    list-style: none;
}
.slide-history li{
  padding: 0 0 15px 0;
}

/* Personnalisation formulaire CF7 */
form.wpcf7-form {
background: transparent; /* Couleur du fond du formulaire */
padding: 0; /* Espace autour du formulaire */
color: #0B1529; /* Couleur de texte des étiquettes */
}

@media screen and (max-width: 800px) {
   .single .utilisations-acf {
    padding-top: 20px;
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
}
    ul{
        padding-left: 18px;
    }
.footer-maquis{

}
.container_bulles {
    display: block;
}
.bulle {
    margin-bottom: 20px;
}
.wc-block-product-template__responsive{
  display:block!important;
}
.wc-block-product-template__responsive>li {
    margin-bottom: 50px;
}
.viwcpf-off_canvas-icon-wrap{
  width: 32px;
      height: 34px;
      top: 20px!important;
left: 24px!important;
}
.header-maquis,.site-title-maquis,.sub-title-maquis{
  text-align:center;
  display:inline-block;
  width:100%;
}
.header-maquis nav {margin:0 auto;}
.header-maquis nav button::after{content:"Menu"}
.header-maquis .is-menu-open,.footer-maquis{
  background-image:url('assets/img/mobile-menu-bg.jpg')!important;
  background-repeat: no-repeat;
  background-size: cover;
}
.footer-maquis{
  padding-top:30px!important;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
      width: 100%;
}
.footer-maquis p{
  color:#000!important;
}
form.wpcf7-form {
padding: 0; /* Espace autour du formulaire sur mobile */
box-shadow: none; /* Supprime ombre autour du formulaire sur mobile*/
}
}

form.wpcf7-form>h3 {
margin-bottom: 0.3em; /* Marge en bas du titre H3 du formulaire */
margin-top: 0em; /* Marge en haut du titre H3 du formulaire */
}

form.wpcf7-form * {
transition: 225ms; /* Tempère les transitions */
}

form.wpcf7-form label {
cursor: pointer; /* Transforme le curseur en main */
font-size: 0.9em; /* Gère la taille de la police des étiquettes */
font-weight: bold; /* Passe les étiquettes en gras */
}

.wpcf7-checkbox, .wpcf7-radio {
color : #1C3669; /* Couleur listes */
}
form.wpcf7-form input::placeholder,form.wpcf7-form textarea::placeholder{
  color:#000;
}
form.wpcf7-form input,
form.wpcf7-form select,
form.wpcf7-form textarea {
  background: #fefefe;
      font-size: 1.1em;
      border: 1px solid #000;
      color: #000;
      margin: 10px 0;
      width: 100%;
      min-width: 100%;
      padding: 15px 5px;
      border-radius:5px;
}


form.wpcf7-form input:hover,
form.wpcf7-form select:hover,
form.wpcf7-form textarea:hover {
cursor: pointer; /* Transforme le curseur en main au survol */
box-shadow: 0 0 2px #cccccd; /* Ombre autour de la case au survol */
}

form.wpcf7-form input:focus,
form.wpcf7-form select:focus,
form.wpcf7-form textarea:focus {
border: 2px solid #cccccd; /* Bordure de la case sélectionnée */
outline: none; /* Supprime l'effet de halo */
}


form.wpcf7-form input[type="submit"] {
  min-width: auto;
padding: 1em; /* Ajout d'un espace dans le bouton */
border: 2px solid #010f18; /* Bordure du bouton */
box-shadow: none; /* Supprime l'ombre du bouton */
background: #022136; /* Couleur de fond du bouton */
color: #ffffff; /* Couleur du texte du bouton */
text-decoration:none;  /* Supprime soulignement */
font-size: 1em; /* Taille du texte du bouton */
}

@media screen and (max-width: 800px) {
form.wpcf7-form input[type="submit"] {
padding: 0.5em; /* Ajout d'un espace dans le bouton sur mobile */
font-size: 1em; /* Taille du texte du bouton sur mobile */
}
}

form.wpcf7-form input[type="submit"]:hover {
background-color: #010f18; /* Couleur de fond du bouton au survol */
text-decoration:none;  /* Supprime soulignement */
}
.wpcf7 form .wpcf7-response-output{
  border-radius:5px;
}

span.wpcf7-not-valid-tip {
font-size: 15px; /* Gère la taille du texte d'erreur */
margin-top: 5px; /* Marge en haut du texte d'erreur */
}

div.wpcf7-response-output {
padding: 1em !important;
margin: 0 !important;
}

/* Supprimer couleur bordures tableau */
.cf7resp table, .cf7resp table * {
border-color: transparent;
}

/* Empiler tableau mobiles */
@media screen and (max-width: 640px) {
.cf7resp table,
.cf7resp tbody,
.cf7resp tr,
.cf7resp td {
display: block;
}
}