/* Theme Variables */
:root, :root[data-theme="light"] {
    --custom-color-primary: 0 21 36;
    --custom-color-primary-foreground: 255 255 255;
    --custom-color-secondary: 248 106 63;
    --custom-color-secondary-foreground: 255 255 255;
    --custom-color-secondary-light: #203e6d;
    --custom-color-secondary-medium: #e45643;
    --custom-color-secondary-deep: #f4839a;
    --custom-color-success: 0 172 114;
    --custom-color-typo: #164F63;
    --custom-color-info:30 96 250;
    --custom-color-background: #F5F5F4;
    --custom-color-background-card: #DEE6E1;
    --color-white: #fff;
    --color-black: #000;
    --black-mix: 40 40 40;
    --white-mix: 1 1 1;
    --radius: 0.2rem;
    --custom-font-sans: "Open Sans";
    --custom-font-serif: "Open Sans";
    --custom-font-accent: "Open Sans";
}

@font-face {
    font-family: "JockeyOne";
    src: url('https://t.assets-caas.fr/fetedubruit/fonts/JockeyOne-Regular.ttf')
}

h1,h2,h3,h4,h5,h6{
  font-family:"JockeyOne";
}

.page-home{
  background:#061526;
}

.header{
  height:75px;
  padding-top: 0;
  padding-bottom: 0;
}
.header, .header nav{
  background:#001524;
  color:#fff;
}
.header nav a{
  font-size:22px;
  font-family:"JockeyOne";
  text-transform:uppercase;
}
.button--login, .button--subscribe{
  border: 1px solid #fff;
}
.button--login{
  color:#fff;
}
.button--subscribe{
  background:#fff;
  color:#001524;
}

.page-home #caas__main-container div[role="alert"]{
  display:none;
}
.hero{
  background:none;
  margin-top:2rem;
}
.hero img:first-child{
  display:none;
}
.event__image img{
  display:block !important;
}
.hero__vail{
  display:none;
}
.hero__wrapper{
  max-width: 100%;
  padding: 0;
}
.hero__wrapper h2.heading{
  color: #fff;
  font-size: 2.5em;
  text-align: center;
  margin-top:1rem;
  margin-bottom:3rem;
}
.hero__wrapper .heading span{
  text-shadow:none;
}
.hero .customMDX button:last-child{
  background:#fff;
  color:#001524;
  text-transform:uppercase;
  font-family:"JockeyOne";
}
.CarpoolMap__Homepage{
  width: 70%;
  height:35rem;
  margin-left: auto;
  margin-right: auto;
  margin-top:3rem;
}
.CarpoolMap__Homepage div div{
  border-radius:10px;
}

#filters{
  display:none;
}

.footer--stadium-go {
    background:#DBDBDB;
    color:#000;
}

.footer--stadium-go svg{
    width:70%;
}

.page-proposer-un-covoiturage .steps{
    display:none;
    background:#f5d1e7;
    color:#fff;
}
.steps .container div span{
    background:#000000;
    color:#fff;
    border:1px solid #fff;
}
.steps .container div:first-child span{
    background:#fff;
    color:#000000;
}

/* Card event */
.card-event {
    padding: 1em 0 0;
    margin-bottom: 1em
}
.card-event .card__content{
  padding-left: 0;
  padding-right: 0;
}
.card-event__title {
    margin-bottom: 0;
    margin-top: auto;
    font-size: 1.1rem;
    text-transform: uppercase;
}
.card-event .event__image img {
    width: 100%;
    object-fit: cover !important;
    aspect-ratio: 12/9;
  
}
.page-home .rewards{
  background: linear-gradient(135deg, #061526, #e45643 100%);
}
.page-home .rewards h2{
  color:#f4c891;
}
.page-home .customMDX .rewards p{
  width:100% !important;
}
.page-home .rewards .container{
    color:#f4c891;
    padding: 3rem;
    border-radius: 10px;
    margin-bottom: 2rem;
}

#filters{
  display:none;
}
.footer__by-stadium-go svg path{
  fill:#000;
}

/* Only for 2 cards events
.event-grid .cards-grid__grid,
.page-proposer-un-covoiturage .cards-grid__grid,
.page-evenements .cards-grid__grid{
  width: 66.666667%;
}
*/