/* Couleur du bouton de menu pour tél */
.burger-icon > span {background-color: #7db048 !important;}

/* Taille et hauteur des traits du bouton menu pour portable*/
.burger-icon { width: 35px; } .burger-icon > span { height: 4px; }

/* Pour masquer le bouton rouge featured */
.article-list .article .featured-article-badge { display: none; visibility: hidden;}
.article-details .featured-article-badge { display: none; visibility: hidden;}


/* Pour régler l'espace entre le menu et le début des articles */
#sp-main-body {
padding: 30px 0;
}

/* Pour régler l'espace du header en bas*/
#sp-header {
padding: 0 0 95px 0;
}

/* Pour centrer le logo et le menu */
#sp-header .logo {
  margin: 0px auto;
}
.sp-megamenu-parent {
 margin: 0px auto;
}

/* couleur et taille du texte du menu déroulant */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
    font-size:18px !important;
    color:#fdcb89 !important;
}
/* couleur et taille des icons sociaux */
ul.social-icons li a{
    color:white !important;
    font-size:30px !important;
}

/* Modifier les couleurs du thème */
#sp-top-bar {background: #7db048; }
#sp-footer {background: #7db048; }
#sp-bottom {background: #ffffff; }

/* Modifier la couleur du menu pour tél */
@media screen and (max-width: 992px) {
  .offcanvas-menu {background-color: #345413; background: #345413;}
}

/*afficher tous les éléments du sous-menu du menu mobile sans que les utilisateurs aient à cliquer sur (+) pour les voir tous*/
.menu-parent .menu-child {display: block !important;}
.menu-parent .menu-toggler {display: none !important;
}

/* Faire défiler le menu mobile si besoin */
.offcanvas-menu {overflow: scroll;}


/* Réduire l'espace entre les éléments du menu horizontal */
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {padding: 0 5px;}

/* Comment changer la couleur des éléments du sous-menu */
.sp-megamenu-parent .sp-mega-group > li > a {color: black; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, 
.sp-megamenu-parent .sp-mega-group > li > a:hover {color: red;}

/* Ajouter MENU après l'icone pour portable */
#offcanvas-toggler::after {
  content: "MENU"; padding-left: 5px; color: #111; margin-top: -3px;}

/* couleur des éléments de sous-menu dans le menu hors toile */
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
    color: yellow;
}

/* menu actif en gras*/
.sp-megamenu-parent > li.active > a {
    font-weight: 200;
}

/* couleur du sous-menu*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
    background-color:#688d28 !important;

/* Retirer la flèche des sous-menus dans la barre de menu */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
  display: none;  visibility: hidden; }