/*
Theme Name: GyNaissance 2022
Theme URI: https://example.com/
Author: ANGELI Laurent
Author URI: https://laurent-angeli.fr/
Description: Thème enfant pour TT2.
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.6
Version: 0.2
License: Private
Text Domain: gynaissance
Template: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Twenty Twenty-Two Child WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two Child is distributed under the terms of the GNU GPL.
*/
/* basic-regular - latin */
@font-face {
  font-family: 'Basic';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/basic-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/basic-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/basic-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/basic-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/basic-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/basic-v17-latin-regular.svg#Basic') format('svg'); /* Legacy iOS */
}

html { font-size: 15px; } /* au lieu de 16px dans le thème */

body {
  --wp--custom--typography--font-size--colossal:clamp(3.5rem,8vw,4.3rem);
}

/* MAIN MENU */

/* pour que les 7 éléments de menu puissent s'afficher sur une seule ligne sur grand écran */
nav.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > a.wp-block-navigation-item__content { padding-left: 0; }

/* Ajout d'une bordure blanche sur le sous-menu */
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
  border-top: 2px solid white;
  padding: 0;
}

/* les sous-menu n'utilisaient pas la bonne couleur de fond et de texte...*/

.wp-block-navigation__responsive-container.has-secondary-background-color ul ul li.has-background-color {
  background-color: var(--wp--preset--color--secondary) !important;
}
.wp-block-navigation__responsive-container.has-primary-color ul ul li.has-text-color {
  color: var(--wp--preset--color--primary) !important;
}

/* LEs sous-menus prenent toute la largeur du texte */
.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
  width: auto;
  max-width: none;
}
.wp-block-navigation ul, .wp-block-navigation ul li {
  white-space: nowrap;
}


/* FOOTER */
/* Checkmark des menus en colonne : utilisé sur le footer */
ul.is-style-tw-checkmark li::before {
  transform: rotate(88deg);
  color: var(--wp--preset--color--accent);
}


/* HOME */
/* Utilisé sur l'encart MyNea */
.mg-top-23-neg {
  margin-top:  -23px !important;
}

.home a.section-btn { text-decoration:none; }
.home a.section-btn:hover { text-decoration:none; }
.home a.section-btn:focus { text-decoration:none; }
.home a.section-btn:hover .wp-block-group .wp-block-columns { background-color: var(--wp--preset--color--tertiary) !important; }

/* BUTTONS */
.wp-block-search__button, .wp-block-file .wp-block-file__button, .wp-block-button__link {
  border :1px solid transparent;
}
.wp-block-search__button:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-button__link:hover {
  border:  1px solid rgba(0,0,0,0.5);
}

/* UTILS */
.is-flex-grow {
  flex-grow:  1;
}

/* VIDEOS EMBEDDED */
figure.wp-block-embed.is-type-video .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /*16:9*/
}
figure.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Compteur GETWID spécialisé */
.wp-block-getwid-counter.bordered {
  max-width: 150px;
  border: 2px solid var(--wp--preset--color--tertiary);
  border-radius: 5px;
}
.wp-block-getwid-counter.centered {
  margin-left: auto; margin-right:auto;
}
.jours-counter .wp-block-getwid-counter__number::after {
  content: " jours";
  display: inline;
  font-size: 60%;
}
.