/*
Theme Name:         P3.no/filmpolitiet v2
Theme URI:          http://p3.no/
Description:        Responsive P3.no/filmpolitiet built on Reverie 2.0.0
Version:            1.0.0
Author:             P3.no
Author URI:      
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customize for BuddyPress
:: Your Customized Style
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */

	/* ZURB Navi for Foundation */
	dl.nav { display: block; width: auto; height: 27px; margin: 0 0 18px; }
	dl.nav dt, dl.nav dd { float: left; display: inline; }
	dl.nav dt { color: #999; font-weight: normal; }
	dl.nav dd a { text-decoration: none; margin-left: 6px; padding: 5px 12px;
	 -webkit-border-radius: 12px; -moz-border-radius: 12px; }
	dl.nav dd a:hover { background: #eee; }
	dl.nav dd.current-menu-item a,
	dl.nav dd.current-post-ancestor a,
	dl.nav dd.current-menu-parent a,
	dl.nav dd.current-post-parent a
	 { background: #2A85E8; color: #fff; }
 
	/* Foundation-specific presentation CSS by ZURB */
	body {padding-bottom:0; width: 100%; background: #fff; border: none; max-width: 100%; }
	div.reverie-header { margin: 0 0 30px 0; padding: 20px 0 0 0; }
	div.reverie-header h1 { margin-bottom: 0; padding: 0; }
	div.reverie-header h1 a { color: #181818; }
	div.reverie-header h1 a:hover { color: #181818; }
	div.reverie-header .subheader { margin-bottom: 9px; }
	div.highlight { margin-bottom: 12px; }
	img.beta { position: absolute; top: 0px; right: 0px; }

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Resizing the Blog Post */
	.post-box p { line-height: 24px; font-size: 16px; font-size: 1.6rem; }
	.post-box h1 { font-weight: bold; font-size: 56px; font-size: 5.6rem; line-height: 1.25; margin-bottom: 8px; margin-top:30px; }
	.post-box h2 { font-weight: bold; font-size: 46px; font-size: 4.6rem; line-height: 1; margin-bottom: 6px; margin-top: 26px;}
	.post-box h3 { font-size: 36px;	font-size: 3.6rem; margin-bottom: 6px;}
	.post-box h4 { font-size: 28px;	font-size: 2.8rem; margin-bottom: 6px;}
	.post-box h5 { font-size: 22px;	font-size: 2.2rem; margin-bottom: 4px;}
	.post-box h6 { font-size: 18px;	font-size: 1.8rem; margin-bottom: 4px;}
	
	/* Add Divider for Listed Posts */
	.dividerx { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }	
	
	/* Add Align Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Caption Class for Images display: inline-block; */
	figure.figure {	background: #fff; margin: 0 0 18px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;  }
	figure.figure figcaption { padding: 5px 0; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	/* Sidebar Adjustment */
	.sidebar-section { padding-bottom: 10px; padding-top: 20px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Footer Nav */
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }
	
	/* Breadcrumb Adjustment */
	ul.breadcrumbs li span { padding-left: 12px; }
	ul.breadcrumbs li a { padding-left: 0; }

/*  -------------------------------------------------------
    Customize Foundation Style Pagination for WP-Pagenavi
    ---------------------------------------------------- */ 
    
    div.wp-pagenavi { display: block; height: 24px; margin-left: -5px; color: #555; }
    div.wp-pagenavi a, div.wp-pagenavi span { float: left; display: block; padding: 6px 7px 4px; height: 24px; color: #555; font-size: 15px; font-size: 1.5rem; margin-left: 5px; }
    div.wp-pagenavi span.pages { padding-left: 0; }
    div.wp-pagenavi .current, div.wp-pagenavi a:hover { border-bottom: solid 2px #00a6fc; color: #141414; }
    div.wp-pagenavi span.unavailable:hover { border-bottom: none; }
    
    
/*  ---------------------------
    :: Customize for BuddyPress
    --------------------------- */

	.padder label + textarea { margin-top: 0; }
	.padder #item-body #message-threads .thread-avatar img { max-width: 50px; }
	ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; }
    .padder select { display: inline-block; }
    .padder div.item-list-tabs { margin: 25px 0; }
    .padder form#whats-new-form textarea { height: 30px; }
    .padder .button { display: inline; }
    
	
/*  --------------------------
    Your Customized Style
    ----------------------- */

.slideshow-window {
	background-color: #FFF !important;
	border: 20px solid #FFF !important;
}
	
.fp_stikktittel{
	font-size: 22px;
	letter-spacing: 0.5pt;
	text-transform: uppercase;
	/*font-family: oswald;*/
	display: inline-block;  
	}
	

/* -------
	Typo
   ------- */

.notice {

	color: red !important;

}


/*------
	Sidebar
-------*/


.widget_RecentDisqus ul li{

	font-size: 1.3em;
	margin-top:20px;
	border-bottom: 1px dotted #efefef;
}


.widget_RecentDisqus ul li a{

	color: #333;

}


.widget_RecentDisqus ul ul li{

	font-size: 1em;
	margin:0;
	border-bottom: 0;
	margin-left:10px;
	margin-bottom: 6px;
}

.widget_RecentDisqus ul ul li a{

	font-weight:bold;

}




/* -------
	Footer
   ------- */


html,body {
	height: 100%;
}

.container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}

#content-info {
border-top: 1px solid #ccc;
width:100%;
position: absolute;
background-color: #fff;
padding: 0;
margin-top: 20px;
}


.p3-footer-container {
	padding: 0 10px 0 10px;
	margin: 0 auto;
}
 

#nrkfooter {
background-color: #000;
margin:0 auto !important;
color: #fff;
padding: 20px 10px 20px 10px;
display: block;
}


#nrkfooter ul, #nrkfooter ul li {
	margin: 0;
}






.entry-content ul {

list-style-type:disc !important;
margin-left: 30px !important;

}

.fp-nav-tabs LI{
		
	float: left;
	list-style: none;
	margin: 10px;
	padding: 0;

}

/*horisontal liste, p3-meny-look*/
.fp-nav-holder {height: 31px;
line-height: 20px;
clear: left;
/* border-bottom: 1px solid #B5B5B5; */

} 



.arkivnavigasjon {
	margin-top:20px;
	float:left;
}

.arkivnavigasjon .terninger{
	min-width: 240px;
	float:left;
	
}


.arkivnavigasjon .terningkast1, .arkivnavigasjon .terningkast2, .arkivnavigasjon .terningkast3, .arkivnavigasjon .terningkast4, .arkivnavigasjon .terningkast5, .arkivnavigasjon .terningkast6{
	background-image: url("//p3.no/wp-content/themes/p3v2/images/musikk_sprite.png");
	width: 20px;
	height: 20px;
	text-indent: -10000px;
	display:inline-block;
	/* float:right; */
	margin-right:15px;
	margin-bottom:5px;
}

.arkivnavigasjon SPAN.title{
	float:left;
	margin-right:20px;
				
}

.arkivnavigasjon .terningkast1{
	background-position: 0 0;
			
}

.arkivnavigasjon .terningkast2{
	background-position: -55px 0;
			
}
.arkivnavigasjon .terningkast3{
	background-position: -110px 0;
			
}
.arkivnavigasjon .terningkast4{
	background-position: -165px 0;
			
}
.arkivnavigasjon .terningkast5{
	background-position: -220px 0;
			
}
.arkivnavigasjon .terningkast6{
	background-position: -275px 0;
			
}

/*.tiled-gallery:before
{
content:"(artikkelen fortsetter etter bildene)";
font-size: 70%;
color: rgb(119,119,119);
font-family: "Georgia","serif","Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;

} */







.author-wrap{
	margin-top:20px;
}

.author-wrap .b_metaboks{
	float:left;
	width: 70%
}


.author-wrap .b_skribent, .author-wrap .b_skribent A{
	color: #333;
	font-size:22px;
	word-spacing:2px;
	/*font-family: 'oswald', sans-serif;*/
	line-height:22px;
	margin-top:8px;
}

.author-wrap .b_epost, .author-wrap .b_epost A{
	font-family: Georgia, serif;
	color:#888;
	font-size:12px;
	margin-top:3px; 
		
	
}

.author-wrap .b_twitter{
	margin-top: 20px;
}

.author-wrap .b_bilde{
	float:right;
	width: 30%;
}

.author-wrap .b_bilde IMG, .byline .avatar{
	
	border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.byline{
	display:none;
}
.entry-meta .share {
	position: absolute;
	top: -3px;
	right: -30px;
	background: white;
	padding-left: 10px;
}

/* sidebar etc */

.faktaboks{
	margin-bottom:30px;
	clear:both;
	position: relative;
	background-color: #F0F0F0;
	padding:5px;
}

.faktaboks .updated {
	position: relative;
	text-transform: uppercase;
}

/*.faktaboks STRONG {
	font-family:oswald;
}*/

.updated {
	top: 0px;
}

	
/*******  

OBS - gammel style fra FP - dette tar vi vekk når flytte over. 
eller, ikke alt da. Noe må sikkert beholdes... ift spacing

*****/
.anmelderboks ul {
	margin: 10px 0 20px 0;
}

.anmelderboks li {
	/*font-family: oswald, sans-serif;  */
	font-size:16px;
	margin-bottom:10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #efefef;
}

.faktaboks li {
	list-style-type: none;
	border-bottom: 1px dotted #CCC;
	/* font-family: oswald, sans-serif; */
	font-family: Georgia, Verdana, Geneva, sans-serif; 
	color:#181818;
	/* word-spacing:2px; */
	font-size:13px;

}


.faktaboks li.anmeldertittel {
	border: 0;
	font-size:22px;
		font-weight:bold;

}

.faktaboks IMG{
	margin-bottom:10px;	
}


.anmelderboks .pegimerking {
margin: 0 0 8px 0;
display: block;
height: 67px;
width: 55px;
text-indent: -10000px;

}


.anmelderboks .pegimerking{
	background: url('//p3.no/filmpolitiet/wp-content/themes/filmpolitiet/images/filmpolitiet_sprite.png') no-repeat;
	
}

.anmelderboks .pegimerking.pegi-18 {
	background-position: -300px -275px;
}

.anmelderboks .pegimerking.pegi-16 {
	background-position: -225px -275px;
}

.anmelderboks .pegimerking.pegi-12 {
	background-position: -150px -275px;
}

.anmelderboks .pegimerking.pegi-7 {
	background-position: -75px -275px;
}

.anmelderboks .pegimerking.pegi-3 {
	background-position: 0 -275px;
}


.anmelderboks .coverart{
	/*width:100%;
	 margin-top:20px; */
	
	}

	.fp_anmelderboks_mobil_wrapper{
		margin-bottom:30px;
	}

@media only screen and (max-width: 767px){
	.fp_anmelderboks_mobil_wrapper{
		display:block;
	}
	#sidebar .anmelderboks{
		display:none;
	}	
	
}

@media only screen and (min-width: 768px){
	.fp_anmelderboks_mobil_wrapper{
		display:none;
	}
	#sidebar .anmelderboks{
		display:block;
	}
}



DIV.entry-content .faktaboks{
	
	margin-left:10px;
}

DIV.entry-content .faktaboks ul{
	
	margin-left:0 !important;
}

#page-nav p {font-size: 25px;}




@media only screen and (max-width: 767px), only screen and (max-device-height: 1024px) and (max-device-width: 768px) and (orientation: portrait) {
	.byline, .entry-meta .share{
		display:block;
		position: relative;
		right: 0;
		top: 0;
		padding-left: 0;
		margin-top: 0;
	}
	/* fjerna .faktaboks */
	.byline-sidebar, .fbshare, .widget_recent_comments, .sidebar-skille {
		display: none;
	}
	
	.faktaboks IMG{
		/* width:40%; */
		float:left;
		margin-right:20px;
	}
	
	.faktaboks UL{
		/* width: 50%; */
		float:left;

	}
	#radio{
	
		 padding-top:20px !important;
	}
	
}


@media only screen and (max-width: 1024px){
		
	#content .post-box h5 {
		font-size: 2.6rem;
	}

}

@media only screen and (max-width: 320px){
		
	#content .post-box h5 {
		font-size: 1.9rem;
	}

}



@media only screen and (max-width: 545px){
		
	.faktaboks IMG{
		width:100%;
	}

	DIV.faktaboks{width:135px !important;}
	DIV.faktaboks LI{font-size:12px;}


}

	

/* custom css */
/*
 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;
 }