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

.is-logo-image {
  image-rendering: -webkit-optimize-contrast;
}

body,
button,
input,
select,
textarea {
	font-family: 'filson-pro', sans-serif !important;
}


/* ------------------------
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>');
}

.usa:hover {
  cursor: pointer;
}

.usa: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;
}

.white-links a {
  color: #fff !important;
}

.underline-links a {
  text-decoration: underline !important;
}

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

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

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

.header-wrap .site-header {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));}

.page-hero {
  position: relative;
  text-align: center;
  min-height: 520px;
}

@media(min-width: 1024px){
  .page-hero {
    min-height: 660px;
  }
}

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

.page-hero h1 {
  font-size: 56px;
  text-shadow: 0.04em 0.04em 0em rgba(0,0,0,0.4);
}

.page-hero p {
  font-size: 24px;
  text-shadow: 0.08em 0.08em 0em rgba(0,0,0,0.4);
}

.decorative {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, rgba(36, 46, 66, 0.2) 5%, rgba(36, 46, 66, 0.5) 100%);
}

.page-hero::after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(https://www.amb-usa.fr/wp-content/uploads/2019/09/sight-seeing-49-1.png);
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: scroll;
    pointer-events: none;
}

.fly {
  opacity: .6;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23242e42" d="M480 192H365.71L260.61 8.06A16.014 16.014 0 0 0 246.71 0h-65.5c-10.63 0-18.3 10.17-15.38 20.39L214.86 192H112l-43.2-57.6c-3.02-4.03-7.77-6.4-12.8-6.4H16.01C5.6 128-2.04 137.78.49 147.88L32 256 .49 364.12C-2.04 374.22 5.6 384 16.01 384H56c5.04 0 9.78-2.37 12.8-6.4L112 320h102.86l-49.03 171.6c-2.92 10.22 4.75 20.4 15.38 20.4h65.5c5.74 0 11.04-3.08 13.89-8.06L365.71 320H480c35.35 0 96-28.65 96-64s-60.65-64-96-64z"></path></svg>');
  position: absolute;
  left: -60px;
  width: 60px;
  height: 60px;
  animation: 20s linear 4s infinite running fly;
}

@keyframes fly {
    0% {
        transform: translate(-60px, 250px);
    }
    100% {
        transform: translate(calc(100vw + 60px), 0);
    }
}

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

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

.sib_signup_form input {
  width: 100%;
}

.sib_signup_form ::placeholder {
  color: #fff;
}

.related-attractions {
  margin-top: 40px;
}

article.dynamic-content-template {
  position: relative;
}

article.dynamic-content-template::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

article.dynamic-content-template a {
  position: relative;
  z-index: 2;
}

article.dynamic-content-template::before {
  cursor: pointer;
}

article.dynamic-content-template:hover {
  background-color: rgba(0, 0, 0, 0.05); /* Optionnel : effet de survol */
}


.full-width-content .related-attractions,
.full-width-content .attractions-a-visiter .wp-block-latest-posts__list {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 40px;
  padding-right: 40px;
}

.attractions-a-visiter h2 {
  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;
}

.attractions-a-visiter h2:before,
.attractions-a-visiter h2:after {
    content: '';
    border-top: 2px solid;
    color: #ff3314;
}

.dataatt {
color: #2ea3f2;
}
/* ------------------------
Pied de page
------------------------ */

.breadcrumb {
  color: #0e2041;
}

.breadcrumb a {
  background: linear-gradient(to right, #0e2041 0, #c93544 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.breadcrumb a:hover {
  background: linear-gradient(to left, #0e2041 0, #c93544 80%);
  transition: background 1s;
  -webkit-background-clip: text;
  text-decoration:underline;
}