/*---------------------------------------------------------------------------------

intégration thème Épiphanie 2027

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


/*html, body { height: 100%; margin: 0; overflow: hidden; }*/
.page-id-245034 .epi_2027-gallery-container { display: flex; height: calc( 100vh - 110px); overflow: hidden;}
.epiphanie-2027{margin: 0!important; padding: 59px 0 0!important}
.epiphanie-2027 .et_pb_row.et_pb_row_0{width:100vw; max-width: 100vw; margin: 0; padding: 20px 0 0}
.epi_2027-left-column{width: 50vw; max-width: 50vw; height:calc( 100vh - 110px); background:red;}
.epi_2027-right-column{width: 50vw; max-width: 50vw; height:calc( 100vh - 110px); background: blue;}
.page-id-245034 footer{display: none;}

.page-id-245034 .epi_2027-debug { position: fixed; bottom: 12px; left: 50%; transform: translateX(-50%); font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; background: rgba(0,0,0,0.45); padding: 6px 10px; border-radius: 6px; pointer-events: none; z-index: 9999; }
.epi_2027-carre-gauche,
.epi_2027-carre-droit{width: 60vmin; max-width: 1000px; background:green; margin: 0 auto; transform: translateY(-50%); top: 50%; position: relative; aspect-ratio: 1 / 1;}
.epi_2027-titre-droite,
.epi_2027-titre-gauche{margin: 0 auto; transform: translateY(-50%) translateX(-50%); top: calc(50% + 20px); left: 50%; position: relative; text-align: center;}
.epi_2027-gallery-container a {display: inline-block;}
.epi_2027-gallery-container a>img {margin: 0 auto; text-align: center; display: block; max-width: 90%}
/*
.page-id-245034 .epi_2027-gallery-column img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s ease; }
.page-id-245034 .epi_2027-gallery-column img.active { opacity: 1; z-index: 2; }
.page-id-245034 .epi_2027-gallery-column { flex: 1; position: relative; overflow: hidden; background: #000; }
.page-id-245034 .et_pb_row_0{width: 100vw}*/





@media screen  and (max-width: 1700px) {
  .epi_2027-carre-gauche,
  .epi_2027-carre-droit{width: 50vmin;}

}


@media screen  and (max-width: 1400px) {
  .epi_2027-carre-gauche,
  .epi_2027-carre-droit{width: 40vmin;}

}