/*
Theme Name: K-Märkt 2026
Theme URI: http://www.pixelbruket.se/webbyra-i-ystad/responsiv-webbdesign/
Author: Pixelbruket
Author URI: http://www.pixelbruket.se/
Description: Ett skräddarsytt tema från Pixelbruket...
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: pxlbrk

*/ 

@font-face {
	font-family: 'K-DIN';
	src: url('fonts/k-din-bold.woff2') format('woff2'),
		 url('fonts/k-din-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'K-DIN';
	src: url('fonts/k-din-italic.woff2') format('woff2'),
		 url('fonts/k-din-italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'K-DIN';
	src: url('fonts/k-din.woff2') format('woff2'),
		 url('fonts/k-din.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Emma Font New';
	src: url('fonts/EmmaFontNew-Regular.woff2') format('woff2'),
		url('fonts/EmmaFontNew-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



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

}

@media screen and (max-width: 800px) {
	:root{--content-padding: 0px !important;}
	html{font-size: 12px !important;}
	.col-3, .col-4, .col-8, .col-6, .grid-3, .grid-4, .grid-8, .grid-6{flex: 1 1 100% !important;}
	.two-columns{-moz-column-count: 1 !important; -webkit-column-count: 1 !important; column-count: 1 !important;}
	.slide::after{padding-bottom: 100% !important;}
	.galleri{-moz-column-count: 2 !important; -webkit-column-count: 2 !important; column-count: 2 !important;}
	.hero-text{width: 100% !important; position: relative !important; left: unset !important; top: unset !important;}
}

@media (min-width: 481px) and (max-width: 800px) {
	.galleri{-moz-column-count: 3 !important; -webkit-column-count: 3 !important; column-count: 3 !important;}
}

@media (min-width: 801px) and (max-width: 960px) {
	html{font-size: 14px !important;}
	.grid-3, .col-3{flex: 1 1 50% !important;}
	.galleri{-moz-column-count: 3 !important; -webkit-column-count: 3 !important; column-count: 3 !important;}
}   

@media (min-width: 961px) and (max-width: 1024px) {
	.galleri{-moz-column-count: 3 !important; -webkit-column-count: 3 !important; column-count: 3 !important;}
	.grid-3, .col-3{flex: 1 1 33.333333% !important;}
}   
@media screen and (max-width: 1160px) {
	menubar{display: block !important;}
	ul.nav-top{display: none !important;}
	header{position: sticky !important; top:0 !important;}
	.wffw{display: none !important;}
	.nav-btn{display: flex !important;}
}

@media screen and (max-width: 960px) {
	:root{--booking-margin: 0 calc(var(--grid-space) * 4) !important; --booking-padding: 2rem 0 !important;}
}

@media screen and (max-width: 1080px) {
	:root{--operation-margin: 0 !important; --operation-padding: 2rem 0 !important;}
}

@media screen and (max-width: 1280px) {
	:root{--screen-padding: 0px !important;}
}
@media screen and (max-width: 1339px) {
	:root{--max-width-padding: 0px !important;}
}

:root{
	--screen-padding: calc(50% - 640px);
	--content-padding: calc(50% - 400px);
	--max-width-padding: calc(50% - 720px);
	--operation-margin: -8rem calc(50% - 540px) 0 calc(50% - 540px);
	--operation-padding: 4rem;
	--booking-margin: 0 calc(50% - 480px);
	--booking-padding: 2rem;
	--grid-space: 1rem;
	--hero-height: 75vh;
	
	--main-font: 'K-DIN', sans-serif;
	--emma-font: 'Emma Font New', sans-serif;
	--fa-font: 'Font Awesome 6 Pro';
	--fa-font-sharp: 'Font Awesome 6 Sharp';
	--fa-font-brands: 'Font Awesome 6 Brands';
	
	--shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	
	--white: #fff;
	--black: #1c1c1c;
	--gray: #333;
	--light-gray: #fbfbfb;
}

html{font-size: 16px; font-weight: 400; padding: 0;}
body {width: 100%; padding: 0; margin: 0; background: #fafafa; font-family: var(--main-font); color: #1c1c1c;}


*{box-sizing: border-box !important;}

.grid-12,.col-12{flex: 0 0 100%;}
.grid-11,.col-11{flex: 0 0 91.66%;}
.grid-10,.col-10{flex: 0 0 83.33%;}
.grid-9,.col-9{flex: 0 0 75%;}
.grid-8,.col-8{flex: 0 0 66%;}
.grid-7,.col-7{flex: 0 0 58.33%;}
.grid-6,.col-6{flex: 0 0 50%; min-width: 320px;}
.grid-6.flex-grow,.col-6.flex-grow{flex: 1 1 50%;}

.grid-5,.col-5{flex: 0 0 41.66%;}
.grid-4,.col-4{flex: 0 0 33%}
.grid-3,.col-3{flex: 0 0 25%}
.grid-2,.col-2{flex: 0 0 16.66%;}
.grid-1,.col-1{flex: 0 0 8.33%;}

[class^="col-"]{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: var(--grid-space);
	position: relative;
	z-index: 1;
}

[class^="grid-"]{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--grid-space);
	position: relative;
	z-index: 1;
}



p {font-size: 1rem; line-height: 1.5em; margin-top: 0; margin-bottom: 0.5em; display: flex; flex: 1 1 100%;}
a {color: inherit; text-decoration: none; }
p a {color: inherit; text-decoration: underline; }
a img { border: none; }

.caps{text-transform: uppercase !important;}

h1, h2, h3, h4, h5{
	display: block;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-family: var(--main-font);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 1.25em;
}


mark{
	background-color: transparent;
	color: var(--orange);
	
}

h1{font-size:2rem;}
h2{font-size:1.5rem;}
h2.plus-title{font-size:2rem;}
h3{font-size:1.25rem;}
h4{font-size:1.125rem;}
heading{letter-spacing: -0.05em; display: block; font-family: var(--heading-font);}
.subheading{font-size: 1.75em; display: block;}
h1 .subheading{font-size: 0.75em;}
p + h2,
p + h3,
p + h4,
p + h5{
	margin-top:1rem;
}

small{font-size: 0.875rem !important;}
address{font-size: 1em !important; font-style: normal;}

.font-emma{font-family: var(--emma-font); text-transform: none;}

h1.font-emma,
h2.font-emma,
h3.font-emma,
h4.font-emma,
h5.font-emma{
	margin: 0 0 0.25em 0;

}



p.label-value{
	display: flex;
	flex: 1 1 100%;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0;
}
p.label-value span.label{
	flex: 0 0 65%;
	text-align: left;
}
p.label-value span.value{
	text-align: left;
}


.white-bg{background-color: #ffffff;}
.grabg{background-color: #333333; color: #FCFBF2 !important;}
.light-gray-bg{background-color: var(--light-gray);}
.gronbg{background-color: #009245;}
.rodbg{background-color: #C1272D;}
.gulbg{background-color: #F7931E;}

.white-text{color: #ffffff !important;}
.beigetext{color: #FCFBF2;}
.grontext{color: #009245;}
.rodtext{color: #C1272D;}
.gultext{color: #F7931E;}

.center{text-align: center;}
.justify{text-align:justify;}
.nopadding{padding: 0 !important;}
.nopadding-top{padding-top: 0 !important;}

.nomargin{margin: 0 !important;}
.offset-top{margin-top: -8rem;}

.rightborder{border-right: 4px dotted #333333;}
.bottommargin{margin-bottom: 15px;}
.doublebottommargin{margin-bottom: 30px;}

.two-columns{
	-moz-column-count: 2; 
	-webkit-column-count: 2; 
	column-count: 2; 
	-webkit-column-gap: var(calc(2 * var(--grid-space))); 
	column-gap: var(calc(2 * var(--grid-space)));  
	-webkit-column-fill: auto; 
	white-space: normal;
}






.flex{
	display: flex;
}

.flex-items-center{
	-webkit-box-align: center;
	align-items: center;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-wrap > [class^="col-"],
.flex-wrap > [class^="grid-"]{
	display: flex;
	flex-wrap: wrap;
}
.flex-grid > [class^="grid-"]{
	display: flex;
	align-content: stretch;
	flex-wrap: wrap;
	align-self: stretch;
}


.flex-wrap [class^="col-12"]{
	display: block;
	flex-wrap: nowrap;
}

.flex-grow{flex-grow: 1 !important;}

.flex-cols{
	display: table;
	width: 100%;
}

.flex-cols > [class^="grid-"]{
	float: none;
	display: table-cell;
	vertical-align: top;
}

.flex-dir-row-reverse{
	flex-direction: row-reverse;
}
.flex-dir-col{
	flex-direction: column;
	flex-wrap: nowrap;
}

.justify-center{justify-content: center; align-content: center;}
.align-center{justify-items: center; align-items: center;}
.align-start{justify-items: flex-start; align-items: flex-start; align-content: flex-start;}
.align-stretch{justify-items: stretch; align-items: stretch;}


.circle{border-radius: 50%;}

.layout{
	position: relative;
	font-family: var(--main-font);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0;
	color: var(--dark-brown);
}
.layout-text{
	width: 100%;
	display: block !important;

}
.layout-text p{
	display: block !important;
}


.portrait{width: 100%; float:left; position: relative;}
.portrait::after {
  content: "";
  display: block;
  padding-bottom: 135%;
  
}


.landscape{width: 100%; float:left; position: relative;}
.landscape::after {
  content: "";
  display: block;
  padding-bottom: 80%;
  
  
}


.deadcenter{
	position: absolute;
	height: auto;
	right: 50%; 
	top: 50%;
	-webkit-transform: translate(50%,-50%);
	-moz-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	-o-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
	text-align: center;
	}

.shadow{box-shadow: var(--shadow);}



header{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: var(--grid-space) calc(var(--screen-padding) + var(--grid-space) + var(--grid-space)) var(--grid-space) calc(var(--screen-padding) + var(--grid-space) + var(--grid-space));
	margin: 0;
	position: relative; 
	z-index: 1000;
	background-color: #fafafa;
	}


ul.units{
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 100%;
	flex-direction: row;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
ul.units li{
	display: flex;
	flex: 1 1 auto;
	min-width: 180px;
	max-width: 320px;
	padding: 1rem;
}
ul.units li.units-title{
	max-width: 1280px;

}
.card-unit{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	position: relative;
	background-color: var(--white);
	cursor: pointer;
}

.card-unit-img{
	display: flex;
	flex: 1 1 100%;
	padding: 56.25% 0 0 0;
	background-size: auto 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}
.card-unit-logo{
	display: block;
	width: 5rem;
	height: auto;
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 2;
}
.card-unit-logo img{
	display: block;
	width: 100%;
	height: auto;

}
.card-unit-content{
	display: flex;
	flex: 1 1 100%;
	flex-direction: column;
	position: relative;
	padding: 1rem;
	z-index: 2;
}

.card-unit-content h3{
	font-size: 1rem;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
	z-index: 5;
	position: relative;
}
.card-unit-content p{
	font-size: 0.75rem;
}

.card-logo{
	display: flex;
	flex: 0 0 5rem;
	margin: var(--grid-space);
}
.card-logo img,
.card-logo picture{
	display: block;
	width: 100%;
	height: auto;
}


.unit-hero{
	display: flex;
	flex: 1 1 auto;
	overflow: hidden;
	flex-wrap: wrap;
	position: relative;
	padding: 0;
	margin: 0 calc(var(--grid-space) * 2);
}

.unit-hero-img{
	display: flex;
	flex: 1 1 100%;
	height: var(--hero-height);
	content: '';
	background-size: auto 100% ;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.unit-hero-logo{
	display: block;
	width: 15%;
	min-width: 10rem;
	height: auto;
	border-radius: 50%;
	overflow: hidden;
	z-index: 10;
	position: absolute;
	top: calc(var(--grid-space) * 2);
	left: calc(var(--grid-space) * 2);
}

h1.unit-title{
	display: flex;
	flex: 1 1 100%;
	justify-self: flex-start;
	text-transform: uppercase;
	margin: 0;
}

ul.unit-nav{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	position: absolute;
	bottom: var(--grid-space);
	left: var(--grid-space);
	margin: 0;
	padding: calc(var(--grid-space)/2);
	list-style: none;
	text-transform: uppercase;
	letter-spacing: 0.035em;
	justify-content: flex-start;
	align-items: center;
}
ul.unit-nav li{
	display: inline-flex;
	margin: 0;
	padding: calc(var(--grid-space)/2);
	white-space: nowrap;
}

ul.unit-nav li a{
	flex: 0 0 auto;
	margin: 0;
	padding: 1rem !important;
	line-height: 1em;
	font-size: 1rem;
	outline: none !important;
	background-color: rgba(255, 255, 255, 0.9);
}

.unit-intro{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
}


.unit-intro-signature{
	display: flex;
	flex: 1 1 100%;
	font-family: var(--emma-font);
	font-size: 1.5rem;
}
.unit-intro-signature img,
.unit-intro-signature picture{
	display: block;
	width: 100%;
	height: auto;
}



table.unit-hours{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 var(--grid-space) 0;
	
}
table.unit-hours td{
	padding: 0.25em 0;
	font-size: 1rem;	
}
td.unit-hours-heading{
	width: 100%;
	text-align: left;
	padding: 0.25em 0 0 0;
	font-weight: 700;
}
td.unit-hours-day{
	width: auto;
	text-align: left;
}
td.unit-hours-time{
	text-align: left;
	width: 6rem;
}


ul.unit-contacts{
	display: flex;
	flex: 1 1 100%;
	flex-direction: column;
	list-style: none;
	margin:0;
	padding: 0;
}
ul.unit-contacts li{
	display: flex;
	flex-direction: column;
	flex: 1 1 100%;
	margin: 0 0 var(--grid-space) 0;
}
ul.unit-contacts li p,
ul.unit-contacts li h4{
	margin: 0;
}

ul.doc-list{
	list-style: none;
	display: flex;
	flex: 1 1 100%;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 0 var(--grid-space) 0;
	padding: 0;
}
ul.doc-list li{
	display: flex;
	flex: 1 1 100%;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0.25em 0 0.25em 1.5em;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
}
ul.doc-list li::before{
	flex: 0 0 auto;
	font-family: var(--fa-font-sharp);
	content: '\f1c1';
	position: absolute;
	left: 0;
	top: 0.25em;
}
ul.doc-list li a{
	display: flex;
	flex: 1 1 100%;
	padding: 0;
	font-size: 1rem;
	text-transform: none;
	text-decoration: none;
}


ul.doc-list li p{
	display: flex;
	flex: 1 1 100%;
	font-size: 0.75em;
}


ul.qr-codes{
	list-style: none;
	display: flex;
	flex:1 1 100%;
	flex-wrap: wrap;
	margin: 0 0 var(--grid-space) 0;
	padding: 0;
}
ul.qr-codes li{
	display: flex;
	flex: 0 0 100%;
	padding: 0 0 var(--grid-space) 0;
}
.qr-container{
	display: flex;
	flex: 1 1 100%;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0.5rem;
	background-color: #fff;
	border-radius: 0;
	
}
.qr-container img{
	width: 30%;
	height: auto;
	margin: 0 1rem 0 0;
	border: 0.25rem solid #fff;
}
.qr-text{
	flex: 1 1 30%;
	align-items: stretch;
	font-size: 1rem;
	text-transform: uppercase;
}
.qr-title{
	display: flex;
	flex: 1 1 100%;
	font-size: 0.75rem;
	text-transform: uppercase;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	border-bottom: 1px solid var(--gray);
}
.qr-desc{
	display: flex;
	flex: 1 1 100%;
	font-size: 0.75rem;
	padding-top: 0.5rem;
	margin-top: 0.5rem;
	border-top: 1px solid var(--gray);}

.qr-text.white-text .qr-title,
.qr-text.white-text .qr-desc{
	border-color: var(--white);
}


ul.order-links{
	list-style: none;
	display: flex;
	flex:1 1 100%;
	flex-wrap: wrap;
	margin: 0 0 var(--grid-space) 0;
	padding: 0;
}
ul.order-links li{
	display: flex;
	flex: 0 0 100%;
	padding: 0 0 var(--grid-space) 0;
}
.order-link{
	display: flex;
	flex: 1 1 100%;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 1rem;
	background-color: #fff;
	border-radius: 0;
	
}
.order-link::after{
	font-family: var(--fa-font);
	margin-left: 0.5em;
	content: '\f178';
	
}

.order-link-text{
	flex: 1 1 30%;
	align-items: stretch;
	font-size: 1rem;
	text-transform: uppercase;
}



/* OPERATIONS */

.operations{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	flex-direction: row;
	list-style: none;
	margin: 0;
	padding: var(--grid-space);
}
.operations li{
	display: flex;
	flex: 1 1 10%;
	min-width: 6rem;
	padding: var(--grid-space);
}
.operations-logo{
	display: block !important;
	width: 100%;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}
.operations-logo img,
.operations-logo picture{
	width: 100%;
	height: auto;
	display: block;
}
.operations-logo:hover{
	transform: scale(1.25) !important;
}

.operation-content{
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto; 
	padding: var(--operation-padding);
	margin: var(--operation-margin);
	z-index: 5;
	position: relative;
}


.operation-hero{
	display: flex;
	flex: 1 1 auto;
	overflow: hidden;
	flex-wrap: wrap;
	position: relative;
	padding: 0;
	margin: 0 calc(var(--grid-space) * 2);
}
.operation-hero-img{
	display: flex;
	flex: 1 1 100%;
	height: var(--hero-height);
	content: '';
	background-size: 100% auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


.operation-hero-logo{
	display: block;
	width: 15%;
	min-width: 10rem;
	border-radius: 50%;
	overflow: hidden;
	z-index: 10;
	position: absolute;
	top: 2rem;
	left: 2rem;
}


.card-facility{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
	background-color: var(--white);
	border-radius: 1rem;
	overflow: hidden;
	height: 100%;
	box-shadow: var(--shadow);
}

.card-facility-img{
	display: flex;
	flex: 1 1 100%;
}
.card-facility-img img,
.card-facility-img picture{
	display: block;
	width: 100%;
	height: auto;
}

.card-facility-content{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	padding: 1rem;
	z-index: 2;
	text-align: center;
	justify-content: center;
}
.card-facility-content h3{
	justify-content: center;
	text-align: center;
	width: 100%;
	font-size: 1rem;
	font-weight: 400;
	margin: 0 0 0.25rem 0;
	text-transform: uppercase;
}
.card-facility-content p{
	font-size: 0.875rem;
	font-weight: 400;
	margin: 0 0 0.5rem 0;
}

.card-facility-button{
	background-color: transparent !important;
	color: var(--black) !important;
	border-color: var(--black) !important;
	height: 2.4rem !important;
	font-size: 0.8rem !important;
	padding: 0.8rem 1rem !important;
}

table.facilities{
	width: 100%;
	border-collapse: collapse;
	font-size: 1rem;
}
table.facilities th{
	font-weight: 400;
	text-transform: uppercase;
	border-bottom: 2px solid var(--black);
	text-align: right;
	padding: 0.25rem 0;
	font-size: 0.875rem;
}
table.facilities td{
	font-weight: 400;
	border-bottom: 1px solid var(--black);
	text-align: right;
	padding: 0.25rem 0;
	font-size: 0.875rem;
	min-width: 6rem;
}
table.facilities tr td:nth-last-child(1),
table.facilities tr th:nth-last-child(1){
}
table.facilities tr td:nth-child(1),
table.facilities tr th:nth-child(1){
	width: auto;
	text-align: left;

}
table.facilities tr:nth-last-child(1) td{
	border: none;
}
	
.wrapper{
	display: flex;
	flex-wrap: wrap;
	width: 100%; 
	padding: 0 var(--screen-padding);
	position: relative;
	}

.content{
	display: flex;
	flex-wrap: wrap;
	width: 100%; 
	padding: 4rem var(--content-padding);
	}


#content ul{ margin: 0 0 1em 0 !important; padding: 0; list-style-type: none; font-size: 1em; width: 100%; float:left;}
#content ul li{line-height: 1.6em; padding: 0 0 0 1.3em; margin: 0 0 3px 0; position: relative; }
#content ul li::before{content: '\f30b'; font-family:  var(--fa-font-sharp); font-size: 0.9em; font-weight: 600; display: block; padding:0; color: #231128; position: absolute; left:0; top:0;}


.acf-map{
	width: 100%; height: 600px; float:left;
	border: 20px solid #fff;
}

.ease{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}



ul.menu {
	list-style-type: none; 
	margin: 0; 
	padding: 0;  
	font-weight: 400;  
	text-transform: uppercase; 
	line-height: 1.5em;
	letter-spacing: 0.05em;
	}

/* HUVUDMENY */

.nav-logo{
	height: 3rem;
	width: 3rem;
	background-image: url('images/logo-nav.svg');
	background-position: left center;
	background-size: auto 2.5rem;
	background-repeat: no-repeat;
}

ul.nav-top{
	display: flex;
	flex: 0 0 auto;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center; 
	padding: 0;
	margin: 0;
	}
ul.nav-top li{
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	position: relative;
	font-size: 1rem;
	}

ul.nav-top li > a,
ul.nav-top li > span{
	display: flex;
	flex: 1 1 auto;
	padding: 1em;
	margin: 0;
	align-items: center;

	line-height: 1em;
	}
ul.nav-top li ul.sub-menu li a::before{
	display: none;
	}
ul.nav-top li:nth-child(1) a::before{
	display: none;
	}
ul.nav-top li ul.sub-menu{
	display: none;
	background-color: #fafafa;
	width: auto;
	position: absolute;
	top:3em;
	left:0;
	padding: 0;
	text-align: left;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
    border-bottom: none !important;
	background-color: var(--white);
	}	
ul.nav-top li ul.sub-menu li{
	font-size: 0.875rem;
	border-bottom: 1px solid #f2f2f2;
	}	
ul.nav-top li ul.sub-menu li:nth-last-child(1){
	border: none;
}	

ul.nav-top li ul.sub-menu li a{
	text-align: left;
	white-space: nowrap;
	padding: 1em 1rem;
}
ul.nav-top li.menu-item-type-cpt-parent ul.sub-menu li a{
	text-align: left;
	white-space: nowrap;
	padding: 0.5em 1rem;
}
ul.nav-top li ul.sub-menu li a:hover{
	background-color: var(--gray);
	color: var(--white);
}	
ul.nav-top li.menu-item-has-children:hover > ul.sub-menu{
	display: block;
	}


@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}


.menu-logo{
	display: inline-flex;
	margin: 0 1em 0 0;
	width: 2em;
	height: 2em;
}

.menu-item-type-cpt-kontakt{
	display: flex;
	flex: 1 1 100%;
	min-width: 240px;
	padding: 0.25rem;
}

.menu-photo{
	display: flex;
	margin: 0.25rem;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
}
.menu-contact{
	display: flex;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	align-items: center;
}
.menu-contact span{
	display: flex;
	flex: 1 1 auto !important;
	font-size: 0.75rem;
	text-overflow: ellipsis;
	text-transform: none;
	line-height: 1em !important;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	margin: 0.25rem;
	letter-spacing: 0.025em;
}
.menu-contact span strong{
	display: flex;
	flex: 1 1 100%;
	text-transform: uppercase;
	font-size: 0.5rem;
}
.menu-contact a{
	display: flex;
	flex: 0 0 auto;
	border-radius: 50%;
	border: none;
	line-height: 1em;
	justify-content: center;
	align-items: center;
	padding: 0 !important;
	margin: 0.25rem !important;
	color: var(--gray) !important;
	font-size: 0.75rem !important;
	background-color: transparent !important;
}
.menu-contact a:hover{
	color: var(--black) !important;

}
.menu-contact a::before{
	font-family: var(--fa-font) !important;
	display: inline-flex !important;
}
.menu-contact a.phone::before{
	content:'\f095';
}
.menu-contact a.email::before{
	content:'\f0e0';
}
/******* WFFW *******/


.wffw{
	display: flex;
	width: 3rem;
	height: 3rem;
	margin: 0;
	position: relative;
	overflow: hidden;
	z-index: 1;
	}
.wffw img,
.wffw picture{
	width: 100%;
	height: auto;
	display: block;
	transition: all 0.3s ease-in-out;
}
.wffw img:hover,
.wffw picture:hover{
	transform: rotateY(180deg);
}

/******* MOBILE NAV *******/

#navtoggle{display: none;}

.nav-btn{
	display: none;
	width: 8rem;
	font-size: 1.5rem;
	font-family: var(--main-font);
	letter-spacing: 0.1em;
	height: 3rem;
	margin: 0;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	justify-content: flex-start;
	align-items: center;
}




.nav-btn .bar {
	padding: 0;
	width: 2.4rem;
	height: 0.15rem;
	background-color: #000;
	display: block;
	position: absolute;
	right: 0;
	transition: all 0.25s ease-in-out;
	transform-origin: center center;
}

.bar1{top: 0.5rem; transform: rotate(-180deg);}
.bar2{top: 1.4rem;}
.bar3{bottom: 0.5rem; transform: rotate(180deg);}

.nav-btn.clicked > .bar1{top: 1.45rem; transform: rotate(45deg);}
.nav-btn.clicked > .bar2{background-color: transparent; height: 0;}
.nav-btn.clicked > .bar3{bottom: 1.45rem; transform: rotate(-45deg);}





#nav-bar{
	width: 100%;
	padding: 0;
	display: block;
	z-index: 1000;
	transition: all 0.5s ease-out;
	background-color: #fafafa;
	transform: scale(0%);
	max-height: 0;
	}


#nav-bar.active{
	transform: scale(100%);
	max-height: 100vh;
	height: 100vh;
	overflow-y: auto;
	padding: var(--grid-space);

}




ul.nav-mobile{
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 1.5rem;
	font-family:  var(--main-font);
	text-transform: uppercase;
	}
	
ul.nav-mobile li{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	align-items: center;
	padding: 0;
	margin:0;
	box-sizing: border-box;
	line-height: 1em;
	position: relative;
	}
ul.nav-mobile li a,
ul.nav-mobile li span{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	align-items: center;
	padding: 0.5rem 0;
	display: flex;
	flex: 0 0 auto;
}

button.sub-menu-toggle{
	width: 2rem;
	height: 2rem;
	padding: 0 !important;
	position: absolute;
	right: 0;
	top: 0; 
	background-color: transparent;
	border: 1px solid var(--black);
	color: var(--black);
	display: flex;
}
button.sub-menu-toggle::after{
	position: absolute;
	inset: 0;
	left: 0;
	top: 0;
	content: '';
	transition: all 0.25s ease-in-out;
	background-color: transparent;
	background-image: url('images/plus.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

button.sub-menu-toggle.clicked::after{
	transform: rotate(-45deg);
}



ul.nav-mobile > li > ul.sub-menu{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	padding: 0;
	margin:0;
	font-size: 1rem;

}


ul.nav-mobile > li > ul.mega-menu > li a{
}


.hero{
	display: flex;
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden;
	flex-wrap: wrap;
	position: relative;
	padding: 0;
	margin: 0 calc(var(--grid-space) * 2);
}

.hero-text{
	display: flex;
	flex-wrap: wrap !important;
	flex-direction: column !important;
	width: 20rem;
	padding: 1rem;
	background-color: var(--white);
	position: absolute;
	left: calc(var(--grid-space) * 2);
	top: calc(var(--grid-space) * 2); 
}
.hero-text p{ 
	font-size: 0.875rem;
	display: inline;
}
.slider{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	}

.slide{
	width:100%;
	box-sizing: border-box;
	position: relative;
	display: block;
	background-size: auto 100%;
	background-size: cover !important;
	background-position: center center;
	background-repeat: no-repeat;
	padding:0;
	overflow: hidden;
}
.slide:after{
	padding-bottom: 56.25%;
	content: '';
	display: block;
}

.slide-text{
	max-width: 65%;
	padding: 1rem;
	position: absolute;
	right: 0;
	bottom: 1.5rem;
	box-shadow: var(--shadow);
	font-size: 3rem;
	letter-spacing: 0.1em;
	line-height: 1em;
	text-transform: none;
	background-color: var(--white);
	color: #333;
	z-index: 15;
	font-family: var(--emma-font);
}


.video-slide video{
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	background-size: auto 110%;
	background-size: cover;
	z-index: 10;
}

.video-slide video::-webkit-media-controls {
	display:none !important;
}
	




/***** BLOGG *****/

.card-post{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
	background-color: var(--white);
	border-radius: 1rem;
	overflow: hidden;
	height: 100%;
	box-shadow: var(--shadow);
}

.card-post-img{
	display: flex;
	flex: 1 1 100%;
}
.card-post-img img,
.card-post-img picture{
	display: block;
	width: 100%;
	height: auto;
}

.card-post-content{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	padding: 1rem;
	z-index: 2;
	text-align: left;
	justify-content: flex-start;
}
.card-post-content h3{
	width: 100%;
	font-size: 1rem;
	font-weight: 400;
	margin: 0.25em 0;
}
.card-post-meta{
	font-size: 0.75rem;
	line-height: 1em;
	text-transform: uppercase;
}
.card-post-more{
	display: inline-flex;
	text-transform: uppercase;
	font-size: 0.75rem;
	line-height: 1em;
}
.card-post-more::after{
	font-family: var(--fa-font-sharp);
	content: '\f178';
	margin-left: 0.5em;
}

.post-title{
	margin: 0.25rem 0;
}

.post-meta{
	display: flex;
	flex: 1 1 100%;
	margin: 0.5rem 0 0 0;
	text-transform: uppercase;
}





/***** SUB OPERATIONS *****/


.card-sub-operation{
	display: flex;
	flex: 1 1 100%;
	height: 100%;
	align-self: stretch;
	flex-wrap: wrap;
	position: relative;
	background-color: var(--white);
	overflow: hidden;
}
.card-sub-operation img,
.card-sub-operation picture{
	display: block;
	width: 100%;
	height: auto;
}


.card-sub-operation-content{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	padding: 1rem;
	z-index: 2;
}
.card-sub-operation-content h3{
	width: 100%;
	font-size: 1rem;
	font-weight: 400;
	margin: 0 0 0.25em 0;
}



/* EVENT */

.eventbox{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 10px;
	}
.eventbox::after {
  content: "";
  display: block;
  padding-bottom: 142%;
}

.eventbox img{
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	}


.eventmore{
	padding: 10px;
	background-color: #333;
	color: #fff;
	line-height: 1em;
	text-align: center;
	width: 100%;
	position: absolute;
	left:0;
	bottom: 0;
	
}

.eventcontent{
	background-color: #fff;
	padding: 30px 30px 60px 30px;
	position: absolute;
	bottom:30px;
	left:30px;
	right: 30px;
	
	}

/* KONTAKT */

.card-contact{
	display: flex;
	flex: 1 1 100%;
	height: 100%;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-self: stretch;
	padding: 1rem;
	background-color: var(--white);
}
.card-contact-unit{
	background-image: url('images/logo-k.svg');
	background-position: right 1rem bottom 1rem;
	background-repeat: no-repeat;
	background-size: 2rem auto;
}
.card-contact-unit.white-text{
	background-image: url('images/logo-k-neg.svg');
}
.card-contact-img{
	display: flex;
	flex: 0 0 8rem;
	margin-right: 1rem;
}
.card-contact-img img,
.card-contact-img picture{
	width: 100%;
	height: auto;
	display: block;
	border-radius: 50%;
	overflow: hidden;
}

.unit-logo{
	display: block;
	width: 8em;
	height: auto;
	border-radius: 50%;
	overflow: hidden;
	z-index: 10;
}

.card-contact-content{
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	position: relative;
	padding: 1rem 0 0 0;
}
.card-contact-unit .card-contact-content{
	padding: 1rem;
}
.card-contact-content span,
.card-contact-content a{
	display: flex;
	width: 100%;
	font-size: 0.875rem;
	line-break: 1em;
	margin: 0 0 0.5em 0;
}
.card-contact-name{
	font-size: 1.25rem;
	font-weight: 700;
}

.card-contact-unit .card-contact-name{
	font-size: 1.1rem;
	letter-spacing: 0.1em;
	font-weight: 400;
	text-transform: uppercase;
}

.card-contact ul.unit-contacts li{
	margin: 0;
}
.card-contact ul.unit-contacts li label{
	margin: 0.5em 0 0.25em 0;
}
.card-contact ul.unit-contacts li a{
	margin: 0 0 0.25em 0;
}



/*** KONFERENS ***/


.card-konferens{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 1rem;
	background-color: var(--white);
}
.card-contact-konferens{
	display: flex;
	flex: 1 1 100%;
}
.card-konferens-img img,
.card-konferens-img picture{
	width: 100%;
	height: auto;
	display: block;
}
.card-konferens-content{
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	position: relative;
	padding: 1rem;
}


/*********** CONTENTLIST ***********/


.contentlist{
	display: flex;
	flex: 1 1 100%;
	flex-direction: column;
	padding: 0 0 0 0;
	margin: 1rem 0;
	list-style: none;
	line-height: 1.5em;
	font-size: 1rem;
	counter-reset: item;
}

.contentlist li{
	display: flex;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	margin-bottom: 0.5em;
	align-items: flex-start;
}
ul.contentlist li:before{
	display: inline-flex;
	font-family: var(--fa-font-sharp);
	content: '\f00c';
	font-size: 0.875em;
	font-weight: 400;
	margin: 0.125em 0.5em 0 0;
}
ol.contentlist li{
	margin-bottom: 1em;
	counter-increment: item;
}


ol.contentlist li:before{
	display: flex;
	content: counter(item);
	position: relative;
	flex: 0 0 1.5em !important;
	height: 1.5em;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	font-size: 1em;
	padding: 0.25em;
	margin: -0.25em 1em 0 0;
	border: 0.1rem solid var(--black);
	line-height: 1em;
}


/*** GALLERI ***/

.galleri{
	width: 100%;
	float: left;
	margin-bottom: calc(var(--grid-space) + var(--grid-space));
	-moz-column-count: 4; 
	-webkit-column-count: 4; 
	column-count: 4; 
	-webkit-column-gap: var(--grid-space); 
	column-gap: var(--grid-space);  
	-webkit-column-fill: auto; 
	overflow-x: auto; 
	overflow-y: auto; 
	}

.galleri img{
	width: 100%;
	float: left;
	height: auto;
	display: block;
}

/******* Lightbox *******/

.lightbox-dialog {
  padding: 0;
  border: none;
  background: none;
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightbox-dialog::backdrop {
  background: rgba(0, 0, 0, 0.8);
}


.lightbox-dialog:not([open]) {
  display: none;
}

.lightbox-content {
  position: relative;
  display: inline-block;
}

.lightbox-image {
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 4px;
}

.lightbox-text-container{
  max-width: 100%;
  width: 720px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: var(--grid-space);
  position: absolute;
  bottom: 0;
  left: 50%; 
  transform: translateX(-50%);
}



.lightbox-dialog:not([open]) .lightbox-close {
  display: none;
}

.lightbox-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: var(--black);
  border: none;
  color: white;
  font-size: 2rem;
  width: 3rem;
  height: 3rem;
  line-height: 1em;
  font-family: var(--fa-font);
  content: '\f00d';
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightbox-trigger{
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.25em 0;
}
.lightbox-trigger::before{
  font-family: var(--fa-font);
  font-weight: 400;
  margin-right: 0.5em;
  display: inline-flex;
  content: '\f055';
}

/* FOOTER */

footer{
	padding: 4rem var(--max-width-padding) !important;
	background-color: var(--white);
}
footer p{
	font-size: 1rem;
}


ul.footermenu{
	font-size: 1rem !important;
}

.footerlogo{
	width: 3rem;
}
	
.footerlogo img{
	width: 100%; 
	height: auto; 
	display:block;
}


/* IKONER */

[class^="icon-"]{
	flex-direction: row;
	flex-wrap: nowrap;
}

[class^="icon-"]::before{
	font-family: var(--fa-font-sharp);
	display: inline-flex;
	margin-right: 0.5em;
	font-weight: 400;
	font-size: 0.875em;
	padding-top: 0.125em;
	text-decoration: none !important;
}

.social-icon::before {
	font-family: 'Font Awesome 6 Brands';
	display: inline-flex;
	margin-right: 0.5em;
	font-weight: 400;
	text-decoration: none !important;
}



.icon-telefon::before{content: '\f095';}
.icon-epost::before{content: '\f0e0' ;}
.icon-adress::before{content: '\f276';}
.icon-passare::before{content: '\f568';}
.icon-time::before{content: '\f017';}
.icon-extlank::before{content: '\f14c';}
.icon-lank::before{content: '\f0c1';}
.icon-sittande::before{content: '\f6c0';}
.icon-minglande::before{content: '\f79f';}
.icon-antalpers::before{content: '\f63d';}
.icon-teknik::before{content: '\f8e0';}
.icon-info::before{content: '\f05a';}
.icon-menyer::before{content: '\f2e7';}
.icon-boka::before{content: '\f562';}
.icon-bestall::before{content: '\f788';}
.icon-hund::before{content: '\f6d3';}

.icon-matcafe::before{content: '\f81e';}
.icon-restaurang::before{content: '\f2e7';}
.icon-patisserie-bageri::before{content: '\f705';}
.icon-catering::before{content: '\e51a';}
.icon-event::before{content: '\f79f';}
.icon-konferens::before{content: '\f63d';}
.icon-reception-moten::before{content: '\f4b4';}

.icon-check::before{content: '\f00c';}

.icon-house::before{content: '\e50d';}
.icon-star::before{content: '\f005';}
.icon-date::before{content: '\f133';}
.icon-date-pen::before{content: '\e472';}
.cloud::before{content: '\f381';}
.pdf::before{content: '\f1c1';}


.facebook::before{content: '\f082';}
.google::before{content: '\f0d5';}
.instagram::before{content: '\f16d';}
.linkedin::before{content: '\f0e1';}
.pinterest::before{content: '\f0d2';}
.twitter::before{content: '\f099';}
.youtube::before{content: '\f167';}
.spotify::before{content: '\f1bc';}


.apple::before{content: '\f179';}
.googleplay::before{content: '\f3ab';}



.booking-content{
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto; 
	padding: var(--booking-padding);
	margin: var(--booking-margin);
	z-index: 5;
	position: relative;
}
.hero + .booking-content{
	margin-top: -8rem !important;
}

.gform_wrapper,
form,
.gf_progressbar_wrapper,
.gform-body,
.gform_page_fields{
	display: flex !important;
	flex: 1 1 100% !important;
	flex-wrap: wrap !important;
	max-width: 720px;
}
.gform_page,
.gf_progressbar,
.gf_progressbar_title{
	width: 100%;
}


.button,
button,
input[type=submit]{
	display: flex;
	flex: 0 0 auto;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: center;
	height: 3rem;
	padding: 1rem 2rem;
	line-height: 1em;
	font-size: 1rem;
	text-transform: uppercase;
	border: 1px solid var(--black);
	color: var(--white);
	background-color: var(--black);
	outline: none;
	-webkit-appearance: none;
	font-weight: 400;
	font-family: var(--main-font) !important;
}
.button-full.button,
.button-full.button,
.button-full.input[type=submit]{
	flex: 1 1 100%;
}

.buttons .button{
	margin: var(--grid-space);
}

.white-text .button,
.white-text button,
.white-text input[type=submit]
.neg-button{
	border-color: var(--white);
	color: var(--white);
	background-color: transparent;
}

::-webkit-input-placeholder {color: #333333;}
:-moz-placeholder {color: #333333;}
::-moz-placeholder {color: #333333;}
:-ms-input-placeholder {color: #333333;}


input[type=text],
input[type=number],
input[type=tel],
input[type=email],
textarea{
	font-family: var(--main-font);
	display: flex;
	flex: 1 1 auto;
	height: 3rem;
	padding: 0.5em 1em;
	font-size: 1rem;
	border: 1px solid var(--black);
	background-color: transparent !important;
}
textarea{
	height: 6rem;
}
select{
	font-family: var(--main-font);
	display: flex;
	flex: 1 1 auto;
	height: 3rem;
	padding: 0.5em 1em;
	font-size: 1rem;
	border: 1px solid var(--black);
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent !important;
	background-image: url('images/arrow.svg') !important;
	background-repeat: no-repeat !important;
	background-position: right center;
	background-size: auto 100%;
}

label,
legend{
	display: flex;
	flex: 1 1 100%;
	font-weight: 400 !important;
	text-transform: uppercase;
	font-size: 0.75rem !important;
	
}
.gchoice label{
	text-transform: none;
	font-weight: 400;
}

.gchoice{
	display: flex;
	padding: 0.25rem 0;
}

input[type=checkbox],
input[type=radio]{
	-webkit-appearance: none;
	appearance: none;
}
input[type=checkbox]::before,
input[type=radio]::before{
	font-family: var(--fa-font);
	font-weight: 400;
	font-size: 1rem;
	display: inline-flex;
	margin: 0 0.25em 0 0 !important;
}


input[type=checkbox]::before{
	content: '\f0c8';
}
input[type=checkbox]:checked::before{
	content: '\f14a';
}
input[type=radio]::before{
	content: '\f111';
}
input[type=radio]:checked::before{
	content: '\f192';
}

input[type=checkbox] + label,
input[type=radio] + label,
.acf-checkbox-list label,
.acf-radio-list label{
	display: flex;
	font-size: 1rem !important;
	line-height: 1em;
	position: relative;
	padding: 0;
	font-weight: 400 !important;
	font-family: var(--main-font);

}

.gsection{
	display: flex;
	flex: 1 1 100%;
	padding: 1rem 0 0 0 !important;
	margin: 0 0 0.5rem 0;
	border-bottom: 2px dotted var(--black) !important;
}
.gsection h3{
	margin: 0 0 0.5rem 0;
}

/******* SLICK ********/


.slick-slider{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after{
	display: table;
	content: '';
}
.slick-track:after{
	clear: both;
}
.slick-loading .slick-track{
	visibility: hidden;
}

.slick-slide{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide{
	float: right;
}
.slick-slide img{
	display: block;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-initialized .slick-slide{
	display: block;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}




/* Slider */
.slick-loading .slick-list{
	background: #fff url('images/ajax-loader.svg') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next{
	line-height: 0;
	position: absolute;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	width: 3rem !important;
	height: 3rem !important;
	padding: 0 !important;
	cursor: pointer;
	color: transparent !important;
	border: none;
	outline: none;
	background: transparent !important;
	z-index: 5 !important;
	overflow: hidden;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
	color: var(--charcoal-gray);
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
	opacity: .5;
}

.slick-prev:before,
.slick-next:before{
	font-family: 'Font Awesome 6 Pro';
	font-size: 2rem;
	font-weight: 100;
	line-height: 1rem;
	padding: 0.5em;
	opacity: 1;
	color: var(--charcoal-gray) !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	position: absolute;
	height: auto;
	top: 50%;
	left: 50%; 
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.slick-prev,
[dir='rtl'] .slick-next{
	left: calc(var(--screen-padding) + 1rem);
	right: auto;
}
.slick-next,
[dir='rtl'] .slick-prev{
	right: calc(var(--screen-padding) + 1rem);
	left: auto;
}

.slick-prev:before,
[dir='rtl'] .slick-next:before{
	content: '\f053';
}
.slick-next:before,
[dir='rtl'] .slick-prev:before{
	content: '\f054';
}

/* Dots */
.slick-dotted.slick-slider{
	margin-bottom: 30px;
}

.slick-dots{
	position: absolute;
	bottom: 0;
	right:0;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li{
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 1em 0 0 1em;
	cursor: pointer;
}
.slick-dots li button{
	display: block;
	width: 0.75em;
	height: 0.75em;
	border-radius: 50%;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	box-sizing: border-box;
	outline: none;
	background: #666;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
	outline: none;
	background-color: #333;
}

.slick-dots li.slick-active button{
	background-color: #666666;
}




/* =WordPress Core */

.fullimage img,
.fullimage picture{
	width: 100%;
	height: auto;
	display: block;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

ul, menu, dir {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}