.local-navigator {
    display: none;
    /*
    width: 20em;
    height: 30em;
    background: blue;
    position: fixed;    
    top: 50%;
    left: -18em;
    margin-top: -15em;
    opacity: 0.6;
    */
}
.local-navigator.active {
    opacity: 1;
}

/** Stuff we don't know about yet **/
article .category,
article .page,
article .super-title,
.local-navigator,
.secondary-graphics {
    display: none;    
}

/** Stuff we don't know about yet (Dont apply to frontpage category) **/
.spread:not(.frontpage) .blocks article .category,
article .page,
article .super-title,
.local-navigator,
.secondary-graphics {
    position: absolute;
    background: gray;
    color: grey;
}

.spread.frontpage .graphics-carussel .dots, .spread.overview .graphics-carussel .dots {
    display:none;
}

/* Frontpage header changes */
.frontpage .global-header {
    height: 95px;
}
.logo img {
    position:absolute;
    left: 265px;
    height: 56px; /* global-header-height*/
}
.frontpage .global-header .logo img {
    left: 0px;
    height: 79px;
    bottom: 0px;
}
.frontpage .global-header .paper_section {
    opacity: 0;
}
.global-header .paper_section {
    opacity: 1;
}
.global-header .price {
    opacity: 0;
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px; font-size: 1.2rem;
    line-height: 58px;  /* global-header-height*/
    margin-right: 28px;    
    margin-left: 28px;
}
.frontpage .global-header .price {
    opacity: 1;
}
.frontpage .paper {
    padding-top: 105px;
}
.paper {
    -webkit-transition: padding-top 1s ease-in-out;
    transition: padding-top 1s ease-in-out;
}

.spreads.vertical-rythm:before {
    content: "";
    background: url(../img/vertical-rythm-overlay.png) top left repeat;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
}
.spreads.vertical-rythm article {
    background: rgba(0,0,0,0.2);
}

@media all and (orientation:portrait){
    .global-header .price {
        right: initial;
        left: 0px;
        bottom: initial;
        top: 0px;        
    }    
    
    .frontpage .global-header {
        height: 126px;
    }    
    .frontpage .paper {
        padding-top: 145px;
    }
    .frontpage .global-header .logo img {
        left: 33px;
    }    
    
    .global-header .logo img {
        left: 165px;
        height: 52px;
    }    
}

/* Experimental solution for autoscaling portrait images */
article .image-container.portrait {
    -webkit-background-size: contain;
    background-size: contain;        
    background-color: white;
    border: 1px solid #555555;
    box-sizing: border-box;
}