/*

Theme Name: Holy Greens
Theme URI: https://
Author: Abrovink
Author URI: www.abrovink.se
Description: Custom made for client.
Text Domain: hogr

*/



@font-face {
    font-family: 'Brandon Grotesque Bold';
    src: url("fonts/BrandonGrotesque-Bold.woff") format("woff"), url("fonts/BrandonGrotesque-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Brandon Grotesque Medium';
    src: url("fonts/BrandonGrotesque-Medium.woff") format("woff"), url("fonts/BrandonGrotesque-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 400
}
@font-face {
    font-family: 'Brandon Regular';
    src: url("fonts/Brandon_reg.woff") format("woff"), url("fonts/Brandon_reg.ttf") format("truetype");
    font-style: normal;
    font-weight: 400
}
@font-face {
    font-family: 'Clearface Heavy';
    src: url("fonts/Clearface-Heavy.woff") format("woff"), url("fonts/Clearface-Heavy.ttf") format("truetype");
    font-style: heavy;
    font-weight: 800
}



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, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
fieldset {
	min-width: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	-webkit-hyphens: none;
	    -ms-hyphens: none;
	        hyphens: none;
	quotes: none;
}






body{
	height: 100%;
	background: #fbf9ef;
	font-family: 'Brandon Regular', sans-serif;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 300;
	color: #000;	
}

p, blockquote, address, table, ul, ol, dl, pre, video, object, iframe{
	margin: 0 0 1.5em;
}

h1 {
	margin: 0 0 .5em 0;
	font-family: 'Brandon Grotesque Bold';
	font-size: 2.415em;
	line-height: 1.125em;
	color: inherit;
	font-weight: 400;
	letter-spacing: -.032em;
}
h2 {
	margin: 0 0 .67em 0;
	font-family: 'Brandon Grotesque Bold';
	/*font-size: 1.725em;*/
	font-size: 1.75em;
	color: #006267;
	font-weight: 600;
	text-transform: uppercase;
	/*letter-spacing: +.125em;*/
}
h3 {
	margin: 0 0 .55em 0;
	font-family: 'Brandon Grotesque Bold';
	font-size: 1.17em;
	color: inherit;
	font-weight: 600;
}
h4 {
	font-family: 'Brandon Grotesque Bold';
	margin: 0 0 .49em 0;
	font-size: 1em;
	color: #006267;
	font-weight: 400;
	/*letter-spacing: +.1em;*/
}
h5 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: +.15em;
}
h6 {
	font-size: .6em;
	font-weight: 600;
}




strong, b{
	font-weight: 600;
}

dfn, cite, em, i {
	font-style: italic;
	font-stretch: normal;
}
blockquote {
	min-height: 5em;
	margin: 1.5em 0;
	padding: 0 0 0 3.5em;
	font-style: italic;
	font-weight: 400;
	background: no-repeat top left transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 81.73 60.48'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23C6D7CD;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M104.6,300.19c8.1-4,13.32-12.24,13.5-20A14.32,14.32,0,0,1,103.52,266c-.36-8.82,5.76-15.84,16.74-15.84C133.4,250.15,137,262,137,268.33c0,17.1-9,35.64-25.38,42.3Zm48.24,0c8.1-4,13.32-12.24,13.5-20A14.32,14.32,0,0,1,151.76,266c-.36-8.82,5.76-15.84,16.74-15.84,13.14,0,16.74,11.88,16.74,18.18,0,17.1-9,35.64-25.38,42.3Z' transform='translate(-103.51 -250.15)'/%3E%3C/svg%3E");
	background-size: auto 2em;
}
blockquote p{
	margin-bottom: 1em;
}
address {
	font-style: normal;
}
pre {
	background: #eee;
	font-family: Courier, monospace;
	max-width: 100%;
	overflow: auto;
	padding: 1.5em;
}
code,
kbd,
tt,
var {
	font-family: Courier, monospace;
	font-size: .8em;
}
abbr,
acronym {
	border-bottom: 1px dotted #3c6487;
	cursor: help;
}
mark,
ins {
	background: #eee;
	text-decoration: none;
}
hr {
	display: block;
	width: 100%;
	float: none;
	clear: both;
	border: 0;
	border-bottom: solid 1px #e6e6e6;
	height: 1px;
	padding: 1.5em 0 0 0;
	margin: 0 0 1.5em 0;
}
ul,
ol {
	margin-left: 1.5em;
	padding: 0;
}
ul {
	list-style: square;
}
ol {
	list-style: disc;
	margin-left: 1.5em;
}
ul li {
	list-style: none;
	margin-left: -1.2em;
	padding-left: 1em;
	background: no-repeat 0 .45em transparent;
	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 40'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ff9f00;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='25' height='40'/%3E%3C/svg%3E");*/
	background-size: auto .625em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
sup,
sub{
	font-size: 65%;
	line-height: 1;
	font-weight: 300;
	white-space: break-after;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
tr {
	border-bottom: 1px solid #d6d4cb;
}
th, td{
	
	padding: .25em 0;
	text-align: left;
	font-variant-numeric: tabular-nums;
}
th {
	font-family: 'Brandon Grotesque Bold';
	font-size: 14px;
	font-weight: 600;
}
td {
	font-family: 'Brandon Regular', sans-serif;
	font-size: 14px;
	font-weight: 300;
}
th p, td p{
	margin-bottom: 0;
}
a {
	color: inherit;
	text-decoration: underline;
}
a:hover,
a:active {
	outline: 0;
}
a:focus {
	outline: 1px solid rgba(51, 51, 51, 0.3);
}
img{
	display: block;
	max-width: 100%; /* Adhere to container width. */
	height: auto !important; /* Make sure images are scaled correctly. */
}
a img {
	border: 0;
}
video {
	display: inline-block;
	height: auto !important; /* Make sure objects are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
canvas {
	margin-bottom: 1.5em;
	max-width: 100%;
}


/* **************************************************************************************************************** */
/* .gallery style - plain */
/* add_filter( 'use_default_gallery_style', '__return_false' ); */
/* **************************************************************************************************************** */
.gallery{
	margin-bottom: 1.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;
}
.gallery-item{
	width: 100%;
	margin: auto;
	padding: 0;
	flex-shrink: 1;
	box-shadow: 0 0 .75em rgba(0,0,0, .15);
}
.gallery .gallery-caption{
	display: none;
}
/* /gallery styles */

.wp-caption {
	display: block;
	width: 100%;
	padding: 1em 0;
	font-size: 0.875em;
	line-height: 1.25em;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 1.5em 0;
}


.alignleft{
	float: left;
	margin-right: 1.5em;
}
.alignright{
	float: right;
	margin-left: 1.5em;
}
.aligncenter{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.skip{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	box-sizing: border-box;
	padding: 1em;
	width: 100%;
	text-align: center;
	text-decoration: none;
	transition: transform .1s linear;
	transform: translateY(-100%);
}
.visually-hidden{
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute
}
.clearfix::after,
.container::after,
.container ul::after{
	content: "";
	display: table;
	clear: both;
}



.app-store,
.google-play img{
	display: inline-block;
}





/* **************************************************************************************************************** */
/* RTE */
/* **************************************************************************************************************** */


a.button,
button[type="submit"]
.btn-submit{
	display: inline-block;
	margin: 12px 12px 0 0;
	padding: 12px 24px;
	font-family: 'Brandon Grotesque Bold';
	font-size: .875em;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: +.2em;
	text-decoration: none;
	border: 0;
	background: #006267;
	border-radius: 48px;
	cursor: pointer;
	-webkit-transition: all .75s;
	transition: all .5s;
}
a.button:hover{
	box-shadow: 2px 2px 25px rgba(0,0,0, .25);
}
a.button.pink{
	background: #e79c90;
}
a.button.outlined{
	background: transparent;
	border: solid 1px #006267 !important;
	color: #006267 !important;
}

img.rounded{
	border-radius: 24px;
}

/* apply to all kinds of elements */
.clearface{
	font-family: 'Clearface Heavy', serif !important;
	font-weight: 800 !important;
	text-transform: none !important;
}

.green-text{
	color: #006267;
}
.white-text{
	color: #fff;
}

/* **************************************************************************************************************** */
/* /RTE */
/* **************************************************************************************************************** */



/* sticky footer - flexbox variant */
body{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
#header{
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
#main{
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
#footer{
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}





.pad{
	padding: 0 25px;
}
.container{
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}



#header{
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 86px;
	margin: 0;
	padding: 20px 0 16px 0;
	background: transparent;
	color: #006267;
	-webkit-transition: all .55s;
	transition: all .55s;
}
.error404 #header{
	background: #006267;
}
.scrolling #header,
.nav-expanded #header{
	background: #fbf9ef;
	color: #006267;
}
.scrolling #header,
.nav-expanded.scrolling #header{
	height: 56px;
	padding: 12px 0 4px 0;
}

#header .container{
	position: relative;
	max-width: unset;
}
#logo{
	width: 80px;
	margin: 0 auto;
	-webkit-transition: width .5s;
	transition: width .5s;
}
#logo a{
	display: block;
	padding-top: 4px;
}
.scrolling #logo{
	width: 80px;
}
#logo svg path{
	fill: #fff;
}
.scrolling #logo svg path,
.nav-expanded #logo svg path{
	fill: #006267;
	transition: all .75s;
}
.toggle-nav{
	position: absolute;
	top: -3px;
	left: 0;
	z-index: 200;
}
.scrolling #header .hamburger-inner, 
.scrolling #header .hamburger-inner::before, 
.scrolling #header .hamburger-inner::after,
.nav-expanded #header .hamburger-inner, 
.nav-expanded #header .hamburger-inner::before, 
.nav-expanded #header .hamburger-inner::after{
	background-color: #006267;
	transition: all .75s;
}
#nav{
	position: fixed;
	top: 100vh;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9;
	width: 100%;
	height: 0;
	padding: 0;
	color: #fff;
	background: #006267;
	opacity: 0;
	-webkit-transition: all .45s;
	transition: all .45s;
}
.nav-expanded #nav{
	top: 86px;
	height: 100vh;
	padding-top: 0;
	overflow-y: auto;
	opacity: 1;
}
.nav-expanded.scrolling #nav{
	top: 45px;
}
ul.menu{
	display: block;
	width: auto;
	height: auto;
	margin: 2em 0 0;
	padding: 0;
	text-align: center;
}
#nav ul.menu{
	display: none;
}
.nav-expanded #nav ul.menu{
	display: block;
}
.menu li{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
	text-align: center;
}
.menu a{
	display: inline-block;
	padding: .65em 1em;
	font-family: 'Brandon Grotesque Bold';
	color: inherit;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: +.2em;
	text-decoration: none;
}
.menu a:hover{opacity: .5;}
.menu .current-menu-item a,
.menu .current_page_item a{opacity: .5;}

.nav-expanded #nav .menu li.link-facebook,
.nav-expanded #nav .menu li.link-instagram{
	display: inline-block;
	margin-top: 1.5em;
}


#utilities-wrap{
	position: absolute;
	top: 0;
	right: -12px;
	margin: 0;
	padding: 0;
	-webkit-transition: 0.35s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: 0.35s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.nav-expanded #utilities-wrap{
	/*opacity: 0;*/
}
.scrolling #utilities-wrap{
	top: -2px;
}
#utilities-wrap ul{
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}
#utilities-wrap li{
	display: flex;
	margin: 0;
	padding: 0;
}
#utilities-wrap li a{
	display: inline-block;
	padding-right: 0;
	font-family: 'Brandon Regular';
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0;
	color: #fff;
	transition: all .55s;
}
#utilities-wrap li a:hover{
	text-decoration: underline;
}
.scrolling #utilities-wrap li a,
.nav-expanded #utilities-wrap li a{
	color: #006267;
}
#utilities-wrap li.login{}
#utilities-wrap li.foretagskund{
	display: none;
	animation-delay: .5s;
}
#utilities-wrap li.language a{
	display: inline-flex;
	width: 44px;
	height: 36px;
	margin-left: 4px;
	background: no-repeat center center transparent;
	background-size: 20px auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' fill='none' viewBox='0 0 36 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23012169' d='M36 0H0v23.996h36V0Z'/%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M36 0v2.5l-9.052 6.033-2.08 1.386-3.119 2.079 3.12 2.08L36 21.496v2.499h-3.75l-10.784-7.188-1.386-.925L18 14.497l-2.08 1.386-1.386.925-10.785 7.188H0v-2.5l9.052-6.033 2.08-1.386 3.119-2.079-3.12-2.08-2.079-1.385L0 2.499V0h3.75l10.784 7.188 1.386.925L18 9.499l2.08-1.386 1.386-.925L32.251 0H36Z' clip-rule='evenodd'/%3E%3Cpath fill='%23C8102E' fill-rule='evenodd' d='m23.618 9.919-3.12 2.079 3.12 2.08 2.08 1.385L36 22.331v1.665h-2.498l-12.036-8.023-1.386-.924L18 13.663l-2.08 1.386-1.386.924-12.036 8.023H0v-1.665l10.303-6.868 2.08-1.386 3.119-2.079-3.12-2.08-2.079-1.385L0 1.665V0h2.498l12.036 8.023 1.386.924L18 10.333l2.08-1.386 1.386-.924L33.502 0H36v1.665L25.697 8.533l-2.08 1.386Z' clip-rule='evenodd'/%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M21.466 15.464v8.532h-6.932v-8.532H0V8.533h14.534V0h6.932v8.533H36v6.93H21.466Z' clip-rule='evenodd'/%3E%3Cpath fill='%23C8102E' fill-rule='evenodd' d='M20.08 14.077v9.919h-4.16v-9.919H0V9.92h15.92V0h4.16V9.92H36v4.158H20.08Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h36v23.996H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#utilities-wrap li.language span{
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute
}




/* **************************************************************************************************************** */
/* #footer */
/* **************************************************************************************************************** */
#footer{
	/*margin: 2.5em 0 0 0;*/
	padding: 2.5em 0 1em 0;
	background: #fbf9ef;
	font-size: .85em;
	color: #006267;
	text-align: center;
	border-top: solid 1px #006267; 
}
#footer .container{ 
	padding: 2.5em 0 1.5em 0;
	
}
#footer a{ text-decoration: none; }
#footer a:hover{ text-decoration: underline; }

#footer ul{
	margin: 0 0 24px 0;
	padding: 0;
	list-style: none;
}
#footer li{
	margin: 0;
	padding: 0;
	list-style: none;
	
	letter-spacing: +.15em;
	text-transform: uppercase;
	
}
#footer li a{
	display: inline-block;
	padding: 2px 0;
}

.widget_media_image img,
.widget_media_image svg{
	max-width: 100px !important;
	margin: 48px auto 24px auto;
}


#footer .icon-facebook,
#footer .icon-instagram,
#footer .icon-linkedin,
.link-facebook a,
.link-instagram a,
.link-linkedin a{
	display: inline-block;
	width: 1.6em;
	height: 1.6em;
	margin: .25em .1em;

	text-indent: -9999px;
	background: no-repeat center center transparent;
	background-size: 70% auto;
	transition: opacity .25s ease;
}
#footer .icon-facebook,
.link-facebook a{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23006267' d='M14.5 0h-13c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h6.5v-7h-2v-2h2v-1c0-1.653 1.347-3 3-3h2v2h-2c-0.55 0-1 0.45-1 1v1h3l-0.5 2h-2.5v7h4.5c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5z'%3E%3C/path%3E%3C/svg%3E");
}
#footer .icon-instagram,
.link-instagram a{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23006267' d='M14.5 0h-13c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h13c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM11 2.5c0-0.275 0.225-0.5 0.5-0.5h2c0.275 0 0.5 0.225 0.5 0.5v2c0 0.275-0.225 0.5-0.5 0.5h-2c-0.275 0-0.5-0.225-0.5-0.5v-2zM8 5c1.656 0 3 1.344 3 3s-1.344 3-3 3c-1.656 0-3-1.344-3-3s1.344-3 3-3zM14 13.5v0c0 0.275-0.225 0.5-0.5 0.5h-11c-0.275 0-0.5-0.225-0.5-0.5v0-6.5h1.1c-0.066 0.322-0.1 0.656-0.1 1 0 2.762 2.237 5 5 5s5-2.238 5-5c0-0.344-0.034-0.678-0.1-1h1.1v6.5z'%3E%3C/path%3E%3C/svg%3E");
}
#footer .icon-linkedin,
.link-linkedin a{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23006267' d='M14.5 0h-13c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h13c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM6 13h-2v-7h2v7zM5 5c-0.553 0-1-0.447-1-1s0.447-1 1-1c0.553 0 1 0.447 1 1s-0.447 1-1 1zM13 13h-2v-4c0-0.553-0.447-1-1-1s-1 0.447-1 1v4h-2v-7h2v1.241c0.412-0.566 1.044-1.241 1.75-1.241 1.244 0 2.25 1.119 2.25 2.5v4.5z'%3E%3C/path%3E%3C/svg%3E");
}

#footer .icon-facebook:hover,
#footer .icon-instagram:hover,
#footer .icon-linkedin:hover{
	opacity: .6;
}


@media (min-width: 1024px){
	#footer .widgets{
		display: flex;
		flex-flow: row wrap;
	}
	
	#footer .widgets .widget{
		width: 33.333%;
	}
	
	#footer .widgets .widget:nth-child(4),
	#footer .widgets .widget:nth-child(5),
	#footer .widgets .widget:nth-child(6){
		width: 100%;
	}
	
}

/* **************************************************************************************************************** */








/* boxes */
.boxes{
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.boxes .item{
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0 0 2em 0;
	background: #fff;
	-webkit-box-shadow: 2px 0px 15px rgba(0,0,0, .15);
	        box-shadow: 2px 0px 15px rgba(0,0,0, .15);
	overflow: hidden;
}
.boxes .item a,
.boxes .item span.pseudo-link{
	display: block;
	position: relative;
	height: 100%;
}
.boxes .item a{
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.boxes .item a:hover{
	opacity: .5;
}
.boxes .image-wrap{
	position: relative;
	overflow: hidden;
}
.boxes img{
	margin: 0 auto;
}
.boxes .item .content-wrap{
	padding: .75em;
}
.boxes .item .content-wrap h3{
	margin-bottom: .25em;
	color: inherit;
	font-style: normal;
}
.boxes .item .content-wrap p{
	font-size: .875em;
	margin-bottom: .25em;
}
.boxes .item.fill{
	position: relative;
	height: 1px !important;
	min-height: 1px !important;
	max-height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	overflow: hidden !important;
	line-height: 0 !important;
	background: transparent !important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}
/* /boxes */






/* ************************************************************************************** */
/* .carousel + .slideshow */
/* ************************************************************************************** */
.layout-carousel .pad,
.layout-slideshow .pad{
	overflow: hidden; /* Needed to avoid horizontal page scroll */
}
.items-container.carousel .slick-list,
.items-container.slideshow .slick-list{
	overflow: visible;
}
.items-container.carousel,
.items-container.slideshow{
	/*padding-left: 24px;*/
}

.carousel .item,
.slideshow .item{
	width: 320px;
	max-width: 78vw;
	margin: 24px 12px 24px 0;
	border-radius: 24px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 0 24px rgba(0,0,0, .15);
}
.carousel .content-wrap,
.slideshow .content-wrap{
	min-height: 200px;
	margin-bottom: 40px;
	padding: 24px;
	display: flex;
	flex-flow: column wrap;
	justify-content: space-between;
	background: #fff;
}
.carousel .content-wrap h3,
.slideshow .content-wrap h3{
	font-family: 'Clearface Heavy', serif;
	font-weight: 800;
	color: #006267;
}


/* Slider dots */
.layout-carousel .slick-dots,
.layout-slideshow .slick-dots{
	position: relative;
	margin: 12px 0;
}
.layout-carousel .slick-dots li,
.layout-slideshow .slick-dots li{
	background: #006267;
	opacity: .25;
}
.layout-carousel .slick-dots li.slick-active,
.layout-slideshow .slick-dots li.slick-active{
	background: #006267;
	opacity: 1;
}

.layout-carousel .slick-prev,
.layout-carousel .slick-next{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: calc(100% - 36px);
	display: block;
	width: 32px;
	height: 32px;
	z-index: 9;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: no-repeat center center transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23c6d7cd' d='M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm-1.8-8c-.3 0-.6-.1-.8-.3-.5-.5-.5-1.2 0-1.7l6.1-6-6.1-6c-.5-.5-.5-1.2 0-1.7s1.2-.5 1.7 0l6.4 6.3c.3.4.5.9.5 1.4 0 .5-.2 1-.6 1.3L15 23.7c-.2.2-.5.3-.8.3z'/%3E%3C/svg%3E");
	background-size: 95% auto;
}

@media screen and (min-width: 768px){
	
	.carousel .item,
	.slideshow .item{
		width: 320px;
	}
	
}

@media screen and (min-width: 1024px){
	
	.carousel .item,
	.slideshow .item{
		position: relative;
		width: 380px;
		aspect-ratio: 4/3;
		
	}
	
	/* Hover effects on card */
	.carousel .item .content-wrap,
	.slideshow .item .content-wrap{
		position: absolute;
		bottom: -16px;
		width: 100%;
		height: 100%;
		margin-bottom: 0;
		
		justify-content: center;
		align-items: center;
		text-align: center;
		
		background: transparent;
		opacity: 0;
		
		transition: all .5s cubic-bezier(0.22, 0, 0.6, 1);
	}
	.carousel .item:hover .content-wrap,
	.slideshow .item:hover .content-wrap{
		bottom: 0;
		opacity: 1;
	}
	
	.carousel .image-wrap,
	.slideshow .image-wrap{
		opacity: 1;
		padding: 0;
		transition: all .5s cubic-bezier(0.12, 0, 0.2, 1);
		background: #fff;
	}
	.carousel .item:hover .image-wrap,
	.slideshow .item:hover .image-wrap{
		opacity: .15;
		padding: 8px;
	}
}

@media screen and (min-width: 1280px) {
	
	.carousel .item,
	.slideshow .item{
		width:440px;
		margin-right: 24px;	/* gap between items */
	}
	
}








/* **************************************************************************************************************** */
/* page sections */
/* **************************************************************************************************************** */

.page-section{
	position: relative;
	z-index: 1;
	padding: 3.5em 0;
}
.page-section.section-1{
	padding-top: 86px;
}

.page-section.section-1 .pad{
	padding-top: 3em;
}





.white-bg{
	background-color: #fff;
	color: #000;
}
.light-gray-bg{
	background-color: #f6f6f6;
	color: #000;
}
.white-bg h3{
	color: #006267;
}
.white-bg a.button{
	background-color: #C6D7CD;
	color: #006267;
}
.light-green-bg{
	background-color: #C0EBDC;
	color: #006267;
}
.dark-green-bg{
	background-color: #006267;
	color: #fff;
}
.dark-green-bg h2{
	color: #fff;
}
.dark-green-bg a.button{
	background-color: #C6D7CD;
	color: #006267;
}

/* new background color 2023-08-14 */
.off-white-bg{
	background: #FBF9EF;
}

.no-center{
	text-align: left;
}




/* **************************************************************************************************************** */
/* hero section */
/* **************************************************************************************************************** */
.page-section.hero{
	padding: 0;
}
.page-section.hero .pad{
	padding: 0;
}
.hero .slide-container{
	position: relative;
}
.hero .image-container{
	width: 100%;
	height: 100vh;
	min-height: 500px;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.hero .slide-content{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 0 1.5em 1.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
}
.hero.height-50 .image-container{
	height: 50vh;
}
.hero.height-40 .image-container{
	height: 40vh;
}
.hero h3{
	text-transform: uppercase;
	letter-spacing: +.15em;
}




/* **************************************************************************************************************** */
/* page-section.hero-v2 */
/* **************************************************************************************************************** */
.page-section.hero-v2{
	padding: 0;
}
.hero-v2 .item{
	position: relative;
	z-index: 999;
	width: 100%; 
	height: 100vh;
	min-height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}
.hero-v2.height-50 .item{
	height: 50vh;
	
}
.hero-v2.height-40 .item{
	height: 40vh;
}
.hero-v2 .image-wrap{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.hero-v2 .image-wrap img,
.hero-v2 .image-wrap video{
	min-width: 100%; 
	min-height: 100%;
	object-fit: cover;
	object-position: 45% 50%;
}
.hero-v2 .content-wrap{
	position: absolute;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	padding: 1.5em 0;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
}
.hero-v2.in-container .content-wrap{
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.hero-v2 .content-wrap .content{
	max-width: 640px;
	padding: 12px 1.5em;
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
}
.hero-v2.home .content-wrap .content{
	padding-top: 1.5em;
}
.hero-v2 h3{
	text-transform: uppercase;
	letter-spacing: +.15em;
}


.hero-v2.animate .image-wrap{
	animation: movebackground 23.2s ease-in-out infinite;
}
@keyframes movebackground {
	0% {
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		transform-origin: bottom left;
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
	}
	50% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
	}
	100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
	}
}






/* **************************************************************************************************************** */
/* page-section.standard-content */
/* **************************************************************************************************************** */
.page-section.standard-content{
	text-align: center;
}
.page-section.standard-content.align-left{
	text-align: unset;
}
.page-section .col-1,
.page-section .col-2{padding-bottom: 2.5em; }

.cols_50-50.image-bleed-left .col-1{
	position: relative;
	margin: -5em -25px 0 -25px;
}
.cols_50-50.image-bleed-right .col-2{
	position: relative;
	margin: 0 -25px -5em -25px;
	padding: 0;
}
.page-section .col-1 p:last-of-type,
.page-section .col-2 p:last-of-type{
	margin-bottom: 0;
}







/* **************************************************************************************************************** */
/* page-section.marquee */
/* **************************************************************************************************************** */
.page-section.marquee{}
.page-section.marquee.fullwidth .pad{ padding: 0; }
.page-section.marquee.fullwidth .container{ max-width: unset; }

.page-section.marquee.pad-default{  }
.page-section.marquee.pad-nopad{ padding: 0; }
.page-section.marquee.pad-less{ padding: 1.75em 0; }
.page-section.marquee.pad-more{ padding: 7em 0; }

.page-section.marquee .text-marquee{}
.page-section.marquee .text-marquee *{
	margin-bottom: 0;
}








/* **************************************************************************************************************** */
/* page-section.article-listing */
/* **************************************************************************************************************** */
.page-section.article-listing{}
.article-listing .items-container{}
.article-listing .filters-container{
	margin: 24px 0;
}
.filters-container form{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
	gap: .25em;
}
.filters-container input{
	margin: 0;
	padding: .5em;
	font-family: 'Brandon Regular';
	font-size: 1em;
	border-radius: 0;
	border: 0;
	background-color: #C6D7CD;
	color: #006267;
}
.filters-container input[type="submit"]{
	color: #fff;
	background: #006267;
}

.article-listing .item{
	position: relative;
	text-decoration: none;
}
.article-listing .item .categories{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 5px .75em;
	background-color: #006267;
	color: #fff;
}
.article-listing .item .categories ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.article-listing .item .categories li{
	font-size: .75em;
	font-weight: 600;
	text-transform: uppercase;
}
.article-listing .item .content-wrap{
	padding-top: 22px;
	padding-bottom: 12px;
}
.article-listing .item.no_image .content-wrap{
	padding-top: 44px;
	font-size: 1em;
}
.article-listing .item .content-wrap h3{
	margin-bottom: .31em;
	color: #006267;
	line-height: 1.17;
}
.article-listing .meta .divider{
	display: inline-block;
	width: auto;
	margin: 0 .35em;
	padding: 0;
	color: #000;
}
.article-listing .item .read-more{
	font-weight: 600;
	color: #006267;
}
.article-listing .item .read-more::after{
	content: " >";
}

.category-wrap{
	margin-bottom: 1.5em;
}
.category-wrap ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.category-wrap li{
	display: block;
	margin: 0 0 1.5em 0;
	padding: 0;
	list-style: none;
	font-size: 1.75em;
	color: #006267;
	font-weight: 600;
	text-transform: uppercase;
}
.category-wrap a{
	text-decoration: none;
}




/* **************************************************************************************************************** */
/* page-section.locations */
/* **************************************************************************************************************** */
.page-section.locations .pad{
	padding-left: 0;
	padding-right: 0;
	background-color: #fff;
	color: #006267;
}
.page-section.locations h1{
	font-size: 2.25em;
	margin-bottom: .73em;
	color: #006267;
}
.page-section.locations h3{
	margin: 0;
	padding: 1em 0;
	text-transform: uppercase;
	letter-spacing: +.15em;
	color: #006267;
	border-top: solid 1px #000;
	cursor: pointer;
}
.locations h4{
	margin-bottom: 0;
	cursor: pointer;
}
.locations address{
	margin: 1em 0 2.75em 0;
}
.hours{
	margin-top: .85em;
}
.locations .icon{
	text-decoration: none;
}
.locations .icon::before{
	display: block;
	float: left;
	content: "";
	width: 1.75em;
	height: 1.5em;
	background: no-repeat left 75% transparent;
	background-size: 72.5% auto;
}
.locations .icon-phone::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31'%3E%3Cpath fill='%23006267' d='M6.9 2c-.3 0-.7.1-.9.4L2.6 5.9c-1.3 1.3-.2 4.1.6 5.7 1.3 2.7 3.7 5.8 6.6 8.7 2.9 2.9 6 5.3 8.7 6.6 1.6.8 4.4 1.8 5.7.5l3.3-3.3c.6-.5.6-1.4 0-1.9l-3.3-3.3c-.6-.6-1.4-.6-1.9 0l-3.2 3.2-.6-.3c-4.2-2-8.2-6.1-10-10.1l-.3-.6 3-3.2c.3-.3.4-.7.4-1 0-.3-.1-.6-.4-.8L7.9 2.4c-.3-.3-.6-.4-1-.4m15.5 28c-3.9 0-9.5-3.7-14.1-8.3-3.1-3.1-5.6-6.4-7-9.2C-.9 8 0 5.6 1.2 4.5L4.5 1C5.9-.3 8-.3 9.3 1l3.3 3.5c.6.5.9 1.3 1 2.1 0 .9-.3 1.8-1 2.5l-2.1 2.2c1.6 3.2 4.8 6.4 8.1 8.2l2.2-2.2c1.3-1.3 3.4-1.3 4.8 0l3.3 3.3c1.3 1.3 1.3 3.4 0 4.8l-3.3 3.3c-.8.9-1.9 1.3-3.2 1.3'/%3E%3C/svg%3E");
	
}
.locations .icon-email::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 26'%3E%3Cpath fill='%23006267' d='M31 24H3c-.5 0-1-.4-1-1V4.9l13.6 9.7c.4.3.9.5 1.4.5s1-.2 1.4-.5L32 4.9V23c0 .6-.4 1-1 1M3 2h28c.4 0 .7.2.9.6L17.1 13l-.1.2L2.1 2.6c.2-.4.5-.6.9-.6m28-2H3C1.3 0 0 1.3 0 3v20c0 1.6 1.3 3 3 3h28c1.6 0 3-1.3 3-3V3c0-1.7-1.3-3-3-3'/%3E%3C/svg%3E");
}

.page-section.locations .section-intro{
	margin-bottom: 1.5em;
	text-align: center;
}
.page-section.locations .col-1{
	padding-left: 25px;
	padding-right: 25px;
	color: #000;
}
.page-section.locations .col-2{
	padding: 0;
}
.acf-map{
	width: 100%;
	height: calc( 100vh - 100px );
	min-height: 80vh;
}
.page-section.locations .infow{
	padding: 20px 10px;
	font-size: 1.25em;
}

.locations .toggler{
	position: relative;
}
.locations .toggler::after{
	position: absolute;
	right: 0;
	width: 1.5em;
	height: 1.5em;
	content: "";
	background: no-repeat center center transparent;
	background-size: auto .4em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.9 13.8'%3E%3Cpath fill='%23006267' d='M0 1.8C0 1.3.2.9.5.5c.7-.7 1.9-.7 2.6 0l9.3 9.3L21.7.5c.7-.7 1.9-.7 2.6 0 .7.7.7 1.9 0 2.6L14.5 13c-.5.5-1.3.8-2 .8-.8 0-1.5-.3-2-.8L.5 3.1C.2 2.8 0 2.3 0 1.8z'/%3E%3C/svg%3E");
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.toggler.active::after{
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}




/* **************************************************************************************************************** */
/* page-section.highlights */
/* **************************************************************************************************************** */
.page-section.highlights{}
.highlights .boxes .item{
	height: 60vw;
	background: url() no-repeat center center #eee;
}
.highlights .boxes .content-wrap{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	padding-right: 27.5%;
	font-size: 1.5em;
	font-weight: 800;
	color: #fff;
}





/* **************************************************************************************************************** */
/* page-section.menu-cards */
/* **************************************************************************************************************** */
.page-section.menu-cards{}
.page-section.menu-cards .items-container{
	display: flex;
	flex-flow: row wrap;
	gap: 24px;
	align-items: flex-start;
	margin-top: 24px;
}
.page-section.menu-cards .item{
	position: relative;
	align-items: flex-start;
	padding: 0 0 50px 0;
	background: #ffffff;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 0 24px rgba(0,98,103, .05);
	transition: all .2s;
}
.page-section.menu-cards .item.has-more:hover{
	cursor: pointer;
	box-shadow: 0 0 12px rgba(0,98,103, .15);
}
.page-section.menu-cards .item.has-more::after{
	position: absolute;
	bottom: 24px;
	right: 24px;
	display: inline;
	width: 32px;
	height: 32px;
	content: " i ";
	font-family: 'Clearface Heavy', serif;
	font-weight: 800;
	color: #006267;
	line-height: 32px;
	text-align: center;
	background: #FBF9EF;
	border-radius: 100%;
	transition: all .2s;
}
.page-section.menu-cards .item.has-more:hover::after{
	background: #C6D7CD;
}
.page-section.menu-cards .item .image-wrap{
	position: relative;
}
.page-section.menu-cards .content-wrap{
	position: relative;
	padding: 24px 24px 0 24px;
	background: #fff;
}
.page-section.menu-cards .more-wrap{
	display: none;
	padding: 0 24px;
}
.no-js .page-section.menu-cards .more-wrap{
	display: block;
}
.page-section.menu-cards .item.active::after{
	font-family: 'Brandon Regular';
	font-weight: 400;
	content: " X ";
}
.page-section.menu-cards h3{
	margin: 0 0 10px 0;
	font-family: 'Clearface Heavy', serif;
	font-size: 26px;
	line-height: 1;
	font-weight: 800;
	color: #006267;
	text-transform: none;
}
.page-section.menu-cards p{
	line-height: 1.3;
}
.page-section.menu-cards td{
	padding-left: 0;
}








ul.post-categories,
ul.post-categories li{
	display: inline-block;
	margin: 0;
	padding: 0;
}

/* Content and security policy plugin */
.modal-cacsp-box-settings-list{}
.modal-cacsp-box-settings-list ul,
.modal-cacsp-box-settings-list ul li{
	background: none;
}



/* Slider */
.slick-dots{
    position: absolute;
    bottom: .5em;
	left: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
	text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: .615em;
    height: .615em;
    margin: 0 .325em;
    padding: 0;
	border-radius: 50%;
	cursor: pointer;
	background: rgba(255,255,255, .44);
}
.slick-dots li.slick-active{
	background: rgba(255,255,255, .88);
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
}
#cookieChoiceInfo{
	padding: 25px !important;
}










@media (max-width: 639.99px) {
	table {
		font-size: .75em;
	}
	
	.slick-arrow{
		display: none !important;
	}
	
	.hide-s{
		display: none;
	}
	
}




@media screen and (min-width: 640px){
	
	h1{
		font-size: 3.65em;
		line-height: 1.25em;
	}
	h3 {
		font-size: 1.37em;
	}
	
	.slider .slide-content{
		padding: 0 50px;
	}
	
	.hide-l{
		display: none;
	}

	.scrolling #header,
	.nav-expanded.scrolling #header{
		height: 64px;
		padding: 12px 0 6px 0;
	}
	#logo{
		width: 130px;
	}
	.scrolling #logo{
		width: 100px;
	}
	#utilities-wrap{
		right: 0;
	}
	#utilities li{
		width: auto;
		max-width: unset;
	}
	#utilities-wrap li a{ font-size: 16px; letter-spacing: +.075em; }
	#utilities-wrap li.language a{ height: 44px; margin-left: 12px; }

	

	/* .article-listing */
	.boxes{
		gap: 3%;
	}
	.boxes .item{
		width: 48.5%;
		display: flex;
		flex-flow: row wrap;
	}
	.article-listing.items-container.list{
		align-items: space-between;
	}
	.items-container.list .item{
		display: flex;
		flex-flow: row nowrap;
		padding: 1.5em 0;
		border-bottom: solid 1px #C6D7CD;
	}
	.items-container.list .item:first-child{
		border-top: solid 1px #C6D7CD;
	}
	
	.items-container.list .content-wrap{
		width: 66%;
		padding-right: 5em;
		order: 1;
	}
	.items-container.list .image-wrap{
		width: 34%;
		order: 2;
	}
	.items-container.list .categories{
		top: 1.5em;
	}
	.items-container.list .meta{
		margin-top: 1em;
	}
	
	.page-section.menu-cards .item{
		width: calc(50% - 12px);
	}
	.page-section.menu-cards .content-wrap{
		min-height: 200px;
	}

	.slick-prev,
	.slick-next{
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: calc( 50% - 22px);
		display: block;
		width: 44px;
		height: 44px;
		z-index: 9;
		padding: 0;
		
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: no-repeat center center transparent;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23c6d7cd' d='M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm-1.8-8c-.3 0-.6-.1-.8-.3-.5-.5-.5-1.2 0-1.7l6.1-6-6.1-6c-.5-.5-.5-1.2 0-1.7s1.2-.5 1.7 0l6.4 6.3c.3.4.5.9.5 1.4 0 .5-.2 1-.6 1.3L15 23.7c-.2.2-.5.3-.8.3z'/%3E%3C/svg%3E");
		background-size: 95% auto;
	}
	.slick-prev{
		left: 10px;
		-webkit-transform: rotate(-180deg);
		        transform: rotate(-180deg);
	}
	.slick-next{
		right: 10px;
	}
	.slick-prev:hover,
	.slick-next:hover{
		opacity: .66;
	}



}



@media screen and (min-width: 767px){
	

	/* layout variations */
	.page-section.standard-content{}
	
	.page-section.standard-content .container{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.page-section.standard-content.vert-align-top .container{
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	

	.page-section.standard-content .col-1{
		padding: 1.5em 50px 1.5em 25px;
	}
	
	.page-section.standard-content .col-2{
		padding: 1.5em 25px 1.5em 50px;
	}

	.page-section.cols_66-33 .col-1,
	.page-section.cols_33-66 .col-2{
		width: 66.66%;
	}
	.page-section.cols_66-33 .col-2,
	.page-section.cols_33-66 .col-1{
		width: 33.33%;
	}
	.page-section.cols_75-25 .col-1,
	.page-section.cols_25-75 .col-2{
		width: 75%;
	}
	.page-section.cols_75-25 .col-2,
	.page-section.cols_25-75 .col-1{
		width: 25%;
	}
	.page-section.cols_80-20 .col-1,
	.page-section.cols_20-80 .col-2{
		width: 80%;
	}
	.page-section.cols_80-20 .col-2,
	.page-section.cols_20-80 .col-1{
		width: 20%;
	}
	.page-section.cols_50-50 .col-1,
	.page-section.cols_50-50 .col-2{
		width: 50%;
	}
	.page-section.cols_100 .container,
	.page-section.cols_66_centered .container{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.page-section.cols_100 .col-1,
	.page-section.cols_100 .col-2{
		width: 100%;
	}
	.page-section.cols_66_centered .col-1,
	.page-section.cols_66_centered .col-2{
		width: 66%;
		margin-left: auto;
		margin-right: auto;
	}
	.cols_50-50.image-bleed-left,
	.cols_50-50.image-bleed-right{
		overflow: hidden;
	}
	.cols_50-50.image-bleed-left img,
	.cols_50-50.image-bleed-right img{
		min-height: 500px;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: 40% 55%;
		   object-position: 40% 55%;
	}
	.cols_50-50.image-bleed-left .col-1,
	.cols_50-50.image-bleed-right .col-2{
		position: absolute;
		top: 0;
		margin: 0;
		padding: 0;
		height: 100%;
	}
	.cols_50-50.image-bleed-left .col-1{ left: 0; }
	.cols_50-50.image-bleed-right .col-2{ right: 0; }
	
	.cols_50-50.image-bleed-left .col-2{ margin-left: 50%; }
	.cols_50-50.image-bleed-right .col-1{ margin-left: -50%; }
	
	
	
	
	.page-section.article-listing .section-intro,
	.page-section.article-listing .section-outro,
	.page-section.article-listing .items-container,
	.page-section.article-listing .filters-container{
		padding-left: 25px;
		padding-right: 25px;
	}


	.page-section.menu-cards .content-wrap{
		min-height: 180px;
	}

	.page-section.locations{
		padding-left: 0;
		padding-right: 0;
	}
	.page-section.locations .container{ 
		max-width: unset; 
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex;
	}
	.page-section.locations .pad{ padding: 0; }
	.page-section.locations .col-1{

		width: 440px;
		margin: 0;
	}
	.page-section.locations .col-2{
		width: calc( 100% - 440px );
		margin: 0;
	}


}




@media screen and (min-width: 992px){
	
	#utilities li.foretagskund{
		display: flex;
	}

	.boxes{
		gap: 2.75%;
	}
	.boxes .item{
		width: 31.5%;
		margin-bottom: 2.5em;
	}
	.highlights .boxes .item{
		height: 22vw;
		max-height: 262px;
	}
	.page-section.menu-cards .item{
		width: calc(33% - 24px);
	}
	.page-section.menu-cards .content-wrap{
		min-height: 200px;
	}
	
}



@media screen and (min-width: 1280px){
	
	.page-section .col-1,
	.page-section .col-2{
		padding: 1.5em 7.5%;
	}
	.page-section.locations .col-1{
		padding: 1.5em;
	}
	.page-section.locations .col-2{
		padding: 0;
	}
	.page-section.menu-cards .content-wrap{
		min-height: 160px;
	}

}



















#nav li{
	opacity: 0;
}
.nav-expanded #nav li{
	-webkit-animation: fadeinmenu .5s 1;
	        animation: fadeinmenu .5s 1;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
.nav-expanded #nav li:nth-child(1){ -webkit-animation-delay: .20s; animation-delay: .20s;}
.nav-expanded #nav li:nth-child(2){ -webkit-animation-delay: .25s; animation-delay: .25s;}
.nav-expanded #nav li:nth-child(3){ -webkit-animation-delay: .30s; animation-delay: .30s;}
.nav-expanded #nav li:nth-child(4){ -webkit-animation-delay: .35s; animation-delay: .35s;}
.nav-expanded #nav li:nth-child(5){ -webkit-animation-delay: .40s; animation-delay: .40s;}
.nav-expanded #nav li:nth-child(6){ -webkit-animation-delay: .45s; animation-delay: .45s;}
.nav-expanded #nav li:nth-child(7){ -webkit-animation-delay: .50s; animation-delay: .50s;}
.nav-expanded #nav li:nth-child(8){ -webkit-animation-delay: .55s; animation-delay: .55s;}
.nav-expanded #nav li:nth-child(9){ -webkit-animation-delay: .60s; animation-delay: .60s;}
.nav-expanded #nav li:nth-child(10){ -webkit-animation-delay: .65s; animation-delay: .65s;}
.nav-expanded #nav li:nth-child(11){ -webkit-animation-delay: .70s; animation-delay: .70s;}
.nav-expanded #nav li:nth-child(12){ -webkit-animation-delay: .75s; animation-delay: .75s;}
@-webkit-keyframes fadeinmenu { from {opacity: 0; padding-bottom: 28px;} to {opacity: 1; padding-bottom: 0px;} }
@keyframes fadeinmenu { from {opacity: 0; padding-bottom: 28px;} to {opacity: 1; padding-bottom: 0px;} }
#nav li a{
	-webkit-transition: opacity .5s, margin .5s border .25s;
	transition: opacity .5s, margin .5s border .25s;
}

.hamburger {
	padding: 10px 6px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition-property: opacity, -webkit-filter;
	transition-property: opacity, -webkit-filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	-webkit-transition-duration: 0.15s;
	        transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	        transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible; 
}
.hamburger:hover {}
.hamburger.is-active:hover {}
.hamburger:focus{
	outline: none;
}
.hamburger-box {
	width: 24px;
	height: 24px;
	display: inline-block;
	position: relative; 
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: 0px; 
}
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
	width: 24px;
	height: 2px;
	background-color: #fff;
	border-radius: 0;
	position: absolute;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.15s;
	        transition-duration: 0.15s;
	-webkit-transition-timing-function: ease;
	        transition-timing-function: ease; 
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block; 
}
.hamburger-inner::before {
	top: -7px; 
}
.hamburger-inner::after {
	bottom: -7px; 
}
.hamburger--squeeze .hamburger-inner {
	-webkit-transition-duration: 0.075s;
	        transition-duration: 0.075s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--squeeze .hamburger-inner::before {
	-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
	transition: top 0.075s 0.12s ease, opacity 0.075s ease; 
}
.hamburger--squeeze .hamburger-inner::after {
	-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--squeeze.is-active .hamburger-inner {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transition-delay: 0.12s;
	        transition-delay: 0.12s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
	transition: top 0.075s ease, opacity 0.075s 0.12s ease; 
}
.hamburger--squeeze.is-active .hamburger-inner::after {
	bottom: 0;
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
	-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
}