/*
 Theme Name:   GP Child [Perf & SEO]
 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:       Agence Web Performance
 Author URI:   https://agencewebperformance.fr/
 Template:     generatepress
 Text Domain:  generatepress-child
 Version:      1.5.6
*/
/* ------------------------
Optimisations de la performance
------------------------ */
img[width][height] {
  content-visibility: auto;
}

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

@media(min-width: 768px) {
  .site-footer {
    contain-intrinsic-size: 300px;
  }
}

.site-content ins {
  display: block;
  height: 280px;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}

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

body.overlayed {
  overflow: hidden;
  height: 100%;
}

svg.icon {
  vertical-align: top;
}

.entry-content p a[target="_blank"]::after,
.entry-content li 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,
.gb-query-loop-item {
  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;
}

p[role="doc-subtitle"] {
  margin-top: 1em;
}

.featured-image + .caption {
  text-align: right;
  opacity: .75;
  margin-top: -1.5em;
}

/* ------------------------
Style global
------------------------ */

@media(min-width: 769px){
  .one-container.right-sidebar .site-main, .one-container.both-right .site-main {
    margin-right: 40px;
  }
}

.page-title img {
  border-radius: 50%;
}

h1 {
  font-family: 'Rajdhani', "Rajdhani-fallback", sans-serif;
  text-transform: uppercase;
}

.inside-article h2, 
.inside-article h3:not(.wp-block-post-title), 
.inside-article h4, 
.site-footer h3,
.taxonomy-description h2,
.taxonomy-description h3,
.taxonomy-description h4,
.related-tags h2 {
  font-family: 'Rajdhani', "Rajdhani-fallback", sans-serif;
}

.inside-right-sidebar h2, 
.inside-right-sidebar h3, 
.inside-right-sidebar h4, 
.inside-right-sidebar h5, 
.inside-right-sidebar h6,
.comments-area h3 {
  z-index: 0;
  text-transform: uppercase;
  position: relative;
  font-weight: 700;
}

.inside-right-sidebar h2, 
.inside-right-sidebar h3 {
  padding-left: 10px;
}

.inside-right-sidebar h2::before,
.inside-right-sidebar h3::before,
.comments-area h3::before {
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50%;
  content: "";
  background-color: currentColor;
  opacity: .1;
}

@font-face {
  font-family: "Rajdhani-fallback";
  size-adjust: 91.80000000000001%;
  ascent-override: 117%;
  src: local("Arial");
}

@font-face {
font-family: 'Rajdhani';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local(''),
     url('./fonts/rajdhani-v15-latin-700.woff2') format('woff2'),
     url('./fonts/rajdhani-v15-latin-700.woff') format('woff');
}

.double-lined,
body.archive .page-title {
  display: grid;
  grid-template-columns: minmax(20px,1fr) auto minmax(20px,1fr);
  align-items: center;
  text-align: center;
  grid-gap: 20px;
  width: 100%;
  overflow: hidden;
}

.double-lined::before,
.double-lined::after,
body.archive .page-title::before,
body.archive .page-title::after {
  content: '';
  border-top: 20px solid;
  color: var(--accent);
  opacity: .2;
}

.simple-lined,
.inside-article h2:not(.entry-title):not(.nobar) {
  display: grid;
  grid-template-columns: auto minmax(20px,1fr);
  align-items: center;
  grid-gap: 20px;
  width: 100%;
  overflow: hidden;
}

.simple-lined::after,
.inside-article h2:not(.entry-title):not(.nobar)::after {
  content: '';
  border-top: 20px solid;
  color: var(--accent);
  opacity: .2;
}

.splitted li {
  padding-left: .5em;
}

.splitted {
  margin-bottom: 2.5em !important;
  column-count: 2;
  column-gap: 20px;
  margin-left: 1em;
  list-style-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path fill="%230B1A52" d="M173.9 439.4 7.5 273c-10-10-10-26.2 0-36.2l36.2-36.2c10-10 26.2-10 36.2 0L192 312.69l240.1-240.1c10-10 26.2-10 36.2 0l36.2 36.21c10 10 10 26.2 0 36.2L210.1 439.4c-10 10-26.2 10-36.2 0z"/></svg>');
}

@media(min-width: 768px) {
  .splitted {
    column-count: 3;
  }
}

@media(min-width: 1024px) {
  .splitted {
    column-count: 4;
  }
}

/* ------------------------
Entête
------------------------ */

.site-branding-container {
  cursor: pointer;
}

@media(min-width: 769px) {
  .is-logo-image {
    width: 150px !important;
    height: 35px !important;
  }
}

.horizontal-scroll-wrapper {
  overflow-y: hidden;
}

.horizontal-scroll-wrapper > .gb-inside-container {
  min-width: 1300px;
  overflow-y: auto;
}

/* ------------------------
Contenus
------------------------ */

@media(max-width: 768px) {
  .is-right-sidebar {
    margin-top: 40px;
  }
}

@media(min-width: 769px) {
  .inside-right-sidebar {
    position: sticky;
    top: 40px;
  }
}

.no-featured-image-padding .featured-image {
  margin-left: 0 !important;
}

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

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

.newsletter-container input {
  width: 100%;
}

.newsletter-container button {
  display: block;
  margin: 10px auto 0 auto;
}

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

.site-footer ul {
  list-style-type: none;
  margin-left: 0;
}

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

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