/*
 Theme Name:  Spectre de Rue
 Theme URI:    https://spectrederue.org
 Description:  Thème enfant pour Spectre de Rue
 Author:       Bamonoss
 Author URI:   https://bamonoss.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

@import "css/atomics.css";
@import "css/event-calendar.css";

:root {
    primary: #17461E;
    primary-light: #007345;
    primary-lighter: #6e815e;
}

body {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-size: 16px;
}

h1, h2, h3 {
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.et_pb_button {
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    font-style: normal;
}

.dipl_text_highlighter_wrapper span {
    line-height: 0 !important;
}

.dipl_text_highlighter_wrapper span {
    display: inline !important;
}

.et_pb_toggle {
    border: #D9DBD9;
    border-bottom-style: solid;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}

.et_pb_toggle_title:before {
    content: "\4c";
    transition: all .3s ease-in-out;
}

.icon_minus_alt2:after {
    content: "\4f";
}

.person-block-style a {
    color: #333333;
    font-family: futura-pt-bold, sans-serif;
    font-size: 14px;
    font-style: normal;
}

.programme-body p {
    color: #000000;
}

.programme-body h1, h2, h3 {
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: var(--primary-light);

    font-size: 50px;
}

.programme-body h4 {
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: var(--primary-light);
    font-size: 28px;
}

.programme-body .wp-block-image img {
    border-radius: 20px;
}

.programme-body a {
    color: #6E815E;
}

.upload-button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #ffff;
    border-radius: 20px;
    padding-bottom: 50px;
    padding-top: 50px;
    background-color: transparent;
}

span.upload-label {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    text-transform: none;
    font-size: 16px;
}

.divi-simple-file-name.daff-bg-transparent {
    display: none;
}

.et_contact_bottom_container {
    margin-top: 15px;
    float: none;
    text-align: center;
    display: block !important;
}

label.upload-file-label.daff-bg-none {
    display: none;
}

.de_dmach_defer_video, .divi-filter-archive-loop, .dmach-acf-item-content, .dmach-acf-value.dmach-acf-video-container, .dmach-icon-image-content img, .dmach-postmeta-item-content {
    width: auto;
}

.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
    margin-bottom: 0.5em;
    font-weight: 600;
    color: #FFFFFF !important;
}


/* Position du titre, des meta et de l'extrait */

#dc_blog .title_plus_meta {
    bottom: auto;
    z-index: 10;
}

#dc_blog article.et_pb_post {
    position: relative;
}

#dc_blog .post-content {
    position: absolute;
    top: auto;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
}

/* Bonus : Bouton lire la suite */

#dc_blog .more-link {
    text-align: right !important;
    padding: 2px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#dc_blog .more-link:hover {
    letter-spacing: 2px;
    padding: 2px 20px;
    text-align: right !important;
}

.programme-body h1, h2, h3 {
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #6E815E;
    font-size: 24px;
}

body {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-size: 18px;
}

h1, h2, h3 {
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.et_pb_button {
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    font-style: normal;
}

.dipl_text_highlighter_wrapper span {
    line-height: 0 !important;
}

.dipl_text_highlighter_wrapper span {
    display: inline !important;
}

.et_pb_toggle {
    border: #D9DBD9;
    border-bottom-style: solid;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}

.et_pb_toggle_title:before {
    content: "\4c";
    transition: all .3s ease-in-out;
}

.icon_minus_alt2:after {
    content: "\4f";
}

.person-block-style a {
    color: #333333;
    font-family: futura-pt-bold, sans-serif;
    font-size: 14px;
    font-style: normal;
}

.programme-body p {
    color: #000000;
}

.programme-body h1, h2, h3 {
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: var(--primary-light);
    font-size: 50px;
}

.programme-body h4 {
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: var(--primary-light);
    font-size: 28px;
}

.programme-body .wp-block-image img {
    border-radius: 20px !important;;
}

.programme-body a {
    color: #6E815E;
}

.upload-button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #ffff;
    border-radius: 20px;
    padding-bottom: 50px;
    padding-top: 50px;
    background-color: transparent;
}

span.upload-label {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    text-transform: none;
    font-size: 16px;
}

.divi-simple-file-name.daff-bg-transparent {
    display: none;
}

.et_contact_bottom_container {
    margin-top: 15px;
    float: none;
    text-align: center;
    display: block !important;
}

label.upload-file-label.daff-bg-none {
    display: none;
}

.de_dmach_defer_video, .divi-filter-archive-loop, .dmach-acf-item-content, .dmach-acf-value.dmach-acf-video-container, .dmach-icon-image-content img, .dmach-postmeta-item-content {
    width: auto;
}

.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
    margin-bottom: 0.5em;
    font-weight: 600;
    color: #FFFFFF !important;
}


/* Position du titre, des meta et de l'extrait */

#dc_blog .title_plus_meta {
    bottom: auto;
    z-index: 10;
}

#dc_blog article.et_pb_post {
    position: relative;
}

#dc_blog .post-content {
    position: absolute;
    top: auto;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
}

/* Bonus : Bouton lire la suite */

#dc_blog .more-link {
    text-align: right !important;
    padding: 2px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#dc_blog .more-link:hover {
    letter-spacing: 2px;
    padding: 2px 20px;
    text-align: right !important;
}


#social-sidebar li > a {
    transition: 250ms padding-left ease-in-out;
}

#social-sidebar li > a:hover {
    padding-left: 1rem !important;
}

.hover-card {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    z-index: 2;
    background: transparent !important;
}

.hover-card > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    transform: translateY(100%);
    transition: transform 350ms ease-in-out;
}


.hover-card:hover > :first-child {
    transform: translateY(0);
}

@media (max-width: 980px) {
    .hover-card {
        position: absolute;
        /*top: 50px;*/
    }
}

@media (min-width: 981px) {
    /*.hover-card {*/
    /*    top: 4%;*/
    /*}*/
}

@media only screen and (min-width: 1800px) {
    /*.hover-card {*/
    /*    top: 72px;*/
    /*}*/
}

.hover-card a {
    color: var(--primary) !important;
}


/*.max-h-400 {*/
/*    max-height: 400px !important;*/
/*}*/

#main-content p {
    line-height: 1.35;
}

#loop-formations .et_pb_toggle_title {
    color: var(--primary) !important;
}

.h2 {
    font-weight: 700;
    font-size: 50px;

    color: var(--primary-light) !important;
}

/* Désactivation de l'élément de recherche dans le menu */
.menu_empty ul.et-menu.nav {
    display: none !important;
}

/* Style des sous-menus */
.menu_primary ul.sub-menu {
    border-radius: 20px;
}

.menu_primary ul.sub-menu li {
    text-align: center;
    padding: 0;
}

/*.menu_primary .sub-menu {*/
/*    left: -50% !important;*/
/*    width: 250px !important;*/
/*}*/

/*.menu_primary .sub-menu a {*/
/*    width: 250px !important;*/
/*}*/

/* Hauteur des éléments du menu */
.menu_primary .et_pb_menu__menu > nav > ul > li {
    margin-top: 0px;
}

.menu_primary .et_pb_menu__menu > nav > ul > li > a {
    padding-bottom: 20px;
}

/* Style de base pour les liens du menu */
.menu_primary li a {
    position: relative;
    text-align: center;
    overflow: hidden;
    transition: color 0.3s ease-out;
    color: #000; /* Remplacez par la couleur de texte de votre menu */
}

/* Cache l'effet de soulignement initial en le plaçant au centre */
.menu_primary li a::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #da9829; /* Votre couleur de soulignement */
    height: 4px; /* L'épaisseur de votre ligne de soulignement */
    transition: all 0.3s ease-out;
    transform: translateX(-50%); /* Centrer la ligne par rapport à l'élément */
}

/* Animation de l'effet de soulignement au survol */
.menu_primary li a:hover::before,
.menu_primary li.current-menu-item a::before {
    left: 0;
    right: 0;
    transform: translateX(0%); /* Réinitialiser la position de la ligne */
}

/* Styles spécifiques pour les sous-menus */
.menu_primary .sub-menu a::before {
    content: none; /* Commence sans afficher la ligne */
}

.menu_primary .sub-menu a:hover::before,
.menu_primary .sub-menu .current-menu-item a::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #da9829; /* Votre couleur de soulignement */
    height: 2px; /* L'épaisseur de votre ligne de soulignement */
    transition: all 0.3s ease-out;
    transform: translateX(-50%); /* Centrer la ligne par rapport à l'élément */
}

/* Appliquer l'effet de soulignement sur l'élément de sous-menu actif au chargement de la page */
.menu_primary .sub-menu .current-menu-item a::before {
    left: 0;
    right: 0;
    transform: translateX(0%); /* Réinitialiser la position de la ligne */
}

.et-db #et-boc .et-l .et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
    margin-top: 0 !important;
}

.menu_primary .et_pb_menu__menu > nav > ul > li > a {
    padding-bottom: 20px !important;
	padding-top: 6px !important;
	
}

.et_pb_menu__search-button + .et_mobile_nav_menu {
    display: none !important;
}
div.sticky-element {
    position: fixed !important;
}
@media only screen and (max-width: 1024px){
    div.sticky-element {
        position: static !important;
        top: 0 !important;
    }
}


.sub-menu {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.et-menu li li a {
    width: 100% !important;
}

.et-menu li li.menu-item-has-children>a:first-child:after {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

#contribute-banner-close {
	background: transparent !important;
	color: #17461E !important;
}
#loop-formations .et_pb_toggle_title {
    color: #17461E !important;
}

#page-container #et-boc .et-l .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul 
 {
   ¨display: none !important;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3--min-medium {
    display: none !important;
}