@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--custom-color-primary: 0 25 65;
	--custom-color-secondary-light: #d6d9e6;
	--custom-color-secondary-medium: #525b85;
	--custom-color-secondary-deep: #2e404f;
	--custom-color-typo: #164F63;
	--custom-color-background: #fff;
	--custom-color-background-card: #F0F0F0;
	--custom-color-white: #fff;
	--custom-color-black: #000;
	--black-mix: 40 40 40;
	--white-mix: 1 1 1;

	--custom-font-sans: "Helvetica";
	--custom-font-serif: "Helvetica";
	--custom-font-accent: "Helvetica";
}

/* HEADER & FOOTER */
header{
  background-color: #001941;
  color: white;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 60px;
  padding-right: 60px;
}

header nav {
  background-color: #001941;
  color: white;
  justify-content: space-between;
}

header nav div:first-child {
  background: #00235a;
  border-radius: 40px;
  flex-wrap: wrap;
  overflow: hidden;
  padding: .25rem;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0;
}

header nav div:first-child a {
  align-items: center;
  border-radius: 32px;
  cursor: pointer;
  padding: 10px 16px;
  transition: all .25s ease-in-out;
  font-family: Source Sans Pro, Arial;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 110%;
  text-transform: uppercase;
}

header nav div:first-child a:hover {
  background: #1A396B;
  text-decoration: none;
}

header nav div:last-child {
  font-family: Source Sans Pro, Arial;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 120% !important;
  background: transparent;
  border: 1px solid #fff;
  border-color: #fff !important;
  border-width: 1px !important;
  gap: .5rem;
  height: 44px;
  padding: .5rem 1.25rem;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  transition: background-color .25s ease-in-out;
  width: -moz-fit-content;
  width: fit-content;
}
.user-logged-in header nav div:last-child{
  border:none;
}
.user-logged-in header nav .login-nav{
  border:1px solid #fff !important;
}

header nav div:last-child:hover {
  border-color: #d7e2fa !important;
}

header nav div:last-child a:hover {
  color: #d7e2fa !important;
}

header .langswitcher .border-primary {
  border-color: #fff;
}

.header__logo-container {
  padding: 0;
  margin: 0;
  width: 220px;
}

.header__logo-image {
  min-height: auto;
  max-height: none;
  margin: 0;
  padding: 0;
}

footer {
  font-family: Source Sans Pro, Arial;
  padding-top: 50px;
  padding-bottom: 70px;
  padding-left: 60px;
  padding-right: 60px;
}
.footer__by-stadium-go svg{
  width:60%;
}

/* CONTENT */
.card-event__sport-competition-container{
  color:#fff;
  background:#001941;
}
.card-event__clubs-container, .card__footer{
  border-color:#001941;
}
.page-home .cards-grid__grid .card,
.page-covoiturages .cards-grid__grid .card,
.page-evenements .cards-grid__grid .card,
.page-home .card:first-child .card__content,
.page-home .card:first-child .card__content > .flex,
.favourite-club-selector,
.page-proposer-un-covoiturage .rounded-lg,
.page-proposer-un-covoiturage .create-carpool-form__details,
.page-proposer-un-covoiturage .create-carpool-form__departure,
.page-proposer-un-covoiturage .create-carpool-form__departure .button--inverted.button--secondary{
  background-color:#F0F4FD;
}

.reward-card{
  background-color:#fff !important;
}

.page-cgu-validation .shadow-fat-reversed{
  background:#00235a;
}
.steps{
  background-color:#00235a;
  color:#fff;
}

.page-proposer-un-covoiturage .create-carpool-form__departure textarea{
  background:#fff;
}

.favourite-club-selector, 
.favourite-club-selector label,
.favourite-club-selector p{
  color:var(--custom-color-primary);
}

/* HERO & MAP */
.page-home .hero{
  background: none;
  height: 10rem;
}

.page-home .hero__vail, .page-home .hero img{
  display:none;
}

.page-home .hero__wrapper{
  max-width: 100%;
  padding: 0;
}

.page-home .hero__wrapper .heading{
  max-width: 90%;
  margin: auto;
  color:#21305E;
}
.page-home .hero__wrapper .heading span{
  text-shadow:none;
}

.CarpoolMap__Homepage{
  width: 90%;
  height:28rem;
  margin-left: auto;
  margin-right: auto;
}

.CarpoolMap__Homepage div div{
  border-radius:10px;
}

.page-home #caas__main-container div[role="alert"],
 .Caas__eventsFilters div div{
  display:none;
}

.page-evenements .cards-grid{
  margin-bottom:4rem;
}
.page-evenements h1.heading{
  margin-bottom:0;
}

#filters{
  display:none;
}

/* MOBILE & TABLET */

@media (max-width: 950px){
  footer {
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 820px){
  header{
    padding-left: 26px;
    padding-right: 26px;
  }
}

@media (max-width: 767px){
  .footer__by-stadium-go {
    justify-content: left;
  }
  .page-home .hero{
    height: auto;
    margin-bottom: 1rem;
  }

  .page-home .hero__wrapper .heading {
    font-size: 18px;
  }
  
  header .langswitcher {
    right: 25px;
    top: 8px;
    left: auto;
    bottom: auto;
  }
  
  header #expand-menu svg path {
    stroke: white;
  }

  header nav div {
    margin: auto;
  }

  header nav div:first-child {
    margin-bottom: 10px;
  }
  
}