/*! Project Meta
--------------------------------------------------------------
Theme Name:		Troika
Theme URI:		http://www.rayon.no/
Description:	Basic responsive theme. All rights reserved.
Template:		mastertroika
Author:			Rayon AS
Author URI:		http://www.rayon.no
Version:		1.0
-------------------------------------------------------------- */
body {
	font-family: "Open Sans",sans-serif;
	font-size: 0.9375rem;
}
#Banner .brand {
	padding: 1.25rem 1rem;
}

.brand__logo a {
	color: #395874;
}

.nav--primary {
	font-family: 'Fjord One', serif;
	font-size: 1.125rem;
}

.nav--primary .nav__title {
	background-color: #444353;
	color: #079FAA;	
}

.nav--primary .nav__close {
	background-color: #9CACB9;
	color: #FFF;
	height: 8.75rem;
}

.nav--primary .menu-item a {
	background-color: #F5F6FA;
	color: #444353;
}

.nav--primary .menu-item a:hover, 
.nav--primary .current_page_item a,
.nav--primary .current-menu-item a,
.nav--primary .current-menu-ancestor a,
.nav--primary .current-post-ancestor a,
.nav--primary .current-page-ancestor a {
	background-color: #395874;
	color: #FFF;
}

.nav--primary .sub-menu {
	background-color: #FFF;
	font-size: 1rem;
}

.nav--primary .sub-menu .menu-item a {
	background-color: #F5F6FA;
	color: #444353;
}

.nav--primary .sub-menu .menu-item a:hover, 
.nav--primary .sub-menu .current_page_item a,
.nav--primary .sub-menu .current-menu-item a,
.nav--primary .sub-menu .current-menu-ancestor a,
.nav--primary .sub-menu .current-post-ancestor a,
.nav--primary .sub-menu .current-page-ancestor a {
	background-color: #98A4B1;
	color: #FFF;
}


.article__headline {
	color: #395874;
	font-family: 'Cinzel', sans-serif;
	font-size: 2.375rem;
	text-transform: lowercase;
}

.article--intro > .article__header .article__headline {
    font-size: 2.5rem;
}

.article--teaser .article__headline {
	color: #444353;
	font-family: 'Fjord One', serif;
	text-transform: none;
}


.article--teaser .article__headline a:hover {
	color: #FFF;
	background-color: #007eb1;
	text-decoration: none;
}

.grid--teasers .article--teaser .article__header {
	padding: 0.25rem 0.625rem 0;
}

.no-bg .grid--teasers .article--teaser .article__header {
	padding: 0;	
}

.grid--teasers .article--teaser .article__headline {
	font-size: 1.375rem;
}

.article--person-teaser .article__headline {
	color: #444353;
	font-family: 'Fjord One', serif;
	font-size: 1.375rem;
	text-transform: none;
}

.article__lead {
	font-family: 'Fjord One', serif;
	font-size: 1.875rem;
}

.article__meta {
	font-family: 'Fjord One', serif;
}

.time .time__day {
	color: #395874;
	font-family: 'Cinzel', sans-serif;
	font-size: 4.375rem;
}

.panel {
	border-color: #9cacb9;
}

.panel--columns .panel__header .article__headline {
	color: #395874;
}

.panel--slides .slides__arrow {
	color:#000;
}

.panel--slides .slides__arrow:hover {
	text-decoration: none;
}

#ContentInfo {
	font-family: 'Cinzel', sans-serif;
	font-size: 0.875rem;
	text-transform: lowercase;
}

.panel__content--map {
	background-image: url("img/map-mobile.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 23rem;
}

@media (min-width: 35rem) {
	.nav--primary {
		background-color: transparent;
	}
	
	.nav--primary .nav__title {
		background: url("img/sprite.png") no-repeat scroll 1.4375rem -3.6875rem #444353;
		overflow: hidden;
		text-align: left;
		text-indent: -200%;
		width: 6rem;
	}
	
	.nav--primary .nav__close {
		height: 3rem;	
	}
	
	.panel--columns .panel__header .article__headline {
		color: #FFFFFF;
	}
	
	.nav--primary .nav__menu {
		background-color: #FFFFFF;
	}
}

@media (min-width: 45.9375rem) {
	.article--quote .article__header::after {
		background: url("img/sprite.png") no-repeat scroll 0 0 transparent;
	    bottom: -5rem;
	    content: " ";
	    height: 3.1875rem;
	    left: -5.5rem;
	    position: absolute;
	    width: 4.0625rem;
	}
	
	.article__headline,
	.panel--single .panel__content:not(.no-bg) .article--intro > .article__header .article__headline {
		font-size: 4.375rem;
	}
	
	.article__lead {
		font-size: 1.875rem;
	}
	
	.panel__content--map {
		background-image: url("img/map-tablet.png");
	}
}
@media (min-width: 45.9375rem) and  (-webkit-min-device-pixel-ratio: 2){
	.panel__content--map {
		background-image: url("img/map-tablet@2x.png");
	}
}

@media (min-width: 65.625rem) {
	.nav--primary .nav__menu {
		background-color: transparent;
	}
	
	.nav--primary .menu-item a {
		padding: 0.75rem 1.5rem;
	}
	
	.panel__content--map {
		background-image: url("img/map-desktop.png");
	}
}
@media (min-width: 65.625rem) and  (-webkit-min-device-pixel-ratio: 2){
	.panel__content--map {
		background-image: url("img/map-dektop@2x.png");
	}
}
@media (min-width: 96.25rem) {
	.panel--slides .slides__arrow {
		padding-top: 5rem;
		background: url("img/sprite.png") no-repeat scroll 0 0 transparent;
		min-width: 2.25rem;
	}
	
	.panel--slides .slides__arrow.prev {
		background-position: 0 -232px;
	}
	
	.panel--slides .slides__arrow.next {
		background-position: 0 -132px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.panel__content--map {
		background-image: url("img/map-mobile@2x.png");
	}
}