/*
 Theme Name:   GP VIVA Leadership
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
body {
  background-position: right 5% top 50%;
  background-size: 50%;
}
/*****HEADER****/
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
  background-color: #fbfaf8;
}
@media (max-width: 500px) {
  .site-header .header-image {
    width: 220px;
  }
}
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
  background: none !important;
}
@media (max-width: 1200px) {
  #mobile-menu-control-wrapper .menu-toggle {
    display: block !important;
  }
}
img {
  display: block;
}
svg {
  max-width: 100%;
}
.content-area ul li {
  position: relative;
  padding-left: 1.7em;
  margin-bottom: 0.3em;
}
.content-area ul li::before {
  content: "— ";
  position: absolute;
  left: 0;
}
.content-area .wp-block-social-links li:before {
  content: none;
}
.site-content ul {
  list-style: none;
  padding-left: 0;
  margin: 0 0 20px 0;
}
blockquote {
  border-left: 5px solid #E31F26;
  padding: 20px;
  font-size: 1em;
  font-style: italic;
  margin: 0 0 1.5em;
  position: relative;
}
/****CTA**********************************************/
.CTA-Viva {
  background-size: 40% !important;
}
.CTA-individuals {
  background-size: 50% !important;
}
.CTA-managers {
  background-size: 50% !important;
}
/****PORTAITS**********************************************/

.viva-portrait-clip {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  aspect-ratio: 1/1;
  background: #cfe8ea;
  margin-bottom: 20px;
}
.viva-portrait-clip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* bloc couleur "montagnes" découpé par ton path exact */
.viva-portrait-clip::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 0;
  width: 72%;
  height: 35%;
  background: #068a96;
  -webkit-clip-path: url(#viva-mountains-clip);
  clip-path: url(#viva-mountains-clip);
  transition: background-color .25s ease;
}
.viva-portrait-clip:hover::after {
  background-color: #dc0d15;
}

.calendly-badge-widget .calendly-badge-content span {
  display: none !important;
}
.calendly-badge-widget {
	transform: rotate(-90deg);
  transform-origin: 100% bottom;
  bottom: 50% !important;
	right:0 !important;
	/*left:20px !important;
	right:auto !important;*/
}
.calendly-badge-widget .calendly-badge-content {
  border-radius: 10px 10px 0 0 !important;
  box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
  font-size: 20px !important;
	font-weight: 400 !important;
	  font-family: var(--gp-font--hanken-grotesk) !important;
	height:auto !important;
	padding: 10px 20px !important;
}
.calendlybutton a{
	color:#fff;
	background: #be1622;
	font-size: 22px;
	padding: 15px 30px;
	display: inline-block;
}
.calendlybutton a:hover{
	background: #1D5E72;
}
@media (max-width: 768px) {
.calendly-badge-widget .calendly-badge-content {
  font-size: 16px !important;
	padding: 5px 10px !important;
}
}
.calendly-inline-widget{
height:1000px;
}
@media (max-width: 768px) {
.calendly-inline-widget{
height:700px;
}
}
.degular {
  font-family: "degular-display", sans-serif;
}
.home h6 {
  line-height: 0;
  margin-bottom: 0;
}

/****CAROUSEL**********************************************/

.carousel-logos {
  --gap: 32px;
  overflow: hidden;
  position: relative;
}
.carousel-logos img {
  margin: 0 40px;
  display: block;
  width: auto;
  max-height: 70px;
  max-width: 220px;
}
.aboutus .carousel-logos img {
  margin: 0 20px;
  max-height: 120px;
}
.carousel-logos .carousel-track {
  display: flex;
  align-items: center;
  gap: var(--gap);
  will-change: transform;
  transform: translate3d(0, 0, 0);
}
.carousel-logos .logo-item {
  flex: 0 0 auto;
  /* largeur libre = largeur de l’image */
}
.carousel-avis {
  --gap: 24px;
  overflow: hidden;
  position: relative;
}
.carousel-avis .horizontal-scroll {
  display: flex;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
}
.carousel-avis .avis {
  flex: 0 0 auto !important;
  width: 27vw !important; /* ou calc((100% - gap*2)/3) */
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 900px) {
  .carousel-avis .avis {
    width: 50vw !important; /* ou calc((100% - gap*2)/3) */
  }
}
@media (max-width: 500px) {
  .carousel-avis .avis {
    width: 90vw !important; /* ou calc((100% - gap*2)/3) */
  }
}
.carousel-avis img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 120px;
}
.avis img{
	max-width: 120px;
}
/******CSS OFFERS des svg rouge-hover bleu****/
.svg-viva {
  width: 100%;
}
.bgred {
  fill: #be1622;
}
.svg-viva:hover .bgred {
  fill: #1d5e72;
}
.bgwhite {
  fill: #fff;
}
.bgred2 {
  fill: #dc0d15;
}
.svg-viva:hover .bgred2 {
  fill: #068A96;
}



.video-wrapper {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
	
}
.video-wrapper iframe {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  display: block;
}
.inside-header .wp-block-social-links .wp-social-link svg, .site-footer .wp-block-social-links .wp-social-link svg {
  height: 1.4em;
  width: 1.4em;
}
.coincoupe {
  --cut: 40px; /* taille du coin coupé */
  clip-path: polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));
}