/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* =========================
   AFFICHAGE HEADER PAR RUBRIQUE
========================= */

/* Cacher tout par défaut */
.header-club,
.header-tourisme,
.header-odet {
    display: none;
}

#main,
#wrapper {
    background-color: transparent !important;
}

/* Afficher selon rubrique */
.page-id-15 .header-club,
.parent-pageid-15 .header-club {
    display: block;
}

.page-id-97 .header-tourisme,
.parent-pageid-97 .header-tourisme {
    display: block;
}

.page-id-21 .header-odet,
.parent-pageid-21 .header-odet {
    display: block;
}

/* =========================
   VARIABLES PAR RUBRIQUE
========================= */

/* CLUB */
.page-id-15,
.parent-pageid-15 {
    --main-color: #1E3A5F;
    --second-color: #C8A96B;
    --bg-page: #e0dfd5;
}

/* TOURISME */
.page-id-97,
.parent-pageid-97 {
    --main-color: #8B0000;
    --second-color: #F4D03F;
    --bg-page: #f7eb99;
}

/* DESCENTE */
.page-id-21,
.parent-pageid-21 {
    --main-color: #2E5E3E;
    --second-color: #D5C4A1;
    --bg-page: #f4f1ec;
}

/* =========================
   APPLICATION BACKGROUND
========================= */

body {
    background-color: var(--bg-page, #ffffff);
}

/* =========================
   STYLES AUTOMATIQUES
========================= */

/* Header top - Tourisme */
.page-id-97 .header-top,
.parent-pageid-97 .header-top {
    background-color: #8B0000;
}

/* Titres - Tourisme */
.page-id-97 h1,
.page-id-97 h3,
.page-id-97 h4,
.parent-pageid-97 h1,
.parent-pageid-97 h3,
.parent-pageid-97 h4 {
    color: #000;
}

/* Boutons - global */
.parent-pageid-15 .button,
.parent-pageid-97 .button,
.parent-pageid-21 .button {
    background: var(--main-color);
    border-color: var(--main-color);
}

/* H1 - global */
.parent-pageid-15 h1,
.parent-pageid-97 h1,
.parent-pageid-21 h1 {
    color: var(--main-color);
}

/* Titres de sections - global */
.parent-pageid-15 .section-title,
.parent-pageid-97 .section-title,
.parent-pageid-21 .section-title {
    color: var(--second-color);
}

/* Header top text - global */
.parent-pageid-15 .header-top,
.parent-pageid-97 .header-top,
.parent-pageid-21 .header-top {
    color: var(--second-color) !important;
}

/* =========================
   SOULIGNEMENT VAGUE
========================= */

.underline-wave {
    display: inline-block;
    position: relative;
    padding-bottom: 0 !important;
}

.underline-wave::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background-repeat: repeat-x;
    background-size: 60px 16px;
}

.underline-wave-white::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cpath d='M0 10 Q 12.5 0, 25 10 T 50 10 T 75 10 T 100 10' fill='none' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
}

.underline-wave-blue::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cpath d='M0 10 Q 12.5 0, 25 10 T 50 10 T 75 10 T 100 10' fill='none' stroke='rgb(9, 54, 113)' stroke-width='3'/%3E%3C/svg%3E");
}

/* =========================
   MOBILE ONLY
========================= */

@media only screen and (max-width: 48em) {
    /* CSS mobile spécifique ici */
}