/*
Theme Name: OceanWP Child
Template: oceanwp
Version: 1.0
Author: Erwan Brévault
Description: Thème enfant de OceanWP
*/
/* Définir les variables globales de couleurs */
:root {
    --couleur-texte-principal: #402602;
    /* Couleur du texte principal */
    --couleur-fond-header-footer: #94812b;
    /* Couleur de fond du header */
    --couleur-texte-header-footer: #F1EFE4;
    /* Couleur du texte du footer */
    --couleur-survol-footer:#402602;
    /* Couleur du survol du texte du footer */
    font-size: 16px;
}

.elementor-widget-container del {
  position: relative;
  color: #F2A65A; /* orange principal */
  text-decoration: none; /* on supprime le trait horizontal natif */
  opacity: 0.9;
}

.elementor-widget-container del::after {
  content: "";
  position: absolute;
  left: -5%;
  top: 50%;
  width: 110%;
  height: 2px;
  background-color: #402602; /* couleur du trait */
  transform: rotate(-12deg);
  transform-origin: center;
  pointer-events: none;
}


/* Style du header */
/* header { */
#wrap header#site-header {
    background-color: var(--couleur-fond-header-footer);
    /* Utilisation de la variable */
}

/* Appliquer la couleur marron aux liens dans le header par défaut */
header ul#menu-navbar span,
header ul#menu-navbar i {
    color: var(--couleur-texte-header);
    /* Utilisation de la variable */
}

/* Changer la couleur des liens dans le header lors du survol */
header ul#menu-navbar span:hover,
header ul#menu-navbar i:hover {
    color: var(--couleur-survol-header);
    /* Utilisation de la variable */
}

span.eael-accordion-tab-title {
    border-bottom: 1px solid currentColor !important;
}

#mobile-dropdown .oceanwp-social-menu li a {
    color: var(--couleur-texte-principal) !important;
}

/* Style du footer */
/* footer #footer-inner { */
footer #footer-widgets,
footer #footer-bottom {
    background-color: var(--couleur-fond-header-footer);
    /* Utilisation de la variable */
    color: var(--couleur-texte-header-footer);
    /* Utilisation de la variable */
}

/* S'assurer que tous les textes dans le footer utilisent la bonne couleur */
footer #footer-widgets .footer-box h4,
footer #footer-widgets .footer-box a,
footer #footer-widgets .footer-box p,
footer #footer-widgets .footer-box span {
    color: var(--couleur-texte-header-footer);
    /* Utilisation de la variable */
}

/* Changer la couleur des liens dans le footer lors du survol */
footer #footer-widgets .footer-box a:hover {
    color: var(--couleur-survol-footer);
    /* Utilisation de la variable */
}

/* Modifie un endroit contenant cette classe dans le paragraphe de la 1ère colonne du FOOTER */
.p-bold {
    font-weight: 300;
}

/* Modifier en le soulignant, un endroit contenant cette classe dans le paragraphe de la 1ère colonne du FOOTER */
.p-underline {
    text-decoration: underline;
}

/* Modifie le contenu de la 1ère colonne du FOOTER */
#block-14.footer-widget.widget_block.clr p,
#block-14.footer-widget.widget_block.clr a {
    padding: 0;
    margin: 0;
    /* Supprime les marges par défaut */
    text-align: left;
    display: block;
}

/* Modification dans le block de contenu présent à gauche dans le footer */
#block-14.footer-widget.widget_block.clr br {
    display: none;
    /* Désactive les sauts de ligne s'ils ne sont pas nécessaires */
}