/*
Theme Name:  fondation-blachere
Template:    Divi
*/

a:where(.et_pb_button) {
    text-decoration: unset!important;
}
a:where(:not(.wp-element-button)) {
    text-decoration: unset;
}

/* TYPOS */

.centrer-v {
  display: flex;
  flex-direction: column;
  justify-content: center;

/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}

.align-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: flex-end;
      -ms-flex-pack: flex-end;
}

.vertical-align-center-child {
  display: flex;
  align-items:center;
}

.et_pb_menu__logo img {
    width: 100%;
}


/* CALENDRIER */

.calendrier-events {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.calendrier-events .calendrier-events-item {
    display: flex;
    margin-bottom: 30px
}

.calendrier-events .calendrier-events-item:last-child {
    margin-bottom: 0
}

.calendrier-events .calendrier-events-item-inner {
    position: relative;
    display: flex;
    border-bottom: 1px solid #959494;
    font-weight: 500;
    justify-content: flex-start;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    .calendrier-events .calendrier-events-item-inner {
        flex-direction:column;
        padding-bottom: 30px
    }
}

.calendrier-events .calendrier-events-item-inner>* {
    align-items: center;
    display: flex
}

@media only screen and (max-width: 1024px) {
    .calendrier-events .calendrier-events-item-inner>* {
        margin:12px 0
    }
}

.calendrier-events .calendrier-date,.calendrier-events .calendrier-time, .calendrier-events .calendrier-lieu, .calendrier-events .calendrier-title {
    border-right: 1px solid #959494
}



.calendrier-events .calendrier-date {
    padding-right: 20px;
	min-width:130px;
	padding-bottom: 10px;
}

.calendrier-events .calendrier-title {
    padding-left: 20px;
    margin: 0;
    flex: 1;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.calendrier-events .calendrier-title h3 {
    font-size:18px;
}

.calendrier-events .calendrier-title+.calendrier-time {
    flex: unset
}

.calendrier-events .date {
	    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #959423;
}

.calendrier-events .calendrier-ticket {
    min-width:120px;
	justify-content:center;
	padding-left:10px
}

.calendrier-events .calendrier-ticket a {
	color: #ffffff !important;
    border-color: #959423;
    border-radius: 0px;
    letter-spacing: 2px;
    font-size: 14px;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: #959423;
    padding: 20px;
}

.calendrier-events .calendrier-img {
    padding: 0 20px 10px 20px;
    flex: 0.7;
	max-width:240px;
	line-height:1em;
}

.calendrier-events .calendrier-view-more {
    padding-left: 0px;
	margin: 14px 0 14px 0;
}



@media only screen and (max-width: 1024px) {
    .calendrier-events .calendrier-ticket {
        margin:10px 0
    }
}

.calendrier-events .calendrier-ticket .calendrier-button.calendrier-layout--outlined:hover {
    background-color: #000;
    border-color: #000;
    color: #fff
}

@media only screen and (max-width: 1024px) {
    .calendrier-events .calendrier-date,.calendrier-events .calendrier-time,.calendrier-events .calendrier-title,.calendrier-events .calendrier-view-more {
        padding:0
    }
}

@media only screen and (max-width: 768px) {
    .calendrier-events .calendrier-date,.calendrier-events .calendrier-time {
        font-size:16px
    }
}

@media only screen and (max-width: 1024px) {
	.calendrier-events .calendrier-date, .calendrier-events .calendrier-time, .calendrier-events .calendrier-lieu, .calendrier-events .calendrier-title {
		border-right: none;
	}
}

/*image gallery item aspect ratio landscape 16:9*/
.calendrier-events .calendrier-img  {
  padding-top: 13%;
  display: block;
  position:relative;
  overflow:hidden;
}
.calendrier-events img  {
  position: absolute;
  height: 100%;
  width: 100%!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}




/* Harmoniser les hauteurs des items du module blog de Divi - en complément du js intégré */
.pa-blog-equal-height .pa-auto-height {
    height: auto !important;
}

.pa-blog-equal-height .pa-auto-margin {
    margin-top: 20px !important;
}


/*image gallery item aspect ratio landscape 16:9*/
.pa-image-gallery-16-9 .wrap,
.pa-image-gallery-16-9 .grid-item .wrap,
.pa-image-gallery-16-9 .et_portfolio_image,
.pa-image-gallery-16-9 .et_pb_image_wrap,
.pa-image-gallery-16-9 .et_pb_gallery_image   {
  padding-top: 56.25%;
  display: block;
  position:relative;
  overflow:hidden;
}
.pa-image-gallery-16-9 img  {
  position: absolute;
  height: 100%;
  width: 100%!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*image gallery item aspect ratio landscape 4:3*/
.pa-image-gallery-4-3 .et_pb_image_wrap  {
  padding-top: 80%;
  display: block;
  position:relative;
  overflow:hidden;
}
.pa-image-gallery-4-3 .et_pb_image_wrap img  {
  position: absolute;
  height: 100%;
  width: 100%!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*image gallery item aspect ratio landscape 1:1*/
.pa-image-gallery-1-1 .et_pb_image_wrap  {
  padding-top: 100%;
  display: block;
  position:relative;
  overflow:hidden;
}
.pa-image-gallery-1-1 .et_pb_image_wrap img  {
  position: absolute;
  height: 100%;
  width: 100%!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*image gallery item aspect ratio portrait 3:4*/
.pa-image-gallery-3-4 .wrap,
.pa-image-gallery-3-4 .grid-item .wrap,
.pa-image-gallery-3-4 .et_portfolio_image,
.pa-image-gallery-3-4 .et_pb_image_wrap,
.pa-image-gallery-3-4 .et_pb_gallery_image,
.pa-image-gallery-3-4 .entry-featured-image-url  {
  padding-top: 133.33%;
  display: block;
  position:relative;
  overflow:hidden;
}
.pa-image-gallery-3-4 img  {
  position: absolute;
  height: 100%;
  width: 100%!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*image gallery item aspect ratio affiche*/
.pa-image-gallery-affiche .wrap,
.pa-image-gallery-affiche .grid-item .wrap,
.pa-image-gallery-affiche .et_portfolio_image,
.pa-image-gallery-affiche .et_pb_image_wrap,
.pa-image-gallery-affiche .et_pb_gallery_image  {
  padding-top: 145%;
  display: block;
  position:relative;
  overflow:hidden;
}
.pa-image-gallery-affiche img  {
  position: absolute;
  height: 100%;
  width: 100%!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.pa-image-gallery-affiche .grid-item,
.pa-image-gallery-16-9 .grid-item {
    background-color:#fff;
}
.pa-image-gallery-affiche .grid-item .blocInfos,
.pa-image-gallery-16-9 .grid-item .blocInfos {
    padding: 10px;
}
.titreSeance {
    display:block;
    width: auto;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    padding: 0;
    text-align:center;
    color:#333333;
}
.titreSeance:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background-color: #e5b679;
    margin: auto;
    margin-top: 6px;
    margin-bottom: 11px;
}

.nav-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.fleche-gauche {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(img/fleche-gauche.png);
    transform: translateX(8px);
    transition: all .3s
}

a[rel$=next] {
    text-align: left
}

a[rel$=prev] {
    text-align: right
}

.fleche-droite {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(img/fleche-droite.png);
    transform: translateX(-8px);
    transition: all .3s
}

.fleche-droite:hover,.fleche-gauche:hover {
    transform: translateX(0)
}

a.grille {
    text-align: center
}

.grille i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(img/grille.png)
}

.no-next a[rel$=next],.no-prev a[rel$=prev] {
    pointer-events: none;
    cursor: default;
    opacity: .1
}

.waz-pt-10 {
	padding-top: 10px;
}


.booknetic_appointment {
    width:100%!important;
}

// MODIFICATIONS POUR AMELIORER MISE EN PAGE DE LA PAGE DE COMMANDE
body #add_payment_method #payment ul.payment_methods li input,
body.woocommerce-cart #payment ul.payment_methods li input,
body.woocommerce-checkout #payment ul.payment_methods li input { width: auto; margin: -2px .5em 0 0; }
body .woocommerce form .form-row .input-checkbox { width: auto; margin: -2px 5px 0 0; }

body.woocommerce-checkout .cart-collaterals .cart_totals tr td,
body.woocommerce-checkout .cart-collaterals .cart_totals tr th,
body .woocommerce .woocommerce-checkout-review-order table.shop_table th {
border-top: none;
/* border-bottom: 1px solid #e6e6e6; */
border-right: 1px solid #e6e6e6;
text-align: right;
padding: 10px 20px;
}
/* body .woocommerce table.shop_table td { padding: 15px; } */
body .woocommerce-checkout table.shop_table td { width:50%;
text-align: right;
border-right: 1px solid #e6e6e6; border-top: 0; }

body .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
width: 100%;
display: block;
text-align: center;
margin-bottom: 0;
font-size: 1.25em;
margin-top: .5em;
}

body .woocommerce form .form-row-first,
body .woocommerce form .form-row-last,
body .woocommerce-page form .form-row-first,
body .woocommerce-page form .form-row-last { width: 49%; }

.woocommerce-checkout .woocommerce .col2-set { width: 100%; float: left; margin-right: 4%; }
.woocommerce-checkout .woocommerce .col2-set .col-1,
.woocommerce-checkout .woocommerce .col2-set .col-2 { margin-bottom: 2em; width: 100%; float: none; }
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review { background: #fff; width: 100%; float: right; margin-right: 0; }

@media only screen and (max-width: 650px) {
.woocommerce-checkout .woocommerce .col2-set { width: 100%; float: none; margin-right: 0; }
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review { width: 100%; float: none; }
}
// FIN MODIFICATIONS POUR AMELIORER MISE EN PAGE DE LA PAGE DE COMMANDE

/* ---- grid ---- */

.grid {
  max-width: 100%;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {
  float: left;
  width: 100%;
  position:relative;
}
.col-1 .grid-sizer,
.col-1 .grid-item {
  width: 100%;
}
.col-3 .grid-sizer,
.col-3 .grid-item {
  width: 100%;
}
.gutter-sizer { width: 3%; }

.grid-item {
  margin-bottom: 30px;
}

.swiper-slide-active img,
.grid-item img {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.swiper-slide-active:hover img,
.grid-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}


.swiper-wrapper .post-card {
	/* background-color:#fff; */
	/* box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.5rem 1.2rem rgb(0 0 0 / 10%) !important; */
	/* border-radius: 0.3rem!important; */
	
}

.titreBlog {
	margin-bottom:5px;
	display:block;
	font-weight: 700;
    text-transform: uppercase;
    color: #0033e7;
    letter-spacing: 0.05em;
	font-size:.95em;
}
.card-title {
	line-height:1.4em;
	padding-bottom:6px;
	font-size:19px;
	font-weight:700;
}
.swiper-slide {
	padding:0px;
}

.card-footer {
	/* background-color:#f7f7f7; */
}

.style-image-gauche .post-card {
	display:flex;
}
.style-image-gauche .card-image {
	flex-basis: 33.33%;
    padding-right: 10px;
}
.pa-image-gallery-16-9 .style-image-gauche .et_pb_image_wrap {
    padding-top: 100%;
}
.style-image-gauche .card-meta {
	flex-basis: 66.66%;
    padding-left: 10px;
}
.style-image-gauche .card-footer {
	display:none;
}

.style-featured-item .card-meta {
	background-color: rgba(0,51,231,0.8);
	width: 75%!important;
    padding: 5%;
	position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.style-featured-item .card-image:after {
	content:'';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(360deg, #000000, #00000000);
    opacity: .7;
}

.style-featured-item .card-footer {
	display:none;
}
.style-featured-item .titreBlog {
	color:#ffffff90;
	padding:0;
}
.style-featured-item .titreBlog a {
	color:#ffffff90;
}
.style-featured-item .card-title {
	font-size:24px;
	color:#fff;
	padding:0;
	margin-bottom:15px;
}


.MetaOver .card-meta {
	position:absolute;
	bottom:20px;
	width:100%;
}
.MetaOver .card-image:after {
	content:'';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(360deg, #000000, #00000000);
    opacity: .7;
}
.MetaOver .card-footer {
	display:none;
}
.MetaOver .titreBlog {
	color:#ffffff90;
	padding:0 20px;
}
.MetaOver .titreBlog a {
	color:#ffffff90;
}
.MetaOver .card-title {
	color:#fff;
	padding:0 20px;
}


.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -50px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -50px;
}

.swiper h3 {
	font-size:20px;
}



.btn-link {
    display: flex;
    justify-content: flex-start;
    align-items: center
}
.btn-link .anchor {
	margin-right:10px;
	color:#000;
	font-weight: 400;
    font-size: 1em;
    font-family: 'Poppins';
}
svg.right {
  height: 22px;
  width: 60px;
  opacity: 1;
  transition: 250ms all ease;
  cursor: pointer;
}

svg.right path {
	transition: 250ms all ease;
    height: 100%;
}

.btn-link:hover svg {
	opacity: 1;
}

.btn-link:hover svg#right path {
  d: path(
    "M 0 5.6146 H 30.5974 L 26.5201 1.3796 L 27.848 0 L 34.2 6.6 L 27.848 13.2 L 26.5201 11.8204 L 30.5974 7.5854 H 0 V 5.6146 Z"
  );
  d: "M 0 5.6146 H 30.5974 L 26.5201 1.3796 L 27.848 0 L 34.2 6.6 L 27.848 13.2 L 26.5201 11.8204 L 30.5974 7.5854 H 0 V 5.6146 Z";
}

@media all and (max-width: 768px) {
	/*** wrap row in a flex box ***/
	.custom_row {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;
	}
	 
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
	-webkit-order: 1;
	order: 1;
	}
	 
	.second-on-mobile {
	-webkit-order: 2;
	order: 2;
	}
	 
	.third-on-mobile {
	-webkit-order: 3;
	order: 3;
	}
	 
	.fourth-on-mobile {
	-webkit-order: 4;
	order: 4;
	}
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
	margin-bottom: 30px;
	}
 
}

@media screen and (min-width: 768px) {
	.logo-wazup-kids .et_pb_menu__logo a:after {
		bottom: -8px;
		left: 38px;
	}
	.logo-wazup-auto .et_pb_menu__logo a:after {
		bottom: -8px;
		left: 38px;
	}

	.grid-sizer,
	.grid-item {
	  float: left;
	  width: 46.5%;
	}
	.col-3 .grid-sizer,
	.col-3 .grid-item {
	  width: 46.5%;
	}
	
	.post-card .card-meta {
		min-height:85px;
	}
	
	.swiper h3 {
		font-size:2.8em;
	}
	
	.style-featured-item .card-title {
		font-size:34px;
		color:#fff;
		padding:0;
		margin-bottom:15px;
	}
}

@media screen and (min-width: 960px) {
	.grid-sizer,
	.grid-item {
	  float: left;
	  width: 31.33%;
	}
	.col-3 .grid-sizer,
	.col-3 .grid-item {
	  width: 31.33%;
	}
	
}