
/* Header : changement hauteur, taille logo et couleur et taille icone facebook */

.line-header {
    max-height: 95px !important;
}

.mod-header-logo {
    --desktop-logo-max-height: 50px !important;
    --tablet-logo-max-height: 40px !important;
    --mobile-logo-max-height: 30px !important;
}

.mod-social-links .social-link.facebook .icon-facebook.fab.fa-facebook {
    --primary:#3b5998;
    --nav-header-ext-social-links-social-link-color:#3b5998;
    font-size: 30px !important;
}

/* Footer : réduction du padding */

.line-footer {
    --padding-lg: 15px !important;
}

/* Menu : Décalage vers la droite pour être mieux placé par rapport au logo */

.nav {
    padding-left: 55px !important;
}

/* règlage de l'opacité de l'image et de la taille du texte (titre) de la bannière */

.line-banner .zone-banner .mod-banner__wrapper .mod-banner__img { 
    --banner-overlay-opacity:0.3 !important;
} 

.line-banner .zone-banner .mod-banner__wrapper .mod-banner__content  {
    --y-text-2xl:3rem !important;
}

/* Ligne sans espace en dessous (ex. titre « Nos spécificités ») */
.arbl-espace-bas-0 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
 
/* Ligne sans espace au-dessus (ex. ligne des 2 colonnes) */
.arbl-espace-haut-0 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Ligne sans marge à gauche */
.arbl-sans-marge-gauche {
  padding-left: 0px !important;
}
 
/* Centre verticalement toutes les colonnes d'une ligne */
.site-inner .line .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* Page Agenda club : centrer le calendrier Google en responsive */
.arbl-agenda-club iframe {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  height: 80vh;
  min-height: 500px;
  border: 0;
}

/* Formulaires d'inscription : meilleure séparation du titre de section (+ au dessus et - au dessous) */

.form-withProgress__wrapper h2.section-title {
    margin-top: 60px !important;
    --spacing-sm-desktop: 20px;
    --font-color: #3b5998 !important;
  } 

/* Page Contact : masquer le titre h1 de la page et agrandir les autres titres h2 de la page en taille h1 */
.arbl-contact {
  --font-size-h1-desktop: 0px !important;
  --font-size-h1-tablet: 0px !important;
  --font-size-h1-mobile: 0px !important;
  --font-size-h2-desktop: 50px !important;
  --font-size-h2-tablet: 40px !important;
  --font-size-h2-mobile: 35px !important;

 

 
