/*
Theme Name: La Raquette Golbéenne
Theme URI: https://www.raquettegolbeenne.fr/
Author: PARIS Valentin
Author URI: https://www.raquettegolbeenne.fr/
Description: Thème WordPress personnalisé pour La Raquette Golbéenne.
Version: 4.ALPHA.16
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 8.3
Text Domain: lrg-theme
*/

:root{
    --color-bg: #fdfdfd;            /* Fond */
    --color-index: #fdfdfd;         /* Texte de l'index et foother */
    --color-foother: #05163c;       /* fond foother */
    --color-primary: #3a46ef;       /* Fond bouton & appuis */
    --color-text: #4C6FBE;          /* Texte */
    --color-title: #3a46ef;         /* Titres */
    --color-facebook: #9197a3;      /* Facebook */
    --color-evenement: #000000;     /* evenement */
    --color-evenement2: #ffffff;    /* evenement */
}

[data-theme="dark"] {
    --color-bg: #000329;            /* Fond */
    --color-index: #cdd1df;         /* Texte de l'index et foother */
    --color-foother: #00123a;       /* fond foother */
    --color-primary: #3a46ef;       /* Fond bouton & appuis */
    --color-text: #3a46ef;          /* Texte */
    --color-title: #3a46ef;         /* Titres */
    --color-facebook: #9197a3;      /* Facebook */
    --color-evenement: #cdd1df;     /* evenement */
    --color-evenement2: #00123a;    /* evenement */
}

body {
    background: var(--color-bg) !important;
    font-family: Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, summary, hr {
    color: var(--color-title) !important;
}

.bannier,.btn-primary:hover,.btn-secondary:hover,.agenda-button:hover,.social-icon:hover  {
    color: var(--color-index) !important;
}

.bannier span, .partner-card:hover {
    color: var(--color-title) !important;
}

h1:not(.bannier) {
    text-align: center !important;
}
p:not(.lrg-p),
a:not(.lrg-p):not(.ab-item):not(.agenda-button):not(.btn-primary):not(.btn-secondary):not(.register-button):not(.footer-logo-link),
li::marker {
    color: var(--color-text) !important;
}

a:hover {
    color: var(--color-primary) !important;
}

#main-lrg {
    padding: 10px 250px 0px !important;
}

hr {
    margin: 15px 0px !important;
}

@media (max-width: 767px) {

    #main-lrg {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

}