/*
 Theme Name:   GP Child par Eroan Boyer
 Theme URI:    https://generatepress.com/premium/?ref=4657
 Description:  Thème enfant GeneratePress optimisé pour la web performance et le SEO. Intègre des fonctionnalités avancées qui n’impactent pas les temps de chargement et améliorent l’architecture du site.
 Author:       Eroan Boyer
 Author URI:   https://www.eboyer.com
 Template:     generatepress
 Version:      1.3.1
*/
/* ------------------------
Optimisations de la performance
------------------------ */
img[width][height] {
  content-visibility: auto;
}

.site-footer {
  content-visibility: auto;
  contain-intrinsic-size: 300px;
}

ins {
  min-height: 200px;
}

/* ------------------------
Utilisé par GP Child
------------------------ */
html {
  -webkit-tap-highlight-color: transparent;
}

svg.icon {
  vertical-align: text-top;
}

.entry-content p a[target="_blank"]::after {
  display: inline-block;
  margin-left: .25em;
  width: .75em;
  height: .75em;
  vertical-align: -.125em;
  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" fill="Gray"/></svg>');
}

[data-goto]:hover {
  cursor: pointer;
}

[data-goto]:not(.button):not(.gb-button):hover {
  text-decoration: underline;
}

.o50 {
  opacity: 50%;
}

.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  max-width: 100%;
  z-index: 99999;
  height: 5px;
}

/* ------------------------
Style global
------------------------ */
/* ------------------------
Entête
------------------------ */

.page-hero {
  text-shadow: 0.04em 0.04em 0em rgb(0 0 0 / 40%);
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.page-hero h1, .page-hero p {
    position: relative;
}

.decorative {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(237, 15, 105, 0.7) 80%);
}

/* ------------------------
Contenus
------------------------ */
ol.wp-block-latest-comments {
  margin-left: 0;
}

.paging-navigation,
.align-text-center {
  text-align: center;
}

.custom-button-container {
  text-align: center;
  margin: 40px 0 60px;
}

.custom-button {
  display: inline-block;
  background-color: rgba(234, 117, 54, 0);
  color: #000000;
  font-weight: bold;
  padding: 8px 20px;
  border-radius: 0 30px 0 10px;
  border-width: 4px;
  border-style: solid;
  border-color: #f30e6a;
}

.custom-button:hover {
  background-color: #f30e6a;
  color: #ffffff;
  border-color: #f30e6a;
}

h3.special {
  display: flex;
  align-items: center;
}

h3.special .gb-icon {
  display: inline-flex;
  line-height: 0;
  color: #f30e6a;
  padding: 0 0.5em 0 0;
}

h3.special .gb-icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

/* ------------------------
Pied de page
------------------------ */

.yoast-breadcrumbs,
.yoast-breadcrumbs a {
  color: #666666;
}

.yoast-breadcrumbs a:hover {
  text-decoration: underline;
}