/*
Theme Name: Carab
Description: Thème enfant de Divi
Author: Fabien Buchillot Caractere B
Author URI: https://www.caractere-b.fr
Template: Divi
Version: 1.0
*/

/* Faire sautiller la flèche de défilement */

@-webkit-keyframes bounce {
0%, 100% {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
40% {
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
}
@keyframes bounce {
	0%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
}
	40% {
		-moz-transform: translateY(-25px);
		-ms-transform: translateY(-25px);
		-webkit-transform: translateY(-25px);
		transform: translateY(-25px);
}
}
.sautillement {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0,8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
/* Fin */

/* Désactiver le clic sur la galerie */
.desactiv_clic a {
	pointer-events: none;
}
.desactiv_clic .et_overlay {
	display: none !important;
}
.desactiv_clic .et-pb-slider-arrows a {
	pointer-events: auto;
}
.desactiv_clic .et_pb_gallery_pagination a {
	pointer-events: auto;
}
/* Fin */

/* Supprimer les flèches de navigation de la galerie */
.et-pb-arrow-prev {
	display:none;
}
.et-pb-arrow-next {
	display:none;
}
/* Fin */

/* Masquer recaptcha */
.grecaptcha-badge { 
visibility: hidden !important; 
}
/* Fin */

/* Retour vers le haut */
.et_pb_scroll_top:before {
    content: '!';
	color:#000000;
}
.et_pb_scroll_top.et-pb-icon {
	background-color: rgba(255,255,255,0.6);
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
	right:20px;
}
/* Fin */

/*Texte en 2 colonnes*/
@media screen and (min-width: 981px){
.deuxcolonnes
{
-webkit-column-count:2; /* Opera, Safari, Google Chrome */
-moz-column-count: 2; /* Firefox */
column-count: 2; /* Internet Explorer */
column-gap: 60px;
}
}
/* Fin */


/* === FLIP CARD DIVI === */
.flip-card-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.flip-card {
  position: relative;
  flex: 1 1 30%;
  min-width: 280px;
  height: 260px;
  perspective: 1000px;
  cursor: pointer;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-inner.is-flipped {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.flip-card-back {
  transform: rotateY(180deg);
}

@media (max-width: 980px) {
  .flip-card-row {
    flex-direction: column;
    align-items: center;
  }
  .flip-card {
    width: 90%;
    height: 240px;
  }
}

/* Fin */