@layer reset {
/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box;
}
/*
  2. Remove default margin
*/
* {
  margin: 0;
}
/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
/*
  5. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
/*
  6. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit;
}
/*
  7. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
/*
  8. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
button {
  background: rgba(240,240,240,0.3);
}
}
@layer tools {
.marquee {
/*   background-color: #022756; */
  color: var(--white);
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  flex-flow: row nowrap;
  direction: rtl;
}
.marquee a{
  color: var(--white);
  line-height: 1;
}
.marquee .btn_container {
  /* padding:  0.8rem; */
  position: absolute;
  z-index: 5000;
  display:  flex;
  aspect-ratio: 1;
  width:  4.5rem;
  height:  4.5rem;
  background-color:  var(--fg-color);
  left: 0;
}
.marquee .playpause {
    width: 4em;
    height: 4rem;
    left: 0;
    transform: translateX(-0.5rem) translateY(0.5rem);
  color:  var(--blue-dark);

  border-color: transparent transparent transparent var(--blue-dark);
  border-width: 1.8rem 0 1.8rem 2.8rem;



    aspect-ratio: 1;
    width: 100%;
    position: relative;
    left: 0.6em;
    height: 81.3%;
    transform: translateX(-0.2rem) translateY(0.4rem);
    color: var(--gray);
    background: transparent;
    border-color: transparent transparent transparent var(--gray);
    transition: 100ms all ease;
    will-change: border-width;
    cursor: pointer;
    border-style: solid;
    border-width: 1.8rem 0 1.8rem 2.9rem;


}
.marquee .playpause button {
  position: relative;
  left: 0.3em;
}
.marquee .playpause.paused {
    border-style: double;
    border-width: 0 0 0 2.8rem;
}

.marquee .inner {
  position: relative;
  /* width: 100%; */
  display: flex;
  color: white;
  font-size: 4em;
  direction:  ltr;
}
.marquee .inner > * {
  white-space: nowrap;
  padding:0 4rem .4rem;
  line-height: 1;
}
.marquee .inner > *:first-child {
  /* padding-inline-start: 8rem; */
}
.marquee .inner > *:last-child {
    /* padding-inline-end: 0; */
}
.marquee .padding-fix {
  /* padding-inline-start: 5rem; */
}
.marquee .inner {
  /* display: inline; */
  position: relative;
  transform-origin: left;
}
.marquee:hover span {
  animation-play-state: paused;
}

.marquee > *:nth-child(1) {
  /* transform: translateX( -100%); */
  /* animation: marquee 30s linear infinite; */
  /* animation-delay: 0s; */
}
.marquee > *:nth-child(2) {
  /* transform: translateX( -122%); */
  /* animation: marquee2 30s linear infinite; */
  animation-delay: 30s;
}
@keyframes marquee {
  0%   { transform: translateX( -100vw) }
  100% {  transform: translateX( 0vw ) }
}
@keyframes marquee2 {
  0%   { transform: translateX( calc( -100vw + 20% )) }
  100% {  transform: translateX( calc( 200% + -100vw )) }
}

.u-sticky {
  position: fixed !important;
  top: 0;
  margin: 0 auto 1em !important;
  width: calc(100%);
}
.u-fullscreen {
  top: 0;
  position: fixed;
  padding: 0;
  background: rgba(0, 0, 0, 0.8);
  max-height: 100vh;
  max-width: 100vw;
  height: 100%;
  width: 100%;
}
.u-2cols {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
}
.u-2cols > * + * {
  margin: 0 1em;
}
.hiding {
  opacity: 0.5;
}

.rtl,
.u-rtl,
[dir="rtl"] {
  direction: rtl;
}
.half {
  padding: 1em;
  margin: 1.5em auto 1.5em;
  text-align: left;
}
.fixed-half {
  position: fixed;
  top: 100vh;
}
::-moz-selection {
  background-color: #efff61;
  color: var(--bg-color);

}
::selection,
.u-select {
  background-color: #efff61;
  color: var(--bg-color);

}


/*             */
/*  SCROLLBAR  */
/*             */

html {
  scrollbar-color: #6969dd #e0e0e0;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  cursor: grab;
}

::-webkit-scrollbar-track {
  background-color: #1e1e1ead;
}

::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgb(237 237 237 / 52%);
  border-radius: 10px;
  cursor: help;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 6px rgb(237 237 237 / 100%);
  border-radius: 10px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb:active {
  box-shadow: inset 0 0 6px rgb(2 237 237 / 50%);
  cursor: grabbing;
}



.u-logo {
  width: 250px;
  min-height: 250px;
  height: auto;
  position: relative;
  display: block;
  margin: 0 auto;
}
.u-logo svg {
  position: absolute;
  top: 0;
  left: 0;
}
.u-logo--bg {
  animation: rotatezed 12s infinite;
}
@keyframes rotatezed {
  0% {
    transform: rotatez(0deg);
  }
  100% {
    transform: rotatez(360deg);
  }
}
.acid_text {
  color: 000000;
  -webkit-transition: color 0.1s linear;
  -webkit-animation-name: bounce_text;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-transition: color 0.1s linear;
  -moz-animation-name: bounce_text;
  -moz-animation-duration: 0.3s;
  -moz-animation-direction: alternate;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  transition: color 0.1s linear;
  animation-name: bounce_text;
  animation-duration: 0.3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.acid *,
.acid {
  color: 000000;
  -webkit-transition: color 0.1s linear;
  -webkit-animation-name: bounce;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-transition: color 0.1s linear;
  -moz-animation-name: bounce;
  -moz-animation-duration: 0.3s;
  -moz-animation-direction: alternate;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  transition: color 0.1s linear;
  animation-name: bounce;
  animation-duration: 0.3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@keyframes bounce {
  0% {
    color: #ffffff;
    background-color: #ffffff;
  }
  36% {
    color: #ffdf53;
    background-color: #ffdf53;
  }
  76% {
    color: #ff6161;
    background-color: #ff6161;
  }
  100% {
    color: #ffffe1;
    background-color: #fff;
  }
}
.cursor-grab {
  margin: 0 1.4rem;
  cursor: grab;
}
.cursor-grab:has(:active),
.cursor-grab *:has(:active) {
  cursor:  grabbing !important;
}

.embed-yt img {
  width: 100%;
}
.embed-yt img:before {
  content: "Play";
  position: relative;
  top: -100%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4rem;
}
.embed-yt .play-button {
  position: relative;
  top: -100%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4rem;
}
.embed-yt .play-button span {
  background:  var(--bg-color);
  color:  var(--fg-color);
}


/*!
 * Youtube LazyLoad 
 * v4.0.1
 * https://github.com/the-muda-organization/youtube-lazyload
 * MIT License
 */
.yt-lazyload {
    width: 100%;
    position: relative !important;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
            user-select: none;
}

.yt-lazyload::before {
    content: '';
    width: 100%;
    display: block;
    position: relative;
    padding-top: 56.25%;
    background-color: #000
}

.yt-lazyload-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: inherit
}

.yt-lazyload-content {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000;
    background-image: var(--yt-lazyload-img);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 1;
}

.yt-lazyload-playbtn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: calc(35px + 10%) auto;
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
}

.yt-lazyload-playbtn:hover {
/*      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='red' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E") */
    background-size: calc(35px + 20%) auto;
}

.yt-lazyload-logo {
    display: block;
    width: 30%;
    min-width: 95px;
    min-height: 22px;
    max-width: 215px;
    padding-top: 6.8%;
    position: absolute;
    right: 4%;
    bottom: 4%;
    z-index: 2;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .75;
    transition: opacity .3s
}

.yt-lazyload[data-logo="1"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492 110'%3E%3Cpath d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")
}

.yt-lazyload[data-logo="2"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23282828' viewBox='0 0 492 110'%3E%3Cpath fill='red' d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")
}

.yt-lazyload[data-logo="3"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 580 130'%3E%3Cpath d='M181.7 20.7c-2.1-7.9-8.4-14.2-16.3-16.3C151.1.5 93.6.5 93.6.5s-57.6.1-71.9 4C13.8 6.6 7.5 12.9 5.4 20.8 1.6 35.1 1.6 65 1.6 65s0 29.9 3.9 44.3c2.1 7.9 8.4 14.2 16.3 16.3 14.3 3.9 71.8 3.9 71.8 3.9s57.5 0 71.8-3.9c7.9-2.1 14.2-8.4 16.3-16.3 3.9-14.3 3.9-44.3 3.9-44.3s0-29.9-3.9-44.3zM75.2 92.6V37.4L123 65 75.2 92.6z'/%3E%3Cpath d='m268.6 117.8c-3.7-2.5-6.3-6.3-7.8-11.5s-2.2-12-2.2-20.7v-11.6c0-8.6 0.8-15.7 2.6-20.9 1.8-5.3 4.5-9.1 8.3-11.5s8.6-3.7 14.6-3.7c5.9 0 10.8 1.2 14.3 3.7s6.3 6.3 7.9 11.5 2.5 12.2 2.5 20.8v11.7c0 8.6-0.8 15.5-2.5 20.7s-4.3 9-7.9 11.5c-3.7 2.4-8.6 3.7-14.8 3.7-6.4 0-11.3-1.3-15-3.7zm20.5-12.6c1.1-2.6 1.5-7 1.5-12.9v-25.2c0-5.8-0.5-10-1.5-12.6-1.1-2.7-2.8-4-5.3-4s-4.1 1.3-5.2 4-1.5 6.9-1.5 12.6v25.2c0 5.9 0.5 10.3 1.4 12.9s2.7 3.9 5.3 3.9c2.4 0 4.2-1.3 5.3-3.9zm258.9-19.3v4.1c0 5.2 0.1 9.1 0.5 11.7s0.9 4.5 1.9 5.7c0.9 1.2 2.5 1.8 4.5 1.8 2.7 0 4.6-1.1 5.6-3.2 1.1-2.1 1.5-5.7 1.7-10.5l15.7 0.9c0.1 0.7 0.1 1.7 0.1 2.8 0 7.4-2 13-6.1 16.7s-9.8 5.6-17.2 5.6c-9 0-15.2-2.8-18.8-8.4-3.5-5.6-5.4-14.3-5.4-26v-14.3c0-12 1.9-20.9 5.6-26.5 3.8-5.6 10.2-8.4 19.1-8.4 6.3 0 11 1.2 14.3 3.4s5.7 5.8 7.1 10.6 2 11.5 2 20v13.8h-30.6v0.2zm2.4-34c-0.9 1.2-1.5 3-1.9 5.6s-0.5 6.5-0.5 11.8v5.7h13.2v-5.8c0-5.2-0.1-9.1-0.5-11.8s-0.9-4.6-1.9-5.7c-0.9-1.1-2.4-1.7-4.3-1.7-1.9 0.2-3.3 0.8-4.1 1.9zm-326 32.5-20.6-74.7h18.1l7.2 33.8c1.9 8.4 3.2 15.5 4.1 21.3h0.5c0.6-4.3 2-11.2 4.1-21.1l7.4-33.9h18.1l-20.9 74.5v35.7h-17.8v-35.6h-0.2zm143-44.9v80.7h-14.2l-1.5-9.9h-0.4c-3.9 7.4-9.7 11.2-17.4 11.2-5.3 0-9.3-1.8-11.8-5.3-2.6-3.5-3.8-9-3.8-16.4v-60.3h18.2v59.2c0 3.5 0.4 6.1 1.2 7.7 0.8 1.5 2.1 2.2 3.9 2.2 1.5 0 3.1-0.5 4.5-1.4s2.5-2.2 3.2-3.7v-64h18.1zm93.2 0v80.7h-14.2l-1.5-9.9h-0.4c-3.9 7.4-9.7 11.2-17.4 11.2-5.3 0-9.3-1.8-11.8-5.3-2.6-3.5-3.8-9-3.8-16.4v-60.3h18.2v59.2c0 3.5 0.4 6.1 1.2 7.7 0.8 1.5 2.1 2.2 3.9 2.2 1.5 0 3.1-0.5 4.5-1.4s2.5-2.2 3.2-3.7v-64h18.1z'/%3E%3Cpath d='m416.8 24.4h-18.1v95.8h-17.7v-95.8h-18.1v-14.7h53.8v14.6h0.1zm103.8 28c-1.1-5.1-2.8-8.7-5.3-11.1-2.5-2.2-5.8-3.4-10.2-3.4-3.3 0-6.5 0.9-9.3 2.8-3 1.9-5.1 4.4-6.7 7.4h-0.1v-42.5h-17.5v114.4h15l1.9-7.7h0.4c1.4 2.7 3.5 4.8 6.3 6.5 2.8 1.5 5.9 2.4 9.3 2.4 6.1 0 10.6-2.8 13.6-8.5 2.8-5.7 4.4-14.5 4.4-26.5v-12.7c-0.2-9-0.7-16.1-1.8-21.1zm-16.7 32.9c0 5.9-0.2 10.5-0.7 13.8s-1.3 5.7-2.5 7.1-2.7 2.1-4.6 2.1c-1.5 0-2.8-0.4-4.1-1.1s-2.2-1.8-3.1-3.2v-45.7c0.6-2.2 1.7-4 3.2-5.4s3.1-2.1 4.8-2.1c1.9 0 3.3 0.7 4.3 2.1 1.1 1.4 1.7 3.9 2.1 7.3s0.6 8.3 0.6 14.6v10.5z'/%3E%3C/svg%3E")
}

.yt-lazyload[data-logo="4"] .yt-lazyload-logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 492 110'%3E%3Cpath fill='red' d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")
}

.yt-lazyload-logo:hover {
    opacity: 1;
    transition: opacity .3s
}

.yt-lazyload iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border: 0
}

.screen-reader-text {
  text-indent: -9999px;
  position: absolute;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

*:focus {
  outline: 3px dashed var(--white);
}
.no-focus-outline a:focus,
.no-focus-outline button:focus {
  outline: none;
}

:target::before {
    content: '';
    display: block;
    height:      12em;
    height:  calc( 10 * var(--header-height));
}
}
/******************************************************************
QQ GTCR Variables
******************************************************************/
:root {
	--bg-color:			#000000;
	--fg-color:			#FAFAFA;
	--mg-color:			#727272;


	--gray: var(--mg-color);

	--pad: 1rem;
	--header-height: 2rem;
}
/******************************************************************
Site Name: GTCR Project
Author: waastedbandwidth.com

Stylesheet: Typography

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
@font-face {
    font-family: 'LieblingProThin';
    src: url('fonts/Liebling/LieblingProThin.woff2') format('woff2'),
         url('fonts/Liebling/LieblingProThin.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'LieblingProRegular';
    src: url('fonts/Liebling/LieblingProRegular.woff2') format('woff2'),
         url('fonts/Liebling/LieblingProRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LieblingProLight';
    src: url('fonts/Liebling/LieblingProLight.woff2') format('woff2'),
         url('fonts/Liebling/LieblingProLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LieblingProMedium';
    src: url('fonts/Liebling/LieblingProMedium.woff2') format('woff2'),
         url('fonts/Liebling/LieblingProMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LieblingProBold';
    src: url('fonts/Liebling/LieblingProBold.woff2') format('woff2'),
         url('fonts/Liebling/LieblingProBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LieblingProHeavy';
    src: url('fonts/Liebling/LieblingProHeavy.woff2') format('woff2'),
         url('fonts/Liebling/LieblingProHeavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LieblingProBlack';
    src: url('fonts/Liebling/LieblingProBlack.woff2') format('woff2'),
         url('fonts/Liebling/LieblingProBlack.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* /* /* latin-ext */
/* // @font-face {
//   font-family: 'Bebas Neue';
//   font-style: normal;
//   font-weight: 400;
//   font-display: swap;
//   src: url('https://fonts.gstatic.com/s/bebasneue/v8/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2') format('woff2');
//   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
// }
// /* arabic */
/* 
// @font-face {
//   font-family: 'Lalezar';
//   font-style: normal;
//   font-weight: 400;
//   font-display: swap;
//   src: url(https://fonts.gstatic.com/s/lalezar/v12/zrfl0HLVx-HwTP82YaL4IxL0.woff2) format('woff2');
//   unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
// } */
/* font stacks */
:root { 
    --sans-serif: "LieblingProRegular, Helvetica, Arial, sans-serif";
    --serif: "Georgia, Cambria, Times New Roman, Times, serif";
}
/* brekaing , lines , ligatures */
p {
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: unset;
            hyphens: unset;
/*    sets a minimum number of characters before and after the break */
  -webkit-hyphenate-before: 2;
   -webkit-hyphenate-after: 3;
           hyphenate-lines: 3;
/*   enabling fancy ligatures when available */
  -ms-font-feature-settings: "liga", "dlig";
   -o-font-feature-settings: "liga", "dlig";
      font-feature-settings: "liga", "dlig";
}
@layer reset, base, components, tools, overrides;
::-moz-placeholder {
  color: var(--highlight-color,currentColor);
}
::placeholder {
  color: var(--highlight-color,currentColor);
}
h1, h2, h3, h4, h5, h6, button {
  text-transform: uppercase;
  font-size: 1em;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bolder;
}
h1 {
  font-size: 2em;
  line-height: 1;
}
h2 {
  font-size: 1.375em;
}
ul ul {
  -webkit-padding-start: 1.5em;
          padding-inline-start: 1.5em;
}
a,
a:visited {
  color: var(--link-color);
  text-decoration: none;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-color: currentColor;
/*   // transition: 0.3s ease-in all; */
}
nav button {
  color: var(--mg-color);
  background: transparent;
  cursor: pointer;

}
nav button.transparent {
    text-decoration: underline;
  }
[id="bio"] a {
  text-decoration: underline;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "LieblingProRegular", "Halvetica", sans-serif;
/*   font-size: 67.5%; */
  line-height: 1.5;
  color: var(--fg-color);
  background-color:  var(--bg-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
#container > section:not(:first-of-type) {
  margin-top: 3em;
  border-top: 1px solid var(--mg-color);
}
.woocommerce-notices-wrapper {
  padding: 1rem;
}
button {
  border-width: 0;
}
button.menu-item,
button.transparent {
  background: transparent;
}
main button, main .button {
  border-radius: 1em;
  padding: 0.2em 0.8em;
  background: var(--mg-color);
  transition: all 0.3s ease-in-out;
  color: var(--bg-color);
  border: none;
}
/*   border: 1px solid var(--fg-color); */
main button:hover, main .button:hover {
    background: var(--fg-color);
/*     color: var(--bg-color); */
  }
.nav-collapser {
  visibility: visible;
  width: 2.5rem;
  height: 2.5rem;
  /* min-height:  100%; */
  background: url("../images/collapse.svg");
  mix-blend-mode:  difference;
  background-size: 100% 100%;
  content: "MENU";
  flex-grow: 0;
/*   display: flex; */
/*   align-self: center; */
/*   margin: 0px auto; */
  cursor: pointer;
}
.menu-mobile.expanded .nav-collapser {
    display: none;
  }
.menu-mobile.expanded .hidden {
    display: unset;
  }
ul.social {
  line-height: 1;
}
.banner-image {
  height: 100vh;
  width: 100%;
  opacity: 1;
  overflow: hidden;
  perspective: 200px;
  perspective-origin: center center;
  transform-style: preserve-3d;
  /* transition: height 1.8s; */
  transition: opacity 1.8s;
  cursor: pointer;
}
.banner-image * {
  max-width: 100%;
}
.banner-image.welcome-back {
  height: 0;
  opacity: 0;
  display: none;
}
.banner-image figure,
.banner-image video, {
  height: 100%;
  margin-bottom: -67px;
  background-position: 50% 23%;
}
.welcome-btn {
  height: 4rem;
  width: 8rem;
  font-size: 200%;
  display: block;

}
.welcome-mat {
  line-height: 2.4;
  height: 67px;
  margin: 0 auto;
  padding: 0 0.2em;
  border-top: #000 2px solid;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-flow:  column nowrap;
  justify-content: center;
  align-items: center;
  background-color: var(--grey-light-mod);
}
.welcome-mat > * {
  max-width: 50vw;
  max-height: 40vh;
}
@media (max-width: 800px) {
  .welcome-mat > * {
    max-width: 80vw;
    max-height: 70vh;
  }
}
.welcome-mat a,
.welcome-mat a:visited {
  color: #000;
}
.welcome-mat .welcome-notice a{
  /* color: var(--grey-light); */
  transition:  all 0.3s ease-in-out;
  color: var(--orange);
}
.mobile .welcome-btn {
  height: 100vh;
  width: 100vw;
  bottom: 0;
}
#loader {
  background: url("../images/logo.svg");
  background-repeat: no-repeat;
  width: 128px;
  height: 128px;
  margin: 0 auto;
  text-align: center;
  position: fixed;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 35%;
}
.firstimer #content {
  min-height: 0vh;
  overflow: hidden;
  height: 0;
}
main {
  min-height: 80dvh;
  container-type: inline-size;
  container-name: main;
}
.inner-nav {
  z-index: 10;
  position: relative;
}
.inner-nav li {
  transition: 0.1s all ease-in-out;
  border-color: transparent;
}
.inner-nav li:not(.active) a{
    color: var(--mg-color);
  }
.inner-nav li:hover, .inner-nav li.active {
    border-color: var(--fg-color);
  }
.inner-nav li:hover a, .inner-nav li.active a {
      color: var(--fg-color);
    }
article section[id] :not(nav) li:after {
  content: " ";
  border-bottom: 1px solid var(--mg-color);
  display: inline-block;
  margin: 0.2em 0;
  width: 100%;
  height: 1px;
}
article picture img {
  height: 100%;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.debug-screens::before {
position: fixed;
z-index: 2147483647;
bottom: 0;
left: 0;
padding: .3333333em .5em;
font-size: 12px;
line-height: 1;
font-family: sans-serif;
background-color: #000;
color: #fff;
box-shadow: 0 0 0 1px #fff;
content: 'screen: _';
}
@media (min-width: 640px) {
.debug-screens::before {
content: 'screen: sm';
}
}
@media (min-width: 768px) {
.debug-screens::before {
content: 'screen: md';
}
}
@media (min-width: 1024px) {
.debug-screens::before {
content: 'screen: lg';
}
}
@media (min-width: 1280px) {
.debug-screens::before {
content: 'screen: xl';
}
}
@media (min-width: 1536px) {
.debug-screens::before {
content: 'screen: 2xl';
}
}
nav a {
  transition: 0.3s ease-in all;  
}
.bt  {
  border-top: 1px solid var(--mg-color);
}
.bb {
  border-bottom: 1px solid var(--mg-color);
}
a.button {
  padding: 1rem;
  line-height:1.2;
  background: var(--fg-color);
  color: var(--bg-color);
  border-color: var(--bg-color);
  border-radius: 1.7rem;
  font-weight: bold;
  display: inline-block;
}
.entry-title, .artists article header a:focus {
  view-transition-name: artist-name;
}
.archive-header,
.artist-header {
  border-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: var(--mg-color);
  padding: calc(var(--pad) / 2 );
  background-color: var(--bg-color);
}
.scrolled .artist-header h1 {
    padding: calc(var(--pad) / 2 );
    font-size: 1rem;
  }
.scrolled header:has(.artist-header) {
    padding-bottom: 1rem;
}
.sorter button {
  background: transparent;
  color: var(--mg-color);
  cursor: pointer;
  padding: 0;
  text-transform: initial;
}
.sorter button:hover,
  .sorter button.active,
  .sorter button.current {
    color: var(--fg-color);
    background: transparent;
  }
.sorted[data-view=list] {  
  display: flex;
  flex-flow: column nowrap;
}
.sorted[data-view=list] article {
    width: 100%;
    aspect-ratio: unset;
    border-bottom: 1px solid var(--mg-color);
  }
.sorted[data-view=list] article:first-child {
      border-top: 1px solid var(--mg-color);
    }
.sorted[data-view=list] article header {
      text-align: left;
    }
.sorted[data-view=list] article picture {
      display: none;
    }
.sorted[data-view=list].latest-videos {
    flex-flow: row wrap;
  }
.sorted[data-view=list].latest-videos article {
      width: 100%;
      display: flex;
      flex-flow: row nowrap;
      /* margin-top: 1rem;*/
      padding-bottom: 1rem;
    }
.sorted[data-view=list].latest-videos article:nth-child(1) {
        border-top: none;
      }
.sorted[data-view=list].latest-videos article:nth-child(2) {
        /* border-top: 1px solid var(--mg-color);*/
      }
.sorted[data-view=list].latest-videos article a.yt-lazyload {
        width: 25%;
      }
.merch-item, .merch-item img  {
    aspect-ratio: 1/1;
    max-height: 100%; 
    height: auto;
  }
.mini-cart.closed {
  height: 0px;
  /* min-height: 0px;*/
  font-size: 0;
  padding: 0;
  top: var(--header-height);
  pointer-events: none;
}
.mini-cart {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
  background: var(--bg-color);
  transition: height 0.3s ease-out;

}
.mini-cart nav {
    border-bottom: 1px solid var(--mg-color);
    padding: 1rem;
  }
.mini-cart nav a {
    color:  var(--mg-color);
  }
.cart .product-thumbnail {
  display: flex;
  justify-content: flex-start;
}
.cart .product-thumbnail img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.cart tbody tr {
  padding: .5rem 0;

  border-top: 1px solid var(--mg-color);
}
.cart tbody tr:last-of-type {
    border-bottom: 1px solid var(--mg-color);
  }
.cart th {
  text-align: start;
  text-transform: uppercase;
  font-weight: 200;
}
.cart th:last-of-type {
    text-align: end;
  }
.cart td {
  text-align: start;
}
.cart td:last-of-type {
    text-align: end;
  }
.cart td.product-quantity {
    text-align: center;
    display: flex;
    justify-content: center;
  }
.single-product .product-deets {
  grid-template-areas: "gallery   header   text";
  /* grid-area: "gallery / header / text"*/
  gap: 1rem;
}
.single-product .product-deets .gallery {
    grid-area: gallery;
  }
.single-product .product-deets header {
    grid-area: header;
  }
.single-product .product-deets .product-text {
    grid-area: text;
  }
@container main (min-width: 768px) {


.single-product .product-deets {
    grid-template-areas: "gallery   text   header "
}

    .single-product .product-deets header .entry-title {
      display: none;
    }
  }
.woocommerce-message a,
.woocommerce-message a:hover{
  border: none;
  background: transparent;
  color: var(--fg-color);
  text-decoration: underline;
  text-shadow: 1px 1px 1px var(--bg-color) 2px 2px 1px var(--fg-color);
  padding: 0;
}
/* Slick JS styling */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: auto;
  -webkit-tap-highlight-color: transparent;
}
.slick-controls {
  font-size: 1.2rem;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  /* display: none; */
  /* outline: none; */
  float: left;
  text-align: center;
  max-height: calc(100vh);
  min-height: 1px;
}
.slideshow .slick-slide:hover {
  cursor: col-resize;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img,
.slick-slide iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height:  100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-slide.project-featured,
.single .slick-initialized .slick-slide,
.mobile .slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.panel {
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.mobile .panel {
  /* height: 100vh; */
  transition: 0s none;
}
.panel-fixed {
  z-index: 1;
}
.panel > * {
  width: 100%;
}
.slick-slider {
  max-height: 100%;
}
.slick-slider ul {
  height: 100%;
  max-height: 100%;
}
.slick-slider ul li {
    /* width: 100%; */
    /* height: 100%; */
    display: flex !important;
    flex-flow: column nowrap;
  }
body:not(.home) .slick-slider,
body:not(.home) .slick-list,
body:not(.home) .slick-slide,
body:not(.home) .slick-slide video,
body:not(.home) .slick-slide img,
body:not(.home) .slick-slide iframe {
  /* max-height: calc(100vh - 10em - 90px); */
}
body:not(.home) .fullscreen .slick-slider,
body:not(.home) .fullscreen .slick-list,
body:not(.home) .fullscreen .slick-slide,
body:not(.home) .fullscreen .slick-slide video,
body:not(.home) .fullscreen .slick-slide img,
body:not(.home) .fullscreen .slick-slide iframe {
  /* max-height: calc(100vh - 5em - 20px); */
}
.slick-arrow {
  height: 100%;
  display: inline;
  vertical-align: middle;
  z-index: 10;
  background: transparent;
  font-size: 2.2em;
  /* outline: 0; */
  border: 0;
  mix-blend-mode: difference;
  color: yellow;
}
.slick-next {
  /* content: "〉"; */
  position:absolute;
  right: 0.6rem;
  top: 0;
}
.slick-prev{
  /* content: "〈"; */
  position:absolute;
  left: 0.6rem;
  top: 0;
}
.slick-nav {
  position: relative;
  padding: 0;
}
.slick-nav .slick-dots {
  padding: 0 0 0 1rem;
}
.link-fullscreen {
  background-image: url("../images/fullscreen.svg");
  background-repeat: no-repeat;
  height: 1rem;
  width: 1rem;
  margin: 0.5em;
  display: inline-block;
  float: right;
  content: " ♐ ";
}
.slick-dots {
  justify-content: center;
  display: flex;
  padding: 0.4rem 0rem;
}
.slick-dots li {
  display: inline-block;
  margin: 0;
}
.slick-dots button {
/*   background-color: var(--bg-color); */
  opacity: 0.9;
}
.slick-dots button:hover,
.slick-dots button:focus,
.slick-dots .slick-active button {
/*   background-color: var(--bg-color); */
  opacity: 1;
}
.slick-dots
{
    /* position: absolute; */
    bottom: -25px;
    /* display: block; */
    /* width: 100%; */
    /* padding: 0; */
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    margin: 0 0.4em;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
/*     font-size: 0; */
    line-height: 0;

    display: block;

    padding: 0;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
/*     position: absolute; */
    top: 0;
    left: 0;
    display: block;

    min-width: 3em;
    height: 3em;
/*     margin-inline: 3em; */

    transition: all 0.9s ease-in-out;

    content: ' ';
    text-align: center;

    background: url("../images/line.svg") repeat-x;

    opacity: .25;
    color: var(--fg-color);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: var(--fg-color);

    width: 5em;
/*     margin-inline: 1.4em; */
}
.woocommerce-Price-currencySymbol::before {
		content: " ";
		width: 0.5em;
	}
.woocommerce-Price-currencySymbol {
	text-transform: capitalize;
}
.entry-title {
/*  	 font-size: 2em;  */
}
.single-product header input {
	width: 100%;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none {
pointer-events: none;
}
.visible {
visibility: visible;
}
.collapse {
visibility: collapse;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-2 {
inset: 0.5rem;
}
.inset-3 {
inset: 0.75rem;
}
.-bottom-full {
bottom: -100%;
}
.bottom-0 {
bottom: 0px;
}
.right-0 {
right: 0px;
}
.top-0 {
top: 0px;
}
.top-\[-10px\] {
top: -10px;
}
.top-\[var\(--header-height\)\] {
top: var(--header-height);
}
.-bottom-\[-150\%\] {
bottom: 150%;
}
.isolate {
isolation: isolate;
}
.z-10 {
z-index: 10;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-full {
grid-column: 1 / -1;
}
.row-span-1 {
grid-row: span 1 / span 1;
}
.m-4 {
margin: 1rem;
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mb-4 {
margin-bottom: 1rem;
}
.mr-4 {
margin-right: 1rem;
}
.mt-4 {
margin-top: 1rem;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.aspect-auto {
aspect-ratio: auto;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.aspect-video {
aspect-ratio: 16 / 9;
}
.h-10 {
height: 2.5rem;
}
.h-20 {
height: 5rem;
}
.h-32 {
height: 8rem;
}
.h-\[100dvh\] {
height: 100dvh;
}
.h-\[66dvw\] {
height: 66dvw;
}
.h-\[70dvh\] {
height: 70dvh;
}
.h-\[8rem\] {
height: 8rem;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.max-h-\[50dvh\] {
max-height: 50dvh;
}
.max-h-\[60dvh\] {
max-height: 60dvh;
}
.max-h-\[66dvw\] {
max-height: 66dvw;
}
.min-h-\[52dvw\] {
min-height: 52dvw;
}
.w-1\/2 {
width: 50%;
}
.w-1\/4 {
width: 25%;
}
.w-2 {
width: 0.5rem;
}
.w-4\/12 {
width: 33.333333%;
}
.w-8 {
width: 2rem;
}
.w-\[24ch\] {
width: 24ch;
}
.w-\[49dvw\] {
width: 49dvw;
}
.w-\[66dvw\] {
width: 66dvw;
}
.w-\[90dvw\] {
width: 90dvw;
}
.w-\[calc\(50dvw-1\.9rem\)\] {
width: calc(50dvw - 1.9rem);
}
.w-full {
width: 100%;
}
.min-w-\[52dvh\] {
min-width: 52dvh;
}
.min-w-\[52dvw\] {
min-width: 52dvw;
}
.max-w-\[1920px\] {
max-width: 1920px;
}
.max-w-\[48dvw\] {
max-width: 48dvw;
}
.max-w-full {
max-width: 100%;
}
.flex-grow {
flex-grow: 1;
}
.border-collapse {
border-collapse: collapse;
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-grab {
cursor: grab;
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[1fr_2fr_1fr\] {
grid-template-columns: 1fr 2fr 1fr;
}
.grid-cols-\[1fr_3fr_3fr_1fr_1fr\] {
grid-template-columns: 1fr 3fr 3fr 1fr 1fr;
}
.grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-baseline {
align-items: baseline;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.justify-evenly {
justify-content: space-evenly;
}
.justify-items-center {
justify-items: center;
}
.gap-1 {
gap: 0.25rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-8 {
gap: 2rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-full {
border-radius: 9999px;
}
.border {
border-width: 1px;
}
.border-0 {
border-width: 0px;
}
.border-x-0 {
border-left-width: 0px;
border-right-width: 0px;
}
.border-b {
border-bottom-width: 1px;
}
.border-t-0 {
border-top-width: 0px;
}
.border-solid {
border-style: solid;
}
.border-none {
border-style: none;
}
.border-\[var\(--mg-color\)\] {
border-color: var(--mg-color);
}
.border-gray {
--tw-border-opacity: 1;
border-color: rgb(114 114 114 / var(--tw-border-opacity));
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(250 250 250 / var(--tw-border-opacity));
}
.bg-\[var\(--bg-color\)\] {
background-color: var(--bg-color);
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-gray {
--tw-bg-opacity: 1;
background-color: rgb(114 114 114 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.object-contain {
-o-object-fit: contain;
   object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
   object-fit: cover;
}
.object-fill {
-o-object-fit: fill;
   object-fit: fill;
}
.object-top {
-o-object-position: top;
   object-position: top;
}
.p-2 {
padding: 0.5rem;
}
.p-4 {
padding: 1rem;
}
.px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pt-16 {
padding-top: 4rem;
}
.pt-4 {
padding-top: 1rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-end {
text-align: end;
}
.text-base {
font-size: 1rem;
}
.text-sm {
font-size: 0.8rem;
}
.text-xl {
font-size: 1.25rem;
}
.font-bold {
font-weight: 700;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.italic {
font-style: italic;
}
.text-\[var\(--fg-color\)\] {
color: var(--fg-color);
}
.text-\[var\(--mg-color\)\] {
color: var(--mg-color);
}
.text-gray {
--tw-text-opacity: 1;
color: rgb(114 114 114 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
.decoration-\[var\(--mg-color\)\] {
text-decoration-color: var(--mg-color);
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
outline-style: solid;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.mobile header ul {/* 
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  transition: 0.5s all ease-in-out;
  height: 100%;
  font-family: 'LieblingProMedium'; */
}
.blag .mobile .menu-mobile ul {
  flex-flow:  column nowrap;
  display:  flex;
  text-align: center;
}
.mobile #content {
  min-height: 60vh;
}
.u-vcenter {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-self: center;
}
.mobile .u-sticky {
  position: fixed !important;
  top: 0;
  margin: 0 auto 1em !important;
}
header, section, footer {
  z-index: 0;
}
@media only screen and (min-width: 800px) {
  .home:not(.mobile) #main {
    display: block;
  }
  .menu-main-link-home a {
    width: 6em;
    height: 1.2em;
  }
  .nav li {
    position: relative;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    top: 100%;
    left: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999;
    background-color: #61caff;
    transition: 0.6s all;
    border: 0;
    box-shadow: 0 0;
    height: 0;
    opacity: 0;
  }
  .nav li:hover > ul {
    visibility: visible;
    height: 100%;
    opacity: 1;
  }
}
.modal,
.popup {
  max-height: calc(100vh - 25px);
  max-width: calc(100vw - 25px);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--bg-color);
  color: var(--fg-color);
  padding: 0 2.2em 1.4em;
  margin: 0 auto;
  text-transform: none;
  /* font-size: 1.2rem; */
  line-height: 1.4;
  min-width: 60vw;
  display: flex;
  flex-flow: column nowrap;
  overflow: auto;
  z-index: 90000;
}
.modal-close {
  color: currentColor;
  font-size: 1.4em;
  position: fixed;
  top: 0;
  z-index: 200;
  right: 1rem;
  inset-inline-start: 1rem;
  border: 0;
  background:  transparent;
}
.modal-close:after {
  content: "×";
  font-size: 2rem;
  color: var(--black);
  cursor: pointer;
}
.poster .slick-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  height: calc(100vh);
  width:  100%;
  position: relative;
}
.poster .slideshow a {
  cursor: col-resize;
}
.poster .slick-slide .img-desc {
  position: absolute;
  padding:  0.2rem 1rem;
  bottom: 2rem;
  font-size: 1.2rem;
  transform: translateX(calc(48vw + 1rem + 1px));
  background:  var(--grey-light);
}
area,
area:-webkit-any-link {
  cursor: pointer;
}
.gtr-carousel {
  width:  100%;
  height: calc(80dvh);
  /* display: flex; */
  flex-flow: row nowrap;
  align-items: baseline;
  justify-content: space-around;
  background: var(--black);
}
.gtr-carousel .slick-list { 
/*   padding:0 0 0 10% !important; */
  padding: 0;
}
.gtr-carousel .item {
  background-color:  var(--black);
  opacity: 0.7;
}
.gtr-carousel .item picture {
    height: 100%;
    display: block;
  }
@media (min-width: 800px) and (min-aspect-ratio: 3/2) {
  .gtr-carousel .slick-slide {
    max-width: calc(calc(100vw / 2) - calc(100% / 16));
  }
}
@media (min-width: 1340px) and (min-aspect-ratio: 3/2) {
  .gtr-carousel .slick-slide {
    max-width: calc(calc(100vw / 3) );
  }
}
@media (min-aspect-ratio: 1572/865) and (min-width: 1200px) {
  .gtr-carousel .slick-slide {
    max-width: calc(20vw);
  }
}
@media (max-width: 800px) and (orientation: portrait) {
  .gtr-carousel .slick-slide {
    max-width: calc((100vw));
  }
  .gtr-carousel .slick-slide img {
    margin: unset;
    width:  100%;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
@media (min-aspect-ratio: 2/3) {
.gtr-carousel .slick-slide {
    max-width: calc((100vw));
  }  
}
@media (max-width: 1200px) and (orientation: portrait) {
  .gtr-carousel .slick-slide {
    /* max-width: calc(calc(100vw / 2) - calc(100% / 32)); */
  }
}
@media (max-width: 800px) and (max-aspect-ratio: 3/2) {
  .gtr-carousel .slick-slide img {
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    min-width: 350px;
  }
}
.products.grid li img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.artists-list a:not(:first-child):before {
  content: "/";
  display: inline-block;
  display: table-cell;
  padding-inline: 0.4em;

}
.info-pop {
  background:  var(--white);
  border: 2px solid var(--black);
  padding: 0;
}
.info-pop .content {
  min-height:  80vh;
  min-width: 80vw;
  padding: 4rem 1.8rem 0.8rem;
  font-size: 1.2rem;
}
.info-pop .content > * {
  display:  block;
  margin:  0.8rem 0;
}
.info-pop p {
  margin: .8rem 0;
}
.info-pop ul li{
  display:  list-item;
  list-style: disc;
  margin-right: 1.6rem;
  margin-bottom: 0.3rem;
}
[hidden] {
  visibility: hidden;
  height: 0;
  display: none !important;
}
.u-flex {
  display: flex;
}
.t1-modal {
  border: 2px solid black;
  padding: 0;
}
.t1-modal .content{
  display: grid;
  grid-template-rows: 3fr 1fr;
  height: 95vh;
  width: 95vw;
}
.t1-modal .content > *  {
  overflow: hidden;
}
.t1-modal .content .rashut-gallery {
  height: 100%;
  width: 100%;
  padding: 2.4rem;
  /* display: flex; */
  flex-flow: row nowrap;
  align-items: center;
}
.t1-modal .content .rashut-gallery .slick-controls {
  /* position:  absolute; */
  /* top: 0; */
  /* width:  100%; */
  height: 0;
  display: flex;
}
.t1-modal .content .rashut-gallery .slick-controls li {
  width:  0;
}
.t1-modal .content .rashut-gallery ul,
.t1-modal .content .rashut-gallery li,
.t1-modal .content .rashut-gallery slick-slide,
.t1-modal .content .rashut-gallery slick-track,
.t1-modal .content .rashut-gallery div,
.t1-modal .content .rashut-gallery article,
.t1-modal .content .rashut-gallery iframe,
.t1-modal .content .rashut-gallery object,
.t1-modal .content .rashut-gallery img
 {
  max-height: 100%;
  height:  100%;
}
.t1-modal .content .rashut-gallery .caption {
  display:  block;
  text-align:  center;
  width:  100%;
}
.t1-modal .content .rashut-gallery .slick-track {
  display:  flex;
  align-items:  center;
}
.t1-modal .content .rashut-gallery .slick-next {
  right: -1.4rem;
}
.t1-modal .content .rashut-gallery .slick-prev {
  left: -1.4rem;
}
.t1-modal .content .rashut-gallery iframe {
  min-height: 150px;
  width: 100%;
}
.t1-modal .content .rashut-gallery .slick-slide{  
    /* margin: auto 1rem; */
}
.t1-modal .content .rashut-gallery .slick-center {  
  margin: auto 1rem;
}
.t1-modal .content .rashut-gallery .slick-list li{  
  width: 100%;
  height: 100%;
  display: flex !important;
  flex-flow: column nowrap;
}
.t1-modal .content .rashut-gallery img {
  -o-object-fit: contain;
     object-fit: contain;
}
.t1-modal .content .details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-family: 'LieblingProMedium';
}
.t1-modal .content .details > * {
  border-top: 2px solid black;
  overflow-y: auto;
}
.t1-modal .rashut-deets {
  display: grid;
  grid-template-columns: minmax(6rem,1fr) 3fr;
  grid-template-rows: 1fr;
  border-left: 2px solid var(--black);
  /* text-align: center; */
}
.t1-modal .rashut-deets > *:first-child{
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  grid-template-rows: minmax(2rem,4fr) 1fr;
}
#container section *[class^=latest] {
  -webkit-padding-after: 1em;
          padding-block-end: 1em;
}
.rashut-name{
  font-size: 3rem;
  padding: 0.3em;
  text-align: center;
  line-height: 1;
  flex-grow: 4;
}
.rashut-date {
  font-size: 1.8rem;
  line-height: 1.3;
  text-align: center;
  padding: 0 .5rem;
}
.g-row {
  display: flex;
  font-size: 2rem;
  position: sticky;
  top: 0;
}
.g-row > *:first-child {
  padding: 0 1.2rem 0 2rem;
  background: var(--grey-light);
}
.artist-name {
  font-family: 'LieblingProMedium';
  flex-grow: 3;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.artist-name__content {
  padding: 0 1rem;
  font-size: 2rem;
}
.rashut-p, .artist-p {
  padding: 1em;
  font-size: 0.9rem;
  display: block;
  align-items: flex-start;
  overflow-y: auto;
}
.artist-p {
  height:  80%;
}
.g-row > *{
  /* display: inline-block; */
}
.artist-link,
.artist-link-website {
  align-items: center;
  display:  flex;
  padding: 0 0 0 1rem;
}
.link-insta {
  background: url("../images/icon-insta.svg");
  height: 2rem;
  width: 2rem;
  display: inline-block;
}
.link-website {
  background: url("../images/icon-website.svg");
  height: 2rem;
  width: 2rem;
  display: inline-block;
}
@media (max-width: 800px) {

  .t1-modal {
    max-height:  100%;
    max-width:  100%;
    position: fixed;
    top: 0;
    left: 0;
    right:  0;
    transform:  unset;
    overflow:  hidden;
    border:  unset;
  }
  .t1-modal .modal-title {
    font-size: 1em;
  }
  .t1-modal .content {
    height:  100vh;
    width:  94vw;
    margin:  0.6rem;
    border:  2px solid;
    grid-template-rows: 1fr 2fr;
  }
  .t1-modal .content .details {
    grid-template-columns:  1fr;
    grid-template-rows:  1fr 1fr;
  }
  .artist-name {
    text-align: center;
  }
  .artist-link {
    display:  none;
  }
  .t1-modal .content .artist-p,
  .t1-modal .content .rashut-p {
   overflow-y: auto;
   height: 100%;
   max-height: 30vh;
  }
  .t1-modal .rashut-deets {
    display:  flex;
    flex-flow: column nowrap;
    border-left: unset;
  }
  .t1-modal .rashut-deets * {
    border: unset;
  }
  .t1-modal .rashut-deets .bl {
    border-left: unset;
  }
  .t1-modal .rashut-deets .rashut-name {
    display:  flex;
    flex-flow: row-reverse nowrap;
    border-left: unset;
    border-right: 2px solid var(--black);
    font-size:  2rem;
    justify-content: flex-start;
  }
  .t1-modal .rashut-deets .rashut-title {
    font-size: 4rem;
  }
  .t1-modal .rashut-deets > *:first-child {
    display: flex;
    flex-flow: row-reverse nowrap;
    border-bottom: 2px solid;
    align-items: center;
  }
  .t1-modal .content .rashut-gallery .slick-prev {
    left: 0;
    padding-right: 2rem;
  }
.t1-modal .content .rashut-gallery .slick-next {
    right:  0;
    padding-left: 2rem;
  }
  .t1-modal .content .rashut-gallery {
    padding: 0;
  }
}
.full-panel {
  max-height: calc(100vh - 4.6rem);
  height: 100%;
  width: 100%;
  border-left: 2px solid var(--black);
  cursor: pointer;
}
.full-panel > *,
.full-panel article :is(a, picture) {
  height: 80vh;
}
.full-panel img,
.full-panel .soon {
  -o-object-fit: cover;
     object-fit: cover;
/*   object-fit: contain; */
  -o-object-position: bottom;
     object-position: bottom;
  max-height: calc(100vh - 4.4rem);
  height: 100vh;
  /* width: 100%; */
  /* min-width: 300px; */
}
.full-panel:hover {
  opacity:  0.75;
}
.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.qq_post_thumbs.column-qq_post_thumbs img {
    height: 100px;
    width: auto;
}
@media (min-width: 768px) {
  .menu-mobile.expanded .md\:hidden {
    display: unset;
  }
}
.first\:ms-0:first-child {
-webkit-margin-start: 0px;
        margin-inline-start: 0px;
}
.hover\:border-b:hover {
border-bottom-width: 1px;
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(250 250 250 / var(--tw-text-opacity));
}
.hover\:grayscale-\[10\%\]:hover {
--tw-grayscale: grayscale(10%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
@media (min-width: 768px) {
.md\:static {
position: static;
}
.md\:col-span-full {
grid-column: 1 / -1;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:grid {
display: grid;
}
.md\:inline-grid {
display: inline-grid;
}
.md\:hidden {
display: none;
}
.md\:h-\[80dvh\] {
height: 80dvh;
}
.md\:min-w-\[24ch\] {
min-width: 24ch;
}
.md\:flex-col {
flex-direction: column;
}
.md\:text-left {
text-align: left;
}
}
@media (min-width: 1024px) {
.lg\:w-1\/4 {
width: 25%;
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1280px) {
.xl\:w-1\/6 {
width: 16.666667%;
}
}
/*# sourceMappingURL=theme.css.map */