@import url(https://use.typekit.net/sfm3rcf.css);
/**
 * Base setup for variables and breakpoints
 * These should be loaded before anything else
 */
/**
 * Mixins and functions for breakpoints. Any screen break point is a mobile first so {direction} by default is "top"
 * ex: @include breakpoint({screen} {direction}){}
 * ex: @include breakpoint(small){}
 * ex: @include breakpoint(small top){}
 * ex: @include breakpoint(medium down){}
 */
.content-width {
  max-width: 860px;
  margin: 0 auto;
}

.content-width--medium {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .content-width--medium {
    padding: 0px;
  }
}

.content-width--large {
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .content-width--large {
    padding: 0 1.5rem;
    max-width: 1200px;
  }
}

.content-width--slim {
  padding: 0 1.5rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .content-width--slim {
    padding: 0 0px;
    max-width: 680px;
  }
}

.content-width--inner {
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
  .content-width--inner {
    max-width: 560px;
  }
}

@media (max-width: 1024px) {
  .content-width,
  .content-width--inner,
  .content-width--medium,
  .content-width--large,
  .content-width--slim {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.univia, body {
  font-family: univia-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.univia-bold {
  font-family: univia-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.space-mono, body.site-hendels {
  font-family: space-mono, mono;
  font-weight: 400;
  font-style: normal;
}

.space-mono-bold {
  font-family: space-mono, mono;
  font-weight: 700;
  font-style: normal;
}

.degular, body.site-goWildMolde {
  font-family: degular, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.degular-bold {
  font-family: degular, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.sectionTitle {
  font-size: 2rem;
  line-height: 2.3rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .sectionTitle {
    font-size: 2.8rem;
    line-height: 3rem;
    margin: 0px 0px 1rem 0px;
  }
}

.color-white {
  color: white;
}

.inline-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 0.5rem;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.align-center {
  align-items: center;
}

.text-center {
  text-align: center;
}

.justify-content-center {
  justify-content: center;
}

.strong,
.bold {
  font-weight: bold;
}

.btn-radius {
  border-radius: 0.25rem;
}

.btn {
  display: inline-block;
  padding: 0.5rem 0.6rem;
  text-decoration: none;
  font-size: 1rem;
  text-align: center;
}
.btn--cta {
  font-weight: bold;
}
.btn--cta div {
  font-weight: inherit;
}
.btn.btn--white {
  background: white;
  color: black;
}
.btn.btn--white:hover, .btn.btn--white:focus {
  background: rgb(229.5, 229.5, 229.5);
}
.btn__inner {
  display: flex;
  align-items: center;
}
.btn.btn--black-outline {
  border: 3px solid black;
}
.btn.btn--contrast-outline {
  background: transparent;
}
.btn--radius {
  border-radius: 40px;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 64em) {
  .btn--radius {
    padding: 1.5rem 3rem;
  }
}
.btn--radius-small, .concertList__cta {
  border-radius: 40px;
  padding: 0.4rem 2rem;
}
.btn--primary, .btn--secondary, .btn--highlighted, .btn--dark {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding: 0.75rem 1rem;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  text-decoration: none;
  color: #2E333D;
  text-align: center;
  font-size: 1rem;
  width: 100%;
}
.btn--primary:hover, .btn--secondary:hover, .btn--highlighted:hover, .btn--dark:hover {
  cursor: pointer;
}
.btn--primary:disabled, .btn--secondary:disabled, .btn--highlighted:disabled, .btn--dark:disabled {
  opacity: 0.6;
}
.btn--primary {
  color: black;
  border: 1px solid #167E70 !important;
  background-color: white;
  transition: all 0.2s ease;
  margin: 0 auto;
}
.btn--primary:hover, .btn--primary:focus {
  background-color: #167E70;
  box-shadow: 0px 3px 15px #167E70;
  color: white;
}
.btn--primary:hover *, .btn--primary:focus * {
  color: white;
}
.btn--primary:hover svg, .btn--primary:hover path, .btn--primary:focus svg, .btn--primary:focus path {
  fill: white;
}
.btn--highlighted {
  background-color: #E54C4C;
  border: 1px solid #E54C4C !important;
  color: white;
  transition: all 0.2s ease;
  margin: 0 auto;
}
.btn--highlighted:hover, .btn--highlighted:focus {
  background-color: rgb(221.7853658537, 32.2146341463, 32.2146341463);
}
.btn--highlighted:hover *, .btn--highlighted:focus * {
  color: white;
}
.btn--highlighted:hover svg, .btn--highlighted:hover path, .btn--highlighted:focus svg, .btn--highlighted:focus path {
  fill: white;
}
.btn--dark {
  background-color: #2E333D;
  border: 1px solid #2E333D;
  transition: all 0.2s ease;
  color: white;
  margin: 0 auto;
}
.btn--dark:hover, .btn--dark:focus {
  background-color: rgb(35.0373831776, 38.8457943925, 46.4626168224);
  box-shadow: 0px 3px 15px #2E333D;
  color: white;
}
.btn--dark svg, .btn--dark path, .btn--dark line {
  stroke: white;
}

.link-default-blue-hover {
  color: black;
}
.link-default-blue-hover:hover, .link-default-blue-hover:focus {
  color: var(--contrast-color);
}

.roundedLink, .paragraph a,
.rounded-link {
  padding: 0.25rem 0.25rem;
  border-radius: 0.25rem;
}

.ml-0 {
  margin-left: 0rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.ml-5 {
  margin-left: 1.25rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.mb-5 {
  margin-bottom: 1.25rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mr-5 {
  margin-right: 1.25rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mt-5 {
  margin-top: 1.25rem !important;
}

.my-0 {
  margin: 0rem 0px !important;
}

.my-1 {
  margin: 0.25rem 0px !important;
}

.my-2 {
  margin: 0.5rem 0px !important;
}

.my-3 {
  margin: 0.75rem 0px !important;
}

.my-4 {
  margin: 1rem 0px !important;
}

.my-5 {
  margin: 1.25rem 0px !important;
}

.mx-0 {
  margin: 0px 0rem 0px;
}

.mx-1 {
  margin: 0px 0.25rem 0px;
}

.mx-2 {
  margin: 0px 0.5rem 0px;
}

.mx-3 {
  margin: 0px 0.75rem 0px;
}

.mx-4 {
  margin: 0px 1rem 0px;
}

.mx-5 {
  margin: 0px 1.25rem 0px;
}

.m-0 {
  margin: 0 !important;
}

/**
 * Some general resets and global styles
 */
*, *:before, *:after {
  box-sizing: border-box;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
}

html {
  height: 100%;
  font-size: 100%;
}

body {
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  font-weight: normal;
  padding-top: 80px;
}
@media screen and (min-width: 64em) {
  body {
    padding: 0px;
  }
}

header {
  margin-bottom: auto;
}

main {
  flex-grow: 1;
}

footer {
  margin-top: auto;
}

figure {
  margin: 0;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

iframe {
  display: block;
}

button {
  cursor: pointer;
}

a {
  color: inherit;
}

.content-section {
  padding: 1rem 0rem;
}
.content-section:last-child {
  padding-bottom: 2rem;
}

.highlighted {
  position: relative;
  z-index: 50;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-primary {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}

.alert-success {
  color: black;
  background-color: #12c99b;
  border-color: #12c99b;
}

.alert-error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.body {
  background-color: var(--bg-color-main);
}
.body.dark-theme {
  color: white;
}
.body.dark-theme .swiper-c2a {
  color: white;
}
.body.light-theme {
  color: black;
}
.body.light-theme .swiper-c2a {
  color: black;
}

.header {
  background-color: var(--bg-color-header);
}
@media screen and (min-width: 64em) {
  .header {
    background-color: var(--bg-color-header-t);
  }
}
.header__hamburger-text {
  color: var(--contrast-color);
  font-weight: bold;
}
.header .hamburger-inner {
  background-color: var(--contrast-color) !important;
}
.header .hamburger-inner:after, .header .hamburger-inner:before {
  background-color: var(--contrast-color) !important;
}
.dark-theme .header__link {
  color: white;
}

.light-theme .header__link {
  color: black;
}

.dark-theme .header__link.is-featured:hover, .dark-theme .header__link.is-featured:focus,
.light-theme .header__link.is-featured:hover,
.light-theme .header__link.is-featured:focus {
  filter: brightness(90%);
}
.dark-theme .header__link--active,
.light-theme .header__link--active {
  color: var(--contrast-color);
}
.dark-theme .header__link--active span,
.light-theme .header__link--active span {
  color: inherit;
}

.header__link:hover, .header__link:focus {
  color: var(--contrast-text-color) !important;
  background-color: var(--contrast-color) !important;
}
.header__link span {
  color: inherit;
}

.section-forside .content-section:not(.quotation) {
  background: var(--bg-color-main);
}
.section-forside .content-section:not(.quotation):nth-child(odd) {
  background: var(--bg-color-secondary);
}

.bgContrastColor, .footer,
.bgColorContrast,
.dark-theme .header__link.is-featured,
.light-theme .header__link.is-featured {
  background-color: var(--contrast-color);
  color: var(--contrast-text-color);
}

.bgColorSecondary, .concertList .concertItem__inner,
.bgColorLight {
  background-color: var(--bg-color-secondary);
}

.bgColorMain,
.bgColorDark {
  background-color: var(--bg-color-main);
  color: white;
}

.textColorContrast {
  color: var(--contrast-color);
}

.defaultLink {
  color: var(--contrast-color);
}
.defaultLink--ib {
  display: inline-block;
}
.defaultLink--i {
  display: inline;
}
.defaultLink--b {
  display: inline;
}
.defaultLink:hover, .defaultLink:focus {
  background-color: var(--contrast-color);
  color: var(--contrast-text-color);
}

.inverseLink {
  color: var(--contrast-text-color);
}
.inverseLink svg {
  fill: var(--contrast-text-color);
}
.inverseLink svg path {
  fill: inherit;
}
.inverseLink:hover, .inverseLink:focus {
  color: var(--contrast-color);
  background-color: var(--contrast-text-color);
}
.inverseLink:hover svg, .inverseLink:focus svg {
  fill: var(--contrast-color);
}
.inverseLink:hover svg path, .inverseLink:focus svg path {
  fill: inherit;
}

.concertItem {
  background-color: var(--bg-color-secondary);
}
.concertItem:hover, .concertItem:focus {
  outline: 2px solid var(--contrast-color);
  filter: brightness(110%);
}

/*concerts*/
.concertList .concertItem .concertItem__location {
  color: var(--contrast-color);
}

.swiper-slide__menu-item:hover,
.swiper-slide__menu-item:focus {
  color: var(--contrast-color);
}

.no-fading .slideshowDesc {
  background: transparent;
}

.swiper-container .deco-top:before {
  border-bottom-color: var(--bg-color-main) !important;
}

.header__mainMenu--active {
  background-color: var(--bg-color-header);
}

/*btn contrasst
/*btn bg*/
.swiper-button-next,
.swiper-button-prev,
.btn--contrastColor {
  background-color: var(--contrast-color);
  color: var(--contrast-text-color);
}
.swiper-button-next:hover, .swiper-button-next:focus,
.swiper-button-prev:hover,
.swiper-button-prev:focus,
.btn--contrastColor:hover,
.btn--contrastColor:focus {
  filter: brightness(90%);
}

.swiper-button-next:hover,
.swiper-button-next:focus,
.swiper-button-prev:hover,
.swiper-button-prev:focus,
.btn--contrastColor:hover,
.btn--contrastColor:focus {
  background-color: var(--contrast-color);
}

.btn--contrast-outline {
  border: 3px solid var(--contrast-color);
}
.btn--contrast-outline svg path {
  fill: var(--contrast-color);
}
.btn--contrast-outline:hover, .btn--contrast-outline:focus {
  background: var(--contrast-color);
  color: var(--contrast-text-color);
}
.btn--contrast-outline:hover svg path, .btn--contrast-outline:focus svg path {
  fill: var(--contrast-text-color);
}

.swiper-c2a {
  font-weight: bold;
}
.swiper-c2a:hover span, .swiper-c2a:focus span {
  color: var(--contrast-color);
}
.swiper-c2a:hover svg, .swiper-c2a:focus svg {
  background-color: var(--contrast-text-color);
}
.swiper-c2a:hover svg path, .swiper-c2a:focus svg path {
  fill: var(--contrast-color);
}
.swiper-c2a svg {
  border-radius: 50%;
  display: inline-block;
  background-color: var(--contrast-color);
  padding: 1rem;
  fill: var(--contrast-text-color);
}
.swiper-c2a svg path {
  fill: inherit;
}

.swiper-slide__menu-bg svg {
  fill: var(--bg-color-main);
}
.swiper-slide__menu-bg svg path, .swiper-slide__menu-bg svg polygon {
  fill: inherit;
}

.bgColorLightBtn {
  background-color: var(--contrast-color);
  color: black;
}

.footer {
  background-color: var(--contrast-color);
}

.fui-form-container .fui-btn-container {
  justify-content: center;
}
.fui-form-container .fui-btn,
.fui-form-container .fui-submit {
  background-color: var(--contrast-color);
  border-radius: 0;
  color: var(--contrast-text-color);
  border: 0;
  padding: 1rem 2rem;
}
.fui-form-container .fui-btn:hover, .fui-form-container .fui-btn:focus,
.fui-form-container .fui-submit:hover,
.fui-form-container .fui-submit:focus {
  color: var(--contrast-text-color);
  background-color: var(--contrast-color);
  filter: brightness(90%);
}

/**
 * Lib
 */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: white;
}

.hamburger-box {
  width: 32px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 32px;
  height: 2px;
  background-color: white;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -9px;
}
.hamburger-inner::after {
  bottom: -9px;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  perspective: 64px;
}
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  perspective: 64px;
}
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  perspective: 64px;
}
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  perspective: 64px;
}
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
  perspective: 64px;
}
.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
  perspective: 64px;
}
.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
}

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-6.4px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-6.4px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(6.4px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(6.4px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-6.4px, -8px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-6.4px, 8px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(6.4px, -8px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(6.4px, 8px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -18px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
  top: -18px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 9px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 18px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -18px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
  top: 9px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top: 18px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -18px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
  top: 9px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -64px;
  top: -64px;
  transform: translate3d(64px, 64px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -64px;
  top: -64px;
  transform: translate3d(-64px, 64px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 9px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -64px;
  top: 64px;
  transform: translate3d(64px, -64px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -64px;
  top: 64px;
  transform: translate3d(-64px, -64px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 1px;
}
.hamburger--slider .hamburger-inner::before {
  top: 9px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 18px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-4.5714285714px, -7px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -18px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 1px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 9px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 18px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(4.5714285714px, -7px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -18px, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 1px;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 9px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 18px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 9px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 9px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
  top: -18px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/**
 * Components
 * ex: @import 'components/header';
 */
.header {
  position: fixed;
  height: 80px;
  z-index: 1000;
  top: 0px;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .header {
    z-index: 999;
  }
}
.header__content {
  display: flex;
  align-items: center;
  height: inherit;
  position: relative;
}
.header__content-col--logo {
  flex-basis: 60%;
}
@media screen and (min-width: 40em) {
  .header__content-col--logo {
    flex-basis: 20%;
  }
}
.header__content-col--menu {
  flex-basis: 40%;
}
@media screen and (min-width: 40em) {
  .header__content-col--menu {
    flex-basis: 80%;
  }
}
.header__logo {
  display: inline-block;
}
.header__logo-img {
  height: 50px;
  width: auto;
}
.header__link {
  font-size: 1.2rem;
  display: flex;
  font-weight: bold;
  text-decoration: none;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 2rem;
  height: 80px;
  text-align: right;
}
@media screen and (min-width: 64em) {
  .header__link {
    justify-content: flex-start;
  }
}
.header__nav {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
@media screen and (min-width: 64em) {
  .header__nav {
    justify-content: flex-end;
    flex-direction: row;
    height: 100%;
    align-items: center;
  }
}
.header__mainMenu {
  display: none;
}
@media screen and (min-width: 64em) {
  .header__mainMenu {
    display: block;
  }
}
.header__mainMenu--active {
  z-index: 100;
  position: fixed;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  left: 0;
  top: 80px;
  bottom: 0;
  right: 0;
}
.header__hamburger {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: white;
  z-index: 110;
  float: right;
}
@media screen and (min-width: 64em) {
  .header__hamburger {
    display: none;
  }
}
.header__hamburger.is-active .header__hamburger-text:before {
  content: "Lukk";
}
.header__hamburger-text:before {
  content: "Meny";
}
.header__hamburger-text {
  margin-right: 10px;
}

body.bgColorDark .article__hero {
  color: white;
}

.article {
  padding-top: 1rem;
  position: relative;
}
@media screen and (min-width: 64em) {
  .article {
    padding-top: 7rem;
  }
}
.article--sponsorer {
  padding-top: 0;
  min-height: 100vh;
}
.article__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.1;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
.article__hero {
  text-align: center;
  padding: 0rem 1.5rem;
}
@media screen and (min-width: 64em) {
  .article__hero {
    padding: 0rem 0rem 2rem 0rem;
  }
}
.article__subTitle {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.article__title {
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.3rem;
  margin: 0px 0px 0.5rem 0px;
}
@media screen and (min-width: 64em) {
  .article__title {
    font-size: 3rem;
    line-height: 3.3rem;
    margin: 0px 0px 1rem 0px;
  }
}
.article__intro {
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: bold;
}

.latest-news div {
  position: relative;
  z-index: 1;
}

.component-concert {
  position: relative;
  padding-top: 2rem;
  overflow: hidden;
}
@media screen and (min-width: 40em) {
  .component-concert {
    padding-top: 4rem;
  }
}

.concertList:not(.slideshow) {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.concertList__header {
  padding: 0px 0px 2rem 0rem;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 40em) {
  .concertList__header {
    flex-direction: row;
    align-items: center;
  }
}
.concertList__cta {
  text-decoration: none;
  font-weight: bold;
  margin-top: 1rem;
}
@media screen and (min-width: 40em) {
  .concertList__cta {
    margin-top: 0rem;
  }
}
.concertList__title {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: bold;
  margin: 0px 2rem 0rem 0px;
}
@media screen and (min-width: 40em) {
  .concertList__title {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
.concertList .concertItem {
  text-decoration: none;
  display: block;
  margin: 0px 0rem 2rem 0px;
}
.concertList .concertItem__inner {
  padding: 1rem 1rem;
}
.concertList .concertItem--min-height {
  min-height: 150px;
}
.concertList .concertItem__location {
  margin: 0px 0px 0rem 0px;
  font-weight: bold;
  font-size: 1rem;
}
.concertList .concertItem__title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin: 0px 0px 0.5rem 0rem;
  font-weight: bold;
}
.concertList .concertItem__time {
  margin: 0px 0px;
  font-weight: bold;
}
.concertList .concertItem__desc {
  font-size: 0.9rem;
  line-height: 1.2;
}
@media screen and (min-width: 40em) {
  .concertList.default, .concertList.description {
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 64em) {
  .concertList.default, .concertList.description {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.concertList.featured, .concertList.featuredReverse {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.concertList.featured .concertItem, .concertList.featuredReverse .concertItem {
  text-decoration: none;
  display: block;
  margin: 0px 0rem 2rem 0px;
}
@media screen and (min-width: 40em) {
  .concertList.featured .concertItem, .concertList.featuredReverse .concertItem {
    width: 48%;
    margin: 0px 4% 2% 0px;
  }
}
@media screen and (min-width: 64em) {
  .concertList.featured .concertItem, .concertList.featuredReverse .concertItem {
    width: 23.5%;
    margin: 0px 2% 2% 0px;
  }
}
.concertList.featured .concertItem:first-child, .concertList.featuredReverse .concertItem:first-child {
  margin-right: 0px;
}
@media (max-width: 1024px) {
  .concertList.featured .concertItem:first-child, .concertList.featuredReverse .concertItem:first-child {
    width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1024px) {
  .concertList.featured .concertItem:first-child, .concertList.featuredReverse .concertItem:first-child {
    margin-right: 2%;
  }
}
@media (max-width: 768px) {
  .concertList.featured .concertItem:nth-child(2n-1), .concertList.featuredReverse .concertItem:nth-child(2n-1) {
    margin-right: 0px;
  }
}
@media screen and (min-width: 64em) {
  .concertList.featured .concertItem:first-child, .concertList.featuredReverse .concertItem:first-child {
    width: 60%;
    flex-basis: 60%;
  }
  .concertList.featured .concertItem:nth-child(2), .concertList.featuredReverse .concertItem:nth-child(2) {
    width: 38%;
    flex-basis: 38%;
    margin-right: 0px;
  }
  .concertList.featured .concertItem:first-child, .concertList.featured .concertItem:nth-child(2), .concertList.featuredReverse .concertItem:first-child, .concertList.featuredReverse .concertItem:nth-child(2) {
    height: 370px;
    overflow: hidden;
  }
  .concertList.featured .concertItem:first-child figure, .concertList.featured .concertItem:nth-child(2) figure, .concertList.featuredReverse .concertItem:first-child figure, .concertList.featuredReverse .concertItem:nth-child(2) figure {
    position: relative;
    height: 100%;
  }
  .concertList.featured .concertItem:first-child img, .concertList.featured .concertItem:nth-child(2) img, .concertList.featuredReverse .concertItem:first-child img, .concertList.featuredReverse .concertItem:nth-child(2) img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .concertList.featured .concertItem:first-child .concertItem__inner, .concertList.featured .concertItem:nth-child(2) .concertItem__inner, .concertList.featuredReverse .concertItem:first-child .concertItem__inner, .concertList.featuredReverse .concertItem:nth-child(2) .concertItem__inner {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
  }
  .concertList.featured .concertItem:nth-child(6), .concertList.featuredReverse .concertItem:nth-child(6) {
    margin-right: 0px;
  }
}
@media screen and (min-width: 75em) {
  .concertList.featured .concertItem:first-child, .concertList.featured .concertItem:nth-child(2), .concertList.featuredReverse .concertItem:first-child, .concertList.featuredReverse .concertItem:nth-child(2) {
    height: 440px;
  }
}

body.bgColorDark .employees-section,
body.bgColorDark .employeeList {
  color: white;
}

.employeeList {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 40em) {
  .employeeList {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.employeeList .employee {
  margin-bottom: 4%;
}
.employeeList .employee__title {
  margin: 0px;
}
.employeeList .employee__position {
  display: block;
  min-height: 40px;
}
@media screen and (min-width: 40em) {
  .employeeList .employee {
    flex-basis: 48%;
    margin-right: 4%;
  }
  .employeeList .employee:nth-child(even) {
    margin-right: 0px;
  }
}
.employeeList .employee__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.employeeList .employee__link {
  padding: 0.25rem 0.5rem;
}

.footer {
  padding: 4rem 0px;
}
.footer svg {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.footer__row {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 64em) {
  .footer__row {
    flex-direction: row;
    justify-content: flex-start;
  }
  .footer__row:first-child {
    margin-bottom: 150px;
  }
}
.footer__row--about {
  font-size: 1.3rem;
}
.footer__col {
  flex-basis: 50%;
  margin-bottom: 2rem;
}
@media screen and (min-width: 64em) {
  .footer__col {
    margin-bottom: 0rem;
  }
}
.footer__link {
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
  flex-basis: 1;
}
@media screen and (min-width: 40em) {
  .footer__link {
    margin-bottom: 0px;
    margin-right: 4rem;
  }
}
.footer__link:last-child {
  margin-right: 0px;
}
.footer__link span {
  margin-left: 0.5rem;
}
.footer__col-title {
  margin: 0px 0px 0.5rem 0rem;
}
.footer p {
  margin: 0px;
}
.footer__col-list {
  padding: 0;
  margin: 0;
}
.footer__col-list li {
  display: block;
}
.footer .concertDate {
  display: inline-block;
  width: 140px;
}

.form-block__title {
  text-align: center;
}
.form-block .fui-form {
  padding: 2rem 2rem;
  background: white;
}

.infoBlocks {
  padding: 1rem;
}
@media screen and (min-width: 64em) {
  .infoBlocks {
    padding: 4rem 0rem;
  }
}
@media screen and (min-width: 64em) {
  .infoBlocks__item {
    display: flex;
    justify-content: space-between;
  }
}
.infoBlocks__item--no-image {
  justify-content: center;
}
.infoBlocks__item__col {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .infoBlocks__item__col {
    width: 48%;
  }
}
.infoBlocks__item-title {
  margin: 0rem 0rem 1rem 0rem;
  padding: 0px;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .infoBlocks__item-title {
    margin: 0px 0px 1rem 0px;
  }
}
.infoBlocks__item-teaser {
  font-size: 1.1rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.infoBlocks__item-links a {
  margin-right: 1rem;
}

.identity-head {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
@media screen and (min-width: 40em) {
  .identity-head {
    flex-direction: row;
  }
}
.identity-head__image {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1px solid white;
}
.identity-head__about {
  hyphens: auto;
}
.identity-head__col {
  width: auto;
}
.identity-head__col--image {
  min-width: 160px;
}

.identity-card {
  margin-bottom: 1rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  background: var(--bg-color-secondary);
  text-decoration: none;
  border-radius: 0.25rem;
}
@media screen and (min-width: 40em) {
  .identity-card {
    margin-bottom: 0rem;
  }
}
.identity-card:hover, .identity-card:focus {
  outline: 2px solid var(--contrast-color);
}
.identity-card__service {
  display: flex;
  flex-direction: column;
}
.identity-card__label {
  color: white;
}
.identity-card__user {
  color: var(--contrast-color);
  font-weight: bold;
}
.identity-card svg {
  width: 34px;
  display: inline-block;
  margin-right: 1rem;
}

.identity-list {
  margin-bottom: 2rem;
}
@media screen and (min-width: 40em) {
  .identity-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}
.identity-footer {
  margin-bottom: 2rem;
}

.identity-field--photo {
  min-width: 180px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 2rem auto;
}
.identity-field--photo input {
  margin-top: 0.5rem;
}

body.bgColorDark .image-block__caption {
  color: white;
}

.image-block__caption {
  margin-top: 0.4rem;
  font-style: italic;
}

body.bgColorDark .paragraph {
  color: white;
}

.paragraph {
  font-size: 1.1rem;
}
.paragraph__heading {
  font-weight: bold;
  margin: 0px 0px 0.5rem 0px;
  font-size: inherit;
}
.paragraph__body {
  font-size: inherit;
}
.paragraph__body p {
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 2rem;
}
.paragraph a {
  color: var(--contrast-color);
}
.paragraph a:hover, .paragraph a:focus {
  background-color: var(--contrast-color);
  color: var(--contrast-text-color);
}

body.bgColorDark .quotation {
  color: white;
}

.quotation {
  padding: 1.5rem 40px;
  font-size: 2rem;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 64em) {
  .quotation {
    padding: 3rem 0px;
  }
}
.quotation__quote {
  position: relative;
}
.quotation:not(.transparent) {
  margin-bottom: 0px;
}

@media screen and (min-width: 75em) {
  .swiper-wrapper {
    max-height: 840px;
  }
}
@media screen and (min-width: 120.0625em) {
  .swiper-wrapper {
    max-height: 1060px;
  }
}

.swiper-container.default-slideshow .swiper-slide {
  height: 520px;
}
@media screen and (min-width: 64em) {
  .swiper-container.default-slideshow .swiper-slide {
    height: 600px;
  }
}
@media screen and (min-width: 75em) {
  .swiper-container.default-slideshow .swiper-slide {
    height: 1200px;
  }
}
@media screen and (min-width: 120.0625em) {
  .swiper-container.default-slideshow .swiper-slide {
    height: 1300px;
  }
}

.swiper-container.default-slideshow .swiper-slide .deco-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.swiper-container.default-slideshow .swiper-slide .deco-top:before {
  content: " ";
  width: 100vw;
  height: 100px;
  border-bottom: 80px solid black;
  border-right: 100vw solid transparent;
  position: absolute;
}
.swiper-container.default-slideshow .swiper-slide__desc {
  position: relative;
  width: 100%;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: transparent;
  top: -180px;
}
@media screen and (min-width: 40em) {
  .swiper-container.default-slideshow .swiper-slide__desc {
    top: -130px;
  }
}
@media screen and (min-width: 75em) {
  .swiper-container.default-slideshow .swiper-slide__desc {
    top: -170px;
  }
}
.swiper-container.default-slideshow .swiper-slide__img, .swiper-container.default-slideshow .swiper-slide__video {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: 400px;
}
@media screen and (min-width: 64em) {
  .swiper-container.default-slideshow .swiper-slide__img, .swiper-container.default-slideshow .swiper-slide__video {
    height: 480px;
  }
}
@media screen and (min-width: 75em) {
  .swiper-container.default-slideshow .swiper-slide__img, .swiper-container.default-slideshow .swiper-slide__video {
    height: 60%;
  }
}
@media screen and (min-width: 120.0625em) {
  .swiper-container.default-slideshow .swiper-slide__img, .swiper-container.default-slideshow .swiper-slide__video {
    height: 76%;
  }
}
.swiper-container.default-slideshow .swiper-slide__desc-inner {
  max-width: 500px;
  margin: 0px auto;
  padding: 2rem 1rem;
}
@media screen and (min-width: 75em) {
  .swiper-container.default-slideshow .swiper-slide__desc-inner {
    padding: 150px 0px 50px 0px;
  }
}
.swiper-container.default-slideshow .swiper-slide.ctaOnly .swiper-slide__desc-inner {
  text-align: center;
}
.swiper-container.default-slideshow .swiper-slide__slideText {
  margin-bottom: 1rem;
}
.swiper-container.default-slideshow .swiper-slide__slideText h1, .swiper-container.default-slideshow .swiper-slide__slideText h2, .swiper-container.default-slideshow .swiper-slide__slideText h3, .swiper-container.default-slideshow .swiper-slide__slideText h4, .swiper-container.default-slideshow .swiper-slide__slideText h5 {
  font-size: 3rem;
  line-height: 3.3rem;
  margin: 0px 0px 0.5rem 0rem;
  padding: 0px 0px 0rem 0rem;
}
.swiper-container.default-slideshow .swiper-slide__slideText p {
  margin: 0px;
  font-size: 1.1rem;
  line-height: 1.3rem;
}
.swiper-container.default-slideshow .swiper-slide__cta-text {
  width: auto;
  transform: rotate(-5deg);
  display: inline-block;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  margin-bottom: 2rem;
  font-weight: bold;
}
@media screen and (min-width: 40em) {
  .swiper-container.default-slideshow .swiper-slide__cta-text {
    font-size: 1.8rem;
  }
}
.swiper-container.default-slideshow .swiper-slide__menu {
  position: relative;
  bottom: -100px;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  padding: 1rem 2rem;
  align-items: flex-start;
}
@media screen and (min-width: 40em) {
  .swiper-container.default-slideshow .swiper-slide__menu {
    bottom: -2px;
    padding: 40px 2rem 40px 2rem;
  }
}
@media screen and (min-width: 75em) {
  .swiper-container.default-slideshow .swiper-slide__menu {
    flex-direction: row;
    padding: 40px 0px 40px 0px;
  }
}
.swiper-container.default-slideshow .swiper-slide__menu-bg {
  position: absolute;
  width: 100%;
  z-index: 0;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.swiper-container.default-slideshow .swiper-slide__menu-bg svg {
  width: 100%;
  display: block;
}
@media screen and (min-width: 48em) {
  .swiper-container.default-slideshow .swiper-slide__menu-bg .banner-mobile {
    display: none;
  }
}
.swiper-container.default-slideshow .swiper-slide__menu-bg .banner-desktop {
  display: none;
}
@media screen and (min-width: 48em) {
  .swiper-container.default-slideshow .swiper-slide__menu-bg .banner-desktop {
    display: block;
  }
}
.swiper-container.default-slideshow .swiper-slide__menu-item {
  position: relative;
  z-index: 1;
  text-decoration: none;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  hyphens: auto;
  padding: 0px 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 75em) {
  .swiper-container.default-slideshow .swiper-slide__menu-item {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.swiper-container.default-slideshow .swiper-slide__menu-item svg {
  margin-bottom: 1rem;
  width: 90px;
  height: 90px;
}
@media screen and (min-width: 40em) {
  .swiper-container.default-slideshow .swiper-slide__menu-item svg {
    width: 100px;
    height: 100px;
  }
}
@media screen and (min-width: 90em) {
  .swiper-container.default-slideshow .swiper-slide__menu-item svg {
    width: 140px;
    height: 140px;
  }
}
.swiper-container.default-slideshow .swiper-slide__menu-item:last-child {
  margin-bottom: 0rem;
}

.swiper-container .swiper-pagination-bullet {
  background: white;
}
.swiper-container.one-item .swiper-button-prev,
.swiper-container.one-item .swiper-button-next {
  display: none !important;
}
.swiper-container .swiper-button-prev {
  left: 5%;
}
.swiper-container .swiper-button-next {
  right: 5%;
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  top: 30%;
}
.swiper-container .swiper-button-prev.swiper-button-disabled,
.swiper-container .swiper-button-next.swiper-button-disabled {
  display: none;
}
@media screen and (min-width: 40em) {
  .swiper-container .swiper-button-prev,
  .swiper-container .swiper-button-next {
    top: 50%;
  }
}
.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after {
  color: black;
  font-size: 1.4rem;
  font-weight: bolder;
}

.swiper-container--artist .swiper-wrapper .swiper-slide {
  height: auto;
}

.table {
  font-size: 1.2rem;
  width: 100%;
}
.table th, .table td {
  text-align: left;
}
.table td {
  padding: 0rem 0.7rem 0rem 0rem;
}
.table--concerts thead {
  display: none;
}
@media screen and (min-width: 40em) {
  .table--concerts thead {
    display: table-header-group;
  }
}
.table--concerts td {
  display: flex;
  width: 100%;
}
.table--concerts td:before {
  content: attr(data-title);
  margin-right: 20px;
  font-weight: bold;
  width: 100px;
}
@media screen and (min-width: 40em) {
  .table--concerts td {
    display: table-cell;
    width: auto;
  }
  .table--concerts td:before {
    display: none;
  }
}

.bgColorDark .video__title {
  color: white;
}

.video {
  position: relative;
}
.video__container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.video__container iframe,
.video__container .video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video__row {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media screen and (min-width: 40em) {
  .video__row {
    padding: 2rem 2rem;
  }
}
.video__title {
  margin: 0px 0px 0.5rem 0rem;
}
.video .bgImage {
  position: absolute;
  height: 100%;
  width: 100%;
}

.videoMp4 video {
  max-width: 100%;
}

@media screen and (min-width: 40em) {
  .sponsors {
    margin-top: 3rem;
  }
}
.sponsors__heading {
  margin: 0;
  text-align: center;
  font-size: 2rem;
}
@media screen and (min-width: 64em) {
  .sponsors__heading {
    font-size: 2.5rem;
  }
}
.sponsors__heading--small {
  margin: 3rem 0 0 0;
  font-size: 1.8rem;
}
@media screen and (min-width: 64em) {
  .sponsors__heading--small {
    margin: 6rem 0 0 0;
    font-size: 1.8rem;
  }
}
.sponsors__row {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  margin-top: 2rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 40em) {
  .sponsors__row {
    justify-content: center;
    margin-top: 4rem;
  }
}
.sponsors__row--landing-page {
  justify-content: center;
}
.sponsors__row--centered {
  justify-content: center;
}
.sponsors__item {
  text-align: center;
  padding: 1rem 2rem;
  max-width: 350px;
  text-decoration: none;
}
.sponsors__item--general {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
  width: 450px;
  height: 200px;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .sponsors__item--general {
    max-width: 500px;
  }
}
.sponsors__item--main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
  height: 180px;
  z-index: 1;
}
.sponsors__item--rest {
  font-weight: bold;
  font-size: 1.1rem;
}
.sponsors__item--col-3 {
  width: 100%;
  padding: 1rem;
  margin: 0 1rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 64em) {
  .sponsors__item--col-3 {
    margin: 0 1rem;
    margin-bottom: 2rem;
    width: 33.3333333333%;
  }
}
.sponsors__item svg {
  width: 100%;
  height: 100%;
}
.sponsors__logo {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sponsors__general {
  font-size: 2rem;
}
@media screen and (min-width: 64em) {
  .sponsors__general {
    font-size: 2.5rem;
  }
}
.sponsors__main {
  font-size: 1.3rem;
}
@media screen and (min-width: 64em) {
  .sponsors__main {
    font-size: 1.7rem;
  }
}

.component-sponsors {
  padding: 2rem 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 40em) {
  .component-sponsors {
    padding: 4rem 0;
  }
}
.component-sponsors div {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 64em) {
  .site-default .latest-news:before {
    content: "";
    -webkit-mask-image: url("/resources/images/rr-element-2025.svg");
            mask-image: url("/resources/images/rr-element-2025.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    background-color: var(--contrast-color);
    width: 600px;
    height: 600px;
    position: absolute;
    top: 20%;
    left: -320px;
    transform: rotate(60deg);
    z-index: 0;
  }
}
@media screen and (min-width: 64em) {
  .site-default .component-sponsors:before {
    content: "";
    -webkit-mask-image: url("/resources/images/rr-element-2025.svg");
            mask-image: url("/resources/images/rr-element-2025.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    background-color: var(--contrast-color);
    width: 600px;
    height: 600px;
    position: absolute;
    top: -38%;
    right: -380px;
    transform: rotate(8deg);
    background-size: contain;
    z-index: 0;
  }
}