/*
Theme Name: Postkodstiftelsen
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 Light';
    src: url('fonts/Tiempos/TiemposHeadlineWeb-Light.otf')  format('otf');
    src: url('fonts/Tiempos/TiemposHeadlineWeb-Light.eot')  format('eot');
    src: url('fonts/Tiempos/TiemposHeadlineWeb-Light.ttf')  format('truetype');
    src: url('fonts/Tiempos/TiemposHeadlineWeb-Light.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');
}

/*
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 */
html {
	font-size: 10px;
}

body {
	color: #000000;
	font-size: 14px;
	font-family:'Helvetica Neue LT W01_77 Bd Cn', helvetica, arial, sans-serif;
	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;
}

.flex-center {
	align-items: center;
}

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

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

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

.grid {
	margin: 0 -1.5rem;
}

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

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

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

/* 3 kolumner */
.grid-3 {
	margin: 0 -1rem!important;
}

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

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

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

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

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

.masonry-container .block h2 {
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
	font-size: 2.2rem;
}

.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_57 Cond';
	font-size: 1.4rem;
}

/* Video */

/* Återkommande designelement */

/* Allmänt */
.text-blue,
p a:hover {
	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);
}

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

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

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

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

.center {
	text-align: center;
}

.uppercase {
	text-transform: uppercase;
}

.pointer {
	cursor: pointer;
}

hr {
	border:none;
	border-top:1px dotted black;
	background: none;
	height:1px;
}

.fixed {
	position: fixed;
}

.pos-rel {
	position: relative;
}

.pos-abs {
	position: absolute;
}

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

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

.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_41488878';
	font-size: 1.5rem;
	padding: 0.3rem 1.2rem;
	display: inline-block;
}

.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 a {

}

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

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

.pointer {
	cursor: pointer;
}

.clear {
	clear: both;
}

.round {
	border-radius: 50%;
}

.text-2-col {
	column-count: 2; 
	-webkit-column-gap: 3rem;
	-moz-column-gap: 3rem;
	column-gap: 3rem;
}

.text-2-col p {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	font-size: 1.8rem;
    line-height: 1.38em;
}

.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;
	font-weight: normal;
}

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

.more-text {
	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: 4rem;
	line-height: 1.125em;
}

h1.large{
	font-size: 6rem;
	line-height: 1.05em;
}

h2 {
	font-family:'Tiempos Headline', serif;
	font-weight: normal;
	font-size: 2.5rem;
	line-height: 1.2em;
}

h3 {
	font-family:'Tiempos Headline', serif;
	font-weight: normal;
	font-size: 2rem;
	line-height: 1.22em;
}

h4 {
    font-family:'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
    text-transform: uppercase;
    font-size: 1.8rem;
	line-height: 1.125em;
    font-weight: normal;
	margin-bottom: 0.5rem;
}

p, ul, form label {
	font-size: 1.5rem;
	line-height: 1.3em;
	font-family: "Tiempos Light";
	color: black;
	font-weight: normal;
}

p strong {
	font-family: 'Tiempos Headline';
}

p a,
footer .block a{
	font-family:'Helvetica Neue LT W01_71488914';
	font-size: 1.4rem;
}

.ingress p a {
	font-family: inherit;
	font-size: inherit;
	color:rgb(63,165,53);
}

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

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

/*Listor*/
.text ul {
	list-style-type: none;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
	/*break-inside: avoid-column;
	-webkit-column-break-inside: avoid;*/
}

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

.text li:before {
	content: '\f054';
	font-family: 'FontAwesome';
	float: left;
	margin-left: -1.5rem;
	font-size: 13px;
	margin-top: 1px;
}

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

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

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

/* 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 {
}

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;
	font-size: 2rem;
	margin-bottom: 2rem;
}

.startpage .flexslider .caption h2 {
	font-size: 3rem;
}

.startpage .flexslider .caption h3 {
	font-size: 2.5rem;
}

.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;
}


/* 
 *

.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 */
.page-default article {
	padding: 2rem 0;
}

.top-image {
	position: relative;
	overflow: hidden;
}

.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;
}

.expand-section {
	margin-bottom: 4rem;
}

.expand-section .plus{
	font-size: 2.5rem;
}

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

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

.section-default h2,
.section-default h1,
.section-bildblock h2,
.ansok h2{
	font-size: 4.4rem;
	margin-bottom: 2rem;
	line-height: 1em;
}

.section-default .text {
	width: 80rem;
	margin: 0 auto 0.5rem;
	padding-bottom: 3rem;
}

.section-default .text hr {
	width: 70%;
	padding: 0 0 4rem;
	margin: 0 auto;
}

.section-default .text-1-col {
	width: 90%;
	margin: auto;
}

.section-default .text h2,
.section-default .text h3 {
	margin-bottom: 0.5rem;
}

.section-default .text p {
	font-size: 1.7rem;
	line-height: 1.25em;
	margin-bottom: 1.5rem;
}

.section-default .ingress {
	width: 80rem;
	margin: 0 auto 4rem;
}

.section-default .ingress p{
	font-size: 2.4rem;
	line-height: 1.2em;
	margin-bottom: 1.5rem;
}

.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;
}

/* Bildblock */
.section-bildblock .grid {
	margin-bottom: 4rem;
}

.section-bildblock .img-block {
	margin-bottom: 1rem;
	padding: 2rem;
}

.section-bildblock .grid-2 .img-block {
	padding: 2rem;
	margin: 0 2rem;
}

.section-bildblock h3 {
	font-family: 'Helvetica Neue LT W01_77 Bd Cn', Helvetica;
	text-transform: uppercase;
	margin-bottom: 0;
}

.section-bildblock h4 {
	text-transform: none;
	margin-bottom: 1rem;
	font-family:'Helvetica Neue LT W01_67 Md Cn';
}

.section-bildblock p {
	margin-bottom: 1rem;
}

/* Projektarkiv */
.page-projekt .section-default .btn {
	margin: 0.7rem 1rem;
	padding: 0.7rem 1.5rem;
}

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

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

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

.listitem.avslutat {
	display: none;
}

/* Singel projekt */
.project .section-default .ingress,
.project .section-default .text{
	margin-left: 0;
	margin-bottom: 3rem;
	width: auto;
}

.project .section-default .maincol{
	width: 60%;
}

.project .section-default .sidebar
{
	width: 20%;
	padding: 1rem;
}

.project .section-default .sidebar .logo {
	padding: 1rem;
}

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

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

.section-more .block:hover img {
	opacity: 0.4;
}

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

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

/* Sociala medier */
.social h4 {
	margin-bottom: 1rem;
}

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

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

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

/* Nyhetsarkiv */
.nyheter {
	padding: 4rem 0;
}

.nyheter article{
	padding: 0;
}

.nyheter .maincol {
	width: 70%;
}

.nyheter h2 {
	margin-bottom: 2rem;
}

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

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

.single-post .maincol h3 {
	margin-bottom: 1.5rem;
}

.single-post .maincol p {
	margin-bottom: 1rem;
	width: 80%;
}

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

.single-post article .maincol {
	width: 70%;
}

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

.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 */
.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;
}



/* 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] {
	padding: 1rem 1.5rem;	
	font-size: 1.7rem;
	font-family: 'Helvetica Neue LT W01_57 Cond';
	text-transform: uppercase;
	letter-spacing: 1px;
	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;
}



/* Nyheter */
.single-news .start p {
	font-size: 1.8rem;
    line-height: 1.25em;
}

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

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

/* 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;
}

footer hr {
	display: none;
}

footer article {
	padding: 5rem 0;	
}

footer .block p{
	font-family:'Helvetica Neue LT W01_41488878';
	margin-bottom: 1rem;
	font-size: 1.4rem;
}

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

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

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

#mc-embedded-subscribe-form input {
    border-bottom: 1px solid black;
	border-top:none;
	border-left: none;
	border-right: none;
    box-sizing: border-box;
    padding: 5px;
	margin-bottom: 5px;
	font-size: 16px;
	width: 80%;
	box-sizing: border-box;
}

#mc-embedded-subscribe-form input[type=submit]{
	border: none;
	padding: 0.5rem 2rem;
	width: auto;
}

#mc_embed_signup 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;

}

#spektra a {

}

/* 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
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://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;
	}
	.startpage .flexslider .caption h2, .startpage .flexslider .caption h3, .startpage .flexslider .caption p {
		font-size: 2.5rem;
	}
	
	.section-default h2, .section-default h1, .section-bildblock h2, .ansok h2 {
		font-size: 5rem;
		margin-bottom: 2rem;
		line-height: 1em;
	}
	
	
}

@media only screen and (max-width : 1240px) {
	
	/* Struktur */
    .wrap{
		width: 100%;
		padding: 0 3rem;
    }
	
	.section-image {
		width: 100%;
	}
	
	/* Projekt */
	.project .section-default .sidebar {
		width: 40%;
	}
	
	.project .sidebar img {
		width: 50%;
		margin: auto;
	}
	
}

@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;
	}
	
	/* Standard sidmall */
	.section-default h2,
	.section-default h1,
	.ansok h2{
		font-size: 4rem;
	}

	.section-default .text p {
		font-size: 1.5rem;
	}
	
	.section-default .ingress,
	.expand-section {
		margin-bottom: 2.5rem;
	}

	.section-default .ingress p {
		font-size: 2rem;
	}
	
	.section-default .text hr,
	.section-default .text {
		padding-bottom: 2rem;
	}
	
	/* 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 */
	.section-default .ingress,
	.section-default .text,
	.section-default .text hr,
	.rows{
		width: auto;
	}

	/* Projektarkiv */
	.page-projekt .section-default .btn {
		margin: 0.5rem;
	}
	
	/* Projektsida */
	.project .section-default .maincol {
		width: 70%;
	}
	
	.project .section-default .sidebar {
		width: 30%;
		padding: 3rem 0 3rem 3rem;
	}
	
	.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;
	}

	.single-post article .maincol,
	.single-post .sidebar{
		width: 100%;
	}

	/* Footer */
}

@media only screen and (max-width : 768px) {
	
	/* Struktur */
	.masonry-container.grid-3 .block {
		width: 50%;
	}
	
	/* Flexbox */
	.grid-2 .block,
	.grid-3 .block,
	.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;*/
	}
	
	.section-default .ingress p {
		font-size: 1.9rem;
		line-height: 1.26em;
	}
	
	/* Ansökningssida */
	.section-default .rows .text {
		padding: 0;
	}
	
	
	.section-default .rows .flex {
		padding-bottom: 1rem;
		margin-bottom: 2rem;
	}
	
	/* Projekt */
	.masonry-container .block h2 {
		font-size: 1.8rem;
	}
	
	/* Singel projekt */
	.project .section-default .text {
		padding-bottom: 0;
	}
	
	.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: 33.33%;
		padding: 0 2rem 2rem 0;
		box-sizing: border-box;
	}
	
}
	
@media only screen and (max-width : 500px){
	
	/* Struktur */
	html {
		font-size: 9px;
	}
	
	.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;
	}
	
	.text-2-col {
		column-count: 1; 
	}
	
	/* Återkommande designelement*/
	.small-show {
		display: block;
	}
	
	.small-hide {
		display: none;
	}
	
	form input,
	form textarea{
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	/* Typo */
	.section-default h2, 
	.section-default h1,
	.section-bildblock h2,
	.ansok h2,
	.single-post h1{
		font-size: 2.8rem;
	}
	
	h4 {
		font-size: 2rem;
	}
	
	/* 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;
	}
	
	
	.masonry-container .block p {
		margin-bottom: 0;
	}
	
	.acf-map {
		height: 80vw;
	}
	
	/* Standardsidor */
	.section-default .ingress p {
		font-size: 1.8rem;
	}
	
	.section-default .text-1-col {
		width: 100%;
	}
	
	.rows .flex:nth-child(2n) {
		flex-direction: row;
	}

	.section-default .rows .img-block,
	.section-default .rows .text{
		width: 100%;
	}
	
	.section-default .rows .img-block {
		padding: 4rem;
	}
	
	#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;

	}
}