/*
Theme Name: Twenty Twenty-Five (enfant)
Description: Thème enfant pour Twenty Twenty-Five
Author: Jonathan BESSON
Author URI: https://www.jonathan-besson.fr/
Template: twentytwentyfive
Version: 1.0.0
Text Domain: twentytwentyfivechild
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
/!\ NE PAS EFFACER LES LIGNES CI-DESSUS. /!\

ELLES SONT OBLIGATOIRES POUR LE FONCTIONNEMENT DU THEME ENFANT.
VOUS POUVEZ AJOUTER DES INFORMATIONS SUPPLEMENTAIRES SI VOUS LE SOUHAITEZ.

Pensez à modifier les informations suivantes : 
* Author : votre nom ou pseudo
* Author URI : l'URL de votre site web ou portfolio
*/

/*
TRES IMPORTANT :
    LES LIGNES QUI SUIVENT SONT UN EXEMPLE DE STRUCTURATION DE CODE CSS.
    PENSEZ A ADAPTER SELON VOS BESOINS ET VOTRE ORGANISATION OU SUPPRIMEZ-LES SI VOUS NE SOUHAITEZ PAS LES UTILISER.
*/

/* 
SI vous souhaitez organiser votre code CSS en plusieurs fichiers, vous pouvez utiliser la règle @import.
L'import doit toujours être en début de fichier, avant le code CSS.

Un dossier nommé _partials contient les fichiers CSS séparés pour organiser au mieux son code CSS. EX ici : _variables.css
Vous pouvez reproduire cette structure ou l'adapter selon vos besoins ou la supprimer si vous ne souhaitez pas l'utiliser.
*/
/* @import url(./_partials/_variables.css); */

/* Déclaration de vos variables CSS */

}

/*
    Ecrivez votre code CSS ci-dessous.
*/
/* Import des Google Fonts */
/* Page active dans le menu */
.wp-block-navigation-item__content[aria-current="page"]
.wp-block-navigation-item__label {
    font-weight: 700 !important;
}
/* Inversion du Hero sur tablette/mobile */
@media only screen and (max-width: 781px) {
    .is-flex-reverse {
        flex-direction: column-reverse;
    }
}

 /* Boutons pleine largeur uniquement tablette/mobile */
@media only screen and (max-width: 781px) {
    .wp-block-buttons {
        width: 100% !important;
    }

    .wp-block-button {
        width: 100% !important;
    }

    .wp-block-button__link {
        width: 100% !important;
        display: block !important;
        box-sizing: border-box;
        text-align: center;
    }
}

/*Dimensions bloc contact*/
@media only screen and (min-width: 782px) {
    .bloc-contact {
        margin-left: 70px !important;
        margin-bottom: 320px !important;
    }
}

/* ajustement de l'apparition du menu burger */
/** default is 600px pass to 1276px for button burger and container */
@media (max-width: 1230px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        bottom: 0;
        display: none;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }
}