@media only screen and (min-width: 1025px) {
	:root {
		--padding: 10px;
		--black: #333333;
	}

	html {
		font-size: 16px;
	}

	body {
		margin: 0;
		color: var(--tekst);
		background: var(--body-bg);
		font-family: body-font;
		font-size: 16px;
	}

	a {
		color: var(--tekst);
		text-decoration: underline;
	}

	#jessica-wrapper p,
	#jessica-wrapper h1,
	#jessica-wrapper h2,
	#jessica-wrapper h3,
	#jessica-wrapper h4,
	#jessica-wrapper h5,
	#jessica-wrapper h6 {
		color: var(--tekst);
	}

	#jessica-wrapper p {
		font-family: p-font;
		line-height: 1.5;
	}

	#jessica-wrapper strong > em,
	#jessica-wrapper em > strong {
		font-family: body-font-bold-italic;
	}

	#jessica-wrapper strong {
		font-family: body-font-bold;
	}

	#jessica-wrapper ol,
	#jessica-wrapper ul {
		font-family: p-font;
	} 

	#jessica-wrapper em {
		font-family: body-font-italic;
	}

	body #jessica-wrapper {
		width: 100%;
		margin: 0 auto;
		clear: both;
		float: left;
	}

	/*Page and single post template*/
	body.page #featured-container img,
	body.single #featured-container img {
		float: left;
	}

	body.page #title-container,
	body.single #title-container {
		clear: both;
	}

	body.page #single-container,
	body.error404 #container-404,
	body.search-no-results #search-container,
	body.search-results #search-container,
	body.category #category-container,
	body.single #single-container {
		max-width: 100%;
		width: var(--w);
		margin: 0 auto var(--toppstripe-h) auto;
		background-color: var(--page-bg);
	}
	
	body.page #ingress-container,
	body.single #ingress-container {
		font-size: 1.2rem;
		font-weight: bold;
	}

	body.page #featured-caption,
	body.single #featured-caption {
		font-style: italic;
		padding: 2px 10px 2px 10px;
		margin: 0;
		clear: both;
		font-size: 0.8em;
	}

	body.page #jessica-wrapper h1,
	body.single #jessica-wrapper h1 {
		margin: 0;
		font-size: 4rem;
		font-family: h1-font;
	}

	body.page #byline-container,
	body.single #byline-container {
		font-size: 0.8rem;
	}

	body.page #content-container,
	body.single #content-container {
		line-height: 1.5;
		float: left;
		box-sizing: border-box;
	}

	body.page #content-container.has-sidebar,
	body.single #content-container.has-sidebar {
		width: calc(100% - var(--sidestolpe-w));
	}

	body.page #sidestolpe,
	body.single #sidestolpe {
		float: left;
	}


	body.page #content-container p:first-child,
	body.single #content-container p:first-child {
		margin-top: 0;
	}

	body.stripe-fixed #single-container {
		margin: var(--toppstripe-h) auto var(--toppstripe-h) auto;
	}

	#toppstripe {
		float: left;
		width: 100%;
		background-color: var(--toppstripe-bg);
		height: var(--toppstripe-h);
		
	}

	#toppstripe > div {
		float: left;
		height: 100%;
	}

	#toppstripe #toppstripe-logo {
		float: left;
		height: 100%;
		padding: 5px;
		box-sizing: border-box;
	}

	#toppstripe #toppstripe-logo img {
		height: 100%;
		width: auto;
	}

	#toppstripe #stripe-menu-container ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		height: 100%;
	}

	#toppstripe #stripe-menu-container li {
		float: left;
		height: 100%;
		display: table;
		padding: 10px;
		box-sizing: border-box;
	}

	#toppstripe #stripe-menu-container li:first-child {
		padding: 10px 10px 10px 20px;
	}

	#toppstripe #stripe-menu-container li:last-child {
		padding: 10px 20px 10px 10px;
	}

	#toppstripe #stripe-menu-container li > span {
		display: table-cell;
		vertical-align: middle;
	}

	#bunntekst {
		float: left;
		width: 100%;
		background-color: var(--bunntekst-bg);
	}

	#bunntekst a,
	#bunntekst p,
	#bunntekst h1,
	#bunntekst h2,
	#bunntekst h3,
	#bunntekst h4,
	#bunntekst h5 {
		color: var(--bunntekst);
	}

	#bunntekst #bunntekst-inner {
		width: 100%;
		max-width: var(--w);
		margin: 0 auto;
		padding: 10px;
		box-sizing: border-box;
	}

	#toppstripe-container {
		width: 100%;
		top: 0;
	}
	
	#toppstripe-container a {
		color: var(--toppstripe-tekst);
		text-decoration: none;
	}

	#toppstripe #hamburger {
		float: right;
		width: 40px;
		height: 40px;
		margin: 10px 10px 10px 30px;
		cursor: pointer;
		background-image: url('../assets/hamburger.svg');
		background-size: contain;
	}

	body.stripe-fixed #toppstripe-container {
		position: fixed;
		z-index: 10;
	}
	
	body #toppstripe-container {
		position: relative;
	}
	
	body.stripe-fixed #hamburger-container {
		position: absolute;
		top: var(--toppstripe-h);
	}

	body #hamburger-container {
		position: absolute;
		z-index: 10;
		top: var(--toppstripe-h);
	}

	#hamburger-container {
		width: 100%;
		float: left;
		background: var(--toppstripe-bg);
		display: none;
		padding: 10px;
		box-sizing: border-box;
		border-top: 1px solid var(--toppstripe-tekst);
		overflow: hidden;
	}

	#hamburger-container-inner > ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#hamburger-container a {
		margin: 5px 0;
		display: inline-block;
	}

	#hamburger-container-inner > ul > li {
		float: left;
		width: var(--hovedmeny-col-w);
	}

	#hamburger-container-inner ul.submenu li::marker {
		content: '';
	}

	#hamburger-container-inner ul.sub-menu li,
	#hamburger-container-inner ul.sub-menu {
		list-style-type: none;
		padding: 0;
	}

	#hamburger-container-inner {
		width: 100%;
		max-width: var(--w);
		margin: 0 auto;
	}

	/*Search form*/
	#s-container {
		float: right!important;
	}
	#s-container-inner {
		top: 50%;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		position: relative;
	}

	#s:focus {
		outline: 1px solid #fff;
	}

	#s {
		color: #fff;
		border: none;
		background-color: rgba(255,255,255,0.5);
		border-radius: 5px;
		padding: 5px;
		width: 150px;
		height: 30px;
		/*color: var(--black);*/
	}

	#search-submit {
		border: 2px solid #fff;
		height: 40px;
		border-radius: 5px;
		width: 60px;
		background-color: transparent;
		color: #fff;
		cursor: pointer;
	}

	/*Search results*/
	#search-container {
		padding: 10px;
		box-sizing: border-box;
	}

	#search-container article {
		box-sizing: border-box;
		clear: both;
		float: left;
		margin-bottom: 10px;
	}

	#search-container article > div {
		height: 100%;
		float: left;
	}

	#search-container article > div.search-article-left {
		margin-right: 10px;
	}

	#search-container article > div.search-article-left img {
		float: left;
	}

	#search-container article h3 {
		margin: 0;
	}

	#search-container article > div.search-article-right p {
		margin: 5px 0;
	}

	#search-container article > div.search-article-right {
		width: calc(100% - 110px);
	}

	#search-container article a {
		text-decoration: none;
	}

	#search-container article a.search-article-date {
		margin: 0.2em 0;
	}
	#search-container article a.search-article-date {
		font-size: 0.7em;
	}

	/*Category*/
	body.category #category-title {
		margin: 0;
		padding-top: var(--padding);
		padding-right: var(--padding);
		padding-left: var(--padding);
	}

	body.category #category-container-inner {
		/*padding: var(--padding);*/
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	body.category #category-container-inner img {
		width: 100%;
		height: auto;
	}

	body.category #category-container-inner > .category-entry {
		width: 33.333%;
		padding: 10px;
		box-sizing: border-box;
	}

	body.category #category-container-inner > .category-entry a {
		text-decoration: none;
	}

	body.category #category-no-posts {
		margin: 0;
		padding: var(--padding);
	}

	/*404*/
	#container-404 {
		padding: var(--padding);
	}	

	/*Dashicons*/
	span.dashicons {
		font-family: "dashicons";
		width: 30px;
		height: 30px;
		font-size: 30px;
		margin-right: 10px;
		text-align: left;
	}

	span.dashicons-facebook:before {
		content: "\f304";
		color: #4267B2;
	}

	span.dashicons-twitter:before {
		content: "\f301";
		color: #1DA1F2;
	}

	span.dashicons-email:before {
		content: "\f466";
	}

	#some-container a {
		text-decoration: none;
	}

	#some-title {
		margin: 0 0 0 2px;
		font-size: 12px;
	}

	/*les mer*/
	#single-more-container {
		display: flex;
		flex-wrap: wrap;
	}

	#single-more-container > a {
		width: 25%;
		box-sizing: border-box;
	}

	#single-more-container .single-more-entry.leftest {
		padding: 10px 5px 10px 10px;
	}

	#single-more-container img {
		width: 100%;
		height: auto;
	}

	#single-more-container .single-more-entry.rightest {
		padding: 10px 10px 10px 5px;
	}

	#single-more-container .single-more-entry {
		padding: 10px 5px 10px 5px;
	}

	#single-more-container > a {
		text-decoration: none;
	}

	#single-more-container h3 {
		margin: 3px 0;
	}

	#single-readmore {
		padding: 20px var(--padding) 0 var(--padding);
		margin: 0;
	}
}