/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/screen.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.WP_DEBUG {
  display: none;
}

:root {
  --guut-green: #8EC63F;
  --guut-green-2: ##8DC540;
  --guut-orange: #FFA001;
  --guut-orange-2: #FC6D1F;
}

html, body {
  height: 100%;
  width: 100%;
}

body {
  min-height: 100vh;
}

footer {
  /*    max-width: none !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
  */
  background-color: black;
}

.wp-element-button {
  transition: all 0.3s;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  border: 0px solid var(--guut-green);
  box-sizing: border-box;
  padding: 0px;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-element-button {
  padding: 2px;
  margin-left: 0px;
}

/* Main Screen Grid ***************************************************************** */
#main-container {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 5rem;
}
@media (min-width: 992px) {
  #main-container {
    padding-left: 24rem;
  }
}

aside {
  z-index: 3;
  width: 100%;
  position: fixed;
  top: 2rem;
  left: 0;
  width: 100%;
}
@media (min-width: 992px) {
  aside {
    max-width: 275px;
    top: 5rem;
    left: 0;
    max-width: 275px;
  }
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  margin-top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  transition: all 0.35s;
}
header.hide {
  opacity: 0;
  left: -100%;
}

.wp-block-site-logo .custom-logo {
  width: 250px;
}
.wp-block-site-logo .custom-logo #supablack path,
.wp-block-site-logo .custom-logo #dotblack path {
  transition: all 0.35s;
}

.wp-block-site-logo .custom-logo:hover #supablack path,
.wp-block-site-logo .custom-logo:hover #dotblack path {
  fill: rgb(255, 255, 255) !important;
}

.woocommerce span.onsale {
  background-color: transparent !important;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIzNiAyMzYiPjxnIGlkPSJTYWxlcyI+PHBhdGggaWQ9IlN0YXItRnJhbWVsIiBkPSJtMTE4LDIzNmwtMjMuMi0zMS42LTM1LjgsMTUuOC00LjMtMzguOS0zOC45LTQuMywxNS44LTM1LjhMMCwxMThsMzEuNi0yMy4yLTE1LjgtMzUuOCwzOC45LTQuMyw0LjMtMzguOSwzNS44LDE1LjhMMTE4LDBsMjMuMiwzMS42LDM1LjgtMTUuOCw0LjMsMzguOSwzOC45LDQuMy0xNS43LDM1LjgsMzEuNSwyMy4yLTMxLjYsMjMuMiwxNS44LDM1LjgtMzguOSw0LjMtNC4zLDM4LjktMzUuOC0xNS43LTIzLjIsMzEuNVptLTIxLjUtMzhsMjEuNSwyOS4zLDIxLjUtMjkuMiwzMy4yLDE0LjYsMy45LTM2LjEsMzYuMS0zLjktMTQuNy0zMy4yLDI5LjMtMjEuNS0yOS4zLTIxLjUsMTQuNi0zMy4yLTM2LjEtMy45LTMuOS0zNi4xLTMzLjEsMTQuNy0yMS41LTI5LjMtMjEuNSwyOS4zLTMzLjEtMTQuNi0zLjksMzYuMS0zNi4xLDMuOSwxNC42LDMzLjEtMjkuMywyMS41LDI5LjMsMjEuNS0xNC42LDMzLjIsMzYuMSwzLjksMy45LDM2LjEsMzMuMS0xNC43WiIgc3R5bGU9InN0cm9rZS13aWR0aDowcHg7Ii8+PHBvbHlnb24gaWQ9IlN0YXItSW5uZXIiIHBvaW50cz0iOTYuNSAxOTggMTE4IDIyNy4zIDEzOS41IDE5OC4xIDE3Mi43IDIxMi43IDE3Ni42IDE3Ni42IDIxMi43IDE3Mi43IDE5OCAxMzkuNSAyMjcuMyAxMTggMTk4IDk2LjUgMjEyLjYgNjMuMyAxNzYuNSA1OS40IDE3Mi42IDIzLjMgMTM5LjUgMzggMTE4IDguNyA5Ni41IDM4IDYzLjQgMjMuNCA1OS41IDU5LjUgMjMuNCA2My40IDM4IDk2LjUgOC43IDExOCAzOCAxMzkuNSAyMy40IDE3Mi43IDU5LjUgMTc2LjYgNjMuNCAyMTIuNyA5Ni41IDE5OCIgc3R5bGU9ImZpbGw6I2ZmYTAwMTsgc3Ryb2tlLXdpZHRoOjBweDsiLz48L2c+PGcgaWQ9IlRleHQiPjxnIGlkPSJTdXBhRGVhbCI+PHBhdGggZD0ibTU5LjMsMTA3LjU3YzIuNTksMS4xNyw2LjA1LDEuODEsOS41OSwxLjA4LDIuNzQtLjU2LDUuMTYtMi41Miw0LjUyLTUuNjQtLjQ1LTIuMTgtMi4yOC0zLjI4LTYuMDItNC4zOC00LjI4LTEuMjQtOC45Ny0zLjU2LTEwLjE2LTkuMzMtMS43Mi04LjM2LDMuNjktMTQuNDksMTEuMi0xNi4wNCw0LjU3LS45NCw3LjQ2LS4zLDkuMzQuMzlsLS45Miw3LjkzYy0xLjI3LS41MS00LjM2LTEuMjctNy41LS41My0zLjU4Ljc0LTQuOSwzLjA3LTQuNTEsNC45OC41MSwyLjQ4LDMuMzMsMy40LDYuNTQsNC40Miw1LjAxLDEuNSw4LjY0LDQuMDcsOS43NCw5LjQyLDEuODgsOS4xNi0zLjg3LDE1LjA1LTExLjY3LDE2LjY2LTUuMDcsMS4wNC05LjE3LjEyLTExLjM1LTEuMTVsMS4xOC03LjhaIiBzdHlsZT0ic3Ryb2tlLXdpZHRoOjBweDsiLz48cGF0aCBkPSJtMTA4LjgzLDc3LjJsLjk4LDIwLjM2Yy4xNiwzLjkyLjQyLDcuMTcuNjMsOS44bC02LjY0LDEuMzctLjUtNS4xNS0uMS4wMmMtMS44OSw0LjU5LTQuNzIsNi45Ny03Ljg1LDcuNjEtNC4xLjg0LTcuMzEtMS4xNy04LjU2LTcuMjYtLjMxLTEuNTItLjUxLTMuMjUtLjYxLTUuMjZsLS43Ny0xNi42Nyw3LjQ1LTEuNTMuNzUsMTUuODNjLjA2LDEuMjMuMjEsMi42OC40MSwzLjY1LjQyLDIuMDMsMS40NiwzLjU4LDMuNTIsMy4xNiwyLjctLjU2LDQuNzItNC45OCw0LjQyLTExLjU3bC0uNTktMTIuODMsNy40NS0xLjUzWiIgc3R5bGU9InN0cm9rZS13aWR0aDowcHg7Ii8+PHBhdGggZD0ibTExNy4yMywxMTguNDFsLTEuNDMtMzAuMjljLS4xOC0zLjU5LS42NC05LjA4LS45OS0xMi4xNWw2Ljc3LTEuMzkuNDIsNC4zNi4xLS4wMmMxLjQ3LTMuNzEsNC4xNy02LjA1LDcuMzMtNi43LDUuNTUtMS4xNCw5Ljc3LDMuNDgsMTEuMTEsOS45NywyLjExLDEwLjI5LTIuMTQsMjAuMTYtMTEuMDQsMjEuOTktMi4yNC40Ni00LjI2LjE1LTUuMy0uMzZsLS4xLjAyLjU4LDEzLjA0LTcuNDUsMS41M1ptNi42MS0yMS45YzEuMDkuODMsMi40NiwxLjE4LDQuMDkuODQsMy44My0uNzksNi4xLTYuODksNC44My0xMy4wOS0uNS0yLjQ0LTIuMDktNC44MS00LjYyLTQuMjgtMy4wNC42Mi01LjAxLDQuOTctNC42NSwxMS42M2wuMzYsNC45WiIgc3R5bGU9InN0cm9rZS13aWR0aDowcHg7Ii8+PHBhdGggZD0ibTE2My44MSw5Ni4zN2MtLjMtMS43Ni0uNTktMy45NC0uOS02LjE2bC0uMS4wMmMtMS4yNiw1LjY2LTQuMyw3Ljk3LTcuNDIsOC42MS00LjYxLjk1LTguOS0yLjU3LTEwLjIzLTktMi4wOS0xMC4xOCwxLjkxLTIxLjI3LDE0LjM1LTIzLjgyLDMuMDQtLjYzLDYuNTItLjU3LDguODktLjIxbC41NywxNS40N2MuMiw0LjAxLjkxLDkuODgsMS44LDEzLjY1bC02Ljk2LDEuNDNabS0yLjY4LTIzLjI0Yy0uNi0uMDQtMS4zOCwwLTIuMjMuMTgtNC44Ljk5LTcuMzUsNy41OC02LjE2LDEzLjM5LjYxLDIuOTgsMi4yMiw0Ljc1LDQuMzIsNC4zMiwyLjI5LS40Nyw0LjctMy44OSw0LjI5LTExLjlsLS4yMi01Ljk5WiIgc3R5bGU9InN0cm9rZS13aWR0aDowcHg7Ii8+PHBhdGggZD0ibTc0Ljk0LDEzNy42NWMzLjEyLTEuMzUsNi40OS0yLjMsOS45OS0zLjAyLDUuNjMtMS4xNiwxMC41NS0uNzksMTQuNDIsMS42NSwzLjU0LDIuMDQsNi40NCw1LjY5LDcuNzksMTIuMjUsMS40NCw2Ljk5LjMzLDEzLjU3LTMuMTksMTguNjQtMy40Niw0Ljk1LTguNiw3LjkyLTE2LjgsOS42LTQuNjkuOTYtOC41OSwxLjMxLTEwLjM3LDEuMzNsLTEuODUtNDAuNDVabTkuMTQsMzIuMDJjMS4wMS0uMDMsMi4yLS4yMywzLjY3LS41Myw0LjQ4LS45Miw3Ljk3LTMuMjMsOS44Mi02LjU4LDEuOTEtMy4zOCwyLjM0LTcuNTUsMS40My0xMS45Ny0xLjQ4LTcuMjEtNS44Mi0xMC4xNy0xMi42My04Ljc3LTEuNDQuMy0yLjY3LjY3LTMuNTIsMS4wNWwxLjIzLDI2LjhaIiBzdHlsZT0ic3Ryb2tlLXdpZHRoOjBweDsiLz48cGF0aCBkPSJtMTM1LjQ3LDE2NC42M2MtMi42NSwyLjU1LTYuNTUsMy45OS05LjIzLDQuNTQtNy4yNSwxLjQ5LTEyLjIxLTIuNDItMTMuODgtMTAuNTItMS44NS05LjAxLDIuMTctMTkuMDUsMTEuMjctMjAuOTMsNS4wOC0xLjA0LDkuNzYsMS4yNSwxMC45OCw3LjE2LDEuNDksNy4yMy00LjIzLDExLjE1LTE0Ljk5LDEzLjAxLjIxLjgzLjc4LDIuMDMsMS40MywyLjcxLDEuMzgsMS4zNCwzLjMxLDEuNjksNS41NCwxLjIzLDIuOC0uNTgsNS4yMS0xLjg1LDcuMDMtMy41bDEuODYsNi4yOVptLTExLjQzLTIwLjMyYy0zLjc5Ljc4LTUuMDgsNC42NS01LjAzLDYuOTIsNi4zMS0xLjI2LDguOTctMi41Niw4LjQ1LTUuMTEtLjI4LTEuMzgtMS42NS0yLjE3LTMuNDEtMS44MVoiIHN0eWxlPSJzdHJva2Utd2lkdGg6MHB4OyIvPjxwYXRoIGQ9Im0xNTguMDgsMTYxLjg3Yy0uMy0xLjc2LS41OS0zLjk0LS45LTYuMTZsLS4xLjAyYy0xLjI2LDUuNjYtNC4zLDcuOTctNy40Miw4LjYyLTQuNjIuOTUtOC45MS0yLjU3LTEwLjIzLTkuMDEtMi4wOS0xMC4xOCwxLjkxLTIxLjI2LDE0LjM1LTIzLjgyLDMuMDQtLjYzLDYuNTItLjU4LDguODktLjIxbC41NywxNS40N2MuMiw0LjAxLjkxLDkuODgsMS44LDEzLjY1bC02Ljk2LDEuNDNabS0yLjY4LTIzLjI0Yy0uNi0uMDQtMS4zOCwwLTIuMjMuMTgtNC44Ljk5LTcuMzUsNy41OC02LjE1LDEzLjM5LjYxLDIuOTgsMi4yMSw0Ljc1LDQuMzIsNC4zMiwyLjI5LS40Nyw0LjctMy44OSw0LjI5LTExLjlsLS4yMi01Ljk5WiIgc3R5bGU9InN0cm9rZS13aWR0aDowcHg7Ii8+PHBhdGggZD0ibTE3MC41NSwxNTkuMzFsLTItNDQuMTgsNy40NS0xLjUzLDIsNDQuMTgtNy40NSwxLjUzWiIgc3R5bGU9InN0cm9rZS13aWR0aDowcHg7Ii8+PC9nPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  min-height: 6em;
  min-width: 6em;
  left: -2em;
  top: -1.75em;
}

/* Word Animation Magic ***************************************************************** */
.animation-box {
  height: 100%;
  width: 100%;
  text-align: center;
}

#sentence {
  animation: hide_sentence 0.75s 4.5s forwards;
}

.sentence {
  display: flex;
  flex-wrap: wrap;
  transition: all 0.35s;
  animation: hide_sentence 0.75s 4.5s forwards;
  top: 50%;
  left: 50%;
  transform: rotate(-30deg) translate(-50%, -50%);
  transform-origin: center left;
  position: absolute;
}

.word {
  transition: all 0.35s;
  display: flex;
}

.word .letter:last-child {
  margin-right: clamp(2.5rem, -0.2778rem + 8.8889vw, 7.5rem);
}

.word:last-child .letter:last-child {
  margin-right: 0;
}

.letter {
  font-size: clamp(5rem, -0.5556rem + 17.7778vw, 15rem);
  transition: all 0.35s;
  display: block;
  opacity: 0;
  color: black;
}

/**/
#word-1 .letter {
  animation: show_letter 0.75s 0s forwards, hide_letter 0.5s 1.5s forwards;
}

#word-2 .letter {
  animation: show_letter 0.75s 0.25s forwards, hide_letter 0.5s 1.5s forwards;
}

#word-3 .letter {
  animation: show_letter 1s 2.25s forwards;
}

@keyframes show_letter {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0.6;
    fill: #ff6600;
    stroke: #ff6600;
  }
  100% {
    opacity: 1;
    fill: #ff6600;
    stroke: #ff6600;
  }
}
@keyframes hide_letter {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.8;
    fill: black;
    stroke: black;
  }
}
@keyframes hide_sentence {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
/* WooCommerce ..................................................................... */
.woocommerce div.product .wp-block-woocommerce-product-price {
  color: white;
}
.woocommerce div.product .wp-block-woocommerce-product-price del bdi {
  font-weight: normal !important;
  color: var(--guut-green);
}
.woocommerce div.product .wp-block-woocommerce-product-price .woocommerce-price-suffix {
  color: var(--guut-green);
}
.woocommerce div.product div.images .flex-control-thumbs li {
  width: calc(25% - 3.75px);
  margin-top: 5px;
  margin-left: 5px;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
  margin-left: 0;
}
.woocommerce div.product form.cart button.single_add_to_cart_button {
  font-size: 1.5rem;
  border: 0px solid black;
  border-radius: 1rem;
  font-weight: 600;
}
.woocommerce .woocommerce-breadcrumb {
  color: white;
}
.woocommerce .woocommerce-breadcrumb a {
  color: var(--guut-green);
}

.add_to_cart_button {
  font-size: 1.5rem;
  border: 0px solid black;
  border-radius: 1rem;
  color: black !important;
}

/*# sourceMappingURL=screen.css.map*/