/*
Theme Name: GeneratePress Child
Template: generatepress
Version: 1.0.0
Text Domain: generatepress
*/

/* couleurs 

bleu-typogames #0A509D
rouge-typogames #df1a17
texte courant contrast-3 #2c3d5c
*/


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,800;1,800&display=swap');


/* Barre adminb */

#wp-toolbar {
  min-height: 32px;
}

#wpadminbar:hover {
  opacity: 1;
  top: 0px;
  height: 32px;
}

#wpadminbar {
  top: -24px;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  height: 0px;
}




/**
* Général
**/

body {
  overflow-x: hidden;
}

body.one-container .container {
  color: var(--contrast-3);
}

.justify,
.justify * {
  text-align: justify;
}

.fw300,
body .gb-headline.fw300 {
  font-weight: 300;
}

.fw700,
body .gb-headline.fw700 {
  font-weight: 700;
}



/**
* Classes typolibris et clairière des livres ds la nav
**/

.main-navigation li.typolibris a,
.main-navigation li.clairiere a,
.main-navigation li.accueil a {
  display: flex;
  font-size: 0;
  padding: 0 10px 0 10px !important;
}

.main-navigation li.accueil a {
  padding-right: 13px !important;
}

.main-navigation li.accueil a:before {
  content: '';
  background: url("assets/img/accueil-hover.svg") no-repeat center center;
  display: inline-block;
  height: 60px;
  width: 17px;
  background-size: contain !important;
}

body.home .main-navigation li.accueil a:before,
body:not(.home) .main-navigation li.accueil a:before {
  content: '';
  background: url("assets/img/accueil-hover-inter.svg") no-repeat center center;
  display: inline-block;
  height: 60px;
  width: 17px;
  background-size: contain !important;
}

body:not(.home) .main-navigation li.accueil:hover a:before {
  content: '';
  background: url("assets/img/accueil-hover-inter.svg") no-repeat center center;
  display: inline-block;
  height: 60px;
  width: 17px;
  background-size: contain !important;
}

.main-navigation li.typolibris a:before {
  content: '';
  background: url("assets/img/logo-typolibris.svg") no-repeat center center;
  display: inline-block;
  height: 60px;
  width: 140px;
  background-size: contain !important;

}

.main-navigation li.clairiere a:before {
  content: '';
  background: url("assets/img/logo-clairiere.svg") no-repeat center center;
  display: inline-block;
  height: 70px;
  margin-top: -20px;
  width: 140px;
  background-size: contain !important;
}

/**
* lien typolibris footer
**/

footer .wp-block-navigation-item.typolibris a {
  display: flex;
  font-size: 0;
}

footer .wp-block-navigation-item.typolibris a:before {
  content: '';
  background: url("assets/img/logo-typolibris-footer.svg") no-repeat center center;
  display: inline-block;
  height: 60px;
  width: 140px;
  background-size: contain !important;

}


/**
* Fil d'ariane
**/

.yoast-breadcrumbs {

  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  color: var(--contrast-4);
  font-family: Barlow, sans-serif;
  font-weight: 500;
}

.yoast-breadcrumbs .breadcrumb_last {
  font-weight: 600;
}

.yoast-breadcrumbs a {
  color: var(--contrast-4);
}

.yoast-breadcrumbs a:hover {
  color: var(--bleu-typogames);
}

/**
* marge haute site content
**/

.one-container .site-content {
  padding-top: 40px;
  padding-bottom: 0px;
}

/**
* Classes de titres
**/

.gb-headline.h1 {
  font-family: Barlow, sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2em;

}

.gb-headline.h2 {
  font-family: Barlow, sans-serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 1.2em;
}

.gb-headline.h3 {
  font-family: Barlow, sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.1em;
}

.gb-headline.h4 {
  font-family: Barlow, sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2em;
}

.gb-headline.h5 {
  font-family: Barlow, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2em;
}

.gb-headline.h6 {
  font-family: Barlow, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2em;
}

footer .gb-headline.h4 {
  font-weight: normal;
}

/**
* Chiffres clés
**/

.aspectratio50 {
  aspect-ratio: 50 / 50;
}


/**
* Carrousel jeux page accueil
**/

body .carrousel-jeux {
  flex-wrap: nowrap;
}


.home .scarrousel.overlay .scarrousel-item>.scarrousel-info {
  justify-content: center;
  height: 100%;
  align-items: center;
  font-size: 24px !important;
}

.home .scarrousel.overlay .scarrousel-item>.scarrousel-info>.scarrousel-title {
  font-size: 24px !important;
}

.home div[style="--color: rgb(133,207,234);"] .scarrousel-title {
  background: #85cfea !important;
  ;
  color: #fff !important;
}

.home div[style="--color: rgb(233,86,49);"] .scarrousel-title {
  background: #e95631 !important;
  ;
  color: #fff !important;
}

.home div[style="--color: rgb(78,79,143);"] .scarrousel-title {
  background: #4e4f8f !important;
  color: #fff !important;
}

.home div[style="--color:#fbbb04"] .scarrousel-title {
  background: #fbbb04 !important;
  color: #fff !important;
}



/**
* Légende galerie page jeu
**/

.scarrousel.deport-navs .scarrousel-outer>.scarrousel-navs>a {
  color: #fff;
}

.scarrousel .scarrousel-item>.scarrousel-info>.scarrousel-legend {
  background: transparent;
  color: var(--contrast-3);
  font-size: 13px;
  padding: 0 8px 8px;
  line-height: 1.5;
}

.scarrousel .scarrousel-item>.scarrousel-info>.scarrousel-legend ul {
  margin: 0 .5em 1.5em 3em;
}


/**
* Footer
**/
footer .has-contrast-5-color>ul>li>a {
  transition: color .1s ease-in-out;
}

footer .has-contrast-5-color>ul>li:hover>a:hover {
  color: var(--base-2);
}

/**
* Formulaire contact
**/


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {

  background-color: var(--base-2);
  border-color: var(--base-2);
  margin-top: 10px;
  width: 100%;
}

/**
* Page Moyens de production
**/

.gros-chiffre {
  font-size: 20px;
  line-height: 24px;
}

.gros-chiffre mark {
  font-size: 29px;
}



/**
* Animation texte étiré CSS
**/

.aos-animate .texte-etire {
  -webkit-animation: texte-etire 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1000ms both;
  animation: texte-etire 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1000ms both;
}


@-webkit-keyframes texte-etire {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }

  40% {
    opacity: 0.6;
  }

  100% {
    opacity: 1;
  }
}

@keyframes texte-etire {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }

  40% {
    opacity: 0.6;
  }

  100% {
    opacity: 1;
  }
}

/**
* Animation scroll down floater css
**/
.floater {
  animation-name: floater;
  -webkit-animation-name: floater;

  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  visibility: visible !important;
}



@keyframes floater {
  0% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(25%);
  }

  100% {
    transform: translateY(0%);
  }
}

@-webkit-keyframes floater {
  0% {
    -webkit-transform: translateY(0%);
  }

  50% {
    -webkit-transform: translateY(25%);
  }

  100% {
    -webkit-transform: translateY(0%);
  }
}


/**
* Animation bounce css
**/

.bounce {

  -webkit-animation-name: bounce;
  animation-name: bounce;

  -webkit-animation-duration: .8s;
  animation-duration: .8s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/**
* Barre RGPD
**/

.cookieLaw>.cl-panel .cl-btn {
  color: #fff;
}