body.page-template-template-premium,
.events-template-default main.premium {
    /* // TODO: FIX */
    background-color: var(--wp--custom--premium-background);
}

body.page-template-template-premium .search-wrapper .container,
header .inner-header-wrapper.premium {
    background: var(--wp--custom--premium-background);
}

body.page-template-template-premium .search-wrapper .container form {
    background: #FFFFFF;
}

body.page-template-template-premium .search-wrapper>*,
header .inner-header-wrapper.premium,
header .inner-header-wrapper.premium .icon-nav>.icon {
    color: #FFFFFF;
}

header .inner-header-wrapper.premium .language-switcher-header .lang-link {
    color: #FFFFFF;
}

header .inner-header-wrapper.premium .language-switcher-header .lang-link:hover,
header .inner-header-wrapper.premium .language-switcher-header .lang-link.active {
    color: var(--wp--custom--button-primary);
}

header .inner-header-wrapper.premium .language-switcher-header .lang-separator {
    color: #FFFFFF;
    opacity: 0.5;
}

header .inner-header-wrapper.premium .logo img{
    display: block;
    visibility: visible;
    opacity: 1;
}

header .inner-header-wrapper.premium .nav-wrapper .presented{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
} 

header .inner-header-wrapper.premium .nav-wrapper .presented span{
    font-size:15px;
    line-height:20px;
} 

header .inner-header-wrapper.premium .nav-wrapper .presented img{
    width:100%;
    max-width:35px;
    height: auto;
} 

header .inner-header-wrapper.premium .nav-wrapper{
    gap: 30px;
    padding-left: 20px;
}

.premium.remove-margins,
.premium.remove-margins section[class*='premium'] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ------- Utility ------- */

.d-flex {
    display: flex !important;
}

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

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

.max-w-full {
    max-width: 100% !important;
}

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

.grey-dark {
    color: rgba(68, 68, 68, 1) !important;
}

.grey-light {
    color: rgba(191, 191, 191, 1) !important;
}

.spacing-small {
    letter-spacing: 2px !important;
}

/* ------- Typography ------- */

:root {
    --premium-small-gap: 12px;
    --premium-medium-gap: 16px;
    --premium-big-gap: 24px;
    --premium-xl-gap: 48px;
    --premium-entry-content-text: #BFBFBF;
    --grey-light: rgba(191, 191, 191, 1);
}

section[class*='premium'] .entry-content {
    color: var(--premium-entry-content-text);
}

section[class*='premium'].hero-premium .entry-content p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
}

section[class*='premium'] .entry-content * {
    color: rgba(191, 191, 191, 1);
}

section[class*='premium']:not(.hero-premium) .entry-content p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
}

section[class*='premium'] .entry-content ul li {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    list-style-position: outside;
    margin-left: 1.4rem;
}

section[class*='premium'] .entry-content ul li::marker {
    font-size: 17px;
}

/* TODO: CHECK */
section[class*='premium'] .entry-content ul li:last-child {
    /* margin-bottom: 0; */
}

section[class*='premium'] .headline {
    display: flex;
    flex-direction: column;
    gap: var(--premium-big-gap);
}

section.text-with-media-premium .headline {
    gap: var(--premium-medium-gap);
}

section[class*='premium'] .labels {
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
    gap: 7px;
    flex-direction: column;
}

section[class*='premium'] .wpforms-field-container input {
    font-weight: 200;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
}

section[class*='premium'] .wpforms-field-container input {
    color: #FFFFFF !important;
}

section[class*='premium'] .wpforms-field-container input {
    font-size: 16px;
    line-height: 1.25;
}

/* TODO:rework to block */
section.list-packages {
    max-width: var(--maxWidth) !important;
    padding: 64px 16px;
    gap: var(--premium-xl-gap);
    flex-direction: column;
}


section.list-packages .text-with-media-premium>.container {
    border: 1px solid #444444;
}


section.section-header-premium,
section.section-header-premium .section-header {
    max-width: var(--maxWidth) !important;
}

section.section-header-premium .section-header .headline .labels {
    justify-content: flex-start;
}

section[class*='premium'] .premium-price-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* ------- Buttons ------- */

section[class*='premium'] .btn-secondary {
    width: fit-content;
    background: var(--wp--custom--button-secondary);
    border-radius: 2px;
    Padding: 12px 24px 12px 24px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 0.2em;
    white-space: nowrap;
    color: var(--wp--custom--button-secondary-text);
    text-decoration: none;
    cursor: pointer;
    border: 1px solid var(--wp--custom--button-secondary);
}

section[class*='premium'] .btn-secondary:hover {
    background: transparent;
    color: var(--wp--custom--button-secondary);
}

section[class*='premium'] .btn-primary.ticket-link,
section[class*='premium'] .btn-primary-alt.ticket-link {
    padding: 9px 17px;
    font-size: 15px;
}

section[class*='premium'] .card-ticket .btn-primary {
        font-size: 12px;
}

@media (min-width: 600px) {
    section[class*='premium'] .card-ticket .btn-primary {
        font-size: 15px;
        padding: 16px 32px !important;
    }
}

@media (min-width: 600px) {
    section[class*='premium'] .card-ticket .btn-primary,
    section[class*='premium'] .card-ticket .btn-tertiary,
    section[class*='premium'] .card-ticket .btn-tertiary-alt {
        padding: 16px 32px !important;
    }
}

section[class*='premium'] form button {
    width: fit-content;
    background: var(--wp--custom--button-secondary);
    border-radius: 2px;
    Padding: 12px 24px 12px 24px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 0.2em;
    white-space: nowrap;
    color: var(--wp--custom--button-secondary-text);
    text-decoration: none;
    cursor: pointer;
    border: 1px solid var(--wp--custom--button-secondary);
}

section[class*='premium'] form button:hover {
    background: transparent;
    color: var(--wp--custom--button-secondary);
    border: 1px solid white !important;
}

section[class*='premium'] .btn-small {
    Padding: 4px 12px 4px 12px;
    font-size: 14px;
    line-height: 1.57;
}

/* ------- Footer ------- */

footer.premium {
    background: var(--wp--custom--premium-background);
    padding: 64px 16px;
    margin: 0;
    gap: 24px;
}

footer.premium>.container {
    gap: 10px;
    row-gap: var(--premium-big-gap);
    align-items: flex-end;
    flex-direction: column;
    margin: 0 auto;
    max-width: var(--maxWidth);
}

footer.premium .col {
    width: 100%;
    flex-direction: column;
}

footer.premium .col.text {
    gap: var(--premium-small-gap);
    justify-content: flex-end;
}

footer.premium .col img {
    width: 100%;
    object-fit: contain;
    height: auto;
    max-width: 456px;
}

@media (max-width: 599px) {

    section[class*='premium']:not(.hero-premium):not(.text-with-media-premium) .headline {
        gap: var(--premium-small-gap);
    }

    section[class*='premium'] form button,
    section[class*='premium'] .btn-secondary {
        Padding: 4px 12px 4px 12px;
    }
}

@media (min-width: 600px) {

    section[class*='premium']:not(.hero-premium) .headline {
        gap: var(--premium-big-gap);
    }

    section[class*='premium'] .headline .labels h4+h4 {
        padding-left: 5px;
    }

    /* section[class*='premium'] .btn-secondary:not(.btn-small) {
        font-size: 20px;
        line-height: 24px;
    } */

    section[class*='premium'].hero-premium .entry-content p {
        font-size: 20px;
        line-height: 1.2;
    }

    section[class*='premium'] .wpforms-field-container input {
        font-size: 24px;
        line-height: 1.167;
    }

    section[class*='premium'] .entry-content ul li {
        font-size: 20px;
        line-height: 1.6;
    }

    section[class*='premium'] .labels {
        flex-direction: row;
    }

    section.list-packages {
        padding: 128px 48px;
    }
}

@media (min-width: 1025px) {

    footer.premium {
        padding: 256px 64px;
    }

    footer.premium .col {
        padding: 56px 24px;
    }

    footer.premium .col img {
        max-width: inherit;
    }

    footer.premium>.container {
        flex-direction: row;
    }

    footer.premium .col {
        width: 50%;
        height: 100%;
    }
}


/**
* @license
*
* Font Family: General Sans
* Designed by: Frode Helland
* URL: https://www.fontshare.com/fonts/general-sans
* © 2025 Indian Type Foundry
*
* General Sans Regular
* General Sans Italic
* General Sans Bold
* General Sans BoldItalic
*
*/
/*
@font-face {
    font-family: 'GeneralSans-Regular';
    src: url('../fonts/general-sans/GeneralSans-Regular.woff2') format('woff2'),
        url('../fonts/general-sans/GeneralSans-Regular.woff') format('woff'),
        url('../fonts/general-sans/GeneralSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralSans-Italic';
    src: url('../fonts/general-sans/GeneralSans-Italic.woff2') format('woff2'),
        url('../fonts/general-sans/GeneralSans-Italic.woff') format('woff'),
        url('../fonts/general-sans/GeneralSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'GeneralSans-Bold';
    src: url('../fonts/general-sans/GeneralSans-Bold.woff2') format('woff2'),
        url('../fonts/general-sans/GeneralSans-Bold.woff') format('woff'),
        url('../fonts/general-sans/GeneralSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralSans-BoldItalic';
    src: url('../fonts/general-sans/GeneralSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/general-sans/GeneralSans-BoldItalic.woff') format('woff'),
        url('../fonts/general-sans/GeneralSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'Gellix-Regular';
    src: url('../fonts/gellix/Gellix-Regular.woff2') format('woff2'),
        url('../fonts/gellix/Gellix-Regular.woff') format('woff'),
        url('../fonts/ge√llix/Gellix-Regular.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    /* font-style: italic; */
/*
}

@font-face {
    font-family: 'Gellix-Light';
    src: url('../fonts/gellix/Gellix-Light.woff2') format('woff2'),
        url('../fonts/gellix/Gellix-Light.woff') format('woff'),
        url('../fonts/ge√llix/Gellix-Light.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Gellix-Bold';
    src: url('../fonts/gellix/Gellix-Bold.woff2') format('woff2'),
        url('../fonts/gellix/Gellix-Bold.woff') format('woff'),
        url('../fonts/ge√llix/Gellix-Bold.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
}
*/


section[class*='premium'] [class*="btn-"],
section[class*='premium'] .headline.plate .title,
footer[class*='premium'] h1,
footer[class*='premium'] h2,
footer[class*='premium'] h3,
footer[class*='premium'] h4 {
    font-family: 'Gellix-Regular';
}

section[class*='premium'] [class*="btn-"] {
    text-transform: uppercase;
}

section[class*='premium'] {
    font-family: 'Gellix-Light';
}

section[class*='premium'] p,
footer[class*='premium'] p,
section[class*='premium'] .entry-content *:not(h1):not(h2):not(h3) {
    font-family: 'GeneralSans-Regular';
}

section[class*='premium'] p.bold {
    font-weight: 700;
}

/* Group with premiumblocks */

main.premium .wp-block-group {
    display: flex;
    flex-direction: column;
    padding: 64px 16px;
    gap: 24px;
    width: 100%;
    max-width: var(--maxWidth);
    margin: 0 auto;
}

main.premium .wp-block-group>* {
    width: 100%;
}

main.premium .wp-block-group .section-image-premium .container {
    padding: 48px 0;
}

@media (min-width: 768px) {
    main.premium .wp-block-group {
        padding: 128px 48px;
        gap: 48px;
    }

    main.premium .wp-block-group .section-image-premium .container {
        padding: 48px;
    }

    .section-image-premium .container {
        padding: 48px;
    }

    .section-image-premium .content-wrapper.plate,
    .section-image-premium .content-wrapper .entry-content {
        max-width: 384px;
    }

    section[class*='premium'] .btn-primary.ticket-link,
    section[class*='premium'] .btn-primary-alt.ticket-link {
        Padding: 16px 32px;
        font-size: 15px;
    }

}

.card-event .card-content .card-button-content .btn-wrapper {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.card-event .card-content .card-button-content {
    align-items: flex-start !important;
}

/*.premium-ticket-headline-promoter {
    min-height: 56px;
}*/

/**
Title utility styles
 */

/* Display Styles */
.premium-display-sm {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: 0.27em;
}

.premium-display-xs-tight {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.1em;
}

.premium-display-sm-tight {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.333;
    letter-spacing: 0.0833em;
}

.premium-display-md-small {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.333;
    letter-spacing: 0.27em;
}

@media (min-width: 600px) {
    .premium-display-xs-tight {
        font-weight: 400;
        font-size: 32px;
        line-height: 1.25;
        letter-spacing: 0.0625em;
    }

    .premium-display-sm, .premium-display-sm-tight {
        font-size: 36px;
        line-height: 1.22;
    }

    .premium-display-md-small {
        font-size: 40px;
        line-height: 1.2;
    }
}

.premium-display-lg {
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: 0.225em;
}

@media (min-width: 600px) {
    .premium-display-lg {
        font-size: 60px;
        line-height: 1.2;
    }
}

.premium-display-md {
    font-size: 36px;
    line-height: 1.22;
    letter-spacing: 0.2em;
}

@media (min-width: 600px) {
    .premium-display-md {
        font-size: 48px;
        line-height: 1.08;
    }
}

/* Body Styles */
.premium-body-md {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.25em;
}

.premium-body-xxxs {
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: 0.2857em;
}

.premium-body-xxs {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.25em;
}

@media (min-width: 600px) {
    .premium-body-md,
    .premium-body-xxs,
    .premium-body-xxxs {
        font-size: 20px;
        line-height: 1.2;
    }
}

.premium-body-sm {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.25em;
}

/* Body Styles */
.premium-body-xs {
    font-size: 12px;
    line-height: 1.42;
    letter-spacing: -0.0017em;
}

@media (min-width: 600px) {
    .premium-body-xs {
        font-size: 18px;
        line-height: 1.22;
    }
}


.premium-body-lg {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.25em;
}

@media (min-width: 600px) {
    .premium-body-lg {
        font-size: 24px;
        line-height: 1.167;
    }
}


.premium-margin-top-1 {
    margin-top: 12px;
}

.premium-margin-top,
.premium-margin-top-2 {
    margin-top: 24px;
}

.premium-margin-bottom-1 {
    margin-bottom: 12px;
}

.premium-margin-bottom,
.premium-margin-bottom-2 {
    margin-bottom: 24px;
}

/* Font Styles */
.premium-font-regular {
    font-family: 'Gellix-Regular';
    font-weight: 400;
}

.premium-font-flex {
    font-family: 'Gellix-Regular';
    font-weight: 400;
}

@media (min-width: 600px) {
    .premium-font-flex {
        font-weight: 300;
    }
}

.premium-font-light {
    font-family: 'Gellix-Light';
    font-weight: 200;
}

.premium-font-bold {
    font-family: 'Gellix-Bold';
    font-weight: 700;
}

/* Text Styles */
.premium-text-center {
    text-align: center;
}

.premium-uppercase {
    text-transform: uppercase;
}

.premium-capitalize {
    text-transform: capitalize;
}

.premium-white {
    color: #ffffff !important;
}

.premium-black {
    color: #000000 !important;
}

.premium-faded-black {
    color: rgba(37,37,37,1) !important;
}

.premium-gray {
    color: rgba(117,117,117,1) !important;
}

.premium-wordbreak {
    overflow-wrap: break-word;
    hyphens: auto;
}


/* premium ticket image slider */

.premium-ticket-image-slider {
	position:relative;
	width: 100%;
	height:100%;
	margin:0 auto;
	overflow:hidden;
}

.premium-ticket-image-slider img:first-child {
	position:relative;
	width:100%;
	left:0%;
	top:0;
}

.premium-ticket-image-slider img {
	position:absolute;
/* 	width:100%;
	left:-100%;
	top:0;
	object-fit: cover;
    max-height: 100%;
    max-width: 100%; */
}

.premium-ticket-next {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0%;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	opacity:0.7;
	background-color:black;
	z-index:19;
	position:absolute;
	color:white;
	z-index:20;
	margin-right: 8px;
}

.premium-ticket-next svg{
    width: 16px;
    margin: 0;
    height: 16px;
    margin: 7px 0 0 8px;
    display: block;
}

.premium-ticket-next:hover{
	opacity: 1;
	cursor: pointer;
}

.premium-ticket-prev {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0%;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	opacity:0.7;
	background-color:black;
	z-index:19;
	position:absolute;
	color:white;
	z-index:20;
	margin-left: 8px;
}

.premium-ticket-prev svg{
	transform: rotate(180deg);
    width: 16px;
    margin: 0;
    height: 16px;
    margin: 7px 0 0 5px;
    display: block;
}

.premium-ticket-prev:hover {
	opacity: 1;
	cursor: pointer;
}