section .wrapper header h2 {
    text-align: center;
    text-transform: none;
    margin: 0 0 28px 0;
    padding: 0;
    line-height: 1.05;
}

@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-Regular.woff2') format('woff2'),
         url('../fonts/Roobert-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-SemiBold.woff2') format('woff2'),
         url('../fonts/Roobert-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fenul';
    src: url('../fonts/FenulCondensed-Regular.woff2') format('woff2'),
         url('../fonts/FenulCondensed-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-kastanjebrun: #290501;
    --color-vinrod: #6D1730;
    --color-kremhvit: #FFFDF4;
    --color-aprikos: #FF996B;
    --color-straagul: #F3E9AE;
}

html {
    font-synthesis: none;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.hidden {
    display:none;
}

img {
    display:block;
    max-width: 100%;
    height:auto;
    line-height: 1.3;
}


html {
    font-size: 14px;
}


@media (min-width:992px) {
    html {
        font-size: 16px; /*1.125rem; */ /*calc( 16px * 100% );*/
    }


}

* {
    box-sizing: border-box;
}

body {
    margin:0;
    font-family: 'Roobert', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-style: normal;
    position: relative;
    background-color: var(--color-kremhvit);
}

h1 {
    font-family: 'Fenul', 'Roobert', sans-serif;
    font-weight: 400;
    margin:0 0 0.6em 0;
    letter-spacing: 0.015em;
    line-height: 1.1;
    text-transform: none;
    font-size: clamp(3.5rem, 10vw, 5rem);
}

h2 {
    font-family: 'Fenul', 'Roobert', sans-serif;
    font-weight: 400;
    margin:0 0 0.6em 0;
    letter-spacing: 0.015em;
    line-height: 1.1;
    text-transform: none;
    font-size: clamp(2.5rem, 6vw, 3.125rem);
}

h3,
h4,
h5,
h6 {
    font-family: 'Roobert', sans-serif;
    font-weight: 600;
    margin:0 0 0.5em 0;
}

h3 {
    font-size: clamp(2.1875rem, 6vw, 3.5rem);
}

.wrapper {
    width: 100%;
    max-width: 1248px;
}

.wrapper.wrapper-wide {
    max-width: 1420px;
}

@media (min-width:600px) {
    .wrapper {
        padding:0 20px;
    }
}

@media (min-width:1073px) {
    .wrapper {
        margin: 0 auto;

    }
}

/*

header.header .wrapper,
footer.footer .wrapper {
    max-width: 1420px;
    padding:0 20px;
}

@media (min-width:1460px) {
    header.header .wrapper,
    footer.footer .wrapper {
        margin: 0 auto;
    }
}
*/

/* Global classes */
a {
    /*color:#000;*/
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.button,
.button,
.read-more,
span.button {
    border-radius: 0;
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
    font-size: 1.125rem;
}

h4 {
    font-size: 1.1rem;
}

a.button.main-button {
    background-color: var(--color-aprikos);
    font-size: 1.125rem;
    font-family: 'Roobert', sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--color-kastanjebrun);
    padding: 12px 20px;
    text-decoration: none;
    display:inline-block;
}

a.button.main-button:hover,
a.button.main-button:active,
a.button.main-button:focus {
    color: var(--color-aprikos);
    background-color: var(--color-kastanjebrun);
}

a.button.read-more {
    margin-top:0.5em;
    display: inline-block;
    color: var(--color-kastanjebrun);
    background-color: var(--color-aprikos);
    text-decoration: none;
    padding: 14px 32px;
    font-family: 'Roobert', sans-serif;
    font-weight:600;
    letter-spacing: 0.04em;
    font-size: 1.125rem;
}

a.button.read-more:hover,
a.button.read-more:active,
a.button.read-more:focus {
    color: var(--color-aprikos) !important;
    background-color: var(--color-kastanjebrun);
}

img {
    border-radius:5px;
}

section#content {
    padding:0px 20px;
}

@media (min-width: 600px) {
    section#content {
        padding:0px 24px;
    }
}

@media (min-width: 992px) {
    section#content {
        padding: 25px 32px;
    }
}

.wp-block-embed {
    margin-left:0;
    margin-right:0;
}

/*
section#content .wp-block-column {
    margin-bottom: 3em;
}

@media (min-width: 992px){

    section#content .wp-block-columns .wp-block-column {
        margin: 0 0 0 200px;
    }

    section#content .wp-block-columns .wp-block-column:first-child {
        margin-left:0;
    }
}
*/

/*
section#content .has-small-font-size {
    font-size:.8125rem;
}

section#content .has-medium-font-size {
    font-size:1.25rem;
}

section#content .has-large-font-size {
    font-size: 2.25rem;
}

section#content h1 {
    font-size: clamp(3.5rem, 9vw, 5rem);
}

/*section#content h2,*/
section#carousel h2 {
    font-size: 2.75rem;
    line-height: 1;
}

/* section#content h3,*/
footer.footer h3 {
    font-size: 1.8rem;
}

section#content p,
.posts .tease .textual-content p,
footer.footer .wrapper p,
footer.sponsors .wrapper p,
footer.producer .wrapper p {
    font-size: 1.125rem;
}

/** Header **/
header.header {
    z-index: 1000;
    top:0;
    width: 100%;
    position: relative;
}

body.light header.header {
    background-color: var(--color-kastanjebrun);
}

header.header .wrapper #navigation > ul > li > a,
header.header .wrapper #navigation > ul > li > button,
header.header .wrapper #navigation ul > li.has-submenu > button > span::after,
header.header .wrapper #navigation ul li a {
    color: var(--color-kremhvit);
}

header.header .wrapper #navigation > ul > li > a:hover,
header.header .wrapper #navigation > ul > li > button:hover {
    color: var(--color-aprikos);
}


header.header .wrapper:first-of-type {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top:20px;
    padding-bottom:20px;
    position: relative;
}

header.header .wrapper {
    padding: 0 20px;
}

body.transparent-header header.header .wrapper:first-of-type {
    align-items: flex-end;
}

header.header .wrapper a.branding {
    margin:0 auto 0 0;
}

header.header .wrapper a.branding svg,
header.header .wrapper a.branding img {
    width: 100%;
    max-width: var(--branding-logo-max-width, 137px);
}

body.dark header.header .wrapper a.branding svg path {
    fill:#000;
}

header.header .wrapper button.device-menu-toggle {
    width:50px;
    height:50px;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    border:0;
}

header.header .wrapper:last-of-type {
    position: relative;
    padding:0;
}

header.header .wrapper:last-of-type #calendar {
    width:100%;
    background-color: #fff;
    display:none;
}

@media (min-width: 600px) {
    header.header .wrapper:last-of-type #calendar {
        width: 321px;
        background-color: #fff;
        position: absolute;
        z-index: 1;
        top:30px;
        right:90px;
        display:none;
    }
}


body.calendar-opened header.header .wrapper:last-of-type #calendar {display:block;}

header.header .wrapper:last-of-type #calendar .datepicker {padding:20px 20px;}
header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker {font-size: 0.875rem;}
header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker .ui-datepicker-header {display:flex;}
header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {order:1}
header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {order:3}
header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev img,
header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next img {width:11px;height:12px;}
header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {order:2;flex:1;text-align: center}

header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker .ui-widget-header,
header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker .ui-datepicker-header,
header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker td.ui-datepicker-current-day,
header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker td .ui-state-hover,
header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker thead {
    background:#fff !important;
    color:#000 !important;
}

header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker .ui-datepicker-calendar {
    width:100%;
    text-align: center;
    color:#000;
}

header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker .ui-datepicker-calendar a {
    text-decoration: none;
    border-radius: 50%;
    display:inline-block;
    background-color: #E8E8E8;
    width: 1.5rem;
    height:1.5rem;
    line-height: 1.5rem;
    color:#000;
}

header.header .wrapper:last-of-type #calendar .datepicker .ui-datepicker .ui-datepicker-calendar td.selected a {
    background-color: #000;
    color:#fff;
}

header.header .wrapper:last-of-type #calendar .event-list {
    padding:0;
    background-color: #000;
    margin:0;
}
header.header .wrapper:last-of-type #calendar .event-list a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    color:#fff;
    text-decoration: none;
}
header.header .wrapper:last-of-type #calendar .event-list a .image-container {
    flex:1;
    background-size: cover;
}
header.header .wrapper:last-of-type #calendar .event-list a .textual-content {
    padding:10px 20px;
    flex:0 0 75%;
}

@media (min-width: 600px) {
    header.header .wrapper:last-of-type #calendar .event-list a .textual-content {
        flex:0 0 65%;
    }
}

header.header .wrapper:last-of-type #calendar .event-list a .textual-content h3,
header.header .wrapper:last-of-type #calendar .event-list a .textual-content p {
    font-size: 0.875rem;
    margin:0;
}


/*
header.header .wrapper button.device-menu-toggle::after {
    content:"Meny";
}
*/

header.header .wrapper button.device-menu-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 1px;
    background: #fff;
    margin: 3px 0;
    transition: all 100ms;
}

body.dark header.header .wrapper button.device-menu-toggle .icon-bar {
    background-color: #000;
}

header.header .wrapper button.device-menu-toggle .icon-bar.first {
    width: 22px;
}

header.header .wrapper button.device-menu-toggle .icon-bar.second {

}

header.header .wrapper button.device-menu-toggle .icon-bar.third {
    width: 15px;
}

/*
body.device-navigation-expanded header.header .wrapper button.device-menu-toggle::after {
    content:"Lukk";
}
*/
/*
body.device-navigation-expanded header.header .wrapper button.device-menu-toggle .icon-bar.first {
    transform: translateY(10px) rotate(45deg);
}

body.device-navigation-expanded header.header .wrapper button.device-menu-toggle .icon-bar.second {
    opacity: 0;
}

body.device-navigation-expanded header.header .wrapper button.device-menu-toggle .icon-bar.third {
    transform: translateY(-8px) rotate(-45deg);
}
 */


header.header .wrapper #navigation {
    flex: 0 0 100%;
    display:none;
    font-size: 1.142855rem;
    font-family: 'Roobert', sans-serif;
    font-weight: 600;
    letter-spacing: 0.02em;
}

header.header .wrapper #navigation ul {
    list-style: none;
}


header.header .wrapper #navigation>ul {
    padding:0;
    border-top:2px solid var(--color-kastanjebrun);
}

body.dark header.header .wrapper #navigation>ul {
    border-color: var(--color-kremhvit);
}

header.header .wrapper #navigation>ul>li {
    display: block;
    border-bottom:1px solid rgba(255,253,244,0.35);
    padding:10px 0;
}

body.dark header.header .wrapper #navigation>ul>li {
    border-color:rgba(41,5,1,0.35);
}

header.header .wrapper #navigation ul>li:last-child{
    border-bottom:0;
}

header.header .wrapper #navigation ul li a {
    color: var(--color-kremhvit);
    transition: color 200ms ease;
    text-decoration: none;
    display: block;
    font-weight: 400;
}

header.header .wrapper #navigation ul li a:hover {
    color: var(--color-aprikos);
}

header.header .wrapper #navigation ul>li.has-submenu {
    display:flex;
    flex-wrap: wrap;
}

header.header .wrapper #navigation ul>li.has-submenu>a {
    flex:1;
}

header.header .wrapper #navigation ul>li.has-submenu>button {
    background: none;
    border:0;
    display: inline-block;
}

header.header .wrapper #navigation ul>li.has-submenu>button>span::after {
    content:"\25bc";
    color:var(--color-kremhvit);
}

header.header .wrapper #navigation ul>li.has-submenu>ul {
    display:none;
    background-color: var(--color-kremhvit);
    color: var(--color-kastanjebrun);
    padding: 16px 20px;
    width: 220px;
    position: absolute;
    left: 0;
    top: 100%;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

header.header .wrapper #navigation ul>li.has-submenu.open>ul {
    display:block;
}

header.header .wrapper #navigation>ul>li>button {
    border:0;
    padding:0;
    display: inline-block;
    background: transparent;
    cursor: pointer;
    margin:0 10px 0 0;
}

header.header .wrapper #navigation>ul>li>button>svg path {
    fill: var(--color-kremhvit);
    transition: fill 0.2s;
}

header.header .wrapper #navigation>ul>li>button:hover>svg path {
    fill: var(--color-aprikos);
}

header.header .wrapper #navigation>ul>li>button.toggle-search>svg {
    height:18px;
    width:18px;
}

header.header .wrapper #navigation>ul>li>button.toggle-calendar>svg {
    height:18px;
    width:18px;
}

body.device-navigation-expanded header.header {
    background-color: var(--color-kastanjebrun);
}

body.device-navigation-expanded header.header .wrapper #navigation {
    flex: 0 0 100%;
    display:block;
    line-height: 2;
}

body.dark.device-navigation-expanded header.header a.branding svg path {
    fill:#fff;
}

body.dark.device-navigation-expanded header.header .wrapper button.device-menu-toggle .icon-bar {
    background-color: #fff;
}

@media (min-width: 600px) {

    header.header .wrapper a.branding svg {
        max-width: 200px;
    }
}

@media (min-width:992px) {

    body.transparent-header header.header {
        background-color: transparent !important;
        position:absolute;
        font-size: 1.75rem;
    }

    body.opaque_header header.header {
        background-color: var(--color-kastanjebrun);
        position: initial;
    }

    body.transparent-header header.header .wrapper:first-child {
        border-bottom:0.5px solid #fff;
    }

    body.transparent-header.dark header.header .wrapper {
        border-bottom:0.5px solid #000;
    }

    header.header .wrapper a.branding svg {
        max-width: 263px;
    }

    body.dark header.header .wrapper a.branding svg path {
        fill:#000;
    }

    header.header .wrapper button.device-menu-toggle {
        display:none;
    }

    header.header .wrapper #navigation {
        flex: initial !important;
        display:block !important;
        font-size: 1rem;
        line-height: initial;
    }

    header.header .wrapper #navigation>ul {
        border-top:0;
        margin:0;
    }

    header.header .wrapper #navigation>ul>li {
        margin-left:30px;
        display:inline-block;
        border-bottom:0;
        padding:initial;
    }

    header.header .wrapper #navigation>ul>li>a {
        padding:20px 0 19px 0;
        color: var(--color-kremhvit);
        display: initial;
        position: relative;
        font-weight: 400;
    }

    body.dark header.header .wrapper #navigation>ul>li>a {
        color: var(--color-kastanjebrun);
    }

    header.header .wrapper #navigation>ul>li>a:hover,
    header.header .wrapper #navigation>ul>li.current-menu-item>a {
        border-bottom:3px solid var(--color-aprikos);
    }

    body.dark header.header .wrapper #navigation>ul>li>a:hover,
    body.dark header.header .wrapper #navigation>ul>li.current-menu-item>a {
        border-color: var(--color-kastanjebrun);
    }

    header.header .wrapper #navigation>ul>li.has-submenu {
        position: relative;
        display: inline-block;
    }

    body.dark header.header .wrapper #navigation ul>li.has-submenu>button>span::after {
        color:#000;
    }

    header.header .wrapper #navigation>ul>li.has-submenu.open>ul {
        position: absolute;
        padding:5px 0;
        left:0;
        background-color: #fff;
        width: initial;
        margin:0;
        z-index: 2;
    }

    body.dark header.header .wrapper #navigation>ul>li.has-submenu.open>ul {
        background-color:#000;
    }

    header.header .wrapper #navigation>ul>li.has-submenu>ul.open>li {
        display:block;
        margin-left:0;
    }

    header.header .wrapper #navigation>ul>li.has-submenu>ul>li>a {
        padding:5px 15px;
        display: block;
        color:#000;
    }

    body.dark header.header .wrapper #navigation>ul>li.has-submenu>ul>li>a {
        color:#fff;
    }

    header.header .wrapper #navigation>ul>li>button>svg path {
        fill:rgba(255,255,255,1);
    }

    header.header .wrapper #navigation>ul>li>button:hover>svg path {
        fill:rgba(255,255,255,0.5);
    }

    body.dark header.header .wrapper #navigation>ul>li>button>svg path {
        fill:rgba(0,0,0,1);
    }

    body.dark header.header .wrapper #navigation>ul>li>button:hover>svg path {
        fill:rgba(0,0,0,0.5);
    }
}



/* Carousel */
section#carousel {
    position: relative;
    width:100%;
}

body.transparent-header section#carousel:after {
    content:"";
    position: absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 1;
}

@media (min-width: 600px){
    body.transparent-header section#carousel:after {
        height:0px;
    }
}

@media (min-width: 992px){
    body.transparent-header section#carousel:after {
        background-image: linear-gradient( rgba(0,0,0,1), rgba(0,0,0,0.75), rgba(0,0,0,0.25), rgba(0,0,0,0) );
        height:250px;
    }
}

section#carousel .slides .slide {
    position: relative;
    margin:0 auto;

    width:100%;
    /*height:0;
    padding-bottom: 56.25%;

     */
    display: none;

    background-repeat: no-repeat;
    /*background-color:#faf4eb;*/
    background-size: contain;
}

section#carousel .slides .slide img {
    margin:0 auto;
    position: relative;
}


@media (min-width: 600px){
    section#carousel .slides .slide {
        /*height: 550px;*/
    }
}

@media (min-width: 992px){
    section#carousel .slides .slide {
        /*width: 100%;
        height: 0;
        padding-bottom: 51.25%;*/
    }
}

@media (min-width: 1920px){
    section#carousel .slides .slide {
        /*max-width:1920px;
        height:1080px;
        padding-bottom:initial;*/
    }
}


section#carousel .slides .slide.image-cropping-alignment-left {
    background-position: 0 center;
}
section#carousel .slides .slide.image-cropping-alignment-center {
    background-position: center center;
}
section#carousel .slides .slide.image-cropping-alignment-right {
    background-position: right center;
}

section#carousel .slides .slide.active {
    display:block;
}

section#carousel .slides .slide .overlay {
    position: relative;
    display:flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    padding-top:3rem;
}

body.transparent-header section#carousel .slides .slide .overlay {
    background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,.75), rgba(0,0,0,0.95), rgba(0,0,0,1) );
}

@media (min-width: 600px) {
    body.transparent-header section#carousel .slides .slide .overlay {
        position: absolute;
        z-index: 1;
        bottom:0;
        left:0;
        width:100%;
        padding-top:5rem;
        margin-top:-4rem;
        background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,.75), rgba(0,0,0,0.95), rgba(0,0,0,1) );
    }
}

@media (min-width: 992px) {
    section#carousel .slides .slide .overlay {

    }
}


section#carousel .slides .slide .overlay h2 {
    color:#fff;
    line-height: 1;
    margin:0 0 15px 0;
    font-size: 1.571425rem;
}

@media (min-width: 600px) {
    section#carousel .slides .slide .overlay h2 {
        font-size: 3rem;
    }
}

@media (min-width: 992px) {
    section#carousel .slides .slide .overlay h2 {
        font-size: 4rem;
        max-width: 80%;
    }
}

section#carousel .slides .slide .overlay p {
    color:#fff;
    margin:0 0 15px 0;
}

section#carousel .slides .slide .overlay a.read-more {
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
    border-radius:0;
    padding:10px 20px;
    text-decoration: none;
    display: inline-block;
    margin-top:1rem;
}

section#carousel {
    padding-bottom:40px;
    background-color: #000 !important;
}

section#carousel .pagination {
    position: absolute;
    z-index: 1;
    bottom:0px;
    width:100%;
    left:0;
}

section#carousel .pagination>.wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height:40px;
}

@media (min-width: 600px) {
    section#carousel .pagination {
        bottom: 0px;
    }
}

@media (min-width: 992px) {
    section#carousel .pagination {
        bottom: 0px;
    }
}

section#carousel .pagination ul {
    list-style: none;
    margin:0 auto;
    padding:0;
    display:flex;
}

section#carousel .pagination ul li {
    display: flex;
    justify-content: center;
    align-items: center;
}

section#carousel .pagination ul li button {
    border:0;
    background-color: transparent;
    cursor: pointer;
    padding:5px;
}

section#carousel .pagination ul li button svg {
    display: block;
}

section#carousel .pagination ul li button.previous svg,
section#carousel .pagination ul li button.next svg {
    width:9px;
    height:6px;
}

section#carousel .pagination ul li button.dot svg {
    width:14px;
    height:14px;
}

section#carousel .pagination ul li button.dot svg circle {
    fill: rgba(255, 255, 255, 0.5);
}

section#carousel .pagination ul li button.dot.active svg circle {
    fill:rgba(255,255,255,1);
}

section#carousel .pagination ul li button svg path {
    fill:#fff;
}

/* Page and article header */
section#post-header {
    position: relative;
    margin:0 auto;

    /*
    height:450px;
    width:100%;
     */


    background-repeat: no-repeat;
    background-color:#faf4eb;
    background-size: cover;
}

body.light section#post-header {
    background-color: var(--color-kastanjebrun);
}

section#post-header.image-cropping-alignment-left {
    background-position: 0 center;
}
section#post-header.image-cropping-alignment-center {
    background-position: center center;
}
section#post-header.image-cropping-alignment-right {
    background-position: right center;
}

section#post-header .image-container {
    width: 100%;
    height:0;
    padding-bottom:56.25%;
    position: relative;
    background-size: cover;
    background-position: center;
}

@media (min-width: 600px){
    /*
    section#post-header {
        height: 550px;
    }

     */

    body.transparent-header.light section#post-header:after {
        content:"";
        position: absolute;
        bottom:0;
        left:0;
        width:100%;
        z-index: 1;
        height:250px;
        background-image: linear-gradient(
            rgba(41,5,1,0),
            rgba(41,5,1,0.35),
            rgba(41,5,1,0.6),
            rgba(41,5,1,0.85),
            rgba(41,5,1,1)
        );
    }
}

@media (min-width: 992px){
    /*
    section#post-header {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
     */

    body.transparent-header.light section#post-header:before {
        content:"";
        position: absolute;
        top:0;
        left:0;
        width:100%;
        z-index: 1;
        height:250px;
        background-image: linear-gradient(
            rgba(41,5,1,0.9),
            rgba(41,5,1,0.6),
            rgba(41,5,1,0.2),
            rgba(41,5,1,0)
        );
    }
}

section#post-header .caption {
    margin: 0;
    font-style: italic;
    font-size: 14px;
}

section#post-header .sale-status {
    position: absolute;
    bottom:10%;
    left:50%;
    transform: translateX(-50%);
    background: var(--color-kastanjebrun);
    color: var(--color-kremhvit);
    font-family: montserrat, sans-serif;
    font-weight: bold;
    font-size: 7vw;
    padding: 3vw 4vw;
    line-height: 1;
    border-radius: .5rem;
    white-space: nowrap;
}

section#post-header .overlay {
    z-index:2;
    position: relative;
    display:flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    padding-top:3rem;
    background-color: rgba(41,5,1,0.35);
}

body.transparent-header section#post-header .overlay {
    background-image: linear-gradient(
        rgba(41,5,1,0),
        rgba(41,5,1,0.35),
        rgba(41,5,1,0.6),
        rgba(41,5,1,0.85),
        rgba(41,5,1,1)
    );
}

@media (min-width: 992px) {
    body.transparent-header section#post-header .overlay {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-top:5rem;
        margin-top:-4rem;
        background-image: linear-gradient(
            rgba(41,5,1,0),
            rgba(41,5,1,0.35),
            rgba(41,5,1,0.6),
            rgba(41,5,1,0.85),
            rgba(41,5,1,1)
        );
    }
}

/*
section#pages::before,
section#post-header .overlay::before {
    content:"";
    position: absolute;
    top:18%;
    left:-8.125%;
    width:16.25%;
    height:0;
    padding-bottom: 16.25%;
    background-color: rgba(255,255,255,0.21);
    border-radius: 50%;
}

body.dark section#post-header .overlay::before {
    background-color: rgba(255,255,255,0.50);
}
 */

/*
section#pages::after,
section#post-header .overlay::after {
    content:"";
    position: absolute;
    top:40%;
    right:-15%;
    width:30%;
    height:0;
    padding-bottom: 30%;
    background-color: rgba(255,255,255,0.21);
    border-radius: 50%;
}

body.dark section#post-header .overlay::after {
    background-color: rgba(255,255,255,0.50);
}

 */

section#post-header .overlay .wrapper {
    padding: 48px 20px 48px;
}

section#post-header .overlay .wrapper h1 {
    font-size: clamp(3.5rem, 8vw, 5rem);
    margin:0 0 0.35em 0;
    max-width: 70%;
    line-height: 1.05;
    letter-spacing: 0.02em;
    color: var(--color-kremhvit);
}

section#post-header .overlay .wrapper p {
    color: var(--color-kremhvit);
}

section#post-header .wrapper.wrapper-wide {
    max-width: 1248px;
    margin: 0 auto;
    padding: 0;
}

@media (min-width: 600px) {
    section#post-header .overlay .wrapper {
        padding: 64px 24px 72px;
    }

    section#post-header .wrapper.wrapper-wide {
        padding: 0;
    }
}

@media (min-width: 992px) {
    section#post-header .overlay .wrapper {
        padding: 80px 32px 96px;
    }

    section#post-header .wrapper.wrapper-wide {
        padding: 0;
    }
}

body.dark section#post-header .overlay .wrapper h1,
body.dark section#post-header .overlay .wrapper p {
    color:#000;
}

section#post-header .overlay .wrapper p {
    margin:0 0 0.5rem 0;
    max-width: 70%;
    font-size: 1.125rem;
}


/* Breadcrumbs */
nav.breadcrumb {
    margin:12px 0 20px;
    font-size: 1.125rem;
}

@media (min-width: 600px) {
    nav.breadcrumb {
        margin:12px 0 24px;
    }
}

nav.breadcrumb a {
    color: var(--color-kastanjebrun);
    text-decoration: none;
}

body.single-konsert nav.breadcrumb a,
body.page-template-template-konserter nav.breadcrumb a,
body.post-type-archive-konsert nav.breadcrumb a,
body.category-aktuelt nav.breadcrumb a,
body.page-aktuelt nav.breadcrumb a,
body.search-opened nav.breadcrumb a,
body.single-dnbeplay nav.breadcrumb a {
    color: var(--color-kremhvit);
}

body.single-post section#content > .wrapper {
    padding-left: 24px;
    padding-right: 24px;
}

@media (min-width: 600px) {
    body.single-post section#content > .wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 992px) {
    body.single-post section#content > .wrapper {
        padding-left: 56px;
        padding-right: 56px;
    }
}

body.single-post section#post-header .overlay {
    align-items: flex-start;
}

body.single-post section#post-header {
    padding-top: 32px;
}

@media (min-width: 600px) {
    body.single-post section#post-header {
        padding-top: 48px;
    }
}

@media (min-width: 992px) {
    body.single-post section#post-header {
        padding-top: 64px;
    }
}

body.single-post section#post-header .overlay .wrapper {
    padding-left: 24px;
    padding-right: 24px;
}

@media (min-width: 600px) {
    body.single-post section#post-header .overlay .wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 992px) {
    body.single-post section#post-header .overlay .wrapper {
        padding-left: 56px;
        padding-right: 56px;
    }
}

body.single-post section#post-header .overlay .wrapper h1,
body.single-post section#post-header .overlay .wrapper p {
    max-width: 100%;
}

body.single-post section#post-header p.caption {
    margin-left: 24px;
    margin-right: 24px;
}

@media (min-width: 600px) {
    body.single-post section#post-header p.caption {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media (min-width: 992px) {
    body.single-post section#post-header p.caption {
        margin-left: 56px;
        margin-right: 56px;
    }
}

body.single-post section#content > .wrapper > nav.breadcrumb,
body.single-post section#content > .wrapper > article {
    margin-left: auto;
    margin-right: auto;
}

body.single-post {
    --single-post-content-max: 1248px;
}

@media (min-width: 992px) {
    body.single-post section#content > .wrapper > nav.breadcrumb,
    body.single-post section#content > .wrapper > article,
    body.single-post section#mer .wrapper {
        max-width: var(--single-post-content-max);
        margin-left: auto;
        margin-right: auto;
    }

    body.single-post section#mer .wrapper {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

section#mer {
    padding: 0 20px;
}

@media (min-width: 600px) {
    section#mer {
        padding: 0 24px;
    }
}

@media (min-width: 992px) {
    section#mer {
        padding: 0 32px;
    }
}

article.post-type-page {}

@media (min-width: 600px) {
    article.post-type-page {
        padding-left: 0px;
    }
}

article.post-type-page.with-sidebar {
    display: flex;
    flex-direction: column;
}

article.post-type-page.with-sidebar .sidebar {
    flex:0 0 100%;
    max-width: 100%;
    margin-bottom: 2em;
}

article.post-type-page.with-sidebar .sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

article.post-type-page.with-sidebar .sidebar ul>li.has-submenu>ul {
    display: none;
    width: 100%;
}

@media (min-width: 600px) {

    article.post-type-page.with-sidebar .sidebar>ul>li.has-submenu>ul {
        display: block !important;
    }

}

article.post-type-page.with-sidebar .sidebar ul li a {
    padding:5px 0;
    color:#000;
    text-decoration: none;
}

article.post-type-page.with-sidebar .sidebar ul li a:hover {
    text-decoration: underline;
    color:#222;
}

article.post-type-page.with-sidebar .sidebar ul li a.current {
    font-weight: bold;
}

article.post-type-page.with-sidebar .sidebar>ul>li>ul>li>a.current::before {
    content:"- ";
}

article.post-type-page.with-sidebar .sidebar>ul>li {
    display: block;
}

article.post-type-page.with-sidebar .sidebar>ul>li>a {
    font-size: 1.2rem;
    font-weight: bold;
}

article.post-type-page.with-sidebar .sidebar>ul>li>ul>li>a {
    display: block;
}

article.post-type-page.with-sidebar .sidebar ul>li.has-submenu {
    display:flex;
    flex-wrap: wrap;
}

article.post-type-page.with-sidebar .sidebar ul>li.has-submenu>a {
    flex:1;
}

article.post-type-page.with-sidebar .sidebar ul>li.has-submenu>button {
    background: none;
    border:0;
    display: inline-block;
    width:40px;
    text-align: center;
}

@media (min-width: 600px) {
    article.post-type-page.with-sidebar .sidebar ul>li.has-submenu>button {
        display: none !important;
    }
}

article.post-type-page.with-sidebar .sidebar ul>li.has-submenu>button>span::after {
    content:"\25bc";
    color:#000;
}

article.post-type-page.with-sidebar .sidebar ul>li>button {
    border:0;
    padding:0;
    display: inline-block;
    background: transparent;
    cursor: pointer;
    margin:0 10px 0 0;
}


article.post-type-page.with-sidebar .content-container {
    flex:0 0 100%;
    max-width: 100%;
}

@media (min-width: 600px) {
    article.post-type-page.with-sidebar {
        flex-direction: row;
    }

    article.post-type-page.with-sidebar .sidebar {
        flex:0 0 25%;
        max-width: 25%;
    }

    article.post-type-page.with-sidebar .content-container {
        flex:0 0 75%;
        max-width: 75%;
        padding-left:40px;
    }
}


/* Common section elements */

section .wrapper header h2 span {
    display:inline-block;
    padding:0;
    margin-bottom: 0;
}

/* Flere konserter */
section#flere-konserter {
    margin-top:50px;
    padding-left: 24px;
    padding-right: 24px;
}

section#flere-konserter .wrapper {
    max-width: 1248px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

section#kommende-konserter {
    max-width: 1248px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

@media (min-width: 600px) {
    section#flere-konserter {
        padding-left: 40px;
        padding-right: 40px;
    }

    section#kommende-konserter {
        padding-left: 40px;
        padding-right: 40px;
    }

    section#flere-konserter .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    section#flere-konserter {
        padding-left: 56px;
        padding-right: 56px;
    }

    section#kommende-konserter {
        padding-left: 56px;
        padding-right: 56px;
    }

    section#flere-konserter .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

section#flere-konserter .wrapper > div.button-container {
    text-align: center;
}

section#flere-konserter .wrapper > div.button-container > a {
    display: inline-block;
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
    padding:10px 20px;
    border-radius: 0;
    text-decoration: none;
}

section#flere-konserter .wrapper > div.button-container > a:hover {
    opacity: .9;
}

/* Mer */
section#mer {
    margin: 50px 0;
}

section#mer .wrapper {
    padding-left: 0;
    padding-right: 0;
}

section#mer .wrapper header h2 {
    color: var(--color-kastanjebrun);
}

/* Storytelling color helpers */
.background-color-kremhvit,
.background-color-lys {
    background-color: var(--color-kremhvit);
    color: var(--color-kastanjebrun);
}

.background-color-kastanjebrun,
.background-color-mork {
    background-color: var(--color-kastanjebrun);
    color: var(--color-kremhvit);
}

.background-color-vinrod {
    background-color: var(--color-vinrod);
    color: var(--color-kremhvit);
}

.background-color-aprikos {
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
}

.background-color-straagul {
    background-color: var(--color-straagul);
    color: var(--color-kastanjebrun);
}

/* Links inside storytelling panels inherit global link styling */

#storytelling .panel.format-half .textual-content,
#storytelling .panel.format-half .textual-content .text {
    color: var(--color-kastanjebrun);
}

#storytelling .panel.format-half .textual-content h1,
#storytelling .panel.format-half .textual-content h2,
#storytelling .panel.format-half .textual-content h3,
#storytelling .panel.format-half .textual-content h4,
#storytelling .panel.format-half .textual-content h5,
#storytelling .panel.format-half .textual-content h6 {
    color: var(--color-kastanjebrun);
}

#storytelling .panel.format-half .textual-content p {
    color: var(--color-kastanjebrun);
}

#storytelling .panel.format-half .textual-content li,
#storytelling .panel.format-half .textual-content span,
#storytelling .panel.format-half .textual-content strong,
#storytelling .panel.format-half .textual-content em {
    color: var(--color-kastanjebrun);
}

#storytelling .panel.format-half .textual-content a {
    color: var(--color-kastanjebrun);
    text-decoration: underline;
}

#storytelling .panel.format-half .textual-content a:hover,
#storytelling .panel.format-half .textual-content a:focus {
    color: var(--color-aprikos);
}

/* YouTube panel */
section#youtube-panel {
    margin: 56px 0;
}

section#youtube-panel header {
    text-align: center;
    margin-bottom: 32px;
}

section#youtube-panel header h2 {
    color: var(--color-kastanjebrun);
    margin: 0;
}

section#youtube-panel .video-grid {
    display: grid;
    gap: 24px;
}

@media (min-width: 768px) {
    section#youtube-panel .video-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.youtube-panel .video-embed {
    width: 100%;
}

.youtube-panel .embed-ratio {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    background-color: #000;
}

.youtube-panel .embed-ratio iframe,
.youtube-panel .embed-ratio object,
.youtube-panel .embed-ratio embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube-panel .button-container {
    text-align: center;
    margin-top: 32px;
}

.youtube-panel .button-container .yt-panel-button {
    display: inline-block;
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
    padding: 10px 20px;
    border-radius: 0;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.125rem;
}

.youtube-panel .button-container .yt-panel-button:hover,
.youtube-panel .button-container .yt-panel-button:focus {
    color: var(--color-kastanjebrun);
    background-color: var(--color-aprikos);
}

body.single #content .wrapper p,
body.single #content .wrapper li {
    color: var(--color-kastanjebrun);
    font-size: 1.125rem;
    font-weight: 400;
}

body.single #content .wrapper a {
    color: var(--color-kastanjebrun);
    text-decoration: underline;
}

body.single #content .wrapper .wp-block-button__link {
    text-decoration: none;
}

body.single #content .wrapper blockquote {
    border-left: 4px solid var(--color-aprikos);
    padding: 0.75rem 1rem;
    margin: 1.5rem 0;
    color: var(--color-kastanjebrun);
    font-style: normal;
}

body.single #content .wrapper blockquote p {
    margin: 0;
}

body.single-konsert #content .wrapper {
    color: var(--color-kremhvit);
}

body.single-konsert #content .wrapper p,
body.single-konsert #content .wrapper li {
    color: var(--color-kremhvit);
}

body.single-konsert #content .wrapper a {
    color: var(--color-kremhvit);
}

body.single-konsert #content .wrapper a:visited {
    color: var(--color-kremhvit);
}

body.single-konsert #content .wrapper a:hover,
body.single-konsert #content .wrapper a:focus {
    color: var(--color-aprikos);
}

body.single-konsert #content .wrapper blockquote {
    color: var(--color-kremhvit);
}


/* End Mer */

/* Konserter */

section#konserter {
    margin: 24px 0 40px;
}

@media (min-width: 600px) {
    section#konserter {
        margin: 32px 0 56px;
    }
}

body.home section#konserter {
    margin: 96px 0 40px;
}

@media (min-width: 600px) {
    body.home section#konserter {
        margin: 120px 0 56px;
    }
}

body.home section#aktuelt {
    margin-top: 72px;
    margin-bottom: 56px;
}

@media (min-width: 600px) {
    body.home section#aktuelt {
        margin-top: 125px;
        margin-bottom: 80px;
    }
}

section#konserter .wrapper form.filter {
    margin-bottom:32px;
    font-size: 1.125rem;
    margin-left:0;
    color: var(--color-kremhvit);
}

@media (min-width:600px) {
    section#konserter .wrapper form.filter {
        margin-left:0;
    }

}

section#konserter .wrapper form.filter select {
    border-radius: 0;
    padding:5px 28px 5px 16px;
    min-width: 150px;
    font-size: 1.125rem;
    margin-left:10px;
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
    border: 1px solid var(--color-kastanjebrun);
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23290501' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

section#konserter[data-hide-title],
section#konserter[data-hide-title] .wrapper .posts {
    margin-top:0;
}

section#konserter[data-hide-title] .wrapper .posts[data-number-of-columns="2"]{
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 600px){
    section#konserter[data-hide-title] .wrapper .posts[data-number-of-columns="2"]{
        grid-template-columns: 1fr;
    }
}

section#konserter .wrapper footer {
    text-align: center;
}
section#konserter .wrapper footer .read-more {
    display:inline-block;
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
    text-decoration: none;
    padding:11px 35px;
    border-radius:0;
    font-weight:500;
}


/* Aktuelt */

section#aktuelt {
    margin-top:25px;
    margin-bottom:25px;
}

@media (min-width: 600px){
    section#aktuelt {
        margin-top:100px;
        margin-bottom:100px;
    }
}

body.page-aktuelt,
body.category-aktuelt {
    background-color: var(--color-kastanjebrun);
    color: var(--color-kremhvit);
}

body.page-aktuelt nav.breadcrumb,
body.category-aktuelt nav.breadcrumb {
    margin: 6px 0;
}

body.page-aktuelt section#content,
body.category-aktuelt section#content {
    padding-left: 0;
    padding-right: 0;
}

body.page-aktuelt section#content > .wrapper,
body.category-aktuelt section#content > .wrapper {
    padding: 0 24px;
}

body.page-aktuelt section#post-header .wrapper.wrapper-wide,
body.category-aktuelt section#post-header .wrapper.wrapper-wide {
    padding: 0;
}

body.page-template-template-konserter section#post-header .wrapper.wrapper-wide,
body.post-type-archive-konsert section#post-header .wrapper.wrapper-wide {
    padding: 0;
}

@media (min-width: 600px) {
    body.page-aktuelt section#content > .wrapper,
    body.category-aktuelt section#content > .wrapper {
        padding: 0 40px;
    }

    body.page-aktuelt section#post-header .wrapper.wrapper-wide,
    body.category-aktuelt section#post-header .wrapper.wrapper-wide {
        padding: 0;
    }

    body.page-template-template-konserter section#post-header .wrapper.wrapper-wide,
    body.post-type-archive-konsert section#post-header .wrapper.wrapper-wide {
        padding: 0;
    }
}

@media (min-width: 992px) {
    body.page-aktuelt section#content > .wrapper,
    body.category-aktuelt section#content > .wrapper {
        padding: 0 56px;
    }

    body.page-aktuelt section#post-header .wrapper.wrapper-wide,
    body.category-aktuelt section#post-header .wrapper.wrapper-wide {
        padding: 0;
    }

    body.page-template-template-konserter section#post-header .wrapper.wrapper-wide,
    body.post-type-archive-konsert section#post-header .wrapper.wrapper-wide {
        padding: 0;
    }
}

body.page-aktuelt section#aktuelt .wrapper,
body.category-aktuelt section#aktuelt .wrapper {
    padding-left: 0;
    padding-right: 0;
}

body.page-aktuelt section#post-header .overlay .wrapper,
body.category-aktuelt section#post-header .overlay .wrapper {
    padding: 32px 24px 40px;
}

body.page-template-template-konserter nav.breadcrumb,
body.post-type-archive-konsert nav.breadcrumb {
    margin: 6px 0;
}

body.page-template-template-konserter,
body.post-type-archive-konsert {
    background-color: var(--color-kastanjebrun);
    color: var(--color-kremhvit);
}

body.page-template-template-konserter section#post-header .overlay .wrapper,
body.post-type-archive-konsert section#post-header .overlay .wrapper {
    padding: 32px 24px 40px;
}

@media (min-width: 600px) {
    body.page-aktuelt section#post-header .overlay .wrapper,
    body.category-aktuelt section#post-header .overlay .wrapper {
        padding: 40px 40px 48px;
    }

    body.page-template-template-konserter section#post-header .overlay .wrapper,
    body.post-type-archive-konsert section#post-header .overlay .wrapper {
        padding: 40px 40px 48px;
    }
}

@media (min-width: 992px) {
    body.page-aktuelt section#post-header .overlay .wrapper,
    body.category-aktuelt section#post-header .overlay .wrapper {
        padding: 48px 56px 56px;
    }

    body.page-template-template-konserter section#post-header .overlay .wrapper,
    body.post-type-archive-konsert section#post-header .overlay .wrapper {
        padding: 48px 56px 56px;
    }
}

body.page-aktuelt section#aktuelt,
body.category-aktuelt section#aktuelt {
    margin-top: 16px;
    margin-bottom: 32px;
}

@media (min-width: 600px) {
    body.page-aktuelt section#aktuelt,
    body.category-aktuelt section#aktuelt {
        margin-top: 24px;
        margin-bottom: 48px;
    }
}

body.page-template-template-konserter section#content,
body.post-type-archive-konsert section#content {
    padding-left: 0;
    padding-right: 0;
}

body.page-template-template-konserter section#content > .wrapper,
body.post-type-archive-konsert section#content > .wrapper,
body.page-template-template-konserter section#konserter .wrapper,
body.post-type-archive-konsert section#konserter .wrapper {
    padding-left: 24px;
    padding-right: 24px;
}

body.page-template-template-konserter section#konserter,
body.post-type-archive-konsert section#konserter {
    margin: 24px 0 40px;
}

@media (min-width: 600px) {
    body.page-template-template-konserter section#content > .wrapper,
    body.post-type-archive-konsert section#content > .wrapper,
    body.page-template-template-konserter section#konserter .wrapper,
    body.post-type-archive-konsert section#konserter .wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }

    body.page-template-template-konserter section#konserter,
    body.post-type-archive-konsert section#konserter {
        margin: 32px 0 56px;
    }
}

@media (min-width: 992px) {
    body.page-template-template-konserter section#content > .wrapper,
    body.post-type-archive-konsert section#content > .wrapper,
    body.page-template-template-konserter section#konserter .wrapper,
    body.post-type-archive-konsert section#konserter .wrapper {
        padding-left: 56px;
        padding-right: 56px;
    }
}

@media (max-width: 599px) {
    body.page-template-template-konserter section#content > .wrapper,
    body.post-type-archive-konsert section#content > .wrapper,
    body.page-template-template-konserter section#konserter .wrapper,
    body.post-type-archive-konsert section#konserter .wrapper {
        padding: 0 24px;
    }
}

section#aktuelt .wrapper footer {
    text-align: center;
}
section#aktuelt .wrapper footer .read-more {
    display:inline-block;
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
    text-decoration: none;
    padding:11px 35px;
    border-radius:0;
    font-weight:500;
}

/* Utgivelser */
section#utgivelser .wrapper .posts {
    grid-template-columns: 1fr;
}

@media (min-width: 600px) {
    section#utgivelser .wrapper .posts {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Pages */
section#pages {
    background-color: #F9F3EB;
    padding:25px 0;
    position: relative;
    overflow:hidden;
}

@media (min-width: 992px) {
    section#pages {
        /*padding:300px 0;*/
        padding: 200px 0 100px 0;
    }
}

body.single-konsert {
    background-color: var(--color-kastanjebrun);
    color: var(--color-kremhvit);
}

body.single-konsert section#post-header {
    padding-top: 32px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 600px) {
    body.single-konsert section#post-header {
        padding-top: 48px;
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 992px) {
    body.single-konsert section#post-header {
        padding-top: 64px;
        padding-left: 32px;
        padding-right: 32px;
    }
}

body.single-konsert section#post-header .wrapper.wrapper-wide {
    max-width: 1248px;
    padding-left: 0;
    padding-right: 0;
}

body.single-konsert section#post-header .overlay .wrapper {
    padding-left: 0;
    padding-right: 0;
}

body.single-dnbeplay {
    background-color:#000;
    color:#fff;
}

/*
body.single-konsert section#content,
body.single-dnbeplay section#content {
    padding:25px 20px;
}
 */

body.single-konsert section#post-header .wrapper .overlay .wrapper h1 {
    font-size:3rem;
    /*font-family: "ivyora-display", sans-serif;*/
    font-style: normal;
    text-transform:none;
    color: inherit;
}

body.single-konsert section#post-header .wrapper .overlay .wrapper h1,
body.single-konsert section#post-header .wrapper .overlay .wrapper p {
    max-width: 100%;
}

body.single-konsert section#post-header .wrapper .overlay .wrapper p.sub-title {
    font-size:1.5rem;
    font-weight:bold;
}

body.single-konsert section#content > .wrapper {
    max-width: 1248px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 599px) {
    body.single-konsert section#content > .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
}

body.single-konsert section#content .forestillinger {
    font-size: 1.125rem;
}

body.single-konsert section#content .forestillinger.above {margin: 0 0 3rem 0;}
body.single-konsert section#content .forestillinger.below {margin: 4.6875rem 0 2rem 0;}

body.single-konsert section#content .forestillinger table {
    width: 100%;
    max-width: 100%;
    text-align: left;
    border-collapse: collapse;
}

body.single-konsert section#content .forestillinger table thead {
    display: none;
}

body.single-konsert section#content .forestillinger table tr th.date {
    padding-left:10px;
}

body.single-konsert section#content .forestillinger table tr th.date span.venue {
    font-weight: normal;
    display: block;
}

body.single-konsert section#content .forestillinger table tbody tr th.time,
body.single-konsert section#content .forestillinger table tbody tr th.venue {
    display: none;
}

body.single-konsert section#content .forestillinger table tbody tr:nth-child(2n) th {
    background: rgba(255,255,255,0.15);
}

body.single-konsert section#konserter .wrapper,
body.single-konsert section#flere-konserter .wrapper {
    max-width: 1248px;
    padding-left: 0;
    padding-right: 0;
}

body.single-dnbeplay .navigation {
    margin: 100px 0 0 0;
}

body.single-dnbeplay .navigation .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.single-dnbeplay .navigation .wrapper a {
    color:#fff;
    text-decoration: none;
}

@media (min-width: 992px){
    body.single-konsert section#content .forestillinger table thead {
        display: table-header-group;
    }

    body.single-konsert section#content .forestillinger table tbody tr:nth-child(2n) th {
        background: transparent;
    }

    body.single-konsert section#content .forestillinger table tr th.date {
        padding-left:0;
    }

    body.single-konsert section#content .forestillinger table tbody tr th.time,
    body.single-konsert section#content .forestillinger table tbody tr th.venue {
        display: table-cell;
    }

    body.single-konsert section#content .forestillinger table tr th.date span {
        display: none !important;
    }

    body.single-konsert section#content .forestillinger table tr th.date,
    body.single-konsert section#content .forestillinger table tr th.time {
        border-right:1px solid rgba(255,255,255,0.5);
    }
}

body.single-konsert section#content .forestillinger table tbody tr th {
    padding:10px;
}



body.single-konsert section#content .forestillinger table thead tr td.time,
body.single-konsert section#content .forestillinger table tbody tr th.time,
body.single-konsert section#content .forestillinger table thead tr td.venue,
body.single-konsert section#content .forestillinger table tbody tr th.venue {
    padding-left:10px;
}

body.single-konsert section#content .forestillinger table thead tr td.date,
body.single-konsert section#content .forestillinger table tbody tr th.date,
body.single-konsert section#content .forestillinger table thead tr td.time,
body.single-konsert section#content .forestillinger table tbody tr th.time {
    padding-right:10px;
}

@media (min-width: 992px){
    body.single-konsert section#content .forestillinger table thead tr td.date,
    body.single-konsert section#content .forestillinger table tbody tr th.date,
    body.single-konsert section#content .forestillinger table thead tr td.time,
    body.single-konsert section#content .forestillinger table tbody tr th.time {
        white-space: nowrap;
    }
}

body.single-konsert section#content .forestillinger table tbody tr th a,
body.single-konsert section#content .forestillinger table tbody tr th.action span {
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
    border-radius: 0;
    display: flex;
    min-width: 102px;
    height:37px;
    font-weight: normal;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    padding-left:5px;
    padding-right:5px;
    line-height: 1;
}

body.single-konsert section#content .forestillinger table tbody tr th a svg,
body.single-konsert section#content .forestillinger table tbody tr th.action span svg {
    width:21.3px;
    margin-right:10px;
}

body.single-konsert section#content .forestillinger table tbody tr th a svg path,
body.single-konsert section#content .forestillinger table tbody tr th.action span svg path {
    stroke: var(--color-kastanjebrun);
}

body.single-konsert section#content .forestillinger table tbody tr th a,
body.single-konsert section#content .forestillinger table tbody tr th.action span {
    transition: opacity 180ms ease-in-out;
}

body.single-konsert section#content .forestillinger table tbody tr th a:visited {
    color: var(--color-kastanjebrun);
}

body.single-konsert section#content .forestillinger table tbody tr th a:hover,
body.single-konsert section#content .forestillinger table tbody tr th a:focus,
body.single-konsert section#content .forestillinger table tbody tr th.action span:hover,
body.single-konsert section#content .forestillinger table tbody tr th.action span:focus {
    opacity: .9;
    color: var(--color-kastanjebrun);
}



body.single-konsert section#content .forestillinger .note {
    color:#FBBA00;
    display:flex;
    align-items: flex-start;
    margin:20px 0 0 0;
}

body.single-konsert section#content .forestillinger .note svg {
    width:20px;
    margin-right:15px;
    display: inline-block;
}

body.single-konsert section#content .forestillinger .note p {
    display: inline-block;
    margin:0;
    line-height: 1.3;
}


/* Tease list parent */
.posts {
    margin:50px 0;
    display:grid;
    grid-template-columns: 1fr;
    grid-column-gap: 20px;    
}

@media (min-width:600px) {

    .posts {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;
    }
}

@media (min-width:992px) {
    .posts {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Konserter */
    section#konserter .wrapper .posts,
    section#flere-konserter .wrapper .posts {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 24px;
        grid-column-gap: 24px;
    }

    /* Musikere */
    section#musikere .wrapper .posts {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Pages */
    section#pages .wrapper .posts {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Dnbeplay */
    section#dnbeplay .wrapper .posts {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* Common tease element */
.posts .tease {
    text-decoration: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    color:#000;
}

@media (min-width: 600px) {
    .posts .tease {
        border:1px solid #000;
    }
}

.posts .tease .image-container {
    width: 100%;
    height:0;
    padding-bottom:56.25%;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
}

.posts .tease.tease-publication {
    border:0;
}

.posts .tease.tease-publication .image-container {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.posts .tease .textual-content {
    padding:25px 35px 0 35px;
    max-width: 100%;
    flex:1;
}

.posts .tease .textual-content h3 {
    font-size: 1.75rem;
    text-transform: none;
    line-height: 1.05;
    font-family: 'Roobert', sans-serif;
    font-weight: 400;
    letter-spacing: 0.01em;
}

body.archive .posts .tease .textual-content h3 {
    font-size: 1.75rem;
}

.posts .tease .button-container {
    padding: 0 35px 20px 35px;
}

.posts .tease .read-more {
    background: none;
    border: 0;
    color: currentColor;
    font-weight: 700;
    text-decoration: none;
    display:inline-block;
    padding: 0;
    margin-top:30px;
}

.posts .tease .read-more svg {
    display: inline-block;
    width: 16px;
    margin-left:5px;
}

.posts .tease .read-more svg path {
    fill: currentColor;
}

section#aktuelt .posts .tease,
body.category-aktuelt .posts .tease,
section#mer .posts .tease,
body.page-stilling-ledig .posts .tease,
body.category-stilling-ledig .posts .tease {
    --aktuelt-bg: var(--color-kremhvit);
    --aktuelt-text: var(--color-kastanjebrun);
    color: var(--aktuelt-text);
    border: 0;
}

@media (min-width: 600px) {
    section#aktuelt .posts .tease,
    body.category-aktuelt .posts .tease,
    section#mer .posts .tease,
    body.page-stilling-ledig .posts .tease,
    body.category-stilling-ledig .posts .tease {
        border: 0;
    }
}

section#aktuelt .posts .tease:nth-child(5n+1),
body.category-aktuelt .posts .tease:nth-child(5n+1),
section#mer .posts .tease:nth-child(5n+1),
body.page-stilling-ledig .posts .tease:nth-child(5n+1),
body.category-stilling-ledig .posts .tease:nth-child(5n+1) {
    --aktuelt-bg: var(--color-vinrod);
    --aktuelt-text: var(--color-kremhvit);
}

section#aktuelt .posts .tease:nth-child(5n+2),
body.category-aktuelt .posts .tease:nth-child(5n+2),
section#mer .posts .tease:nth-child(5n+2),
body.page-stilling-ledig .posts .tease:nth-child(5n+2),
body.category-stilling-ledig .posts .tease:nth-child(5n+2) {
    --aktuelt-bg: var(--color-straagul);
    --aktuelt-text: var(--color-kastanjebrun);
}

section#aktuelt .posts .tease:nth-child(5n+3),
body.category-aktuelt .posts .tease:nth-child(5n+3),
section#mer .posts .tease:nth-child(5n+3),
body.page-stilling-ledig .posts .tease:nth-child(5n+3),
body.category-stilling-ledig .posts .tease:nth-child(5n+3) {
    --aktuelt-bg: var(--color-kastanjebrun);
    --aktuelt-text: var(--color-kremhvit);
}

section#aktuelt .posts .tease:nth-child(5n+4),
body.category-aktuelt .posts .tease:nth-child(5n+4),
section#mer .posts .tease:nth-child(5n+4),
body.page-stilling-ledig .posts .tease:nth-child(5n+4),
body.category-stilling-ledig .posts .tease:nth-child(5n+4) {
    --aktuelt-bg: var(--color-aprikos);
    --aktuelt-text: var(--color-kastanjebrun);
}

section#aktuelt .posts .tease:nth-child(5n),
body.category-aktuelt .posts .tease:nth-child(5n),
section#mer .posts .tease:nth-child(5n),
body.page-stilling-ledig .posts .tease:nth-child(5n),
body.category-stilling-ledig .posts .tease:nth-child(5n) {
    --aktuelt-bg: var(--color-kremhvit);
    --aktuelt-text: var(--color-kastanjebrun);
}

section#aktuelt .posts .tease .textual-content,
body.category-aktuelt .posts .tease .textual-content,
section#mer .posts .tease .textual-content,
body.page-stilling-ledig .posts .tease .textual-content,
body.category-stilling-ledig .posts .tease .textual-content,
section#aktuelt .posts .tease .button-container,
body.category-aktuelt .posts .tease .button-container,
section#mer .posts .tease .button-container,
body.page-stilling-ledig .posts .tease .button-container,
body.category-stilling-ledig .posts .tease .button-container {
    background-color: var(--aktuelt-bg);
    color: var(--aktuelt-text);
}

section#aktuelt .posts .tease .textual-content h3,
body.category-aktuelt .posts .tease .textual-content h3,
section#mer .posts .tease .textual-content h3,
body.page-stilling-ledig .posts .tease .textual-content h3,
body.category-stilling-ledig .posts .tease .textual-content h3 {
    font-weight: 400;
    color: var(--aktuelt-text);
}

section#aktuelt .posts .tease .textual-content p,
body.category-aktuelt .posts .tease .textual-content p,
section#mer .posts .tease .textual-content p,
body.page-stilling-ledig .posts .tease .textual-content p,
body.category-stilling-ledig .posts .tease .textual-content p,
section#aktuelt .posts .tease .read-more,
body.category-aktuelt .posts .tease .read-more,
section#mer .posts .tease .read-more,
body.page-stilling-ledig .posts .tease .read-more,
body.category-stilling-ledig .posts .tease .read-more {
    color: var(--aktuelt-text);
    font-weight: 400;
}

section#aktuelt .posts .tease .read-more svg path,
body.category-aktuelt .posts .tease .read-more svg path,
section#mer .posts .tease .read-more svg path,
body.page-stilling-ledig .posts .tease .read-more svg path,
body.category-stilling-ledig .posts .tease .read-more svg path {
    fill: currentColor;
}

section#konserter .posts .tease,
section#flere-konserter .posts .tease,
body.post-type-archive-konsert .posts .tease {
    --konsert-bg: var(--color-kremhvit);
    --konsert-text: var(--color-kastanjebrun);
    border: 0;
    color: var(--konsert-text);
}

section#konserter .posts .tease:nth-child(5n+1),
section#flere-konserter .posts .tease:nth-child(5n+1),
body.post-type-archive-konsert .posts .tease:nth-child(5n+1) {
    --konsert-bg: var(--color-vinrod);
    --konsert-text: var(--color-kremhvit);
}

section#konserter .posts .tease:nth-child(5n+2),
section#flere-konserter .posts .tease:nth-child(5n+2),
body.post-type-archive-konsert .posts .tease:nth-child(5n+2) {
    --konsert-bg: var(--color-straagul);
    --konsert-text: var(--color-kastanjebrun);
}

section#konserter .posts .tease:nth-child(5n+3),
section#flere-konserter .posts .tease:nth-child(5n+3),
body.post-type-archive-konsert .posts .tease:nth-child(5n+3) {
    --konsert-bg: var(--color-kastanjebrun);
    --konsert-text: var(--color-kremhvit);
}

section#konserter .posts .tease:nth-child(5n+4),
section#flere-konserter .posts .tease:nth-child(5n+4),
body.post-type-archive-konsert .posts .tease:nth-child(5n+4) {
    --konsert-bg: var(--color-aprikos);
    --konsert-text: var(--color-kastanjebrun);
}

section#konserter .posts .tease:nth-child(5n),
section#flere-konserter .posts .tease:nth-child(5n),
body.post-type-archive-konsert .posts .tease:nth-child(5n) {
    --konsert-bg: var(--color-kremhvit);
    --konsert-text: var(--color-kastanjebrun);
}

section#konserter .posts .tease.konsert-color-1,
section#flere-konserter .posts .tease.konsert-color-1,
body.post-type-archive-konsert .posts .tease.konsert-color-1 {
    --konsert-bg: var(--color-vinrod);
    --konsert-text: var(--color-kremhvit);
}

section#konserter .posts .tease.konsert-color-2,
section#flere-konserter .posts .tease.konsert-color-2,
body.post-type-archive-konsert .posts .tease.konsert-color-2 {
    --konsert-bg: var(--color-straagul);
    --konsert-text: var(--color-kastanjebrun);
}

section#konserter .posts .tease.konsert-color-3,
section#flere-konserter .posts .tease.konsert-color-3,
body.post-type-archive-konsert .posts .tease.konsert-color-3 {
    --konsert-bg: var(--color-kastanjebrun);
    --konsert-text: var(--color-kremhvit);
}

section#konserter .posts .tease.konsert-color-4,
section#flere-konserter .posts .tease.konsert-color-4,
body.post-type-archive-konsert .posts .tease.konsert-color-4 {
    --konsert-bg: var(--color-aprikos);
    --konsert-text: var(--color-kastanjebrun);
}

section#konserter .posts .tease.konsert-color-5,
section#flere-konserter .posts .tease.konsert-color-5,
body.post-type-archive-konsert .posts .tease.konsert-color-5 {
    --konsert-bg: var(--color-kremhvit);
    --konsert-text: var(--color-kastanjebrun);
}

section#konserter .posts .tease .textual-content,
section#flere-konserter .posts .tease .textual-content,
body.post-type-archive-konsert .posts .tease .textual-content,
section#konserter .posts .tease .button-container,
section#flere-konserter .posts .tease .button-container,
body.post-type-archive-konsert .posts .tease .button-container {
    background-color: var(--konsert-bg);
    color: var(--konsert-text);
}

section#konserter .posts .tease .textual-content h3,
section#flere-konserter .posts .tease .textual-content h3,
body.post-type-archive-konsert .posts .tease .textual-content h3 {
    color: var(--konsert-text);
}

section#konserter .posts .tease .textual-content p,
section#flere-konserter .posts .tease .textual-content p,
body.post-type-archive-konsert .posts .tease .textual-content p,
section#konserter .posts .tease .read-more,
section#flere-konserter .posts .tease .read-more,
body.post-type-archive-konsert .posts .tease .read-more {
    color: var(--konsert-text);
}

section#konserter .posts .tease .read-more svg path,
section#flere-konserter .posts .tease .read-more svg path,
body.post-type-archive-konsert .posts .tease .read-more svg path {
    fill: currentColor;
}

.posts .tease.tease-publication .read-more {
    background: none;
    border: 0;
    padding:0;
    color: currentColor;
}

/* Konsert tease */
.posts .tease.tease-konsert {
    background-color: var(--konsert-bg, #000);
    background-image:none !important;
    border:0;
}

.posts .tease.tease-konsert .image-container .sale-status {
    position: absolute;
    bottom:10%;
    left:50%;
    transform: translateX(-50%);
    background: var(--konsert-text, #000);
    color: var(--konsert-bg, #fff);
    font-family: montserrat, sans-serif;
    font-weight: bold;
    border-radius:5px;
    line-height: 1;
    white-space: nowrap;

    font-size: 1.25rem;
    padding: .75rem 1rem;

    /*padding:8px 12px;*/
}

@media (max-width:600px){
    .posts .tease.tease-konsert .image-container .sale-status {
        font-size: 7vw;
        padding: 3vw 4vw;
    }
}

.sale-status svg {
    width:100%;
}

.sale-status.sale-status-few-tickets {
    color:#f8a761 !important;
}

.sale-status.sale-status-cancelled {
    color:#ff5858 !important;
}

.sale-status.sale-status-sold-out {
    color:#fff !important;
}

.posts .tease.tease-konsert .textual-content {
    color: var(--konsert-text, #fff);
    background-image: none !important;
    /*
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(20px);
     */
    background-color: var(--konsert-bg, rgba(0, 0, 0, 1));
    position: relative;
    overflow: hidden;
    display:flex;
    flex-direction: column;
    align-items: baseline;
    padding:32px;
}

.posts .tease.tease-konsert .textual-content h3 {
    /*font-family: "ivyora-display", sans-serif;*/
    /*font-weight: 400;*/
    font-size:3.125rem;
    font-family: 'Fenul', 'Roobert', sans-serif;
    font-weight: 400;
    font-style: normal;
    margin:0 0 1.5rem 0;
    text-transform:none;
    color: inherit;
}

.posts .tease.tease-konsert .textual-content p.sub-title {
    margin-block:8px 24px;
    font-size:1.25rem;
    font-weight:bold;
    color: inherit;
}

.posts .tease.tease-konsert .textual-content p.date-and-location {
    margin:0;
    color: inherit;
}



/* Musikere/Konsertsted/Dnbeplay */
.posts .tease.tease-actor,
.posts .tease.tease-konsertsted,
.posts .tease.tease-dnbeplay {
    border:0;
}

.posts .tease.tease-actor .image-container,
.posts .tease.tease-konsertsted .image-container {
    height:0;
    padding-bottom: 111.78247734%;
}

.posts .tease.tease-dnbeplay .image-container {
    width: 100%;
    height:0;
    padding-bottom: 56.25%;
    background-size: cover;
}


.posts .tease.tease-actor .textual-content,
.posts .tease.tease-konsertsted .textual-content {
    padding-left:0;
}

.posts .tease.tease-dnbeplay .textual-content {
    padding-left:20px;
}

@media (min-width: 600px) {
    .posts .tease.tease-dnbeplay .textual-content {
        padding-left:0;
    }
}

.posts .tease.tease-actor .textual-content h3,
.posts .tease.tease-konsertsted .textual-content h3,
.posts .tease.tease-dnbeplay .textual-content h3 {
    font-size: 1rem;
    font-weight: bold;
    margin:0 0 0.25em 0;
    color:currentColor;
}

.posts .tease.tease-actor .textual-content p,
.posts .tease.tease-konsertsted .textual-content p,
.posts .tease.tease-dnbeplay .textual-content p {
    font-size: 1rem;
    margin:0;
    font-weight: normal;
    color:currentColor;
}

/* Pages tease */
section#pages > .wrapper > .posts .tease.tease-page {
    background-color: #fff;
    border-width:0;
}

@media (min-width: 992px) {

    section#pages > .wrapper > .posts .tease.tease-page:nth-child(2) {
        margin-top:-120px;
        margin-bottom:120px;
    }
}

section#search > .wrapper > .search-results .tease {
    --search-bg: var(--color-kremhvit);
    --search-text: var(--color-kastanjebrun);
}

section#search > .wrapper > .search-results .tease:nth-child(4n+1) {
    --search-bg: var(--color-kastanjebrun);
    --search-text: var(--color-kremhvit);
}

section#search > .wrapper > .search-results .tease:nth-child(4n+2) {
    --search-bg: var(--color-aprikos);
    --search-text: var(--color-kastanjebrun);
}

section#search > .wrapper > .search-results .tease:nth-child(4n+3) {
    --search-bg: var(--color-vinrod);
    --search-text: var(--color-kremhvit);
}

section#search > .wrapper > .search-results .tease:nth-child(4n) {
    --search-bg: var(--color-straagul);
    --search-text: var(--color-kastanjebrun);
}

section#search > .wrapper > .search-results .tease .textual-content,
section#search > .wrapper > .search-results .tease .button-container {
    background-color: var(--search-bg);
    color: var(--search-text);
}

section#search > .wrapper > .search-results .tease .textual-content * {
    color: var(--search-text);
}

section#search > .wrapper > .search-results .tease .read-more,
section#search > .wrapper > .search-results .tease .read-more svg path {
    color: var(--search-text);
    fill: currentColor;
}


/* Pagination */
nav.pagination {
    list-style: none;
    padding:0;
}

nav.pagination button {
    display:inline-block;
    padding:0;
    border:0;
    background-color:transparent;
}

nav.pagination button svg {
    width:33px;
    height:33px;
}

nav.pagination button svg circle {
    transition: all 100ms;
}

nav.pagination button svg circle {
    fill:transparent;
}

nav.pagination button:hover svg circle {
    fill:#000;
}

nav.pagination button:hover svg path {
    fill:#fff;
}

nav.pagination button[disabled] svg {
    opacity: .3;
}


/* Footer */

footer.footer {
    background-color: var(--color-kremhvit);
    margin-top:100px;
}

footer.footer .wrapper {
    padding:30px 20px;
    display: grid;
    grid-template-columns: 1fr;
}

footer.sponsors {
    background-color: var(--color-kremhvit);
    color: var(--color-kastanjebrun);
}

footer.sponsors .wrapper {
    padding:30px 20px;
}

footer.sponsors .wrapper .widget {
    display: flex;
    flex-direction:column;
    align-items: center;
}

footer.sponsors .wrapper .widget > div {
    margin-block: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

footer.sponsors .wrapper .widget > div > img {
    height:40px;
    width: auto;
}

body.dark footer.footer .wrapper {
    border-width: 0;
}

@media (min-width: 992px) {
    footer.footer .wrapper {
        flex-direction: row;
        padding:30px 0;
    }
}

body.dark footer.footer .wrapper {
    border-width:0;
}

footer.footer .wrapper>.widget {
    color:var(--color-kastanjebrun);
    flex:1;
    margin-bottom: 30px;
}

@media (min-width: 992px) {

    footer.footer .wrapper {
        grid-template-columns: 2fr 1fr 1fr;
    }

    footer.footer .wrapper>.widget {
        margin-bottom: 0;
        padding: 0 20px;
    }

}

footer.footer .wrapper>.widget>h3,
footer.sponsors .wrapper>.widget>h3 {
    font-size: 1.5rem;
    margin:0;
}

footer.footer .wrapper>.widget a,
footer.sponsors .wrapper>.widget a {
    color:var(--color-kastanjebrun);
}

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

footer.producer .wrapper {
    padding-top:20px;
    padding-bottom:20px;
}

footer.producer .wrapper p {
    text-align: center;
    margin:0;
    color:var(--color-kremhvit);
}

footer.producer .wrapper p a {
    color:var(--color-kremhvit);
    text-decoration: underline;
}

footer.producer .wrapper p a:hover,
footer.producer .wrapper p a:focus {
    color:var(--color-aprikos);
}




/* Search */
section#search {
    display:none;
}

body.search-opened {
    overflow: hidden;
}

body.search-opened header.header {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index: 2;
    background-color: var(--color-kastanjebrun);
}



body.search-opened section#search {
    display:block;
    position: fixed;
    padding-top:200px;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background-color: var(--color-kastanjebrun);
    z-index: 3;
    color: var(--color-kremhvit);
    overflow-y: auto;
}

body.search-opened section#search .wrapper form {
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
}

body.search-opened section#search .wrapper form input {
    display: block;
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid var(--color-kremhvit);
    width: 100%;
    font-size: 28px;
    padding: 5px;
    color: var(--color-kremhvit);
}

body.search-opened section#search .wrapper form input::placeholder {
    color: rgba(255,253,244,0.7);
}

body.search-opened section#search .search-results {
    display: grid;
    gap: 24px;
}

@media (max-width: 767px) {
    body.search-opened section#search {
        padding-top: 160px;
    }

    body.search-opened section#search .wrapper {
        padding: 0 20px 60px;
        gap: 24px;
    }

    body.search-opened section#search .wrapper .toggle-search {
        width: 44px;
        height: 44px;
    }

    body.search-opened section#search .wrapper form input {
        font-size: 22px;
    }
}


/* Shortcodes */
.shortcode.shortcode-contact-us {
    display:flex;
    flex-direction: column;
    background-color: var(--color-kremhvit);
    padding: 50px 32px;
    color: var(--color-kastanjebrun);
}

@media (min-width: 600px) {
    .shortcode.shortcode-contact-us {
        flex-direction: row;
        padding: 50px 56px;
    }
}

@media (min-width: 992px) {
    .shortcode.shortcode-contact-us {
        flex-direction: row;
        padding: 70px 80px;
    }
}

.shortcode.shortcode-contact-us .textual-content {
    flex:0 0 40%;
    color: var(--color-kastanjebrun);
}

.shortcode.shortcode-contact-us .textual-content h3 {
    margin:0.25em 0 0 0;
    max-width: 250px;
    color: var(--color-kastanjebrun);
}

.shortcode.shortcode-contact-us .form-container {
    flex:1;
}

.shortcode.shortcode-contact-us .form-container form input,
.shortcode.shortcode-contact-us .form-container form textarea {
    background-color: transparent !important;
    border-color: rgba(41,5,1,0.4) !important;
    border-width:2px !important;
    padding:25px !important;
    color: var(--color-kastanjebrun) !important;
}

.shortcode.shortcode-contact-us .form-container form input:focus,
.shortcode.shortcode-contact-us .form-container form textarea:focus {
    outline: none !important;
    border-color: var(--color-kastanjebrun) !important;
    box-shadow: 0 0 0 3px rgba(41,5,1,0.1);
}

.shortcode.shortcode-contact-us .form-container form input::placeholder,
.shortcode.shortcode-contact-us .form-container form textarea::placeholder {
    color: rgba(41,5,1,0.5);
}

.shortcode.shortcode-contact-us .form-container form button {
    border: 0 !important;
    background-color: var(--color-aprikos) !important;
    color: var(--color-kastanjebrun) !important;
    padding: 14px 32px !important;
    font-weight: 500 !important;
    transition: opacity 180ms ease-in-out;
}

.shortcode.shortcode-contact-us .form-container form button:hover,
.shortcode.shortcode-contact-us .form-container form button:focus {
    opacity: 0.85;
}

.shortcode.shortcode-buy-giftcard {
    padding: 40px 0;
    max-width: 800px;
    margin: 0 auto;
}






body.series {
    background-color:#000;
    color:#fff;
}

body.series header.header .wrapper {
    padding:1.875rem 0;
}

body.series header.header .wrapper .branding {color:#fff;text-decoration: none;}
body.series header.header .wrapper .branding h3 {margin:0;}

body.series.post-type-archive-series #content .wrapper .posts .tease .textual-content {
    padding:20px 0 0 0;
    color:#fff;
}

body.series.single-series section#series-header .wrapper {
    max-width:1420px;
    padding:0;
}

body.series.single-series section#series-header .wrapper .iframe-wrapper {
    aspect-ratio: 16 / 9;
    position: relative;
}

body.series.single-series section#series-header .wrapper .iframe-wrapper iframe {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

body.series.single-series .wrapper #logo {
    margin:3.125rem 0 3.65625rem 0;
}

body.series.single-series .wrapper .ingress {
    margin-bottom:6.25rem;
}

body.series.single-series #episodes .wrapper header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom:1.875rem;
}

body.series.single-series #episodes .wrapper header h2 {
    text-transform: none;
    font-size: 2.25rem;
    margin:0;
}

body.series.single-series #episodes .wrapper header form .custom-select {
    border-radius: 10rem;
    display: grid;
    grid-template-areas: "select";
    align-items: center;
    width: auto;
    background-color: #000;
    border: 2px solid #fff;
    padding: 0.5rem 1rem;
    line-height: 1;
    font-size: 20px;
    color:#fff;
}

@media (min-width: 992px) {
    body.series.single-series #episodes .wrapper header form .custom-select  {
        width: 100%;
        min-width: 14ch;
    }
}

body.series.single-series #episodes .wrapper header form .custom-select::after {
    content: "";
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    grid-area: select;
    justify-self: end;
 }

body.series.single-series #episodes .wrapper header form .custom-select.selected {
    background-color: red;
}

body.series.single-series #episodes .wrapper header form .custom-select select {
    grid-area: select;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 0 0 0;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: 1.2;
    outline: none;
    text-transform: inherit;
    color: #fff;
}



body.series.single-series #episodes .wrapper main .episode {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10%;
    border-top: 0.125rem solid #fff;
    padding:3.125rem 0;
    position: relative;
    transition: transform 200ms ease-in-out;
}

body.series.single-series #episodes .wrapper main .episode:hover {
    transform: scale(1.015);
}

body.series.single-series #episodes .wrapper main .episode > a {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    z-index: 1;
}

body.series.single-series #episodes .wrapper main .episode .image-container {
    flex:0 0 32.38359972%;
    max-width: 32.38359972%;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-position: center;
}

body.series.single-series #episodes .wrapper main .episode .textual-content {

}

body.series.single-series #episodes .wrapper main .episode .textual-content h3 {
    font-size: 1.5rem;
}
body.series.single-series #episodes .wrapper main .episode .textual-content p {
    font-size: 1.25rem;
}
body.series.single-series #episodes .wrapper main .episode .textual-content span.button {
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
    font-weight: bold;
    font-size: 1.25rem;
    padding:.625rem 1.25rem;
    border-radius:0;
    display: inline-flex;
    align-items: center;
    gap: .625rem;
}



/** Single episode **/
body.series.single-episode section#episode-header .wrapper {
    max-width:1420px;
    padding:0;
}

body.series.single-episode section#episode-header .wrapper .iframe-wrapper {
    aspect-ratio: 16 / 9;
    position: relative;
}

body.series.single-episode section#episode-header .wrapper .iframe-wrapper iframe {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

body.series.single-episode #content {
    padding:0;
}
body.series.single-episode #content .wrapper #series-logo {
    margin:3.125rem 0 1.875rem 0;
    width: 250px;
}

body.series.single-episode #content .wrapper h1 {
    font-size: 5rem;
    margin:0 0 1.875rem 0;
    line-height: 1.15;
}

body.series.single-episode #content .wrapper .ingress {
    font-size:1.5rem;
    margin: 0 0 3.125rem 0;
}

body.series.single-episode #content .wrapper #episode-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body.series.single-episode #content .wrapper #episode-navigation .previous,
body.series.single-episode #content .wrapper #episode-navigation .next {
    font-size: 1.25rem;
    font-weight:bold;
    color:#fff;
    text-decoration: none;
    transition: all 100ms ease-in-out;
}

body.series.single-episode #content .wrapper #episode-navigation .previous:hover,
body.series.single-episode #content .wrapper #episode-navigation .next:hover {
    transform: scale(1.015);
    opacity: .75;
}

body.series.single-episode #content .wrapper #episode-navigation p {
    font-size:1.25rem;
}

body.series.single-episode #content .wrapper #episode-navigation p a {
    color:#fff;
}

body.series.single-episode #extra-content {
    margin-top: 3.125rem;
    margin-bottom: 6.25rem;
}

body.series.single-episode #extra-content .wrapper header {
    border-bottom:2px solid #fff;
    padding:0 0 1.875rem 0;
}

body.series.single-episode #extra-content .wrapper header h2 {
    text-align: left;
    margin:0;
    font-size: 2.25rem;
    text-transform: none;
}

body.series.single-episode #extra-content .wrapper main .extra-content {
    display: flex;
    gap:3.125rem;
    align-items: center;
    justify-content: space-between;
    border-bottom:2px solid #fff;
    padding:3.125rem 0;
}
body.series.single-episode #extra-content .wrapper main .extra-content .video-container {
    flex:0 0 46.05678233%;
    max-width: 46.05678233%;
}
body.series.single-episode #extra-content .wrapper main .extra-content .video-container .iframe-wrapper {
    aspect-ratio: 16 / 9;
    position: relative;
}

body.series.single-episode #extra-content .wrapper main .extra-content .video-container .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.series.single-episode #genre-presentations {

}

body.series.single-episode #genre-presentations .wrapper .genre {
    margin-bottom: 6.25rem;
}

body.series.single-episode #genre-presentations .wrapper .genre h2 {
    font-size: 2.25rem;
    margin:0 0 1.25rem 0;
}
body.series.single-episode #genre-presentations .wrapper .genre h2 span {
    font-weight:normal;
}

body.series.single-episode #genre-presentations .wrapper .genre p {
    font-size: 1.25rem;
    margin-top:0;
}


body.series.single-episode #location-presentation {
    margin-bottom: 9.375rem;
}

body.series.single-episode #location-presentation .wrapper {
    display: flex;
    gap:3.125rem;
    align-items: center;
    justify-content: space-between;
}

body.series.single-episode #location-presentation .wrapper .image-container {
    flex:0 0 46.05678233%;
    max-width: 46.05678233%;
    margin:0;
    background-size: cover;
    background-position: center;
    border-radius:.625rem;
    aspect-ratio: 438 / 598;
}



body.series.single-episode #location-presentation .wrapper .textual-content h2 {
    font-size: 2.25rem;
    line-height: 1;
    margin:0 0 1.25rem 0;
}

body.series.single-episode #location-presentation .wrapper .textual-content h2 span {
    font-weight:normal;
}

body.series.single-episode #location-presentation .wrapper .textual-content p {
    font-size: 1.25rem;
    margin-top:0;
}

body.series.single-episode #location-presentation .wrapper .textual-content .button {
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
    font-weight: bold;
    font-size: 1.25rem;
    padding:.625rem 1.25rem;
    border-radius:0;
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    text-decoration: none;
}

body.series.single-episode #taxonomy-presentations .wrapper .taxonomy {
    margin-bottom:3.125rem;
    font-size:1.25rem;
}

body.series.single-episode #taxonomy-presentations .wrapper .taxonomy a {
    color:#fff;
}





body.series #episodes {
    margin-top:6.25rem;
}


body.series.archive #episodes {
    margin-top:0;
}

body.series #episodes .wrapper {
    max-width: 1420px !important;
    padding:0;
}


body.series #episodes .wrapper h2 {
    margin:0 0 3.125rem 0;
    font-size: 2.25rem;
}

body.series #episodes .wrapper .posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

}

body.series #episodes .wrapper .posts .tease-episode {
    position:relative;
    transition: transform 200ms ease-in-out;
}

body.series #episodes .wrapper .posts .tease-episode:hover {
    transform: scale(1.025);
}

body.series #episodes .wrapper .posts .tease-episode > a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 1;
}

body.series #episodes .wrapper .posts .tease-episode .textual-content {
    color:#fff;
    padding:1.25rem 0;
}

body.series #episodes .wrapper .posts .tease-episode .textual-content h3 {
    margin:0 0 .625rem 0;
    font-size: 1.5rem;
    text-transform: none;
}

body.series #episodes .wrapper .posts .tease-episode .textual-content p {
    font-size: 1.25rem;
    margin:0;
}



/** CONTRIBUTOR PRESENTATION **/
body.series #contributor-presentation {
    margin-bottom: 1.5625rem;
}

body.series #contributor-presentation .wrapper {
    max-width: 1420px !important;
    padding:0;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:1.5625rem;
}

body.series #contributor-presentation .wrapper .image-container {

}

body.series #contributor-presentation .wrapper .textual-content h1 {
    font-size: 2.25rem;
}

body.series #contributor-presentation .wrapper .textual-content p {
    font-size: 1.125rem;
}



body.series footer.footer .wrapper {
    border-top:0;
}


.grid-container {
    margin:0 auto;
    width: 100%;
    max-width: 1280px;
}

.grid {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.grid .row {
    display: flex;
    flex-wrap: wrap;
    background-color: lightgrey;
}

.grid .row .block {
    flex: 1 0 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid .row .block.video {

}

.grid .row .block:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.grid .row .block:first-child {
    background-color: lightblue;
}

.grid .row .block:last-child {
    background-color: lightgreen;
}

.accordion {display: flex;flex-direction: column;font-family: montserrat, sans-serif;}
.accordion > .section {display: flex;flex-direction: column;border-bottom: 1px solid var(--color-kremhvit);overflow:hidden;}
.accordion > .section > button.toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.accordion > .section > button.toggle {
    background-color: transparent;
    border: 0;
    color: var(--color-kremhvit);
    font-size: 1.17em;
    padding: 20px 0;
    font-weight: bold;
    font-family: montserrat, sans-serif;
    cursor: pointer;
}

.accordion > .section > button.toggle:focus-visible {
    text-decoration: underline;
}

.accordion > .section > button.toggle:after {
    content: "";
    background-image: url(../img/chevron.svg);
    width: 20px;
    height: 20px;
    margin-right: 7px;
    cursor:pointer;
    transform: rotate(180deg);
    transition: transform 200ms ease-in-out;
}

.accordion > .section.open > button.toggle:after {
    transform: rotate(0deg);
}


.accordion > .section > .pane {
    display: none;
    transition: all 100ms ease-in-out;
    height:0;
    opacity: 0;
    color: var(--color-kremhvit);
}
.accordion > .section.open > .pane {
    opacity: 1;
    display: block;
    height: initial;
    margin: 20px 0 40px 0;
}

section#actors .posts,
section#konsertsted .posts {
    margin:0;
}

section#actors .posts .tease,
section#konsertsted .posts .tease{
    color: var(--color-kremhvit) !important;
}

section#actors .posts .tease .button-container,
section#konsertsted .posts .tease .button-container {
    padding-left:0;
}

section#actors .posts .tease .button-container .read-more,
section#konsertsted .posts .tease .button-container .read-more {
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
}

section#actors .posts .tease .button-container .read-more svg path,
section#konsertsted .posts .tease .button-container .read-more svg path{
    fill: currentColor;
}

#program-points {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
#program-points .program-point {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    align-items: center;
}

#program-points .program-point * {
    margin:0;
    line-height: 1.2;
}


/**
 Front page header
 */

#frontpage-header {
    background-color: var(--color-kastanjebrun);
    color: var(--color-kremhvit);
}

#frontpage-header .wrapper {
    position:relative;
    padding-block:32px 48px;
}

#frontpage-header .wrapper > a {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
}

#frontpage-header .wrapper figure {
    margin:0;
}

#frontpage-header .wrapper figure img {
    border-radius: 0;
}

#frontpage-header .wrapper .textual-content {
    --padding-inline: 20px;
    padding-inline: var(--padding-inline);
}

#frontpage-header .wrapper .textual-content h1 {

    /*font-family: "ivyora-display", sans-serif;*/
    font-size: 48px;
    font-style: normal;
    line-height: 1;
    margin-block:32px 16px;

}

#frontpage-header .wrapper .textual-content p.sub-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.2px;
    margin-block:16px 8px;
}

#frontpage-header .wrapper .textual-content a {
    background-color: var(--color-aprikos);
    color: var(--color-kastanjebrun);
    border-radius: 0;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    margin-top: 1.5rem;
}


@media screen and (min-width:992px) {

    #frontpage-header .wrapper .textual-content {
        --padding-inline: 0;
    }

    #frontpage-header .wrapper .textual-content h1 {
        font-size: 80px;
        margin-block:40px 24px;
    }

    #frontpage-header .wrapper .textual-content p.sub-title {
        font-size: 24px;
        margin-block:20px 12px;
    }
}

/* Navigation palette override */
header.header .wrapper #navigation > ul > li > a,
header.header .wrapper #navigation > ul > li > button {
    color: var(--color-kremhvit) !important;
}

header.header .wrapper #navigation > ul > li.current-menu-item > a,
header.header .wrapper #navigation > ul > li > a:hover,
header.header .wrapper #navigation > ul > li > button:hover {
    color: var(--color-aprikos) !important;
}

header.header .wrapper #navigation ul > li.has-submenu > button > span::after {
    color: var(--color-kremhvit) !important;
}

header.header .wrapper #navigation ul > li.has-submenu > ul {
    background-color: var(--color-kremhvit) !important;
    color: var(--color-kastanjebrun) !important;
}

header.header .wrapper #navigation ul > li.has-submenu > ul a {
    color: var(--color-kastanjebrun) !important;
}

header.header .wrapper #navigation ul > li.has-submenu > ul a:hover {
    color: var(--color-aprikos) !important;
}
body.search-opened section#search .wrapper {
    position: relative;
    max-width: 1248px;
    margin: 0 auto;
    padding: 0 32px 80px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

body.search-opened section#search .wrapper .toggle-search {
    align-self: flex-end;
    margin-left: auto;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255,253,244,0.5);
    border-radius: 50%;
    background: transparent;
    position: relative;
    cursor: pointer;
    transition: background-color 180ms ease-in-out,
                border-color 180ms ease-in-out,
                transform 120ms ease-in-out;
}

body.search-opened section#search .wrapper .toggle-search::before,
body.search-opened section#search .wrapper .toggle-search::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 2px;
    background-color: var(--color-kremhvit);
    transform-origin: center;
}

body.search-opened section#search .wrapper .toggle-search::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

body.search-opened section#search .wrapper .toggle-search::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

body.search-opened section#search .wrapper .toggle-search:hover,
body.search-opened section#search .wrapper .toggle-search:focus {
    background-color: rgba(255,253,244,0.1);
    border-color: var(--color-kremhvit);
    transform: scale(1.05);
}