/* Theme Variables */
:root, :root[data-theme="light"] {
    --custom-color-primary: 43 48 107;
    --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: "Helvetica";
    --custom-font-serif: "Helvetica";
    --custom-font-accent: "Helvetica";
}

@font-face {
    font-family: "";
    src: url('https://t.assets-caas.fr/')
}
.button--login{
  border-color:#fff;
  color:#FFF
}
.button--subscribe{
  background:#2b306b;
  color:#fff !important;
}

.page-home .event-grid{
    background: url('https://www.lespetitesfolies-iroise.com/wp-content/uploads/2024/11/baniere-vide-3colo-1.jpg');
    background-size:100%;
    background-repeat:no-repeat;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.event-grid__title{
    background-color: rgba(23, 58, 135, 0.81);
    border-width: 7px;
    border-color: #FDC500;
    padding: 1rem;
    color: #fff;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.card-event__title{
  font-size:1.2rem;
}

.event__image{
  margin-bottom:1rem;
}

.header, .header nav{
  background:#2b306b;
  color:#fff
}

.footer--stadium-go {
    background:#008c51;
    color:#fff;
}

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

.page-proposer-un-covoiturage .steps{
    background:#008c51;
    color:#fff;
}
.steps .container div span{
    background:#008c51;
    color:#fff;
    border:1px solid #fff;
}
.steps .container div:first-child span{
    background:#fff;
    color:#008c51;
}
#filters{
  display:none;
}
.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: #2B306B;
  font-size: 2.2em;
  text-align: center;
  margin-top:1rem;
  margin-bottom:3rem;
}
.hero__wrapper .heading span{
  text-shadow:none;
}
.CarpoolMap__Homepage{
  width: 70%;
  height:35rem;
  margin-left: auto;
  margin-right: auto;
  margin-top:3rem;
}
.CarpoolMap__Homepage div div{
  border-radius:10px;
}