/*
Theme Name: Mana et Flo
Theme URI: https://codebless.io
Author: Code Bless
Author URI: https://codebless.io
Description: A child theme for the Twenty Twenty Four block theme
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: Mana et Flo
Tags: 
*/



body, body p {
    font-family: "Raleway", serif !important;
}

body footer{
  margin-block-start: 0 !important;
}

body:not(.home) footer{
    margin-block-start: 0 !important;
    margin-top: -1.2rem !important;
}

body.error404, body.search {
  background-color: #fffff0 !important;
}

body.search main a {
  transition: 0.3s ease !important;
  text-decoration: none !important;
color: black !important;
}

body.search main a:hover {
color: #672828 !important;
}

.entry-content {
  background-color: #fffff0 !important;
}

footer p a, footer li a{ 
  transition: 0.3s ease !important;
  text-decoration: none !important;
}

footer p a:hover, footer li a:hover {
  color: #c5c5ac !important;
}

.wp-block-navigation .wp-block-navigation-item__label {
  font-family: "Libre Baskerville", serif !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
  text-decoration: none !important;
  transition: 0.3s ease !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content:hover {
  color: #672828 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Libre Baskerville", serif !important;
}

.post-password-form {
    position: relative;
    margin-top: 30%;
}

.logo-footer {
    position: relative !important;
    left: 85px !important;
}

.gfield_required_asterisk {
  color: #672828 !important;
}

.page-id-814 .wp-block-cover .wp-block-cover__inner-container, .page-id-814 .wp-block-cover-image .wp-block-cover__inner-container {
    color: inherit;
    width: 100%;
    z-index: 100000001 !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
  background-color: #fffff0 !important;
}

.home .date-header a {
  cursor: default !important;
}

.mdp-section {
  padding-bottom: 140px !important;
}

/* ---- isotope FAQ Filter---- */

.input-group {
    transition: opacity 0.4s ease, transform 0.4s ease;
    opacity: 0;
    transform: translateY(-20px);
  }

.input-group .btn-close {
    position: relative;
    top: 8px;
}

  .grid {
    transition: margin-top 0.4s ease; /* Transition fluide pour le déplacement vertical */
    margin-top: 50px; /* Position initiale sans espace supplémentaire */
  }

  .faq-subtitle {
    font-size: 1.5rem !important;
  }

.search-click {
    position: relative;
    margin-left: 5px;
    left: 5px;
    cursor: pointer;
    transition: 0.3s ease;
}

.search-click:hover {
    color: #672828;
}

.collapsing {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    transition: height 0.3s ease;
  }
  

.element-item {
    width: 100%;
  }

.element-item.open {
    z-index: 100; 
    position: relative; 
  }

  .accordion-item {
    border-bottom: 1px solid #672828 !important;
}


  .accordion-item, .accordion-button {
    background-color: #FFFFF0 !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: none !important;
    color: black !important;
}

.accordion-button:focus {
    box-shadow: none !important;
}



#exampleModal {
  color: black !important;
}

#exampleModal .modal-header {
  border-bottom: none !important;
  background-color: #fffff0 !important;
  border-radius: 0px !important;
}

#exampleModal .modal-body {
  background-color: #fffff0 !important;
  border-radius: 0px !important;
  padding-top: 0px !important;
  padding-left: 50px !important;
  padding-bottom: 75px !important;
  position: relative !important;
}

#exampleModal .modal-body h2 {
  font-size: 2.5rem !important;
}

#exampleModal .modal-body .separator-date {
  padding-left: 10px;
  padding-right: 10px;
}

#exampleModal .modal-body .logo-modal {
  position: absolute;
  right: 105px;
  width: 140px;
  height: auto;
  top: -15px;
}

#exampleModal .modal-footer {
  border-top: none !important;
  background-color: #672828 !important;
  justify-content: space-around !important;
  border-radius: 0px !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

#exampleModal .modal-content {
  border-radius: 0px !important;
  background-color: transparent !important;
  border-radius: 0px !important;
}


.link-modal { 
  transition: 0.3s ease !important;
  text-decoration: none !important;
  color: white !important;
  font-weight: bold !important;
  font-family: "Libre Baskerville", serif !important;
  font-size: 1.2rem !important;
}

.link-modal:hover {
  color: #d0cfcf !important;
}

#socialMedia {
  position: fixed;
  bottom: 25px;
  left: 100px;
  width: fit-content;
  z-index: 5;
  color: white;
  display: flex;
  flex-direction: row;
  background: #023020d3;
  padding: 8px 30px;
  border-radius: 25px;
  font-size: 20px;
  border: 2px solid white;
  opacity: 0;
  transform: translateY(50px); /* Positionne l'élément hors de la vue */
  transition: opacity 0.5s ease, transform 0.5s ease;
}

#socialMedia.visible {
  opacity: 1;
  transform: translateY(0); /* Ramène l'élément dans la vue */
}

#socialMedia a {
  transition: 0.3s ease !important;
  color: white !important;
}

#socialMedia a:hover {
  color: #c5c5ac !important;
}

.repondre-picto, .itineraire-picto {
  margin-right: 35px;
}

.gfield_required_asterisk {
  font-weight: bold !important;
  font-size: 1.6rem !important;
  position: relative !important;
  top: 7px !important;
}

.gfield_description.instruction {
  display: none !important;
}


/* Customizes the whole scrollbar */
::-webkit-scrollbar {
  width: 8px !important; /* Width of the scrollbar */
}

/* Customizes the track of the scrollbar */
::-webkit-scrollbar-track {
  background: #fffff0 !important; /* Color of the track */
}

/* Customizes the thumb of the scrollbar */
::-webkit-scrollbar-thumb {
  background: #4d4d4d !important; /* Color of the thumb */
  transition: 0.3s ease !important;
  border-radius: 2px;
}

/* Changes the thumb color on hover */
::-webkit-scrollbar-thumb:hover {
  background: #3a3a3a !important; /* Darker color on hover */
}

.save-the-date {
  position: relative;
    width: 100%;
    padding-bottom: 74.25%;
    height: 0;
    overflow: hidden;
}

@media screen and ( min-width: 620px) and ( max-width: 781px)  {
  .save-the-date {
      padding-bottom: 50.25%;
  }
}

@media screen and ( min-width: 782px) and ( max-width: 1199px)  {
  .save-the-date {
    width: 94%;
    padding-bottom: 60.25%;
  }
}

@media screen and ( min-width: 1200px) and ( max-width: 1599px)  {
  .save-the-date {
    width: 100%;
    padding-bottom: 56.25%;
  }
}

@media screen and ( min-width: 1600px) and ( max-width: 1799px)  {
  .save-the-date {
    width: 100%;
    padding-bottom: 42.25%;
  }
}


@media screen and ( min-width: 1800px) and ( max-width: 2499px)  {
  .save-the-date {
    width: 100%;
    padding-bottom: 33.25%;
  }
}

@media screen and ( min-width: 2500px) and ( max-width: 3800px)  {
  .save-the-date {
    width: 100%;
    padding-bottom: 24.25%;
  }
}


@media screen and ( min-width: 3800px)  {
  .save-the-date {
      padding-bottom: 17.25%;
  }
}

.save-the-date iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.repondre-header a {
  padding-bottom: 0.4rem !important;
}

.repondre-footer a {
  padding-bottom: 0.4rem !important;
}

.panel-menu a {
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 100px !important;
    border-color: #636363 !important;
    background-color: #fffff0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 25px !important;
    padding-left: 25px !important;
    padding-bottom: 0.6rem !important;
}

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

  .faq-subtitle {
    font-size: 1.1rem !important;
    text-align: center !important;
  }
  .logo-header img {
    width: 47px !important;
    height: auto !important;
    margin-left: 11px !important;
  }
  .repondre-header a {
    visibility: hidden !important;
  }
  .logo-footer {
    position: relative !important;
    left: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #socialMedia {
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
  }
  
}

#field_1_63 .gform-field-label {
  position: relative !important;
  bottom: 11px !important;
}

#field_1_63 .gform-field-label a, #field_1_63 .gfield_description a {
  transition: 0.3s ease !important;
  color: black !important;
  text-decoration: none!important;
}

#field_1_63 .gform-field-label a:hover, #field_1_63 .gfield_description a:hover {
  color: #672828 !important;
}