/* MENY STYLES */
#page,
body {
	margin-top: 0 !important;
}
.sub-header {
	background: #323232;
}
.top-nav {
	position: relative !important;
}
.top-nav div.primary .search.active {
	box-shadow: none !important;
}
@media only screen and (max-width: 767px){
	.footer-info-links {
		text-align: center;
	}
	.top-nav div.primary .title {
		font-size: 28px !important;
		padding-top: 9px !important;
		text-indent: -11px;
	}
	.nav-bar .pluss-logo {
		text-align: left;
	}
	.nav-bar .nav-eavis {
		position: absolute;
		top: 0;
		right: -10px;
	}
	body.mobile-rightpanel-open .sub-header {
		right: 255px;
		position: relative;
	}
	body.mobile-leftpanel-open .sub-header {
		position: relative;
		left: 255px;
	}
}
@media only screen and (min-width: 1279px) {
	body.mobile-rightpanel-open .sub-header {
		margin-right: 255px !important;
	}
	#show_rightpanel {
		padding: 20px 0px 0px 10px !important;
	}
}
@media only screen and (min-width: 768px){
	.pluss-logo .hide-for-small {
		display: inline !important;
	}
}
@media only screen and (max-width: 1160px){
	.top-nav div.primary .search {
		margin-right: 115px !important;
	}
}
#mobile-nav {
}
#bars-svg {
	width: 20px;
	height: 20px;
}
#top-navigation .label {
	font-size: 12px !important;
	top: -5px !important;
	padding: 0;
	text-transform: uppercase;
}
#mobile-nav {
	text-align: left;
	padding: 12px 10px 0 !important;
}
#mobile-user {
	text-align: right;
	padding: 13px 10px 0 !important;
}
#mobile-user .icon {
	top: 0 !important;
	margin-left: -2px;
}
#show_rightpanel,
#mobile-nav,
#mobile-user {
	border: none !important;
	font-size: 35px !important;
	width: 100px !important;
	background-color: transparent !important;
}
#mobile-user.mobile-user-new {
	position: absolute !important;
}
.top-nav div.primary .title {
	padding-right: 0 !important;
}
.feature article.main,
.k-header-article .k-header-container img,
.k-top-intro {
	margin-top: 0;
}
.sub-header .nav-bar {
	margin-top: 0;
	margin-bottom: 0;
	height: 33px;
	background: #323232;
	overflow: hidden;
	text-align: center;
}

.sub-header .nav-bar > li {
	padding-top: 4px;
	line-height: 25px;
	padding-right: 20px;
}
.sub-header .nav-bar > li.pluss-logo {
	font-family: "Guardian Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
}
.sub-header .nav-bar > li.pluss-logo a {
	letter-spacing: 0.05em;
	color: #fff;
}
.sub-header .nav-bar > li.pluss-logo a:before {
	content: "";
	width: 33px;
	height: 32px;
	padding: 16px;
	background-image: url("../images/pluss.png");
	background-size: 49px;
	background-position: 45% 50%;
	border: 1px solid #777;
	margin: -3px 7px 0 0;
	border-width: 0 1px;
}
.sub-header .nav-bar > li.pluss-logo > a:first-child,
.sub-header .nav-bar > li.pluss-logo > a:hover {
	border-bottom: 4px solid transparent;
	padding: 0;
}
.sub-header .nav-bar > li:hover {
	background-color: none;
}

.sub-header .nav-bar > li > a:first-child {
	font-size: 13px;
	padding: 0 10px;
	border-bottom: 4px solid transparent;
}
.sub-header .nav-bar > li > a.active,
.sub-header .nav-bar > li > a:active,
.sub-header .nav-bar > li > a:focus,
.sub-header .nav-bar > li > a:hover {
	border-bottom: 4px solid #777777;
	background-color: none;
}

.sub-header .nav-bar > li {
	border: 0;
}
#back-to-front-container {
	top: 120px !important;
}
footer[role="contentinfo"] {
	border: none !important;
}
span.new-feature {
    background-color: #ECD32E;
    color: #323232;
    text-transform: uppercase;
    padding: 3px 4px 3px 5px;
    font-size: .6em;
    line-height: .6em;
    position: relative;
    top: -2px;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-left: -5px;
}

/* –--------------- FRONTPAGE STYLES –--------------- */
iframe[name='google_conversion_frame'] {
	height: 0 !important;
}

#page #reportage article.main header > * {
	font-family: "Guardian Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}

#page #reportage article.main h1 {
	font-family: "Roboto", "Guardian Sans", "Helvetica Neue", sans-serif !important;
	font-weight: 900;
}

h1.m-featured--title, 
.k-header-container header div h1, 
#k-main-container #k-featured-articles h1 {
	font-family: "Roboto", "Guardian Sans", "Helvetica Neue", sans-serif !important;
	font-weight: 900;
}

.m-portrait .m-portrait--article.is-main {
  margin-top: 10%;
}


@media only screen and (max-width: 1278px) and (min-width: 768px)
.m-portrait .m-portrait--article.is-main {
  margin-top: 10%;
}


/* –--------------- SPESIALER FRONT –--------------- */

.m-special-front .m-featured--subtitle.main {
	padding-bottom: 14px;
	border-bottom: 1px dashed #A5A5A5;
	text-align: center;
	font-style: italic;
	min-height: 0;
	padding: 0px 15px 13px;
	color: #777;
}

#specials h1 {
	font-family: "Roboto", "Guardian Sans", sans-serif;
}

h1.m-featured--title.article {
	font-weight: 900;
}

h1.m-featured--title.center {
	font-size: 1.7em;
	text-align: center;
	background-color: #333;
	color: #fff;
	padding: 13px 10px 13px;
	margin: 0;
	font-weight: normal;
}

.m-special-front header {
	padding: 0;
}

article.teaser-article-specials {
	padding: 5px 15px;
}

.m-special-front .button.secondary {
	display: inline-block;
	margin-bottom: 20px;
}

.m-section-about .button.large.secondary {
	background-color: #d60000;
	color: white;
	border: none;
	border-bottom: 3px solid #BA1010;
	display: block;
	margin: 0 auto;
	padding: 10px;
	font-size: 1em;
	max-width: 300px;
}

a.button.large.secondary:hover {
	background-color: #BA1010;
}

.m-special-front footer {
	background-color: #fff;
	border: none;
	color: #333;
	border-top: 1px dashed #a5a5a5;
	box-shadow: none;
}

.m-special-front .m-special-front--counter {
	color: #333;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	font-family: "Roboto";
}


/* ARTICLE STYLES */
/* Override some styles in the prototype */
article.main .figcaption,
article.main figure figcaption {
	font-size: 14px !important;
	border-bottom: none;
	color: #4A4A4A;
	font-size: 14px;
	line-height: 1.4em;
	padding-bottom: 10px;
	margin-top: -7px;
	padding: 5px;
	display: block;
}
article.main .body-copy > a,
article.main .body-copy p > a {
	color: #3768C9;
}
article.main .body-copy > a:hover,
article.main .body-copy p > a:hover {
	color: #0D378B;
}
article.main .body-copy .body-teaser {
	position: relative;
}
article.main .body-copy .body-teaser-from-journalist.body-teaser:after,
article.main .body-copy .body-teaser-from-article.body-teaser:after {
	display: block;
	content: "";
	height: 100px;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.byline {
	text-align: center;
	margin-bottom: 15px;
	color: #666;
	font-size: .9em;
}
.byline address {
	display: inline;
}
header.row {
	text-align: center;
}
#page article.main > div:first-child,
#page article.main header > *,
.body-copy * {
	font-family: 'Roboto', sans-serif !important;
}
article.main header {
	margin-bottom: 15px !important;
}
article.main header h1.headline {
	font-size: 3.9em;
	font-weight: 200;

}
article.main header .stand-first {
	font-size: 1.4em !important;
	font-weight: 400;
	margin-bottom: 5px;
	line-height: 1.4 !important;
}
.share-buttons img {
	width: 42px;
}

article.main .related-hashtags {
	border-radius: 3px;
	padding: 7px 15px 8px;
}
	/* TITLE SIZES */
	@media only screen and (min-width: 768px){
		article.main h1.size-01 {font-size:15px !important;}
		article.main h1.size-02 {font-size:18px !important;}
		article.main h1.size-03 {font-size:20px !important;}
		article.main h1.size-04 {font-size:24px !important;}
		article.main h1.size-05 {font-size:27px !important;}
		article.main h1.size-06 {font-size:30px !important;}
		article.main h1.size-07 {font-size:33px !important;}
		article.main h1.size-08 {font-size:36px !important;}
		article.main h1.size-09 {font-size:39px !important;}
		article.main h1.size-10 {font-size:42px !important;}
		article.main h1.size-11 {font-size:45px !important;}
		article.main h1.size-12 {font-size:48px !important;}
		article.main h1.size-13 {font-size:51px !important;}
		article.main h1.size-14 {font-size:54px !important;}
		article.main h1.size-15 {font-size:57px !important;}
		article.main h1.size-16 {font-size:60px !important;}
		article.main h1.size-17 {font-size:63px !important;}
		article.main h1.size-18 {font-size:66px !important;}
		article.main h1.size-19 {font-size:69px !important;}
		article.main h1.size-20 {font-size:72px !important;}
		article.main h1.size-21 {font-size:75px !important;}
		article.main h1.size-22 {font-size:78px !important;}
		article.main h1.size-23 {font-size:81px !important;}
		article.main h1.size-24 {font-size:84px !important;}
		article.main h1.size-25 {font-size:87px !important;}
		article.main h1.size-26 {font-size:90px !important;}
		article.main h1.size-27 {font-size:93px !important;}
		article.main h1.size-28 {font-size:96px !important;}
		article.main h1.size-29 {font-size:99px !important;}
		article.main h1.size-30 {font-size:102px !important;}
		article.main h1.size-31 {font-size:105px !important;}
		article.main h1.size-32 {font-size:108px !important;}
		article.main h1.size-33 {font-size:111px !important;}
		article.main h1.size-34 {font-size:114px !important;}
		article.main h1.size-35 {font-size:117px !important;}
		article.main h1.size-35 {font-size:120px !important;}
		article.main h1.size-35 {font-size:123px !important;}
		article.main h1.size-35 {font-size:126px !important;}
		article.main h1.size-35 {font-size:129px !important;}
		article.main h1.size-35 {font-size:132px !important;}
		article.main h1.size-35 {font-size:135px !important;}
		article.main h1.size-35 {font-size:140px !important;}
		article.main h1.size-35 {font-size:145px !important;}
		article.main h1.size-35 {font-size:150px !important;}
		article.main h1.size-35 {font-size:160px !important;}
		article.main h1.size-35 {font-size:170px !important;}
		article.main h1.size-35 {font-size:180px !important;}
		article.main h1.size-35 {font-size:190px !important;}
		article.main h1.size-35 {font-size:200px !important;}
		article.main h1.size-35 {font-size:250px !important;}
		article.main h1.size-35 {font-size:300px !important;}
		article.main h1.size-35 {font-size:350px !important;}
		article.main h1.size-35 {font-size:400px !important;}
		article.main h1.size-35 {font-size:450px !important;}
		article.main h1.size-35 {font-size:500px !important;}
		article.main h1.size-35 {font-size:600px !important;}
	}

	/* TABLOID LAYOUT OVERRIDES */
	.tabloid header.row {
		text-align: left;
	}
	.tabloid article.main header h1.headline {
		font-weight: 900;
		font-size: 3.5em;
	}
	.tabloid article.main header .stand-first {
		font-weight: 400;
		line-height: 1.5em;
		font-size: 1.4em;
		margin-bottom: 10px;
	}
	.tabloid .byline {
		text-align: left;
	}
	
	@media only screen and (min-width: 768px){
		.tabloid header div.sharing {
			position: absolute;
			left: 10px;
			margin-top: 15px;
		}
	}
	
	/* LONGFORM OVERRIDES */
	@media only screen and (min-width: 768px){
		body.feature .fullsize header h1.headline {
			font-weight: 600;
			font-size: 3.2em;
		}
	}
	.feature figcaption,
	.feature .fullsize header .feature-author dt {
		font-family: 'Roboto', sans-serif !important;
	}
	
	/* PAYWALL LAYOUT OVERIDES */
	.paywall .byline {
		text-align: left;
	}
	.paywall div.sharing {
		text-aling: left;
	}
	.paywall header div.sharing {
		position: relative;
		left: 0;
		margin-top: 0;
	}
	.paywall.tranquillity article.main header h1.headline,
	.paywall.feature article.main header h1.headline {
		font-weight: 400;
	}
	
article.main .panel {
	background: #f2f2f2;
}
article.main .panel p {
	font-size: 16px !important;
}
article.main .panel h1 {
	font-size: 22px;
}
article.main .panel h2 {
	font-size: 18px;
}
#page article.main p {
	line-height: 1.7;
	font-size: 18px;
}
.body-copy > figure {
	margin-bottom: 1em;
}
.tags {
	float: left !important;
}
.tags ul li {
	float: left;
	margin-right: 7px; 
}
.tags ul li a {
	color: rgb(0, 119, 255);
}
.tags ul li a:hover {
	text-decoration: underline;
	color: rgb(76, 160, 255);
}
.hashtag:hover:before {
	text-decoration: none;
}
.hashtag:before {
	content: "#";
	padding-right: 1px;
	color: rgb(151, 188, 229);
}
article.main aside blockquote {
	background: none;
	text-indent: 0;
	line-height: 1.3;
	margin-bottom: 26px;
	font-size: 2.4em;
	padding: 20px 20px 0 20px;
}
article.main aside blockquote cite {
	text-align: right;
	font-weight: 400;
	color: #666;
	margin-top: 20px;
	margin-right: 15px;
}
blockquote cite:before {
	display: none;
}
.figcaption,
figcaption {
	font-weight: 400 !important;
	line-height: 1.6 !important;
}
article.main > div:first-child figcaption.collapsed,
article.main > div:first-child .figcaption.collapsed {
	height: 1.8em;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	cursor: pointer;
}
article.main > div:first-child figcaption.collapsed:after,
article.main > div:first-child .figcaption.collapsed:after {
	display: block;
}
.figcaption.collapsed:after,
figcaption.collapsed:after {
	display: none;
	content: "vis resten";
	font-weight: 400;
	line-height: 2;
	font-size: .8em;
	text-transform: uppercase;
	float: right;
	color: rgb(0, 119, 255);
	position: absolute;
	cursor: pointer;
	padding: 3px 5px 0 17px;
	margin: 3px 0 0;
	top: 0;
	right: 0;
	background: #fff;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

article.main h2 {
	margin-top: 30px;
	margin-bottom: 10px;
}
.magasinet-logo img {
	width: 130px;
	margin-top: 10px;
}

.share-buttons{
	list-style: none;
	margin: 10px 0px 17px;
}

.share-buttons li{
	display: inline;
	padding: 2px;
}


@media only screen and (max-width: 767px){
	article.main figure.left,
	article.main figure.right,
	article.main aside.left,
	article.main aside.right {
		margin-left: 0;
		margin-right: 0;
		clear: both;
    	float: none;
	}
	figcaption.collapsed {
		height: 1.8em;
		overflow: hidden;
		text-overflow: ellipsis;
		position: relative;
		cursor: pointer;
	}
	article.main h2 {
		font-size: 20px;
	}
	figcaption.collapsed:after {
		display: block;
	}
	header.row {
		text-align: left;
	}
	article.main header h1.headline {
		font-size: 1.8em !important;
		font-weight: 600 !important;
	}
	article.main header .stand-first {
		font-size: 1em !important;
		font-weight: 300;
		line-height: 1.4 !important;
		margin-bottom: 10px;
	}
	.byline {
		text-align: left;
		font-size: .8em;
		margin-bottom: 0px;
	}
	#page article.main p {
		line-height: 1.6;
		font-size: 0.9em;
	}
	article.main aside blockquote {
		font-weight: 300;
		font-size: 1.4em;
	}
	.row.hero {
		margin: 0 -15px;
		padding: 0;
	}
	.row.hero .columns {
		padding: 0;
	}
	article.main {
		margin-top: 0;
	}
	article.main > div:first-child .figcaption,
	article.main > div:first-child figcaption {
		margin: -7px 15px 0;
	}
	.magasinet-logo img {
		width: 100px;
		margin-top: 0px;
	}
	.share-buttons img{
		width: 32px;
	}
}

/* SIDE PANEL */
.similar-articles {
	font-family: 'Roboto', sans-serif;
}

/* BOOK CARD */
@media only screen and (max-width: 767px){
	article.main .book-card figure img {
		width: 33.3%;
		float: left;
		padding: 18px 0 0 18px;
		border: 0;
	}
	article.main .book-card figure figcaption {
		width: 66.6%;
		float: right;
	}
	article.main .book-card h1 {
		font-size: 20px;
	}
	.book-card {
		border: 1px solid #d2d2d2;
	}
	.book-card figure {
		border: none;
	}
}
@media only screen and (min-width: 768px){
	.book-card figcaption {
		border: 1px solid #d2d2d2;
	}
	.book-card figure {
		border: none;
		display: table;
 			width: 100%;
	}
	.book-card figure img {
		border: 1px solid #d2d2d2;
		border-top; none;
	}
	.book-card div.action-container {
		padding: 0;
	}
	.book-card {
		z-index: 1;
	}
}
.book-card div.action-container {
	border: none;
	padding-top: 0;
}
.book-card figure {
	display: table;
	width: 100%;
}
.book-card .ad-stamp {
	clear: both;
}
.book-card .button {
	border: none;
	border-bottom: 3px solid #b95200;
	background: #ec6900;
	padding-bottom: 15px;
	padding-top: 15px;
}
.book-card .button:hover {
	background: #b95200;
}

/* CTA */
.pluss-call-to-action {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	padding-bottom: 30px;
}
.private-corporate-subscription {
	height: 20px;
}
.private-corporate-subscription > * {
	width: 34%;
	display:block;
	float:left;
	text-align: center;
	text-transform: uppercase;
	color: #999 !important;
	font-weight: 600;
	padding-bottom: 10px;
    margin: 4px 0 12px;
}
.private-corporate-subscription > .active {
	color: #222 !important;
    background: url(../images/arrows/down_arrow.png) no-repeat center bottom;
    background-size: 22px;
    background-position: 50% 148%;
}

@media only screen and (max-width: 768px){
	.private-corporate-subscription > * {
		float: right;
		width: 50%;
	}
	.private-corporate-subscription > .active {
		background-position: 50% 110%;
		background-size: 19px;
	}
}
@media only screen and (min-width: 768px){
	.pluss-call-to-action .columns.footnote {
		top: 15px;
		padding: 0 28px;
	}
	.pluss-call-to-action .button .action {
		font-size: 24px;
	}
	.pluss-call-to-action .button {
		padding: 24px 16px 25px;
		position: relative;
	}
	.pluss-call-to-action .button.campaign,
	.pluss-call-to-action .button.muchoForDineros
	{
		padding: 36px 16px 12px;
	}
	.pluss-call-to-action .button.campaign:before,
	.pluss-call-to-action .button.muchoForDineros:before
	{
		padding: 5px;
		color: #222;
		text-transform: uppercase;
		display: block;
		border: 1px solid #E87E0A;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: white;
	}

	.pluss-call-to-action .button.campaign:before {
		content: "Kampanjepris";
	}

	.pluss-call-to-action .button.muchoForDineros:before {
		content: "Mest for pengene";
	}

	.pluss-call-to-action .button.campaign:hover:before,
	.pluss-call-to-action .button.muchoForDineros:hover:before {
		border: 1px solid rgb(175, 96, 25);
	}
	.pluss-call-to-action .button .description {
		display: block;
		text-transform: none;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.pluss-call-to-action h1 {
		font-size: 32px;
		margin-bottom: 20px;
		padding: 0 !important;
	}
	.pluss-call-to-action p {
		margin: 0 0 24px;
	}
	.pluss-call-to-action.user-not-entitled h1 {
		margin-top: 65px !important;
	}
}

.pluss-call-to-action .products {
	top: 0 !important;
	margin-bottom: 30px;
	margin-top: 20px;
}
.pluss-call-to-action .campaign-info strong {
	color: #E87E0A;
}

@media only screen and (max-width: 767px){
	.pluss-call-to-action .button {
		margin-bottom: 10px;
		padding: 14px 20px;
		text-align: left;
	}
	.pluss-call-to-action .button .action {
		float: right;
	}
	.pluss-call-to-action p {
		text-align: left;
	}
	.pluss-call-to-action .campaign-info p {
		padding: 10px 24px;
		border-width: 1px 1px 0;
		border-color: #E87E0A;
		border-style: solid;
		margin-bottom: 0;
	}
	.pluss-call-to-action .login {
		text-align: center !important;
		padding: 0 15px !important;
	}
	.pluss-call-to-action {
		padding-bottom: 15px;
	}

	.pluss-call-to-action .products {
		margin-top: 0px;
		margin-bottom: 0px;
	}
}
.pluss-call-to-action .user-info {
	font-weight: 400;
}

.pluss-call-to-action .login {
	font-weight: 600;
	text-align: right;
	padding: 15px 30px;
	right: 0;
}
.pluss-call-to-action .login .icon {
	font-size: 1.6em;
	top: 2px;
	position: relative;
	text-transform: none;
}
.pluss-call-to-action .login a {
	text-decoration: underline;
	text-transform: uppercase;
}
.pluss-call-to-action h1 {
	text-align: center;
	padding: 9px 0 15px
}
.pluss-call-to-action a:not(.button) {
	color: #3768C9;
}
.pluss-call-to-action strong {
	font-weight: 600;
	text-transform: uppercase;
}
.pluss-call-to-action .campaign-info strong {
	color: #E87E0A;
}
.pluss-call-to-action .button .action {
	font-weight: 600;
}
.pluss-call-to-action .button.campaign,
.pluss-call-to-action .button.muchoForDineros {
	background-color: #E87E0A !important;
	border-bottom-color: rgb(175, 96, 25) !important;
}


.pluss-call-to-action .button.campaign:hover,
.pluss-call-to-action .button.muchoForDineros:hover {
	background-color: rgb(175, 96, 25) !important;
}
.pluss-call-to-action .button.ui-color {
	background-color: #3768C9 !important;
	border-bottom-color: #2C53A0 !important;
}
.pluss-call-to-action .button.ui-color:hover {
	background-color: #2C53A0 !important;
}
	/* FLOATY CTA OVERRIDES */
	#floatyCTA .pluss-call-to-action {
		padding: 14px 10px 20px;
		box-shadow: 0px 0 20px rgba(0,0,0,.5);
	}
	#floatyCTA .pluss-call-to-action p {
		font-size: 15px !important;
	}
	@media only screen and (min-width: 768px){
		#floatyCTA .pluss-call-to-action h1 {
			font-size: 30px;
		}
		.pluss-call-to-action .columns.login {
		    top: 2px;
		    width: 33%;
		    text-align: center;
		}
	}


.leftFiller {
	height: 101px;
	position: relative;
}

.leftFiller img {
	max-width: 85%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
/* FACT BOx (PANEL) */
.panel > H1:nth-child(2),
.panel > H1:nth-child(1) {
	font-size: 18px !important;
	line-height: 1.6em;
	overflow: hidden;
	max-height: 1.5em;
	transition-delay: max-height .5s;
}

/* SPOILER AND
   FACT BOX (PANEL) */
aside.panel,
aside.spoiler {
	border: solid 1px #b4b4b4 !important;
	background: #f2f2f2;
	color: #f2f2f2;
	padding: 10px 15px;
	clear: both;
	position: relative;
	overflow: hidden;
	height: 2.95em;
	-webkit-transition: color .7s;
	transition: color .7s;
	cursor: pointer; 
}
aside.panel h1:before {
	content: "i";
	font-family: 'Georgia', serif;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
	color: white;
	background-color: #d60000;
	float: left;
	width: 25px;
	height: 25px;
	margin-top: 0px;
	margin-right: 10px;
	font-size: 18px;
	line-height: 1.38em;
	border-radius: 3px;
}
aside.panel:after,
aside.spoiler:before,
aside.spoiler:after {
	top: 10px;
	opacity: 1;
	position: absolute;
	text-transform: uppercase;
	font-size: .8em;
	-webkit-transition: left .5s, opacity .5s; 
	transition: top .3s, opacity .3s;
}
aside.panel:after {
	top: 13px;
}
aside.panel:after,
aside.spoiler:after {
	content: "vis innhold";
	right: 15px;
	color: rgb(0, 119, 255);
	background: #f2f2f2;
	padding-left: 17px;
	background: -moz-linear-gradient(left, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 20%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,242,242,0)), color-stop(20%,rgba(242,242,242,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(left, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 20%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(left, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 20%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(left, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 20%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to right, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 20%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#f2f2f2',GradientType=1 );
}
aside.spoiler:before {
	content: "Skjult innhold";
	left: 15px;
	font-weight: 600;
	color: #222;
}
	/* Reveal the spoiler */
	@media only screen and (min-width: 768px){
		/* Always reveal on desktop */
		aside.panel,
		aside.spoiler {
			color: inherit;
			height: auto;
			cursor: auto; 
		}
		aside.panel > h1:nth-child(1),
		aside.panel > h1:nth-child(2) {
			overflow: visible;
			max-height: 5em;
		}
		aside.panel:after,
		aside.spoiler:after,
		aside.spoiler:before {
			top: -25px;
			opacity: 0;
		}	
	}
	aside.panel.reveal,
	aside.spoiler.reveal {
		color: inherit;
		height: auto;
		cursor: auto; 
	}
	aside.panel.reveal > h1:nth-child(1),
	aside.panel.reveal > h1:nth-child(2) {
		overflow: visible;
		max-height: 5em;
	}
	aside.panel.reveal:after,
	aside.spoiler.reveal:after,
	aside.spoiler.reveal:before {
		top: -25px;
		opacity: 0;
	}
/* REVIEW SCORE */
.show-rating-left:before,
.show-rating-right:before {
	content: "";
	margin-bottom: 10px;
	width: 36px;
	height: 36px;
}
.show-rating-left:before {
	float: left;
	margin-right: 15px;
}
.show-rating-right:before {
	float: right;
	margin-left: 15px;
}
.show-rating-left.rating-1:before, .show-rating-right.rating-1:before { background-image: url(../images/dice/dice-1-large.png); }
.show-rating-left.rating-2:before, .show-rating-right.rating-2:before { background-image: url(../images/dice/dice-2-large.png); }
.show-rating-left.rating-3:before, .show-rating-right.rating-3:before { background-image: url(../images/dice/dice-3-large.png); }
.show-rating-left.rating-4:before, .show-rating-right.rating-4:before { background-image: url(../images/dice/dice-4-large.png); }
.show-rating-left.rating-5:before, .show-rating-right.rating-5:before { background-image: url(../images/dice/dice-5-large.png); }
.show-rating-left.rating-6:before, .show-rating-right.rating-6:before { background-image: url(../images/dice/dice-6-large.png); }

/* KULTUR */
#k-book-reviews .k-book-review-box {
	padding: 25px 25px;
	background-color: #fff;
}
#k-book-reviews .k-book-review-box ul li {
	list-style: none;
	margin: 0px 0px 25px 55px;
	position: relative;
}
#k-book-reviews .k-book-review-box ul li.show-rating-left:before {
	position: absolute;
	left: -55px;
	top: 4px;
}

#k-book-reviews .k-book-review-box a {
	display: block;
	margin: 0;
}
#k-book-reviews .k-book-review-box a * {
	color: #222 !important;
}
#k-book-reviews .k-book-review-box a:hover h3 {
	text-decoration: underline;
}

#k-book-reviews .k-book-review-box a h3 {
	margin: 0;
	line-height: 1.6em;
}

#k-book-reviews .k-book-review-box a h3:hover {
	color: #8aba56;
}

#k-book-reviews .k-book-review-box a p {
	margin: 0;
}

#k-book-reviews .k-book-review-box a h3:before {
	content: none;
}

.book-icon {
    background-image: url('../images/kultur/icon-book-green.png');
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
}



.k-book-review-box li {
	color: #8aba56;
	list-style-position: hanging;
	margin: 0px 0px 25px;
	
}

#k-book-reviews .k-book-review-box a {
	display: block;
	margin: 0;
}

#k-book-reviews .k-book-review-box a h3 {
	margin: 0;
	line-height: 1.6em;
}

#k-book-reviews .k-book-review-box a h3:hover {
	color: #8aba56;
}

#k-book-reviews .k-book-review-box a p {
	margin: 0;
}

#k-book-reviews .k-book-review-box a h3:before {
	content: none;
}

#k-book-reviews .k-book-review-box {
	padding: 25px 40px;
}


.book-icon {
    background-image: url('../images/kultur/icon-book-green.png');
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
}



/* –--------------- SPESIALER –--------------- */


.m-specialheader .m-specialheader--meta {
	background-color: rgba(255, 255, 255, 0.95) !important;
}


/* –--------------- HASHTAGS –--------------- */
.related-hashtags {
    background: #3768C9;
    padding: 5px 10px 6px;
    margin-bottom: 15px;
    overflow: hidden;
    max-height: 4.3em;
	line-height: 1.8em;
    color: #fff;
	transition: max-height, .5s;
	position: relative;
}
.related-hashtags span.show-all {
    position: absolute;
    right: 15px;
    bottom: 5px;
    letter-spacing: 2px;
    color: white;
	opacity: 1;
	transition: opacity 2s;
	cursor: pointer;
	padding-top: 30px;
}
.related-hashtags.expand span.show-all {
	transition: opacity 0s;
	opacity: 0;
}
.related-hashtags.expand {
	max-height: 50em;
}

.related-hashtags span.legend {
	font-size: .8em;
	color: #ABBEE4;
	margin-right: 15px;
}
.related-hashtags a {
	color: #fff;
	font-size: .9em;
	margin-right: 20px;
    text-decoration: none !important;
}
.related-hashtags a:hover {
    text-decoration: underline !important;
}
.related-hashtags a:nth-child(n+18) {
	opacity: 0;
	transition: opacity .4s;
}
.related-hashtags.expand a {
	opacity: 1;
	transition: opacity 2s;
}

.hashtag-theme-list:first-child { border-top-left-radius: 100px; border-bottom-left-radius: 100px; }
.hashtag-theme-list:last-child { border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-right: none !important; }
.hashtag-theme-list {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	background: #d6d6d6;
	padding: 5px;
    color: rgba(255,255,255,.8);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.hashtag-theme-list.sex-og-samliv,
.hashtag-theme-list.helse { background: #E68251; }

.hashtag-theme-list.magasinet { background: #C39337; }

.hashtag-theme-list.uteliv,
.hashtag-theme-list.bolig,
.hashtag-theme-list.samfunn,
.hashtag-theme-list.reise { background: #FFBE41; }

.hashtag-theme-list.kjendis,
.hashtag-theme-list.portrettet,
.hashtag-theme-list.litteratur { background: #8ABA56; }

.hashtag-theme-list.tv-og-medier,
.hashtag-theme-list.musikk,
.hashtag-theme-list.kultur,
.hashtag-theme-list.film { background: #81AB53; }

.hashtag-theme-list.hopp,
.hashtag-theme-list.fotball,
.hashtag-theme-list.skiskyting,
.hashtag-theme-list.langrenn,
.hashtag-theme-list.sport { background: #5BC0E8; }

.hashtag-theme-list.politikk { background: #5892E8; }
.hashtag-theme-list.--konomi-og-karriere { background: #4982D6; }

.hashtag-theme-list.utenriks { background: #E84E4E; }
.hashtag-theme-list.innenriks,
.hashtag-theme-list.nyheter { background: #F15B5B; }

.hashtag-body .m-longform header h1 {
	max-width: 960px;
	color: #ffffff;
	font-weight: 300;
	font-size: 56px;
	letter-spacing: 0.02em;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
	line-height: 1.1em;
	padding: 0;
	margin: 0;
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.m-longform header p {
	max-width: 960px;
	color: #ffffff;
	font-weight: 400;
	font-size: 22px;
	padding: 5px 50px 6px;
	font-family: "Roboto", "Guardian Sans", "Helvetica Neue", sans-serif !important;
	line-height: 1.6;
	width: 100%;
	margin: 15px auto 25px;
	text-align: center;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}

.background-image-container {
	background-size: cover;
	background-position: 50%;
	display: table;
	width: 100%;
}
.fullwidth .background-image-container {
	margin-bottom: 35px;
}
.hashtag-body .m-longform {
	padding: 100px 50px;
	text-align: center;
	background-color: rgba(40, 15, 0, .3);
	min-height: 35em;
}
#grid-container .button {
	padding-left: 40px;
    padding-right: 25px;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}
#grid-container .button:after {
	content: "❯";
	font-size: 1.3em;
	padding-left: 15px;
	position: relative;
	top: 1px;
}
	
#grid-container .button.transparent:hover,
#grid-container .button.transparent:focus {
    background-color: transparent;
}

.related-hashtags a:before {
	content: "#";
}
.m-featured h1 {
    font-weight: 600;
}
/*
.m-featured.magasinet h1 {
    letter-spacing: -1px;
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.2;
}*/
.m-featured p {
    line-height: 1.4 !important
}
.m-featured.magasinet p:before {
	content: "magasinet";
    margin-right: 5px;
    text-transform: uppercase;
   /* background-color: #70ABAB; */
    background-color: #C39337;
    padding: 3px 5px 4px;
    font-size: .6em;
    color: white;
    letter-spacing: 1px;
	position: relative;
	top: -2px;
}

.m-featured img {
	width: 100%;
}
.hashtag-header h2 {
	font-family: "Roboto", "Guardian Sans", "Helvetica Neue", sans-serif !important;
}

.m-article-with-list {
	background-size: cover;
	background-position: 50%;
	overflow: hidden;
	margin-bottom: 15px;
}
.m-article-with-list > div > div {
	background-color: rgba(40, 15, 0, .3);
	display: table;
}
.m-article-with-list a {
	color: white;
}
.m-article-with-list article {
	text-align: center;
	padding: 10px 20px;
	margin-top: 50px;
}
.m-article-with-list article h1  {
	color: #fff;
	font-family: "Roboto", "Guardian Sans", "Helvetica Neue", sans-serif !important;
	font-weight: 400;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
	margin-bottom: 28px !important;
}
.m-article-with-list article,
.m-article-with-list aside {
	width: 50%;
	float: left;
	display: table;
	height: 100%;
}
.m-article-with-list aside {
    background-color: rgba(5, 2, 0, .6);
	text-align: center;
	padding: 20px;
}
.m-article-with-list aside .button {
	border: none;
}
.m-article-with-list aside ul {
	text-align: left;
	margin-bottom: 10px;
	color: white;
	margin-left: 10px;
}
.m-article-with-list aside ul li {
	margin-bottom: 5px;
	display: list-item !important;
}

.m-article-with-list aside ul li a:hover {
	text-decoration: underline;
}
.m-article-with-list aside h4 {
    margin: 0;
    padding: 6px 0 15px;
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

@media only screen and (max-width: 767px){
	.hashtag-body .m-longform header h1 {
	    font-size: 30px;
	}
	.hashtag-body .m-longform {
		padding: 50px 10px 40px;
		min-height: 25em;
	}
	
	.m-article-with-list aside ul li.hide-for-small {
		display: none !important;
	}
	
	.m-longform header p {
	    padding: 5px 10px 6px;
		line-height: 1.4;
		font-size: 16px;
	}
	.hashtag-body .last-is-fullwidth + .first-is-fullwidth,
	.hashtag-body .row.fullwidth + .row.fullwidth  {
		margin-top: -17px;
	}
	.fullwidth .background-image-container {
		margin-bottom: 18px;
	}
	.m-article-with-list article,
	.m-article-with-list aside {
		width: 100%;
	}
	.m-article-with-list article {
		padding: 10px 20px 40px;
	}
	.related-hashtags.expand {
		max-height: 100em;
	}
}
#load-more-articles {
	background: url(../images/loading-ring.gif) no-repeat 50%;
	height: 120px;
	margin: 20px;
}
#grid-container .notice {
	margin-top: 18px;
}
/* –--------------- BUTTONS –--------------- */

.button {
	transition: width .5s;
}
.button.ui.loading {
	background-image: url(../images/loading-strip.gif);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 32px;
    background-color: #A4B9DC;
    border-color: #A4B9DC;
    text-indent: -99999px;
}




@media only screen and (max-width: 767px){
	@keyframes appearPrimarySmall {
		from { opacity: 0 }
		to { opacity: 1 }
	}
	
	@keyframes appearSecondarySmall {
		0% { opacity: 0; }
		40% { opacity: 0; }
		100%{ opacity: 1; }
	}
	
	#grid-container div.column:first-child article img {
		animation: appearPrimarySmall .6s;
		animation-timing-function: ease-out;
	}
	#grid-container div.column:first-child article header {
		animation: appearPrimarySmall 1s;
		animation-timing-function: ease-out;
	}
	#grid-container div.column:nth-child(n+2) {
		animation: appearSecondarySmall .6s;
		animation-timing-function: ease-out;
	}
}
@media only screen and (min-width: 768px){
	
	@keyframes appearPrimaryBig {
		from {
			top: 10px;
			opacity: 0;
		}
		to {
			top: 0px;
			opacity: 1;
		}
	}
	
	@keyframes appearSecondaryBig {
		0% { opacity: 0; }
		40% { opacity: 0; top: 5px; }
		100%{ opacity: 1; top: 0; }
	}
	
	#grid-container > div > .row  article,
	#grid-container > div > .row div {
		position: relative;
	}
	#grid-container > div > .row:first-child div:nth-child(1) {
		animation: appearPrimaryBig .6s;
		animation-timing-function: ease-in-out;
	}
	#grid-container > div > .row:first-child div:nth-child(2) {
		animation: appearPrimaryBig .9s;
		animation-timing-function: ease-in-out;
	}
	#grid-container > div > .row:first-child div:nth-child(3) {
		animation: appearPrimaryBig 1.1s;
		animation-timing-function: ease-in-out;
	}
	#grid-container > div > .row:nth-child(n+2) {
		animation: appearSecondaryBig 1s;
		animation-timing-function: ease-in-out;
	}
}