/*
Theme Name: Nina Stemme
Theme URI: ninastemme.com
Description: Nina Stemme
Version: 1.0.16
Author: Syskon
Author URI: syskon.io
Tags: Nina Stemme
*/

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700&display=swap');

/*header.php*/
body, a, p, h1, h2, h3, h4, h5, h6, span {
    font-family: Gill Sans, sans-serif;
    color: white;
    overflow: hidden; /* needed because hiding the menu on the right side is not perfect,  */


}

h1{
    font-weight: 500;
    font-size: 46px;
}
h2{
    font-weight: 500;
    font-size: 35px;
}
h3{
    font-weight: 500;
    font-size: 24px;
}
a:hover{
    color: white;
    text-decoration: initial !important;
}
.container-fluid{
    padding-left: 0;
    padding-right: 0;
}
.front-banner{
    /* The image used
    background-image: url("images/front-banner.jpg");*/
    width: 100%;

    /* Set a specific height */
    height: auto;

}

.image-crop{
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.image-crop-contact{
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}

.nav{
    font-size: 18px;
}
.row-menu{
    margin-left: 0;
    margin-right: 0;
}
.page_item{
    padding-left: 21px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: white;
    font-weight: lighter;


}

.title{
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: white;
    display: block;
    text-transform: uppercase;
}

#signup-response{
    width: 50%;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #FF0000;
    margin-top: 20px;

    animation:signup-response 0.5s 1;
    -webkit-animation:signup-response 0.5s 1;
    animation-fill-mode: forwards;

    animation-delay:2s;
    -webkit-animation-delay:1s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;

}
.container-contact{
    max-width: 1000px;
}
@keyframes signup-response{
    from {opacity :1;}
    to {opacity :0;}
}

@-webkit-keyframes signup-response{
    from {opacity :1;}
    to {opacity :0;}
}
/*index.php*/
.title-h1-svart{
    color: black;
    font-weight: 600;

}
.title-h1-white{
    color: white;
    font-weight: 600;

}
.inggress-white{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: white;
    margin-top: 15px;
    line-height: 1.5;
}
.p1{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: white;
    margin-top: 15px;
}
.brodtext-white{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: white;
}
.inggress-dark{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #444444;
    margin-top: 15px;
    line-height: 1.5;
}
.brodtext-dark{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #444444;

}
.preview-text{
    max-width: 977px;
    margin: 0 auto;
    padding-top: 100px;
    display: block;
}
.preview-text a{
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: 15px;
    font-weight: bold;


}
.font-normal a{
    font-weight: normal;
}
.home-news-text{
    color: white;
}
.button-text-white{
    font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
    color: white;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 15px;
    padding-bottom: 14px;
    font-family: Gill Sans, sans-serif !important;
}
.button-text-dark{
    font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
    color: black;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 15px;
    padding-bottom: 14px;
    font-family: Gill Sans, sans-serif !important;
}
.button-dark{
    margin-top: 60px;
    border: solid 1px #000000;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button-white{
    margin-top: 60px;
    border: solid 1px white;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

}
.button-white-reverse{
    background-color: #232323;
    color: white;
    border: 1px solid white;
}
.button-white-reverse:hover{
    background-color: white;
    color: black;
}
.button-dark-reverse{
    background-color: white;
    color: black;
    border: 1px solid black;
}
.button-dark-reverse:hover{
    background-color: black;
    color: white;
    fill:white;
}

.crop-image-bio{
    -webkit-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    margin-top: 100px;

}
.front-bio-image{
    /*margin-top: 100px;*/
    /* The image used
    background-image: url("images/front-bio.jpg");*/

    /* Set a specific height */
    height: auto;

    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;

}
.news-section{
    background-color: #232323;
    margin-top: -250px;
    padding-top: 250px;

}
.crop-image-news{
    -webkit-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    margin-top: 100px;


}
.front-news-image{

    /* The image used
    background-image: url("images/front-news.jpg");*/

    /* Set a specific height */
    height: auto;

    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;

}
.calendar-section{
    background-color: white;
    margin-top: -250px;
    padding-top: 250px;



}
footer{
    background-color: black;
    margin-top: 100px;

}
.footer-text{
    font-weight: lighter;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 2px;
}
.footer-text-margin{
    margin-bottom: 1rem;
}
.footer-row{
    max-width: 977px;
    margin: 0 auto;
    padding-top: 41px;
    padding-bottom: 41px;
    padding-left: 15px;
}
.footer-text a{
    text-decoration: underline;
}
.footer-text-bold-right{
    text-align: right;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 2px;

}
.footer-artist-right{
    text-align: right;
    font-size: 18px;
}
.footer-text-right{
    text-align: right;
}
.fb-image{
    /* The image used */
    background-image: url("images/fb.png");

    /* Set a specific height */
    height: 31px;
    width: 31px;

    float: right;

    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

}
.fb-image-col{
    padding-bottom: 50px;
}


.nav-float{
	float: right;
	padding-right: 45px;
}

.nav-phone-hidden-menu{
    display: none;

}
.front-banner{
    z-index: -1;
}
.front-section{
    margin-top: -80px;
}

.header{
    padding-top: 22px;
    padding-bottom: 15px;
    /*background-color: rgba(0,0,0,0.5);*/
    background-color: black;
    background-color:rgba(0, 0, 0, 0.5);
    z-index: 1;
    position: relative;
}




/*SINGLE-CONTENT.PHP*/
.the-single-content p{
    color: black;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;

}
.contact p{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #444444;

}
.contact-a{
    color: #444444;
    font-family: 'Source Sans Pro', sans-serif;

    text-decoration: underline;
}
.contact-a:hover{
    color: #444444;
    text-decoration: underline;
}

.top-banner-image{
    max-height: 650px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
    /* Set a specific height */


    /* Position and center the image to scale nicely on all screens */

}
.top-banner-image-img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: auto;
    width: 100%;
    z-index: -1;

}

.bio-heading{
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: black;
    padding-bottom: 20px;
}
.lang-select{
    display: none;
}



.bio-left-text-box{
    padding-top: 280px;
    width: 500px;
    height: 600px;
    margin: 0 auto;
    padding-left: 58px;
}
.bio-left-text-box p {
    font-size: 16px;
    color: #040403;
    font-weight: normal;
}


.bio-right-text-box{
    padding-top: 100px;
    max-width: 250px;
    margin: 0 auto;
    color: black;
    font-size: 64px;
    font-weight: bold;
    margin-left: 100px;
}
.bio-right-text-box p {
    font-size: 18px;
    color: #040403;
    font-weight: 300;
}


.bio-left-right-section{
    background-color: #f4f4f4;
}
.external-link{
    background-image: url(images/external-link.png);
    height: 20px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: inline-block;
    margin-left: 7px;
}
.news-text-again img{
    display: none;
}
.news-text-again p{
	font-family: 'Source Sans Pro', sans-serif;
	
}
.image-crop-bio-top-left{
   /* -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);*/
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
}
.bio-right-image-img{
    height: auto;
    width: 100%;
    margin-top: -20%;

}
.bio-right-image{
    overflow: hidden;
    max-height: 700px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 93.1%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 93.1%);
}



.image-crop-bio-top-right{
    -webkit-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
}
.bio-left-image-img{
    width: 100%;

    height: auto;


}
.bio-left-image{
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 100% 8.1%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 8.1%, 100% 100%, 0 100%);
}
.no-padding{
    padding-left: 0;
    padding-right: 0;
}
.marginize-left{
    margin-left: 20px;
}
blockquote {
    border:none;
    margin-bottom:-30px;
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    padding-left: 1em;
    padding-top: 1em;

    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: white;
}

blockquote h3 {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: white;
}

blockquote h3:before {
    content: "\201C";
    font-weight: bold;
    font-size:64px;
    color: white;
    position: absolute;
    top: -0.2em;
    left: -0.5em;
}
blockquote h3:after {
    content: "\201D";
    font-weight: bold;
    font-size: 64px;
    color: white;
    position: absolute;
    bottom: -0.9em;
    right: 0;
}
.bio-quote-2-section{
    background-color: #232323;
    -webkit-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
}
.blockquote-white h3{
    color: white;
}
.blockquote-white h3:before{
    color: white;
}
.blockquote-white h3:after{
    color: white;
}
.bio-quote-2{
    padding-top: 300px;
    max-width: 450px;
    margin: 0 auto;
    color: black;
    font-size: 64px;
    font-weight: bold;
    padding-left: 100px;

}
.bio-quote-2 p{
    font-size: 18px;
    color: #040403;
    font-weight: 300;
}
.second-section-container{
    padding-top: 80px;
    padding-bottom: 80px;
}

.bio-quote-2-image{
    max-height: 830px;
    overflow: hidden;

}
.bio-quote-2-image-img{
    width: 100%;
    height: auto;
    margin-top: -100px;

}
.bio-last-image-img{
    width: 100%;
    height: auto;
}
.bio-last-section{
    -webkit-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    max-height: 830px;
    overflow: hidden;

}
.bio-contact-section{
    margin-top: -130px;
    padding-top: 100px;
    margin-bottom: -100px;
    background-color: #232323;
}


.custom-select {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid black;
    padding: .1rem 1.75rem .375rem .75rem;
    font-family: Gill Sans, sans-serif;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;

}
.custom-select select {
    display: none; /*hide original SELECT element:*/
}
.select-selected {
    background-color: white;
}
/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;



}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
    color: black;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
}
/*style items (options):*/
.select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    padding-left: 13px;
    border: 1px solid;
}
/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.only-phone{
    display: none;
}

.one-post{
    width: 970px;

    border-bottom: solid 1px #979797;
    padding-bottom: 17px;
    padding-top: 17px;



}
.title-news{
    font-size: 35px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: black;

}
.date-news{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #444444;

}
.content-news p{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #444444;
    line-height: 1.5;


}
.content-news a{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    text-decoration: underline;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: black;
    font-weight: 500;



}

.more-padding{
    padding-top: 40px;
    padding-bottom: 40px;

}
.wp-caption-text{
    padding-top: 10px;
}

.prev a{
    color: black;


}
.next a{
    color: black;

}
.top-line{
    border-top: 1px solid #979797;
}

.position-bottom{
    position: absolute;
    bottom: 0;
}

.page-item-48{
    display: none;
}
.news-text-again a{
    text-decoration: underline;
	font-size: 16px;
}
.bio-left-text-box p{
    font-family: 'Source Sans Pro', sans-serif;
    color: white;
}
.bio-left-text-box{
    height: 590px;
    padding-top: 240px;

}
.bio-left-text-box-awards{
    height: 580px;
    padding-top: 240px;

}
.page_item:hover{
    text-decoration: underline;
}
.current_page_item{
    font-weight: normal;
}

.size-large{
    width: 100%;
    height: auto;

}
.wp-caption{
    width: 100% !important;
}

#nav-posts{
    font-size: 16px;
    padding-top: 10px;
}
.margin-bottom{
    margin-bottom: -10px;
}
body > div > section:nth-child(4) > div > div > div > div > div > p > a:nth-child(5){
    color: #444444;
}
body > div > section:nth-child(4) > div > div > div > div > div > p > a:nth-child(7){
    color: #444444;
}


#menuToggle
{
    display: block;
    position: absolute;
    top: 2px;
    right: 40px;

    z-index: 1;

    -webkit-user-select: none;
    user-select: none;
}

#menuToggle input
{
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;

    cursor: pointer;

    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */

    -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
    display: block;
    width: 33px;
    height: 3px;
    margin-bottom: 6px;
    position: relative;

    background: white;
    border-radius: 3px;

    z-index: 1;

    transform-origin: 4px 0px;

    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    opacity 0.55s ease;
}

#menuToggle span:first-child
{
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
    transform-origin: 0% 100%;
}

/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: white;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
    opacity: 1;
    transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
    position: absolute;
    width: 300px;
    margin: -100px 0 0 0;
    padding: 50px;
    padding-top: 200px;
    right: -100px;
    padding-left: 300px;
    

    background: black;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */

    transform-origin: 0% 0%;
    transform: translate(100%, 0);

    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);

    height: 130%;
    width: 80%;
    position: fixed;
    right: 0;


}

#menu li
{
    padding: 10px 0;
    font-size: 22px;
    position: relative;
    display: flex;
}

/*
 * And let's fade it in from the left
 */
#menuToggle input:checked ~ ul
{
    transform: scale(1.0, 1.0);
    opacity: 1;
}
.image-opacity{
    opacity: 1;
    transition: .5s ease;
    backface-visibility: hidden;

}
.image-opacity-container{
    position: relative;
}
.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 30%;
    left: 15%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}



.image-opacity-container:hover .middle {
    opacity: 1;

}
.image-opacity-container:hover .text-opacity {
    opacity: 1;
}
.text-opacity{
    color: white;
    font-size: 16px;
    padding: 16px 32px;
    text-align: left;
}
.opacity-name{
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 5px;
    background-color: rgba(0,0,0,0.4);
    padding-left: 5px;
    padding-right: 5px;
}
.opacity-author{
    background-color: rgba(0,0,0,0.4);
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;

}
.middle-special-1{
    left: 17%
}
.middle-special-4{
    left: 25%;
}
.footer-text-credits{
    display: none;
}
.bio-left-text-box{
    padding-top: 220px;
    padding-left: 165px;
}
.disc-brodtext{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #444444;
}

.disc-select{
	display: none;
}

.disc-image-img{
	width: 100%;
	height: auto;

}
.disc-brodtext-thin{
    font-weight: 400 !important;
    font-size: 24px !important;
    color: black;

}
.disc-content p{
	font-size: 20px !important;
}
.disc-operahus{
	margin-top: 10px;

}
.disc-row{
	margin-left: 0;
	margin-right: 0;
}
.disc-link{
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    text-decoration: underline;
    color: black;

}
.disc-link:hover{
	text-decoration: initial !important;
}


.custom-select-disc {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid black;
    padding: .1rem 1.75rem .375rem .75rem;
    font-family: Gill Sans, sans-serif;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;

}
.custom-select-disc select {
    display: none; /*hide original SELECT element:*/
}
.select-selected-disc {
    background-color: white;
}
.disc-rel-pos{
	position: relative;
}
.disc-abs-pos{
	position: absolute;
	bottom: -20px;
}
.disc-opera{
	padding-bottom: 20px;
}
/*style the arrow inside the select element:*/
.select-selected-disc:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected-disc.select-arrow-active-disc:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;



}

/*style the items (options), including the selected item:*/
.select-items-disc div,.select-selected-disc {
    color: black;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
}
/*style items (options):*/
.select-items-disc {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    padding-left: 13px;
    border: 1px solid;
}
/*hide the items when the select box is closed:*/
.select-hide-disc {
    display: none;
}


.fbx-rounded .fbx-inner{
	border: 0;
	border-radius: 0;
}
.fbx-caption{
	background-color: #232323 !important;
}
.fbx-close-caption{
	display: none;
	font-family: Gill Sans, sans-serif !important;
	
}
.fbx-caption-title{
	font-size: 18px !important;
	padding: 25px;
}
.fbx-caption-desc{
	font-size: 14px !important;
	font-weight: 100 !important;
	padding-bottom: 25px;
}
.fbx-next{
	right: 20px !important;
	margin-top: 300px !important;
	width: 50px !important;
	line-height: 50px !important;
	height: 50px !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	border: 1px solid #fff !important;
	
}
.fbx-prev{
	left: 20px !important;
	margin-top: 300px !important;
	width: 50px !important;
	line-height: 50px !important;
	height: 50px !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	border: 1px solid #fff !important;
	
}
.fbx-close{
	right: 20px !important;
	top: 20px !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	width: 50px !important;
	height: 50px !important;
	border: none !important;
	font-size: 60px !important;
}

.fbx-close:before, .fbx-close:after {
  content: '';
  width: 85%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: white;
}

.fbx-close:before {
  -webkit-transform: translate(-50%,-50%) rotate(45deg);
  transform: translate(-50%,-50%) rotate(45deg);
}

.fbx-close:after {
  -webkit-transform: translate(-50%,-50%) rotate(-45deg);
  transform: translate(-50%,-50%) rotate(-45deg);
}

.fbx-next{  
  height: 2em;
  width: 2em;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7rem;
  font-size: 12px !important;
  top: unset !important;
  bottom: 30px !important;
    
}

.fbx-next::before, .fbx-next::after {
  height: 2em;
  width: 0.12em;
  background: white;
  content: "";
  position: absolute;
}
  .fbx-next::before {
  top: 1.8em;
  right: 2em;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fbx-next::after {
  top: 0.4em;
  right: 2em;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


.fbx-prev{  
  height: 2em;
  width: 2em;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7rem;
  font-size: 12px !important;
	  top: unset !important;
  bottom: 30px !important;
    
}
.fbx-prev::before, .fbx-prev::after {
  height: 2em;
  width: 0.12em;
  background: white;
  content: "";
  position: absolute;
}
  .fbx-prev::before {
  top: 1.75em;
  right: 2em;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.fbx-prev::after {
  top: 0.4em;
  right: 2em;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.alm-btn-wrap{
	display: table;
	margin: 0 auto;
}
.done{
	opacity: 0.2;
}

.loadMore{
	margin: 0 auto;
    max-width: 165px;
    margin-top: 30px;
}


.page_item a{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
}

.big_menu_text a{
    font-size: 48px;
    line-height: 55px;
}
.hide{
    display: none !important;
}

.empty-calender-rubrik{
    font-weight: 600 !important;
    font-size: 20px;
    line-height: 30px !important;
    color: #444444 !important;
    font-family: 'Source Sans Pro', sans-serif !important;

}
.empty-calender-text{
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #444444 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    padding-top: 8px;
    
}

.padding-top-30{
    padding-top: 29px;

}

.padding-bottom-40{
    padding-bottom: 40px;

}

.one-post-disc{
    padding-top: 40px;
    padding-bottom: 40px;
}

.award-year{
    font-family: 'Source Sans Pro', sans-serif !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 24px;
    line-height: 30px;
    color: #444444 !important;
}
.award-title{
    font-family: 'Source Sans Pro', sans-serif !important;
    font-style: normal;
    font-weight: 600 !important; 
    font-size: 24px !important;
    line-height: 30px;
    color: #000000 !important;
    margin-bottom: 8px;

}
.one-award{
    margin-bottom: 40px;
}
.one-award-inner{
    padding-bottom: 28px;

}
.left-award{
    padding-right: 60px;
}
.right-award{
    padding-left: 60px;
}
.thin-line{
    border-bottom: solid 1px #979797;

}

.awards-row{
    padding-top: 54px;
}

.awards-list-content{
    padding-top: 125px;
}

.margin-right-20{
    margin-right: -20px;
}
.focus-award-year{
    font-family: Gill Sans, sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 21px !important;
    color: #FFFFFF !important;
    margin-bottom: 8px !important;


}
.focus-award-title{
    font-family: Gill Sans, sans-serif !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    color: #FFFFFF !important;
    margin-bottom: 8px;


}
.focus-award-summary{
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: #FFFFFF !important;
    padding-top: 10px !important;

}
.inner-focus-award{
    max-width: 350px;
}
.bio-right-text-box{
    max-width: 350px;
}

.padding-bottom-menu{
    padding-bottom: 35px !important;
}

.menu-text-desktop{
    font-family: Gill Sans, sans-serif !important;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    right: 90px;
    position: absolute;

    color: #FFFFFF;
    cursor: pointer;
}
.bio-right-image-awards img{
    height: 600px;
    object-fit: cover;
    margin-top: 0;
}
.image-crop-bio-top-left-awards{
    height: 1200px !important;
}
.home-banner{
    max-height: 1050px;
    object-fit: cover;
}

.wp-block-image figcaption {
    text-align: center;
    color: #555;
}

/*DESKTOP END */

@media (min-width: 1700.98px) {
    .image-crop-bio-top-left-awards .container-fluid .row .col-7 .bio-left-image{
        margin-top: -100px;
    }


}


@media (max-width: 1700.98px) {
    .bio-left-text-box{
        padding-top: 220px;
        padding-left: 125px;
    }
    .image-crop-bio-top-left{
        height: 1300px !important;

    }
    .image-crop-bio-top-left-awards{
        height: 1200px !important;
    }
    .bio-right-image-awards img{
        height: 700px;
        object-fit: cover;
    }

}
@media (max-width: 1650.98px) {
    .bio-left-text-box{
        padding-left: 115px;
    }


}
@media (max-width: 1600.98px) {
    .bio-left-text-box{
        padding-left: 105px;
    }


}
@media (max-width: 1550.98px) {
    .bio-left-text-box{
        padding-left: 95px;
    }

    .bio-quote-2{
        padding-left: 50px;

    }


}
@media (max-width: 1500.98px) {
    .bio-left-text-box{
        padding-top: 200px;
        padding-left: 85px;
    }
    .image-crop-bio-top-left-awards{
        height: 1250px !important;
    }
    


}
@media (max-width: 1450.98px) {
    .bio-left-text-box{
        padding-left: 75px;
        padding-top: 220px;

    }

    .bio-left-text-box{
        height: 610px;
    }
    .bio-left-text-box-awards{
        height: 530px;


    }
    .bio-right-text-box{
        padding-top: 100px;
    }
    .bio-quote-2{
        padding-left: 30px;

    }

	

}
@media (max-width: 1400.98px) {
    .image-crop-bio-top-left-awards{
        height: 1150px !important;
    }
    .bio-left-text-box{
        padding-top: 200px;
        padding-left: 65px;
    }

    .bio-right-image-img{
        margin-top: 0;
    }
    .bio-right-image-awards img{
        height: 625px;
        object-fit: cover;
    }

}@media (max-width: 1350.98px) {
    .bio-left-text-box{
        padding-top: 200px;
        padding-left: 55px;
    }


}
@media (max-width: 1299.98px) {
    .bio-left-text-box{
        padding-top: 200px;
        padding-left: 45px;
    }


}

/* Large devices (desktops, less than 1200px) IPAD PRO*/
@media (max-width: 1199.98px) {
    .bio-quote-2{
        padding-top: 230px;
    }
    .bio-left-text-box{
        height: 630px;
        padding-top: 200px;
    }
    .image-crop-bio-top-left{
        height: 1200px !important;

    }
    .sidenav {
        z-index: 3;
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 15px;
    }

    .sidenav a {
        padding: 8px 8px 8px 100px;
        text-decoration: none;
        font-size: 18px;
        color: white;
        display: block;
        transition: 0.3s;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;

    }

    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    .closebtn{
        padding-top: 45px !important;
    }
    .nav-phone{
        display: block;
        text-align: right;
        margin-top: -8px;
    }
    .nav{
        display: none;
    }

    .nav-phone-hidden-menu{
        display: block;

    }
    .page_item{
        display: initial;
    }
    .phone-menu-title{
        text-align: center;
        padding-top: 35px;
    }

    .header{
        padding-top: 18px;
    }


}
/* IPAD */
@media (max-width: 1050.98px) {
    .bio-left-text-box{
        height: 550px;
        padding-left: 0;
    }
    .bio-left-text-box-awards{
        height: 470px;
    }
    .image-crop-bio-top-left{
        height: 1000px !important;
    }
    .bio-right-text-box{
        padding-top: 50px;
        margin-left: 40px;
    }
    
    .no-margin-phone{
        margin: 0 !important;
    }
    .middle-special-4{
        left: 30%;
    }
    .middle-special-6{
        left: 20%;
    }
    .bio-right-image-awards{
        max-height: 550px;
    }

}

@media (max-width: 999.98px) {
    .bio-quote-2{
        padding-top: 200px;
    }
    .bio-left-text-box{
        height: 600px;
        padding-top: 170px;
    }
    .image-crop-bio-top-left{
        height: 1000px !important;
    }
    .one-post{
        width: 100%;
    }
    .div-10{
        width: 100%;
    }
    .content-news img{
        width: 100% !important;
        height: auto !important;
    }

    .preview-text{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 70px;
    }
    .crop-image-bio{
        margin-top: 77px;
    }
    .crop-image-news{
        margin-top: 77px;
    }
    .little-padding{
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Small devices (landscape phones, less than 992px)*/
@media (max-width: 992px) {
    .bio-right-image-awards{
        max-height: 420px;
    }
    .empty-calender-rubrik{
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .left-award{
        padding-right: 15px;
    }
    .right-award{
        padding-left: 15px;
    }
    #menu{
        padding-left: 50px;
        padding-top: 125px;
    }
    .bio-quote-2{
        padding-top: 150px;
        margin-right: 10px;
    }

    .bio-left-text-box{
        height: 430px;
        padding-top: 140px;
    }
    .image-crop-bio-top-left{
        height: 750px !important;
    }
    .bio-left-text-box{
        padding-left: 15px;
        width: 400px;
    }
    .bio-right-text-box{
        padding-top: 30px;
        margin-left: 50px;
    }
    .button-text-dark{
        padding-top: 10px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 10px;

    }
    .text-white{
        color: white;
    }
    .button-text-white{
        padding-top: 10px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 10px;

    }
    .marginize-left{
        margin-left: 0;
    }
    .bio-left-text-box{
        height: 420px;
    }
    blockquote h3:before{
        font-size: 48px;
    }
    blockquote h3:after{
        font-size: 48px;
    }
    .bio-quote-1{
        font-size: 20px;
    }
    .bio-left-text-box{
        padding-top: 110px;
    }
    .bio-quote-2{
        padding-top: 120px;
    }
    .no-padding-ipad{
        padding-left: 0;
        padding-right: 0;
    }
    .middle{
        left: 17%;
    }
    .middle-special-1{
        left: 23%;

    }
    .middle-special-2{
        left: 18%;
    }
    .middle-special-3-header-phone{
        left: 25%;
    }

    .middle-special-4{
        left: 30%;
    }
    .bio-left-text-box-awards{
        height: 355px;
    }
    .focus-award-year{
        font-size: 16px !important;
        line-height: 19px !important;
    
    
    }
    .focus-award-title{
        font-size: 18px !important;
        line-height: 21px !important;
    
    
    }
    .focus-award-summary{
        font-size: 16px !important;
        line-height: 28px !important;
    
    }

	.fbx-next{
		width: 34px !important;
		height: 34px !important;
		line-height: 34px;
	}
	.fbx-next::before, .fbx-next::after{
		height: 1em;
		width: 0.11em;
	}
	.fbx-next::before{
		top: 1.25em;
		right: 1.3em;
	}
	.fbx-next::after{
		top: 0.6em;
		right: 1.3em;
	}
	.fbx-prev{
		width: 34px !important;
		height: 34px !important;
		line-height: 34px;
	}
	.fbx-prev::before, .fbx-prev::after{
		height: 1em;
		width: 0.11em;
	}
	.fbx-prev::before{
		top: 1.25em;
		right: 1.3em;
	}
	.fbx-prev::after{
		top: 0.6em;
		right: 1.3em;
	}

	.fbx-phone .fbx-caption-desc{
		line-height: 20px !important;
	}
	.fbx-phone .fbx-caption-title+.fbx-caption-desc{
		margin-top: -10px !important;
	}
	.fbx-caption{
		padding-bottom: 60px !important;
		padding-top: 20px !important;
	}
	.fbx-close:before, .fbx-close:after{
		width: 65% !important;
		height: 2px !important;
	}
	.fbx-light.fbx-phone{
		background-color: rgba(0,0,0,1) !important;
	}
	.fbx-modal.fbx-phone.fbx-portrait .fbx-close{
		left: 80% !important;
	}
	.foogallery{
		z-index: 0;
	}
	.phone-no-padding{
		padding-left: 0;
		padding-right: 0;
		padding-top: 15px;
	}
	.disc-content p{
		font-size: 16px !important;
	}
	.disc-brodtext-thin{
		font-size: 16px !important;
	}
	.disc-phone-svg{
		height: 16px !important;
		width: 16px !important;
	}
	.disc-post-phone{
		padding-bottom: 15px;
	}
	.fbx-modal.fbx-phone.fbx-portrait .fbx-next{
		top: 45% !important;
    	left: 80% !important;
		
	}
	.fbx-modal.fbx-phone.fbx-portrait .fbx-prev{
		top: 45% !important;
    	
		
	}

    .front-banner{
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
    .top-banner-image-img{
        height: 180px;
    }
    .inggress-dark{
        font-size: 16px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        padding-bottom: 20px !important;
        line-height: 1.5;

    }
    .title-h1-svart{
        font-size: 20px;
        font-weight: 600;
    }
    .front-bio-image{
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
    .inggress-white{
        font-size: 16px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;

    }
    .title-h1-white{
        font-size: 20px;
        font-weight: 600;
    }
    .bio-section{
        padding-right: 0;
        padding-left: 0;
    }
    .news-section{
        padding-bottom: 50px;


    }

    .button-dark{
        width: 100%;
        text-align: center;

    }
    .button-white{
        width: 100%;
        text-align: center;

    }

    .the-single-content{
        padding: 16px;
        padding-top: 0;
    }
    .the-single-content p{
        font-size: 16px;
    }

    .contact-content{
        padding: 0;
        padding-top: 100px;
    }
    .contact-a{
        font-weight: 500;


    }
    .bio-row-phone{
        margin-right: 0;
        margin-left: 0;
    }
    .inggress-dark{
        font-weight: normal;
    }
    .only-desktop{
        display: none;
    }
    .only-phone{
        display: block;
    }
    .bio-phone-image-section{
        -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
        clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);

    }
    .bio-phone-image-img{
        width: 100%;
        height: auto;
        max-height: 400px;
        object-fit: cover;
    }
    .bio-phone-text-section{
        background-color: #232323;
        padding-top: 130px;
        margin-top: -100px;
        padding-bottom: 130px;
        margin-bottom: -100px;
    }
    .bio-quote-1-phone{
        margin-bottom: 0; 
        padding-bottom: 40px;
        padding-top: 110px;


    }
    blockquote h3{
        font-size: 18px;
    }
    blockquote h3:before{
        font-size: 48px;
    }
    blockquote{
        max-width: 300px;
    }
    .bio-phone-extra-section{
        background-color: #232323;
        margin-top: -2px;

    }
    .bio-section-extra-container{
        background-color: white;
        -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);

    }
    .second-section-container{
        padding-top: 100px;
        padding-bottom: 30px !important;
    }
    .bio-phone-image-last-section{
        -webkit-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
        clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);

    }
    .bio-quote-2-phone{
        padding-bottom: 50px;
    }
    .blockquote-smaller{
        max-width: 260px;
        padding-left: 0;
    }
    .second-phone-container{
        background-color: white;
        background-color: white;
        -webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);

    }
    .second-phone-section{
        background-color: #232323;
        margin-top: -10px;


    }
    .page-item-48{
        display: none;
    }
    .button-phone-padding{
        padding-top: 15px;
    }
    .phone-date{
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
    }
    .title-h1-svart-phone{
        font-size: 24px;
    }
    .title-h1-svart{
        font-size: 24px;
    }
    .calendar-title-phone{
        font-size: 20px;
    }
    .one-post-phone{
        padding-bottom: 30px;
        padding-top: 15px;
    }
    .position-bottom{
        position: relative;
    }
    .preview-phone{
        padding-top: 25px;
    }
    .the-single-content-phone{
        padding: 0;
        padding-top: 0;
    }
    .date-news{
        font-size: 16px;
    }
    .title-news{
        font-size: 18px;
    }
    .content-news a{
        font-size: 16px;
    }
    .header{
        padding-bottom: 2px;
        padding-top: 13px;
    }
    .header h1{
        font-size: 18px;
    }
    .image-crop{
        margin-top: 10px;
        height: 400px;
    }
    .phone-menu-title{
        padding-top: 8px;
    }
    .closebtn{
        padding-top: 10px !important;
    }
    .title{
        font-size: 22px;
    }
    .preview-text{
        padding-top: 40px;
    }
    .crop-image-bio{
        margin-top: 45px;
        height: 300px;
    }
    .p1{
        font-size: 16px;
        font-weight: normal;
    }
    .news-text-again a{
        font-size: 16px;
        font-weight: bold;
    }
    .padd-top{
        padding-top: 20px !important;
    }
    .padd-bot{
        padding-bottom: 20px !important;
    }
    .title-h2-white-phone{
        font-size: 22px;
    }
    .no-padd-bot-phone{
        padding-bottom: 10px !important;
    }
    .no-padd-top{
        padding-top: 0;
    }
    .phone-display-block{
        display: block;

    }
    .front-news-image{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .crop-image-news{
        height: 300px;
    }
    .footer-text-right{
        text-align: left;
    }
    .footer-text-bold-right{
        text-align: left;
    }
    .footer-artist-right{
        text-align: left;
        padding-top: 15px;
    }
    .fb-image{
        float: left;
    }
    .fb-image-col{
        padding-bottom: 30px;
    }
    .no-padding-phone{
        padding-left: 0;
        padding-right: 0;
    }
    .top-banner-image-img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-top: 20px;
    }
    .top-banner-image{
        height: 300px;
    }
    .bold{
        font-weight: bold;
        color: #444444;
        padding-bottom: 0 !important;
    }
    .white{
        color: white;
    }
    .no-padding-ipad{
        padding-right: 15px;
        padding-left: 15px;
    }
    .size-22-h2{
        font-size: 22px;
    }
    .last-section{
        padding-top: 70px;
        padding-bottom: 50px;
    }
    .little-padding{
        padding-right: 0;
        padding-left: 0;
    }
    .more-padding{
        padding-top: 20px;
        padding-bottom: 20px;

    }
    .margin-bottom{
        margin-bottom: 0;
    }
    .contact-content{
        padding: 0;
    }
    .container-contact{
        margin-bottom: -70px;
    }
    .sidenav a{
        padding: 8px 8px 8px 50px;
    }
    .phone-menu-title{
        margin-left: -60px;
    }
    #menuToggle{
        right: 20px;
    }
    .middle{
        left: 30%;
    }
    .opacity-name{
        font-size: 16px;
    }
    .middle-special-3-header-phone{
        top: 45%;
        left: 30%;
    }
    .footer-text-credits{
        display: block;
        padding-bottom: 5px;
    }
    .quote-author-padd{
        padding-left: 2.5em;
        margin: 0 auto;
        max-width: 300px;
    }
    .middle-special-5{
        top: 37%;
    }
    .only-clip-path{
        padding-top: 100px;
        -webkit-clip-path: polygon(0 30%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0% 30%, 100% 0%, 100% 100%, 0 100%);
        background-color: white;

    }

    .extra-section-all-award{
        background-color: white;
        /*-webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0% 4%, 100% 0%, 100% 100%, 0 100%);
        padding-top: 100px;*/
        margin-top: -1px;
    }
    
    .section-all-award{
        background-color: #232323;
        margin-top: -5px;
        padding-top: 20px;
    }

    .one-award-inner{
        padding-bottom: 20px;
    }
    .page_item a{
        font-size: 16px;
        line-height: 18px;
    }
    .big_menu_text a{
        font-size: 28px;
        line-height: 32px;
    }
    .awards-row{
        padding-top: 32px;
    }
    .award-year{
        margin-bottom: 20px;
    }
    .award-title{
        margin-bottom: 8px;
        font-size: 16px !important;
    }

/*PHONE IPAD ENDS 992px*/
}



@media (max-height: 700px){
	.fbx-modal.fbx-phone.fbx-portrait .fbx-next{
		top: 37% !important;
		
	}
	.fbx-modal.fbx-phone.fbx-portrait .fbx-prev{
		top: 37% !important;
	}
}