/*
Styling for p3s artikkelmal 2017
Basert på nrk.no xl-mal
*/
@font-face {
	font-family: EticaExtraBold;
	src: url(//p3.no/saus/meny/fonts/LFTEticaXB.woff);
}

@font-face {
	font-family: EticaBold;
	src: url(//p3.no/saus/meny/fonts/LFTEtica-Bold.woff);
}

@font-face {
	font-family: EticaRegular;
	src: url(//p3.no/saus/meny/fonts/LFTEtica.woff);
}

@font-face {
	font-family: EticaBook;
	src: url(//p3.no/saus/meny/fonts/LFTEticaBk.woff);
}

.center {text-align: center;} /*ny class okt 2018 for generell sentrering av elementer */

.p3article, .p3feature, .p3article .post-box p, .p3feature .post-box p {
	color: rgb(38,41,42);
	font-family: "LFT Etica", "EticaBook", "Helvetica Neue", Arial, sans-serif;
	font-size: calc(18px + 0.1vw);
	line-height: 1.625em;
	font-variant-ligatures: no-common-ligatures;
	/*-webkit-font-smoothing: antialiased;*/
}

.p3article strong, .p3article b, .p3feature strong, .p3feature b {font-weight: 600;}

.p3article p, .p3feature p {
	font-size: calc(18px + 0.1vw);
	line-height: 1.625em;
	/*margin: 0 0 18px;*/
	margin: 0 0 1.375em 0;
}

.p3article p a:link /*, .post-box a:link */ {
	color: rgb(38,41,42);
	text-decoration: none;
	border-bottom: 2px solid rgb(255,204,51);
}

.p3article a:hover {
	border-bottom-color: black;
}

.p3article .entry-meta a {
	border: none;
}

.p3article .updated {
	color: rgb(108,108,108);
	font-size: 80px;
}

.p3article .byline p a {border-bottom:0;
		font-weight: normal;
		font-size: 0.7em;
} 

.p3article .byline {
	margin-top: 0px;
	margin-right: 10px; 
	float: left;
	display: block;
	font-weight: bold;
	}

.p3article .entry-title, .p3article h1 {
	font-family: "LFT Etica", "EticaBold", "Helvetica Neue", Arial, sans-serif;
	color: rgb(20,21,23);
	font-size: calc(20px + 3.5vw);
	font-weight: 800;
	line-height: calc(1.25em + 0.2vw);
	/*margin-bottom: -8px;*/
	text-align: center;
}

.p3article h5, .p3article h4, .p3feature h5, .p3feature h4 {
	font-family: "LFT Etica", "EticaExtraBold", "Helvetica Neue", Arial, sans-serif;
	font-weight: 800;
	font-size: calc(1.2em + 0.1vw);
	letter-spacing: normal;
	line-height: 1.3;
	color: #141517;
	padding: 0;
	margin: 0.6em 0 0 0;
}

.p3article h4 {
	text-align: center;
	margin: 2.5em 0em 0.8em 0em;
}

.p3article .entry-excerpt p {
	font-family: "LFT Etica", "EticaRegular", "Helvetica Neue", Arial, sans-serif;
	color: rgb(20,21,23);
	font-weight: 600;
	font-size: 1.1em !important;
	line-height: calc(1.25em + 0.2vw) !important;
}

.p3article .share {
	margin-top: 0px;
}

.p3article .datometa {
	margin-bottom: 40px;
}

.p3article .datometa:before {
	top: 14px !important;
	border-top: 2px solid rgb(255,204,51);
}

.p3article figure.figure figcaption {
	color: #636363;
	font-size: calc(13px + 0.05vw);
	font-family: "Helvetica Neue", Arial, sans-serif;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	display: block;
}

.p3article  ul, .p3feature  ul {
	list-style-image: url(//www.nrk.no/serum/2.0.289/views-dist/common/img/bullet.svg);
}

.p3article article header .terning {
    padding-top: 0;
}


@media (min-width: 1400px) {
	.p3article .entry-title, .p3article h1 {
		font-size: 70px;
	}
}


.p3article figure.aligncenter img {
	margin: 0 auto;
	display: block;
}

.p3article figure.aligncenter figcaption {
	text-align: center;
}


/* Ny fullbredde mars 2017 */

.artikkeltopp-fullbredde {
	background: linear-gradient(rgba(0,0,0,0.05),transparent);
	min-height: calc(50px + 7vw);
	/*
	max-height: calc(100vh - 100px);
	overflow: hidden;
	*/
}

.artikkeltopp-fullbredde FIGURE.picture {
	max-height: inherit;
	height: inherit;
	overflow: visible;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.artikkeltopp-fullbredde FIGURE.picture figcaption {
	display: none;
}

.artikkeltopp-fullbredde FIGURE.picture img {
	width: 100%;
/*width of parent container*/
	height: 100%;
/*height of parent container*/
	object-fit: contain;
	position: relative;
	transform: translateY(-50%);
}

.bildebeskrivelse {
	font-family: "LFT Etica", "EticaBook", "Helvetica Neue", Arial, sans-serif;
	margin: 5px 0 0 5px;
}

/*bjartmar icons*/
svg.terning {
	float: right;
	width: calc(45px + 3.478vw);
	height: calc(45px + 3.478vw);
	fill: #E41C2F;
    color: #E41C2F;
}

blockquote, .p3article blockquote, .p3feature blockquote p {
	color: #666;
	font-weight: 600;
	font-size: 23px !important;
	line-height: 50px;
	text-align: left;
	display: block;
}

blockquote, .p3article blockquote, .category-feature blockquote {
	margin: 0.4em 0 0.4em 18px;
	padding: 9px 20px 0 19px;
	border-left: 4px solid #ffe100;
	
}



/* Regler for artikler i kategorien Feature. Husk å fjerne duplicat fra Custom rss  */
.category-feature .entry-title {
    font-size: 7rem !important;
    font-weight: normal;
    text-align: center;
}

.category-feature .entry-excerpt {
    text-align: center;
}

article.category-feature h2, 
article.category-feature h3, 
article.category-feature h4, 
article.category-feature h5 {
	text-align: center;
}

.category-feature .datometa:before {
	border-top: 2px solid rgb(255,204,51);
}

.category-feature .entry-title {
	/* font-size: 7rem !important; */
	font-size: 4rem !important;
	font-weight: normal;
	text-align: center;
}

.category-feature .entry-excerpt p {
    /* font-size: 3.0em !important; */
    font-size: 1.8em !important;
    line-height: 1.2em !important;
    padding: 0 1.0em 0 1.0em;
    text-align: center;
    text-rendering: optimizeLegibility;
	}
	
	

@media (min-width: 1000px) {
	.category-feature .entry-title {
	font-size: 7.2rem !important; 
	}
	
	.category-feature .entry-excerpt p {
    font-size: 2.2em !important;
	}	
}	
	
	
.parallax-img {
		position: relative;
		opacity: 1.0;
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		margin-bottom: 20px;
	  }
	  
.parallax-100 {
		min-height: 100vh;
	  }
	  
.parallax-75 {
		min-height: 75vh;
	  }
	  
.parallax-50 {
		min-height: 50vh;
	  }
	  
.parallax-30 {
		min-height: 30vh;
	  }

	  /*
	  @media only screen and (max-device-width: 1024px) {
		.parallax-img {
			background-attachment: scroll;
		}
		
		.parallax-touch {
		  min-height: 30vh;
		}    
	}
*/

	/*Ny faktaboks */
	.fact {border: 1px solid #e0e0e0; font-size: 15px; position: relative; padding-right: 0.8em;}
	.fact.right, fact.left {width: 35%;}
	.fact.right {margin-left: 0.8em;}	
	.fact h3 {text-align: center; font-size: 1.2em; margin-top: 1em;}
	.fact h3:before {
		content: '';
		position: absolute;
		top: -1px;
		left: 20px;
		width: 20px;
		border-top: 8px solid;
		border-top-color: #FFCC33;
	  
	}



	@media handheld, only screen and (max-width: 767px) {
	.fact.right, .fact.left {width: 100%;}

	.p3article p, .p3feature p, .p3feature strong, .p3feature figure.figure figcaption {
		padding: 0 10px; 
	}

	.p3article .share {
		position: absolute;
		right: 0;		
	}

	.p3article .byline {
		width: 65%;
		margin-right: 0px;
	}

	.p3article .byline.author {
		width: unset;
	}

	.p3article .byline .avatar {
		max-width: 35px;
	}

	.p3feature strong {display:block;}

	.p3article .datometa:before {
		top: 13px !important;
	}

	}