:root{
  /* font-size: calc(1rem + 0.25vmin); */
  /* font-size: calc(0.225vw + 0.225rem + 22.5% + 8px); */
  font-size: 18px;
}

.color-mode-1{
  --hue: 218;
  --saturation: 59%;
  --lightness: 33%;
  --lightness-min: 5%;
}

.color-mode-2{
  --hue: 150;
  --saturation: 67%;
  --lightness: 32%;
}

.color-mode-3 {
  --hue: 150;
  --saturation: 67%;
  --lightness: 16%;
}

.color-mode-4 {
  --hue: 60;
  --saturation: 86%;
  --lightness: 59%;
}

body .interface.progress-bar:not(:has(+.slider)){
  top: 6rem;
}

body {
  font-family: 'Barlow', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
}

body>main>.frame::before, body>div>.frame::before, body>footer.frame::before {
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
}

textarea {font-family: 'Barlow', sans-serif;}
a {color: inherit;text-decoration: none;}
p a, li>a, label a {color: #2c9e5e; font-weight: bold;}
p a:hover, li>a:hover{ text-decoration: underline;}
/* ul li::before { color:var(--color-main); } */
/* ul li ul li::before { color:var(--color-alternative); } */
h1, h2, h4, h5, h6, nav{font-family: 'Barlow Semi Condensed', sans-serif;}
h3{ font-family: 'Roboto', sans-serif;}
.text h3, .intro h3{ font-size: 133%;}

h1, h1 + .subtitle{
  /* text-shadow: 0 0 8vmin hsla(0, 0%, 100%, 0.3);
  -webkit-text-stroke: rgba(0,0,0,0.2) 1px; */
}

/* h1 + .subtitle {text-shadow: 0 0 8vmin hsla(0, 0%, 100%, 0.3); } */

form{ display: flex; flex-wrap: wrap; gap: calc(0.5rem + 1vmin); }
form>:nth-child(1){ flex-basis: 100%; }
form .form-element:nth-last-child(2){ flex-basis: 100%; display: flex; gap: 8px;}
form .form-element{ flex-basis: 40%; flex-grow: 1; }
form .actions{ display: none; }
form nav{margin-top: calc(3px + 1vh + 1vmin);}
form fieldset{padding: 5%;}
form select{max-width: 300px;}
/* form input{width: 100%;} */
form input:not([type=checkbox]), form select{padding: calc(5px + 0.5vmin); width: 100%;}
form button{padding: calc(10px + 0.5vmin);}
form button:before{ border-radius: 15px; }
form textarea {padding: 10px;}
form input[type=text],
form input[type=tel],
form input[type=email]{ border-radius: 10px; border: 1px solid grey; margin-top: 0.5rem;}
form input[type=checkbox]{ margin-right: 0.5rem;}



/*-------------------------------------- EXT -------------------------------------------*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* YOUTUBE VIDEO */
.frame-type-youtubevideo_pi1{justify-content: center;}
.youtubevideo .covertext, .youtubevideo-gdpr-overlay{display: none;}
.youtubevideo button::before { content:none;}

/*-------------------------------------- NAVIGATION -------------------------------------------*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/* AFA TEXT */
body>nav>:nth-child(1) .text{
  display: flex;
  justify-content: center;
}

/* SOLAR TEXT */
body>nav>:nth-child(1) .text::after{
	content: 'SOLAR';
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
  letter-spacing: 0.15em;
  font-size: 45%;
}

body:not(.scrolled)>nav .alt-menu{display: none;}
body>nav .alt-menu .active{display: none;}
/* body.scrolled>nav .menu-1{display: none} */

@media only screen and (orientation: landscape) {

  /* NAV BAR */
  body:not(.scrolled)>nav:not(.clicked):not(:hover)::before{filter: opacity(0%);}
  body:not(.scrolled)>nav:not(.clicked):not(:hover){backdrop-filter: none;}
  body:not(.scrolled)>nav:not(.clicked):not(:hover){box-shadow: none;}

  /* HOME BUTTON */
  body>nav>:nth-child(1)::before{border-radius: 0 0 calc(24px + 1vw + 1vh + 1vmin) 0;}

  /* AFA TEXT */
  body>nav>:nth-child(1) .text{
  	flex-flow: row nowrap;
  	align-items: flex-end;
    line-height: 1;
    column-gap: 5%;
  }

  /* SOLAR TEXT */
  body>nav>:nth-child(1) .text::after{
    height: 100%;
    line-height: 1.1;
  }
}

@media only screen and (orientation: portrait) {

  /* AFA TEXT */
  body>nav>:nth-child(1) .text{flex-flow: column nowrap;}

  /* TAB TEXT */
  body.scrolled>nav .main-menu .toggler>.button>.text{display: none;}
}