/*
Theme Name: Céli Auto-école
Template: ollie
Version: 1.0.0
Author: Di Majo Xavier 
Description: Thème pour Celi Auto-école
License: GNU General Public License v2 or later
*/

.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .current-menu-item > a,
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .has-child button:hover {
    text-decoration: none;
    color: var(--wp--preset--color--primary);
}

.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .wp-block-navigation-item > a::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--wp--preset--color--primary);
	transform: scale(0);
	transition: transform 0.3s ease-in-out;
	text-decoration: none;
}


.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .current-menu-item > a::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--wp--preset--color--primary);
	transform: scale(1);
	transition: transform 0.3s ease-in-out;
	text-decoration: none;
}



.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .wp-block-navigation-item > a:hover::after {
	transform: scale(1);
	text-decoration: none;
}

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
text-decoration: none !important;
}

.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .mPS2id-h ::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--wp--preset--color--primary);
	transform: scale(0);
	transition: transform 0.3s ease-in-out;
	text-decoration: none;
}

.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .mPS2id-highlight  {
	text-decoration: none;
    color: var(--wp--preset--color--primary);
}


.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .mPS2id-highlight ::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--wp--preset--color--primary);
	transform: scale(1);
	transition: transform 0.3s ease-in-out;
	text-decoration: none;
}



.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .mPS2id-clicked {
    text-decoration: none;
}

.gallerie {
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  display: flex;
}

.gallerie .forfait {
   scroll-snap-align: center;
}

:root {
--gray-dark: #696969;
--turquoise: #1abc9c;

}

.celi-cards {
  display: flex;
  list-style: none;
  margin: 0px;
  padding: 0px;
  flex-flow: row wrap;
}


.celi-card {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  transition: all 0.2s ease-in-out;
}

.celi-cards__item {
  margin: 15px; 
  width: calc((100% / 3) - 30px);
  transition: all 0.2s ease-in-out;

  @media screen and (max-width: 1680px) {
    width: calc((100% / 3) - 30px);
  }

  @media screen and (max-width: 1280px) {
    width: calc((100% / 2) - 30px);
  }

  @media screen and (max-width: 767px) {
    width: 100%;
  }
}



.celi-card__content {
  color: var(--gray-dark);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--small);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 1rem;
}



.celi-card__title {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--small);
  letter-spacing: 2px;
  text-transform: uppercase;
}

.celi-card__text {
  flex: 1 1 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}

.celi-card__button {
	margin-top: 15px;;
	justify-content: center;;
}

.celi-cards__item:hover {
      transform: scale(1.05);    
  }

.celi-cards__item:hover .celi-card  {
	background-color: var(--wp--preset--color--primary)
}

.celi-cards__item:hover .celi-card__content  {
	color: var(--wp--preset--color--white);
}