/*
 Velkommen til tilpasset CSS!
 
 CSS (Cascading Style Sheets) er en type kode som forteller nettleseren
 hvordan vise en nettside. Du kan slette dise kommentarene og starte dine
 tilpasninger.
 
 I utgangspunktet vil ditt stilark etter temaets stilark, noe som betyr at
 dine regler kan få forrang og overstyre temaets CSS-regler. Bare skriv inn
 her hva du vil endre. Du trenger ikke kopiere hele innholdet fra stilarket
 til ditt tema.
 */
 
 /*mest populært nå */
 .poppis .wpp-list {font-size: 1.2em;} 
 
 .p3article .entry-title, .p3article h1 {
 	text-align: left !important;
 }
 
 
 .embed-youtube {
 	position: relative;
 	padding-bottom: 56.25%;
 	padding-top: 30px;
 	height: 0;
 	overflow: hidden;
 }
 
 .embed-youtube iframe,  
 .embed-youtube object,  
 .embed-youtube embed {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 }
 
 .entry-content img, 
 .entry-content iframe, 
 .entry-content object, 
 .entry-content embed {
         max-width: 100%;
 }
 
 
 /*fjerner vanlig byline siden denne ligger i sidebar på filmpolitiet */
 .p3article .byline {
 	display: none;
 }
 .p3feature .byline  {
 	display: initial;
 }
 
 .p3feature .share {position: initial;}
 
 .film .anmelderunivers-meta-stor h1 a:hover {
 	color: #FFF;
 }
 
 .film.poppis .wpp-post-title, .fp p {
 	font-family: "LFT Etica", "Helvetica Neue", Arial, sans-serif;
 
 }
 
 .p3article .entry-excerpt p {
 	font-family: "LFT Etica", "Helvetica Neue", Arial, sans-serif;
 	color: rgb(20,21,23);
 	font-weight: 600;
 	font-size: 1.1em;
 	line-height: calc(1.25em + 0.2vw) !important;
 }
 .sidefeature p {font-size : 1.2em; margin-bottom: 1em;}
 
 
 @media handheld,only screen and (max-width: 767px) {
 	.hide-for-small-only {
 		display: none;
 	}
 	
 	.p3article .byline {
 		display: block;
 		float: none;
 	}
 	
 	.p3article .byline .avatar {
 		display: none;
 	}
 }
 
 #nrkfooter a {
 	color: #fff;
 	text-decoration: none;
 }
 
 /*morten var her og lagde styling for print */
 @media print {
 	body {
 		margin: 2em;
 	}
 	
 	.nrkno-header, .globalmenu .five, .share, footer, #sidebar, #disqus_thread, .fp_anmelderboks_mobil_wrapper h3 {
 		display: none;
 	}
 	
 	.datometa::before {
 		border-top: 1px solid #FFF;
 	}
 	
 	.row .eight {
 		width: 100% !important;
 	}
 	
 	.entry-meta .byline {
 		display: inherit;
 	}
 	
 	.anmelderboks .coverart {
 		width: 170px;
 		float: right;
 		margin-right: 1em;
 	}
 	
 	.anmelderuniversheader h3 span {
 		background: #fff;
 		z-index: 5;
 	}
 }
 
 /*midlertidig fix for delingsknapper */
 
 .entry-content {margin-top: 20px;}
 
 /* NRK SVG SHARE */
 .skin-fill {
 }
 
 .sr-only {
 	position: absolute;
 	overflow: hidden;
 	height: 1px;
 	width: 1px;
 }
 
 .share-button-bar > a.share-button {
 	position: relative;
 	display: block;
 	float: left;
 	height: 30px;
 	width: 30px;
 	line-height: 30px;
 	border-bottom: none;
 	margin-right: 10px;
 	margin-bottom: 10px;
 }
 
 .share-button-bar > a.share-button:after {
 	display: block;
 	content: "";
 	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	background: transparent;
 }
 
 .share-button-bar > a.share-button:last-child {
 	margin-right: 0;
 }
 
 .share-button svg {
 	color: transparent;
 }
 
 .share-button .normal {
 	opacity: 1;
 	transition: all 150ms;
 }
 
 .share-button .hover {
 	opacity: 0;
 	transition: all 150ms;
 }
 
 .share-button:hover .normal {
 	opacity: 0;
 }
 
 .share-button:hover .hover {
 	opacity: 1;
 }
 
 .share-button-bar-toggle {
 	position: relative;
 	float: right;
 	font-size: 12px;
 }
 
 .share-button-bar-toggle:after {
 	content: "";
 	display: table;
 	clear: both;
 }
 
 .share-toggle-button {
 	border: none;
 	outline: none;
 	display: block;
 	height: 38px;
 	width: 38px;
 	padding: 0;
 	cursor: pointer;
 	z-index: 200;
 	position: relative;
 	background: #fff;
 }
 
 .share-toggle-button .skin-background {
 	height: 4px;
 	width: 4px;
 	border-radius: 2px;
 	display: inline-block;
 }
 
 .share-toggle-button .article-only {
 	display: none;
 }
 
 .share-button-bar-toggle.share-toggle-on .share-button-bar {
 	display: block;
 	right: 38px;
 	border-left: 1px solid #e0e0e0;
 	background: #fff;
 }
 
 .share-button-bar-toggle .share-button-bar {
 	display: none;
 	z-index: 100;
 	position: absolute;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	width: 160px;
 	padding-left: 10px;
 	padding-top: 4px;
 }
 
 .csstransforms .share-button-bar-toggle .share-button-bar {
 	display: block;
 	opacity: 0;
 	transform: translate(100%,0);
 	-ms-transform: translate(100%,0);
 	-webkit-transform: translate(100%,0);
 	transition: transform 500ms, opacity 500ms;
 	-webkit-transition: -webkit-transform 500ms, opacity 500ms;
 }
 
 .csstransforms .share-button-bar-toggle.share-toggle-on .share-button-bar {
 	transform: translate(0,0);
 	-ms-transform: translate(0,0);
 	-webkit-transform: translate(0,0);
 	opacity: 1;
 }