/* Theme Variables */
:root {
    --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;
}

/* Hide filters bloc
#filters{
  display:none;
}
*/

/* 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%;
}
*/