@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_light.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_light.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_lightitalic.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_lightitalic.woff) format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_regular.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_regular.woff) format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_regularitalic.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_regularitalic.woff) format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_medium.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_medium.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_mediumitalic.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_mediumitalic.woff) format('woff');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_bold.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_bold.woff) format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_bolditalic.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_bolditalic.woff) format('woff');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_xbold.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_xbold.woff) format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_xbolditalic.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_xbolditalic.woff) format('woff');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_heavy.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_heavy.woff) format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'lionmusicals';
src: url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_heavyitalic.woff2) format('woff2'),
url(//lionmusicals.dk/wp-content/themes/Lion/assets/fonts/lionmusicals_heavyitalic.woff) format('woff');
font-weight: 900;
font-style: italic;
}
.post-type-archive-forestillinger section#internationale {
background: var(--darkColor);
color: var(--lightColor);
}
.post-type-archive-forestillinger section#internationale.forestillinger-wrapper .forestilling a.lionbtn.ticketbtn {
color: var(--lightColor);
}
.post-type-archive-forestillinger section#internationale.forestillinger-wrapper .forestilling a.lionbtn {
color: var(--lightColor);
}
.post-type-archive-forestillinger section#internationale.forestillinger-wrapper .forestilling a.lionbtn.ticketbtn:before {
border: .2vw solid var(--lightColor);
}
:root { --bringer-s-backlight: #F5F7FA12;
--bringer-s-cursor-light: var(--bringer-s-backlight);
--container-margin: 3vw;
--transition: 0.2s ease-in-out;
--darkColor: #181616;
--lightColor: #fefbf3;
--goldGradient: linear-gradient(130deg, #b48f50 10%, #e7ca9b 20%, #b38d3d 30%, #c9bd88 40%, #d0ae71 70%, #ac874a 80%, #b48f50 90%);
} [data-theme="dark"] {
--darkColor: #fefbf3;
--lightColor: #181616;
}
body.dropdown-opened header#header {
background: var(--lightColor);
border-color: rgb(0 0 0 / 40%); }
body.dropdown-opened header#header nav > ul > li > a {
color: var(--darkColor);
}
body.dropdown-opened header#header .brand.lion {
background: var(--lightColor);
box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
}
body.dropdown-opened header#header .brand.lion img {
filter: brightness(0.2);
}
div#dropdown-menu {
height: calc(8vw + 38vw);
position: fixed;
color: var(--darkColor);
top: 0;
left: 0;
width: 100%;
background: var(--lightColor);
z-index: 888;
transition: all var(--transition);
opacity: 0;
visibility: hidden;
padding-top: calc(8vw + 4vw);
display: flex;
flex-direction: column;
transform: translatey(-100%);
}
div#dropdown-menu.headerActive {
padding-top: calc(4.7vw + 4vw);
}
div#dropdown-menu .logo {
position: absolute;
width: 4vw;
left: 1vw;
bottom: 11.5vw;
filter: brightness(0.2);
}
body.dropdown-opened div#dropdown-menu {
opacity: 1;
visibility: visible;
transform: translatey(0);
}
body.dropdown-opened div#dropdown-menu h4 {
font-size: 2vw;
margin-bottom: 1vw;
display: none;
}
body.dropdown-opened div#dropdown-menu ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 1.8vw;
}
body.dropdown-opened div#dropdown-menu ul > li {
margin: 0 0 1vw;
}
body.dropdown-opened div#dropdown-menu ul li a {
color: var(--darkColor);
}
body.dropdown-opened div#dropdown-menu #sub-menu-container ul > li {
margin: 0 0 2vw;
}
body.dropdown-opened div#dropdown-menu #sub-menu-container ul li a {
font-weight: 600;
text-transform: uppercase;
}
body.dropdown-opened div#dropdown-menu ul.text-links li a {
text-decoration: underline !important;
font-size: 1.2vw;
}
div#dropdown-menu span#close-menu {
position: absolute;
top: calc(8vw + 1vw);
right: 1vw;
font-size: 40px;
color: var(--darkColor);
cursor: pointer;
transition: all var(--transition);
}
div#dropdown-menu.headerActive span#close-menu {
top: calc(4.7vw + 1vw);
}
div#dropdown-overlay {
position: fixed;
z-index: 777;
position: fixed;
inset: 0;
background: rgb(0 0 0 / 80%);
opacity: 0;
visibility: hidden;
}
body.dropdown-opened div#dropdown-overlay {
opacity: 1;
visibility: visible;
}
.marquee-wrapper,
#dropdown-menu .marquee {
border-top: 1px solid rgb(255 255 255 / 40%); padding: 2vw 0;
position: relative;
overflow: hidden;
background: var(--darkColor);
}
#dropdown-menu .marquee {
padding: 2vw 0;
}
.marquee {
display: flex;
}
.marquee > p {
line-height: 1;
font-size: 8vw;
font-weight: 700;
white-space: nowrap;
display: block;
margin-top: -1.4vw;
}
.marquee > p > i { background: var(--goldGradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; display: inline-block;
font-style: normal;
}
#dropdown-menu .marquee {
margin-top: auto;
border-color: rgb(0 0 0 / 40%);
background: var(--lightColor);
}
#dropdown-menu .marquee > p > i {
color: var(--darkColor);
background: unset;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
display: inline-block;
font-style: normal;
}
.marquee > p > i:after {
content: '*';
position: relative;
display: inline-block;
top: 1.4vw;
padding: 0 2vw;
background: var(--goldGradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#dropdown-menu .marquee > p > i:after {
color: var(--darkColor);
background: unset;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
}
:root {
--tec-color-text-primary: var(--lightColor);
--tec-color-text-primary-light: rgba(20,24,39,.62);
--tec-color-text-secondary: #5d5d5d;
--tec-color-text-disabled: #d5d5d5;
--tec-color-text-events-title: var(--tec-color-text-primary);
--tec-color-text-event-title: var(--tec-color-text-events-title);
--tec-color-text-event-date: var(--tec-color-text-primary);
--tec-color-background: #000;
}
.tribe-events-view,
section#tribe-events-pg-template {
margin-top: 8vw;
padding-top: 4vw;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
padding: 0;
padding-left: 3vw;
padding-right: 3vw;
width: 100%;
max-width: 100%;
}
body {
color: var(--darkColor);
background: var(--lightColor);
font-size: 1vw;
line-height: 130%;
letter-spacing: .06em;
font-family: "lionmusicals", sans-serif;
font-weight: 300;
font-optical-sizing: auto;
font-style: normal;
}
.playpause {
width: 150px;
height: 150px;
position: absolute;
left: 0;
top: -30px;
right: 0;
bottom: 0;
margin: auto;
z-index: 9;
display: block;
opacity: .5;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 700;
text-transform: uppercase;
}
h1, .h1 {
font-size: 4vw; }
h3, .h3 {
font-size: 3vw;
}
h4, .h4 {
font-size: 1.5vw;
}
.browntxt {
color: #c9ac8c !important;
}
.whitetxt {
color: var(--lightColor) !important;
}
.container {
max-width: 60vw !important;
}
.container-fluid,
.container {
padding-left: 3vw;
padding-right: 3vw;
}
a, a:hover, a:focus, a:active {
color: var(--darkColor); 
text-decoration: none !important;
}
main#main a, main#main a:hover, main#main a:focus, main#main a:active,
section a, section a:hover, section a:focus, section a:active {  font-weight: 700;
}
.h2 {
font-size: 2.2vw;
font-weight: 700;
}
h5 {
font-size: 1.4vw;
}
b,
strong {
font-weight: 700;
}
img {
max-width: 100%;
height: auto;
}
p {
margin: 0;
}
p + p,
p + h4,
p + h5 {
margin-top: 1.73vw;
}
p + h1,
p + h2,
p + h3 {
margin-top: 2vw;
}
body:not(.single-presse) div#wrapper {
position: relative;
overflow-x: hidden;
}
header#header {
position: fixed;
padding: 0;
z-index: 999;
top: 0;
left: 0;
width: 100%;
background: var(--darkColor);
transition: all var(--transition);
height: 8vw;
border-bottom: 1px solid rgb(0 0 0 / 40%); }
.home header#header:not(.active) {
border-bottom: 1px solid rgb(0 0 0 / 0%);
}
header#header > * {
position: relative;
z-index: 1;
}
header#header.active { height: 4.7vw; border-bottom: 1px solid rgb(0 0 0 / 40%);
}
header#header .container,
header#header .container-fluid {
height: 100%;
}
header#header .brand-logos {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
}
header#header .brand-logos .brand {
transition: all var(--transition);
}
header#header .brand-logos .brand img {
width: 100%;
height: auto;
}
header#header .brand-logos .brand.lion {
position: relative;
opacity: 1;
border-radius: 100%;
width: 10vw;
height: 10vw;
max-width: 100%;
background: var(--darkColor);
padding: 1vw;
top: .6vw;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgb(255 255 255 / 0%);
}
header#header .brand-logos:hover .brand.lion {
opacity: 0;
visibility: hidden;
transform: scale(0);
}
header#header.active .brand.lion {
width: 7vw;
height: 7vw;
padding: .7vw; }
header#header .brand.text {
position: absolute;
opacity: 0;
visibility: hidden;
transform: scale(0);
}
header#header .brand-logos:hover .brand.text {
opacity: 1;
visibility: visible;
transform: scale(1);
}
header#header.active .brand.text {
width: 5.5vw;
}
header#header .left-side,
header#header .right-side {
width: 30vw;
}
#mainmenuNav .sub-menu {
display: none;
}
header#header nav > ul > li {
height: 100%;
margin-right: 4vw;
}
header#header nav > ul > li:last-of-type {
margin-right: 0;
}
header#header nav > ul > li > a {
color: var(--lightColor);
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
font-weight: 600;
padding: 0;
position: relative;
font-size: 2vw;
letter-spacing: .2vw;
line-height: 91%;
transition: all var(--transition);
}
header#header nav > ul > li.current-menu-item > a {
color: #b48f50;
}
header#header nav > ul > li > a:after {
content: "";
position: absolute;
left: 50%;
right: 50%;
bottom: -.8vw;
border-width: 0 0 .2vw 0;
border-style: solid;
color: var(--lightColor);
transition: left 150ms ease 0s, right 150ms ease 0s;
}
header#header nav > ul > li > a:focus:after,
header#header nav > ul > li > a:hover:after {
left: 0;
right: 0;
}
.dropdown-opened header#header nav > ul > li > a:after {
color: var(--darkColor);
}
#newsletter {
border-top: 1px solid rgb(255 255 255 / 20%);
padding: 5vw 0 5vw;
position: relative;
overflow: hidden;
color: var(--lightColor);
}
#newsletter:before {
content: '';
background: url(https://lionmusicals.dk/wp-content/uploads/newsletter.jpg);
background-size: cover;
background-position: top;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#newsletter:after {
content: '';
position: absolute;
inset: 0;
background: var(--darkColor);
opacity: .6;
}
.newsletter-container {
border: 1px solid rgb(255 255 255 / 20%);
padding: 3vw;
-webkit-backdrop-filter: saturate(150%) blur(12px);
backdrop-filter: saturate(150%) blur(12px);
box-shadow: 0 1vw 3vw rgb(0 0 0 / 70%);
}
#newsletter h3 {
font-size: 3vw;
}
#newsletter > *,
.newsletter-container > * {
position: relative;
z-index: 1;
}
form.mc4wp-form .mc4wp-form-fields .mc-fields {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 0 -.5vw;
}
form.mc4wp-form input { background: transparent;
border: none;
padding: .57vw 0;
outline: none;
border-bottom: .1vw solid var(--darkColor);
color: var(--darkColor);
}
#newsletter form.mc4wp-form input { 
border-bottom: .1vw solid var(--lightColor);
color: var(--lightColor);
}
form.mc4wp-form button {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 1vw;
text-transform: uppercase;
padding: .6vw;
border: none;
outline: none;
font-weight: 500;
letter-spacing: .12vw;
background: var(--goldGradient);
}
form.mc4wp-form .mc4wp-form-fields input,
form.mc4wp-form .mc4wp-form-fields button {
flex: 1;
margin: 0 .5vw;
}
div#newsletter small {
font-size: 0.48vw;
line-height: .7vw;
display: inline-block;
margin-top: 1vw;
}
footer#footer {
background: var(--darkColor);
color: var(--lightColor);
position: relative;
border-top: 1px solid rgb(255 255 255 / 20%);
padding: 2.6041666667vw 0;
font-size: max(.9vw,11px);
overflow: hidden;
}
footer#footer a {
color: var(--lightColor);
}
footer#footer ul {
list-style: none;
padding: 0;
margin: 0;
}
footer#footer ul + ul,
footer#footer p + ul {
margin-top: .57vw
}
footer#footer ul li + li {
margin-top: .57vw
}
footer#footer p {
display: flex;
align-items: center;
}
footer#footer p svg {
fill: var(--lightColor);
width: 1vw;
height: 1vw;
}
footer#footer p strong + svg,
footer#footer p svg + strong {
margin-left: 0.8vw;
}
footer#footer .smaller {
font-size: max(.75vw,9px);
}
footer#footer .maillink {
display: inline-flex;
align-items: center;
}
footer#footer .maillink svg {
position: relative;
top: .1vw;
}
footer#footer .copyright {
font-size: max(.70vw,10px);
position: absolute;
top: 0;
right: 0;
-webkit-transform: rotate(90deg) translateX(100%);
transform: rotate(90deg) translateX(100%);
-webkit-transform-origin: top right;
transform-origin: top right;
}
footer#footer ul.some-icons {
display: flex;
align-items: center;
margin-top: 1.73vw;
}
footer#footer ul.some-icons li {
margin-right: 5px;
margin-top: 0;
}
footer#footer ul.some-icons li svg {
fill: var(--lightColor);
width: 1.6vw;
height: 1.6vw;
}
footer#footer .divider-1,
footer#footer .divider-2 {
position: absolute;
width: 1px;
height: 100%;
top: 0;
background: rgb(255 255 255 / 20%);
}
footer#footer .divider-1 {
left: calc(3vw + 20%);
}
footer#footer .divider-2 {
right: calc(3vw + 26%);
}
.nav-links > div {
text-align: center;
}
.nav-links a {
padding: 14px 30px;
}
main#main {
margin-top: 8vw;
padding-top: 3vw;
padding-bottom: 3vw;
position: relative;
z-index: 2;
}
section + main#main {
margin-top: 0;
}
.pagetitle {
display: flex;
align-items: flex-end; position: relative;
min-height: 30vw;
margin-bottom: 3vw;
}
.pagetitle .media-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 26vw;
overflow: hidden;
padding-top: 4vw;
}
.pagetitle video,
.pagetitle img {
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
}
.pagetitle .container-fluid {
position: relative;
z-index: 1;
top: 3vw;
}
.pagetitle .container-fluid h1,
main#main h1,
section .h1,
h1.entry-title {
background: var(--goldGradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 7vw;
margin: 0;
line-height: 1;
}
main#main.internationale h1 {
font-size: 5.5vw;
}
main#main h1,
section .h1 {
margin-bottom: 2vw;
}
.page-template-page-internationale-forestillinger .pagetitle .container-fluid {
top: 2.1vw;
}
.page-template-page-internationale-forestillinger .pagetitle .container-fluid h1 {
font-size: 5vw;
}
span.triggerMenu {
display: none;
margin-left: auto;
position: relative;
width: 30px;
height: 24px;
}
span.triggerMenu span {
transition-property: transform;
top: auto;
bottom: 0;
transition-delay: .13s;
transition-timing-function: cubic-bezier(.55,.055,.675,.19);
transition-duration: .13s;
}
span.triggerMenu span:after, span.triggerMenu span:before {
display: block;
content: "";
}
span.triggerMenu span, span.triggerMenu span:after, span.triggerMenu span:before {
position: absolute;
width: 30px;
height: 2px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
background-color: #c9ac8c;
}
span.triggerMenu span:before {
top: -10px;
transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
}
span.triggerMenu span:after {
top: -20px;
transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;
bottom: -10px;
}
span.triggerMenu.is-active span {
transition-delay: .22s;
transition-timing-function: cubic-bezier(.215,.61,.355,1);
transform: translate3d(0,-10px,0) rotate(-45deg);
}
span.triggerMenu.is-active span:before {
top: 0;
transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
transform: rotate(
-90deg
);
}
span.triggerMenu.is-active span:after {
top: 0;
transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
opacity: 0;
}
.alink {
background: var(--darkColor);
display: block;
min-width: 210px;
width: 230px;
text-align: center;
font-size: 14px;
padding: 12px 0;
position: relative;
overflow: hidden;
color: var(--lightColor);
text-transform: uppercase;
font-weight: 600;
border: none;
outline: none;
}
.letter-wrap {
display: inline-block;
position: relative;
}
.letter-wrap * {
pointer-events: none;
}
.letter-wrap__word {
display: inline-flex;
position: relative;
overflow: hidden;
}
.letter-wrap__char {
display: inline-block;
position: relative;
text-transform: uppercase;
}
.letter-wrap__char-inner {
display: inline-block;
}
.letter-wrap__char-inner:after {
content: attr(data-letter);
position: absolute;
top: 100%;
left: 0;
color: #b48f50;
}
section#welcomescene {
background: var(--darkColor);
padding-top: 8vw;
padding-bottom: 0;
position: relative;
}
#welcome-logo {
position: fixed;
inset: 0;
z-index: 999999999991;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
pointer-events: none;
background: var(--darkColor);  animation: fadeOut 1.2s ease-in forwards;
animation-delay: 1s;
display: flex;
} #welcome-logo img {
transform-origin: center;
animation-fill-mode: forwards;
animation-duration: 1.2s;
animation-timing-function: ease-in;
animation-delay: 0s;
width: 70vw;
}
#welcome-logo img:first-child {
animation-name: moveElementUp;
}
#welcome-logo img:last-child {
animation-name: moveElementDown;
}
@keyframes moveElementUp {
0% {
opacity: 1;
transform: translatey(0);
}
100% {
opacity: 0;
transform: translatey(-4vw);
}
}
@keyframes moveElementDown {
0% {
opacity: 1;
transform: translatey(0%);
}
100% {
opacity: 0;
transform: translatey(4vw);
}
}
@keyframes fadeOut {
0% { 
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeIn {
0% { 
opacity: 0;
}
100% {
opacity: 1;
}
}
.home header#header {
opacity: 0;
animation: fadeIn 1.2s ease-in-out forwards;
animation-delay: 1s;
}
.home.no-animation header#header {
animation-delay: 0s;
}
.swiper-button-next,
.swiper-button-prev {
color: var(--lightColor) !important;
top: 1.6vw;
width: 2vw !important;
height: 2vw !important;
right: 1vw;
margin: 0 !important;
}
.swiper-button-prev {
left: unset;
right: 4vw;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 200% !important;
}
section#welcomescene .swiper {
position: relative;
width: 100%;
opacity: 0;
animation: fadeIn 1.2s ease-in-out forwards;
animation-delay: 1s;
}
.no-animation section#welcomescene .swiper {
animation-delay: 0s;
}
section#welcomescene .swiper .swiper-wrapper {
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide {
position: relative;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content {
position: relative;
padding: 0vw 2vw 4vw;
margin-top: -4.70vw;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide.image-slide .swiper-content {
margin-top: -4.68vw;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content a {
text-decoration: none !important;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content p.premiere-date {
font-size: 1.3vw;
margin: 0;
margin-bottom: 1vw;
line-height: 1;
font-weight: 400;
filter: drop-shadow(.12vw .1vw .1vw rgb(0 0 0 / 80%));
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content p.premiere-date a {
color: var(--lightColor);
background: var(--goldGradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 400;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content h2 {
font-size: 5vw;
margin-top: -.7vw;
margin-bottom: 1vw;
line-height: 1;
filter: drop-shadow(.1vw .2vw .5vw rgb(0 0 0 / 70%));
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content h2 a { color: var(--lightColor);
padding: .1vw;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content > p:not(.premiere-date) > a {
font-size: 1.4vw;
color: var(--lightColor);
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide video,
section#welcomescene .swiper .swiper-wrapper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
height: 36vw;
margin-bottom: 1vw;
margin: 0;
display: flex;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .call-to-actions {
margin-top: 2vw;
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn {
color: var(--lightColor);
text-transform: uppercase;
text-align: center;
font-weight: 500;
display: inline-flex;
align-items: center;
margin-right: .7vw;
font-size: 1.4vw;
position: relative;
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn svg {
fill: url(#linear-gradient);
margin-left: .9vw;
width: 2.2vw;
height: 2.2vw;
position: relative;
top: .1vw;
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn.ticketbtn { color: var(--lightColor);
padding: .5vw 1.2vw .7vw;
position: relative; }
section#welcomescene .swiper .swiper-wrapper a.lionbtn.ticketbtn:before,
section#welcomescene .swiper .swiper-wrapper a.lionbtn.ticketbtn:after {
content: '';
position: absolute;
inset: 0;
transition: all var(--transition);
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn.ticketbtn:before {
border: .2vw solid var(--lightColor);
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn.ticketbtn:after {
border: .2vw dotted #ac874a;
opacity: 0;
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn.ticketbtn:hover:before {
opacity: 0;
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn.ticketbtn:hover:after {
opacity: 1;
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn.readmore span {
position: relative;
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn.readmore span:after {
content: "";
position: absolute;
left: 50%;
right: 50%;
bottom: -.7vw;
border-width: 0 0 .2vw 0;
border-style: solid;
color: var(--lightColor);
transition: left 150ms ease 0s, right 150ms ease 0s;
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn.readmore:hover span:after {
left: 0;
right: 0;
}
.lionbtn.all {
margin-top: 2vw;
display: inline-flex;
border: 5px dotted var(--darkColor);
width: 34vw;
text-align: center;
padding: .5vw 0 .7vw;
align-items: center;
justify-content: center;
text-transform: uppercase;
font-weight: 700;
font-size: 1.3vw;
text-decoration: none !important;
letter-spacing: .2vw;
background: var(--darkColor);
color: var(--lightColor);
transition: all var(--transition);
}
.lionbtn.all:hover {
color: var(--darkColor);
background: transparent;
}
.home .forestillinger-wrapper {
background: var(--lightColor);
color: var(--darkColor);
}
.forestillinger-wrapper.forestillingsmodul h1 {
position: absolute;
top: 4vw;
left: 1.8vw;
transform: rotate(-90deg) translateX(-100%);
transform-origin: top left;
margin: 0 !important;
font-size: 5.2vw !important;
letter-spacing: .3vw;
line-height: 1;
color: var(--darkColor);
}
.forestillinger-button-next {
position: absolute;
z-index: 10;
right: 3vw;
left: auto;
color: var(--darkColor) !important;
top: 20.7vw;
width: 2vw !important;
height: 2vw !important;
margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
outline: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.forestillinger-button-next:after {
content: 'next';
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.forestillinger-wrapper {
position: relative;
z-index: 2; } .home #wrapper > section.forestillinger-wrapper h1,
section.forestillinger-wrapper h1 {
margin-bottom: 2vw; } .post-type-archive-forestillinger #aktuelle.forestillinger-wrapper { padding-top: 4vw;
}
.post-type-archive-forestillinger #tidligere.forestillinger-wrapper {
padding-top: 4vw;
padding-bottom: 4vw;
}
post-type-archive-forestillinger #arrangementer.forestillinger-wrapper {
padding-top: 4vw;
}
.forestillinger-wrapper .container {
max-width: 1000px !important;
}
.forestillinger-wrapper .forestilling {
position: relative;
margin-bottom: 30px;
transition: all .3s ease-in;
}
.forestillinger-wrapper .forestilling > a {
display: block;
position: relative;
box-shadow: 0 .3vw 1vw rgb(0 0 0 / 20%);
}
.forestillinger-wrapper .forestilling > a > img {
position: relative;
z-index: 1;
}
.forestillinger-wrapper .forestilling .dato {
margin: .8vw 0;
font-weight: 500;
}
.forestillinger-wrapper .forestilling a.lionbtn { color: var(--darkColor); text-transform: uppercase;
text-align: center; font-weight: 700;
text-decoration: none !important;
margin-right: 1vw;
font-size: .9vw;
display: inline-flex;
align-items: center;
position: relative;
}
.forestillinger-wrapper .forestilling a.lionbtn + a { 
margin-right: 0;
}
.forestillinger-wrapper .forestilling a.lionbtn.ticketbtn { color: var(--darkColor);
padding: .5vw 1vw .7vw;
}
.forestillinger-wrapper .forestilling a.lionbtn.ticketbtn:before,
.forestillinger-wrapper .forestilling a.lionbtn.ticketbtn:after {
content: '';
position: absolute;
inset: 0;
transition: all var(--transition);
}
.forestillinger-wrapper .forestilling a.lionbtn.ticketbtn:before {
border: .2vw solid var(--darkColor);
}
.forestillinger-wrapper .forestilling a.lionbtn.ticketbtn:after {
border: .2vw dotted #ac874a;
opacity: 0;
}
.forestillinger-wrapper .forestilling a.lionbtn.ticketbtn:hover:before {
opacity: 0;
}
.forestillinger-wrapper .forestilling a.lionbtn.ticketbtn:hover:after {
opacity: 1;
}
.forestillinger-wrapper .forestilling a.lionbtn span {
position: relative;
}
.forestillinger-wrapper .forestilling a.lionbtn svg {
fill: url(#linear-gradient);
margin-left: .9vw;
width: 2vw;
height: 2vw;
position: relative;
top: .08vw;
}
.forestillinger-wrapper .forestilling a.lionbtn.readmore span:after {
content: "";
position: absolute;
left: 50%;
right: 50%;
bottom: -.5vw;
border-width: 0 0 .2vw 0;
border-style: solid;
color: var(--darkColor);
transition: left 150ms ease 0s, right 150ms ease 0s;
}
.forestillinger-wrapper .forestilling a.lionbtn.readmore:hover span:after {
left: 0;
right: 0;
}
.forestillinger-wrapper h3 {
position: relative;
display: inline-flex;
margin-bottom: 70px;
}
.forestillinger-wrapper h3 > strong {
text-align: center;
font-size: 70px; 
font-weight: 900;
color: #333333;
}
.forestillinger-wrapper h3 > span.aktuelle-label {
position: absolute;
top: -26px;
left: 5px;
font-size: 33px;
color: #b18b3c;
}
.forestillinger-wrapper h3 > span.shows-label {
position: absolute;
bottom: -26px;
right: -0px;
font-size: 33px;
color: #b18b3c;
}
.splitter .container-fluid {
border-bottom: 1px solid var(--darkColor);
max-width: calc(100% - 6vw);
}
.splitter .container-fluid.p-0 {
max-width: 100%;
margin: 2vw 0 1.8vw;
}
ul.linklist {
margin: 0;
list-style: none;
padding: 0;
border-top: 1px solid var(--darkColor);
}
ul.linklist li {
padding: .5vw 0;
border-bottom: 1px solid var(--darkColor);
}
ul.linklist li a {
display: block;
}
section h2 {
font-size: 2vw;
margin-top: -.4vw;
} .single-presse #wrapper > section {
position: relative;
z-index: 1;
}
.single-presse #wrapper > section:last-of-type {
padding-bottom: 430px;
}
.single-presse #billedgalleri .pressebillede {
position: relative;
}
.single-presse #billedgalleri .pressebillede .fileinfo {
display: none;
}
@media only screen and (min-width: 600px) {
.single-presse #billedgalleri .pressebillede .fileinfo {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: rgba(0,0,0,.6);
opacity: 0;
visibility: hidden;
transition: all .3s ease-in;
color: var(--lightColor);
font-size: .8vw;
}
.single-presse #billedgalleri .pressebillede:hover .fileinfo {
opacity: 1;
visibility: visible;
}
}
.single-presse #billedgalleri .pressebillede > a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.7vw;
}
.single-presse #billedgalleri .pressebillede > a:before {
content: '';
display: block;
padding-bottom: 100%;
}
.single-presse #billedgalleri .pressebillede > a img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.single-presse #main a.pressebtn {
border: 1px solid var(--darkColor);
padding: 10px 15px;
background: transparent;
color: var(--darkColor);
text-decoration: none !important;
display: inline-flex;
align-items: center;
font-weight: 700;
text-transform: uppercase;
transition: all .3s ease-in;
}
.single-presse #main a.pressebtn > span {
display: flex;
flex-direction: column;
text-align: center;
color: var(--darkColor);
transition: all .3s ease-in;
}
.single-presse #main a.pressebtn > span > span {
font-size: 12px;
font-weight: 400;
}
.single-presse #main a.pressebtn:hover {
color: var(--darkColor);
background: #c9ac8c;
}
.single-presse #main a.pressebtn:hover > span {
color: var(--darkColor);
} .accordion {
margin-top: -1.3vw;
}
.accordion > .card,
.accordion > .card .card-header,
.accordion > .card .card-header h5 {
padding: 0;
margin: 0;
background: transparent;
border: none;
border-radius: unset;
}
.accordion > .card .card-header h5 button {
display: flex; justify-content: space-between;
text-align: left;
font-size: 1.2vw;
color: var(--darkColor);
background: transparent;
width: 100%;
border: none;
margin: 0;
padding: 1vw 0;
padding-right: 3vw;
text-decoration: none !important;
text-transform: uppercase;
font-weight: 600;
flex-wrap: wrap;
border-bottom: 1px solid var(--darkColor);
border-radius: unset;
}
.accordion > .card .card-header h5 button svg {
position: absolute;
right: 0;
width: 1.6vw;
height: 1.6vw;
top: 1.1vw;
}
.accordion > .card .card-header h5 button[aria-expanded="true"] .expand { display: none; }
.accordion > .card .card-header h5 button[aria-expanded="true"] .collapse { display: inline-block; }
.accordion > .card .card-body {
padding: 1vw 0;
}  section {
position: relative;
z-index: 1;
padding: 4vw 0;
}
.imgcontainer {
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (min-width: 992px) {
.imgcontainer img {
object-fit: cover;
object-position: center;
position: absolute;
width: 100%;
height: 100%;
}
}
.page-template-page-omos section#medarbejdere {
padding-bottom: 4vw;
position: relative;
z-index: 9;
}
.page-template-page-omos section#medarbejdere .medarbejder {
border: 1px solid var(--darkColor);
padding: 20px;
}
a.poster img {
width: 100%;
aspect-ratio: 13 / 18;
object-fit: cover;
box-shadow: 0 .3vw 1vw rgb(0 0 0 / 20%);
transition: all .2s ease-in;
}
a.poster:hover img {
transform: scale(1.05);
box-shadow: 0 .3vw 1.5vw rgb(0 0 0 / 40%);
}
.single-forestillinger #wrapper > section,
.single-presse #wrapper > section {
padding-bottom: 4vw;
padding-top: 4vw;
position: relative;
z-index: 9;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.single-forestillinger #wrapper > section#billedgalleri {
padding: 0 !important;
}
.single-forestillinger #wrapper > section#videogalleri {
padding-bottom: 4vw;
}
.single-forestillinger #wrapper > section .container {
position: relative;
z-index: 9;
}
.single-forestillinger #wrapper > section,
.single-presse #wrapper > section { }
.single-forestillinger #wrapper > section:last-of-type {
padding-bottom: 4vw !important;
} .single-presse #wrapper > section:last-of-type {
padding-bottom: 4vw;
}
.single-forestillinger section#information { background: transparent;
padding-top: calc(8vw + 4vw);
}
.single-forestillinger section#information .container { }
.single-forestillinger section#information .shapebg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--darkColor);
}
.margin-top-80 {
margin-top: 80px !important;
}
.margin-top-100 {
margin-top: 100px !important;
}
.margin-top-120 {
margin-top: 120px !important;
}
.single-forestillinger .page-background {
position: relative;
width: 100%;
height: unset;
display: flex;
align-items: center;
justify-content: center;
padding-top: calc(8vw + 4vw);
padding-bottom: 4vw;
}
.page-background:before {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, #181616 20%, rgb(24 22 22 / 85%) 60%, #181616 100%);
}
.single-forestillinger img.forestilling-logo {
position: relative;
z-index: 2;
max-width: 40vw;
max-height: 9vw;
height: auto;
width: auto;
}
.single-forestillinger .page-background:before {
background: linear-gradient(0deg, transparent 10%, rgb(24 22 22 / 60%) 40%, var(--darkColor) 100%);
} .page-background > .imagebg,
.page-background > video {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-position: center -200px;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
object-fit: cover;
}
.single-forestillinger section#anmeldelser {
}
.single-forestillinger section#anmeldelser .anmeldelser-right {
padding-left: 4vw;
padding-right: 4vw;
}
.single-forestillinger section#anmeldelser .anmeldelser-right .row {
background: rgb(0 0 0 / 40%);
padding-top: 60px;
padding-left: 30px;
padding-right: 30px;
border: 1px solid rgba(255,255,255,.30);
}
@media only screen and (max-width: 767px) {
.single-forestillinger section#anmeldelser .anmeldelser-right .row {
margin-left: 0;
margin-right: 0;
}
}
.single-forestillinger section#anmeldelser img {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
}
.single-forestillinger section#anmeldelser svg {
width: 1.4vw;
height: 1.4vw;
}
.single-forestillinger section#anmeldelser .anmelder {
font-size: .6vw;
text-transform: uppercase;
margin-top: .3vw;
line-height: 1.2;
}
@media only screen and (max-width: 991px) {
.single-forestillinger section#anmeldelser .anmelder {
font-size: 1.2vw;
}
}
.single-forestillinger section#anmeldelser .citat {
font-size: 12px;
font-style: italic;
}
.single-forestillinger section#medvirkende {
padding-bottom: calc(4vw - 3rem);
min-height: 28.6vw;
display: flex;
align-items: center;
}
.single-forestillinger section#medvirkende h3 {
position: absolute;
z-index: 9; left: 3vw;
transform: rotate(-90deg) translateX(-50%);
transform-origin: top left;
margin: 0 !important;
font-size: 2.8vw !important;
letter-spacing: .3vw;
line-height: 1;
}
.single-forestillinger section#medvirkende h6 {
font-size: 1vw;
}
.single-forestillinger section#holdet-bag {
min-height: 25.5vw;
display: flex;
align-items: center;
}
.single-forestillinger section#holdet-bag h3 {
position: absolute;
z-index: 9; left: 3vw;
transform: rotate(-90deg) translateX(-50%);
transform-origin: left;
margin: 0 !important;
font-size: 2.6vw !important;
letter-spacing: .3vw;
line-height: 1;
}
.single-forestillinger section#holdet-bag h6 {
font-size: 1vw;
}
.single-forestillinger section#information .shapebg,
.single-forestillinger #wrapper > section .forestiling-bg,
.sektion-bg {
pointer-events: none;
}
.single-forestillinger #wrapper > section .forestiling-bg,
.sektion-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.single-forestillinger section#information .shapebg .shapebg-img,
.single-forestillinger #wrapper > section .forestiling-bg > div:first-child,
.sektion-bg > div:first-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.shapebg .shapebg-img,
.shapebg .bgfilter,
.forestiling-bg .bgfilter,
.sektion-bg .bgfilter {
mix-blend-mode: color;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.single-forestillinger #billedgalleri .container:after {
content: '';
display: block;
padding-bottom: 49%;
}
.swiper-billedgalleri {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto; }
.swiper-billedgalleri .swiper-slide { display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.single-forestillinger #wrapper > section#billedgalleri .swiper-slide > a {
width: 100%;
display: block;
position: relative;
pointer-events: none;
cursor: default;
}
.single-forestillinger #wrapper > section#billedgalleri .swiper-slide > a:before {
   content: none;
display: block;
padding-bottom: 74%;
}
.single-forestillinger #wrapper > section#billedgalleri .swiper-slide > a img {
   position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}  .single-forestillinger #wrapper > section#billedgalleri .swiper-slide > a {
pointer-events: unset;
cursor: pointer;
}
.single-forestillinger #wrapper > section#billedgalleri .swiper-slide > a img {
position: absolute;
}
.single-forestillinger #wrapper > section#billedgalleri .swiper-slide > a:before {
content: '';
} .scrolltable {
margin-top: 30px;
width: 100%;
position: relative; margin-bottom: 30px; }
.scrolltable table td {
vertical-align: top;
text-align: left;
padding: 10px;
border: 1px solid gray;
}
#welcome-logo {
background: var(--lightColor);
}
#welcome-logo img {
width: 40vw;
}
header#header {
background: var(--lightColor);
}
header#header nav > ul > li > a,
header#header nav > ul > li > a:after {
color: var(--darkColor);
}
header#header .brand-logos .brand.lion {
background: var(--lightColor);
box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
}
header#header .brand-logos .brand.lion img { transition: filter .3s ease;
}
section#welcomescene {
background: var(--lightColor);
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content > p:not(.premiere-date) > a {
font-size: 1.4vw;
color: var(--darkColor);
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn,
section#welcomescene .swiper .swiper-wrapper a.lionbtn.readmore span:after {
color: var(--darkColor);
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn.ticketbtn {
color: var(--darkColor);
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn.ticketbtn:before {
border: .2vw solid var(--darkColor);
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content h2 { filter: drop-shadow(.1vw .2vw .5vw rgb(0 0 0 / 20%));
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content h2 a {
background: var(--goldGradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content p.premiere-date {
font-size: 1.3vw;
margin: 0;
margin-bottom: 1vw;
line-height: 1;
font-weight: 400;
filter: unset;
display: inline-block;
background: var(--lightColor);
padding: .1vw .4vw;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content p.premiere-date a {
color: var(--darkColor);
background: unset;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
}
section#calendar {
padding: 10vw 0;
z-index: 11;
position: relative;
border-top: 1px solid var(--darkColor);
}
section#calendar .calendar-title {
display: flex;
flex-direction: column;
justify-content: center;
}
section#calendar .calendar-title h3,
section#calendar .calendar-title p {
position: relative;
z-index: 1;
}
section#calendar .calendar-title h3 {
margin: 0;
font-size: 4vw;
margin-left: 6vw;
}
section#calendar .calendar-title p {
margin: 0;
font-size: 1.4vw;
margin-left: 6.2vw;
}
section#calendar .calendar-title svg {
position: absolute;
width: 12vw;
height: 12vw;
width: 16vw;
height: 16vw;
}
#datepicker-wrapper {
position: relative;
display: flex;
align-items: center;
margin-top: 1.33vw;
}
#datepicker-wrapper svg {
position: absolute;
width: 1.6vw;
height: auto;
left: .6vw;
pointer-events: none;
}
#datepicker-wrapper input#datepicker-input {
width: 100%;
padding: .6vw 2.6vw;
outline: none;
font-weight: 500;
background: transparent;
color: var(--darkColor);
border: .2vw solid var(--darkColor);
cursor: pointer;
}
section#calendar.opened {
z-index: 999;
}
#datepicker-overlay {
background: var(--lightColor);
position: fixed;
top: 0;
left: 0;
inset: 0;
display: none;
}
.events { margin-top: 1vw;
}
.event-item {
margin-bottom: 1vw;
} .pika-single {
-webkit-backdrop-filter: blur(.75rem);
backdrop-filter: blur(.75rem);
background: rgb(254 251 243 / 80%);
color: var(--darkColor);
display: block;
position: relative !important;
transition: .3s ease-in-out;
position: absolute !important;
z-index: 1;
border: none;
box-shadow: 0 20px 110px rgb(0 0 0 / 20%);
}
.pika-lendar {
width: 100%;
margin: 0;
padding: 1vw;
}
.pika-title {
position: relative;
text-align: center;
background: transparent;
}
.pika-label {
color: var(--darkColor);
background: transparent;
display: inline-block;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.2;
margin: 0;
overflow: hidden;
padding: .3125rem .1875rem;
position: relative;
z-index: 9999
}
.pika-title select {
cursor: pointer;
background: transparent;
left: 0;
margin: 0;
opacity: 0;
position: absolute;
top: .3125rem;
z-index: 9998
}
.pika-next,
.pika-prev {
background-position: 50%;
background-repeat: no-repeat;
border: 0;
cursor: pointer;
display: block;
height: 1.25rem;
outline: none;
overflow: hidden;
padding: 0;
position: relative;
text-indent: 50vw;
white-space: nowrap;
width: 1.875rem
}
.pika-next:hover,
.pika-prev:hover {
opacity: 1
}
.pika-prev {
float: left;
transform: rotate(180deg)
}
.pika-next {
float: right
}
.pika-next,.pika-prev {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26px" height="16px" viewBox="0 0 64.9 36.4"><path fill-rule="evenodd" clip-rule="evenodd" fill="%23181616" d="M50.4,16.7c2,0,3-2.8,1.6-4.3l0,0c-2.7-2.9-4.8-6.2-6.3-9.9 c-0.4-0.9,0.1-1.8,1-2.1l0,0c0.9-0.3,1.8,0.2,2.1,1c1.4,3.3,3.3,6.3,5.6,8.8c2.4,2.5,5.1,4.6,8.2,6c0.8,0.4,1.4,1.2,1.4,2.1l0,0 c0,0.9-0.6,1.7-1.4,2.1c-3,1.5-5.8,3.5-8.2,6c-2.4,2.5-4.3,5.5-5.6,8.8c-0.3,0.8-1.3,1.3-2.1,1l0,0c-0.9-0.3-1.3-1.3-1-2.1 c1.5-3.7,3.6-7,6.3-9.9l0,0c1.4-1.5,0.4-4.3-1.6-4.3H1.6C0.7,20,0,19.3,0,18.4l0,0c0-0.9,0.7-1.6,1.6-1.6H50.4z" /></svg>');
color: var(--darkColor);
transition: color .45s ease
}
.pika-next:hover,.pika-prev:hover {
color: var(--darkColor)
}
.pika-next.is-disabled,.pika-prev.is-disabled {
cursor: default;
opacity: .2
}
.pika-select {
display: inline-block
}
.pika-table {
border: 0;
border-collapse: collapse;
border-spacing: 0;
width: 100%
}
.pika-table td,.pika-table th {
padding: .125rem
}
@media (min-width: 768px) {
.pika-table td,.pika-table th {
padding:.125rem
}
}
.pika-table th {
color: var(--darkColor);
font-size: .875rem;
font-weight: 700;
text-align: center
}
@media (min-width: 768px) {
.pika-table th {
font-size:1rem
}
}
.pika-button {
background-color: transparent;
border: 0;
border-radius: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: var(--darkColor);
cursor: pointer;
display: block;
font-size: .875rem;
height: auto;
line-height: 1;
margin: 0;
outline: none;
padding: .625rem;
text-align: center;
transition: background-color .45s ease;
width: 100%
}
@media (min-width: 768px) {
.pika-button {
padding: 1.25rem
}
}
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
border-radius: 100%;
} .pika-button.has-event {
background-color: transparent;
color: var(--darkColor);
border: 2px solid var(--darkColor);
}
.pika-button.no-event {
color: #ccc !important;
cursor: not-allowed !important;
}
.pika-button.no-event:hover {
background: transparent;
color: var(--darkColor);
}
.is-selected .pika-button {
border-radius: 100%;
font-weight: 700;
background-color: var(--darkColor);
color: var(--lightColor);
box-shadow: none;
}
.is-selected .pika-button:hover {
background-color: var(--darkColor);
color: var(--lightColor)
} .is-disabled .pika-button {
background-color: transparent;
color: var(--darkColor);
cursor: default;
pointer-events: none;
opacity: .5;
}
.is-today .pika-button {
background-color: transparent;
color: var(--darkColor);
font-weight: 700; }  .pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
background: var(--darkColor);
box-shadow: none;
color: #fff
}
.pika-table abbr {
border-bottom: none;
cursor: help;
text-decoration: none;
}
.page-template-page-calendar .pika-single table tr th {
background: var(--darkColor);
color: var(--lightColor);
}
.page-template-page-calendar .pika-single table tr th,
.page-template-page-calendar .pika-single table tr td {
border: 1px solid #ccc; align-content: baseline;
padding: .5vw;
}
.page-template-page-calendar .has-event .pika-button,
.page-template-page-calendar .is-selected .pika-button {
border-radius: unset;
font-weight: 700;
background-color: unset;
color: unset;
box-shadow: none;
border: unset;
}
.page-template-page-calendar .event-detail {
font-size: .5vw;
background: var(--darkColor);
color: var(--lightColor) !important;
display: block;
text-decoration: none !important;
font-weight: unset !important;
padding: .4vw .7vw;
border-radius: 5px;
line-height: .7vw;
box-shadow: 0 .1vw .2vw rgb(0 0 0 / 10%);
}
.page-template-page-calendar .event-detail + .event-detail {
margin-top: .5vw;
}
html, body { height: 100% }
.mobile-menu-opened #wrapper > * {
pointer-events: none;
}
div#mobile-menu {
position: fixed;
z-index: 999999999;
right: 0;
top: 0;
bottom: 0;
height: 100%;
min-height: 100dvh;
width: 80vw;
pointer-events: unset !important;
background: var(--lightColor);
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 60px 30px 30px;
overflow-y: auto;
transform: translateX(10%);
opacity: 0;
visibility: hidden;
transition: transform .3s ease, opacity .3s ease;
box-shadow: 0 -20px 50px rgb(0 0 0 / 20%);
}
div#mobile-menu.is-active {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
div#mobile-menu span.triggerMenu {
position: absolute;
top: 20px;
right: 20px;
}
div#mobile-menu nav#mainmenuNav {
padding-top: 15vw;
}
div#mobile-menu nav#mainmenuNav ul {
}
div#mobile-menu nav#mainmenuNav ul li {
}
div#mobile-menu nav#mainmenuNav > ul > li > a {
line-height: 2.2;
display: flex;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
align-items: center;
justify-content: space-between;
}
div#mobile-menu nav#mainmenuNav > ul > li > ul.sub-menu {
list-style: none;
margin: 0;
padding: 0;
}
div#mobile-menu nav#mainmenuNav > ul > li > ul.sub-menu > li {
}
div#mobile-menu nav#mainmenuNav > ul > li > ul.sub-menu > li > a {
font-size: 18px;
line-height: 1.8;
display: block;
font-weight: 700;
}
div#mobile-menu ul.some-icons {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
div#mobile-menu ul.some-icons li {
margin-right: 5px;
margin-top: 0;
}
div#mobile-menu ul.some-icons li svg { width: 30px;
height: 30px;
}
.footerlinks {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
margin-top: 30px;
padding: 0;
font-size: 14px;
}
@media only screen and (max-width: 991px) {
body {
font-size: 3.8vw;
letter-spacing: .02em;
line-height: 130%;
}
section h2, .h2 {
font-size: 7vw;
}
h4, .h4 {
font-size: 4.8vw;
margin-bottom: 5vw;
}
p + p,
p + h4,
p + h5 {
margin-top: 4vw;
}
section .row > div ul:not(.linklist) li {
margin: 2.5vw 0;
}
.pagetitle {
min-height: 31vw;
margin-bottom: 18vw;
}
.pagetitle .media-wrapper {
min-height: 40vw;
padding-top: 16vw;
}
.pagetitle .container-fluid {
top: 21vw;
}
.pagetitle .container-fluid h1,
main#main h1, h1.entry-title {
font-size: 10vw;
}
.accordion > .card .card-header h5 button {
font-size: 4vw;
padding-right: 5vw;
}
.accordion > .card .card-header h5 button svg {
width: 4vw;
height: 4vw;
top: 2.1vw;
}
a.poster:hover img {
transform: unset;
}
.container-fluid, .container {
padding-left: 6vw;
padding-right: 6vw;
}
span.triggerMenu {
display: block;
}
header#header .left-side,
header#header .right-side {
width: 35vw;
}
header#header .left-side nav,
header#header .right-side nav,
footer#footer .divider-1,
footer#footer .divider-2 {
display: none !important;
}
header#header .container-fluid {
justify-content: center !important;
}
header#header,
header#header.active {
height: 16vw;
}
header#header.active .brand.lion {
padding: 1vw;
}
section#welcomescene {
padding-top: 16vw;
}
main#main {
margin-top: 16vw;
padding-top: 5vw;
padding-bottom: 5vw;
}
header#header .brand-logos .brand.lion {
width: 20vw;
height: 20vw;
}
footer#footer .copyright {
}
footer#footer {
padding: 8vw 0;
font-size: max(.9vw,11px);
}
footer#footer .col-md-3 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 8vw;
margin-bottom: 0vw;
}
footer#footer .row > :last-child {
margin-bottom: 0;
}
footer#footer .row > :nth-child(3) {
margin-top: 4vw;
}
footer#footer a {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
footer#footer .maillink {
justify-content: flex-start;
}
footer#footer p {
font-size: 5vw;
line-height: 7vw;
}
footer#footer p svg {
width: 5vw;
height: 5vw;
}
footer#footer ul.some-icons li svg {
width: 5vw;
height: 5vw;
}
footer#footer .smaller {
font-size: min(5vw,16px);
line-height: 180%;
margin-top: 4vw;
}
footer#footer ul.some-icons {
margin-top: 4vw;
margin-bottom: 6vw;
}
#newsletter {
padding-top: 8vw;
padding-bottom: 8vw;
}
#newsletter .container {
max-width: 100vw !important;
}
.newsletter-container {
padding: 8vw;
}
#newsletter h3 {
font-size: 7vw;
}
div#newsletter small {
font-size: 2.5vw;
line-height: 120%;
}
form.mc4wp-form .mc4wp-form-fields .mc-fields {
flex-direction: column;
margin: 3vw 0;
}
form.mc4wp-form .mc4wp-form-fields input, form.mc4wp-form .mc4wp-form-fields button {
flex: 1;
margin: 2vw 0;
width: 100%;
}
form.mc4wp-form button {
font-size: min(3vw,14px);
} #welcome-logo img {
width: 74vw;
}
.swiper-button-next,
.swiper-button-prev {
top: 3.5vw;
width: 10vw !important;
height: 10vw !important;
right: 1vw;
font-size: 4vw;
}
.swiper-button-prev {
right: 12vw;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content p.premiere-date {
font-size: 4.3vw;
margin-bottom: 1vw;
padding: 1.4vw 2vw;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide video, section#welcomescene .swiper .swiper-wrapper .swiper-slide img {
height: 136vw;
height: 110vw;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content h2 {
font-size: 8vw;
margin-bottom: 2vw;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content > p:not(.premiere-date) > a {
font-size: 4.8vw;
letter-spacing: .02em;
line-height: 111%;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .call-to-actions {
margin-top: 5vw;
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn.ticketbtn {
padding: 2vw 5.2vw 2.5vw;
font-size: 4.2666666667vw;
letter-spacing: .02em;
line-height: 125%;
margin-right: 4vw;
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn {
font-size: 4.2666666667vw;
letter-spacing: .02em;
line-height: 125%;
}
section#welcomescene .swiper .swiper-wrapper a.lionbtn svg {
margin-left: 3vw;
width: 5vw;
height: 5vw;
}
section#welcomescene .swiper .swiper-wrapper .swiper-slide .swiper-content {
padding: 0vw 2vw 8vw;
}
section {
padding: 8vw 0;
}
.marquee-wrapper,
#dropdown-menu .marquee {
padding: 5vw 0;
}
.marquee > p {
font-size: 20vw;
margin-top: -3.4vw;
}
.marquee > p > i:after {
top: 3.4vw;
padding: 0 6vw;
}
.lionbtn.all {
width: 60vw;
padding: 1.5vw 0 2.5vw;
font-size: 4.2666666667vw;
letter-spacing: .02em;
line-height: 125%;
}
.forestillinger-wrapper.forestillingsmodul h1 {
position: unset;
transform: unset;
margin: 0 !important;
margin-bottom: 6vw !important;
font-size: 9.0666666667vw !important;
letter-spacing: .02em;
line-height: 100%;
}
.forestillinger-wrapper.forestillingsmodul .aktuelle {
padding-left: 0 !important;
padding-right: 0 !important;
}
.forestillinger-wrapper .forestilling > a {
margin-bottom: 2vw;
}
.forestillinger-wrapper .forestilling > a ~ div {
flex-wrap: wrap;
}
.forestillinger-wrapper .forestilling .dato {
margin: 0;
margin-bottom: .8vw;
font-size: 1.5vw;
letter-spacing: .02em;
line-height: 125%;
width: 100%;
}
.forestillinger-wrapper .forestilling a.lionbtn {
margin-right: 0vw;
padding: 0vw 1.3vw .2vw !important;
font-size: 1.5vw;
line-height: 2.5;
text-wrap: nowrap;
}
.forestillinger-wrapper .forestilling a.lionbtn.ticketbtn:before {
border: .3vw solid var(--darkColor);
}
.forestillinger-wrapper .forestilling a.lionbtn svg {
margin-left: 1vw;
width: 2vw;
height: 2vw;
top: .3vw;
}
section .row > div:not(:last-child) {
margin-bottom: 7vw;
}
section#calendar .calendar-title svg {
width: 36vw;
height: 26vw;
left: -7vw;
}
section#calendar .calendar-title h3 {
font-size: 11vw;
margin-left: 0;
}
section#calendar .calendar-title p {
font-size: unset;
margin-left: 0;
}
#datepicker-wrapper svg {
width: 6vw;
height: 6vw;
left: 2.6vw;
}
#datepicker-wrapper input#datepicker-input {
padding: 3.6vw 10vw;
}
.home .pika-single {
width: 88vw;
}
.home .pika-button {
aspect-ratio: 1/1;
}
.post-type-archive-forestillinger section#aktuelle,
.post-type-archive-forestillinger section#internationale,
.post-type-archive-forestillinger section#tidligere-forestillinger {
padding-bottom: 0;
}
.page-template-page-calendar #calendar-section .container-fluid {
padding: 0;
}
.page-template-page-calendar .pagetitle {
min-height: 40vw;
margin-bottom: 0;
padding: 0;
}
.page-template-page-calendar .pagetitle .media-wrapper {
min-height: 40vw;
padding-top: 16vw;
}
.page-template-page-calendar .pagetitle .container-fluid {
top: unset;
}
.page-template-page-calendar .pagetitle .container-fluid h1 {
padding-bottom: 7vw;
}
.page-template-page-calendar div#events {
padding: 20px;
}
.page-template-page-calendar .pika-button {
aspect-ratio: 1 / 1;
}
.page-template-page-calendar .is-selected .pika-button.has-event {
border-radius: 100%;
font-weight: 700;
background-color: black;
color: #ffffff;
}
body.single-forestillinger {
font-size: 20px;
}
.single-forestillinger section#information {
padding-top: calc(16vw + 8vw);
}
.single-forestillinger section#anmeldelser img {
position: unset;
width: 100%;
margin-bottom: 4vw;
}
.single-forestillinger section#anmeldelser .anmeldelser-right .row {
background: unset;
border: unset;
padding: unset;
}
.single-forestillinger .container {
max-width: 100vw !important;
}
section#anmeldelser h3 {
font-size: 6vw;
}
.single-forestillinger .swiper-button-next,
.single-forestillinger .swiper-button-prev {
width: 3vw !important;
height: 3vw !important;
font-size: 2vw;
}
.single-forestillinger .swiper-button-prev {
right: 8vw;
}
.single-forestillinger section#medvirkende,
.single-forestillinger section#holdet-bag {
flex-direction: column;
font-size: 16px;
}
.single-forestillinger section#medvirkende h3,
.single-forestillinger section#holdet-bag h3 {
position: unset;
transform: unset;
margin-bottom: 4vw !important;
}
}
@media only screen and (max-width: 768px) {
.forestillinger-wrapper .forestilling .dato {
margin: 0;
margin-bottom: .8vw;
font-size: 2vw;
letter-spacing: .02em;
line-height: 125%;
width: 100%;
}
.forestillinger-wrapper .forestilling a.lionbtn {
margin-right: 0vw;
padding: 0vw 1.8vw .2vw !important;
font-size: 2vw;
text-wrap: nowrap;
}
.forestillinger-wrapper .forestilling a.lionbtn.ticketbtn:before {
border: .3vw solid var(--darkColor);
}
.forestillinger-wrapper .forestilling a.lionbtn svg {
margin-left: 2vw;
width: 4vw;
height: 4vw;
top: .3vw;
}
.single-forestillinger section#anmeldelser svg {
width: 2.5vw;
height: 2.5vw;
}
.single-forestillinger section#anmeldelser .anmelder {
font-size: 2.6vw;
}
.single-forestillinger section#anmeldelser .anmeldelser-right .row > div {
margin-bottom: 2vw !important;
}
}