@charset "UTF-8";
/*
Theme Name: ProgrammeGO
Theme URI: https://referenced.ca
Authors: Lohan Moutquin
Author URI: https://wordpress.org/
Description: Programme pour les soirées bénéfices du théâtre Espace GO
Version: 2.24.3

Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: EspaceGO
*/
.kt-row-column-wrap {
  display: grid;
}

.wp-block-kadence-image {
  width: 100%;
}
.wp-block-kadence-image .kb-image-ratio-square {
  padding-bottom: 100%;
}
.wp-block-kadence-image .kb-is-ratio-image {
  height: 0;
  position: relative;
}
.wp-block-kadence-image .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.wp-block-kadence-column:hover {
  outline: none !important;
}

.kt-inner-column-height-full .wp-block-kadence-column {
  height: 100%;
}
.kt-inner-column-height-full .wp-block-kadence-column .kt-inside-inner-col {
  height: 100%;
}

.kb-svg-icon-wrap svg {
  width: 15px;
}

.ctnArticle h1,
.ctnArticle h2,
.ctnArticle h3,
.ctnArticle h4,
.ctnArticle h5,
.ctnArticle h6,
.ctnArticle p,
.ctnArticle ul,
.ctnArticle ol {
  margin: 0;
}

.texteLR {
  writing-mode: vertical-lr;
  text-orientation: mixed;
}

.texteRL {
  writing-mode: vertical-rl;
  transform: scale(-1, -1);
  text-orientation: mixed;
}

.kb-blocks-bg-video {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

#main h1 {
  font-size: clamp(3.75rem, 2.344rem + 7.5vi, 5.625rem);
}
#main h2 {
  font-size: clamp(3rem, 2.25rem + 4vi, 4rem);
}
#main h3 {
  font-size: clamp(2.25rem, 1.688rem + 3vi, 3rem);
}
#main h4 {
  font-size: clamp(1.688rem, 1.266rem + 2.25vi, 2.25rem);
}
#main h5 {
  font-size: clamp(1.125rem, 0.844rem + 1.5vi, 1.5rem);
}
#main h6 {
  font-size: clamp(0.75rem, 0.563rem + 1vi, 1rem);
}
#main p {
  font-size: clamp(1.125rem, 0.9rem + 1.2vi, 1.5rem);
}

* {
  margin: 0;
  padding: 0;
}

html {
  overscroll-behavior: none;
  background-color: black;
  touch-action: none;
  height: 100%;
  min-height: 100%;
}

html:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1000000000000;
  background-color: black;
}

body {
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
  cursor: pointer;
  position: relative;
  height: 100%;
}

.preventSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

#debug {
  z-index: 1000000000000000000000000000000;
  background-color: white;
  position: fixed;
  width: 300px;
  height: 100px;
  bottom: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
#debug p {
  font-size: 15px;
}

#menu {
  background-color: black;
  position: fixed;
  width: 100dvw;
  height: 100dvh;
  top: 90dvh;
  border-top: 3px solid white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: top, 1s;
}

#vignetteMenu {
  width: 100%;
  margin-top: 1.5dvh;
  margin-bottom: 3dvh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#vignetteMenu h3 {
  color: white;
  font-size: 30px;
  margin: 0;
}

#vignetteMenu img {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  transform: rotate(180deg);
  transition: transform 0.3s;
}

#ctnPage {
  height: 65dvh;
  overflow: auto;
  overflow-x: hidden;
}

#menu ul .cat {
  color: white;
  font-size: 21px;
  margin: 16px;
  margin-left: 35px;
}

#ctnDon {
  background-color: black;
  width: 80dvw;
  height: 8dvh;
  border: 2px solid white;
  margin-top: 2dvh;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ctnDon h1 {
  color: white;
  text-align: center;
  margin: 0;
}

#logoMenu {
  width: 95%;
  max-width: 600px;
  margin-bottom: 1%;
}

.envers {
  transform: rotate(0deg) !important;
}

.ouvrirMenu {
  top: 0dvh !important;
}

.hidden {
  display: none !important;
}

#miniMenu {
  position: absolute;
  background-color: black;
  border: 2px solid white;
  width: 50px;
  height: 50px;
  bottom: 10px;
  right: 10px;
  border-radius: 100%;
  z-index: 1001;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
#miniMenu #iconeMenu {
  margin: auto;
  width: 60%;
  height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#miniMenu #div1 {
  transition: transform 0.2s;
}
#miniMenu #div2 {
  transition: transform 0.2s;
}
#miniMenu #div3 {
  transition: transform 0.2s;
}
#miniMenu .btnMenu #div1 {
  width: 60%;
  height: 2px;
  background-color: white;
  margin-bottom: 25%;
}
#miniMenu .btnMenu #div2 {
  width: 60%;
  height: 2px;
  background-color: white;
}
#miniMenu .btnMenu #div3 {
  width: 60%;
  height: 2px;
  background-color: white;
  margin-top: 25%;
}
#miniMenu .btnX {
  transform: translateX(1px);
}
#miniMenu .btnX #div1 {
  width: 80%;
  height: 2px;
  background-color: white;
  transform: rotate(45deg) translateY(1px);
}
#miniMenu .btnX #div2 {
  display: none;
}
#miniMenu .btnX #div3 {
  width: 80%;
  height: 2px;
  background-color: white;
  transform: rotate(-45deg) translateY(-1px);
}

#ctnMenuProg {
  background-color: black;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100dvh;
  z-index: 1000;
  transition: -webkit-clip-path 1s;
  transition: clip-path 1s;
  transition: clip-path 1s, -webkit-clip-path 1s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#ctnMenuProg #ctnPage {
  margin-top: 20px;
  height: 90dvh;
}
#ctnMenuProg ul li {
  color: white;
  font-size: 21px;
  margin: 16px;
  margin-left: 35px;
}
#ctnMenuProg #btnRetour {
  height: 10dvh;
  align-self: flex-start;
  justify-self: flex-start;
  margin: 25px;
  margin-top: 50px;
}
#ctnMenuProg #btnRetour a {
  color: white;
  z-index: 100001;
}
#ctnMenuProg #ctnDon {
  height: 35px;
  width: 60dvw;
}
#ctnMenuProg #ctnDon h1 {
  font-size: 18px;
}

.menu-ouvert {
  -webkit-clip-path: ellipse(200vh 200vh at calc(100dvw - 40px) calc(100dvh - 40px));
          clip-path: ellipse(200vh 200vh at calc(100dvw - 40px) calc(100dvh - 40px));
}

.menu-fermee {
  -webkit-clip-path: ellipse(0px 0px at calc(100dvw - 40px) calc(100dvh - 40px));
          clip-path: ellipse(0px 0px at calc(100dvw - 40px) calc(100dvh - 40px));
}

#fpMain {
  overflow: hidden;
  position: absolute;
  background-color: black;
  width: 100vw;
  height: 100%;
  z-index: -10;
}
#fpMain #ctnImgBack {
  position: absolute;
  z-index: -1;
}
#fpMain #ctnImgBack img {
  width: 100%;
  max-width: 800px;
}
#fpMain #ctnInfos {
  height: 100vh;
}
#fpMain #ctnInfos #topAccueil {
  width: 100%;
  height: 120px;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}
#fpMain #ctnInfos #topAccueil #ctnLogoAccueil {
  background-color: black;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fpMain #ctnInfos #topAccueil #ctnLogoAccueil img {
  width: 75px;
  height: 75px;
}
#fpMain article {
  position: absolute;
  bottom: 10dvh;
}
#fpMain h1,
#fpMain h2,
#fpMain h3,
#fpMain h4,
#fpMain h5,
#fpMain h6 {
  margin-bottom: 0px;
  z-index: 10;
}
#fpMain h1 {
  font-size: clamp(3.75rem, -0.042rem + 18.667vi, 8.125rem);
}
#fpMain h2 {
  font-size: clamp(2.375rem, 0rem + 10.857vi, 4.75rem);
}
#fpMain h3 {
  font-size: clamp(1.488rem, 0rem + 7.714vi, 3.375rem);
}
#fpMain h4 {
  font-size: clamp(1rem, 0.133rem + 4.267vi, 2rem);
}
#fpMain h5 {
  font-size: clamp(0.875rem, 0.117rem + 3.733vi, 1.75rem);
}
#fpMain h6 {
  font-size: clamp(0.75rem, 0.1rem + 3.2vi, 1.5rem);
}

#main {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 100dvh;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}
#main .ctnArticle {
  position: fixed;
  width: 100vw;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  z-index: 100;
}
#main .ctnArticle > div {
  min-height: 100dvh;
}
#main .pub > .kb-row-layout-wrap {
  background-repeat: no-repeat;
}
#main .brouillon {
  display: none !important;
}
#main .hauteurExacte {
  min-height: 100dvh !important;
}
#main .hauteurExacte .kt-inside-inner-col {
  min-height: 100dvh !important;
}

#main404 {
  background-color: black;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#main404 #ctn404 {
  color: white;
  width: 90vw;
  max-width: 500px;
  height: 100vh;
  max-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
#main404 #ctn404 h1 {
  font-size: 50px;
  text-align: center;
}
#main404 #ctn404 p {
  font-size: 20px;
  text-align: center;
}
#main404 #ctn404 #btnMenu404 {
  width: 200px;
  height: 60px;
  border: 2px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
}
#main404 #ctn404 #btnMenu404 a {
  text-decoration: none;
}
#main404 #ctn404 #btnMenu404 a h3 {
  color: white;
}
#main404 #ctn404 #btnMenu404 a h3 :hover {
  color: white;
}
#main404 #ctn404 #btnMenu404 a h3 :active {
  color: white;
}

#blockDesktop {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: black;
  z-index: 10000000000000000;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
#blockDesktop #ctnTextBlock {
  width: 50%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#blockDesktop #ctnTextBlock h4, #blockDesktop #ctnTextBlock h5 {
  text-align: center;
  color: white;
}
#blockDesktop #ctnTextBlock h4 {
  font-size: clamp(1.688rem, 1.266rem + 2.25vi, 2.25rem) !important;
}
#blockDesktop #ctnTextBlock h5 {
  font-size: clamp(0.75rem, 0.563rem + 1vi, 1rem) !important;
}
#blockDesktop #telephone {
  position: relative;
  width: 50vh;
  height: 50vh;
}
#blockDesktop #telephone img {
  position: absolute;
  width: 100%;
  height: auto;
  top: -8%;
}
#blockDesktop #telephone div {
  position: absolute;
  background-color: white;
}
#blockDesktop #telephone #telTop {
  border-radius: 12px 12px 0px 0px;
  top: 22.5%;
  width: 100%;
  height: 5%;
}
#blockDesktop #telephone #telDroite {
  top: 27.5%;
  right: 0%;
  width: 5%;
  height: 45%;
}
#blockDesktop #telephone #telBot {
  border-radius: 0px 0px 12px 12px;
  bottom: 22.5%;
  width: 100%;
  height: 5%;
}
#blockDesktop #telephone #telGauche {
  top: 27.5%;
  left: 0%;
  width: 5%;
  height: 45%;
}

.animTel {
  animation: tourneTel 1s 1s forwards;
}

@keyframes tourneTel {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}/*# sourceMappingURL=style.css.map */