@charset "UTF-8";
/*
 * EnderStyle v1.0.0-alpha Construction 
 * https://Galactic-Shrine.com/Project/EnderFramework
 * Copyright © ⋞Galactic-Shrine⋟ 2020-2024, Tous droits réservés.
 * Licensed under MIT (https://github.com/Galactic-Shrine/EnderFramework-Js-Css/blob/main/LICENSE)
 * Ce fichier fait partie du projet EnderFramework-Js-Css développé par ⋞Galactic-Shrine⋟ et sa communauté.
 */
:root {
  --Es-Color-Blue: #0d6efd;
  --Es-Color-Indigo: #6610f2;
  --Es-Color-Purple: #6f42c1;
  --Es-Color-Pink: #d63384;
  --Es-Color-Magenta: #d401d4;
  --Es-Color-Red: #E42217;
  --Es-Color-Brown: #812121;
  --Es-Color-Maroon: #800000;
  --Es-Color-Orange: #fd7e14;
  --Es-Color-Yellow: #ffc107;
  --Es-Color-Gold: #ffd700;
  --Es-Color-Lime: #00ff00;
  --Es-Color-Green: #198754;
  --Es-Color-Olive: #808000;
  --Es-Color-Teal: #20c997;
  --Es-Color-Cyan: #0dcaf0;
  --Es-Color-Aquamarine: #7FFFD4;
  --Es-Color-Silver: #c0c0c0;
  --Es-Color-Black: #000;
  --Es-Color-White: #fff;
  --Es-Color-Gray: #808080;
  --Es-Color-Gray-Dark: #303030;
  --Es-Color-Html-Blue: #0000ff;
  --Es-Color-Html-Indigo: #4b0082;
  --Es-Color-Html-Purple: #800080;
  --Es-Color-Html-Pink: #ffc0cb;
  --Es-Color-Html-Magenta: #ff00ff;
  --Es-Color-Html-Red: #ff0000;
  --Es-Color-Html-Brown: #a52a2a;
  --Es-Color-Html-Orange: #ffa500;
  --Es-Color-Html-Yellow: #ffff00;
  --Es-Color-Html-Green: #008000;
  --Es-Color-Html-Teal: #008080;
  --Es-Color-Html-Cyan: #00ffff;
  --Es-Color-Grays-100: #f8f9fa;
  --Es-Color-Grays-150: #f0f0f0;
  --Es-Color-Grays-200: #e9ecef;
  --Es-Color-Grays-250: #e1e3e6;
  --Es-Color-Grays-300: #dee2e6;
  --Es-Color-Grays-350: #d1d5da;
  --Es-Color-Grays-400: #ced4da;
  --Es-Color-Grays-450: #c3c9ce;
  --Es-Color-Grays-500: #adb5bd;
  --Es-Color-Grays-550: #a3abb3;
  --Es-Color-Grays-600: #6c757d;
  --Es-Color-Grays-650: #5e666d;
  --Es-Color-Grays-700: #495057;
  --Es-Color-Grays-750: #40464d;
  --Es-Color-Grays-800: #343a40;
  --Es-Color-Grays-850: #2b3035;
  --Es-Color-Grays-900: #212529;
  --Es-Color-Grays-950: #121416;
  --Es-Color-Alfa-White-000: 255, 255, 255, 0;
  --Es-Color-Alfa-White-050: 255, 255, 255, 0.05;
  --Es-Color-Alfa-White-100: 255, 255, 255, 0.1;
  --Es-Color-Alfa-White-150: 255, 255, 255, 0.15;
  --Es-Color-Alfa-White-200: 255, 255, 255, 0.2;
  --Es-Color-Alfa-White-250: 255, 255, 255, 0.25;
  --Es-Color-Alfa-White-300: 255, 255, 255, 0.3;
  --Es-Color-Alfa-White-350: 255, 255, 255, 0.5;
  --Es-Color-Alfa-White-400: 255, 255, 255, 0.4;
  --Es-Color-Alfa-White-450: 255, 255, 255, 0.45;
  --Es-Color-Alfa-White-500: 255, 255, 255, 0.5;
  --Es-Color-Alfa-White-550: 255, 255, 255, 0.55;
  --Es-Color-Alfa-White-600: 255, 255, 255, 0.6;
  --Es-Color-Alfa-White-650: 255, 255, 255, 0.65;
  --Es-Color-Alfa-White-700: 255, 255, 255, 0.7;
  --Es-Color-Alfa-White-750: 255, 255, 255, 0.75;
  --Es-Color-Alfa-White-800: 255, 255, 255, 0.8;
  --Es-Color-Alfa-White-850: 255, 255, 255, 0.85;
  --Es-Color-Alfa-White-900: 255, 255, 255, 0.9;
  --Es-Color-Alfa-White-950: 255, 255, 255, 0.95;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Oswald", Arial;
  color: var(--Es-Color-Purple);
  background: url("../../Images/bg-cZKKD_V.png") top center no-repeat var(--Es-Color-Black);
  text-align: center;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#wrap {
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
  z-index: 10000;
}

#accordion {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

#defaultCountdown {
  z-index: 2;
  margin: 0 auto;
  display: table;
  position: relative;
}

.countdown-row {
  margin: 0 auto;
  width: 100%;
  display: table;
  text-align: center;
}

.countdown-section {
  display: block;
  float: left;
  text-align: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: solid 1px var(--Es-Color-Purple); /*default #fff*/
  background-color: rgba(var(--Es-Color-Alfa-White-150)); /* rgba(255, 255, 255, 0.15) */
  text-align: center;
  margin: 40px 20px;
}

.countdown-amount {
  font-size: 60px;
  font-weight: 700;
  line-height: 120px;
}

.countdown-period {
  display: block;
  line-height: 60px;
  color: var(--Es-Color-Gold);
  font-size: 18px;
  font-weight: 100;
}

.image-align-header {
  margin: 0 auto;
  text-align: center;
  display: block;
  padding-top: 60px;
}

.image-align {
  margin: 0 auto;
  text-align: center;
  display: block;
}

h1 {
  font-size: 32px;
  font-weight: 300;
}

h1 span {
  font-size: 22px;
}

.active {
  font-weight: bold;
  color: var(--Es-Color-Purple);
}

.gold {
  color: var(--Es-Color-Gold);
}

.fz32 {
  font-size: 32px;
}

p {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  font-weight: 100;
}

form {
  margin: 0 auto;
  display: table;
  margin-top: 50px;
}

input[type=text] {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: rgba(var(--Es-Color-Alfa-White-100));
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  border: none;
  border: 1px solid rgba(var(--Es-Color-Alfa-White-200));
  height: 53px;
  color: var(--Es-Color-White);
  font-family: "Oswald", Arial;
  font-size: 16px;
  padding-left: 20px;
  width: 265px;
}

a {
  color: var(--Es-Color-Gold);
  text-decoration: underline;
}

footer.copyright {
  font-size: 13px;
  text-align: center;
  font-weight: normal;
  margin-top: auto;
  padding: 12px 0;
}

footer.copyright a {
  color: var(--Es-Color-Gold);
}

/*------------------------------------------------*/
/* Responsive styles */
/*------------------------------------------------*/
@media (max-width: 420px) {
  .image-align-header {
    padding-top: 20px;
    width: 30%;
  }
  .image-align {
    width: 30%;
  }
  h1, .gold {
    font-size: 32px;
  }
  h1, .purple {
    font-size: 32px;
  }
  h1 span {
    font-size: 18px;
  }
  input[type=text] {
    width: 150px;
    font-size: 14px;
    padding-left: 5px;
  }
  input[type=submit] {
    left: -3px;
    top: 5px;
  }
  .countdown-section {
    display: block;
    float: left;
    text-align: center;
    width: 56px;
    height: 56px;
    margin: 2px;
  }
  .countdown-amount {
    font-size: 24px;
    font-weight: 700;
    line-height: 58px;
  }
}
@media (max-width: 420px) and (min-width: 561px) and (max-width: 720px) {
  .countdown-section {
    margin: 5px;
  }
}
@media (max-width: 420px) and (max-width: 600px) {
  .countdown-section {
    display: block;
    float: left;
    text-align: center;
    width: 75px;
    height: 75px;
    margin: 6px;
  }
  .countdown-amount {
    font-size: 32px;
    font-weight: 700;
    line-height: 74px;
  }
}
@media (max-width: 420px) and (min-width: 1200px) {
  .container {
    width: auto;
  }
}/*# sourceMappingURL=EnderStyle-Construction.css.map */