@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Darker+Grotesque:wght@400;600;900&display=swap");

/* Theme Variables */
:root {
	--custom-color-primary: 0 172 114;
	--custom-color-primary-foreground: 255 255 255;
        --custom-color-secondary: 248 106 63;
        --custom-color-secondary-foreground: 255 255 255;
	--custom-color-secondary-light: #71A889;
	--custom-color-secondary-medium: #3C725B;
	--custom-color-secondary-deep: #214738;
        --custom-color-success: 0 172 114;

	--custom-color-typo: #164F63;
	--custom-color-background: #F5F5F4;
	--custom-color-background-card: #DEE6E1;
	--custom-color-white: #fff;
	--custom-color-black: #000;
	--black-mix: 40 40 40;
	--white-mix: 1 1 1;
	--radius: 0.2rem;

	--custom-font-sans: "Raleway";
	--custom-font-serif: "Raleway";
	--custom-font-accent: "Oswald";

}
.page-title {
background-image:url(/assets/homepage/bg-cms-page.png)
}

.-rotate-45 {
        --tw-rotate: -45deg;
}

.text-right {
    text-align: right;
}

.bg-primary\/20 {
    background-color: rgb(var(--color-primary)/.2);
}
.border-t-2 {
    border-top-width: 2px;
}

.border-dashed {
    border-style: dashed;
}

#exemples h3 {
padding: 5% 25%;
}
.card-event:has(.card-event__title) .card-event__header {
  padding:0
}
.card-event__title {
  font-size:0.688rem;
  padding: 0.25rem 0.5rem;
      margin-top: 0.5rem;
    margin-bottom: -1rem;
  width:fit-content;
  margin:auto;
  margin-bottom: -1.5rem;
    z-index: 2;
  color:#000;
 background-color: color-mix(in srgb,rgb(var(--color-neutral,158 158 158)) 15%,#fff);
  border-radius: var(--radius);
}
.event__image {
  border: 1px solid hsl(var(--border));
    width: 100%!important;
    left: 0!important;
    border-radius: var(--radius);
    max-height: 58%!important;
    padding: 1rem;
    margin: 0;
  
}
.event__image img {
max-height:70%;
      top: 50%!important;
    transform: translateY(-50%);
  
}

.event__competition-rallye-jeunes-yacco-ffsa .card-event__time,
.event__competition-rallye-jeunes-yacco-ffsa .card-event__date-time-separator{
  display:none;
}

.event__competition-rallye-jeunes-yacco-ffsa .event__image{
    width: 40%;
    left: 30%;
}

.event__club-a-vendee-globe .card-event__time,
.event__club-a-vendee-globe .card-event__date-time-separator,
.event__club-a-rallye-jeunes-yacco-ffsa .card-event__time,
.event__club-a-rallye-jeunes-yacco-ffsa .card-event__date-time-separator{
  display:none;
}

/* A retirer après le fix */
.header__logo-image.min-h-7{
  min-height:inherit !important;
}
.event__id-28463 .event__image{
 border:none;
  width: 50% !important;
}
.event__id-28463 .event__image img{
  transform: translateY(0%);
}

/* Masque le nombre de récompenses dans la popup */
div[role=dialog] .flex:has(h4.heading){
  display:none;
}

@media screen and (max-width: 768px){
  div[role=dialog]{
    width:90%;
  }
  .reward-card-item .icon{
    display:none;
  }
  .reward-card-item p{
    width:100%;
  }
}

/* Transat Café L'OR */
.event__location-village-de-la-transat-cafe-l-or .event__image{
  width: auto !important;
  border: none;
  margin-top: auto;
}
/* Masquer titre + voile orange sur la bannière hero */
.page-home .hero__vail, .page-home .hero__wrapper .heading{
  display:none;
}