/*
Theme Name: Postkodstiftelsen2
Textdomain:  postkod
Domain Path: /languages
*/

/* Innehållsförteckning ---------------------

1. Reset

2. Struktur
    2.1 Grundläggande struktur
		Flexbox
		Masonry
    2.2 Återkommande designelement
    2.3 Typografi
    
3. Sidhuvud
    3.1 Navigation

4. Innehåll
    4.1 Sidor och poster
        4.1.1 Standardmall
        4.1.2 Startsida
	4.2 Arkiv
		4.2.1 Utställningsarkiv

5. Sidfot
    5.1 Navigation

6. Responsivitet

7. Print styles
------------------------------------------*/

/* 1.0 Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* Läs in typsnitt */
@font-face {
    font-family: 'Tiempos Medium';
	src: url('fonts/Tiempos/tiempos-text-medium.woff2')  format('woff2');
    src: url('fonts/Tiempos/tiempos-text-medium.woff')  format('woff');
}

@font-face {
    font-family: 'Tiempos Regular';
    src: url('fonts/Tiempos/tiempos-text-regular.woff2')  format('woff2');
	src: url('fonts/Tiempos/tiempos-text-regular.woff')  format('woff');
}

@font-face {
    font-family: 'Tiempos Regular Italic';
    src: url('fonts/Tiempos/tiempos-text-regular-italic.woff2')  format('woff2');
	src: url('fonts/Tiempos/tiempos-text-regular-italic.woff')  format('woff');
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('fonts/Tiempos/TiemposHeadlineWeb-Semibold.otf')  format('otf');
    src: url('fonts/Tiempos/TiemposHeadlineWeb-Semibold.eot')  format('eot');
    src: url('fonts/Tiempos/TiemposHeadlineWeb-Semibold.ttf')  format('truetype');
    src: url('fonts/Tiempos/TiemposHeadlineWeb-Semibold.woff')  format('woff');
}

:root {
	--site-width-sm: 65rem;
	--site-width-md: 69rem;
	--site-width-lg: 1200px;
	--font-size-xxl: 44px;
	--font-size-xl: 40px;
	--font-size-lg: 24px;
	--font-size-md: 20px;
	--font-size-sm-big: 18px;
	--font-size-sm: 15px;
	--font-size-xs: 10px;
}

/*
font-family:'Helvetica Neue LT W01_77 Bd Cn'; Bold cond
font-family:'Helvetica Neue LT W01_67 Md Cn'; Medium Cond
font-family:'Helvetica Neue LT W01_47 Lt Cn'; Light Cond
font-family:'Helvetica Neue LT W01_57 Cond'; Cond
font-family:'Helvetica Neue LT W01_41488878'; Light
font-family:'Helvetica Neue LT W01_71488914'; Bold
*/

/* Struktur */

/* Grundläggande struktur */

.Site-container--sm {
	max-width: var(--site-width-sm);
}

.Site-container--md {
	max-width: var(--site-width-md);
}

.Site-container--lg {
	max-width: 100rem;
	margin: 0 auto;
}

html {
	font-size: 10px;
}

body {
	color: #000000;
	font-size: 15px;
	font-weight: normal;
}

main {
	min-height: calc(100vh - 40rem);
}

* {
  margin: 0;
}

div, 
ul, 
.block,
header{
	box-sizing: border-box;
}

#site{
	margin: 0 auto;
	position: relative;
}

.wrap {
	width: 1200px;
	position: relative;
	margin: 0 auto;
}

article {
	margin-bottom: 1.5rem;
}

/* Bilder */
.top-image img,
.section-image img,
.block img,
.logo img,
.img-col img,
.rows .img-block img{
	width: 100%;
	height: auto;
	display: block;
}

.expand img{
	transition: all 0.2s ease-in-out;
}

/* Flexbox */
.flex {
	display: flex;
	flex-wrap: wrap;
}

.nowrap {
	flex-wrap: nowrap;
}

.center-text {
	justify-content: center;
}

.flex-reverse {
	flex-direction: row-reverse;
}

.justify-space {
	justify-content: space-between;
}

.grid {
	margin: 0 -2.3rem;
}

.block {
	padding: 1.5rem 2.3rem;
	display: block;
	position: relative;
}

.grid-1 .block {
	width: 66.66%;
}

.grid-2 .block {
	width: 50%;
}

.grid-3 {
	margin: 0 -2rem!important;
}

.grid-3 .block {
	width: 33.33%;
	padding: 2rem;
}

.grid-3 .block img,
.grid-2 .block img {
	margin-bottom: 1rem;
}

.grid-2 .block.expand img {
	margin-bottom: 0;
}

.grid-3 .block hr {
	margin: 5rem 0 2rem 0;
}


/* 4 kolumner */
.grid-4,
.grid-5{
	margin: 0 -1rem 1.5rem!important;
}

.grid-4 .block {
	width: 25%;
	padding: 1rem;
}

.grid-5 .block {
	width: 20%;
	padding: 1rem;
}

/* Columns */

.colMd {
	width: 67rem;
}

.colSm {
	width: 27rem;
}

@media only screen and (max-width: 1000px) {
	.colMd,
	.colSm {
		width: 67rem;
	}

	.page-default .colMd {
		order: 2;
	}
}

/* Block */
.block h3 {
	margin-bottom: 0.7rem;
}

/* Masonry */
.masonry-container {
	margin-top: 1rem!important;
}

.masonry-container .block img {
	margin-bottom: 0.7rem;
	transition: all 0.2s ease-in-out;
}

.masonry-container .block:hover img {
	opacity: 0.4;
}

.masonry-container .block .vinjett {
	font-size: 1.3rem;
}

.masonry-container .block .btn {
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', 'Helvetica Neue LT W01_77 Bd Cn';
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
	padding: 0.7rem;
}

/* Video */

/* Återkommande designelement */

/* Allmänt */
.text-blue,
p a:hover,
form label a{
	color: rgb(63,165,53);
}

.text-gray,
.text-gray a{
	color: gray !important;
}

.text-white {
	color: white;
}

.text-black {
	color: black;
}

.text-green {
	color: rgb(48,190,60);
}

.has-green-color {
	color: rgb(48,190,60);
}

.bg-gray {
	background: rgb(236,236,236);
}

.bg-dark-gray {
	background: #969696;
}

.bg-green {
	background: rgb(48,190,60);
}

.hidden,
.small-show {
	display: none;
}

.no-event {
	pointer-events: none;
}

.center {
	text-align: center;
}

.alignleft {
	float:left;
}

.uppercase {
	text-transform: uppercase;
}

strong {
	font-weight: bold;
}

.pointer {
	cursor: pointer;
}

hr,
.wp-block-separator {
	border:none;
	border-top:1px dotted black;
	background: none;
	height:1px;
	margin: 0.7rem 0;
	opacity: 0.4;
}

.fixed {
	position: fixed;
}

.pos-rel {
	position: relative;
}

.pos-abs {
	position: absolute;
}

.abs-center {
	margin: 0 !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.outer {
	background: rgba(0, 0, 0, 0.2);
	margin: 1.5rem 2.3rem;
}

.cover {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.hide-overflow {
	overflow: hidden;
}

.expand:hover img{
	transform: scale(1.02,1.02);
}

.btn {
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
	font-size: 14px !important;
	padding: 0.3rem 1.2rem;
	display: inline-block;
}

.btn h4 {
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica !important;
}

.cookies {
	position: fixed;
	left: 0;
	right: 0;
	bottom: -100%;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	padding: 2rem 8rem 2rem 6rem;
}

.cookies .btn {
	position: absolute;
	top: 2rem;
	right: 6rem;
}

.cookies .btn img {
	width: 2rem;
	height: auto;
}

.pointer {
	cursor: pointer;
}

.clear {
	clear: both;
}

.black-around {
   -webkit-box-shadow: 0px 0px 0px 10000px rgba(0,0,0,1);
   -moz-box-shadow: 0px 0px 0px 10000px rgba(0,0,0,1);
   box-shadow: 0px 0px 0px 10000px rgba(0,0,0,1);
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
   transition: all 1s linear;
   background-color: black !important;
}

.date {
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
    color: #BFBFBF;
    font-size: var(--font-size-sm);
}

.awesome {
	font-family: FontAwesome, 'Helvetica Neue LT W01_77 Bd Cn', Helvetica, Arial, sans-serif;
}

.more-text,
.antispam{
	display: none;
}

.wp-caption {
	position: relative;
}

.photocredit, .wp-caption-text {
	position: absolute;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.1);
	color: white;
	padding: 0.5rem;
	max-width: 100%;
}

.wp-caption-text {
	font-family: "Helvetica Neue";
	font-size: 14px!important;
	margin-bottom: 0;
	margin-right: 1rem;
	width: calc(100% - 2rem);
}

.color-block {
	position: absolute;
	z-index: 10;
	height: 20px;
	top: 10px;
	right: 0;
	width: 100%;
	background-color: rgb(246, 243, 245);
}

.home .projectlist .color-block {
	background-color: rgb(231, 233, 241);
}

.visible {
	opacity: 1 !important;
	 -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
   transition: all 1s linear;
}

/* Responsiv embedded video */
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Typografi */ 
h1 {
	font-family: 'Tiempos Headline', serif;
	font-weight: normal;
	font-size: var(--font-size-xxl);
	line-height: 1.125em;
	margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
	h1 {
		font-size: 3.5rem;
	}
}

@media only screen and (max-width: 500px) {
	h1 {
		font-size: 3.4rem;
	}
}

h2 {
	font-family: 'Tiempos Headline', serif;
	font-weight: normal;
	font-size: var(--font-size-xl);
	line-height: 1.2em;
	margin-bottom: 1.5rem;
}

h3 {
	font-family: 'Tiempos Headline', serif;
	font-weight: normal;
	font-size: var(--font-size-lg);
	line-height: 1.2;
	margin-bottom: 1rem;
}


@media only screen and (max-width: 768px) {
	h3 {
		font-size: 2.2rem;
	}
}

@media only screen and (max-width: 500px) {
	h3 {
		font-size: 2.1rem;
	}
}


h4 {
    font-family:'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
    font-size: var(--font-size-md);
	line-height: 1.125em;
    font-weight: normal;
	margin-bottom: 0.5rem;
}

@media only screen and (max-width: 768px) {
	h4 {
		font-size: 1.8rem;
	}
}

@media only screen and (max-width: 500px) {
	h4 {
		font-size: 1.7rem;
	}
}

h5 {
	font-size: var(--font-size-sm);
	font-weight: normal;
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
}

p, ul, form label {
	font-size: var(--font-size-sm);
	line-height: 1.3em;
	font-family:'Tiempos Regular', serif;
	color: black;
	font-weight: normal;
}

p a,
footer .block a,
form label a{
	font-family:'Tiempos Regular', serif;
	font-size: var(--font-size-sm);
}

p.has-excerpt-font-size a {
	font-family: inherit;
	font-size: inherit;
	color:rgb(63,165,53);
	font-family: 'Tiempos Medium' !important;
}

.vinjett,
.moreText {
	font-family:'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
}

form input,
textarea,
form select {
	font-family: 'Helvetica Neue LT W01_41488878';
}

.fa-li {
    left: -1.7em!important;
    top: 0.25em!important;
}

.Entry-content p a {
	color: rgb(48,190,60);
}

a {
	color: black;
    text-decoration: none;
}

/* Formulär */
input[type=submit]{
	border: none;
	padding: 1rem;
}

form .flex {
	align-items: baseline;
	margin-bottom: 1rem;
}

form .flex input[type=checkbox] {
	margin-right: 0.5rem;
}

.tooltip {
	position: relative;
}

.tooltiptext {
	display: none;
	position: absolute;
	top: 22px;
	right: -250px;
	padding: 1rem;
	width: 220px;
	background: rgb(236,236,236);
}

.tooltip:hover .tooltiptext {
	display: block;
}

/* Innehåll */

/* Header */
header{
    position: relative; 
	height: 100px;
    padding: 1.5rem 0;
	/*justify-content: space-between;*/
	height: auto;
}

header .wrap {
	justify-content: space-between;
}

header #logo img {
	height: 5rem; 
	display: block;
}

/* Togglemeny */
#toggle {
    display:none;
    width: 28px;
    height: 30px;
    position: absolute;
    right: 0;
}

#toggle div {
    width: 100%;
    height: 5px;
    background: black;
    margin: 4px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
}

#toggle.on .one {
    transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on .two {
    opacity: 0;
}

#toggle.on .three {
    transform: rotate(-45deg) translate(7px, -8px);
}

/* Huvudmeny */
.menu-header {
	align-self: center;
}

header .menu-header ul {
	list-style: none; 
	margin: 0; 
	padding: 0;
	overflow: hidden;
}

header .menu-header ul li:before {
	content: " ";
}

header .menu-header ul li:first-child {
	margin-left: 0;
}

.menu-header ul li {
	display: inline-block; 
	font-weight: normal;
	padding: 0 10px 0;
}

.menu-header ul li:last-child {
	border-right: none;
} 

header .menu-header ul li a {
	font-family:'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
	font-size: 18px; 
	line-height: 18px; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none;
	text-transform: uppercase;
}

header .menu-header ul .menu-item-language a {
	color: #969696;
}


header .menu-header .sub-menu {
	display: none;
}

/* Search form */
#search {
	position: relative;
}

.search-field {
	background: none;
	border-radius: 0;
	cursor: pointer;
	border: none;
	height: 30px;
	padding: 3px 40px 0 3px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition: width 400ms ease, background 400ms ease;
	width: 0;
	font-family:'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
	font-size: 18px;
	text-transform: uppercase;
	z-index: 1;
	color: black;
}

#search:after {
	font-family: FontAwesome;
	content: "\f002";
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
}

.search-field:focus {
	cursor: text;
	outline: 0;
	width: 15rem;
	border-bottom: 1px solid white;
	margin-right: 30px;
	padding-left: 10px;
}

.search-submit {
	font-family: FontAwesome;
	color: white;
	background: none;
	border: none;
	font-size: 20px;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

#searchNow {
	position: absolute;
	right: 10px;
	top: 5px;
	border: 0;
	background: transparent;
	font-size: 20px;
}

/* Startsida */
.startpage .flexslider {
	height: 50vh;
}

.startpage .flexslider .caption{
	position: absolute;
	right: 3rem;
	top: 3rem;
	width: 38rem;
	text-align: right;
}

.startpage .flexslider .caption h2,
.startpage .flexslider .caption h3,
.startpage .flexslider .caption p {
	font-family: 'Helvetica Neue LT W01_77 Bd Cn';
	color: inherit;
	margin-bottom: 2rem;
}

.startpage .flexslider .caption h2 {
	font-size: var(--font-size-xl);
}

.startpage .flexslider .caption h3 {
	font-size: var(--font-size-lg);
}

.acf-map {
    width: 100%;
    height: 500px;
    margin-top: 2rem;
	margin-bottom: 5rem;
}

.acf-map img {
   max-width: inherit !important;
}

.acf-map p {
	margin-bottom: 0;
}

.map .zoomfit{
	cursor: pointer;
	display: inline-block;
}

#instafeed {
	align-items: center;
}

/* 
 *

.flexslider .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.flexslider .owl-animated-in {
  z-index: 0;
}
.flexslider .owl-animated-out {
  z-index: 1;
}

*/ 
.flexslider .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* Standard sidmall, Parent + child page */

/* Side menu */
/*
.content-col {
	width: 65%;
}
*/
.sidemenu-list {
	margin-bottom: 2rem;
}

@media only screen and (max-width: 1000px) {
	.content-col {
		width: 100%;
		order: 2;
	}
	
	.sidemenu-list li {
		display: inline-block;
		margin-right: 0.6rem;
	}
}

.sidemenu-list li {
	margin-bottom: 1.5rem;
}

.sidemenu-link {
	background: rgb(48,190,60);
    color: #fff;
    font-size: 14px;
    font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
    font-weight: normal;
    padding: 0.6rem 1rem;
    text-transform: uppercase;
	margin-bottom: 1rem;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

.sidemenu-link:hover {
	background-color: #94C752;
	transition: 0.2s;
}

.sidemenu-link.active {
	color: rgb(48,190,60);
	background-color: #fff;
	box-shadow: inset 0px 0px 0px 2px rgb(48,190,60);
}

.top-image {
	position: relative;
	overflow: hidden;
	max-height: 70vh;
    object-fit: cover;
}

@media only screen and (max-width : 500px) {
	.top-image {
		height: auto;
	}
}

.section-default .top-image,
.section-default .section-image {
	margin-bottom: 3rem;
}

.top-image .caption,
.project .flexslider .caption,
.project .owl-carousel .caption{
	position: absolute;
	background: white;
	padding: 0.7rem;
	right: 3rem;
	bottom: 3rem;
	margin: 0;
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
	font-size: 1.5rem;
}

.owl-carousel div .caption {
	right: 1.5rem;
	bottom: 1.5rem;
}

/*
.filter {
	padding: 3rem 0;
	margin-bottom: 3rem;
}

.filter h4 {
	font-family: 'Helvetica Neue LT W01_57 Cond';
	margin: 0 1rem;
}
*/

.img-col .img {
	width: 30%;
	padding: 0 3rem;
}

.img-col .text {
	width: 70%;
}

/* Child page */
.section-image {
	width: 1200px;
	margin: 0 auto;
}

/* Standard utan child pages */
.page-template-default main article,
.search main article{
	padding: 3rem 0;
}

/*
.page-template-default footer hr,
.search footer hr{
	display: block;
}
*/

.page-template-default .section-default hr {
	display: none;
}

/* Projektarkiv */
.projektlista h2 {
	margin-bottom: 0;
}

.filter .btn {
	background: rgb(48,190,60);
	color: #fff;
	font-size: 14px;
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
	font-weight: normal;
	padding: 0.6rem 1rem;
	text-transform: uppercase;
	margin-bottom: 1rem;
	letter-spacing: 0.04em;
	white-space: nowrap;
	margin-bottom: .7rem;
	cursor: pointer;
}

@media only screen and (max-width: 1000px) {
	.filter {
		margin: 1rem 0;
	}

	.filter li {
		display: inline;
		margin-right: 0.5rem;
	}
}

/*
.filter {
	margin-bottom: 4rem;
	position: relative;
	z-index: 100;
}

.page-projekt .filter {
	margin-bottom: 0;
}
*/

.filter h3 {
	display: inline-block;
	cursor: pointer;
	margin-right: 1rem;
}

.filter h3.active {
	border-bottom: 2px solid black; 
}

.listitem.avslutat {
	display: none;
}

/* Project by category page */

.page-project-category .projektlista {
	margin-top: 6rem;
}

/* Singel projekt */

.project h1 {
	margin-bottom: 3rem;
}

.project .maincol {
	width: 65%;
}

.project .maincol h1 {
	margin-bottom: 3rem;
}

.project .sidebar {
	width: 30%;
}

.project .sidebar img {
	width: 70%;
	margin: auto;
	margin-top: 10rem;
}

@media only screen and (max-width: 768px) {
	.project .sidebar img {
		width: 70%;
		margin-top: 0;
	}
}

.project .wp-block-column figure {
	width: 80%;
	margin: 4rem auto;
}

@media only screen and (max-width: 500px) {
	.project .wp-block-column figure {
		margin: 2rem 0;
	}
}

.project .wp-block-column figure img {
	max-width: 70%;
    height: auto;
}

.projectRow {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 8rem 0;
}

.projectRow .section-more {
	width: 66%;
}

.projectRow .social {
	width: 31%;
}

@media only screen and (max-width: 768px) {
	.projectRow .section-more,
	.projectRow .social {
		width: 100%;
	}

	.projectRow .section-more {
		margin-top: 5rem;
	}
}

.projectRow .social iframe {
	width: 100%;
}

.block-fb {
	padding-top: 1.5rem;
}

/* block fb
.block-fb iframe,
.block-fb span {
	width: 100% !important;
}
*/

.grid-3 .block p {
	margin-bottom: 1rem;
}

.status {
	display: block; 
	position: relative;
	float: left;
	margin-right: 2rem;
}

.grid-3 .block:hover img {
	opacity: 0.4;
}

.section-more .block h3 {
	margin-bottom: 0.6rem;
}

/* Sociala medier */

/* Facebook */
#cff .cff-item {
	margin: 0!important;
}

/* Instagram */
#sb_instagram {
	margin: 0 -1rem!important;
	width: calc(100% + 2rem)!important;
}

#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
	border-radius: 0!important;
}

#sb_instagram #sbi_load {
	letter-spacing: 0.05em;
}

.sbi_item {
	float: left;
	margin: 1rem;
	box-sizing: border-box;
}

/* Nyhetsarkiv */


/* Singel post / Nyheter */
.single-post .maincol img {
	width: 100%;
	height: auto;
	margin-bottom: 2rem;
}

.single-post h1 {
	margin-bottom: 2rem;
}

.single-post .maincol h4.date {
	margin-bottom: 1.5rem;
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
    color: #BFBFBF;
    font-size: var(--font-size-sm);
}

.single-post .maincol p {
	margin-bottom: 1rem;
	padding-right: 7rem;
}

@media only screen and (max-width: 800px) {
	.single-post .maincol p {
		padding-right: 0;
	}
}

.single-post article {
	padding: 4rem 0;
}

.single-post .sidebar {
	width: 30%;
	padding-left: 4rem;
}

.single-post .wp-block-columns {
	justify-content: space-between;
}

.single-post .wp-block-column {
	margin-top: 0;
}

.single-post .wp-block-column:not(:first-child) {
	flex-basis: 25% !important;
}

@media only screen and (max-width: 800px) {
	.single-post .wp-block-columns {
		flex-wrap: wrap;
	}

	.single-post .wp-block-column {
		flex-basis: 100% !important;
	}

	.single-post .wp-block-column:not(:first-child) {
		flex-basis: 100% !important;
		margin-left: 0;
		margin-top: 2rem;
	}
}

.single-post .wp-block-column:not(:first-child) h5 {
	color: rgb(48,190,60);
	text-transform: uppercase;
}

.single-post .wp-block-column:not(:first-child) p {
	font-size: 13px;
	margin-bottom: 0.5rem;
}

.menu.sidebar h3 {
	margin-bottom: 1.5rem;
}

.menu.sidebar ul {
	margin-left: 1.2rem;
}

.menu.sidebar ul li {
	margin: 0.2rem 0;
}

.menu.sidebar ul li:before{
	font-size: 12px;
	margin-left: -1.2rem;
	font-family: FontAwesome;
	content: "\f054";
}

.menu.sidebar h4 {
	display: inline;
	color: black!important;
}

/* Ansökningssida */
/* todo - remove?
.rows {
	width: 80rem;
	margin: auto;
	padding-bottom: 4rem;
}

.rows .flex:nth-child(2n) {
    flex-direction: row-reverse;
}

.section-default .rows .img-block {
	width: 25%;
}

.section-default .rows .text {
	width: 75%;
	padding: 0 0 0 3rem;
	margin-top: 2rem;
}

.section-default .rows .text hr {
    width: 100%;
    padding: 0;
    margin: 3rem auto 0;
}

.section-default .rows .flex:nth-last-child(1) .text hr {
    display: none;
}
*/

.highlight {
	width: 80%;
	margin: 3rem auto;
	background: rgba(254,220,0,0.8);
	padding: 2rem 3rem;
}

.section-default .highlight .btn-default,
.ansok .btn-default {
	padding: 1rem 1.5rem;
	font-size: 14px;
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
	text-transform: uppercase;
	border: none;
	display: block;
	width: 120px;
	text-align: center;
}

article.ansok .ingress p{
	margin-bottom: 2rem;
}

.btn-default.hidden {
	display: none!important;
}

/* Formulär */
.ansok h2 {
	margin-bottom: 4rem;
}

.ansok h3 {
	margin-bottom: 2rem;
}

.ansok form {
	width: 60rem;
	margin: 0 auto 3rem;
}

.ansok fieldset {
	margin-bottom: 3rem;
}

.ansok .textfield input[type=text],
.ansok .textfield input[type=tel],
.ansok .textfield input[type=email],
.ansok form select{
	margin-bottom: 1rem;
}

.ansok form input[type=text],
.ansok .textfield input[type=tel],
.ansok .textfield input[type=email],
.ansok form textarea,
.ansok form select{
	width: 100%;
	box-sizing: border-box;
	border: none;
	background: rgb(236,236,236);
	font-size: 1.6rem;
    padding: 1rem 0.7rem;
}

.ansok form input[type=file] {
	margin-bottom: 0.5rem;
}

form input[type=submit],
form button.captcha{
	padding: 1rem 1.5rem;	
	font-size: 1.7rem;
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
	text-transform: uppercase;
	border: none;
}

.ansok label {
	margin-bottom: 0.5rem;
	display: block;
}

p.counter {
	margin-bottom: 1.5rem;
	font-size: 1.3rem;
	opacity: 0.6;
}

img.autowidth {
	width: auto!important;
	max-width: 150px;
	max-height: 130px;
	margin: 3rem 0 -1rem;
}

img.autowidth.alignleft {
	float: left;
}

img.autowidth.alignright {
	float: right;
}

/* Enkel sidmall */
.page-template-page-enkel .maincol {
	padding: 6rem 0;
	max-width: 70rem;
}

.page-template-page-enkel .maincol p {
	margin-bottom: 1.5rem;
}

.page-template-page-enkel ul {
	list-style-type: none;
	margin-left: 1.5rem;
	margin-bottom: 1.5rem;
	/*break-inside: avoid-column;
	-webkit-column-break-inside: avoid;*/
}

.page-template-page-enkel ul li {
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	margin-bottom: 0.5rem;
}

/* Nyheter */
.news-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news-articles {
	margin-top: 1.5rem;
}

@media only screen and (max-width: 1000px) {
	.newsletter-container {
		margin-top: 3rem;
	}
}

.newsletter-container #mc_embed_signup p {
	width: 80%;
}

.newsletter-container #mc_embed_signup input {
	width: 100%;
	font-family:'Helvetica Neue LT W01_41488878';
}

.newsletter-container input[type=submit] {
	margin-top: 2rem;
}

.block-news {
	display: flex;
	padding-left: 0;
	width: 100%;
}

@media only screen and (max-width: 500px) {
	.block-news {
		flex-wrap: wrap;
		padding: 0 !important;
	}
}

.block-news img {
	width: 270px;
	height: auto;
	object-fit: cover;
}

@media only screen and (max-width: 500px) {
	.block-news img {
		width: 100%;
	}
}

.block-news .overlay {
	height: 100%;
}

.block-news .block-text {
	padding-left: 4rem;
}

@media only screen and (max-width: 500px) {
	.block-news .block-text {
		padding-left: 0;
		margin-top: 1rem;
	}
}

.block-news span {
	font-size: 1.2rem;
}

@media only screen and (max-width: 500px) {
	.newsletter-container {
		margin-top: 4rem;
		order: 2;
	}
}

.single-news .wrap img {
	width: auto;
}

@media only screen and (max-width: 500px) {
	img.backupImg {
		display: none;
	}
}

.single-news .maincol {
	padding-top: 4rem;
	margin-top: 2.5rem;
}

.single-post .section-more {
	margin-top: 5rem;
}

@media only screen and (max-width: 500px) {
	.single-post .section-more {
		margin-top: 0;
	}
}

.pageNavigation {
	margin-top: 3rem;
}


/* Sökresultat */
.search h4,
.search .result {
	margin-bottom: 2rem;
}

.search h1,
.search h2 {
	margin-bottom: 1rem;
}

.search h3 {
	line-height: 1.1em;
	margin-bottom: 1rem;
	padding-right: 4rem;
	box-sizing: border-box;
}

.search .maincol {
	width: 60%;
}

.search p {
	margin-bottom: 0.7rem;
}

/* FOOTER */
footer {
    position: relative;
	margin-top: 8rem;
}

/*
footer hr {
	display: none;
}
*/

footer h4,
footer h3 {
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
}

footer .block p {
	font-family: 'Tiempos Regular';
	margin-bottom: 1rem;
	font-size: 1.4rem;
}

.single-post footer article {
	padding: 0;
}

.menu-footer {
	margin-bottom: 1rem;
}

.menu-footer li {
	padding-bottom: 0.2rem;
}

.menu-footer li:hover a {
	border-bottom: 1px solid;
}

.block .menu-footer a {
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
}

#mc_embed_signup p,
#mc_embed_signup a {
	font-size: 13px;
}

#mc_embed_signup input,
#mc_embed_signup2 input,
.mc4wp-form input {
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	border-top:none;
	border-left: none;
	border-right: none;
    box-sizing: border-box;
    padding: 5px;
	margin-bottom: 5px;
	font-size: 17px;
	width: 80%;
	box-sizing: border-box;
}

#mc_embed_signup input[type=submit],
#mc_embed_signup2 input[type=submit] {
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
}

.mc4wp-form input[type=checkbox] {
	width: auto;
	margin: 1rem 0.5rem 1rem 0;
}

#mc_embed_signup input[type=submit],
#mc_embed_signup2 input[type=submit],
#mc4wp-form #mc_embed_signup input[type=submit],
#mc4wp-form2 #mc_embed_signup2 input[type=submit] {
	border: none;
	padding: 1rem 1.5rem;
	width: auto;
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
}

#mc_embed_signup div.mce_inline_error,
#mc_embed_signup2 div.mce_inline_error {
	background: none!important;
	color: #6b0505!important;
}

.fotnot {
	position: absolute;
	font-size: 1rem!important;
	color: #999!important;
	font-family: "Helvetica Neue",Helvetica!important;
}

.fotnot a {
	font-size: 1rem!important;
	font-family: "Helvetica Neue",Helvetica!important;
}

#spektra {
	display: block;
	position: absolute;
	bottom: 1rem;
	right: 2rem;

}

/* KARTSIDA */
.page-template-page-karta header, 
.page-template-page-karta #footer {
	display: none;
}

.page-template-page-karta .acf-map {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
}

/* Plugins */
/*
 * jQuery FlexSlider v2.6.4
 * https://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * https://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* FONT-FACE */
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* RESETS */
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* BASE STYLES */
.flexslider {
  margin: 0 0 4rem;
  padding: 0;
  overflow: hidden;
  position: relative;
  zoom: 1;
  height: 70vh;
}

.flexslider .slides,
.flexslider .flex-viewport,
.flexslider .slides li {
	height: 100%;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* DEFAULT THEME */

.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
    *height: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}

.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 38px;
	height: 38px;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	overflow: hidden;
	opacity: 0.9;
	cursor: pointer;
	color: white;
}

.flex-direction-nav a:before {
	font-family: FontAwesome;
	font-size: 60px;
	display: inline-block;
	content: '\f001';
	margin-top: 7px;
	/*position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 100%;*/
}

.flex-direction-nav a.flex-next:before {
  content: '\f105';
}

.flex-direction-nav a.flex-prev:before {
  content: '\f104';
}

.flex-direction-nav .flex-prev {
  left: 3rem;
}

.flex-direction-nav .flex-next {
  right: 3rem;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-prev{
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
	display: none;
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1; 
	margin-bottom: 4rem;
	height: 70vh;
}

.owl-stage-outer,
.owl-stage,
.owl-item,
.owl-item div{
	height: 100%;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden;
	/* fix firefox animation glitch */ 
}
 
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; 
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); 
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); 
}

  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; 
}

  .owl-carousel .owl-item img {
    display: block;
    height: 100%; 
	width: auto;
  }
  
  
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  
.owl-nav {
	position: absolute;
	top: 50%;
	transform: translatY(-50%);
	color: white;
	width: 100%;
}
  
	.owl-nav div {		
		top: 50%;
		transform: translateY(-50%);

		position: absolute;
		font-family: FontAwesome;
		font-size: 60px;
		display: block !important;
		width: 80px;
		height: 80px;
		/* margin: -50px 0 0;
		 position: absolute;
		 top: 50%;
		 z-index: 10;
		 overflow: hidden;
		 opacity: 0.1;
		 cursor: pointer;
		 color: rgba(0, 0, 0, 0.8);
		 text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
		 -webkit-transition: all 0.3s ease-in-out;
		 -moz-transition: all 0.3s ease-in-out;
		 -ms-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
		 transition: all 0.3s ease-in-out;*/
	
	}
  
  
    .owl-nav .owl-prev {
		left: 10px;
	}
	
	.owl-nav .owl-prev:before {
		 content: '\f104';
	}
	
	.owl-nav .owl-next {
		right: 10px;
		text-align: right;

	}
	
	.owl-nav .owl-next:before {
		 content: '\f105';
	}
  
 /* 
.flex-direction-nav a:before {
	font-family: FontAwesome;
	font-size: 60px;
	display: inline-block;
	content: '\f001';
	margin-top: 7px;
}

.flex-direction-nav a.flex-next:before {
  content: '\f105';
}

.flex-direction-nav a.flex-prev:before {
  content: '\f104';
}*/

  
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }


@media only screen and (min-width : 1800px) {
	html {
		font-size: 11px;
	}
	
	.startpage .flexslider .caption {
		width: 25%;
		top: 5rem;
		right: 5rem;
	}
}

@media only screen and (max-width : 1240px) {
	
	/* Struktur */
    .wrap{
		width: 100%;
		padding: 0 3rem;
    }
	
	.section-image {
		width: 100%;
	}
	
}

@media only screen and (max-width : 1024px) {
	
	/* Struktur */
	.wrap {
		padding: 0 2rem;
	}
	
	.top-image,
	.section-default .top-image{
		margin-bottom: 2rem;
	}
	
	.top-image .caption {
		bottom: 1.5rem;
		right: 1.5rem;
	}
	
	/* Flexbox */
	.grid {
		margin: 0 -1rem;
	}
	
	.block {
		padding: 1rem;
	}
	
	.grid-4 .block{
		width: 50%;
	}
	
	/* Allmänna klasser */
	.outer {
		margin: 1rem;
	}
	
	/* Sidhuvud */
    header {
        padding: 2rem;
    }
	
	/* Innehåll */
	
	/* Startsida */
	.video-title {
		width: 80%;
		transform: none;
		top: calc(50% - 85px);
	}
	
	/*
	.page-default .filter {
		display: none;
	}
	*/
	
	/* Projekt */
	.project .trespaltspuffar,
	.social.tvaspaltspuffar{
		margin: 4rem 2rem 2rem;
	}
	
	.social.tvaspaltspuffar .block {
		margin: 2rem 2rem 0;
		width: calc(50% - 4rem);
	}
	
	.project .trespaltspuffar .block {
		margin: 2rem 2rem 0;
		width: calc(33.33% - 4rem);
	}
	
	article .start {
		margin-left: 2rem;
		margin-right: 2rem;
	}

	/* Singel */
	.single-post .maincol p {
		width: 100%;
	}
	
	/* Sök */
	.search .maincol {
		width: 100%;
	}

}

@media only screen and (max-width : 900px) {
	
	/* Struktur */
	
	/* Sidhuvud */
	header {
		padding: 2rem 0;
	}
	
    #toggle {
        display: block;
		right: 20px;
		top: 10px;
    }
	
    .menu-header, #search {
        display: none;
    }
	
	.menu-header {
		left: 0;
		margin-bottom: 2rem;
		margin-top: 40px;
		position: absolute;
		top: 0;
		z-index: 100;
		width: 100%;
		float: none;
		z-index: 90;
		box-sizing: border-box;
		padding: 4rem 2rem;
		background: white;
	}
	
	header .menu-header ul {
		overflow: visible;
		height: auto;
	}
	
	.menu-header ul li {
		display: block;
		padding: 0.5rem 0;
		border-right: none;
		margin-bottom: 1rem;
	}
	
	header .menu-header ul li a {
		font-size: 25px;
	}
	
	/* Innehåll */
	
	/* Startsida */
	
	/* Standardmall */
	.rows{
		width: auto;
	}
	
	/* Projektsida */
	
	.project .sidebar img {
		width: 100%;
	}

	/* Singel */
	.single-post article {
		padding: 2rem 0;
	}
	
	.single-post .maincol {
		padding-bottom: 2rem;
	}
	
	.single-post .sidebar{
		padding: 2rem 0;
		border-top: 1px dotted;
	}

	/* Footer */
}

@media only screen and (max-width : 768px) {
	
	/* Struktur */
	.masonry-container.grid-3 .block {
		width: 50%;
	}
	
	/* Flexbox */
	.grid-2 .block,
	.grid-3 .block {
		width: 50%;
	}

	.ansok form{
		width: 100%;
	}
	
	.grid-3 .block p{
		width: 90%;
	}

	/* Återkommande designelement */
	
	/* Typografi */

	/* Header */
	
	.overlay {
		background:none!important;
	}
	
	/*Innehåll*/
	
	/* Startsida */
	.flex-direction-nav .flex-prev {
		left: 1rem;
	}
	
	.flex-direction-nav .flex-next{
		right: 1rem;
	}
	
	/* Standardsida / sektioner */
	.section-default h2, 
	.section-default h1,
	.section-bildblock h2,
	.ansok h2{
		font-size: 3.5rem;
		/*line-height: 1.1em;*/
	}
	
	/* Projekt */
	.masonry-container .block h2 {
		font-size: 3.5em;
	}
	
	/* Singel projekt */
	
	.project .section-default .maincol,
	.project .section-default .sidebar {
		width: 100%;
		padding: 0;
	}
	
	.project .section-default .sidebar {
		display: flex;
		flex-wrap: wrap;
	}
	
	.project .sidebar .logo {
		width: 70%;
		padding: 0 2rem 2rem 0;
		box-sizing: border-box;
	}
	
}
	
@media only screen and (max-width : 500px) {
	
	/* Struktur */
	html {
		font-size: 9px;
	}

	/* Flexbox */

	.grid-2 .block,
	.grid-3 .block {
		width: 100%;
	}
	
	.grid-4,
	article{
		margin-bottom: 0;
	}
		
	.masonry-container.grid-3 .block,
	.grid-4 .block,
	.grid-3 .block p{
		width: 100%;
	}
		
	.grid-4 .block p {
		margin-bottom: 1.5rem;
	}
	
	/* Återkommande designelement*/
	.small-show {
		display: block;
	}
	
	.small-hide {
		display: none;
	}
	
	form input,
	form textarea{
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	/* Header */
	header {
		padding: 1rem 0;
	}
	
	header #logo {
		width: 70px;
	}
	
	header #logo img {
		height: auto;
		width: 100%;
	}
	
	#toggle {
		top: 0;
	}
	
	/* Startsida */
	.startpage .flexslider {
		height: 100vw;
		overflow: visible;
		margin-bottom: 5rem;
	}
	
	.startpage .flexslider .caption {
		color: black!important;
		width: auto;
		background: white;
		left: 2rem;
		right: 2rem;
		text-align: center;
		bottom: -5rem;
		top: auto;
		padding: 1.5rem 2rem;
		/*width: calc(100% - 2rem);
		background: white;
		position: relative;
		left: auto;
		right: auto;
		text-align: center;
		bottom: auto;
		top: auto;
		padding: 1.5rem 2rem;
		margin-left: auto;
		margin-right: auto;
		margin-top: calc(100% - 2rem);
		display: block;*/
	}
	
	.section-news .grid {
		padding-top: 1rem;
	}
	
	.section-news .block {
		padding: 1rem 1rem 0.5rem;
	}
	
	.section-puffar {
		margin-bottom: 2rem;
	}
	
	.section-puffar .caption {
		width: calc(100% - 2rem);
		padding: 4rem;
	}
	
	.section-puffar .caption h2 {
		font-size: 2rem;
	}
	
	.masonry-container {
		margin-top: 0!important;
	}
	
	.acf-map {
		height: 80vw;
	}
	
	/* Standardsidor */
	
	#mc-embedded-subscribe-form input {
		width: 100%;
	}

}
	
/* Låga fönster */
@media only screen and (max-height : 768px) and (orientation: landscape) {
	.top-image {
		max-height: 60vh;

	}
}

/* Ny style för uppdateringen med block todo - clean old stuff and organize */

.Entry-title {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
	width: 65%;
}

.project .Entry-title {
	margin-bottom: 0 !important;
}

p {
	font-size: var(--font-size-sm);
    line-height: 1.25em;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 800px) {
	p {
		font-size: 1.4rem;
	}
}

p.has-excerpt-font-size,
.ingress p {
    font-size: var(--font-size-sm-big);
    line-height: 1.2em;
    margin-bottom: 2rem !important;
	font-family: 'Tiempos Medium' !important;
}

@media only screen and (max-width: 800px) {
	p.has-excerpt-font-size {
		font-size: 1.6rem;
	}
}

.page-default h2 {
	font-size: var(--font-size-xl);
}

/* Expand */
.ub-expand-toggle-button {
	font-size: 2rem;
    text-align: center !important;
    color: #fff;
    background: #000;
    cursor: pointer;
    display: block;
    position: absolute;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    line-height: 0.85;
    left: 50%;
    transform: translateX(-50%);
	margin-top: 2rem;
}

.ub-expand-toggle-button.ub-hide {
	display: none;
}

.ub-expand-toggle-button:hover {
	color: #fff;
}

.ub-expand {
	padding-bottom: 5rem;
}

.ub-expand-full {
	width: 85%;
	margin: 0 auto;
}

@media only screen and (max-width: 500px) {
	.ub-expand-full {
		width: 95%;
	}
}

.ub-expand-full h2,
.ub-expand-full h3, 
.ub-expand-full h4 {
	text-align: left;
}

.ub-expand-full::before {
	content: '';
	width: 85%;
	border-top: 1px dotted black;
	background: none;
	height: 1px;
	position: relative;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	margin: 3rem 0 2rem 0;
}

/* Block styles */

/* wp-media-text */
.wp-block-media-text {
	margin-bottom: 4rem;
	margin-top: 2rem;
	grid-template-columns: 30% 70%;
}

.wp-block-media-text.has-media-on-the-right {
	grid-template-columns: 70% 30%;
}

.wp-block-media-text h4 {
	font-family:'Helvetica Neue LT W01_67 Md Cn';
}

.wp-block-media-text .wp-block-separator {
	margin: 0;
}

@media only screen and (max-width: 600px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding: 2rem 0;
	}
}

.wp-block-media-text.is-style-image-round img {
    border-radius: 100%;
	width: 210px;
	height: 210px;
	object-fit: cover;
	/* todo change img size to square in editor and remove height here */
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
	height: auto;
	width: 100%;
}

.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
	align-self: start;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding-left: 0;
}

.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {
	padding-right: 0;
}

/* wp-list */
.wp-list ul,
.wp-block-column ul {
	margin-left: 1.5rem;
	margin-bottom: 2rem;
}

.wp-list ul li,
.wp-block-column ul li {
	margin-bottom: 0.5rem;
}

.wp-list ul li::before,
.wp-block-column ul li::before {
	content: '\f054';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5rem;
    font-size: 13px;
    margin-top: 1px;
}

/* wp buttons */
.wp-block-buttons {
	margin-top: 3rem;
}

.wp-block-button__link {
	background-color: rgb(48,190,60);
    border-radius: 0;
	font-size: 14px;
    font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
    text-transform: uppercase;
}

.wp-block-button__link:hover {
	background-color: #94C752;
	transition: 0.2s;
}

/* wp columns */

.wp-block-columns {
	margin-bottom: 0;
}

.wp-block-column {
	margin-top: 3rem;
}

.wp-block-column img {
	height: 100%;
}

.wp-block-column .wp-block-media-text {
	margin: 0;
}

.wp-block-column .wp-block-media-text__content {
	padding: 1.5rem 0;
	padding-right: 2rem;
}

@media only screen and (max-width: 500px) {
	.wp-block-column .wp-block-media-text__content {
		padding-right: 0;
	}
	
}

.wp-block-column h4 {
	margin: 1rem 0;
}

/* wp group */

.CardsRoundImg .wp-block-group__inner-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.CardsRoundImg .wp-block-media-text {
	padding-right: 1rem;
	width: 33%;
}

@media only screen and (max-width: 767px) {
	.CardsRoundImg .wp-block-media-text {
		width: 50%;
	}
}

@media only screen and (max-width: 500px) {
	.CardsRoundImg .wp-block-media-text {
		width: 100%;
	}
}

.CardsRoundImg .wp-block-media-text .wp-block-media-text__content {
	padding: 1rem 0;
	padding-right: 1.3rem;
}