/*
Theme Name: Espace Membres Humaciti
Theme URI: xaviercocqueel.fr
Template: Divi
Author: Xavier COCQUEEL
Author URI: xaviercocqueel.fr
Description: Thème créé pour l'Espace Membres Humacitia
Version: 1.0.1744621569
Updated: 2025-04-14 11:06:09

*/

.ics-calendar-select {
     appearance: none;           /* Removes default styling in most browsers */
  -webkit-appearance: none;   /* For Safari and older Chrome */
  -moz-appearance: none;      /* For Firefox */
  background: rgba(198, 198, 198, 0.38);
  border: none;
  padding: 0 10px;
  margin: 0;
  color: #8f8f8f;
 font-size: 13px;
    line-height: 2em;
}


.ics-calendar .time {
    color :  rgba(149, 109, 109, 0.8);
    font-size : 10px !important;
}

.ics-calendar-month-grid .events .title {
    color :  rgba(181, 18, 17);
    font-size : 10px !important;
    font-weight: 700;
}

.ics-calendar .hover_block {
    border: solid 1px rgb(210, 210, 210) !important;
    padding: 15px !important;
    
}

.ics-calendar .time_in_hover_block {
    font-size: 11px !important;
}

.ics-calendar .title_in_hover_block .title  {
    font-size: 14px !important;
    font-weight : 700 !important;
}

.ics-calendar .eventdesc {
    font-size: 11px !important;
}

.ics-calendar-label {
     color : rgba(181, 18, 17); 
    font-size : 24px !important;
    font-weight : 700;
}



/** Formulaires **/
.cf7-grid {
  display: flex;  flex-direction: column;  gap: 1.5rem;  max-width: 700px;  margin: 0 auto;  font-family: "Segoe UI", sans-serif;  background: #f9f9fb;  padding: 2rem;  border-radius: 20px;  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);}


.cf7-field {
  display: flex;  flex-direction: column;  gap: 0.4rem;}

.cf7-field label {
  font-weight: 600;  font-size: 1rem;  color: #656565;  margin-bottom: 0.1rem;}


.cf7-input,
.cf7-textarea,
.cf7-file,
.jour input[type="text"] {
  width: 100%;  padding: 10px 14px !important;   font-size: 16px;  line-height: 1.4;   border-radius: 25px;   border: 1px solid #ccc;  transition: border 0.3s ease, box-shadow 0.3s ease;  background-color: white;  box-sizing: border-box;}

.cf7-input:focus,
.cf7-textarea:focus,
.jour input[type="text"]:focus {
  border-color: #b51211;  box-shadow: 0 0 0 3px rgba(181, 18, 17, 0.15);  outline: none;}


.cf7-textarea {
  min-height: 120px;  resize: vertical;}


.jours-ouverture {
  display: grid;  grid-template-columns: 1fr 1fr;  gap: 1.5rem;  background: #fff;  padding: 1.5rem;  border-radius: 16px;  box-shadow: inset 0 0 0 1px #eee;}

.jour {
  display: flex;  flex-direction: column;}

.jour label {
  font-weight: 600;  margin-bottom: 0.4rem;  color: #444;}


.cf7-file {
  padding: 0.6rem;  font-size: 0.95rem;}


.cf7-submit input[type="submit"] {
  background: linear-gradient(135deg, #b51211, #e3463d);  color: #fff;  font-size: 1.1rem;  font-weight: 600;  padding: 0.9rem 2rem;  border: none;  border-radius: 12px;  cursor: pointer;  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);  transition: background 0.3s ease, transform 0.2s ease;  align-self: flex-start;}

.cf7-submit input[type="submit"]:hover {
  background: linear-gradient(135deg, #9e0f10, #c52c28);  transform: scale(1.02);}


.section-title {
  font-size: 1.2rem;  font-weight: 700;  color: #b51211;  margin-bottom: 1rem;  margin-top: 1rem;  border-left: 5px solid #b51211;  padding-left: 0.6rem;}

/* Afficher un astérisque rouge pour les champs obligatoires */
.required::after {
  content: " *" !important;
  color: red !important;
  margin-left: 4px;
  font-weight: bold;
}