/*
    Theme Name: Lights_In_The_Dark_theme
    Author: Romain Adler
    Version: 1.0
*/

@font-face {
    font-family: "Abel-Regular";
    src: url("https://145364.claudeassets.com/20240723121627im_/https://lightsinthedark-show.com/wp-content/themes/Lights_In_The_Dark_theme/css/fonts/Abel-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "FuturaStd-Bold";
    src: url("https://e30dba.claudeassets.com/20240723121627im_/https://lightsinthedark-show.com/wp-content/themes/Lights_In_The_Dark_theme/css/fonts/FuturaStd-Bold.otf") format("opentype");
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: black;
    margin: 0;
}

p {
    margin: 0;
    color: white;
    font-family: "Abel-Regular";
    font-size: 1.2vw;
    line-height: 2vw;
}

.tab-title {
    color: #33B2E7;
    -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #33B2E7;
    font-family: "FuturaStd-Bold", sans-serif;
    font-size: 4vw;
    letter-spacing: 0.2vw;
}

.description {
    text-align: justify;
    overflow-y: auto;
}

.description::-webkit-scrollbar {
    width: 0.5vw;
}
  
.description::-webkit-scrollbar-track {
    background: #333333;
    border-radius: 1vw;
}
  
.description::-webkit-scrollbar-thumb {
    background: white;
    border-radius: 1vw;
}
  
.description::-webkit-scrollbar-thumb:hover {
    background: #ffffffb7;
}

.description > p:not(:last-child) {
    margin-bottom: 1vw;
}

nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 11vw;
    background-color: black;
    z-index: 100;
}

.nav-links {
    display: flex;
    padding: 0;
    margin: 0;
}

.nav-links > li {
    display: flex;
    list-style-type: none;
    white-space: nowrap;
}

.nav-links > li:not(:last-child) {
    margin-right: 2.1vw;
}

.nav-links > li > a {
    display: flex;
    align-items: center;
    height: 5.5vw;
    color: #33B2E7;
    -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #33B2E7;
    text-decoration: none;
    font-family: "FuturaStd-Bold", sans-serif;
    font-size: 1.3vw;
    cursor: pointer;
}

.active-link > a,
.nav-links > li > a:hover {
    -webkit-text-fill-color: #33B2E7 !important;
}

.nav-links > li > a:active{
    -webkit-text-fill-color: #33B2E7 !important;
}

.nav-socials {
    display: flex;
}

.nav-socials > a:not(:last-child) {
    margin-right: 1.4vw;
}

.nav-socials > a > img {
    width: 2.8vw;
    cursor: pointer;
    transition: filter 200ms ease;
}

#section1 .carrousel-interface {
    position: relative;
    height: 50vw;
}

#section1 .carrousel-arrow {
    position: absolute;
    top: calc(47.2vw / 2);
    height: 2.8vw;
    transition: transform 100ms ease-in-out;
}

#section1 .left-arrow {
    left: 11vw;
    transform: rotate(180deg);
}

#section1 .left-arrow:hover:not(.slick-disabled) {
    transform: scale(1.2) rotate(180deg);
    cursor: pointer;
}

#section1 .right-arrow {
    right: 11vw;
}

#section1 .right-arrow:hover:not(.slick-disabled) {
    transform: scale(1.2);
    cursor: pointer;
}

#section2 {
    background-color: #33B2E7;
    padding-left: 11vw;
    padding-right: 11vw;
}

#section2 .form-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 4.2vw;
    padding-bottom: 6.2vw;
    font-family: "Abel-Regular", sans-serif;
}

#section2 .form-title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#section2 .form-title > h2 {
    color: black;
    margin: 0;
    font-family: "FuturaStd-Bold", sans-serif;
    font-size: 2.1vw;
}

#section2 .newsletter-form {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
}

#section2 .newsletter-input {
    display: flex;
    align-items: center;
    height: 4.2vw;
    width: calc(50% - 0.5vw);
    padding: 0 1vw;
    margin-bottom: 1vw;
    color: black;
    background-image: url(https://e70ed7.claudeassets.com/20240723121627im_/https://lightsinthedark-show.com/wp-content/themes/Lights_In_The_Dark_theme/img/asterisk.svg);
    background-position: top 0.6vw right 0.8vw;
    background-repeat: no-repeat;
    background-size: 0.6vw;
    font-family: "Abel-Regular", sans-serif;
    font-size: 1.5vw;
    line-height: 1.5vw;
    border: none;
    border-radius: 2px;
    outline: none !important;
}

#newsletter-email {
    width: 100% !important;
}

#newsletter-firstname, #newsletter-birthday {
    margin-right: 1vw;
}

#section2 .newsletter-button {
    height: 4.2vw;
    width: 12vw;
    color: white;
    background-color: black;
    cursor: pointer;
    margin-top: 1vw;
    font-family: "Abel-Regular", sans-serif;
    font-size: 1.5vw;
    line-height: 1.5vw;
    border: none;
    border-radius: 2px;
    transition: background-color 200ms ease;
}

#section2 .newsletter-button:hover {
    background-color: rgb(30, 30, 30);
}

#section2 .newsletter-button:active {
    background-color: rgb(60, 60, 60);
}

#section2 .newsletter-checkbox-wrapper {
    position: absolute;
    bottom: -2vw;
    left: 0;
}
  
#section2 .newsletter-checkbox {
    /* Cache la checkbox sans
         la rendre invisible aux
         lecteurs d'écran */
    position: absolute;
    left: 0;
    opacity: 0.01;
}
  
/* Preparer le label */
#section2 .newsletter-checkbox + label {
    position: relative; /* permet de positionner la checkbox */
    padding-left: 1.5vw; /* place pour la box */
    color: white;
    font-size: 1vw;
    cursor: pointer;
    user-select: none;
}
  
/* Aspect de la case */
#section2 .newsletter-checkbox + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 0.8vw;
    height: 0.8vw;
    border: 0.13vw solid white;
    transition: all 0.275s;
}
  
/* Aspect de la coche */
#section2 .newsletter-checkbox + label::after {
    content: "✓";
    speak: never; /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
    position: absolute;
    top: 0.6vw;
    left: 0.25vw;
    font-size: 0.8vw;
    color: white;
    line-height: 0;
    transition: all 0.2s;
}
  
/* Aspect non cochée */
#section2 .newsletter-checkbox:not(:checked) + label::after {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
  
/* Aspect cochée */
#section2 .newsletter-checkbox:checked + label::after {
    opacity: 1;
    transform: scale(1) rotate(0);
}

#section3 {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-right: 17.5vw;
}


#section3 .infos {
    display: flex;
    flex-direction: column;
    width: 32vw;
    padding: 8.4vw 0;
}

#section3 .bg-img {
    position: absolute;
    bottom: 0;
    left: -11vw;
    height: 48vw;
    z-index: -1;
}

#section3 .img-title {
    width: 21vw;
    margin-bottom: 2.8vw;
    margin-left: -1.3vw;
}

#section3 .description {
    max-height: 17vw;
    padding-right: 2.1vw;
}

#section4 {
    height: 65vw;
    background-size: cover;
    padding-left: 23.7vw;
    padding-right: 23.7vw;
}

#section4 .infos {
    display: flex;
    flex-direction: column;
}

#section4 .infos > h2 {
    margin: 0;
    padding-top: 7vw;
    padding-bottom: 2.1vw;
}

#section4 .description {
    max-height: 14vw;
    padding-right: 2.1vw;
}

#section4 .infos > a {
    margin-top: 2.1vw;
    color: #33B2E7;
    font-family: "Abel-Regular";
    font-size: 1.2vw;
    line-height: 2vw;
    text-align: center;
    text-decoration: none;
}

#section4 .infos > a:hover {
    text-decoration: underline;
}

#section5 {
    position: relative;
    padding-left: 11vw;
    padding-right: 11vw;
    padding-bottom: 4.2vw;
    overflow: hidden;
}

#section5 .infos {
    display: flex;
    flex-direction: column;
    width: 38.5vw;
}

#section5 .infos > h2 {
    margin: 0;
    padding-top: 7vw;
    padding-bottom: 2.1vw;
}

#section5 .infos > .description {
    max-height: 34vw;
    padding-right: 2.8vw;
}

#section5 .bg-img {
    position: absolute;
    top: 0;
    left: 48.5vw;
    height: 110%;
    z-index: -1;
}

#section6 {
    position: relative;
    display: flex;
    justify-content: flex-end;
    background-size: cover;
    padding-right: 17.5vw;
}

#section6 .infos > h2 {
    padding-top: 7vw;
    padding-bottom: 5vw;
    margin: 0;
    text-align: end;
}

#section6 .infos-list {
    width: 32vw;
    margin-bottom: 5.5vw;
}

#section6 .infos-list > p {
    line-height: 1.3vw;
}

#section6 .infos-list > h3 {
    margin: 0;
    color: #33B2E7;
    font-family: "Abel-Regular";
    font-size: 1.2vw;
    line-height: 2.4vw;
}

#section7 {
    padding-left: 17.5vw;
    padding-right: 17.5vw;
}

#section7 .infos {
    margin-bottom: 10vw;
}

#section7 .infos > h1 {
    margin: 0;
    padding-top: 7vw;
    padding-bottom: 5vw;
}

#section7 .content-container {
    display: flex;
    justify-content: space-between;
}

#section7 .left-img {
    width: 18.75vw;
    padding-right: 5.2vw;
}

#section7 .desc-button-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5.2vw 0;
}

#section7 .desc-button-container > .description {
    max-height: 12vw;
    padding-right: 5.2vw;
}

#section7 .desc-button-container > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4vw;
    width: 12vw;
    margin-top: 3.5vw;
    color: white;
    background-color: #33B2E7;
    cursor: pointer;
    font-family: "Abel-Regular", sans-serif;
    font-size: 1.5vw;
    line-height: 1.5vw;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 200ms ease;
}

#section7 .desc-button-container > a:hover {
    background-color: #3cc5ff;
}

#section7 .desc-button-container > a:active {
    background-color: #5ecfff;
}

#section7 h2.tab-title {
    text-align: center;
    margin: 0;
    margin-right: 2vw;
    padding-top: 7vw;
    padding-bottom: 1vw;
}

#section7 h5.additional-info {
    color: white;
    margin: 0;
    margin-right: 2vw;
    padding-bottom: 2vw;
    text-align: center;
    font-family: "Abel-Regular", sans-serif;
    font-size: 2vw;
    line-height: 2vw;
}

#section7 .date-list {
    color: white;
    max-height: calc(4.7vw * 8 - 0.4vw);
    overflow-y: scroll;
    padding: 0;
    padding-right: 1vw;
    margin: 0;
    font-family: "Abel-Regular", sans-serif;
    font-size: 1.5vw;
    line-height: 1.5vw;
}

#section7 .date-list::-webkit-scrollbar {
    width: 0.5vw;
}
  
#section7 .date-list::-webkit-scrollbar-track {
    background: #333333;
    border-radius: 1vw;
}
  
#section7 .date-list::-webkit-scrollbar-thumb {
    background: white;
    border-radius: 1vw;
}
  
#section7 .date-list::-webkit-scrollbar-thumb:hover {
    background: #ffffffb7;
}

#section7 .date-line {
    display: flex;
    align-items: center;
    height: 4.6vw;
    padding: 0 1vw;
    border-bottom: 0.1vw white solid;
}

#section7 .date-line > *:nth-child(1) {
    width: 20vw;
}

#section7 .date-line > *:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
}

#section7 .book-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3vw;
    padding: 0 1.5vw;
    color: white;
    background-color: #33B2E7;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 200ms ease;
}

#section7 .book-button:hover {
    background-color: #3cc5ff;
}

#section7 .book-button:active {
    background-color: #5ecfff;
}

#section7 .book-label {
    color: grey;
    padding: 0 1.5vw;
}

#section8 {
    background-color: #33B2E7;
    padding-right: 21vw;
    padding-left: 21vw;
}

#section8 > h2 {
    margin: 0;
    padding-top: 7vw;
    padding-bottom: 3.8vw;
    color: white;
    -webkit-text-stroke-color: white;
}

#section8 .comment-form {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 0;
    padding-bottom: 5.5vw;
}

#section8 .comment-form > input {
    margin-bottom: 1vw;
}

#section8 .contact-input {
    display: flex;
    align-items: center;
    height: 4.2vw;
    background-image: url(https://e70ed7.claudeassets.com/20240723121627im_/https://lightsinthedark-show.com/wp-content/themes/Lights_In_The_Dark_theme/img/asterisk.svg);
    background-position: top 0.6vw right 0.8vw;
    background-repeat: no-repeat;
    background-size: 0.6vw;
    padding: 0 1vw;
    color: black;
    font-family: "Abel-Regular", sans-serif;
    font-size: 1.5vw;
    line-height: 1.5vw;
    border: none;
    border-radius: 2px;
    outline: none !important;
}

#section8 .name-input,
#section8 .lastname-input {
    width: calc(50% - 0.5vw);
}

#section8 .name-input {
    margin-right: 1vw;
}

#section8 .email-input,
#section8 .comment-input {
    width: 100% !important;
}

#section8 .comment-input {
    height: 12vw;
    padding: 1vw;
}

#section8 .contact-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4vw;
    width: 12vw;
    margin-top: 2.2vw;
    color: white;
    background-color: black;
    cursor: pointer;
    font-family: "Abel-Regular", sans-serif;
    font-size: 1.5vw;
    line-height: 1.5vw;
    border: none;
    border-radius: 4px;
    transition: background-color 200ms ease;
}

#section8 .contact-button:hover {
    background-color: rgb(30, 30, 30);
}

#section8 .contact-button:active {
    background-color: rgb(60, 60, 60);
}



#section8 .contact-checkbox-wrapper {
    position: absolute;
    bottom: 6.5vw;
    left: 0;
    max-width: 45vw;
    color: black;
    font-family: "Abel-Regular";
    font-size: 1.2vw;
}
  
#section8 .contact-checkbox {
    /* Cache la checkbox sans
         la rendre invisible aux
         lecteurs d'écran */
    position: absolute;
    left: 0;
    opacity: 0.01;
}
  
/* Preparer le label */
#section8 .contact-checkbox + label {
    position: relative; /* permet de positionner la checkbox */
    padding-left: 1.5vw; /* place pour la box */
    cursor: pointer;
    user-select: none;
}
  
/* Aspect de la case */
#section8 .contact-checkbox + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2vw;
    width: 1vw;
    height: 1vw;
    background-color: white;
    transition: all 0.275s;
}
  
/* Aspect de la coche */
#section8 .contact-checkbox + label::after {
    content: "✓";
    speak: never; /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
    position: absolute;
    top: 0.75vw;
    left: 0.15vw;
    font-size: 1vw;
    color: black;
    line-height: 0;
    transition: all 0.2s;
}
  
/* Aspect non cochée */
#section8 .contact-checkbox:not(:checked) + label::after {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
  
/* Aspect cochée */
#section8 .contact-checkbox:checked + label::after {
    opacity: 1;
    transform: scale(1) rotate(0);
}

#section8 #legal-notice-link {
    color: white;
    text-decoration: underline;
    cursor: pointer;
}

#modal-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 1;
    cursor: pointer;
    background-color: #00000096;
    z-index: 100;
    transition: all linear 300ms;
}

.hidden-modal {
    opacity: 0 !important;
}

.modal-window {
    position: relative;
    display: flex;
    color: black;
    background-color: #eee;
    border-radius: 0.2vw;
    padding: 2vw 2vw 2vw 6vw;
    width: 75vw;
    height: 70vh;
    cursor: initial;
}

.modal-window > p {
    margin: 0;
    padding-right: 1vw;
    color: black;
    font-size: 1.5vw;
    overflow-y: scroll;
}

.modal-window > p > strong {
    font-family: "FuturaStd-Bold";
    font-size: 1.7vw;
}

.modal-close {
    width: 1.5vw;
    height: 1.5vw;
    margin-left: 2vw;
    cursor: pointer;
}

.modal-close:hover {
    transform: scale(1.1);
}

.modal-close:active {
    transform: scale(1);
}

footer {
    display: flex;
    padding: 5.5vw 11vw;
}

.footer-logo-container {
    display: flex;
    flex-direction: column;
    margin-right: 10vw;
}

.footer-logo {
    width: 8.4vw;
    margin-bottom: 1.2vw;
}

.footer-logo-span {
    margin-left: 0.5vw;
    color: white;
    font-family: "Abel-Regular";
    font-size: 1.2vw;
}

.footer-contact-us-wrapper {
    flex-grow: 1;
}

.footer-contact-us-wrapper > a {
    background-image: url(https://b0bcea.claudeassets.com/20240723121627im_/https://lightsinthedark-show.com/wp-content/themes/Lights_In_The_Dark_theme/img/dash-arrow.svg);
    background-size: 2.3vw;
    background-repeat: no-repeat;
    background-position: right top 0.07vw;
    padding-right: 5.5vw;
    color: #33B2E7;
    font-family: "Abel-Regular", sans-serif;
    font-size: 1.7vw;
    letter-spacing: 0.1vw;
    text-decoration: none;
}

.footer-links {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#menu-menu-footer-1 {
    margin-right: 7vw;
}

#menu-menu-footer-2 {
    margin-right: 4vw;
}

.footer-links > li > a {
    color: white;
    font-family: "Abel-Regular";
    font-size: 1.2vw;
    line-height: 2.4vw;
    text-decoration: none;
}

.footer-links > li > a:hover {
    text-decoration: underline;
}


/* font for RGPD banner buttons (CoockieYes plugin) */
.cky-btn {
    font-family: "Abel-Regular", sans-serif !important;
}
/*
     FILE ARCHIVED ON 14:39:48 Dec 06, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:55:51 Oct 13, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.586
  exclusion.robots: 0.088
  exclusion.robots.policy: 0.077
  esindex: 0.009
  cdx.remote: 12.33
  LoadShardBlock: 300.816 (3)
  PetaboxLoader3.datanode: 2720.22 (5)
  PetaboxLoader3.resolve: 1169.854 (2)
  load_resource: 3618.245
  loaddict: 2325.551
*/