/*
  Theme Name: ArkDes
	Textdomain:  arkdes
	Domain Path: /languages
*/

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

@font-face {
  font-family: 'Brezel Bold';
  src: url('font/Brezel/BrezelGroteskWEB-Bold.woff')  format('woff'),
			 url('font/Brezel/BrezelGroteskWEB-Bold.woff2')  format('woff2');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
  font-family: 'Brezel Medium';
  src: url('font/Brezel/BrezelGroteskWEB-Medium.woff')  format('woff'),
			 url('font/Brezel/BrezelGroteskWEB-Medium.woff2')  format('woff2');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
  font-family: 'Brezel';
  src: url('font/Brezel/BrezelGroteskWEB-Regular.woff')  format('woff'),
		 	 url('font/Brezel/BrezelGroteskWEB-Regular.woff2')  format('woff2');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}


@font-face {
  font-family: 'Brezel Light';
  src: url('font/Brezel/BrezelGroteskWEB-Light.woff')  format('woff'),
		 	 url('font/Brezel/BrezelGroteskWEB-Light.woff2')  format('woff2');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
  font-family: 'Brezel Light Italic';
  src: url('font/Brezel/BrezelGroteskWEB-LightItalic.woff')  format('woff'),
		 	 url('font/Brezel/BrezelGroteskWEB-LightItalic.woff2')  format('woff2');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
  font-family: 'Brezel Italic';
  src: url('font/Brezel/BrezelGroteskWEB-Italic.woff')  format('woff'),
		 	 url('font/Brezel/BrezelGroteskWEB-Italic.woff2')  format('woff2');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

html {
	font-size: 10px;
}

div {
	box-sizing: border-box;
}

button {
  background: transparent;
  border: 0;
  border-radius: 0;
  font: inherit;
  -webkit-user-select: none;
  user-select: none;
}

#content {
	padding-top: 5rem;
	min-height: calc(100vh - 38.1rem);
}

.container {
  position:relative;
  margin: 0 auto 8rem;
  width: 100rem;
	transition: all 0.3s ease-in-out;
}

.container-wide {
  position:relative;
  margin: 0 auto 4rem;
  width: 130rem;
}

.top-image {
	position: relative;
	margin-bottom: 3rem;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.top-image .caption{
	right: 3rem;
	max-width: 40%;
	top: calc(100% + 0.3rem);
	bottom: auto;
	transition: 0.3s ease-in-out;
	padding: 0.7rem 1rem;
}

.top-image h1 {
	margin-top: 2rem;
	transition: 0.3s ease-in-out;
	opacity: 0;
}

.block {
	box-sizing: border-box;
	display: block;
}

.block img,
.top-image img,
.img-block img,
.container-wide img,
.sidebar img,
img.alignnone {
	width: 100%;
	height: auto;
	display: block;
}

img.alignnone {
	margin: 0 0 1em 0;
}

#riframe {
	width: 100% !important;
	overflow: scroll;
}

.embed-container iframe {
	width: 100%;
}

.flex {
	display: flex !important;
}

.flex-wrap {
	flex-wrap: wrap;
}

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

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

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

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

.column-gap {
	column-gap: 2em;
}

@media only screen and (max-width : 960px) {
  .mobile-flex-direction-column {
    flex-direction: column;
  }
}

/* Block */
.img-block {
	transition: all 0.2s ease-in-out;
}

.block:hover .img-block {
	opacity: 0.75;
}

/* 1 kolumn - block */
.grid-1-col .block {
	width: 100%;
	padding: 0 1rem 1rem;
}

/* 3 kolumner - block */
.grid-3-col,
.grid-2-col,
.grid-1-col {
	margin: 0 -1rem;
}

.grid-3-col .block,
._1-3.block {
	width: 33.33%;
	padding: 0 1rem 1rem;
}

.grid-3-col .block .img-block,
._1-3.block .img-block,
.grid-2-col .block .img-block,
.grid-1-col .block .img-block,
.grid-3-col .block .embed-container,
.grid-2-col .block .embed-container,
.grid-1-col .block .embed-container {
	margin-bottom: 0.8rem;
}

.grid-3-col .block h2,
._1-3.block h2,
.grid-2-col .block h2,
.grid-1-col .block h2 {
	font-size: 3.5rem;
	margin-bottom: 0;
}

/* 2 kolumner */
.grid-2-col .block,
._1-2.block {
	width: 50% !important;
	padding: 1rem;
}

/* Moduler */

/* Textinfo */
.container .textinfo {
	margin: 3rem 0 4rem;
}

.textinfo p,
.page-template-page-kalender .calendar .calfilter h2{
	font-family: "Brezel Bold";
	font-size: 6.5rem;
	line-height: 1em;
}

/* Kalendarium */
.calendar h2,
.news h2{
	font-size: 3rem;
	margin-bottom: 0.5rem !important;
}

.calendar h3.light {
	text-transform: none;
}

.calendar .maincol a {
	color: rgb(245,110,126);
}

.calendar .content hr {
	width: calc(100% + 4rem);
}

.calendar .calfilter h2 {
	margin-bottom: 2rem;
	font-size: 4.6rem;
	line-height: 1.05em;
}

.calendar .calfilter .vinjett {
	margin: 0.5rem 1rem 0.5rem 0;
}

.calendar .rad-0 hr {
	display: none;
}

.calendar .row {
	display: flex;
}

.single-arkdes_kalender .calendar .row {
	display: block;
}

.calendar .maincol {
	width: 66.66%;
}

.calendar .maincol.alignright {
	padding: 0 0 0 3rem;
}

.calendar .maincol {
	padding: 0 6rem 0 0;
}

.calendar .maincol .text h4 {
	float: left;
	margin-bottom: 0.5rem;
	margin-bottom: 0;
}

.calendar .maincol .text h4 .text-blue {
	margin-right: 0.3rem;
}

.calendar .maincol .date {
	width: 20%;
}

.calendar .maincol .text {
	width: 80%;
	padding-right: 4rem;
	padding-bottom: 1.5rem;
}

.calendar .maincol .text p {
	margin-bottom: 0;
}

.calendar .maincol .moretext {
	display: none;
	opacity: 0;
	padding-top: 1rem;
}

.calendar .maincol .moretext p {
	padding-bottom: 1rem;
}

.calendar form.form input{
	font-size: 1.6rem;
  line-height: 1.375em;
}

.calendar .ticket {
	padding: 0.2rem 0.4rem;
}

.ticket:hover {
	color: white !important;
	background: rgb(245,110,126);
}

.calendar .maincol .text:hover .cal-expand {
	opacity: 1;
}

.cal-expand {
	font-size: 2.7rem;
	position: absolute;
	right: 0;
	bottom: 1.5rem;
	z-index: 1;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}

.expand {
	margin: auto;
	width: 50%;
}

.expand .plus {
	font-size: 3rem !important;
	padding: 0;
	margin: 0;
	display: inline-block;
	-webkit-transition: -webkit-transform .3s ease-in-out;
  -ms-transition: -ms-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
	-webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  transform: translateZ(0);
}

.expand:hover .plus {
	transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
}

.calendar .hidden {
	padding-top: 1.5rem;
}

.calendar .hidden-row {
	display: none;
}

.calendar .sidebar {
	width: 33.33%;
}

.calendar .sidebar h3,
.sidebar .fade {
	margin-bottom: 1.5rem;
}

.calendar .sidebar a {
	display: block;
}

.calendar .sidebar img {
	margin-bottom: 0.3rem;
}

.calendar .fade h4 {
	line-height: 1.25em;
	margin-bottom: 0.7rem;
}


#kalender {
	font-family:"Brezel Light";
	font-size: 1.7rem;
	line-height: 1.375em;
	padding: 8px;
	margin-bottom: 15px;
}

#kalender table {
	width:calc(100% - 2rem);
	margin: auto;
	text-align:center;
}

#kalender thead {
	font-family: "Brezel Bold";
}

#kalender .ui-datepicker-title {
	font-family: "Brezel Bold";
	text-align:center;
	background:rgb(212, 243, 244);
	padding: 0.3rem;
	margin-bottom: 0.5rem;
}

#kalender .ui-datepicker-year {
	display:none;
}

.ui-datepicker-prev, .ui-datepicker-next {
	position:absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
}

#kalender .ui-datepicker-prev {
	left: 1rem;
}

#kalender .ui-datepicker-next {
	right: 1rem;
}

#kalender .ui-state-active {
	background:rgb(212, 243, 244) !important;
	display: block;
	box-sizing: border-box;
}

.ui-datepicker-today {
	color: rgb(0,203,203);
}

#kalender .highlight a {
	background:rgb(212, 243, 244);
	border:1px solid rgb(212, 243, 244);
}

#kalender a {
	display: block;
	box-sizing: border-box;
}

#kalender td {
	padding: 0.2rem;
}

#kalender td:hover a {
	background:none;
}

.ui-datepicker-prev.ui-state-disabled {
	display: none !important;
}


.bildblock {
	margin-bottom: 8rem;
}

.container-wide.bild {
	height: 45rem;
}

.acf-map {
	width: 100%;
	height: 45rem;
	margin-bottom: 3rem;
}

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

#news {
	padding: 6rem 0;
}

.news.title {
	margin-bottom: 1rem !important;
}

.news .grid-3-col {
	margin: 0 -1.5rem;
}

.news .block {
	padding: 0 2rem 1rem !important;
}

.news .block .readmore {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	margin-left: -0.3rem;
	border-bottom: 1px solid;
}

.news .block:hover .readmore {
	background: black;
	color: #b09cc1 !important;
}

.clear {
  clear: both;
}

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

.visuallyhidden {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.transparent {
	opacity: 0;
}

.capitalize {
	text-transform: capitalize;
}

.pointer {
	cursor: pointer;
}

.caption {
	position: absolute;
}

.caption p {
	margin-bottom: 0 !important;
}

.uppercase {
	text-transform: uppercase;
}

.sticky {
  position: fixed;
  top: 0 !important;
	width: calc(100% - 20rem);
	left: 10rem;
}

.sidebar .sticky {
	width: calc(100rem * 0.33);
	left: auto;
}

.sidebar .scrollup {
	position: absolute;
	top: 0;
}

.vinjett {
	display: inline-block;
	box-sizing: border-box;
	padding: 0.8rem 1rem;
}

.vinjett.active {
	opacity: 1 !important;
}

.vinjett h4 {
  font-family: "Brezel Bold";
  font-size: 1.6rem;
  line-height: 1.375em;
	margin-bottom: 0;
}

.center {
	text-align: center;
}

.aligncenter {
	margin: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float:right;
}

.pos-rel {
	position: relative;
}

.pos-abs {
	position: absolute;
}

.pos-abs.vert-middle {
	position: absolute;
	top:50%;
	transform: translateY(-50%);
}

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

.pos-abs.vert-middle {
	top: 50%;
	transform: translateY(-50%);
}

.pos-abs.left {
	left: 10rem;
}

.pos-abs.middle {
	left: 50%;
	transform: translateX(-50%);
}

.pos-abs.middle h1,
.pos-abs.middle h2 {
  text-align: center;
}

.pos-abs.right {
	right: 10rem;
}

.pos-abs.top {
	top: 10rem;
}

.pos-abs.bottom {
	bottom: 10rem;
}

.abs-btm-left {
	position: absolute;
	left: 5rem;
	bottom: 5rem;
}

.abs-btm-right {
	position: absolute;
	right: 5rem;
	bottom: 5rem;
}

.pointer {
	cursor: pointer;
}

.nowrap {
  white-space: nowrap;
}

.nowrap svg {
  width: 12px;
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: black;
  border-image: none;
  border-style: solid none none;
  border-width: 1px 0 0;
  height: 0;
	margin-bottom: 2rem;
}

.filter {
	margin-bottom: 3rem;
	z-index: 100;
	height: 5rem;
	display: inline-block;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.filter h4 {
	color: gray;
	border-right: 1px solid gray;
  display: inline-block;
  margin: 1rem;
  padding-right: 2rem;
  vertical-align: middle;
}

.filter h4:hover {
	color: black;
}

.filter h4:last-child {
	border-right: medium none;
	padding-right: 0;
}

.filter h4.active {
	color: black;
}

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

.cookies a {
	color: rgb(245,110,126);
	font-family: "Brezel Medium";
}

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

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

.text-white {
	color: white;
}

.text-black {
	color: black;
}

.text-blue,
.textinfo p strong,
.news .block:hover .readmore {
	color: rgb(0,203,203);
}

.text-pink {
	color: rgb(245,110,126);
}

.text-purple {
	color: #b09cc1;
}

.bg-black {
	background:black;
}

.bg-white {
	background: white;
}

.bg-blue {
	background: rgb(0,203,203);
}

.bg-lightblue {
	background: rgb(212, 243, 244);
}

.bg-gray {
	background: #ebecec;
}

.bg-dark-gray {
	background: #cfcfcf!important;
}

.bg-purple {
	background: #b09cc1;
}

.bg-pink {
	background: rgb(247,166,176);
}

.triangle.left {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 50px 0;
	border-color: transparent rgb(0, 203, 203) transparent transparent;
	position: absolute;
	left: -5rem;
}

.triangle.right {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 50px 50px;
	border-color: transparent transparent transparent rgb(0, 203, 203);
	position: absolute;
	right: -5rem;
}

.circle {
	padding: 2rem;
	border-radius: 50%;
	width: 20rem;
	height: 20rem;
	box-sizing: border-box;
}

.circle .content {
	width: 100%;
}

.circle .content h3 {
	margin-bottom: 0.5rem;
}

.circle .content p {
	margin-bottom: 0;
	font-size: 1.8rem;
}

form input, form select, form textarea {
  border: 1px solid black;
  font-family: "Brezel Light";
  padding: 0.5rem 0.9rem;
  width: 100%;
	margin: 0.5rem 0;
	box-sizing: border-box;
	font-size: inherit;
	-webkit-appearance: none!important;
	border-radius: 0;
	font-size: 1.6rem;
  line-height: 1.375em;
}

form option {
	padding: 0.3rem;
}

form input[type="submit"] {
  background: black;
  border: medium none;
  color: white;
  padding: 1.2rem 3.2rem;
  text-transform: uppercase;
	width: auto;
	border:1px solid black;
	cursor: pointer;
	-webkit-appearance: none!important;
}

form input[type="submit"]:hover{
	color:black;
	background: white;
}

form input[type="checkbox"] {
	font-size: .75em;
	line-height: 1;
	cursor: pointer;
	margin-top:0;
}

form input[type="checkbox"]:after {
	content: "X";
	color: #fff;
	text-align: center;
}

form input[type="checkbox"]:checked:after {
	color: #000;
}

form label {
	font-size: 1.6rem;
  line-height: 1.375em;
	width: 50%;
}

input:focus::-webkit-input-placeholder {
  color: rgba(0,0,0,0.5);
}

input:focus:-moz-placeholder {
  color: rgba(0,0,0,0.5);
}

input:focus::-moz-placeholder {
  color: rgba(0,0,0,0.5);
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
  color: #999;
}
input:focus:-ms-input-placeholder {
  color: red;
}

h1 {
	font-family: "Brezel Bold";
	font-size: 12.5rem;
	line-height: 0.8em;
	letter-spacing: -2px;
}

h2 {
	font-family: "Brezel Bold";
	font-size: 4.6rem;
	line-height: 1.05em;
	margin-bottom: 2rem;
}

h3,
p.ingress{
	font-family: "Brezel Medium";
	font-size: 2rem;
	line-height: 1.25em;
}

h2 .light,
h3.light,
h3 .light,
h4.light{
	font-family: "Brezel Light";
}

h3.light:first-letter {
    text-transform: uppercase;
}

h4 {
	font-family: "Brezel Medium";
	font-size: 1.7rem;
	line-height: 1.375em;
}

p,
.container ul,
.text section,
section,
form.form input,
.menu-footer ul li a,
form.form textarea {
	font-family: "Brezel Light";
	font-size: 1.8rem;
	line-height: 1.33em;
}

p strong,
section strong {
	font-family: "Brezel Bold";
}

p em {
	font-family: "Brezel Light Italic";
}

a {
	text-decoration: none;
	color:inherit;
	cursor: pointer;
}

.container ul {
	margin-bottom: 1.5rem;
  margin-left: 2rem;
}

.container ul li {
	margin-bottom: 0.2rem;
}

.container ul li:before {
  content: "•";
  margin-left: -2rem;
  margin-right: 1rem;
}

header {
  position:fixed;
	background: white;
	height: 5rem;
	left:0;
	right:0;
  z-index: 200;
}

.site-title {
	float: left;
	height: 100%;
	margin-left: 1rem;
}

.header-logga {
	width: 8rem;
	margin-top: -0.2rem;
	transition: all 0.1s ease-in-out;
}

.site-title #Layer_1 {
	width: 8rem;
	transition: all 0.2s ease-in-out;
}

.site-title #Layer_1:hover {
	fill: #999999;
}

.fri-entre {
  position: absolute;
  top: -15px;
	left: -110px;
	width: 95px;
  height: 95px;
}

.oppettider,
.oppettider-2 {
  height: 100%;
  position: absolute;
  right: 15rem;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}

.oppettider svg {
	width: 12px;
}

.oppettider a {
	overflow: hidden;
	text-align: right;
}

.oppettider a, .oppettider a h4 {
	height: 100%;
	display: block;
	transition: all 0.2s ease-in-out;
	line-height: 3;
}

.oppettider:hover .first {
	margin-top: -5rem;
}

.page-template-page-start .oppettider {
	display: flex !important;
}

.toggle {
	position: absolute;
	right: 1rem;
	width: 8.5rem;
	height: 100%;
}

.togglebars {
  width: 28px;
  height: 30px;
  margin: 10px auto;
	transition: all 0.1s ease-in-out;
}

.togglebars div {
  width: 100%;
  height: 4px;
  background: black;
  margin: 4px auto;
  transition: all 0.1s ease-in-out;
  backface-visibility: hidden;
}

nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2000;
}

nav .close {
	position: absolute;
	right: 2rem;
	top: 1.4rem;
	width: 2.5rem;
	z-index: 1;
}

nav .close img {
	width: 100%;
	height: auto;
}

nav .logga img {
	width: 30rem;
	height: 8rem;
}

.menu-header{
	display: none;
	box-sizing: border-box;
	position: absolute;
	width: 50%;
	right: 0;
	top: calc(50% - 5rem);
	transform: translateY(-50%);
}

.menu-header ul li a,
.searchfield {
	font-family: "Brezel Bold";
	font-size: 6.5rem;
	line-height: 1.12em;
}

.menu-primary ul li a:hover {
	color: rgba(255,255,255,0.8);
}


.menu-primary {
	margin-bottom: 3rem;
}

.menu-secondary ul li a {
	color: black;
	font-size: 3rem;
	line-height: 1.33em;
	font-family: "Brezel Medium";
}

.menu-secondary ul li a:hover {
	color: rgba(255,255,255,0.8);
}

.searchform {
	max-width: 45%;
}

.searchfield {
	background: none;
	border: none;
	cursor: pointer;
	height: auto;
	margin: 3px 0;
	padding: 0 0 0 5rem;
	position: relative;
	color: rgba(255,255,255,0.8);
}

.searchform:before {
	content: "";
	font-family: "FontAwesome";
	position: absolute;
	left: 1px;
	color: rgba(255,255,255,0.8);
	font-size: 4rem;
	transform: translateY(-50%);
	top: calc(50% - 3px);
}

.searchfield:focus {
	cursor: text;
}

.searchfield:focus::-webkit-input-placeholder {
	color:transparent; opacity:0;
}

.searchfield:focus:-moz-placeholder {
	color:transparent;
} /* FF 4-18 */

.searchfield:focus::-moz-placeholder {
	color:transparent;
} /* FF 19+ */

.searchfield:focus:-ms-input-placeholder {
	color:transparent;
} /* IE 10+ */

.searchfield:after {
	content: "\f087";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 400px;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -200px;
	z-index: 1;
}

.searchfield:focus:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: black;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
    opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
    opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
    opacity: 1;
}

section.start {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.underrubrik {
	margin-top: -1rem;
	margin-bottom: 2rem;
}

.caption, .cookies p {
	bottom: -2.5rem;
	right: 0;
	font-size: 1.5rem;
  line-height: 1.375em;
}

.text-1-col {
	max-width: 75rem;
}

.text-2-col {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	column-gap: 4rem;
	margin-bottom: 4rem;

}

.text-3-col {
	column-count: 3;
	column-gap: 2rem;
	margin-bottom: 4rem;
}

.text-2-col section,
.text-3-col section {
	display: inline-block;
	width: 100%;
}

.text-3-col p {
	display: inline-block;
}

.text-3-col.visible,
.text-3-col.hidden,
.text.visible {
	margin-bottom: 4rem;
}

.text-2-col.visible {
	width: 75%;
	columns: 1;
}

.text-2-col.ingress p,
.ongoing p{
	font-family: "Brezel Medium";
	font-size: 2.8rem;
	line-height: 1.15em;
}

.text h3 {
	margin-bottom: 0.2rem;
}

.text p {
	margin-bottom: 1.5rem;
}

.text p strong {
	font-family: "Brezel Medium";
}

.text-3-col a,
.text-2-col a,
.container p a,
article .sidebar a,
.single-arkdes_utstallning #content p a {
	color: rgb(245,110,126);
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	margin-left: -0.2rem;
	border-bottom: 1px solid rgb(245,110,126);
}

.text-3-col a svg,
.text-2-col a svg,
.container p a svg,
article .sidebar a svg,
.single-arkdes_utstallning #content p a svg {
	width: 12px;
}

.text-3-col a:hover,
.text-2-col a:hover,
.container p a:hover,
.news .block:hover .text-pink,
article .sidebar a:hover,
.single-arkdes_utstallning #content p a:hover {
	color: white;
	background: rgb(245,110,126);
}


dt {
	display: block;
	float: left;
	clear: left;
	font-family: 'Brezel Bold';
	min-width: 10rem;
}
dd {
	display: inline-block;
}

/* Standard singel (utfälld more-text) */
.page-template-default .text.hidden {
	display: block!important;
}

.page-template-default .expand {
	display: none;
}

#personal {
	padding-top: 5rem;
}

#personal .grid-2-col h2,
#personal .grid-2-col .content,
#personal .grid-3-col h2,
#personal .grid-3-col .content {
	width: 100%;
	margin-left: 1rem;
	margin-bottom: 2rem;
}

#personal .flex {
	display: flex;
}

#personal .block:hover .img-block {
	opacity: 1;
}

.page-template-page-parent .top-image h1 {
	text-align: center;
	width: 100%;
	padding: 0 5rem;
	box-sizing: border-box;
}

#bg-video,
.bgvideo {
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: transparent;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
}


.videobg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #111;

}

/* horizontally center the video */
.videobg-width {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -9999px;
  right: -9999px;
  margin: auto;
  max-width:none!important;
}

/* set video aspect ratio and vertically center */
.videobg-aspect {
	position: absolute;
	width: 100%;
	height: 0;
	top: -9999px;
	bottom: -9999px;
	margin: auto;
	padding-bottom: 56.25%; /* 16:9 ratio */
	overflow: hidden;
	max-width:none!important;
}

.videobg-make-height {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

.videobg-hide-controls {
	box-sizing: content-box;
	position: relative;
	height: 100%;
	width: 100%;
	/* Vimeo timeline and play button are ~55px high */
	padding: 55px 97.7777px; /* 16:9 ratio */
	top: -55px;
	left: -97.7777px; /* 16:9 ratio */
}

.videobg iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 0 none;
}

.page-template-page-start .top-image {
	height: calc(100vh - 5rem);
	overflow: hidden;
}

.page-template-page-start .top-image a.fullscreen {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right: 0;
	z-index: 1;
	transform: none;
}

.page-template-page-start .top-image a {
	position: absolute;
	bottom:1rem;
	left: 50%;
	z-index: 2;
	padding: 1rem;
	transform: translateX(-50%);
}

.page-template-page-start .top-image h1 {
	font-size: 8.2rem;
	line-height: 1.01em;
	margin-bottom: 1rem;
}

.page-template-page-start .top-image h2 {
	font-family: "Brezel Light";
	font-size: 3.5rem;
	line-height: 1.2em;
	margin-bottom: 0;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.top-image .bg-black {
	padding: 2rem 3rem;
}

.page-template-page-kalender .calendar {
	padding-top: 3rem;
}

.page-template-page-kalender .calendar .calfilter h2,
.page-template-page-kalender .calendar .calfilter {
	margin-bottom: 4rem;
}

.page-template-page-kalender .calendar .hidden-row {
	display: flex;
}

.page-template-page-kalender .calendar .expand {
	display: none;
}

.single-arkdes_utstallning h1{
	font-size: 6.5rem;
	line-height: 1em;
	margin-bottom: 0.7rem;
}

.single-arkdes_utstallning h2 {
	font-size: 2.5rem;
	line-height: 1.1em;
	margin-bottom: 0.2rem;
}

.single-arkdes_utstallning .videocontainer {
	height: 0;
  left: 0;
  margin-top: -28.1%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: absolute;
  right: 0;
  top: 50%;
}

.top-image .video {
	overflow: hidden;
}

.content ul {
	margin-left:  1.7rem;
}

.content ul li:before {
	float: left;
  font-family: "FontAwesome";
  font-size: 14px;
  margin-left: -1.7rem;
	content: "•";
}

.single-arkdes_utstallning article {
	width: 90rem;
	margin: 0 auto 6rem;
}

.single-arkdes_utstallning article iframe,
.single-arkdes_utstallning .content iframe{
	width: 100%!important;
}

.single-arkdes_utstallning article blockquote p {
	font-family: "Brezel Medium";
	font-size: 4rem;
	margin: 0 -2rem 2rem;
	line-height: 1.1em;
	text-indent: -0.4125em;
	display: block;
	text-align: center;
}

.single-arkdes_utstallning article .title,
.single-arkdes_utstallning article .sidebar .text {
	margin-bottom: 3rem;
}

.single-arkdes_utstallning article .content {
	width: 66.66%;
}

.single-arkdes_utstallning article .ingress {
	width: 90%;
}

.single-arkdes_utstallning article .sidebar {
	width: 33.33%;
	box-sizing: border-box;
	padding-left: 4rem;
}

.single-arkdes_utstallning article .citat {
	margin-right: -6rem;
}

.single-arkdes_utstallning article .citat h2 {
	font-size: 3rem;
	line-height: 1.3em;
}

.content p,
.sidebar p,
.content ul{
	margin-bottom: 1.5rem;
}

#bilder {
	margin-bottom: 4rem;
}

#bilder .flex {
	justify-content: center;
	align-items: center;
}

#bilder .block {
	align-items: center;
	justify-content: center;
	width: 100%;
}

#bilder .grid-1-col .block {
	width: 100%;
}

#bilder .grid-1-col .block .caption {
	width: 90rem;
	margin: 0 auto 3rem;
}

#bilder .block img {
	margin-bottom: 0.5rem;
}

#bilder .block .caption {
	position: relative;
	bottom: auto;
	right: auto;
}

#bilder .expand {
	margin-bottom: 4rem;
}

#bilder .container-wide {
	margin-bottom: 2rem;
}

.single-arkdes_kalender .calendar {
	margin: 4rem auto;
	padding: 0 2rem;
}

.single-arkdes_kalender .calendar h2 {
	margin-bottom: 2rem!important;
}

.single-arkdes_kalender .calendar .maincol {
	margin: auto;
}

.page-template-forms #content {
	min-height: calc(100vh - 42rem)
}

.ongoing h3 {
	font-size: 3rem;
}

.ongoing h2 {
	font-size: 7rem;
	line-height: 1.01em;
	margin-bottom: 0.5rem;
}

.ongoing .text {
	box-sizing: border-box;
}

.ongoing .text .readmore:hover {
	color: black;
	background: #ebecec;
}

.ongoing p.readmore,
.klickbar-karta p.readmore {
	font-family: "Brezel Light";
	font-size: 2rem;
	display: inline-block;
	padding: 1rem 1.2rem;
	margin-left: 0.1rem;
	color: #ebecec;
	background:black;
	border: 1px solid black;
}

.page-template-page-utstallningar article,
.page-template-page-utstallningar_1 article {
	margin-bottom: 3rem;
}

.page-template-page-utstallningar article .title {
	width: 65%;
	padding-right: 2rem;
}

.page-template-page-utstallningar article .content {
	width: 35%;
}

.page-template-page-utstallningar .ongoing .img-block {
	width: 60%;
}

.page-template-page-utstallningar .ongoing .text {
	padding: 3rem 6rem;
	position: relative;
}

.show.past .grid-3-col {
	margin-bottom: 3rem;
}

.page-template-page-play h1 {
	margin: 2rem auto 4rem;
}

.page-template-page-play .grid-3-col {
	margin-bottom: 4rem;
}

.page-template-page-play .block {
	margin-bottom: 2rem;
}

.page-template-page-play .block .embed-container {
	margin-bottom: 0.3rem;
}

.play-btn {
	position: absolute;
	left: 1.5rem;
	bottom: 1.5rem;
  background: black;
  border-radius: 50%;
  display: inline-block;
  height: 5rem;
  width: 5rem;
}

.play-btn .fa {
	color: white;
	font-size: 2.7rem;
}

.play-btn .fa-pause {
	font-size: 2.5rem;
}

.play-btn .fa-play {
	margin-left: 0.3rem;
}

/* progressbar */
.progressbar {
	border:1px solid #aaa;
	color:#fff;
	width:100%;
	height:0.5rem;
}
.progress {
	background-color: black;
	height:0.5rem;
	display:inline-block;
}

.single-arkdes_play .top-image .caption {
	right: 0;
}

.single-arkdes_play .text {
	margin-bottom: 3rem;
}

.single-arkdes_play .title {
	margin-bottom: 1rem;
}

.audio .block {
	margin-bottom: 2rem;
	background: #ebecec;
	padding: 1rem;
	width: 100%;
	display: inline-block;
}

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

.audio .block a, .audio .block a:hover {
	border: none;
	background:none;
}

.audio .text-blue .play-btn,
.audio .block:hover .play-btn,
.archive .audio .play-btn{
	opacity: 1;
}

.wp-audio-shortcode {
	top: 0;
}

.wp-audio-shortcode .mejs-controls {
  top: 0;
}

.archive .block .text {
	padding: 1.5rem;
}

.archive .block .text .hidden {
	padding-top: 1rem;
}

.archive .block .ingress {
	padding-right: 2rem;
}

.archive .expand {
	position: absolute;
	font-size: 3rem;
	right: 0;
	top: 0;
	width: auto;
}

.search #content {
	padding-top: 8rem;
}

.search h1 {
	margin-bottom: 8rem;
}

.search .form,
.search .searchfilter {
	margin-bottom: 4rem;
}

.search .form p {
	margin-left: 0.9rem;
}

.search h3 {
	font-size: 2.5rem;
  line-height: 1.1em;
	margin-bottom: 0.5rem;
}

.searchfilter .vinjett,
.calfilter .vinjett {
	opacity: 0.5;
	margin: 0.5rem;
}

.vinjett:hover {
	background: rgba(144,224,227,1);
}

.search .searchform {
	position: relative;
}

.searchform::before {
	color: black;
}

#newsearch {
	margin-bottom: 0.3rem;
}

#newsearch input {
	box-sizing: border-box;
	font-size: 2.5rem;
    line-height: 1.1em;
}

#newsearch input[type=search] {
	font-family: "Brezel Bold";
	padding: 0.5rem 0.9rem;
	width: 88%;
	border: 1px solid black;
	-webkit-appearance: none!important;
}

#newsearch input[type=submit] {
	font-family: "Brezel";
	background: black;
	color: white;
	padding: 0.5rem 1rem;
	font-size: 2rem;
	width: calc(12% - 1.5rem);
	margin-left: 1.5rem;
	background: black;
	border: none;
	text-transform: uppercase;
	-webkit-appearance: none!important;
}

#newsearch input[type=submit]:hover {
	opacity: 0.7;
}

.search .calendar p {
	font-size: 2rem;
  line-height: 1.25em;
}

.search .calendar a {
	color: black;
	box-sizing: border-box;
}

/* Endast signup pepparkakshustävling */
body.page-template-page-cookiehouse-signup,
.popup {
	background-color: #916335;
	color: white !important;
	font-family: "Brezel Light";
	font-size: 2.5rem;
	line-height: 1.3em;
}
.page-template-page-cookiehouse-signup  .container {
	max-width: 64rem;
}
.page-template-page-cookiehouse-signup h1,
.post-type-archive-cookiehouse .title h1 {
	font-family: "Brezel Bold";
	font-size: 6.5rem;
	line-height: 1.05em;
	margin: 4rem 0;
}
.page-template-page-cookiehouse-signup h2,
.popup h2 {
	font-family: "Brezel Bold";
	font-size: 3.6rem;
	margin: 5rem 0 1rem;
}
.page-template-page-cookiehouse-signup h3 {
	font-family: "Brezel Bold";
	font-size: 2.5rem;
	line-height: 1.3em;
	margin: 5rem 0 1rem;
}
.page-template-page-cookiehouse-signup label,
.page-template-page-cookiehouse-signup p,
.popup label,
.popup p {
	color: #fff;
	font-size: inherit;
	line-height: inherit;
}

.page-template-page-cookiehouse-signup p a {
	color: #fff;
	border-bottom: 1px solid white;
}

.popup label {
  font-size: 2rem;
}

.page-template-page-cookiehouse-signup form input,
.page-template-page-cookiehouse-signup form select,
.page-template-page-cookiehouse-signup form textarea,
.popup input {
  border: 1px dashed white;
  /* padding: 0.7rem 0.9rem; */
  padding: 1.2rem;
  width: 100%;
  margin: .5rem 0;
  box-sizing: border-box;
  color: #fff;
  -webkit-appearance: none !important;
  appearance: none !important;
  border-radius: 0;
  background-color: transparent;
}

.popup input:focus {
	outline: 3px solid white;
}

.popup input:focus:not(:focus-visible) {
	outline: 0;
}

.page-template-page-cookiehouse-signup form input::placeholder,
.popup input::placeholder {
  color: rgba(255, 255, 255, .5);
}
.page-template-page-cookiehouse-signup form input:focus::placeholder,
.popup input:focus::placeholder {
	color: rgba(255, 255, 255, .5);
}

.page-template-page-cookiehouse-signup input[type=radio],
.page-template-page-cookiehouse-signup input[type=checkbox] {
	width: 2rem;
	height: 2rem;
	position: absolute;
	left: 0;
	-webkit-appearance: checkbox !important;
}
.page-template-page-cookiehouse-signup input[type=radio]:checked::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 2rem;
	background-color: white;
	transform: rotate(45deg);
}
.page-template-page-cookiehouse-signup input[type="checkbox"]:after {
    content: none;
}

.page-template-page-cookiehouse-signup label {
	display: block;
	padding-left: 3rem;
	width: auto;
}
.page-template-page-cookiehouse-signup hr {
	border-color: white;
	margin: 5rem 0;
}
.page-template-page-cookiehouse-signup input[type=submit],
.popup input[type=submit] {
	font-family: "Brezel Bold";
	border: 2px solid white;
  /* margin: 6rem 0 7rem; */
  margin: 2rem 0;
	background-color: #916335;
	width: 100%;
}
.page-template-page-cookiehouse-signup input[type=submit]:hover,
.popup input[type=submit]:hover {
	color: #916335;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="number"] {
    -moz-appearance: textfield !important; /* Firefox */
}

.page-template-page-cookiehouse-signup .close,
.popup .close {
  padding: 5px;
  margin: 0;
	width: 4rem;
	position: fixed;
	top: 3rem;
	right: 3rem;
  cursor: pointer;
}

.page-template-page-cookiehouse-signup .close svg,
.popup .close svg {
  display: block;
  max-width: 100%;
  padding: 5px;
  height: auto;
}

/* AR / 3D pepparkakshus */
.popup-modal {
	/*display: none;
	height: 0; */
	visibility: hidden;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: white;
	padding: 5rem;
	transition: opacity .2s ease-in-out .2s;
	opacity: 0;
}

.popup-modal-inner {
	margin: auto;
	position: relative;
	width: 80rem;
}

.popup-modal__close {
	font-family: "Brezel";
	font-size: 1.5rem;
	position: absolute;
	padding: 1.5rem;
	top: 10rem;
	right: 2rem;
	z-index: 2;
	border-radius: 2rem;
}

.popup-modal.is--visible {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	/*display: block;
	height: 100vh; */
}

#threeDViewer,
.model-viewer-wrapper {
	height: calc(100vh - 15rem)!important;
}

.cookiehouse-grid .block:hover .img-block {
	opacity: 1;
}

/* Single pepparkakshus */
/*.model-viewer-wrapper {
	position: relative;
	padding-top: 100%;
	margin: 0;
}*/

model-viewer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	height: calc(100% - 8px)
}

/* Grid - pepparkakshus */
.cookiehouse-grid .block h2 {
	margin-bottom: 1rem;
}

.post-type-archive-cookiehouse .title h1 {
    margin-bottom: 0;
}
.post-type-archive-cookiehouse .title p {
	font-size: 2.5rem;
	margin: 1rem 0 2rem;
}

.post-type-archive-cookiehouse .title .nav {
	margin: 1rem 0 5rem;
}
.post-type-archive-cookiehouse .filter h4 {
	margin: 0.5rem;
	padding-right: 1rem;
}
.post-type-archive-cookiehouse .title a {
	font-size: 2rem;
	font-family: "Brezel Bold";
}

.vote .grid-3-col .block {
	position: relative;
	transition: all 0.2s ease-out;
}
.vote .block.active {
    width: 66.66%;
	cursor: default;
}

.vote-button {
	background: transparent;
	border: 0;
	padding: 0;
	position: absolute;
	right: 2rem;
	bottom: 2rem;
	width: 11rem;
	height: 11rem;
	transform: scale(0);
	transition: transform 0.3s ease-out 0.1s;
}

.button-rollover {
	position: absolute;
	top: 0;
	opacity: 0;
	transition: all 0.2s ease-out;
}

.button-rollover:hover {
	opacity: 1;
}

.vote-form-message {
  display: none;
  margin-bottom: 1em;
  padding: .5em;
  background: #fff;
}

.vote-form-message p {
  color: #916335;
  margin: 0 !important;
}

.vote-form-message.is-error,
.vote-form-message.is-success {
  display: block;
}

.vote-form-message.is-error {
  outline: 3px rgb(245, 110, 126);
}

.vote-form-message.is-success {
  outline: 3px rgb(0, 203, 203);
}

.vote-code-button {
	background: transparent;
	font-family: "Brezel Bold";
	border: 0;
	text-decoration: underline;
	margin: 0;
	padding: 1em;
	width: 100%;
	font-size: 1.8rem;
	line-height: 1.33em;
	color: #fff;
	cursor: pointer;
}

.vote-code-button:hover {
	opacity: .7;
}

.img-block:hover .vote-button  {
	transition: transform 0.3s ease-out 0;
	transform: scale(1);
}

.ar-button,
.threeD-button {
	position: absolute;
	left: 2rem;
	top: 2rem;
	width: 8rem;
	height: 8rem;
}

.threeD-button {
	transition: transform 0.3s ease-out;
	transform: scale(0);
}

.img-block:hover .threeD-button {
	transform: scale(1);
}

.threeD-icon {
	position: absolute;
	left: 2rem;
	top: 2rem;
	width: 6rem;
	height: 6rem;
}

.vote  .active .vote-button {
	display: block;
}

.vote .active .text,
.single-cookiehouse .text {
	margin-top: -12rem;
	max-width: 50rem;
}

.popup {
	position: fixed;
	width: 70rem;
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 6rem 8rem 5rem;
	z-index: 2000;
}

.popup.is-loading {
    filter: brightness(80%);
    transform: translate(-50%, -50%);
    cursor: wait;
}

.popup.is-loading > * {
    pointer-events: none;
}

.popup h2 {
	font-size: 5.5rem;
	margin: 0 0 2rem;
}
.popup p:not(:empty) {
	margin: 0 0 5rem;
}

.single-cookiehouse .wp-post-image {
    width: 100%;
    height: auto;
}
.single-cookiehouse .vote-button {
	display: block;
}

.single-cookiehouse .social a,
.post-type-archive-cookiehouse .social .share-link {
	margin: 1rem 0.5rem 0 0;
	color: white;
}

/* Interaktiv karta */
.page-template-page-karta main .container {
	width: 130rem;
	height: calc(100vh - 5rem);
	text-align: center;
	padding: 3rem 0;
}

.klickbar-karta svg {
	height: 100%;
	width: auto;
	max-width: 100%;
	margin: auto;
}

.klickbar-karta .info {
	text-align: left;
	position: absolute;
	top: 50%;
	right: 0;
	width: 25%;
	transform: translate(0,-50%);
	transition: all 0.2s ease-out;
}

.klickbar-karta .info .content {
	display: block;
	padding: 2rem;
}

.klickbar-karta .info .content.hidden {
	display: none;
}

.klickbar-karta .info .content.active {

}

.klickbar-karta .info h3 {
	margin-bottom: 0.5rem;
}

.klickbar-karta p.readmore:hover{
	color: black;
	background: none;
}

.klickbar-karta p.readmore{
	font-size: 1.5rem;
	padding: 0.6rem 0.8rem;
	margin-top: 1.5rem;
}

.klickbar-karta svg text {
	pointer-events: none;
}

footer {
	min-height: 20rem;
	padding: 6rem 0;
	box-sizing: border-box;
}

footer .container {
	margin-bottom: 3rem;
}

footer .logga {
	width: 20rem;
	margin-bottom: 3rem;
}

.menu-footer {
}

.menu-footer ul li {
	display: inline-block;
	margin: 0 1rem;
}

.menu-footer ul li a {
	font-family: "Brezel Bold";
}

.newsletter {
	padding: 2rem;
}
.newsletter.hidden {
	display: none !important;
}

.newsletter input {
	background: none;
	border: 1px solid #b09cc1;
	font-family: "Brezel Light";
	font-size: 1.6rem;
	line-height: 1.375em;
	padding: 0.5rem 1rem;
	box-sizing: border-box;
	color: rgb(176,156,193);
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
  color: #999;
}
input:focus:-ms-input-placeholder {
  color: red;
}


.newsletter label {
	font-family: "Brezel Light";
	margin-right: 1rem;
	width: auto;
}

.newsletter input[type=email]{
	width: 25rem;
	margin-right: 1.5rem;
}

.newsletter input[type=submit]{
	text-transform: uppercase;
	background: #b09cc1;
	color: black;
	border: none;
	border: 1px solid #b09cc1;
	padding: 0.5rem 2rem;
}

.newsletter input[type=submit]:hover{
	background: black;
	color: #b09cc1;
}

footer .social a {
	margin: 0 0.5rem;
	color: #b09cc1 !important;
	display: inline-block;
}

footer .social a:hover {
	color: black;
}

.social .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	font-size: 2.3rem;
}

.social .border {
	display: inline-block;
	background: black;
	border-radius: 50%;
	width: 4rem;
	height: 4rem;
	position: relative;
	border: 1px solid black;
}

footer .social a:hover .border {
	background: #b09cc1;
}

#lediga-tjanster .text-2-col {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

/* 6.0 Responsivitet */

@media only screen and (min-width : 960px) {
  .top-image .video {
  	height: 50vh;
  }
}

@media only screen and (min-width : 2000px) {
	.top-image .video {
		height: 80vh;
	}
}

@media only screen and (max-width : 1340px) {

	/* Struktur */
	.container-wide,
	.page-template-page-karta main .container {
		width: auto;
		margin: 0 2rem 3rem;
	}

	.page-template-page-karta main .container {
		height: auto;
	}

	.page-template-page-start .top-image .pos-abs.top {
		top: 5rem;
	}

	.page-template-page-start .top-image .pos-abs.bottom {
		bottom: 5rem;
	}

	.page-template-page-start .top-image .pos-abs.left {
		left: 5rem;
	}

	.page-template-page-start .top-image .pos-abs.right {
		right: 5rem;
	}

	.oppettider{
		right: 12rem;
	}

	.sticky {
		top: 5rem!important;
		width: 100%;
		left: 0;
	}

	.filter {
		background: white;
	}

	.ongoing h2 {
		font-size: 5rem;
	}

}

@media only screen and (max-width : 1160px) {

	.container {
		width: auto;
		margin: 0 2rem 3rem;
	}

	h1 {
		font-size: 10rem;
	}

	.filter h4 {
		font-size: 1.5rem;
		font-family: "Brezel";
	}

	.page-template-page-start .top-image h1 {
		font-size: 6rem;
	}

	.page-template-page-start .top-image h2 {
		font-size: 3rem;
	}

	.textinfo p,
	.page-template-page-kalender .calendar .calfilter h2{
		font-size: 5.5rem;
	}

	.single-arkdes_utstallning article .citat {
		margin-right: 0;
	}

	.page-template-page-utstallningar article .title {
		width: 55%;
	}

	.page-template-page-utstallningar article .content {
		width: 45%;
	}

}

@media only screen and (max-width : 960px) {

	.container,
	.single-arkdes_kalender .calendar {
		margin: 0 2rem 3rem;
		padding: 0;
	}

	.bildblock .grid-3-col .block-1 {
		width: 100%!important;
		margin-bottom: 1rem;
	}

	#personal .grid-3-col .block-1 {
		width: 50%!important;
	}

	.grid-3-col .block{
		width: 50%;
	}

	.text-2-col {
		columns: 1;
	}

	.karta-trespaltstext .grid-3-col .block {
		width: 33.33%;
	}

	.news .block:last-child {
		display: none;
	}

	.menu-header ul li a,
	.searchfield {
		font-size: 5rem;
	}

	.menu-secondary ul li a {
		font-size: 2.3rem;
	}

	.filter{
		display: none!important;
	}

	.textinfo p,
	.page-template-page-kalender .calendar .calfilter h2{
		font-size: 3.5rem;
	}

	.text-2-col.ingress p,
	.ongoing p {
		font-size: 2.5rem;
	}

	section .caption {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 0.3rem;
	}

	.text-2-col.visible {
		width: 90%;
	}

	#bilder .block .caption,
	.top-image .caption{
		position: absolute;
		left: 2rem;
		bottom: 2rem;
		background: white;
		transition: all 0.2s ease-in-out;
		max-width: calc(100% - 6rem);
		padding: 0.3rem 0.5rem;
	}

	#bilder .block img {
		margin-bottom: 0;
	}

	.top-image .caption {
		top: auto;
		bottom:1rem;
		left: auto;
		right: 1rem;
		width: auto;
	}

	.caption p {
		font-size: 1.4rem;
	}

	.single-arkdes_utstallning article {
		width: auto;
		margin: 0 2rem;
	}

	.single-arkdes_utstallning article .citat h2 {
		font-size:2.3rem;
	}

	.calendar .maincol,
	.calendar .maincol.alignright{
		width: 100%;
		padding: 0;
	}

	.calendar .maincol .starttext,
	.calendar .maincol .moretext {
		padding-right: 4rem;
	}

	.cal-expand {
		right: 5rem;
	}

	.calendar .sidebar {
		display: none;
	}

	#bilder .masonry-container .block {
		width: 100%!important;
	}

	.page-template-page-utstallningar article .title,
	.page-template-page-utstallningar article .content,
	.page-template-page-utstallningar_1 .text,
	#bilder .grid-1-col .block .caption {
		width: 100%;
	}

	#newsearch input[type=search] {
		width: 70%;
	}

	#newsearch input[type=submit]{
		width: calc(30% - 1.5rem);
	}

	.audio.grid-3-col .block {
		width: calc(50% - 3rem);
	}

	.audio .block-1,
	.audio .block-2,
	.audio .block-5,
	.audio .block-6 {
		background: #ebecec;
	}

	.audio .block-3,
	.audio .block-4 {
		background: none;
	}

}

@media only screen and (max-width : 750px) {

	header .oppettider,
	.page-template-page-start .oppettider,
	.toggle h4,
	.small-hide,
	nav .logga,
	.date.transparent {
		display: none!important;
	}

	.small-show,
	.news .block:last-child,
	.cookies p strong,
	.calendar .rad-0 hr {
		display: block;
	}

	html {
		font-size: 9px;
	}

	.grid-3-col .block,
	.grid-2-col .block,
	.karta-trespaltstext .grid-3-col .block {
		width: 100%!important;
		margin-bottom: 0;
		padding: 0 1rem;
	}

	.text-2-col section, .text-3-col section {
		display: inline-block;
	}

	.text-3-col.visible, .text-3-col.hidden, .text.visible,
	.text-2-col {
		margin-bottom: 0;
	}

	.bildblock .grid-3-col .block,
	.bildblock .grid-2-col .block,
	.play .grid-3-col .block{
		margin-bottom: 2rem!important;
	}

	.text-3-col {
		columns: 1;
	}

	.abs-btm-left {
		left: 2rem;
		bottom: 2rem;
	}

	.abs-btm-right {
		right: 2rem;
		bottom: 2rem;
	}

	h1,
	.page-template-page-start .top-image h1 ,
	.single-arkdes_utstallning h1{
		font-size: 4rem;
	}

	h2,
	.page-template-page-start .top-image h2{
		margin-bottom: 1rem;
	}

	h2,
	.ongoing h2{
		font-size: 3rem;
		line-height: 1.1em;
		margin-bottom: 1rem;
	}

	form input.alignright {
		float: none;
	}

	form label.alignleft {
		width: auto;
	}

	.news .block {
		margin-bottom: 2rem;
	}

	.site-title {
		margin-left: 1.8rem;
	}
	nav img {
		width: 50%;
	}

	.menu-header {
		width:100%;
		padding: 2.5rem 3rem;
		top: auto;
		transform: none;
	}

	.oppettider {
		right: 7rem;
	}

	nav .close {
		right: 2rem;
	}

	.toggle {
		width: 28px;
		right: 2rem;
	}

	.menu-primary {
		margin-bottom: 2rem;
	}

	.menu-header ul li a,
	.searchfield,
	.searchform:before {
		font-size: 3.8rem;
	}

	.menu-secondary ul li a {
		font-size: 2.3rem;
	}

	.searchform {
		max-width: 100%;
	}

	.cookies {
		padding: 3rem 6rem 3rem 3rem;
	}

	.cookies .btn {
		right: 3rem;
	}

	.page-template-page-start .top-image .embed-container {
		display: none;
	}

	.page-template-page-start .top-image .pos-abs.top {
		top: 3rem;
	}

	.page-template-page-start .top-image .pos-abs.bottom {
		bottom: 3rem;
	}

	.page-template-page-start .top-image .pos-abs.left {
		left: 3rem;
	}

	.page-template-page-start .top-image .pos-abs.right {
		right: 3rem;
	}

	.page-template-page-start .top-image .bg-black {
		width: calc(100% - 4rem)!important;
		left: 2rem;
		right: auto;
	}

	.page-template-page-start .top-image .pos-abs.middle {
		top: 50%;
		transform: translateY(-50%);
	}

	/* Singel utställning */
	.single-arkdes_utstallning h1{
		font-size: 5rem;
	}

	.single-arkdes_utstallning .center.btn {
		text-align: left;
	}

	.single-arkdes_utstallning article .ingress {
		margin-bottom: 3rem;
	}

	.single-arkdes_utstallning article .content{
		width: 100%;
		float: none!important;
		padding-left: 0;
	}

	.grid-3-col .block h2,
	.grid-2-col .block h2{
		font-size: 3rem;
	}

	#bilder{
		margin-bottom: 0;
	}

	#bilder .block {
		margin-bottom: 2rem;
	}

	#bilder .block .caption{
		position: relative;
		left: auto;
		bottom:  auto;
		padding-left: 0;
	}

	.top-image .caption{
		opacity: 0;
		padding: 0.3rem 0.5rem;
	}

	.top-image .caption {
		font-size: 1.2rem;
	}

	.caption p {
		font-size: 1.4rem;
	}

	.toggle-mobile a {
		color: rgb(245,110,126);
	}

	.toggle-mobile .btn {
		cursor: pointer;
	}

	.toggle-mobile .content {
		display: none;
		padding: 1.5rem 0 1rem 0!important;
	}

	span.small-show {
		display: inline;
	}

	.toggle-mobile .container-wide,
	article .toggle-mobile,
	#bilder .container-wide {
		margin-bottom: 1rem;
	}

	.single-arkdes_utstallning .toggle-mobile h2 {
		font-size: 2rem;
		line-height: 1.25em;
		font-family: "Brezel Medium";
	}

	.calendar hr {
		width: 100%;
		margin: 1rem 0;
	}

	.calendar .maincol .date {
		width: 100%;
		margin-bottom: 1.5rem;
		padding-bottom: 0.2rem;
		border-bottom: 1px solid;
	}

	.calendar .maincol .date h4 {
		display: inline-block;
		font-size: 3rem;
		margin-right: 0.5rem;
		margin-bottom: 0;
	}

	.calendar .maincol .text h4 {
		margin-bottom: 0.7rem;
	}

	.calendar .maincol h2 {
		font-size: 2rem;
		margin-bottom: 0.3rem;
	}

	.calendar .maincol .text {
		width: 100%;
		padding: 0 0 0.5rem 0;
	}

	.calendar .maincol .text div {
		padding-right: 3rem;
	}

	.calendar form.form input {
		font-size: 1.8rem;
		line-height: 1.33em;
	}

	.calendar .maincol .cal-expand {
		opacity: 1;
		right: 0;
	}

	.calendar .maincol .starttext {
		display: none;
	}

	.calendar .maincol .starttext,
	.calendar .maincol .moretext {
		padding-right: 0;
	}


	.calendar .text p {
		width: 95%;
	}

	.calendar .maincol .vinjett {
		float: none!important;
		margin-bottom: 1rem;
	}

	.btn h3 {
		font-size: 2.1rem;
	}

	.textinfo p {
		font-size: 3rem;
		line-height: 1.15em;
	}

	.text-2-col.visible {
		width: 100%;
		margin-bottom: 0;
	}

	.show.ongoing .text {
		padding: 2rem;
	}

	.ongoing h3 {
		font-size: 2.6rem;
		margin-bottom: 1.5rem;
	}

	.show.ongoing .content .excerpt p {
		margin-bottom: 2.5rem;
	}

	.text-2-col.ingress p,
	.ongoing p{
		font-size: 2.2rem;
		line-height: 1.25em;
	}

	.searchfilter .vinjett,
	.calfilter .vinjett{
		margin: 0 1rem 1rem 0;
	}

	.banner {
		display: flex;
		padding: 3rem;
		margin-bottom: 1.5rem;
		align-items: center;
		justify-content: center;
	}

	.banner h3 {
		color: white;
		font-size: 4rem;
	}

	.audio .block {
		margin: 0 -0.5rem;
		padding: 1rem;
		width: calc(100% + 1rem)!important;
	}

	.archive .text h3 {
		font-family: "Brezel Bold";
	}

	/* Pepparkakshus */
	.page-template-page-cookiehouse-signup .close,
	.popup .close {
		top: 2rem;
		right: 2rem;
	}

	.page-template-page-cookiehouse-signup input[type="submit"],
	.popup input[type="submit"] {
		margin: 5rem 0;
	}

	.vote-button {
		transform: scale(1);
	}

	.popup {
		padding: 5rem;
	}

	.popup h2 {
		font-size: 4.5rem;
	}

	/* Karta */
	.klickbar-karta svg {
		margin-bottom: 2rem;
	}

	.klickbar-karta .info {
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		width: auto;
	}

	.menu-footer ul li {
		display: block;
	}

	.menu-footer ul li a {
		font-size: 2rem;
		border-radius: 0;
	}

	footer {
		padding: 4rem 0;
	}

	footer .logga {
		margin-bottom: 4rem;
	}

	footer .flex {
		flex-wrap: wrap;
	}

	footer .social {
		width: 100%;
		margin-right: 0;
	}

	.social .fa-2x {
		font-size: 3em;
	}

	.social .border {
		width: 5rem;
		height: 5rem;
	}

	.newsletter label {
		display: block;
	}

	.newsletter input[type="text"] {
		width: auto;
	}

	.newsletter h3 {
		margin-bottom: 0.5rem;
	}

}

@media only screen and (max-width : 500px) {

	.page-template-page-start .top-image {
		height: calc(100vh - 10rem);
	}

	.page-template-page-start .top-image .pos-abs {
		width: 100%;
		padding: 2rem;
		left: auto!important;
		right: auto!important;
	}
	.abs-btm-left {
		bottom: 4.1rem;
	}

	.abs-btm-right {
		right: auto;
		left: 3rem;
		bottom: 1.5rem;
	}

	.top-image .caption{
		position: relative;
		bottom: auto;
		right: auto;
	}

	.newsletter input[type="text"] {
		width: auto;
	}

	.banner h3 {
		font-size: 3rem;
	}

	.menu-header ul li a, .searchfield, .searchform::before {
		font-size: 3rem;
	}

	.menu-secondary ul li a {
		font-size: 2rem;
	}

	.searchfield {
		padding-left: 3rem;
	}

	/* Pepparkakshus */
	.popup {
		top: 0;
		left: 0;
		transform: none;
		bottom: 0;
		padding: 5rem 2rem;
	}

	.page-template-page-cookiehouse-signup .close, .popup .close {
		right: 2rem;
	}

	.popup h2 {
		font-size: 3.5rem;
	}

}

@media only screen and (min-width : 1160px) and (max-height : 900px) {
	.menu-header {
		top: 50%;
	}

	.menu-header ul li a, .searchfield {
		font-size:6rem;
	}

	.menu-secondary ul li a {
		font-size: 2.7rem;
	}

	.abs-btm-left {
		left: 3rem;
		bottom: 3rem;
	}

	.abs-btm-right {
		right: 3rem;
		bottom: 3rem;
	}
}

@media only screen and (max-height : 700px) {

	.menu-header ul li a, .searchfield {
		font-size:4rem;
	}

	.menu-secondary ul li a {
		font-size: 2rem;
	}

}

@media only screen and (max-width : 750px) and (orientation: landscape) {

	html {
		font-size: 8px;
	}

	.menu-primary {
		margin-bottom: 1.5rem;
	}

	.menu-primary ul li a,
	.searchfield {
		font-size: 3rem!important;
	}

	.searchform::before {
		font-size: 3.2rem;
	}

 	.menu-secondary ul li a {
		font-size: 2rem!important;
	}

	.searchfield {
		padding: 0 0 0 3.3rem;
	}

	.abs-btm-left {
		display: none;
	}

	.acf-map,
	.container-wide.bild{
		height: 50vh;
	}
}

/* 6. Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r ***/

@media print,
  (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
}

@media print {
    * {
      background: transparent !important;
      color: #000 !important; /* Black prints faster: h5bp.com/s */
      box-shadow: none !important;
      text-shadow: none !important;
    }

    a,
    a:visited {
      text-decoration: underline;
    }

    a[href]:after {
      content: " (" attr(href) ")";
    }

    abbr[title]:after {
      content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
      content: "";
    }

    pre,
    blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
    }

    thead {
      display: table-header-group;
    }

    tr,
    img {
      page-break-inside: avoid;
    }

    img {
      max-width: 100% !important;
    }

    @page {
      margin: 0.5cm;
    }

    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }

    h2,
    h3 {
      page-break-after: avoid;
    }

}
/** END HTML5 arkdes CSS **/

/** START WP CSS **/
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
div, ul, li { position:relative }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}

#access li {
    float: left;
    position: relative;
}
#access ul ul {
    display: none;
    float: left;
    position: absolute;
    top: 3.333em;
    left: 0;
    z-index: 99999;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul li:hover > ul {
    display: block;
}
/** END arkdes starter **/

/* gravity forms fix */
body .gform_wrapper {
	margin:0;
}

body .screen-reader-text,
body .gform_wrapper ul li.gfield,
body .gform_wrapper ul.gfield_checkbox li,
body .gform_wrapper ul.gfield_radio li {
  display: block;
	margin: 0;
}

body .gform_anchor {
	display: none;
}

body .gform_wrapper ul li.gfield {
  margin:0;
}

body .gform_wrapper textarea {
	margin:0;
}

body .gform_wrapper .field_description_below .gfield_description {
	padding:0;
}

body .gform_wrapper textarea.medium {
	height: 120px !important;
}

body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio],
body .gform_wrapper li.hidden_label input {
	margin:0;
}

body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox,
body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
	margin: 16px 0;
}