@charset "UTF-8";
/*
Theme Name: Active Route
Theme URI: https://www.gregoirenoyelle.com/
Author: Grégoire Noyelle
Author URI: https://www.gregoirenoyelle.com/
Description: Thème WordPress pour la Ligue de Défense des Conducteurs
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ldc
Tags: 
*/

/**
* Base
*/

/* Défilement doux */
html {
	scroll-behavior: smooth;
}

/* Classe pour l'accessibilité */
.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;   
    height: 1px !important;
    overflow: hidden !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
.hidden {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;    
}
.iframe-container iframe {
    width: 100%;
    min-height: 90vh;
    overflow: hidden;
}
.none {
    display: none !important;
}
.telephone {
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    margin: auto;
    padding: 0;
    position: static !important;
}
.ordinateur {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0;
    padding: 0;
    position: absolute !important;
}
/**     
 * Contenu
 */

/* Liens */
a,
input,
.wp-block-navigation-item {
    transition: var(--wp--custom--transition--lien);
}
.no-underline {
    text-decoration: none;
}

/* Titres */
.dashicons.dashicons-titre {
    display: inline-block;
    font-size: var(--wp--preset--font-size--taille-3);
    vertical-align: middle;
    color: var(--wp--preset--color--primaire-4);
    padding: 0 0 26px 0;
}
.surtitre {
    color: var(--wp--preset--color--primaire-4)
}
.bordure-titre {
    background-color: var(--wp--preset--color--primaire-2);
    height: 3px;
    width: 100%;
}
.bordure-titre p {
    display: none;
}
.is-style-titre-sousligne::after {
    content: "";
    display: block;
    width: 160px;
    height: 3px;
    background-color: var(--wp--preset--color--primaire-2);
    margin: 20px auto 0;
}

/* Textes */
.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: var(--wp--preset--font-size--taille-0);
    color: var(--wp--preset--color--claire);
    font-style: normal;
    font-weight: 300;
    line-height: .68;
    margin: 0 10px 0 0;
    padding: 12px;
    background-color: var(--wp--preset--color--primaire-1);
}

/* 2 colonnes */
.is-style-set-2-col {
    columns: 1;
}

/* Images */
.wp-block-post-featured-image a,
.zoom-rotation a {
    display: block;
    overflow: hidden;
}
.wp-block-post-featured-image a img.wp-post-image,
.zoom-rotation a img {
    transition: var(--wp--custom--transition--zoom);
}
.wp-block-post-featured-image a:hover img.wp-post-image,
.zoom-rotation a:hover img {
    transform: var(--wp--custom--zoom--medium) rotate(2deg);
}

/* Effets */
.zoom-simple {
    transition: var(--wp--custom--transition--zoom);
}
.zoom-simple:hover {
    transform: var(--wp--custom--zoom--medium);
}

/* Single */
.contenu-single,
.contenu-single-etudes figure {
    box-shadow: var(--wp--preset--shadow--petite);
}

/* Archives */
.grille-article-archive .wp-block-post {
    background: var(--wp--preset--color--claire);
    box-shadow: var(--wp--preset--shadow--petite);
}

/* Icones */
.icone-pseudo.icone-before > *::before,
.icone-pseudo.icone-after > *::after {
    font-family: "Icones Font";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
.icone-pseudo.icone-before > *::before {
    margin-right: 4px;
}
.icone-pseudo.icone-before > *::after {
    margin-left: var(--wp--preset--spacing--tres-petit);
}
.icone-pseudo.icone-before.categorie-article > a::before {
    content: "\ea24";
}
.icone-pseudo.icone-before.date-publication > time::before {
    content: "\ea25";
}
/* Pied de page */
footer.wp-block-template-part {
    margin-block-start: 0;
}
.enveloppe-pied-page a {
    text-decoration: none;
}
.enveloppe-pied-page a:hover,
.enveloppe-pied-page .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--primaire-2);
}
.enveloppe-pied-page .wp-block-button a:hover {
    color: inherit;
}
/* Champ de recherche */
.wp-block-search__inside-wrapper {
    flex-wrap: wrap;
    gap: 10px
}
.wp-block-search__button {
    flex-grow: 1;
    margin: 0;
}

/* Visibility Utility Classes */
/* Hide on mobile, show on desktop */
.show-on-mobile {
    display: none !important;
}

/* Show on mobile, hide on desktop */
.show-on-desktop {
    display: block !important;
}

/* Mobile styles */
@media (max-width: 1090px) {
    .show-on-mobile {
        display: block !important;
    }
    
    .show-on-desktop {
        display: none !important;
    }
    .wp-block-search__button {
        flex-grow: 0;
    }
}
@media (min-width: 769px) {
    .telephone {
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0;
        padding: 0;
        position: absolute !important;
    }
    .ordinateur {
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
        margin: auto;
        padding: 0;
        position: static !important;
    }
    /* 2 colonnes */
    .is-style-set-2-col {
        columns: 2;
    }  
    
}

.wp-block-embed-youtube iframe {
    width: 100%;
    height: 450px;
    max-width: 90vw;
}

.wp-block-embed__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.danger-icons-container {
    background-color: var(--wp--preset--color--secondaire-15);
}

.danger-icons-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 10px;
    text-align: center;
}

.danger-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--wp--preset--color--claire);
    padding: 10px;
}

.danger-icon {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 8px;
}

.danger-icon-label {
    font-size: 14px;
    text-align: center;
    color: var(--wp--preset--color--secondaire-15);
}

.danger-icons-title {
    padding: 0 20px 20px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    color: var(--wp--preset--color--claire);
}