@charset "UTF-8";
/*
Theme Name: LDC
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.0.8
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;    
}
.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);
}

/* Images */
.wp-block-post-featured-image a,
.zoom-rotation a {
    display: block;
    overflow: hidden;
}
.wp-block-post-featured-image a img.attachment-post-thumbnail,
.zoom-rotation a img {
    transition: var(--wp--custom--transition--zoom);
}
.wp-block-post-featured-image a:hover img.attachment-post-thumbnail,
.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--custom--ombre);
}

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

/* 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: var(--wp--preset--spacing--tres-petit);
}
.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;
}

/* Media Queries */
@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;
    }
    
}