@charset "utf-8";
/*
Theme Name: Grégoire Noyelle v8
Theme URI: https://www.gregoirenoyelle.com/
Author: Grégoire Noyelle
Author URI: https://www.gregoirenoyelle.com/
Description: Version 8 de mon thème
Requires at least: 6.0
Tested up to: 6.5.2
Requires PHP: 5.7
Version: 8.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gncom-v8
Tags: 
*/

/** 
* Base 
*/

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;
}

/** 
* Contenu
*/

/* Imposer une taille pour le logo (GTMetrix) */ 
.entete-1 .wp-block-site-logo img {
    width: 41px;
    height: 41px;
}
.entry-content strong,
.editor-styles-wrapper strong {
    font-weight: 400;
}
a,
input {
    transition: var(--wp--custom--transition-lien);
}
/* ajout de alt vide sur content pour les SR */
.contenu-single-post h2::before,
.post-type-post .editor-styles-wrapper h2::before,
.post-type-pages_module .editor-styles-wrapper h2::before,
.is-style-titre-diese::before {
   content: "#" / "";
   color: var(--wp--preset--color--couleur-3);
   display: inline-block;
   font-weight: 600;
   padding-right: var(--wp--preset--spacing--petit);
}
/* Suppression du # au cas par cas */
.wp-block-heading.is-style-titre-no-diese::before,
.editor-styles-wrapper .wp-block-heading.is-style-titre-no-diese::before {
   content: "";
   padding-right: unset;
}
/* Boutons */
.wp-block-button .wp-block-button__link:hover,
.gform_wrapper.gravity-theme .gform_footer input:hover {
    background: var(--wp--preset--color--couleur-1);
}
/* Code en ligne */
code {
    background-color: var(--wp--preset--color--couleur-7);    
    color: var(--wp--preset--color--couleur-4);
    font-size: var(--wp--preset--font-size--small);
    padding: 0.3rem;
}
/* Image */ 
.contenu-single-post .wp-block-image img,
.contenu-single-post .wp-block-media-text__media img,
.post-type-post .editor-styles-wrapper .wp-block-image img,
.post-type-post .editor-styles-wrapper .wp-block-media-text__media img,
.post-type-pages_modules .editor-styles-wrapper .wp-block-image img {
    border: 2px solid var(--wp--preset--color--couleur-8) !important;
    padding: 0.3rem;
    background: var(--wp--preset--color--couleur-7);
}
.is-style-image-no-bordure.wp-block-image img,
.is-style-image-no-bordure.wp-block-media-text__media img,
.post-type-post .editor-styles-wrapper .is-style-image-no-bordure.wp-block-image img,
.post-type-post .editor-styles-wrapper .is-style-image-no-bordure.wp-block-media-text__media img,
.post-type-pages_modules .editor-styles-wrapper .is-style-image-no-bordure.wp-block-image img {
    border: none !important;
    padding: unset;
    background: none;
}

/* Media Text */
/* Media texte */
.wp-block-media-text .wp-block-media-text__content {
    padding: 0%;
}

/** 
* Gravityforms
*/

.gform_wrapper.gravity-theme .gform_footer input {
    font-family: var(--wp--preset--font-family--open-sans);    
    color: var(--wp--preset--color--couleur-10);
    font-size: var(--wp--preset--font-size--small);
    text-transform: uppercase;    
    font-weight: 300;
    background: var(--wp--preset--color--couleur-2);
    padding: var(--wp--preset--spacing--petit) var(--wp--preset--spacing--normal);
    border-radius: var(--wp--custom--arrondi--petit);
    border: unset;
}
.section-formulaire .gform_wrapper.gravity-theme .gform_footer {
    justify-content: center
}

/** 
* Grilles
*/

/* Premier témoignage */
.grille-3-col .wp-block-post.gnp_temoignages:first-child {
    grid-column: 1 / -1    
}
.grille-full {
    grid-column: 1 / -1;
}
.is-layout-grid {
gap: var(--wp--custom--grille-coll--gap); 
justify-content: center;
}

/** 
* Termes
*/

.wp-block-post-terms a {
    background: var(--wp--preset--color--couleur-3);
    color: var(--wp--preset--color--couleur-10);
    padding: .2rem .3rem;
}
.wp-block-post-terms a:hover {
    background: var(--wp--preset--color--couleur-4);
}

/** 
* Archives
*/

/* Grille pour gérer l'affichage des bloc internes */ 
.wp-block-post-template .wp-block-post .is-style-bloc-carte {
    display: grid;
    grid-template-rows: auto auto 1fr;
}
.titre-archive {
    margin-top: unset;
}
.section-terme {
    width: 100%;
}
.section-terme .wp-block-post-terms {
    align-self: end;
    border-top: solid 3px var(--wp--preset--color--couleur-8);
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px;
    margin-right: unset !important;
    width: 100%;
}

/** 
* Témoignages
*/

.grille-temoignage h2 {
    font-size: var(--wp--preset--font-size--medium);
}
/* Ne marche pas pour l'instant */
/* .gnp_temoignages::after{
    content: "\f122";
    font-family: "dashicons";
    font-size: var(--wp--preset--font-size--hero);
    color: var(--wp--preset--color--couleur-7);
    position: absolute;
    top: 17px;
    left: 13px;
} */

/** 
* Page Landing
*/

.page-template-landing .wp-block-media-text .wp-block-media-text__media {
    display: none;
}

/** 
* Footer Widget
*/

.colonne-footer-widget .wp-block-navigation-item {
    position: relative;
    padding-left: 15px;
}
.colonne-footer-widget .wp-block-navigation-item::before {
    content: "*" / "";
    color: var(--wp--preset--color--couleur-1);
    display: inline-block;
    font-weight: 600;
    position: absolute;
    top: 2px;
    left: 0px;    
}

/** 
* Menu 
*/

.is-menu-open .wp-block-navigation__responsive-container-content {
    justify-content: center !important;
}
.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    font-size: var(--wp--preset--font-size--large) !important;
}

/** 
* Mise en page 
*/

/* Bordure blanche à la fin du bloc */
.separateur-bas {
    border-bottom: var(--wp--custom--bordure--medium) solid var(--wp--preset--color--couleur-10);
}
 /* Suppression de la marge automatique sur l'élément de modèle */ 
footer.wp-block-template-part:has( > .wp-block-group) {
    margin-block-start: 0;
}
.shared-counts-wrap.after_content.style-block {
    margin-top: var(--wp--preset--spacing--petit);
    margin-bottom: var(--wp--preset--spacing--petit);
}


/** 
* Accordéon
*/

.wp-block-details {
    font-size: var(--wp--preset--font-size--normal);
    border: 1px solid var(--wp--preset--color--couleur-8);
    padding: var(--wp--preset--spacing--petit);
    box-shadow: var(--wp--custom--ombre-boite--tres-leger);
    margin-bottom: var(--wp--preset--spacing--petit);
    border-radius: var(--wp--custom--arrondi--petit);
}
.wp-block-details p {
    font-size: var(--wp--preset--font-size--small);
    padding: var(--wp--preset--spacing--normal);
}
.wp-block-details summary {
    display: list-item;
}
.wp-block-details summary::marker {
    /* content: "* " / ""; */
    font-size: var(--wp--preset--font-size--medium);
    color: var(--wp--preset--color--couleur-3);
    transition: var(--wp--custom--transition-lien);
    display: list-item;
    font-weight: 600;
}    
.wp-block-details[open] > summary:first-of-type::marker {
    color: var(--wp--preset--color--couleur-1);
}


/** 
* Cookies
*/

.cookie-notice-container {
    padding: 11px;
}
.cookie-notice-container a {
    display: inline-block; 
    background: #ffffffe0;
    padding: 2px 11px;
    border-radius: var(--wp--custom--arrondi--petit);
}
.cookie-notice-container a:hover {
    display: inline-block; 
    background: black;
    color: white;
}


/** 
* Back-office
*/

/* Imposer le back blanc dans le back  */
.editor-styles-wrapper {
    background-color: var(--wp--preset--color--couleur-10);
}
/* Supprimer le padding */
.post-type-page .editor-styles-wrapper .is-root-container.has-global-padding {
    padding-left: unset;
    padding-right: unset;
}

/* Section  */

.post-type-page .editor-styles-wrapper .wp-block-post-content > section:first-child {
    border-top: 1px solid var(--wp--preset--color--couleur-8) !important;
}
.post-type-page .editor-styles-wrapper .wp-block-post-content > section {
    border-bottom: 1px solid var(--wp--preset--color--couleur-8) !important;
    margin: 0 !important;
}

@media only screen and (min-width: 600px ) {
    
    .page-template-landing .wp-block-media-text .wp-block-media-text__media {
        display: block;
    }
    /* Media text */
    .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
        padding-left: 8%;
    }
    .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
        padding-right: 8%;
    }

}