@font-face {
    font-family: 'apercu-regular';
    src: url('../fonts/Apercu/apercu-regular.eot');
    src: url('../fonts/Apercu/apercu-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Apercu/apercu-regular.woff') format('woff'),
         url('../fonts/Apercu/apercu-regular.woff2') format('woff2'),
         url('../fonts/Apercu/apercu-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apercu-medium';
    src: url('../fonts/Apercu/apercu-medium.eot');
    src: url('../fonts/Apercu/apercu-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Apercu/apercu-medium.woff') format('woff'),
         url('../fonts/Apercu/apercu-medium.woff2') format('woff2'),
         url('../fonts/Apercu/apercu-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apercu-bold';
    src: url('../fonts/Apercu/apercu-bold.eot');
    src: url('../fonts/Apercu/apercu-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Apercu/apercu-bold.woff') format('woff'),
         url('../fonts/Apercu/apercu-bold.woff2') format('woff2'),
         url('../fonts/Apercu/apercu-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/** trenger bilde mangler for festivalkontoret */
.card.no-image, .header-content.no-image{
	background-image: url('/graphics/no-image/opx-bildemangler.png');
}

#header {
	color: black;
}

.topbar-image-mobile{
	height: 65vh;
	max-height: 450px;
	background-position: bottom;
}
img#frontpage-top-image-mobile{
	height: 65vh;
	max-height: 450px;
	object-position: bottom;
}

.topbar-image{
	height: 40vw;
	background-position: bottom;
}
img#frontpage-top-image{
	height: 40vw;
	object-position: bottom;
}

#header #festival-logo{
	background-image: url('/graphics/fk-logo.svg');
	background-size: 40px;
	width: 50px;
	height: 50px;
}

#header #topnav{
	background-color: black;
}

#header #topbar.fill{
	background-color: black;
}

#header #topbar.fill.search{
	background-color: black;
}

#header #topsearch{
	background-color: black;
}

#header nav .big-links a.my-films {
    background-image: url('/graphics/star-outline-white.svg');
}

#header #topsearch input[type=text]{
	color: white;
	border-bottom: 4px solid white;
}

#mainsearch input[type=text]{
   color: black !important;
   border-bottom: 4px solid black;
}

#header #topsearch input[type=submit]{
	background-image: url('/graphics/search-icon-white.svg');
}

#mainsearch input[type=submit]{
   background-image: url('/graphics/search-icon.svg');
}

#header #topsearch input::placeholder{
	color: white;
}

#header #topbar button{
	color: white;
}

#header nav a{
	color: white;
}

#header #topbar button span{
	color: white;
}

.lang-switch a{
	color: white;
}
.lang-switch.mobil a{
	color: white;
}

.lang-switch a:hover{
	border-bottom: 3px solid white;
}

.lang-switch a.active{
	border-bottom: 3px solid white;
}

.lang-switch.mobil a.active{
	border-bottom: 3px solid white;
}

#header #topbar #menu-icon{
	background-image: url('/graphics/menu-icon-tru_white.svg');
}
#header #topbar #menu-icon.close{
	background-image: url('/graphics/menu-icon-close-tru_white.svg');
}

#header #topbar #search-icon{
	background-image: url('/graphics/search-icon-white.svg');
}
#header #topbar #search-icon.close{
	background-image: url('/graphics/menu-icon-close-tru_white.svg');
}


#article-menu{
	color: black;
	background-color: black;
}
#article-menu-items a{
	color: white;
}
#article-menu-title::after{
	border-left: 3px solid white;
	border-bottom: 3px solid white;
}

footer {
	background-color: black;
	color: white;
}

footer #footer-nav nav a{
	color: white;
}

footer p a{
	color: white;
}

input[type="submit"]{
	background-color: black;
	color: white;
}

input[type="submit"]:hover{
	color: white;
	background-color: black;
}

#newsletter-input{
	background-color: rgba(255,255,255,.5);
	color: white;
	border-bottom: 2px solid white;
	background-image: url('/graphics/newsletter-icon-white.svg');
}

#newsletter-input::placeholder{
	color: white;
}

/*** FONT CHANGE ***/
.notification{
	font-size: 16px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
button.card-btn{
	font-size: 16px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
#article-menu-title{
    font-size: 40px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}
#article-menu-items a{
	font-size: 18px;
    text-decoration: none;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}
.lang-switch a{
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
}
#header #topbar button span{
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
#header #topsearch label{
    color: white;
}
#header #topsearch label, #mainsearch label{
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
#header #topsearch input[type=text], #mainsearch input[type=text]{
	font-size: 30px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: white;
}
#header #topsearch input::placeholder{
	font-size: 30px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	color: white;
}
#mainsearch input::placeholder{
	font-size: 30px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	color: black;
}
#header nav a{
	text-transform: uppercase;
	color: white;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}

h1 {
    font-size: 40px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

h1.title{
    font-size: 40px;
    margin-bottom: 18px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
    text-transform: uppercase;
}
h2 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
h3 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
h4.article-headline, .main-content.news h4.article-headline{
	font-size: 20px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}
p.byline{
	font-size: 16px;
	font-family: apercu-medium, sans-serif;
	font-weight: normal;
	font-style: italic;
}
.section-introduction button{
	font-size: 16px;
	text-transform: uppercase;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.entry-sections a.section{
	text-decoration: none;
	text-transform: uppercase;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}
.frontpage-grid .view-news a{
	font-size: 18px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: black;
	text-decoration: none;
	text-transform: uppercase;
}
.view-all{
	font-size: 18px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.superplugg a{
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: black;
}
a.view-all-in-section{
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	color: black;
}
.card.no-image::after{
	color: white;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: italic;
}
.card .related-event{
	color: white;
	font-family: apercu-medium, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}
.card .preview-festival-editions{
	color: white;
	font-family: apercu-medium, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}
.card .related-film{
	color: white;
	font-family: apercu-medium, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}
.card .card-content p{
	font-size: 15px;
	line-height: 20px;
	font-family: apercu-medium, sans-serif;
	font-weight: normal;
	font-style: normal;
}
a.card-article .link{
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: black;
}
a.load-more{
	color: white;
	font-size: 18px;
	text-decoration: none;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.page-nav{
	font-family: century-gothic, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
}
.page-nav .page-num span{
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
footer #footer-nav nav a{
	text-decoration: none;
	font-size: 16px;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}

footer #footer-nav nav.festival-links a{
	text-decoration: none;
	font-size: 16px;
	font-family: apercu-regular, sans-serif;
	font-weight: normal;
	font-style: normal;
}

footer #footer-nav nav.festival-links a:hover{
	text-decoration: underline;
}

footer p{
	font-size: 16px;
	font-family: apercu-medium, sans-serif;
	font-weight: normal;
	font-style: normal;
}
footer p a{
	font-size: 16px;
	font-family: apercu-regular, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
footer p a:hover{
    text-decoration: underline;
}
.import-choice button.generic-button{
	color: black;
	font-family: apercu-bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
}
.import-film-content p{
	font-size: 15px;
	line-height: 20px;
	font-family: century-gothic, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.browser-alert{
	font-size: 16px;
	font-family: apercu-medium, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: white;
}