:root{
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
}
@font-face {
  font-family: 'CenturyGothic';
  src: url('../fonts/Century Gothic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.elementor * { font-family: 'CenturyGothic', sans-serif; }
body{background:#fefbf4;font-family: CenturyGothic!important;}

.site-header .top-header {background-color: #d3521b; color: #FFF; padding: 10px 0;}

.site-header .custom-logo{/*max-height:48px;width:auto;*/}
.site-header {background-color: #493828; color: #FFF;}
.header-nav {position: relative;}
.site-logo{background-color: rgba(254,251, 244, 0.8); padding: 15px 20px 60px 20px; position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0); z-index: 200; clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    50% 90%,  /* pointe qui remonte */
    0 100%
  );}
/*.site-logo::after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 100px;
  background: inherit;
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
}*/
@media(max-width: 992px) {
  .site-logo {/*left: auto; right: 15px; transform: none;*/ width: 30vw; }
  .site-logo img {max-width: 100%; height: auto;}
}
.dropdown-menu{min-width:14rem; }
#primaryNav {position: absolute; top: 100%; left: 0; z-index: 201; background-color: rgba(73, 56, 40, 0.9); padding: 0px 15px;}
#primaryNav  .navbar-nav {flex-direction: column;}
#primaryNav  .navbar-nav .nav-link {color: #fffdf5; text-transform: uppercase; font-size: 1.2rem;}
@media (min-width: 992px){
  #primaryNav { left: 10vw; background-color: rgba(73, 56, 40, 0.8);}
  #primaryNav  .navbar-nav .nav-link {font-size: 1.5rem;}
  .navbar .dropdown:hover > .dropdown-menu{display:block;}
}
@media (min-width: 1600px){
	#primaryNav .navbar-nav .menu-item .nav-link {padding: 5px 15px;}
}

.anchor-offset { scroll-margin-top: 120px; }
.pos-relative {position: relative!important;}
.overflow-hidden {overflow: hidden!important;}

.wpcf7 label {width: 100%;}
.wpcf7-form-control {border: 1px solid #D22E26; border-radius: 15px; margin-bottom: 10px; padding: 2px 10px; width: 100%;}
.wpcf7-form-control::placeholder { color: #000; opacity: 1; }
.wpcf7-submit {background-color: #D22E26; color: #FFF;}

@keyframes shrinkSmooth {
  from {
    left: 0;
	  top: 0;
  }
  to {
    left: -35%;
	top: -0;
  }
}
@keyframes shrinkSmoothRight {
  from {
    right: 15%;
	  bottom: 0;
  }
  to {
    right: -5%;
	bottom: -0;
  }
}

.anim_bandeau_HG {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 60%;
  object-fit: cover;

  transform-origin: top left;
  animation: shrinkSmooth 1s ease forwards;
}

.anim_bandeau_BD  {
	position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 60%;
  object-fit: cover;

  transform-origin: right bottom;
  animation: shrinkSmoothRight 1s ease forwards;
}

.biseau-droite {
  clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
}

.biseau-gauche {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
}

.carousel-bg .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* la vraie CARD */
.carousel-bg .swiper-slide img {
  width: 100%;
	min-width: 245px;
  height: 200px; /* hauteur fixe */
  background: #FFF;
  padding: 20px;
  border-radius: 10px;
  object-fit: contain; /* clé du centrage */
  box-sizing: border-box;
}

/* légende */
.carousel-bg .elementor-image-carousel-caption {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
  min-height: 40px;
}

/* animation aristote */
#animation_aristote {position: relative;}
.cache_artistote {position: absolute; left: 0; width: 80%; top:0; background-color: #FFF; transform-origin: right;  }
.cache_artistote_2{position: absolute; left: 0; width: 100%; background-color: #FFF; transform-origin: right; }
.anim_aristote {animation: animate_aristote 3s ease-in-out forwards;}

@keyframes animate_aristote {
    from { transform: scaleX(1); }
    to   { transform: scaleX(0); }
  }

.contenu-signaletique, .contenu-event {/*display: none!important;*/}