@font-face {
    font-family: 'play-web';
    font-weight: 400 900;
    src: url('https://www.chienbergerdauvergne.org/wp-content/themes/chienbergerdauvergne/fonts/Playfair-VF.ttf') format('truetype');
}

@font-face {
    font-family: 'advent-web';
    font-weight: 100 900;
    src: url('https://www.chienbergerdauvergne.org/wp-content/themes/chienbergerdauvergne/fonts/Advent-VF.ttf') format('truetype');
}

@font-face {
    font-family: 'clear-web';
    src: url('https://www.chienbergerdauvergne.org/wp-content/themes/chienbergerdauvergne/fonts/clear.woff') format('truetype');
}

:root {
    --vert1: #3a4c2d;
    --vert2: #28341f;
    --marron1: #dab8a4;
    --marron2: #cc9c8f;
    --creme: #f7f6f1;
    --rouge: #eb5856;
    --pl: play-web, serif;
    --ad: advent-web, sans-serif;
    --cl: clear-web, sans-serif;
}

/*textes*/
body {
    font: 1.1em/1.45em var(--cl) !important;
    color: var(--vert2);
    background: var(--creme);;
}

h1 {
    font: 900 3.0em/1.2em var(--pl) !important;
    text-transform: uppercase;
    color: var(--marron2);
}

h2 {
    font: 700 2.0em/1.2em var(--pl) !important;
    color: var(--vert1);
}

h3 {
    font: 600 1.6em/1.2em var(--ad) !important;
    letter-spacing: .01em;
}

h4 {
    font: 500 1.3em/1.2em var(--ad) !important;
    letter-spacing: .01em;
}

p {
    text-align: justify;
}

.wp-block-columns > div:last-of-type p {
    text-align: left;
}

/* .vertTendre p {
    text-align: left;
} */

.bloc {
    background: #fff;
    padding: 25px;
}

.bloc p:last-child {
    margin: 0 !important;
}

#content {
    min-height: 420px;
}

/*logo*/
.navbar-brand a {
    background-image: url(https://www.chienbergerdauvergne.org/wp-content/themes/chienbergerdauvergne/img/logo-2022.png);
    width: 120px;
    height: 125px;
}

/*menu*/
#main-nav > ul > li > a {
    font: 500 1.05em var(--ad) !important;
    text-transform: uppercase;
    letter-spacing: .015em;
}

#main-nav > ul > li > a:hover {
    color: var(--creme) !important;
}

#main-nav .dropdown-toggle:hover {
    color: var(--marron1) !important;
    cursor: default;
}

#main-nav ul ul {
    background: var(--marron1) !important;
    margin-top: -1px;
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
}

#main-nav ul ul a {
    color: var(--vert2) !important;
    font-size: 1.25em;
}

#main-nav ul li ul li a:hover {
    background: #e6c2ad !important;
    color: var(--vert2) !important;
}

/*annuler lettrines*/
.has-drop-cap:not(:focus)::first-letter {
    font: inherit !important;
    float: none !important;
    color: var(--vert2) !important;
    margin: 0 !important;
    text-transform: none !important;
}

/*couleur*/
header#masthead,
.vertTendre,
footer#footer {
    background: var(--vert1) !important;
}

hr {
    background: var(--marron1) !important;
    margin: 20px 0 50px !important;
}

footer #copyright:hover,
#copyright {
    color: var(--marron1) !important;
}



.negatif a,
.negatif a:link,
.negatif a:visited {
    color: var(--marron1) !important;
}

.negatif a:hover {
    color: #fff !important;
}


/*accueil*/

#post-2413 h2:first-child {
    font: 900 2.90em/1.2em var(--pl) !important;
    text-transform: uppercase;
    color: var(--marron2);
}


#post-2413 .wp-block-columns:first-of-type > div {
    padding-bottom: 70px;
    position: relative;
    margin-bottom: 30px;
}

#post-2413 .wp-block-columns:first-of-type figure {
    overflow: hidden;
    border-radius: 25px 0 25px 0;
    box-shadow: 0 0 20px rgba(0,0,0,.06);
}

#post-2413 .wp-block-columns:first-of-type h2 {
    font: 900 2.1em/1.05em var(--pl) !important;
    color: var(--vert1);
    padding-left: 29px;
    position: relative;
}

#post-2413 .wp-block-columns:first-of-type h2::before {
    display: block;
    content: '';
    width: 22px;
    height: 35px;
    background: url(https://www.chienbergerdauvergne.org/wp-content/themes/chienbergerdauvergne/img/puce.svg);
    position: absolute;
    left: 0;
    top: 3px;
}

#post-2413 .wp-block-columns:first-of-type p {
    text-align: left;
}

em a,
a em {
    background: var(--vert1);
    font: 600 1.2em var(--ad);
    letter-spacing: 0.01em;
    color: #fff;
    padding: 15px;
    text-align: center;
    display: inline-block;
    border-radius: 15px 0 15px 0;
}

em a:hover,
a em:hover {
    opacity: .85;
}

#post-2413 .wp-block-columns:first-of-type a em,
#post-2413 .wp-block-columns:first-of-type em a {
    display: block !important;
    width: 100%;
    position: absolute;
    bottom: 0;
}

#post-2413 .wp-block-columns:first-of-type > div:last-of-type a em {
    background: var(--rouge);
}

.compteurs {
    margin-left: 70px !important;
    padding: 0 !important;
}

.compteurs > * {
    background: var(--vert1);
    margin: 0 !important;
}

#post-2413 .compteurs h2:first-child {
    font-size: 2em !important;
    padding: 20px !important;
}

.compteurs p {
    text-align: center !important;
    font: 500 1.1em/1.1em var(--ad);
    letter-spacing: 0.01em;
}

.compteurs em {
    color: var(--marron1) !important;
    font-style: normal;
    display: block;
    padding: 0 15px 25px !important;
}

.compteurs .environ {
    color: #fff !important;
    font: italic .9em var(--cl) !important;
    padding-bottom: 0;
    margin-bottom: -25px !important;
}

.compteurs strong {
    font: 900 3em var(--pl);
    letter-spacing: 0.01em;
    padding-bottom: 10px !important;
    display: block;
}

.compteurs hr {
    padding: 0 !important;
    background: var(--vert2) !important;
}

.brun {
    background: none !important;
}

/*oui*/

.ouinon {
    margin-bottom: 20px;
    padding-left: 70px;
    line-height: 1.5em;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.ouinon input[type=checkbox] {
    opacity: 0;
    position: absolute;
}

.ouinon span {
    position: absolute;
    top: -3px;
    left: 0;
    display: inline-block;
    height: 28px;
    width: 66px;
    background: var(--rouge);
    border-radius: 15px;
    transition: background .3s;
}

.ouinon span::before {
    content: 'NON';
    font-size: .9em;
    display: block;
    position: absolute;
    top: 1px;
    left: 28px;
}

.ouinon span::after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #ddd;
    transition: transform .3s;
}

.ouinon input:checked~span {
    background: #97b371;
}

.ouinon input:checked~span::before {
    content: 'OUI';
    left: 7px;
}

.ouinon input:checked~span::after {
    transform: translateX(38px);
}

/*responsive*/

.navbar-light .navbar-toggler {
    background: var(--creme);
    border: 0 !important;
}

@media (max-width: 781px) {

    .compteurs {
        margin-left: 0 !important;
        min-width: 100% !important;
    }
}

@media (max-width: 500px) {

    h1 {
        font-size: 1.9em !important;
    }

    p {
        text-align: left;
    }

    #post-2413 h2:first-child {
        font-size: 2.4em !important;
    }
}