/*
Theme Name:		 Societea
Theme URI:		 https://cfjlab.fr
Description:	 Radar is a child theme of WP media Twentyfive
Author:			 X
Author URI:		 https://cfjlab.fr
Template:		 twentytwentyfive
Version:		 1.0.0
Text Domain:	 societea
*/

/*
 * Config
 */
body {
  --header-height: 210px;
  --image-height: 100vh;
}


/* ----- header extra ----- */
.hextra {
  position: relative;
}
.hextra > div {
  position: absolute;
  right: 0;
}
.hextra figure img {
  vertical-align: middle;
}
.hextra .hbutton {
  transform: rotate(2deg);
}
.hextra .hbutton a {
  text-decoration: none;
}

@media (max-width: 695px) {
  .hextra {
    height: 30px;
  }
  .hextra > div {
    position: absolute;
    right: 0;
    left: 0;
    top: calc(-1 * var(--wp--preset--spacing--40));
    flex-direction: initial;
    align-items: center;
    justify-content: space-between;
  }
  .hextra .hsocial {
    /*position: absolute;*/
  }
  .hextra .habonne {
    /*position: absolute;*/
  }
}





/* ----- newsletter ----- */
.nlbutton {
  transform: rotate(2deg);
}
.nlbutton a {
  text-decoration: none;
}


/* ----- category menu ----- */
nav a:hover,
nav .current-menu-item a {
  text-decoration: none;
}
nav a:hover .wp-block-navigation-item__label,
nav .current-menu-item a .wp-block-navigation-item__label {
  text-shadow: -3px 3px 0px rgba(0,0,0,1);
}
nav li.wp-block-navigation-item a span.menu-item-description {
  display: block;
  font-size: 14px;
  margin-top: -2px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-style: italic;
  font-family: var(--wp--preset--font-family--archivo);
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  text-align: center;
}


/* ----- decoration ----- */
.atags {
  position: absolute;
  margin-top: -35px;
  padding-left: 15px;
}
.atags a {
  color: var(--wp--preset--color--base);
  text-transform: uppercase;
  background-color: var(--wp--preset--color--accent-1);
  padding: 2px 5px 1px 5px;
  display: inline-block;
  text-decoration: none;
  font-size: 10px;
}
.alireaussi {
  position: absolute;
  z-index: 1000;
  transform: rotate(-2deg);
}
.explore {
  position: absolute;
  z-index: 1000;
  transform: rotate(-2deg);
  left: 50px;
}




/* ----- page article ----- */
.seul {
}
.seul .vignette {
  position: relative;
}
.seul .vignette .parallax {
  /*aspect-ratio: 16 / 9;*/
  height: calc(100vh - var(--header-height));
}
.seul .vignette .parallax figure {
  /*position: fixed;*/
  position: absolute;
  width: 100%;
  z-index: -10;
  height: calc(100vh - var(--header-height));
}
.seul .vignette .parallax figure img {
  aspect-ratio: initial;
  height: calc(100vh - var(--header-height));
}
.seul .vignette .over {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: var(--wp--preset--color--base);
  z-index: 20;
}
@media (min-width: 695px) {
  .seul .vignette .over .cut {
    max-width: calc(var(--wp--style--global--content-size) + 200px);
    transform: translateX(100px);
  }
}
@media (max-width: 1200px) {
    .seul .vignette .over > div {
      padding: 0px var(--wp--preset--spacing--40);
    }
}
@media (max-width: 800px) {
    .seul .vignette .parallax {
      height: var(--image-height);
    }
    .seul .vignette .parallax figure img {
      height: var(--image-height);
    }
    .seul .vignette .over > div{
      padding: 0px var(--wp--preset--spacing--40);
    }
    /*.seul .vignette .over .wp-block-post-excerpt__excerpt {
      font-size: 14px;
    }
    .seul .vignette .over h2 {
      font-size: 25px;
    }
    .seul .vignette .over .legende {
      display: none;
    }*/
}
/* ----- author icon ----- */
.seul .icononly .wp-block-post-author__content {
  display: none;
}
.seul .icononly .wp-block-post-author__avatar {
  margin-right: 1rem;
}
.seul .icononly .wp-block-post-author__avatar img {
  border-radius: 50%;
}


/* ----- quotes ----- */
.wp-block-pullquote {
  text-align: left;
}
.wp-block-pullquote blockquote {
  background-image : url(quote.svg);
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 65px;
}
.wp-block-pullquote blockquote p {
  font-weight: 600;
}
.wp-block-pullquote blockquote cite {

}
@media (min-width: 695px) {
  .wp-block-pullquote {
    max-width: calc(var(--wp--style--global--content-size) + 200px);
    transform: translateX(100px);
  }
  .wp-block-pullquote blockquote {
    background-size: 77px;
    padding-left: 95px;
  }
}

/* ----- gallery ----- */
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
  display: none;
}



/* ----- map popup ----- */
.leaflet-popup-content-wrapper {
  border: 10px solid var(--wp--preset--color--accent-1);
  border-radius: 0px;
}
.leaflet-popup-tip {
  background-color: var(--wp--preset--color--accent-1);
}
.leaflet-popup-content {
  margin: .5rem;
  width: 200px !important;
  text-align: center;
}
.leaflet-popup-content a {
  font-size: 14px;
  font-family: var(--wp--preset--font-family--archivo-black);
  text-decoration: none;
  color: var(--wp--preset--color--contrast)
}

/* ----- map ----- */
@media (max-width: 695px) {
  #mapid {
    max-width: 100vw;
    transform: translateX(calc(-1 * var(--wp--style--root--padding-left)));
  }
}

/* ----- footer ----- */
@media (max-width: 695px) {
  footer .fcontent {
    justify-content: center;
  }
}


@media (max-width: 695px) {
  footer .fcontent {
    justify-content: center;
  }
}



@media (max-width: 768px) {
  #cmplz-manage-consent .cmplz-manage-consent {
    padding: 3px !important;
    height: auto !important;
  }
}