@charset "UTF-8";
/*
Theme Name:   KRAKEN child
Description:  Child theme for OCTO.
Author:       Olaf Lautrup Nørgaard
Author URI:   http://pajor.dk
Template:     kraken
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");
@import url("https://use.typekit.net/njh5yuh.css");
.fadeInContainer > * {
  opacity: 0;
  transition: all 1500ms;
}
.fadeInContainer > .show {
  opacity: 1;
}
.fadeInContainer .fadeIn {
  opacity: 0;
  transition: all 1500ms;
}
.fadeInContainer .fadeIn.show {
  opacity: 1;
}

.scaleIn {
  transition: scale 300ms;
  scale: 0;
}

.scaleIn.show {
  scale: 1;
}

.fadeIn {
  opacity: 0;
  transition: all 1500ms;
}

.fadeIn.show {
  opacity: 1;
}

.d300 {
  transition-delay: 300ms !important;
}

.d600 {
  transition-delay: 600ms !important;
}

.d900 {
  transition-delay: 900ms !important;
}

.d1200 {
  transition-delay: 1200ms !important;
}

.d1500 {
  transition-delay: 1500ms !important;
}

.d1800 {
  transition-delay: 1800ms !important;
}

.d2100 {
  transition-delay: 2100ms !important;
}

.d2400 {
  transition-delay: 2400ms !important;
}

.d2700 {
  transition-delay: 2700ms !important;
}

.d3000 {
  transition-delay: 3000ms !important;
}

html {
  background: #FAE182;
}

body {
  overflow-x: hidden;
  background: #FAE182;
  background: linear-gradient(0deg, rgb(250, 225, 130) 25%, rgb(225, 237, 226) 35%, rgb(225, 237, 226) 53%, rgb(250, 225, 130) 63%);
  height: auto;
  font-family: "Space Grotesk", sans-serif;
}
body .columnSpace {
  gap: 3em !important;
}
body .animatedLogo {
  width: 220px;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
body h1, body h2, body h4, body h5 {
  font-family: "miller-display", serif;
  margin: 0;
}
body h2 {
  font-size: 70px;
  line-height: 1;
}
body h3 {
  font-size: 40px;
  margin: 0;
  font-weight: 300;
}
body p {
  font-size: 16px;
}
body p.has-small-font-size {
  font-size: 14px !important;
}
body .wp-block-button .wp-block-button__link {
  font-size: 14px;
  padding: 15px 50px;
  font-weight: 700;
  border-width: 1px;
}
body .wp-block-button:hover .wp-block-button__link {
  background: #0c4431;
  color: white !important;
  border-color: #0c4431 !important;
}
body .hideDesktop {
  display: none !important;
}

html, body {
  min-height: 100%;
  overflow-x: hidden;
}

header {
  height: 150px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10;
  backdrop-filter: blur(4px);
  mask-image: linear-gradient(black, black, transparent);
  pointer-events: none;
}

.mobile {
  display: none;
}

@media only screen and (max-width: 781px) {
  body .animatedLogo {
    width: 320px;
  }
  body .wp-block-button .wp-block-button__link {
    background: #0c4431;
    color: white !important;
    border-color: #0c4431 !important;
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: initial;
  }
  body h2 {
    font-size: 45px;
  }
  body h3 {
    font-size: 30px;
  }
  body .hideMobile {
    display: none !important;
  }
  body .hideDesktop {
    display: block !important;
    margin-right: auto;
    margin-left: auto;
    max-width: 215px;
  }
}
.krakenFooter {
  padding: 50px 20px;
  border-top: solid #0C4431 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.krakenFooter p {
  margin: 0;
  color: #0C4431;
}
.krakenFooter .logo img {
  width: 106px;
}
.krakenFooter .partner img {
  width: 294px;
}

@media only screen and (max-width: 600px) {
  .krakenFooter {
    flex-direction: column;
    gap: 30px;
  }
  .krakenFooter p {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
  }
  .krakenFooter .partner img {
    width: 200px;
  }
}

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