/* GALLERY  */
.gallery-modal {
  position: absolute;
  width: 100%;
  left: 0;
  min-width: 0;
}
#gallery {
  /* display: none; */
}

#gallery {
  max-height: 100%;
}
.gallery-modal #footer,
.gallery-modal #branding,
.gallery-modal #content,
.gallery-modal .scrollup {
  display: none;
}
.gallery-indexcontainer {
  position: relative;
}
.gallery-index {
  border: 1px solid #000;
  padding: 10px 15px;
  position: absolute;
  background: #000;
  color: #FFF;
  top: 20px;
  z-index: 9999;
  border: 1px solid #FFF;
}
.gallery-indexcontainer .gallery-thumb {
  max-width: 32%;
}
.gallery-indexcontainer h3.gallery-thumb.nospace {
  max-width: 100%;
  width: auto;
}
.gallery-indexcontainer .gallery-thumb.nospace a {
  color: #FFF;
}

.gallery-cycle-container {
  float: left;
  width: 68%;
  display: block;
  position: relative;
  height: 100%;
  margin-left: 0px;
  margin-top: 24px;
}
#gallery-cycle {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.slide {
  width: 100%;
  height: 100%;
  background-color: #fff;
  /* overflow: hidden; */
}
.slide-imgcontainer {
  display: table;
  width: 100%;
  height: 100%;
}
.slide-img {
  display: table-cell;
  vertical-align: middle;
}
.slide img {
  display: block;
  margin: 0 auto;
}

.galleryinner {
  padding: 20px;
}
.gallery-bacon {
  position: relative;
  margin-left: 80px;
}
.gallery-bacon .gallery-thumb {
  float: left;
}

.cycle-prev, .cycle-next {
  display: block;
  position: absolute;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(images/gallery-btn.png);
  text-indent: -9999px;
  width: 50px;
  height: 100%;
  top: 0;
  background-color: #fff;
  z-index: 101;
}

.cycle-prev:hover, .cycle-next:hover {
  background-color: #f9f9f9;
}
.cycle-prev {
  position: absolute;
  left: 0px;
  background-position: 18px center;
}
.cycle-next {
  background-position: -68px center;
  right: 0px;
}

.galleryright {
  position: absolute;
  display: block;
  width: 340px;
  height: 100%;
  top: 0;
  right: 24px;
  border-left: 1px solid black;
  padding-left: 2em;
}
.gallery-image-description {
  margin-bottom: 10px;
  font-size: 12px;
}
#gallery-thumbs-container {
  height: 300px;
  position: relative;
  margin-top: 10px;
}
#gallery-thumbs {
  list-style: none outside none;
  display: block;
  margin: 0;
  padding: 0;
  width: 307px;
  position: relative;
  left: -3px;
  float: left;
}
#gallery-thumbs ul{
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  left: -12px;
  width: 321px;
}
.gallery-thumb {
  display: block;
  overflow: hidden;
  padding: 2px;
}
#gallery .gallery-thumb {
  float: left;
  width: 95px;
  height: 100px;
  margin: 0 0 10px 10px;
  padding: 0;
  border: 0;
}

.gallery-thumb img {
  display: block;
  margin: 0;
  height: auto;
}
.page-template-default .gallery-thumb {
  width: auto;
}
.cycle-pager {
  margin: 0 auto;
  text-align: center;
}
.cycle-pager span{
  height: 21px;
  width: 22px;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #000;
  text-indent: -9999px;
  margin-left: -1px;
}
.cycle-pager span.current{
  background: #000;
}
.gallery-thumb a {
  display: block;
}

#gallery .gallery-thumb img {
  opacity: 0.5;
}
#gallery .gallery-thumb a.active img, #gallery .gallery-thumb a:hover img{
  opacity: 1;
  transition: opacity .3s ease-in-out;
}

.gallery-close-wrapper {
  margin: 0 auto;
}
a#gallery-close {
  color: #000;
  text-align: center;
  padding: 20px 0px;
  width: 100%;

  font-family: 'apercubold';
  text-transform: none;
  border: 1px solid #000;
  
  -webkit-transition: background .2s ease;
  -moz-transition: background .2s ease;
  -ms-transition: background .2s ease;
  -o-transition: background .2s ease;
  transition: background .2s ease;        
}

a#gallery-close:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}

/* appview */
.appview  {
  
  
}
.appview .post-type-annonse,
.appview .topmobile,
.appview .single-item-footer,
.appview .comments,
.appview .secondary-content,
.appview #footer,
.appview .navigation,
.appview .scrollup,
.appview .date,
.appview .small-navigation {
  display: none !important;
}

.single-gallery-content {
  margin-right: 10%;
}

.gridBox{
  border:#fff 10px solid;
  margin: -10px 0 0 -10px;
}

.moneyShot{
  width:100%;
}

.tremulaContainer{
  height:100%;
  width:100%;
  position:relative;
  top:20px;
  left:0;
  z-index: 1;
  margin:25px auto;
}

.pageLayoutContainer{
  height: 600px;
  width:100%;
  top:0;
  left:0;
  margin:0;
}

.artikkel-bildeserie {
  margin-bottom: 5%;
}

@media(max-width:768px) {
  .single-gallery-content {
    margin-right: 0;
  }
}
/* START : General bits */

#infscr-loading {
  position: absolute;
  z-index: 9999;
  background-color: #FFF;
  padding: 50px;
  top: 0;
  left: 0;
}
#dsq-content.clearfix {
  height: auto !important;
}
#map-canvas img {
  max-width: none;
  
}

.centered {
  margin-left: auto;
  margin-rigth: auto;
  width: 80%;
}

.vertical-centered-wrapper {
  display: table;
  height: 100%;
  width: 100%;
}
.vertical-centered-inner {
  display: table-cell;
  vertical-align: middle;
}

#dialog {
  display: none;
  background-color: #000;
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  background-color: rgba(0,0,0,0.9);
  
}

.dialoginner {
  width: 100%;
  max-width: 480px;
  margin: 40px auto;
  height: 100%;
}

.bubble{
  position:relative;
  padding:15px;
  margin:0 0 3em 10%;
  background-color:#FFF;
  border-radius:4px;
  color: #000;
  width: 90%;
}
.bubble:after{
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#FFF transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
.closedialog {
  width: 100%;
  text-align: center;
}
.closedialog a {
  color: #fff;
  text-decoration: underline;
}
.dialoginner h1 {

}
.dialogcontent {
  color: #FFF;
  text-align: center;
  font-size: 18px;
}
.regioner {
  padding: 2em 1em;
}
.regioner a{
  color: #FFF;
}
.regioner li {
  display: inline;
  margin-right: 10px;
  padding-right: 10px;
}



.tweet_list {
  list-style: none;
}
.tweet_list li {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  min-height: 55px;
}
.tweet_list li a {
  text-decoration: underline;
}
.tweet_list li a:hover {
  text-decoration: none;
}
.tweet_list li.tweet_even {
  padding: 10px;
  background-color: #f9f9f9;
}

.tweet_avatar {
  float: left;
  display: block;
  width: 60px;
}

#infscr-loading {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  margin: 0 auto 0;
  height: 80px;
  padding: 20px 0;
  z-index: 9999;
  background-color: #fff;
  background-color: rgba(255,255,255,0.8);
  text-align: center;
}

#infscr-loading div {
  display: none;
}

/* END : General bits */
/* START : Global rules */
* { 
  -webkit-box-sizing:  border-box; 
  -moz-box-sizing: border-box; 
  box-sizing:  border-box; 
  }

html {
  font-size: 100%; /* Set a 16px base size */
  }

body { 
  font-size: 16px; 
  line-height: 1.4;
  *font-size:small;
  font-family: "apercuregular";
  background-color: #FFF;
  background-position: right bottom;
  background-repeat: no-repeat;
  color: #1a1a1a;
}


/* Set vertical rhythm */
h1,h2,h3,h4,h5,h6 {
    margin: 0 0 8px; padding: 0;
    font-family: 'apercubold';
}

h3.small-title {
  font-size: 20px;
}

h3.small-title a {
  color: black;
  font-size: 20px;
}

h3.light-weight {
  font-family: 'apercuregular';
}

b, strong {
  font-family: 'apercubold';
}

.nospace {
  margin: 0; padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  line-height: normal;
} 

p { } 

a { color: #000; text-decoration: underline; }  
  a:hover { text-decoration: none; }  

img, 
a img {
  max-width: 100%;
  height: auto;
}
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #000; text-decoration: none;}
a:hover { color: #000; text-decoration: underline;}
figure { }
  figcaption { }

.alignleft,
.alignright {
  /* left and right float triggered on bigger screens */
  float: none;
}
.nostyle {
  list-style: none;
}
object,
embed,
iframe,
.iframe,
.trailer iframe,
.item-image iframe {
  max-width: 100% !important;
}
/*
 *
 * Nonsemantic Base Styles 
 *
 */
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;  
} 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
/* END : Global rules */
/*

  Theme Name: Natt & Dag
  Author: Kréatif
  Website: http://www.kreatif.no
  Twitter: @kréatif
  Version: 1.2
  Description: Tema for Natt & Dag | Responsivt - masonry - grid - fullwidth | &copy; Kréatif 
  
  
  CONTENTS
  -------------
  - Global resets
  - Global typography & layout rules
  - Page styles
  - Post styles 
  - General bits 
  - Media queries
  
*/

@font-face {
    font-family: 'apercumono';
    src: url('../fonts/apercu_mono-webfont.eot');
    src: url('../fonts/apercu_mono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apercu_mono-webfont.woff') format('woff'),
         url('../fonts/apercu_mono-webfont.ttf') format('truetype'),
         url('../fonts/apercu_mono-webfont.svg#apercumono') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apercubold';
    src: url('../fonts/apercu_bold-webfont.eot');
    src: url('../fonts/apercu_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apercu_bold-webfont.woff') format('woff'),
         url('../fonts/apercu_bold-webfont.ttf') format('truetype'),
         url('../fonts/apercu_bold-webfont.svg#apercubold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apercubold_italic';
    src: url('../fonts/apercu_bold_italic-webfont.eot');
    src: url('../fonts/apercu_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apercu_bold_italic-webfont.woff') format('woff'),
         url('../fonts/apercu_bold_italic-webfont.ttf') format('truetype'),
         url('../fonts/apercu_bold_italic-webfont.svg#apercubold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apercumedium';
    src: url('../fonts/apercu_medium-webfont.eot');
    src: url('../fonts/apercu_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apercu_medium-webfont.woff') format('woff'),
         url('../fonts/apercu_medium-webfont.ttf') format('truetype'),
         url('../fonts/apercu_medium-webfont.svg#apercumedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apercumedium_italic';
    src: url('../fonts/apercu_medium_italic-webfont.eot');
    src: url('../fonts/apercu_medium_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apercu_medium_italic-webfont.woff') format('woff'),
         url('../fonts/apercu_medium_italic-webfont.ttf') format('truetype'),
         url('../fonts/apercu_medium_italic-webfont.svg#apercumedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apercuregular';
    src: url('../fonts/apercu_regular-webfont.eot');
    src: url('../fonts/apercu_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apercu_regular-webfont.woff') format('woff'),
         url('../fonts/apercu_regular-webfont.ttf') format('truetype'),
         url('../fonts/apercu_regular-webfont.svg#apercuregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apercuitalic';
    src: url('../fonts/apercu_regular_italic-webfont.eot');
    src: url('../fonts/apercu_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apercu_regular_italic-webfont.woff') format('woff'),
         url('../fonts/apercu_regular_italic-webfont.ttf') format('truetype'),
         url('../fonts/apercu_regular_italic-webfont.svg#apercuitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'socicon';
    src: url('../fonts/socicon-webfont.eot');
    src: url('../fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon-webfont.woff') format('woff'),
         url('../fonts/socicon-webfont.woff2') format('woff2'),
         url('../fonts/socicon-webfont.ttf') format('truetype'),
         url('../fonts/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}

/* 01 START : Global reset styles */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins,mark{background:#333;color:#fff;text-decoration:none}mark{padding:0 .2em;}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}::-moz-selection,::-webkit-selection,::selection {text-shadow:none;background:#333;color:#fff;}.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}[type=submit]{cursor:pointer;}
/* 01 END : Global reset styles */
/* Header search */

.search-wrapper {
  height: 54px;
  max-width: 464px;
  width: 80%;
  position: relative;
  float: right;
  z-index: 0;
}

.search-wrapper form,
.search-wrapper fieldset {
  float: left;
  width: 100%;
  height: 100%;
}

.search-wrapper .searchbar {
  position: absolute;
  left: 50px;
  width: 78%;
  opacity: 0;
  height: 100%;
  -webkit-transition: left .4s ease, opacity .4s linear;
  -moz-transition: left .4s ease, opacity .4s linear;
  -ms-transition: left .4s ease, opacity .4s linear;
  -o-transition: left .4s ease, opacity .4s linear;
  transition: left .4s ease, opacity .4s linear;    
  background: #000;   
}

.search-wrapper.is-active{
  z-index: 1;
}
.search-wrapper.is-active .searchbar {
  left: 0;
  opacity: 1;
}

.search-wrapper .searchbar input {
  width: 100%;
  height: 100%;
  background: black;
  outline: none;
  border: none;
  color: #fff;
  font-family: 'apercumono';
}

.search-wrapper .search-btn-wrapper {
  position: relative;
  float: right;
  position: absolute;
  right: 20px;
  width: 50px;
  text-align: center;
}

.search-wrapper .search-btn-wrapper a {
  color: #fff;
  text-decoration: underline;
  padding: 16px 0px;
  width: 100%;
  float: left;
}
.icon_interview {
  float: left;
  clear: left;
  padding: 0 3px;
  margin-top: -6px;
}

/* END : Post styles */



/* START : General bits */

#infscr-loading {
  position: absolute;
  z-index: 9999;
  background-color: #FFF;
  padding: 50px;
  top: 0;
  left: 0;
}
#dsq-content.clearfix {
  height: auto !important;
}
#map-canvas img {
  max-width: none;
  
}

.vertical-centered-wrapper {
  display: table;
  height: 100%;
  width: 100%;
}
.vertical-centered-inner {
  display: table-cell;
  vertical-align: middle;
}

#dialog {
  display: none;
  background-color: #000;
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  background-color: rgba(0,0,0,0.9);
  
}

.dialoginner {
  width: 100%;
  max-width: 480px;
  margin: 40px auto;
  height: 100%;
}

.bubble{
  position:relative;
  padding:15px;
  margin:0 0 3em 10%;
  background-color:#FFF;
  border-radius:4px;
  color: #000;
  width: 90%;
}
.bubble:after{
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#FFF transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
.closedialog {
  width: 100%;
  text-align: center;
}
.closedialog a {
  color: #fff;
  text-decoration: underline;
}
.dialoginner h1 {

}
.dialogcontent {
  color: #FFF;
  text-align: center;
  font-size: 18px;
}
.regioner {
  padding: 2em 1em;
}
.regioner a{
  color: #FFF;
}
.regioner li {
  display: inline;
  margin-right: 10px;
  padding-right: 10px;
}



.tweet_list {
  list-style: none;
}
.tweet_list li {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  min-height: 55px;
}
.tweet_list li a {
  text-decoration: underline;
}
.tweet_list li a:hover {
  text-decoration: none;
}
.tweet_list li.tweet_even {
  padding: 10px;
  background-color: #f9f9f9;
}

.tweet_avatar {
  float: left;
  display: block;
  width: 60px;
}

#infscr-loading {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  margin: 0 auto 0;
  height: 80px;
  padding: 20px 0;
  z-index: 9999;
  background-color: #fff;
  background-color: rgba(255,255,255,0.8);
  text-align: center;
}

#infscr-loading div {
  display: none;
}

/* END : General bits */
.events, .events  * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1, h2, h3 {
  font-weight: normal !important;
}

h1, h2, h3, p, li, span { line-height: 1.4; }

h1 { font-size: 1.3em;}

img {
  vertical-align: middle;}

.left { float: left; }
.fw { width: 100%; }
.apercumono { font-family: 'apercumono'; }
.smaller { font-size: 0.8em }

header.main-header {
  padding: 1em;
}
.events { border-top: 1px solid #d6d6d6; }
.event-row { float: left; width: 100%; }
.event-row.placeholder { display: none; }
.event-content { float: left; width: 100%; }
.event-meta { float: left; display: none; }
.event-entries { float: left; width: 100%;}
.event-entries.loading {
  background-image: url('<?php echo get_template_directory_uri(); ?>/inc/ND_Application/loading.gif');
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  border-top: 1px solid #d6d6d6;
  background-color: #f2f2f2;
}
.event-entries.loading {
  height: 520px;
}
.event-entries.loading .event-row {
  opacity: 0;
}
.category,
.category span { float: left; width: 100%; }
.category span { padding: .3em 1em; }

.poster { width: 100%; }
.poster img { line-height: 0; margin: 0; }

.content { width: 100%; padding: 1em; }
.content h1 { padding-top: 1em; float: left; width: 100%; }

.location-small {  
  list-style: none;
  padding-top: 1em;
}

@media only screen and (min-width : 600px) { 
  .archive-events { padding: 1em; }
  h1 { font-size: 2em;}
  .smaller { font-size: 0.9em }
  
  .events {
    max-width: 1440px;
    border: 1px solid #d6d6d6;
  }

  .poster { width: 30%; }
  .content { width: 60%; }
  .content h1 { padding-top: 0px; line-height: 1; }
  .hide-for-large { display: none; }
  .event-row.placeholder { display: block; border-top: 1px solid #d6d6d6; }
  .event-row.placeholder .event-content,
  .event-row.placeholder .event-meta {
    padding: 1em;
  }
  .event-content { width: 80%; }
  .event-meta { width: 20%; display: block; }
  .event-meta ul {
    list-style: none;
    padding: 1em;
  }
}

@media only screen and (min-width : 1024px) { 
  .event-meta ul { padding-top: 3em; }
  .content { padding-top: 3em; }
}
@media only screen and (min-width : 1400px) { 
  .event-meta ul { padding-top: 6em; }
  .content { padding-top: 6em; }
}

/** Navigation */

.location-nav {
  float: left;
  width: 100%;
  position: relative;
  top: 0;
  z-index: 2;
  height: 60px;
}

.nav-button {
  height: 100%;
  float: left;
  width: 100%;
}

.nav-button-part {
  float: left;
  width: 75%;
  height: 100%;
  display: table;
  position: relative;
}

.nav-button-part .arrow-down {
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  
  background: url('<?php echo get_template_directory_uri(); ?>/inc/ND_Application/images/ArrowDown.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
}
.nav-button-part:first-of-type {
  width: 25%;
  border-right: 1px solid #d6d6d6;
}

.nav-button a {
  display: table-cell;
  vertical-align: middle;
  padding: 0 1em;
  color: black;
  background: #fff;
}


.location-nav ul {
  list-style-type: none;
  float: left;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  opacity: 0;
  top: 20px;
  background: #fff;
  -webkit-transition: opacity 0.360s ease, top 0.360s ease;
  -moz-transition: opacity 0.360s ease, top 0.360s ease;
  -ms-transition: opacity 0.360s ease, top 0.360s ease;
  -o-transition: opacity 0.360s ease, top 0.360s ease;
  transition: opacity 0.360s ease, top 0.360s ease;
}

.location-nav ul li {
  width: 100%;
  height: 100%;
  display: table;
}


.location-nav ul li a  { 
  border-bottom: 1px solid #d6d6d6;
  padding: 0 1em;
  display: table-cell;
  vertical-align: middle;
  color: #000;
  font-family: 'apercubold';
  font-weight: normal !important;
  background: #fff;

  -webkit-transition: background .5s ease;
  -moz-transition: background .5s ease;
  -ms-transition: background .5s ease;
  -o-transition: background .5s ease;
  transition: background .5s ease;
}

.location-nav ul li.current-menu-item a,
.location-nav ul li a:hover {
  background: #f2f2f2;
}

.location-nav.is-active ul {
  opacity: 1;
  top: 0;
}

.is-hidden ul{
  display: none;
}


/** footer */
.download-app-banner {
  float: left;
  border-top: 1px solid #d6d6d6;
}
.download-app-banner a { 
  line-height: 0;
  float: left;
}


@media only screen and (min-width : 600px) {
  .location-nav {
    position: relative;
    height: 70px;
  }
  
  .nav-button {
    display: none;
  }
  
  .location-nav ul {
    top: 0;
    opacity: 1 !important;
    display: block !important;
  }
  .location-nav ul li {
    float: left;
    width: 20%;
    text-align: center;
  }
  .location-nav ul li a {
    border-right: 1px solid #d6d6d6;
    border-bottom: none;
  }
  
  .archive-events .location-nav ul li a {
    font-size: 1.5em;
  }
  
  .location-nav ul li:last-child a {
    border-right: none;
  }
  
  .events-widget .location-nav li a {
    padding: 0px 0px;
  }
}

.single-event {
  width: 100%;
  float: left;
}
.single-event .column {
  float: left;
  position: relative;
  width: 100%;
  max-width: 600px;
}

.single-item-category {
  float: left;
  padding-top: 1em;
}
.dateline {
  padding: 1em 0;
}
.single-item-content {
  float: left;
  width: 100%;
}

.single-meta a {
  line-height: 1.4;
}
.single-event .review-meta {
  width: 100%;
  max-width: 380px;
}
/* START : Loop */

.item-search-text {
  background-color: #000;
  padding: 10px;
  color: #fff;
  text-align: center;

  font-size: 26px;
}

.item-header {
  height: 150px;
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 20px;
}

.item-header .read-more {
  /* width: 145px; */
  height: 60px;
  border-top: 1px solid #f3f3f3;
  position: absolute;
  text-align: center;
  background: #fff;
  z-index: 2;
  float: left;
  
  top:0px;
  right: 0px;

    /* Rotate from top left corner (not default) */
    -webkit-transform-origin: right top;
    -moz-transform-origin:    right top;
    -ms-transform-origin:     right top;
    -o-transform-origin:      right top;

  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);   
  
  -webkit-transition: right .2s linear, opacity .2s linear;
  -moz-transition: right .2s linear, opacity .2s linear;
  -ms-transition: right .2s linear, opacity .2s linear;
  -o-transition: right .2s linear, opacity .2s linear;
  transition: right .2s linear, opacity .2s linear;     
}

.item.is-active .item-header .read-more {
  right: 60px; 
}

.item-header .read-more a {
  color: #000;
  text-decoration: none;
  padding-top: 19px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.item-header .read-more a:hover {
  text-decoration: none;
}

.post-type-annonse .item-header {
  height: auto;
}

.item-title h1 a {
  color: #1a1a1a;
}
.item-title h1 a:hover {
  text-decoration: none;
}
.item-title h1, .item-summary {
  letter-spacing: 0.8px;
}

.item-title {
  margin-top: 10px;
  float: left;
  background: none;
  
}
.item-title h1, .widget-title {
  word-wrap: break-word;
  font-size: 22.5px;
  font-weight: normal;
  line-height: 1.1;
}

.item-bigheadline .item-title h1 {
  font-size: 42px;
  line-height: 1;
}


.konkurranser-title {
  color: #000;
  padding: 10px 10px 10px 50px;
  font-size: 20px;
  margin: 20px;
  background-image: url(../nattogdag/images/natt_og_dag_smiley.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 40px;
}
.konkurranseliste {
  list-style: none;
  padding: 0;
  margin: 20px;
}
.konkurranseliste li{
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.konkurranseliste li:last-child {
  border-bottom: none;
}

.konkurranseliste a{
  color: #333;
}
.konkurranse-summary {
  display: none;
  margin-bottom: 10px;
}

.konkurranse-link {
  float: left;
  width: 64%;
}
.no-image .konkurranse-link {
  float: none;
  width: auto;
}

.konkurranse-image {
  float: right;
  width: 30%;
  height: 90px;
  overflow: hidden;
}
.no-image .konkurranse-image {
  display: none;
}

.sitat {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 25px;
  font-style: italic;
  line-height: 1.2;
}
.post-type-sitat .sitatouter {
  border: 1px solid #000;
  padding: 20px 20px 20px 60px;
  background-image: url(images/icon_quote.svg);
  background-repeat: no-repeat;
  background-position: 15px 20px;
  background-size: 10%;
}
/* byguide */
.eventmap {
  position: relative;
}

#map-canvas {
  height: 480px;
}

.eventvenue {
  position: absolute;
  z-index: 9999999999;
  background: #FFF;
  width: 50%;
  bottom: 0%;
  left: 0;
  padding: 10px;
}


.item-image {
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
  height: 350px;
}

.item-image img{ 
  float: left;
  width: 100%;
}

.item .item-image .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  background: rgba(0,0,0,.8);
  opacity: 0;
  
  -webkit-transition: top .2s linear, opacity .2s linear;
  -moz-transition: top .2s linear, opacity .2s linear;
  -ms-transition: top .2s linear, opacity .2s linear;
  -o-transition: top .2s linear, opacity .2s linear;
  transition: top .2s linear, opacity .2s linear;       
}


.item.is-active .item-image .overlay {
  top: 0;
  opacity: 1; 
  background: rgba(0,0,0,.8);
}

.item-image .overlay p {
  color: #fff;
  padding: 30px;
  font-size: 16px;
}

.item-summary {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  margin-right: 10px;
  font-size: 15px;
}

.item-cat {
  float: left;
}
.item-cat a{
  color: #000;
}

.item {
  /*
background-image: url(../nattogdag/images/border-right.gif);
  background-repeat: no-repeat;
  background-position: right 20px;
*/
  
}

.item .item-wrapper {
/*  border: 1px solid #f3f3f3; */
  background: #fff;
  margin-bottom: 20px;
}

.smilegubben .item-wrapper{
  border: 1px solid black;
  margin-top: 20px;
  margin-bottom: 20px;
}

.single-item.item:hover {
  background-color: transparent !important;
}

.item.category-film .item-cat a,
.item.category-special .item-cat a,
.item.category-musikk .item-cat a,
.item.category-samfunn .item-cat a, 
.item.category-restaurant .item-cat a,
.item.category-konkurranse .item-cat a,
.item.category-litteratur .item-cat a,
.item.category-kunst .item-cat a,
.menu-temastoff a,
.menu-samfunn a,
.menu-film a, 
.menu-musikk a,
.menu-litteratur a,
.menu-kunst a
{
  /* color: #FFF; */
}

.cat-links {
  font-family: 'apercumono';
  font-size: 12px;
}

.cat-item, .cat-item .color-tag {
  float: left;
}

.cat-links a {
  padding: 3px 5px;
  float: left;
  opacity: 0.7;
}




span.cat-item .split {
  margin: 3px 5px;
  float: left;
}
span.cat-item:last-child .split {
  display: none;
}

/* start : grid */

  .large-1 {
    position: relative;
    width: 8.33333%; }

  .large-2 {
    position: relative;
    width: 16.66667%; }

  .large-3 {
    position: relative;
    width: 25%; }

  .large-4 {
    position: relative;
    width: 33.33333%; }

  .large-5 {
    position: relative;
    width: 41.66667%; }

  .large-6 {
    position: relative;
    width: 50%; }

  .large-7 {
    position: relative;
    width: 58.33333%; }

  .large-8 {
    position: relative;
    width: 66.66667%; }

  .large-9 {
    position: relative;
    width: 75%; }

  .large-10 {
    position: relative;
    width: 83.33333%; }

  .large-11 {
    position: relative;
    width: 91.66667%; }

  .large-12 {
    position: relative;
    width: 100%; }
    
.prepend-1 {
  padding-left: 1em;
}
.append-1 { 
  padding-right: 1em;
}


.prepend-top-1 {
  padding-top: 0.5em;
}
.prepend-top-2 {
  padding-top: 1em;
}

.append-bottom-1 {
  padding-bottom: 0.5em;
}
.append-bottom-2 {
  padding-bottom: 1em;
}


@media(max-width:768px) {
  .item-header {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 20px;
  }

  .item-image {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    height: auto;
  }
}

/* START : Media Queries */

  /* I've added some arbitrary breakpoints to get you started, you don't have to use these - you can remove, edit or add to them however you like. They're just a guide. */

/* 480px equivalent breakpoint */
@media only screen and (min-width: 30em) { 
  
}

/* 600px ++ */
@media only screen and (min-width: 37.5em) { 
  .hide-for-large {
    display: none;
  }
}

/* 600px equivalent breakpoint */
@media only screen and (max-width: 37.5em) { 
  .hide-for-small {
    display: none;
  }
  .topmobile .menutoggle span.text{
    display: none;
  }
  .csstransforms .rotated-date {
  
      /* Abs positioning makes it not take up vert space */ 
      position: relative;
      top: 0 !important;
      left: 0 !important;
      
      -webkit-transform: rotate(0deg); 
      -moz-transform:    rotate(0deg); 
      -ms-transform:     rotate(0deg); 
      -o-transform:      rotate(0deg);
      padding-bottom: 1em;
            margin-top: 12px;
      
  }
  
  .single-item-content {
    width: 100%;
  }
  /* 1 colum */

  .item-header {
    position: relative;
    height: auto;
  }
  .item-title {
    position: static;
    padding-top: 10px;
  }
  .item {
    float: none !important;
    width: 100% !important;
    height: auto !important;
  }
  .item-image img{
    width: 100% !important;
    height: auto !important;
  }
  .item-image {
    max-height: 100% !important;
  }
  .post-type-annonse.item-one-column .item-center {
    margin: 0px auto;
    text-align: center;
  }
  .usermenu {
    margin: 0 auto;
    text-align: center;
  }
  .useravatar img, .useravatar {
    float: none;
    margin-right: 0;
  }
  .gallery-bacon {
    margin-left: 0;
  }
}

/* 768px equivalent breakpoint */
@media only screen and (max-width: 48em) { 
  body {
  }
  
  .item-six-column {
    width: auto !important;
  }
  
  .dialoginner {
    width: auto;
  }
  
  .post-type-annonse.item-five-column {
    display: none;
  }
  .item-spacing {
  }
  .review-meta, .connected-articles, .factbox {
    float: none;
    width: auto;
    margin-left: 0;
    max-width: 100% !important;
  }

  .factbox-wrap {
    padding-left: 0 !important;
  }
  .secondary-content {
    margin-left: auto;
    margin-top: 20px;
  }
  .single-item {
    float: none;
    width: 100%;
  }
  
  
  
}

/* 1024px equivalent breakpoint */
@media only screen and (max-width: 64em) { 
  
  /*
#page {
    position: relative;
    overflow-x: hidden;
  }
*/
  body {
    
  }
  /* fix the enormous item */
  .item-five-column, .item-four-row {
    width: auto;
    height: auto;
  }
  
  .single .secondary-content .item-header {
    position: relative;
    height: auto;
  }
  .single .secondary-content .item-title {
    position: static;
    padding-top: 10px;
  }
  .single .secondary-content .item {
    float: none !important;
    width: 100% !important;
    height: auto !important;
  }
  .single .secondary-content .item-image img{
    width: 100% !important;
    height: auto !important;
  }
  .single .secondary-content .item-image {
    max-height: 100% !important;
  }
  
  /* gallery */
  #gallery {
    position: relative;
  }
  .gallery-cycle-container {
    max-width: 100%;
    min-width: 100%;
    float: none!important;
    height: auto!important;
    width: 100%;
  }
  #gallery-cycle {

  }
  .gallery-cycle-container, .gallerright {
    width: auto;
    float: none;
  }
  .galleryright {
    display: block;
    position: relative;
    right: auto;
    height: auto;
    margin: 0 auto;
    width: 95%;
  }
  
  #gallery-thumbs-container {
    height: auto;
  }
  #gallery-thumbs, #gallery-thumbs ul {
    width: 100%;
  }
  .cycle-prev {
    left: 0px;
  }
  .cycle-next {
    right: 0px;
  }
  
}

/* 768px equivalent breakpoint */
@media only screen and (min-width: 48em) { 
  .alignleft,
  .alignright {
    float: left;
    display: inline;  
  }

  .alignright {
    float: right;
  }

  .item.item-two-column.item-three-row {
    width: 400px;
  }
  
  
}
/* END : Media Queries */
/* START : Page styles */

#page {
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow-x: hidden;
}

#content {
  margin-left: 110px;
  min-height: 600px;
  /*
  background-image: url(../nattogdag/images/grid.png);
  background-repeat: repeat;
  */
  zoom: 1;
}

.primary-content {
  float: left;
  width: 100%;
  background: #fff;
}

.blackground {
  background: #000;
}

.header-wrap {
  width: 100%;
  background: #000;
}

.primary-content, 
.secondary-content {
  position: relative:
}
.secondary-content {
  width: auto;
  margin-left: 600px;
}

/*
 *
 * Header
 *
 */

#branding {
  width: 100px;
  background-color: #FFF;
  position: absolute;
  padding: 0px;
  text-align: center;
  height: 100%;
  bottom: 0;
  left: 0;
  color: #817d7d;
  z-index: 99999;
  border-right: 1px solid #000;
}

.filtercity-wrapper {
  width: 100%;
  padding: 0 20px;
  float: left;
  margin-bottom: 20px;
}

.filtercity {
  border: 1px solid #000;
  float: left;
  width: 100%;
}
#branding .filtercity a {
  color: #000;
  padding: 20px 0px;
  float: left;
  width: 100%;
  font-family: 'apercubold';
  text-transform: none;
  
  -webkit-transition: background .2s ease;
  -moz-transition: background .2s ease;
  -ms-transition: background .2s ease;
  -o-transition: background .2s ease;
  transition: background .2s ease;        
}

#branding .filtercity a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}

#filtercity {
  list-style: none;
  margin: 0;
}

/* search */
#branding .searchformcontainer {
  border-bottom: 1px solid #000;
  position: relative;
  height: 53px;
}
#branding form, #branding .searchinput {
  width: 100%;
  height: 100%;
  outline: none;
}
#branding .searchinput {
  display: block;
  font-size: 12px;
  padding: 20px;
  border: none;
  font-family: 'apercumono';
}
.searchsubmit {
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCgo8IS0tIFRoZSBpY29uIGNhbiBiZSB1c2VkIGZyZWVseSBpbiBib3RoIHBlcnNvbmFsIGFuZCBjb21tZXJjaWFsIHByb2plY3RzIHdpdGggbm8gYXR0cmlidXRpb24gcmVxdWlyZWQsIGJ1dCBhbHdheXMgYXBwcmVjaWF0ZWQuIApZb3UgbWF5IE5PVCBzdWItbGljZW5zZSwgcmVzZWxsLCByZW50LCByZWRpc3RyaWJ1dGUgb3Igb3RoZXJ3aXNlIHRyYW5zZmVyIHRoZSBpY29uIHdpdGhvdXQgZXhwcmVzcyB3cml0dGVuIHBlcm1pc3Npb24gZnJvbSBpY29ubW9uc3RyLmNvbSAtLT4KCgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSJibGFjayI+Cgo8cGF0aCBpZD0ibWFnbmlmaWVyLTItaWNvbiIgZD0iTTQ2MC4zNTUsNDIxLjU5TDM1My44NDQsMzE1LjA3OGMyMC4wNDEtMjcuNTUzLDMxLjg4NS02MS40MzcsMzEuODg1LTk4LjAzNwoKCUMzODUuNzI5LDEyNC45MzQsMzEwLjc5Myw1MCwyMTguNjg2LDUwQzEyNi41OCw1MCw1MS42NDUsMTI0LjkzNCw1MS42NDUsMjE3LjA0MWMwLDkyLjEwNiw3NC45MzYsMTY3LjA0MSwxNjcuMDQxLDE2Ny4wNDEKCgljMzQuOTEyLDAsNjcuMzUyLTEwLjc3Myw5NC4xODQtMjkuMTU4TDQxOS45NDUsNDYyTDQ2MC4zNTUsNDIxLjU5eiBNMTAwLjYzMSwyMTcuMDQxYzAtNjUuMDk2LDUyLjk1OS0xMTguMDU2LDExOC4wNTUtMTE4LjA1NgoKCWM2NS4wOTgsMCwxMTguMDU3LDUyLjk1OSwxMTguMDU3LDExOC4wNTZjMCw2NS4wOTYtNTIuOTU5LDExOC4wNTYtMTE4LjA1NywxMTguMDU2QzE1My41OSwzMzUuMDk3LDEwMC42MzEsMjgyLjEzNywxMDAuNjMxLDIxNy4wNDEKCgl6Ii8+Cgo8L3N2Zz4KCg==);
  /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCgo8IS0tIFRoZSBpY29uIGNhbiBiZSB1c2VkIGZyZWVseSBpbiBib3RoIHBlcnNvbmFsIGFuZCBjb21tZXJjaWFsIHByb2plY3RzIHdpdGggbm8gYXR0cmlidXRpb24gcmVxdWlyZWQsIGJ1dCBhbHdheXMgYXBwcmVjaWF0ZWQuIApZb3UgbWF5IE5PVCBzdWItbGljZW5zZSwgcmVzZWxsLCByZW50LCByZWRpc3RyaWJ1dGUgb3Igb3RoZXJ3aXNlIHRyYW5zZmVyIHRoZSBpY29uIHdpdGhvdXQgZXhwcmVzcyB3cml0dGVuIHBlcm1pc3Npb24gZnJvbSBpY29ubW9uc3RyLmNvbSAtLT4KCgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSJ3aGl0ZSI+Cgo8cGF0aCBpZD0ibWFnbmlmaWVyLTItaWNvbiIgZD0iTTQ2MC4zNTUsNDIxLjU5TDM1My44NDQsMzE1LjA3OGMyMC4wNDEtMjcuNTUzLDMxLjg4NS02MS40MzcsMzEuODg1LTk4LjAzNwoKCUMzODUuNzI5LDEyNC45MzQsMzEwLjc5Myw1MCwyMTguNjg2LDUwQzEyNi41OCw1MCw1MS42NDUsMTI0LjkzNCw1MS42NDUsMjE3LjA0MWMwLDkyLjEwNiw3NC45MzYsMTY3LjA0MSwxNjcuMDQxLDE2Ny4wNDEKCgljMzQuOTEyLDAsNjcuMzUyLTEwLjc3Myw5NC4xODQtMjkuMTU4TDQxOS45NDUsNDYyTDQ2MC4zNTUsNDIxLjU5eiBNMTAwLjYzMSwyMTcuMDQxYzAtNjUuMDk2LDUyLjk1OS0xMTguMDU2LDExOC4wNTUtMTE4LjA1NgoKCWM2NS4wOTgsMCwxMTguMDU3LDUyLjk1OSwxMTguMDU3LDExOC4wNTZjMCw2NS4wOTYtNTIuOTU5LDExOC4wNTYtMTE4LjA1NywxMTguMDU2QzE1My41OSwzMzUuMDk3LDEwMC42MzEsMjgyLjEzNywxMDAuNjMxLDIxNy4wNDEKCgl6Ii8+Cgo8L3N2Zz4KCg==);*/
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -99999px;
  background-size: 100%;
  width: 32px;
  margin-right: 0px;
  height: 32px;
}


/* quick fix */
#content {
  margin-left: 0;
  position: relative;
  z-index: 1;
  /* hack */
  width: 100%;
}
#content.bacon {
  left: 250px;
  transition: all 0.1s ease-in-out;
}
  
#branding {
  z-index: 1;
  position: fixed;
  width: 250px;
  transition: all 0.1s ease-in-out;
  display: none;
    
}
.topmobile {
  position: fixed;
  display: block;
  margin: 0 0px 10px;
  height: 54px;
  width: 100%;
  background-color: #000;
  z-index: 99999;
  box-shadow: 0 2px 10px rgba(0,0,0,.3);
}
  
.mobilelogo_cut {
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: 17px;
  z-index: 1;
}
.mobilelogo {
  position: absolute;
  right: 10px;
  top: 10px;
}

/* search fix */

.searchsubmit {
    display: none;
}
#access ul {
    font-size: 16px;
}


.topmobile .menutoggle {
  display: block;
  vertical-align: bottom;
  position: absolute;
  font-size: 16px;
  top: 45%;
  margin-top: -8px;
  left: 10px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  z-index: 9999;
}
.topmobile .menutoggle span.icon {
  width: 34px;
  height: 34px;
  font-size: 2.5em;
  margin-top: -20px;
  float: left;
  display: block;
}


h1.pagetitle {
  padding: 10px;
}
/*
 *
 * Menu
 *
 */
 
.access {
  padding: 1em 0;
  margin: 0px 20px;
}
.access ul {
  margin: 0;
  padding: 0;
  padding-bottom: 1em;
  float: left;
  width: 100%;
  list-style-type: none;
}

.access ul li {
  text-align: left;
  position: relative;
  float: left;
  width: 100%;
}

.access ul li:before {
  content: '';
  width: 0px;
  height: 3px;
  position: absolute;
  left: -20px;
  top: 8px;
  background: #000;
  -webkit-transition: width .2s ease;
  -moz-transition: width .2s ease;
  -ms-transition: width .2s ease;
  -o-transition: width .2s ease;
  transition: width .2s ease;       
}

.access ul li a {
  color: #000;
  text-decoration: none;
  font-family: 'apercubold';
  float: left;
  width: 100%;
}
.access ul li a:hover,
.access ul li.current-menu-item a {
  color: #000;
}

.access ul li:hover:before,
.access ul li.current-menu-item:before {
  width: 14px;
}

.hcf {
  position: relative;
  clear: both;
  padding-top: 8px;
  margin: 8px;
}

.usermenu {

  font-size: 11px;
  text-align: center;
  padding: 8px;
  margin-right: 0;
  list-style: none;
  color: #000;
  
}

.usermenu a {
  color: #000;
}
.useravatar {
  margin-right: 10px;
}
.useravatar img{
  height: auto;
  width: auto;
  float: left;
  margin-right: 10px;
  border: 2px solid #FFF;
}
.userrole {
  font-size: 11px;
  color: #999;
  display: block;
}
.logn-text-top {
  margin-bottom: 16px;
  font-size: 1.2em;
}
#usermenu li{
  float: none;
  display: list-item;
}

/* pagenav */

.page-navigation {
  text-align: center;
  margin: 20px 0;
  clear: both;
}
.page-navigation li {
  display: inline-block;
}
.page-navigation li a {
  border: 2px solid #000;
  padding:1.4em;
  display: block;
  color: #000;
  transition: background-color .3s ease;
  text-decoration: none;
}
.page-navigation li a:hover {
    background-color: #000000;
    color: #FFF;
}
.page-navigation .current{
  background-color:#afa889;
}
.page_nav .prev, .page_nav .next{

}

.scrollup{
    position:fixed;
    bottom:10px;
    right:10px;
    display:none;
    z-index: 999999;
  padding: 1em 3em 1em 1em;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 2px 10px rgba(0,0,0,.3);

  background: #000 url('images/up-arrow-white.png');
  background-position: 80% center;
  background-repeat: no-repeat; 
}


.scrollup:hover {
  color: #fff;
  text-decoration: none;
}


/* .item
------------------------- */


.item {
  /* background-color: #FFF; */
  /* float:left; */
  position:relative;
  display:block;
  margin-bottom: 0px;

  /* hack */
  overflow: hidden;
}

.item-centered {
  margin-left: auto;
  margin-right: auto;
}

.item-one-column{
  width:200px;
}

.item-two-column{
  width:400px;
}

.item-three-column{
  width:600px;
}

.item-four-column{
  width:800px;
}

.item-five-column{
  width:1000px;
}

.item-six-column{
  width:1200px;
}

.item-full-width{
  width:auto;
  float:none;
  width:100%;
}
.item-auto-column{
  width:auto;
}

.item-one-row{
  /* height:160px; */
}

.item-two-row{
  height:320px;
}

.item-three-row{
  /* height:480px; */
}

.item-auto-row{
  min-height:145px;
  height:auto;
}

.item-spacing {
  padding: 0 10px;
}

.post-type-annonse.item-two-row .item-center > div {
  margin: 30px auto;
  text-align: center;
}


#footer {
  float: left;
  width: 100%;
  min-height: 50px;
  background: #000;
  margin-top: 2em;
}

.follow, .copyright {
  font-size: 12px;
  padding: 16px 0px;
}

.copyright {
  float: left;
  margin-left: 10px;
}
.copyright p {
  line-height: 1.7em;
}
.copyright p, .follow p, .follow a {
  color: #fff;
}
.copyright a {
  color: #fff;
  text-decoration: underline;
}
.copyright a:hover {
  text-decoration: none;
}
.follow {
  float: right;
  margin-right: 10px; 
}

.followus ul {
  list-style: none;
  margin: 0; padding: 0;
}
.followus ul li, .followus > div > div {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCgo8IS0tIFRoZSBpY29uIGNhbiBiZSB1c2VkIGZyZWVseSBpbiBib3RoIHBlcnNvbmFsIGFuZCBjb21tZXJjaWFsIHByb2plY3RzIHdpdGggbm8gYXR0cmlidXRpb24gcmVxdWlyZWQsIGJ1dCBhbHdheXMgYXBwcmVjaWF0ZWQuIApZb3UgbWF5IE5PVCBzdWItbGljZW5zZSwgcmVzZWxsLCByZW50LCByZWRpc3RyaWJ1dGUgb3Igb3RoZXJ3aXNlIHRyYW5zZmVyIHRoZSBpY29uIHdpdGhvdXQgZXhwcmVzcyB3cml0dGVuIHBlcm1pc3Npb24gZnJvbSBpY29ubW9uc3RyLmNvbSAtLT4KCgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjMmUyZTJlIj4KCjxwYXRoIGlkPSJmYWNlYm9vay1zcXVhcmUtaWNvbiIgZD0iTTUwLjQ3Myw1MHY0MTJoNDEyVjUwSDUwLjQ3M3ogTTMyNC4yMTUsMTYwLjY1OGMwLDAtMjIuODkzLDAtMzEuOTg4LDAKCgljLTExLjI5MSwwLTEzLjY0NSw0LjYyNS0xMy42NDUsMTYuMzA5YzAsOS43MjMsMCwyOC4yMjcsMCwyOC4yMjdoNDUuNjMzbC00LjM5MSw0OS41NTFoLTQxLjI0MnYxNDguMDNoLTU5LjExMVYyNTUuMzcyaC0zMC43NAoKCXYtNTAuMTc4aDMwLjc0YzAsMCwwLTcuMjE1LDAtMzkuNTE3YzAtMzcuMDg3LDE5LjgzMi01Ni40NTIsNjMuODE4LTU2LjQ1MmM3LjIwNSwwLDQwLjkyNiwwLDQwLjkyNiwwVjE2MC42NTh6Ii8+Cgo8L3N2Zz4KCg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  padding-right: 10px;
}
.followus ul li.facebook, .followus .facebook {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCgo8IS0tIFRoZSBpY29uIGNhbiBiZSB1c2VkIGZyZWVseSBpbiBib3RoIHBlcnNvbmFsIGFuZCBjb21tZXJjaWFsIHByb2plY3RzIHdpdGggbm8gYXR0cmlidXRpb24gcmVxdWlyZWQsIGJ1dCBhbHdheXMgYXBwcmVjaWF0ZWQuIApZb3UgbWF5IE5PVCBzdWItbGljZW5zZSwgcmVzZWxsLCByZW50LCByZWRpc3RyaWJ1dGUgb3Igb3RoZXJ3aXNlIHRyYW5zZmVyIHRoZSBpY29uIHdpdGhvdXQgZXhwcmVzcyB3cml0dGVuIHBlcm1pc3Npb24gZnJvbSBpY29ubW9uc3RyLmNvbSAtLT4KCgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjMmUyZTJlIj4KCjxwYXRoIGlkPSJmYWNlYm9vay1zcXVhcmUtaWNvbiIgZD0iTTUwLjQ3Myw1MHY0MTJoNDEyVjUwSDUwLjQ3M3ogTTMyNC4yMTUsMTYwLjY1OGMwLDAtMjIuODkzLDAtMzEuOTg4LDAKCgljLTExLjI5MSwwLTEzLjY0NSw0LjYyNS0xMy42NDUsMTYuMzA5YzAsOS43MjMsMCwyOC4yMjcsMCwyOC4yMjdoNDUuNjMzbC00LjM5MSw0OS41NTFoLTQxLjI0MnYxNDguMDNoLTU5LjExMVYyNTUuMzcyaC0zMC43NAoKCXYtNTAuMTc4aDMwLjc0YzAsMCwwLTcuMjE1LDAtMzkuNTE3YzAtMzcuMDg3LDE5LjgzMi01Ni40NTIsNjMuODE4LTU2LjQ1MmM3LjIwNSwwLDQwLjkyNiwwLDQwLjkyNiwwVjE2MC42NTh6Ii8+Cgo8L3N2Zz4KCg==);
}

.followus ul li.twitter, .followus .twitter  {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCgo8IS0tIFRoZSBpY29uIGNhbiBiZSB1c2VkIGZyZWVseSBpbiBib3RoIHBlcnNvbmFsIGFuZCBjb21tZXJjaWFsIHByb2plY3RzIHdpdGggbm8gYXR0cmlidXRpb24gcmVxdWlyZWQsIGJ1dCBhbHdheXMgYXBwcmVjaWF0ZWQuIApZb3UgbWF5IE5PVCBzdWItbGljZW5zZSwgcmVzZWxsLCByZW50LCByZWRpc3RyaWJ1dGUgb3Igb3RoZXJ3aXNlIHRyYW5zZmVyIHRoZSBpY29uIHdpdGhvdXQgZXhwcmVzcyB3cml0dGVuIHBlcm1pc3Npb24gZnJvbSBpY29ubW9uc3RyLmNvbSAtLT4KCgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjMmUyZTJlIj4KCjxwYXRoIGlkPSJ0d2l0dGVyLTItaWNvbiIgZD0iTTUwLDUwdjQxMmg0MTJWNTBINTB6IE0zNzAuOTQyLDIwNy4xMjVjMy41NTMsNzkuMDU5LTU1LjQwOCwxNjcuMjAzLTE1OS43NjgsMTY3LjIwMwoKCWMtMzEuNzQzLDAtNjEuMjg5LTkuMzA1LTg2LjE2My0yNS4yNTNjMjkuODIsMy41MTUsNTkuNTg1LTQuNzU4LDgzLjIxNy0yMy4yNzhjLTI0LjU5Ni0wLjQ1My00NS4zNTYtMTYuNzAzLTUyLjUwOC0zOS4wMzUKCgljOC44MDgsMS42ODQsMTcuNDczLDEuMTksMjUuMzgzLTAuOTYyYy0yNy4wMy01LjQzMy00NS42OTItMjkuNzg0LTQ1LjA4My01NS44MjZjNy41NzcsNC4yMTEsMTYuMjQ1LDYuNzQsMjUuNDYsNy4wMzIKCgljLTI1LjAzNC0xNi43My0zMi4xMi00OS43ODYtMTcuMzk2LTc1LjA0NWMyNy43MjMsMzQuMDA2LDY5LjE0Myw1Ni4zODUsMTE1Ljg1Nyw1OC43MjljLTguMTk5LTM1LjE2LDE4LjQ3NC02OS4wMTksNTQuNzU1LTY5LjAxOQoKCWMxNi4xNjgsMCwzMC43NzYsNi44MjUsNDEuMDI5LDE3Ljc1YzEyLjgwNC0yLjUyLDI0LjgzMy03LjE5OCwzNS42OTQtMTMuNjM5Yy00LjE5NywxMy4xMjYtMTMuMTEsMjQuMTQxLTI0LjcxNSwzMS4wOTgKCgljMTEuMzctMS4zNTcsMjIuMjA0LTQuMzc5LDMyLjI4NC04Ljg1MUMzOTEuNDU0LDE4OS4zMDEsMzgxLjkyNiwxOTkuMjAxLDM3MC45NDIsMjA3LjEyNXoiLz4KCjwvc3ZnPgoK);
}
.followus ul li.instagram, .followus .instagram  {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCgo8IS0tIFRoZSBpY29uIGNhbiBiZSB1c2VkIGZyZWVseSBpbiBib3RoIHBlcnNvbmFsIGFuZCBjb21tZXJjaWFsIHByb2plY3RzIHdpdGggbm8gYXR0cmlidXRpb24gcmVxdWlyZWQsIGJ1dCBhbHdheXMgYXBwcmVjaWF0ZWQuIApZb3UgbWF5IE5PVCBzdWItbGljZW5zZSwgcmVzZWxsLCByZW50LCByZWRpc3RyaWJ1dGUgb3Igb3RoZXJ3aXNlIHRyYW5zZmVyIHRoZSBpY29uIHdpdGhvdXQgZXhwcmVzcyB3cml0dGVuIHBlcm1pc3Npb24gZnJvbSBpY29ubW9uc3RyLmNvbSAtLT4KCgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjMmUyZTJlIj4KCjxwYXRoIGlkPSJpbnN0YWdyYW0tc3F1YXJlLWljb24iIGQ9Ik0zNjcuNjQsMTUwLjE5N3YyOS43ODJjMCw0Ljc3NS0zLjg3Miw4LjY0Ni04LjY0Nyw4LjY0NmgtMjkuMTQxCgoJYy00Ljc3NiwwLTguNjQ2LTMuODcyLTguNjQ2LTguNjQ2di0yOS43ODJjMC00Ljc3NSwzLjg3LTguNjQ2LDguNjQ2LTguNjQ2aDI5LjE0MUMzNjMuNzY4LDE0MS41NTEsMzY3LjY0LDE0NS40MjIsMzY3LjY0LDE1MC4xOTd6CgoJIE0yNTYsMjk2Ljk1NGMyMS45MzIsMCwzOS43MDktMTcuNzc4LDM5LjcwOS0zOS43MDljMC0yMS45MzItMTcuNzc3LTM5LjcwOS0zOS43MDktMzkuNzA5Yy0yMS45MzEsMC0zOS43MSwxNy43NzctMzkuNzEsMzkuNzA5CgoJQzIxNi4yOSwyNzkuMTc2LDIzNC4wNjksMjk2Ljk1NCwyNTYsMjk2Ljk1NHogTTQ2Miw1MHY0MTJINTBWNTBINDYyeiBNMzkyLjI3OCwyMTYuODZoLTc5LjYxNwoKCWM4LjExMywxMS4zOTksMTIuOTAyLDI1LjMyOCwxMi45MDIsNDAuMzg1YzAsMzguNTE3LTMxLjIyNCw2OS43MzktNjkuNzQsNjkuNzM5Yy0zOC41MTgsMC02OS43NDEtMzEuMjIzLTY5Ljc0MS02OS43MzkKCgljMC0xNS4wNTcsNC43ODctMjguOTg2LDEyLjkwMS00MC4zODVoLTc5LjI2MnYxMjIuMjI0YzAsMjkuNzcxLDI0LjEzNiw1My45MDYsNTMuOTA2LDUzLjkwNmgxNjQuNzQ1CgoJYzI5Ljc3MSwwLDUzLjkwNS0yNC4xMzUsNTMuOTA1LTUzLjkwNlYyMTYuODZ6IE0yNTUuODIzLDMxMC45NzNjMjkuNjI2LDAsNTMuNzI4LTI0LjEwMiw1My43MjgtNTMuNzI4CgoJYzAtMTYuMDg0LTcuMTE0LTMwLjUyOS0xOC4zNDktNDAuMzg1Yy0zLjk0MS0zLjQ1Ni04LjM4OC02LjM0My0xMy4yMTgtOC41NGMtNi43NjItMy4wNzYtMTQuMjYxLTQuODAzLTIyLjE2MS00LjgwMwoKCXMtMTUuMzk5LDEuNzI4LTIyLjE2Myw0LjgwM2MtNC44MjksMi4xOTYtOS4yNzUsNS4wODQtMTMuMjE3LDguNTRjLTExLjIzNCw5Ljg1Ni0xOC4zNSwyNC4zMDEtMTguMzUsNDAuMzg1CgoJQzIwMi4wOTQsMjg2Ljg3MSwyMjYuMTk3LDMxMC45NzMsMjU1LjgyMywzMTAuOTczeiBNMzkyLjI3OCwxNzIuOTE3YzAtMjkuNzcyLTI0LjEzNC01My45MDYtNTMuOTA1LTUzLjkwNkgxOTEuMDY0djY3Ljk2aC0xMS4wNTQKCgl2LTY3Ljk2aC02LjM4M2MtMC40MTcsMC0wLjgyOSwwLjAyMS0xLjI0NCwwLjAzMXY2Ny45MjlIMTYxLjMzdi02Ni41MzRjLTIuNjc3LDAuNjI1LTUuMjc2LDEuNDQ3LTcuNzgzLDIuNDU1djY0LjA4aC0xMS4wNTQKCgl2LTU4LjA0N2MtMTMuNzcyLDkuNzY2LTIyLjc3MSwyNS44MjMtMjIuNzcxLDQzLjk5M3YzNS40MDRoODYuNDE2YzEyLjY0OS0xMi44NDUsMzAuMjMzLTIwLjgxNSw0OS42ODYtMjAuODE1CgoJYzE5LjQ0OSwwLDM3LjAzNCw3Ljk3MSw0OS42ODUsMjAuODE1aDg2Ljc3MVYxNzIuOTE3eiIvPgoKPC9zdmc+Cgo=);
}
.followus ul li.www, .followus .www  {
  background-image: url(../nattogdag/images/icon_link.svg);
}
.followus ul li.gplus, .followus .gplus  {
  background-image: url(../nattogdag/images/icon_gplus.svg);
}
.followus ul li a, .followus div a {
  text-indent: -99999px;
  display: inline-block;
  width: 32px;
  height: 32px;
}

.single-item-footer {
  margin: 20px 0;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.single .post-type-annonse {
  height: auto;
}

.single-meta {
  margin: 2em 0;
  float: left;
  width: 100%;
}
.fb_iframe_widget {
  float: left;
  width: 100%;
}
.single-meta .single-cat-links {

  float: left;
  margin-left: 10px;
  padding: 8px 0;
}

.single-meta .single-cat-links a {
  color: #000;
  text-transform: uppercase;
}

.single-item-footer .item-cat {
  float: right;
}
.socialbtn {
  color: #FFF;
  float: left;
  margin-right: 1px;
  text-transform: uppercase;
  font-family: 'apercubold';
  font-size: 12px;
}

.socialbtn.shareonfacebook a .fb-icon {
  background-image: url(../nattogdag/images/icon_facebook_i.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 17px;
  height: 17px;
  float: left;
  margin-right: 5px;
  margin-top: -2px;
}

.socialbtn a{
  padding: 10px 30px;
  display: block;
}

.socialbtn .likesnum{
  padding: 10px;
  left: 0;
  display: none;
}

.socialbtn.shareonfacebook, .socialbtn.like {
  background-color: #3d57a2;
}

.socialbtn.shareontwitter {
  background-color: #65b7f2;
}

.socialbtn.shareongoogleplus {
  background-color: #1f1f1f;
}

.socialbtn.shareonpinterest {
  background-color: #cb2028;
}

.socialbtn a {
  color: #FFF;
}

#footer .facebooklikes {
  font-size: 30px;
}
#footer .like-num {
  padding: 10px 10px 10px 100px;
  border-radius: 6px;
}
#footer .like-num a{
  color: #FFF;
}
.kreatif {
  color: #999;
  padding: 10px 0;
}
.kreatif a{
  color: #999;
}
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
  font-style: italic;
}

.advertPadding {
  padding-bottom: 54px;
  background: #000;
}


/* END : Page styles */

.socicon {
    font-family: 'socicon' !important;
}
/* START : Post styles */

.article-row {
  float: left;
  width: 100%;
}

.single-item-title {
  font-size: 36px;
  margin-top: 0;
}

.single-item-header {
  padding-left: 14px;
/*  background: #000;*/
  color: #fff;

  margin-left: auto;
  margin-right: auto;
  width: 75%;

  padding-bottom: 1em;
}

.single-item-image {
  padding-left: 1em;
  padding-bottom: 1em;

  max-width: 100%;
  height: auto;
}

.single-item-image img {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.byline {
  width: 100%;
  font-size: 12px;
  padding: 1em 0;
  font-family: 'apercumono';
  color: #000;
}

.byline a.attached-user {
  color: #fff;
  text-decoration: underline;
}

ul.contributor {
  list-style: none;
  float: left;
  padding: 0.3em 0;
  margin-right: 10px;
}

ul.contributor li {
  float: left;
  margin-right: 3px;  
}

ul.contributor li:first-child {
  margin-right: 5px;
}

ul.contributor li:after {
  content: ',';
}

ul.contributor li:first-child:after,
ul.contributor li:last-child:after {
  content: '';
}

/* Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ */

/* This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. */

#fb-root {
  display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.related-content {
  border: 1px solid #000;
  padding: 1em 0;
}

.sidebar-item {
  margin: 1em 0;
}

.sidebar-item:first-child {
  margin-top: 0;
}

ul.related-list, .widget_top-posts ul {
  list-style: none;
  float: left;
  width: 100%;
}

ul.related-list li.related-item, .widget_top-posts ul li {
  float: left;
  width: 100%;
  padding: 1em 0 0.7em 0em;
  border-top: 1px solid #e0e0e0;
}

ul.related-list li.related-item h3 a {
  color: #000;
  font-family: 'apercuregular';
}

.single-item-content {
  margin: 0px 0;
  width: 100%;

  margin-left: auto;
  margin-right: auto;

  position: relative;

  padding-top: 2em;
}

.ingress {

}
.ingress p {
  font-size: 1.2em;
}

.single-item-content div {
  max-width: 100%;
}

.single-item-content a {
  text-decoration: underline;
}
.single-item-content a:hover {
  text-decoration: none;
}
.single-item-content img {
  max-width: 100% !important;
  height: auto !important;
}

.single-item-content p{
  margin-bottom: 18px;
}

.csstransforms .rotated-date {

    /* Abs positioning makes it not take up vert space */ 
    position: absolute;
    
    /* Border is the new background */
    background: none;
    

    
    /* Rotate from top left corner (not default) */
    -webkit-transform-origin: 0 0;
    -moz-transform-origin:    0 0;
    -ms-transform-origin:     0 0;
    -o-transform-origin:      0 0;
    
    -webkit-transform: rotate(-90deg); 
    -moz-transform:    rotate(-90deg); 
    -ms-transform:     rotate(-90deg); 
    -o-transform:      rotate(-90deg);
    
    font-family: 'apercumono';
    font-size: 12px;
}

.lastfminfo {
  background-image: url(../nattogdag/images/icon_lastfm.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 24px;
}


blockquote {
  text-align: center;
  font-family: 'apercubold';
  font-size: 20px;
  line-height: 1.2;
  float: left;
  width: 100%;
  margin: 0;
  padding: 20px;
}

.connected-articles ul {
  list-style: none;
  margin: 0; padding: 0;
}
.connected-articles ul li {
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #DDD;
}

.review-meta, .connected-articles, .factbox {
  background-color: #f9f9f9;
  padding: 20px;
  border: 1px solid #000;
  margin-bottom: 5px;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.factbox {
  max-width: 578px;
  margin-left: auto;
  margin-right: auto;
}

.factbox-wrap {
  padding-left: 1em;
}

.review-meta ul li {
  margin-bottom: 6px;
}
.review-meta ul li b{
  text-transform: uppercase;
}
.review-meta .score {
  background-image: url(../nattogdag/images/smilefjes.png);
  background-repeat: no-repeat;
  background-position: -3000px 0px;
  width: 252px;
  height: 40px;
  /* text-indent: -9999px; */
  margin: 10px 0;
  position: relative;
}
ul.reviews {
  margin-bottom: 10px;
}
.reviews .score {
  background-image: url(../nattogdag/images/smilefjes.png);
  background-repeat: no-repeat;
}
.reviews .review {
  padding: 4px 0 6px 30px;
  vertical-align: middle;
}
.reviews .review a{
  display: block;
  font-size: 15px;
}
.reviews .score-1 { background-position: 0  -93px; }
.reviews .score-2 { background-position: 0 -193px; }
.reviews .score-3 { background-position: 0 -293px; }
.reviews .score-4 { background-position: 0 -393px; }
.reviews .score-5 { background-position: 0 -494px; }
.reviews .score-6 { background-position: 0 -593px; }

.review-meta .score-0 { background-position: -3000px    0px; }
.review-meta .score-1 { background-position: -3000px -100px; }
.review-meta .score-2 { background-position: -3000px -200px; }
.review-meta .score-3 { background-position: -3000px -300px; }
.review-meta .score-4 { background-position: -3000px -400px; }
.review-meta .score-5 { background-position: -3000px -500px; }
.review-meta .score-6 { background-position: -3000px -600px; }

.tooltip {
  position: absolute;
  bottom: 120%;
  width: 100%;
  color: #FFF;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  background: #4A4A4A;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
  background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
  background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
  background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
  background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
  left: 0;
}
.tooltip.type-error {
  background-color: #e04326;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 67, 38)), to(rgb(197, 33, 21)));
  background-image: -webkit-linear-gradient(top, rgb(224, 67, 38), rgb(197, 33, 21));
  background-image: -moz-linear-gradient(top, rgb(224, 67, 38), rgb(197, 33, 21));
  background-image: -o-linear-gradient(top, rgb(224, 67, 38), rgb(197, 33, 21));
  background-image: -ms-linear-gradient(top, rgb(224, 67, 38), rgb(197, 33, 21));
  background-image: linear-gradient(top, rgb(224, 67, 38), rgb(197, 33, 21));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e04326', EndColorStr='#c52115');
}
.tooltip .tooltipinner {
  padding: 10px 10px 10px 10px;
  text-align: center;
}
.tooltip .tooltiptitlebar{
  background-color: #4A4A4A;
  background-color: rgba(0,0,0,0);
}

.tooltip:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  border-style: solid;
  border-width: 6px 6px 0;
  border-color: #000 transparent;
  display: block;
  width: 0;
  z-index: 1;
}
.tooltip.type-error:after {
  border-color: #c52115 transparent;
}

/** end scores **/

.navigation {
  font-size: 12px;
  clear: both;
  list-style: none;
  position: absolute;
  z-index: 999;
  left: 10px;
  width: 40px;
}
.pending {
  opacity: 0;
  
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -ms-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.pending.loaded {
  opacity: 1;
}
.navigation a {
  float: left;
  text-align: center;
  height: 100%;
  width: 100%;
  text-decoration: none !important;
  position: relative;
}

.navigation .arrow {
  float: left;
  width: 100%;
  height: 100%;
}

.navigation .newer, .navigation .older {
  float: left;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #e0e0e0;
  
  -webkit-transition: background .2s linear;
  -moz-transition: background .2s linear;
  -ms-transition: background .2s linear;
  -o-transition: background .2s linear;
  transition: background .2s linear;
}

.navigation .older {
  background: url('images/left-arrow-grey.png');
  background-position: center center;
  background-repeat: no-repeat;
}

.navigation .newer  {
  background: url('images/right-arrow-grey.png');
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: -1px;
}

.navigation .older:hover {
  background: #000 url('images/left-arrow-white.png');
  background-position: center center;
  background-repeat: no-repeat;
}

.navigation .newer:hover {
  background: #000 url('images/right-arrow-white.png');
  background-position: center center;
  background-repeat: no-repeat;
}

.navigation .newer:hover a, .navigation .older:hover a {
  color: #fff;
}

.show-all {
  float: left;
  width: 100%;
  margin-top: 40px;
}

.show-all-inner {
  text-align: center;
  height: 59px;
}

.show-all a {
  padding: 20px;
  border: 1px solid black;

  -webkit-transition: background .2s linear;
  -moz-transition: background .2s linear;
  -ms-transition: background .2s linear;
  -o-transition: background .2s linear;
  transition: background .2s linear;  
  background-repeat: no-repeat;
  background-position: center center;
}

.show-all a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}

.show-all a.loading {
  color: #000;
  text-decoration: none;
  text-indent: -9999px;
  background: #000 url('images/ajax-loader-white.gif') !important;
  background-repeat: no-repeat;
  background-position: center center;
}

.single-item-meta {
  
}

.category-annonse .item-meta {
}

.category-annonse img {
  width: 100%;
  height: auto;
}

.navigation .nav-title {
  opacity: 0;
  border: 1px solid #e0e0e0;
  border-left: none;
  position: absolute;
  width: 270px;
  height: 80px;
  padding: 10px;
  right: -271px;
  top: -1px;
  background: #fff;
  color: #000;
  font-family: 'apercubold';
  visibility: hidden;
  
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -ms-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.navigation .newer .nav-title {
  top: -40px;
}


.navigation .newer:hover .nav-title, .navigation .older:hover .nav-title {
  color: #000;
  opacity: 1;
  visibility: visible;  
}

.navigation .nav-title:nth-of-type(2) { display: none; }


/* Small navigation */
.small-navigation {
  
  margin: 0px 10px;
}

.small-navigation a{
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding: 20px 10px;
  border: 1px solid black;
  color: black;
  
  -webkit-transition: background .2s linear;
  -moz-transition: background .2s linear;
  -ms-transition: background .2s linear;
  -o-transition: background .2s linear;
  transition: background .2s linear;
}

.small-navigation a:hover {
  background: #000;
  color: #fff;
}


.small-navigation .link-title {
  width: 90%;
}

.small-navigation .arrow {
  width: 10%;
  text-align: center;
}

.small-navigation .older .link-title {
  float: left;
}
.small-navigation .newer .link-title {
  float: right;
}

.small-navigation .older .arrow {
  float: left;
}
.small-navigation .newer .arrow {
  float: right;
}

.comments-num, .like-num {
  display: inline-block;
  padding: 8px 10px;
  padding-left: 26px;
  background-image: url(../nattogdag/images/icon_bubble.svg);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size: 40%;
}
.like-num {
  background-color: #3381c4;
  background-image: url(../nattogdag/images/icon_like.svg);
}

#gallery .meta-comments{
  margin-top: 10px; 
}

/*  AUTHOR  */

.author-header {
  padding: .5em 1em;
  border-bottom: 1px solid black;
}

.author-social-info,
.author-social-info ul {
  float: left;
  width: 100%;
}

.author-social-info ul {
  list-style: none;
}

.author-social-info ul li {
  float: left;
}

.author-social-info ul li a {
  color: black;
  text-decoration: underline;
  font-family: 'apercumono';
  font-size: 12px;
  margin-right: 10px;
}

/* list-post-item */

.list-post-item {
  float: left;
  width: 100%;
  border-bottom: 1px solid #000;
  padding: 1em 0em;
}

.list-post-item p.date {
  font-family: 'apercumono';
  font-size: 12px;
}

/* Header search */

.search-wrapper {
  height: 54px;
  max-width: 464px;
  width: 80%;
  position: relative;
  float: right;
  z-index: 0;
}

.search-wrapper form,
.search-wrapper fieldset {
  float: left;
  width: 100%;
  height: 100%;
}

.search-wrapper .searchbar {
  position: absolute;
  left: 50px;
  width: 78%;
  opacity: 0;
  height: 100%;

  -webkit-transition: left .4s ease, opacity .4s linear;
  -moz-transition: left .4s ease, opacity .4s linear;
  -ms-transition: left .4s ease, opacity .4s linear;
  -o-transition: left .4s ease, opacity .4s linear;
  transition: left .4s ease, opacity .4s linear;    

  background: #000;   
}

.search-hidden {
  visibility: hidden;
}

.search-wrapper.is-active{
  z-index: 1;
}
.search-wrapper.is-active .searchbar {
  left: 0;
  opacity: 1;
}

.search-wrapper .searchbar input {
  width: 100%;
  height: 100%;
  background: black;
  outline: none;
  border: none;
  color: #fff;
  font-family: 'apercumono';
}

.search-wrapper .search-btn-wrapper {
  position: relative;
  float: right;
  position: absolute;
  right: 20px;
  width: 50px;
  text-align: center;
}

.search-wrapper .search-btn-wrapper a {
  color: #fff;
  text-decoration: underline;
  padding: 16px 0px;
  width: 100%;
  float: left;
}
.icon_interview {
  float: left;
  clear: left;
  padding: 0 3px;
  margin-top: -6px;
}

.comments {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.full-width {
  width: 100%;
}

.published-date {
  text-align: right;
  color: #fff;
}

.illustrasjon-kred {
  margin-right: 1em;
  text-align: right;
}

/* END : Post styles */
/* PRINT STYLES */

/*
 *
 * Base Print Styles, inline to save the HTTP request
 *
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #primary, #secondary, .col {
    width: 100% !important;
  }
  #main {
    margin-left: 0 !important;
}
  .banner, #branding, #disqus_thread, #secondary, #top, #colophon, .addthis_toolbox, .edit-link  {
    display: none !important;
  }
}

#primary-article a {
    color: #f00;
}

.list-category-annonse {
  background:#f1f1f1;
}
.access ul li.menu-annonse a:hover,
.access ul li.menu-annonse.current-menu-item a {
  color: #f1f1f1;
}
.access ul li.menu-annonse:before {
  background:#f1f1f1;
}
.event-row .category span.annonse {
  background:#f1f1f1;
}

.list-category-arkiv {
  background:#FFFFFF;
}
.access ul li.menu-arkiv a:hover,
.access ul li.menu-arkiv.current-menu-item a {
  color: #FFFFFF;
}
.access ul li.menu-arkiv:before {
  background:#FFFFFF;
}
.event-row .category span.arkiv {
  background:#FFFFFF;
}

.list-category-film {
  background:#00AAAA;
}
.access ul li.menu-film a:hover,
.access ul li.menu-film.current-menu-item a {
  color: #00AAAA;
}
.access ul li.menu-film:before {
  background:#00AAAA;
}
.event-row .category span.film {
  background:#00AAAA;
}

.list-category-konkurranse {
  background:#FF5078;
}
.access ul li.menu-konkurranse a:hover,
.access ul li.menu-konkurranse.current-menu-item a {
  color: #FF5078;
}
.access ul li.menu-konkurranse:before {
  background:#FF5078;
}
.event-row .category span.konkurranse {
  background:#FF5078;
}

.list-category-kunst {
  background:#FAD264;
}
.access ul li.menu-kunst a:hover,
.access ul li.menu-kunst.current-menu-item a {
  color: #FAD264;
}
.access ul li.menu-kunst:before {
  background:#FAD264;
}
.event-row .category span.kunst {
  background:#FAD264;
}

.list-category-debatt {
  background:#FAB764;
}
.access ul li.menu-debatt a:hover,
.access ul li.menu-debatt.current-menu-item a {
  color: #FAB764;
}
.access ul li.menu-debatt:before {
  background:#FAB764;
}
.event-row .category span.debatt {
  background:#FAB764;
}


.list-category-festival {
  background:#c9f6fe;
}
.access ul li.menu-festival a:hover,
.access ul li.menu-festival.current-menu-item a {
  color: #c9f6fe;
}
.access ul li.menu-festival:before {
  background:#c9f6fe;
}
.event-row .category span.festival {
  background:#c9f6fe;
}


.list-category-nattdags-festivalturne {
  background:#c9f6fe;
}
.access ul li.menu-nattdags-festivalturne a:hover,
.access ul li.menu-nattdags-festivalturne.current-menu-item a {
  color: #c9f6fe;
}
.access ul li.menu-nattdags-festivalturne:before {
  background:#c9f6fe;
}
.event-row .category span.nattdags-festivalturne {
  background:#c9f6fe;
}


.list-category-litteratur {
  background:#78b446;
}
.access ul li.menu-litteratur a:hover,
.access ul li.menu-litteratur.current-menu-item a {
  color: #78b446;
}
.access ul li.menu-litteratur:before {
  background:#78b446;
}
.event-row .category span.litteratur {
  background:#78b446;
}

.list-category-matogdrikke {
  background:#F08232;
}
.access ul li.menu-matogdrikke a:hover,
.access ul li.menu-matogdrikke.current-menu-item a {
  color: #F08232;
}
.access ul li.menu-matogdrikke:before {
  background:#F08232;
}
.event-row .category span.matogdrikke {
  background:#F08232;
}

.list-category-mote {
  background:#73C8DC;
}
.access ul li.menu-mote a:hover,
.access ul li.menu-mote.current-menu-item a {
  color: #73C8DC;
}
.access ul li.menu-mote:before {
  background:#73C8DC;
}
.event-row .category span.mote {
  background:#73C8DC;
}

.list-category-musikk {
  background:#73c8dc;
}
.access ul li.menu-musikk a:hover,
.access ul li.menu-musikk.current-menu-item a {
  color: #73c8dc;
}
.access ul li.menu-musikk:before {
  background:#73c8dc;
}
.event-row .category span.musikk {
  background:#73c8dc;
}

.list-category-reise {
  background:#dcd7be;
}
.access ul li.menu-reise a:hover,
.access ul li.menu-reise.current-menu-item a {
  color: #dcd7be;
}
.access ul li.menu-reise:before {
  background:#dcd7be;
}
.event-row .category span.reise {
  background:#dcd7be;
}

.list-category-samfunn {
  background:#c81e32;
}
.access ul li.menu-samfunn a:hover,
.access ul li.menu-samfunn.current-menu-item a {
  color: #c81e32;
}
.access ul li.menu-samfunn:before {
  background:#c81e32;
}
.event-row .category span.samfunn {
  background:#c81e32;
}

.list-category-scenekunst {
  background:#eb7d00;
}
.access ul li.menu-scenekunst a:hover,
.access ul li.menu-scenekunst.current-menu-item a {
  color: #eb7d00;
}
.access ul li.menu-scenekunst:before {
  background:#eb7d00;
}
.event-row .category span.scenekunst {
  background:#eb7d00;
}

.list-category-temastoff {
  background:#FF5078;
}
.access ul li.menu-temastoff a:hover,
.access ul li.menu-temastoff.current-menu-item a {
  color: #FF5078;
}
.access ul li.menu-temastoff:before {
  background:#FF5078;
}
.event-row .category span.temastoff {
  background:#FF5078;
}

.list-category-uteliv {
  background:#0078AA;
}
.access ul li.menu-uteliv a:hover,
.access ul li.menu-uteliv.current-menu-item a {
  color: #0078AA;
}
.access ul li.menu-uteliv:before {
  background:#0078AA;
}
.event-row .category span.uteliv {
  background:#0078AA;
}

.dfp_mod {
  width: 100%;
  float: left;
  padding: 1em 0;
}
.dfp_mod > div {
  width: 100% !important;
  margin: 0 auto;
}
.dfp_mod[data-dfp-small="300x250"] > div {
  max-width: 300px;
  text-align: center;
}

.dfp_mod > div img {
  width: 100% !important;
}

@media all and (min-width: 768px) {
  .dfp_mod[data-dfp-large="980x150"] > div, 
  .dfp_mod[data-dfp-large="980x300"] > div {
    max-width: 980px;
  }
}