/*
Theme Name: Shutl App 1.0
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

*/
.file-icon img {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    object-fit: cover !important;
    border-radius: 5px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

@font-face {
font-family:"poppins";
src:url("fonts/Poppins/poppins-regular.woff2") format("woff2"),url("fonts/Poppins/poppins-regular.woff") format("woff"),url("fonts/Poppins/poppins-regular.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"poppins";
src:url("fonts/Poppins/poppins-bold.woff2") format("woff2"),url("fonts/Poppins/poppins-bold.woff") format("woff"),url("fonts/Poppins/poppins-bold.otf") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}



@media screen and (max-width: 640px) {
	html{font-size: 12px !important;}
}
	

@media (min-width: 641px) and (max-width: 960px) {
	html{font-size: 14px !important;}
}

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

:root {
	--black:#000;
	--white:#ffffff;
	--white-50:rgba(255, 255, 255, 0.5);
    --gray:#444444;
    --mid-gray:#eeeeee;
    --light-gray:#f9f9f9;

    --blue:#428AE2;
    --mid-blue:#77ABEA;
    --light-blue:#B2CFF3;
    --light-blue-50:rgba(177, 207, 243, 0.5);
    --light-blue-25:rgba(177, 207, 243, 0.25);
    --green:#84b067;
    --red:#c9473d;
    --beige:#e3ded5;
    --yellow:#d8ae42;
    --gradient-1:linear-gradient(45deg, rgba(178,207,243,1) 0%, rgba(66,138,226,1) 100%);

	--input-border-width: 0.1rem;
	--input-border-color: var(--light-blue);
	--input-border-radius: 0.5rem;
	--input-border: var(--input-border-width) solid var(--input-border-color);

    --shadow: 0px 0px 1rem rgba(0, 0, 0, 0.15);
    --base-padding: 0.5rem;
    --screen-padding: calc(50% - 540px);
    --primary-font: 'poppins', sans-serif;
}


html{font-size: 16px; background-color: var(--white);}
body{width:100vw; padding: 0 0 0 5rem; margin: 0 !important; float:left; background-color: var(--light-blue-25); font-family: var(--primary-font); font-weight: 400; color: #333333;}

*{
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.col-1 {width: 8.33%; }
.col-2 {width: 16.66%;}
.col-3{width: 25%;}
.grid-3{flex: 25%;}
.col-4{width: 33.33%;}
.grid-4{flex: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.grid-6{flex: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.grid-8 {flex: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.grid-12 {flex: 100%;}

[class^="col-"],
[class^="grid-"]{
    float: left;
    padding: var(--base-padding);
    position: relative;
    z-index: 1;
}


.rounded{border-radius: 1rem;}
.nopadding{padding: 0 !important;}
.padding_x2{padding: calc(var(--base-padding) * 2);}
.padding_x3{padding: calc(var(--base-padding) * 3);}
.padding_x4{padding: calc(var(--base-padding) * 4);}

.nopadding_y{padding-top: 0 !important; padding-bottom: 0 !important;}
.extrapadding_y{padding-top: 3rem !important; padding-bottom: 3rem !important;}
.doublepadding_y{padding-top: 2rem !important; padding-bottom: 2rem !important;}

.extrapadding_bottom{padding-bottom: 3rem !important;}

.nopadding_top{padding-top: 0 !important;}
.nopadding_bottom{padding-bottom: 0 !important;}
.nopadding_x{padding-left: 0 !important; padding-right: 0 !important;}

.nomargin{margin: 0 !important;}


.display_block{display: block;}
.margin_top{margin-top: 1rem !important;}
.margin_bottom{margin-bottom: 1rem !important;}
.float_left{float: left;}

.center{text-align: center !important;}
.align_center{text-align: center;}
.align_left{text-align: left;}
.align_right{text-align: right;}
.bold{font-weight: 700;}
.caps{text-transform: uppercase;}
.italic{font-style: italic;}
.oblique{font-style: oblique;}
.bottommargin{margin-bottom: 1rem;}
.topmargin{margin-top: 1rem;}
.deadcenter, deadcenter{
	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%);
	z-index: 10;
	}

a{color: inherit; text-decoration: none;}
a img { border: none; }
p{font-size: 1.25rem; line-height: 1.5em;  margin:0 0 1em 0; }
p.smalltext{font-size: 1rem;}
p a{text-decoration: underline;}
h1{font-family: var(--primary-font); font-weight: 700; font-size:2rem; display:block !important; margin: 0 0 0.5em 0; padding: 0;}
.post h1{margin: 0 0 0.25em 0;}
h2{font-family: var(--primary-font); font-weight: 700; font-size:1.5rem; display:block; margin: 0 0 0.5em 0; padding: 0;}
h3{font-family: var(--primary-font); font-weight: 700; font-size:1.3rem; display:block; margin: 0 0 0.5em 0; padding: 0;}
h4{font-family: var(--primary-font); font-weight: 700; font-size:1.2rem; display:block; margin: 0 0 0.5em 0; padding: 0;}
title{font-family: var(--primary-font); font-weight: 700; display: block; color: var(--blue);}

.underrubrik{font-size: 1.75em;}
h1 .underrubrik{font-size: 0.45em; display: block;  font-weight: 400; line-height: 1.2em; text-transform: none;}
heading, h1, h2, h3, h4{line-height: 1em;}

#breadcrumbs{
	font-size: 1rem;
	font-weight: 700;
	margin: 0;
	line-height: 1em;
	padding: 0 1rem;
	list-style-type: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: var(--navy-50);
	color: var(--white);
	}
#breadcrumbs li{
	display: inline-block;
	}
#breadcrumbs a{
	text-decoration: none;
	}

.bigtext p, p.bigtext{font-size: 2rem;}
.ingress{font-size: 1.5rem;}
.ingress a, .ingress a:hover{text-decoration: none;}


.smalltitle{font-size:1.5rem; text-decoration: none; display: block; width: 100%;}
h1.smalltitle{font-size:3rem;}
.smalltitle a:hover{text-decoration: none;}

p + h2,
p + h3,
p + h4{
	margin-top: 1rem !important;
}
p a:hover {text-decoration: underline;}
.fattitle{font-family: var(--primary-font); font-weight: 700; font-size: 2.5em;}



blockquote{
	width: 100%;
	float: left;
	padding: 2em;
	margin: 0;
	position: relative;
	}
blockquote:before,
blockquote:after{
	font-family: 'Font Awesome 6 Pro';
	position: absolute;
	display: block;
	color: #00859B;
	font-weight: 700;
	font-size: 5em;
}
blockquote:before{
	top:0;
	left:0;
	content: '\f10d';
}
blockquote:after{
	bottom:0;
	right:0;
	content: '\f10e';
}
blockquote p{
	width: 100%;
	float: left;
	padding: 2em;
	background-color: #efefef;
	margin: 0;
	font-size: 2em;
	line-height: 1.2em;
	text-align: center;
	}
	
.two_columns{
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 2rem;
	-webkit-column-gap: 2rem;
	column-gap: 2rem;
}
.three_columns{
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-moz-column-gap: 2rem;
	-webkit-column-gap: 2rem;
	column-gap: 2rem;
}
	
	
.wrapper{
	width: 100vw;
	float: left;
	position: relative;
	padding: 0 calc(50% - 640px);
	z-index: 1;
	overflow: hidden;
}

.content{
	width: 100%;
	float: left;
	padding: 0 calc(50% - 540px);
	z-index: 1;
}
.content_section{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.content_narrow{
	width: 100%;
	float: left;
	padding: 4rem calc(50% - 360px);
	z-index: 1;
}


.z_5{z-index: 5;}


.half{
	width: 50%;
	padding: 1rem;
	position: relative;
}

.half_img img,
.half_img picture{
	width: 100%;
	display: block;
	border-radius: 0.5rem;
	overflow: hidden;
}


.parallax-window {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.parallax-window .wrapper{
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}


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


	


.black_bg{background-color: #000;}
.white_bg{background-color: var(--white);}
.gray_bg{background-color: var(--gray);}
.light_gray_bg{background-color: var(--light-gray);}
.blue_bg{background-color: var(--blue);}
.transparent_bg{background-color: transparent;}
.green_bg{background-color: var(--green);}
.red_bg{background-color: var(--red) !important;}


.gradient_1{background:var(--gradient-1);}


.black_text{color: #000;}
.white_text{color: #fff !important;}
.gray_text{color: var(--gray);}

.blue_text{color: var(--blue);}
.green_text{color: var(--green);}
.red_text{color: var(--red);}

.black_border{border-color: #000 !important;}
.green_border{border-color: var(--green) !important;}
.purple_border{border-color: var(--purple) !important;}
.aqua_border{border-color: var(--aqua);}


.ease{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.shadow{box-shadow: var(--shadow); }
.scroll_shadow{box-shadow: none; }
body.scrolled .scroll_shadow{box-shadow: var(--shadow); }
.radius_1{border-radius: calc(var(--base-padding) * 1);}
.radius_2{border-radius: calc(var(--base-padding) * 2);}
.radius_3{border-radius: calc(var(--base-padding) * 3);}


.header_wrapper{
	z-index: 1001 !important;
	overflow: visible !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
}
body.admin-bar .header_wrapper{top:32px !important;}

.header{
	width: 100%; 
	height: 4rem;
	float: left;
	position: relative;
	padding: 0;
	display: block;
	}


.logo{
	height: 3rem;
	position: absolute;
	left: 0;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1000;
	display: block;
}
.logo img{
	width: auto;
	height: 100%; 
	display: block;
	}



.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-wrap [class*="col-12"]{
	display: block;
	flex-wrap: nowrap;
}


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

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

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

.mascot{
	
}

.mascot_fixed{
	width: 20rem;
	display: block;
	position: fixed;
	bottom: -2rem;
	right: -5rem;
	transform: rotate(-10deg);
}

.usp{
	overflow: hidden;
}
.usp_title{
	display: inline-block;
	margin: 0;
	padding: 0;
}
.usp_text{
	margin: 0;
	padding: 1rem 0 0 0;
	position: relative;
}
.usp_text::before{
	display: block;
	width: 10rem;
	max-width: 50%;
	height: 0.2rem;
	background-color: var(--peach-color);
	position: absolute;
	top:0;
	left: 0;
	content: '';
}

.mascot_usp{
	width: 25%;
	display: block;
	position: absolute;
	bottom: -2rem;
	right: 1rem;
}


/*********** ACCORDION ***********/


.accordion{
	width: 100%;
	float: left;
	margin:0;
	padding: 0;
	list-style-type: none;
}


.accordion_heading{
	width: 100%;
	float:left;
	display: block;
	position: relative;
	z-index: 100;
	outline: none;
	line-height: 1em;
	padding: 1rem 0;
	margin: 0;
}
.accordion_heading:after{
	font-family: 'Font Awesome 6 Pro';
	font-size: 1rem;
	content: '\f107';
	position: absolute;
	font-weight: 100;
	display: inline-block;
	text-align: left;
	right:1em;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #000;
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out;  
	transition: all 0.5s ease-in-out;
	transform-origin: 50% 0.15em;
}
.accordion_heading.ui-state-active:after{
	transform: rotate(180deg);
}
.accordion_heading h2,
.accordion_heading h3{
	margin: 0;
	line-height: 1em;
}

.accordion_heading_meta{
	display: block;
	font-weight: 400;
	font-size: 1rem;
}


.accordion_content{
	width: 100%;
	padding: 0;
	float: left;
	display: block;
	position: relative;
	font-size: 1rem;
	line-height: 1.65em;
}


/*********** STEPPER ***********/


.stepper {
	width: 100% !important;
	overflow: hidden;
	height: 100%;
}

.step{
	display: flex;
	padding: 0rem;
	overflow: auto; /* Add overflow property to allow content scrolling if needed */
	opacity: 0; /* Initially hide all steps */
	transition: opacity 1s ease-in-out; /* Add a fade transition */
	flex-wrap: wrap;
}

/* Add styling for the visible step */
.step.active {
	opacity: 1;
}


.stepper_nav{
	padding: 0.5rem !important;
}

.stepper_nav .button{
	flex: 50% !important;
	text-align: center !important;
}

.prev-step::before,
.next-step::after{
	font-family: 'Font Awesome 6 Pro';
	font-weight: 700;
	display: inline-block;
	position: absolute;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

}

	

.prev-step{
	padding: 1rem 1rem 1rem 3rem !important;
}
.prev-step::before{
	content: '\f30a';
	left: 1rem;
}
.next-step{
	padding: 1rem 3rem 1rem 1rem !important;
}
.next-step::after{
	content: '\f30b';
	right: 1rem;
	
}


.stepper_progress_wrap{
	padding: 1rem;
}

.stepper_progress{
  height: 2rem;
  border-radius: 1rem;
  background-color: transparent;
  border: 0.1rem solid var(--white);
  color: var(--white);
  display:block;
  overflow: hidden;
  position: relative;
}

.progress{
  height: 100%;
  width: 0;
  background-color: var(--aqua);
  transition: width 0.3s ease-in-out;
}

.step-counter{
	font-size: 0.75rem;
	position: absolute;
	left: 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-transform: uppercase;
	font-weight: 700;
}


/*********** NAV ***********/




ul.menu,
ul.sub-menu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}





/******* Dashboard *******/






.app_logo{
	width: auto;
	height: 3rem; 
	display: block;
	position: absolute;
	top:1rem;
	left: 1rem; 
	
}
.app_logo img{
	width: auto;
	height: 100%; 
	display: block;
}


.prev_button{
	width: 3rem;
	height: 3rem;
	display: block;
	position: absolute;
	left: 0;
	top: 0; 
	
}
.prev_button::after{
	font-family: 'Font Awesome 6 Pro';
	content: '\f355';
	font-size: 1.5rem;
	font-weight: 900;
	position: absolute;
	left: 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%);
	
}


.app_header{
	width: 100%;
	height: 4rem;
	padding: 0 var(--screen-padding);
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	z-index: 30;
	background-color: var(--navy-50);
}
.app_header_inner{
	width: 100%;
	float: left;
	height: 4rem;
	padding: 1rem 4rem;
	position: relative;

}
.app_header h1{
	font-size: 1.1rem;
	margin: 0;
	padding: 0.45rem 0;
	line-height: 1em;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.title_icon{
	font-family: 'Font Awesome 6 Pro';
	margin-right: 0.5em;
	display: inline-block;	
}


.back_button{
	width: 2rem;
	height: 2rem;
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 1rem;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border:0.1rem solid var(--white);
	outline: none;
	background-color: transparent;
	-webkit-appearance: none;
	color: var(--white);
}


.back_button::before{
	font-family: 'Font Awesome 6 Pro';
	content: '\f060';
	display: inline-block;
	position: absolute;
	left: 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%);
	font-size: 1rem;
}



.app_wrapper{
	width: 100%;
	min-height:100vh;
	float: left;
	position: relative;
	padding: 1rem calc(100% - 1280px) 1rem 1rem; 
}


/******* APP menu *******/
.app_nav{
	width: 5rem;
	height: 100vh;
	position: fixed;
	padding: 5rem 0 0 0;
	left:0;
	top:0;
	bottom: 0;
	display: block;
	z-index: 100;
	background: var(--white);
}



ul.app_menu{
	width: 100%;
	float: left;
	padding: 0;
	font-weight: 700;
	display: flex;
	align-content: center;
    flex-direction: column;
	justify-content: center;
}
ul.app_menu > li{
	float: left;
	display: block;
	padding: 0;
	justify-content: center;
	align-items: center;
}
ul.app_menu > li > a{
	display: block;
	height: 5rem;
	position: relative;
	padding: 3.25rem 0 0 0;
	line-height: 1em;
	font-size: 0.75rem;
	font-weight: 400;
	text-align: center;
	box-sizing: border-box;
	color: var(--blue);
	border-right: 0.2rem solid transparent;
}
ul.app_menu > li.current-menu-item > a{
	background-color: var(--light-blue-25);
	border-right: 0.2rem solid var(--blue);
}
ul.app_menu > li.current-menu-item > a::before{
}

ul.app_settings{
	position: absolute;
	float: none;
	width: 100%;
	bottom: 0;
	left:0;
}
ul.app_settings > li > a{
	background-color: var(--mid-blue);
	color: var(--white);
}



li.menuicon > a::before{
	font-family: 'Font Awesome 6 Pro';
	display: inline-block;
	font-size: 1.5rem;
	position: absolute;
	left: 50%; 
	top:1.5rem;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	
}

li.menuicon.dashboard > a::before{content: '\f624';}
li.menuicon.notifications > a::before{content: '\f0f3';}
li.menuicon.results > a::before{content: '\f559';}
li.menuicon.profile > a::before{content: '\f501';}
li.menuicon.courses > a::before{content: '\f5db';}
li.menuicon.marketing > a::before{content: '\f648';}
li.menuicon.home > a::before{content: '\e487';}
li.menuicon.logout > a::before{content: '\f011';}
li.menuicon.wplogo > a::before{font-family: 'Font Awesome 6 Brands'; content: '\f411';}

li.menuicon.roadmap > a::before{content: '\e5df';}
li.menuicon.eye > a::before{content: '\f06e';}
li.menuicon.discover > a::before{content: '\e522';}
li.menuicon.todo > a::before{content: '\f737';}
li.menuicon.company > a::before{content: '\e0c8';}

li.menuicon.routes > a::before, .icon.routes::before{content: '\f4d7';}
li.menuicon.places > a::before, .icon.places::before{content: '\f3c5';}




/******* Login *******/

.login_wrapper{
	width: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.login_card{
	width: 100%;
	max-width: 540px;
	padding: 2rem 5rem 2rem 0;
}

.login_logo{
	width: 40%;
	display: inline-block;
	float: none;
}
.login_logo img{
	width: 100%;
	height: auto;
	max-width: 15rem;
	display: block;
	margin: 0 auto;
}

#login_form{
	width: 100%;
	margin: 0 auto;
	padding: 0 1rem;
	float: left;
}

#login_form p{
	width: 100%;
	float: left;
	text-align: left;
}
#login_form a{
	width: 100%;
	float: left;
	text-align: left;
	margin: 0 0 0.5em 0;
	display: block;
	text-align: center;
}



/******* Buttons *******/


.button,
button,
input[type=submit],
#login_submit{
	font-family: var(--primary-font) !important;
	font-size: 1rem;
	font-weight: 700;
	white-space: nowrap;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	display: inline-block;
	border:none;
	outline: none;
	-webkit-appearance: none;
	clear: both;
	padding: 1rem 1.5rem;
	line-height: 1em;
	border-radius: var(--input-border-radius);
	height: 3rem;
	background-color: var(--blue);
	color: var(--white);
	box-sizing: border-box;
}
p.login-submit{
	flex 100%;
	display: flex;
	margin: 0;
	padding: 0.5rem 0 0 0;
	text-align: center;
	justify-content: center;
}





.block_button{
	width: 100% !important;
	display: block;
	margin: 0 !important;	
}

.border_button{
	border: 0.1rem solid;	
}


.icon_button{
	position: relative;
}	
.icon_button::before{
	font-family: 'Font Awesome 6 Pro';
	display: inline-block;
	margin-right: 0.5em;
}
.notext_button{
float: left;
}	
	
.notext_button::before{
	position: absolute;
	left: 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%);
	margin: 0 !important;
}	


.buttons_flex{
	width: 100%;
	max-width: 100%;
	display: flex;
    align-items: flex-end;
    flex-direction: row;
	justify-content: flex-end;
}

.buttons_flex .button,
.buttons_flex button,
.buttons_flex input[type=submit]
.buttons_flex.sektion_nav a{
	margin: 0.5rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	position: relative;
}



.facetwp-load-more{
	color: #000 !important;
}
.facetwp-facet{margin: 0 !important;}

.center .button{margin: 0.5em;}
.button:hover{
	cursor: pointer;
	text-decoration: none;
	opacity: 1;
}




/******** FÖRETAG ********/

.foretag_header{
	width: 100%;
	min-height: 7rem;
	float: left;
	padding: 1rem 1rem 1rem 6rem;
}
.foretag_header_logo{
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 1rem;
	top: 1rem;
	display: block;
}


ul.rounded_list{
	width: 100%;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.rounded_list > li{
	width: 100%;
	float: left;
	margin: 0.25rem 0;
	display: block;
	align-items: center;
	padding: 0 7rem 0 0;
	background-color: var(--white);
	border-radius: 0.5rem;
	position: relative;
}
ul.rounded_list > li > a{
	width: 100%;
	float: left;
	display: block;
	padding: 1rem;
}



ul.quick_list,
ol.quick_list{
	width: 100%;
	float: left;
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0.5rem 0;
}
ol.quick_list{
	counter-reset: item;
}

ul.quick_list > li,
ol.quick_list > li{
	width: 100%;
	float: left;
	margin: 0.25rem 0;
	display: block;
	padding: 0;
	position: relative;
}
ol.quick_list > li{
	counter-increment: item;
	padding-left: 3rem;
}
ol.quick_list > li:before{
	display: block;
	width: 2rem;
	height: 2rem;
	box-sizing: border-box;
	border-radius: 1rem;
	content: counter(item)'.';
	background-color: transparent;
	color: var(--blue);
	outline: var(--input-border-width) solid var(--blue);
	font-weight: 700;
	font-size: 0.75rem;
	line-height: 1em;
	padding: 0.625rem 0;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

}



.post_meta{
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	align-items:center;
}
.post_meta span,
.post_meta a{
	font-size: 0.75rem;
	margin-right: 1rem;
	display: flex;
	flex: 1;
	align-items:center;
	text-transform: none;
}
.post_meta span::before,
.post_meta a::before{
	display: inline-block;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	margin-right: 0.25em;
	vertical-align: middle;
	font-size: 1em;
	color: var(--mid-blue);
}
.action_delete{
	background-color: transparent;
	color: var(--red);
	outline: var(--input-border-width) solid var(--red);
	opacity: 0.5;
}

.action_delete:hover{
	background-color: var(--red);
	color: var(--white);
	opacity: 1;
}





.meta_updated::before{content: '\e472';}
.meta_langs::before{content: '\f0ac';}
.meta_routes::before{content: '\f4d7';}
.meta_places::before{content: '\f3c5';}
.meta_noplaces::before{content: '\f605';}
.meta_types::before{content: '\f02c';}
.meta_stats::before{content: '\e473';}

.action_delete::before{content: '\f2ed';}
.action_save::before{content: '\f0c7';}

.post_status.publish::before{content: '\f111'; color: var(--green);}
.post_status.draft::before{content: '\f042'; color: var(--red);}
.post_status.pending::before{content: '\e105'; color: var(--yellow);}



/******* FORM PAGE *******/
.form_wrapper{
    display: flex;
    flex-direction: column;
    padding: 1rem;
	justify-content: flex-start;
	align-content: flex-start;
}

.form_header{
	flex:100%;
    display: flex;
	flex-direction: column;
    position: sticky;
    top:1rem;
    z-index: 100;
    align-items: flex-start;
    justify-content: space-between;
    padding: var(--base-padding);
}
body.scrolled .form_header .white_bg{
	background-color: rgba(255, 255, 255, 0.95) !important;
}
.post_actions{
	position: absolute;
	right:1rem;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#hidden_submit{display: none !important;}

/******* ACF FORMS *******/

.acf-form{
	width: 100%;
	float: left;
	position: relative;
	padding: 0 !important;
	margin: 0 !important;
}
.acf-form-submit{
	width: 100%;
	float: left;
	position: relative;
	margin: 0.5rem 0 0 0;
}
.acf-fields{
	width: 100%;
	float: left;
}
.acf-field{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 1rem;
}
.acf-field-half{
	width: 50%;
}
.acf-field-half .acf-input{
	display: flex;
	flex: 0 0 100%;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row-reverse;
}
.acf-field-half .acf-input .acf-input-wrap{
	padding-right: 1rem !important;
}
.acf-field-half .acf-input *{
	display: flex;
}

.acf-fields>.acf-field {
  padding: 1rem;
}

.acf-field-clone > .acf-label{
	display: none !important;
}
.acf-field-clone-fields > .acf-label{
	display: block !important;
}
.acf-field-clone{
	background-color: var(--light-blue-25);
	border-radius: var(--input-border-radius);
}

.acf-label{
	padding-bottom: 0.25rem;
}
.acf-label > label{
	font-size: 1.25rem !important;
}
.acf-field-group[data-type="group"] > .acf-label{
	display: none !important;
}

.acf-input{
	width: 100%;
	float: left;
	text-align: left;
	position: relative !important;
}

.acf-field input{
	width: 100% !important;
	float: left;
}

.acf-field[data-name="title"]{
	margin: 0 !important;
	padding-bottom: 0 !important;
}
.acf-field[data-name="title"] input{
	font-size: 1.5rem;
	padding: 1rem;
}
.translation .acf-field[data-name="content"]{
	margin: 0 !important;
	padding-bottom: 0 !important;
}

.acf-field-group[data-type="group"]{
	padding-top: 0 !important;
}
.acf-field-group[data-type="group"] .acf-fields{
	width: 100%;
	float: left;
	border: var(--input-border);
	border-radius: var(--input-border-radius);

}
.acf-field-group[data-type="group"] .acf-field[data-name="title"] input{
	outline: none !important;
	border-radius: 0 !important;
	border-bottom: var(--input-border);
	padding: 1rem 0 !important;
	font-size: 1.5rem !important;
	font-weight: 700;
}

.acf-editor-wrap,
.wp-editor-tools,
.quicktags-toolbar{
	background-color: transparent !important;
	color: var(--blue) !important;
}

.translate-wrapper{
	width: 100%;
	float: left;
	position: relative;
	padding: 1rem;
}


.translate-btn{
	position: relative;
	padding-left: 4rem !important;
	background-color: var(--light-gray);
	color: var(--blue);
	cursor: pointer;
	outline: var(--input-border);
}
.translate-btn:hover{
	background-color: var(--mid-gray);
}
.translate-btn::before{
	width: 2rem;
	height: 2rem;
	background-image: url('images/google-translate.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	content: '';
	position: absolute;
	left: 1rem;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.show-if-value{display: none;}
.has-value .show-if-value{display: block;}
.hide-if-value{display: block;}
.has-value .hide-if-value{display: none;}

[class$="-icon"]{
	display: inline-block;
	height: 2rem;
}

img[data-name="icon"]{
	height: 1rem;
}


.acf-actions{
	width: auto;
	padding: 0.25rem;
}
.acf-icon::before{
	font-family: 'Font Awesome 6 Pro';
	display: inline-block;
	font-size: 1rem;
	line-height: 1em;
	padding: 0.25rem;
	font-weight: 900;
}

.acf-icon.-cancel::before{
	content: '\f057';
	color: var(--red);
}
.acf-icon.-search::before{
	content: '\f002';
	color: var(--gray);
}
.acf-icon.-location::before{
	content: '\f601';
	color: var(--gray);
}


.acf-google-map .title{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
.acf-google-map .title .acf-actions,
.acf-google-map .title input{
	display: flex;
	border: none;
	outline: none;
	display: none !important;
}

.acf-loading{
	display: block;
}

.acf-image-uploader{
	width: 100%;
	float: left;
	border-radius: var(--input-border-radius);
	border: var(--input-border);
	overflow: hidden;
}
.acf-image-uploader img{
	margin-bottom: 0.5rem;
}
.acf-basic-uploader{
	width: 100%;
	padding: 1rem;	
	float: left;
}

.acf-field-image .acf-actions{
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	background-color: var(--red);
	padding: 0.15rem;
	border-radius: 50%;
}
.acf-field-image .acf-actions .acf-icon::before{
	color: var(--white);
	font-weight: 400;
}

.acf-field-image img[data-name=image]{
	margin: 0;
}


.file-wrap{
	background-color: var(--light-blue-25);
	border-radius: var(--input-border-radius);
	position: relative;
	display: flex;
	flex: 1 1 100%;
	padding: 1rem 3rem;
	justify-content: flex-start;
}
.file-wrap::before{
	font-family: 'Font Awesome 6 Pro';
	content: '\f15b';
	font-size: 1.5rem;
	font-weight: 400;
	color: var(--blue);
	position: absolute;
	left: 1rem;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

}
.acf-field[data-name=gallery] .file-wrap::before{
	display: none  !important;
}


.file-wrap .file-icon{
	display: none;
}

.acf-field[data-name=gallery] .file-icon{
	display: flex  !important;
	flex: 0 0 auto;
	position: relative;
	height: 4rem !important;
}
.acf-field[data-name=gallery] .file-icon img{
	width: 100% !important;
	height: auto !important;
	display: block;
}


.file-wrap p:nth-child(1){
	display: none;
}
.file-wrap p{
	font-size: 1rem;
	margin: 0;
	line-height: 1.5rem;
}
.file-wrap .acf-actions{
	position: absolute;
	right: 1rem;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

}



.acf-field-tab[data-type='tab']{display: none;}

.acf-tab-wrap{
	width: 100%;
	float: left;
}
.acf-tab-wrap.-left{
}
.acf-field-tab{
	width: 100% !important;
	float: left !important;
}

ul.acf-hl{
	width: 100%;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.acf-hl.acf-tab-group{
	padding: 0 0 0 1rem;
}

ul.acf-hl li{
	display: inline-block;
	padding: 0;
	margin: 0 0.5rem 0 0;
}
ul.acf-hl.acf-tab-group li{
	padding-bottom: 0;
}

ul.acf-hl.acf-tab-group .acf-tab-button{
	display: block; 
	font-size: 1rem;
	line-height: 1em;
	padding: 0.75rem 1rem;
	height: 2.5rem;
	border: none;
	background-color: var(--light-gray);
	border-bottom: none !important;
	border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
}
ul.acf-hl li.active .acf-tab-button{
	border: none;
	background-color: var(--light-blue-25);
}
.acf-field-checkbox{
}

ul.acf-checkbox-list{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	margin: 0;
	padding: 0 0 1rem 0;
}
ul.acf-checkbox-list li{
	width: 100%;
	margin: 0;
	padding: 0.25rem;
	box-sizing: border-box;
	display: flex;
	flex: 0 1 20%;
	white-space: nowrap;
	position: relative;
}


ul.acf-checkbox-list li label{
	display: block;
	width: 100%;
	font-size: 0.875rem;
	line-height: 1em;
	padding: 0.5rem 3rem 0.5rem 0.5rem;
	border: var(--input-border-width) solid var(--mid-gray);
	border-radius: var(--input-border-radius);
	display: block;
	position: relative;
}
ul.acf-checkbox-list li label.selected{
	background-color: var(--light-blue-25);
}
ul.acf-checkbox-list li label::before{
	font-family: 'Font Awesome 6 Pro';
	display: inline-block;
	position: absolute;
	right:0.5rem;
	font-size: 1rem;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	content: '\f204';
}

ul.acf-checkbox-list li label.selected{
	border: var(--input-border);
	color: var(--gray);
}
ul.acf-checkbox-list li label.selected::before{
	content: '\f205';
	color: var(--green);
}


ul.acf-checkbox-list input[type='checkbox']{display: none !important;}

.acf-relationship{
	width: 100%;
	float: left;
	padding: var(--base-padding);
	background-color: var(--light-blue-25);
	border-radius: var(--input-border-radius);
}
.acf-relationship .filters{
	width: 100%;
	float: left;
	padding: var(--base-padding);
}

.acf-relationship  .selection{
	width: 100%;
	float: left;
	padding: 0;
}
.acf-relationship .selection .choices,
.acf-relationship .selection .values{
	width: 50%;
	float: left;
}

ul.choices-list,
ul.values-list{
	width: 100%;
	float: left;
	display: block;
	margin: 0;
	padding: var(--base-padding);
	list-style-type: none;
	max-height: 360px;
	overflow: auto;
}
ul.choices-list li,
ul.values-list li{
	width: 100%;
	display: block;
	margin: 0.1rem 0;
	padding: 0;
}

.acf-rel-item{
	display: block;
	margin: 0;
	padding: 1rem;
	background-color: var(--light-gray);
	position: relative;
	border-radius: var(--input-border-radius);
}
.values .acf-rel-item{
	cursor: move;
}

ul.values-list li .acf-rel-item{
	background-color: var(--white);
}
.acf-rel-item::before{
	font-family: 'Font Awesome 6 Pro';
	margin-right: 0.5em;
	display: inline-block;
}
.values .acf-rel-item::before{
	color:var(--green);
}
.acf-field-relationship[data-name="routes"] .acf-rel-item::before{content: '\f4d7';}
.acf-field-relationship[data-name="places"] .acf-rel-item::before{content: '\f3c5';}




.acf-rel-item:hover::after,
.acf-rel-item:hover a::after{
	font-family: 'Font Awesome 6 Pro';
	font-size: 1.5rem;
	font-weight: 900;
	position: absolute;
	right: 1rem;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.acf-rel-item:hover{
	background-color: var(--light-blue);
}
.acf-rel-item-add:hover::after{
	content: '\f055';
	color: var(--green);
}
.acf-rel-item-remove:hover a::after{
	content: '\f056';
	color: var(--red);
}



.acf-google-map{
	width: 100%;
	float: left;
	border: var(--input-border);
	border-radius: var(--input-border-radius) !important;
	overflow: hidden;
}
.acf-google-map input.search{border: none !important; border-radius: 0 !important;}
.acf-google-map .canvas{
	width: 100%;
	float: left;
	display: block;
	border-top: var(--input-border);
	
}


.acf-hidden{display: none !important;}



.acf-repeater.-block > table > tbody > tr > td.acf-fields,
.acf-repeater.-block > table > tbody > tr > td.acf-row-handle{
	border: none !important;
	border-right: none !important;
	border-color: var(--white) !important;
	background-color: var(--white) !important;
}

tr.acf-row{
	border: none !important;
}
td.acf-fields,
tr.acf-row td:last-of-type,
body:not(.acf-admin-5-3) .acf-repeater.-block>table>tbody>tr>td:last-of-type,
body:not(.acf-admin-5-3) .acf-repeater.-row>table>tbody>tr>td:last-of-type{
	border: none !important;
	padding: 1rem;
}
td.acf-row-handle{
	width: 3rem !important;
	text-align: center;
	border-radius: 1rem 0 0 1rem !important;
}

td.acf-row-handle .acf-icon:before{
	display: block;
	padding: 1rem;
	box-sizing: border-box;
	font-family: 'Font Awesome 6 Pro';
}
td.acf-row-handle .acf-icon.-plus:before{
	content:'\f055';
}
td.acf-row-handle .acf-icon.-minus:before{
	content:'\f056';
}
td.acf-row-handle .acf-icon.-duplicate:before{
	content:'\f0c5';
}



.acf-field-repeater.acf-field-678a75d4281d7 .acf-fields,
.acf-field-repeater.acf-field-678a75d4281d7 .acf-table{
	padding: 0 !important;
	width: 100% !important;
	border: none !important;
}
.acf-field-repeater.acf-field-678a75d4281d7 .acf-field{
	padding: 0 !important;
}

.acf-field-repeater.acf-field-678a75d4281d7 .acf-field[data-type=image],
.acf-field-repeater.acf-field-678a75d4281d7 .acf-image-uploader{
	width: 100% !important;
	border: none !important;
	border-radius: 0 !important;
	
}
.acf-field-repeater.acf-field-678a75d4281d7 .acf-field[data-type=image] .acf-actions{
	display: none !important;
}


.acf-field-repeater.acf-field-678a75d4281d7 .acf-field img{
	margin: 0 !important;
	width: 6rem;
	height: auto;
	display: block;
}

.acf-field-repeater.acf-field-678a75d4281d7 td.order{
	display: none !important;	
}
.acf-field-repeater.acf-field-678a75d4281d7 td.acf-row-handle .acf-icon{
	display: inline-block !important;	
}
.acf-field-repeater.acf-field-678a75d4281d7 td.acf-row-handle .acf-icon.-duplicate{
	display: none !important;	
}



label{
	font-size: 1.1rem;
	font-weight: 700;
}


input[type=text],
input[type=password],
input[type=email],
input[type=number],
textarea{
	font-family: var(--primary-font);
	box-sizing: border-box;
	width: 100%;
	height: 3rem;
	border:none;
	outline: var(--input-border);
	border-radius: var(--input-border-radius);
	background-color: var(--white);
	font-size: 1rem;
	padding: 1rem 1.5rem;
	margin: 0;
	color: var(--black);
}
textarea{
	height: auto;
}
input[type=number]{
}

select{
	width: 100% !important;
	font-family: var(--primary-font);
	box-sizing: border-box;
	height: 3rem;
	border: none;
	background-color: var(--white);
	background-image: url('images/select-arrow.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 3rem auto;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 0 4rem 0 1rem;
	border-radius: var(--input-border-radius);
	outline: var(--input-border);
	color: var(--black);
	appearance: none;
	-webkit-appearance: none;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}


/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: none;
	background-color: var(--light-blue-25);
	-webkit-text-fill-color: var(--black);
	-webkit-box-shadow: none !important;
	transition: background-color 5000s ease-in-out 0s;
}

input[type=checkbox],
input[type=radio]{
	-webkit-appearance: none;
	appearance: none;
}
input[type=checkbox]::before,
input[type=radio]::before{
	font-family: 'Font Awesome 6 Pro';
	font-weight: 400;
	font-size: 1.25rem;
	display: inline-block;
	margin: 0 0.5em 0 0 !important;

}
input[type="radio" i],
input[type="checkbox" i] {
	margin: 0 !important;
}
.white_text input[type=checkbox]::before,
.white_text input[type=radio]::before{
	color: #fff;
}

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




input[type=checkbox] + label,
input[type=radio] + label,
.acf-radio-list label,
.acf-checkbox-list label{
	display: block;
	line-height: 1em;
	position: relative;
	padding: 0.25em 0;
	font-weight: 400 !important;
}

.acf-true-false input[type=checkbox]::before{
	display: none;
}

.acf-switch{
	width: 7rem;
	height: 3rem;
	display: block;
	border-radius: 2rem;
	position: relative;
	background-color: var(--navy-25);
	outline: 0.2rem solid #fff;
}
.acf-switch.-on{
	background-color: var(--green);
}
.acf-switch span{
	width: 3.5rem;
	height: 3rem;
	display: block;
	float: left;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 1em;
	padding: 1rem 0;
}
.acf-switch-on{}
.acf-switch-off{}

.acf-switch-slider{
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-color: #fff;
	display: block;
	position: absolute;
	left: 0;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);	
	-webkit-transition: all 0.25s ease-in-out; 
	-moz-transition: all 0.25s ease-in-out; 
	-o-transition: all 0.25s ease-in-out; 
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.acf-switch.-on .acf-switch-slider{
	left:4rem;
}

.acf-range-wrap{
	height: 4rem;
	position: relative;
	font-weight: 700;
}
.acf-range-wrap input[type=number]{
	position: absolute;
	bottom:0;
	left: 50%; 
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 10rem !important;
	text-align: center;
	font-weight: 700;
	height: 3rem;
	display: block;
	font-size: 1rem;
	margin: 0;
	background-color: transparent;
}
.acf-range-wrap .acf-prepend,
.acf-range-wrap .acf-append{
	position: absolute;
	bottom:0.5rem;
	width: 45%;
	font-size: 1rem;
	line-height: 1em;
	padding: 0.5rem 0;
	margin: 0;
	background-color: transparent;
}
.acf-range-wrap .acf-prepend{
	left:0;
	text-align: left;
}
.acf-range-wrap .acf-append{
	right:0;
	text-align: right;
}



.acf-form input[type=range]{
	-webkit-appearance: none;
	width: 100%;
	height: 0.25rem;
	border-radius: 0.125rem;
	float:left;
	margin: 0.5rem 0;
	outline: none;
	-webkit-transition: .2s;
	transition: opacity .2s;
	background-color: var(--white);
}

.acf-form input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 0;
  background: var(--purple);
  cursor: pointer;
}

.acf-form input[type=range]::-moz-range-thumb {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 0;
  background: var(--purple);
  cursor: pointer;
}







/******* TABS *******/
#form_log{
	display: none;
}
#form_log.active{
	display: block;
}

.log_toggle{
	display: block !important;
	width: 3rem;
	height: 3rem;
	border-radius: 0;
	text-align: center;
	font-size: 0.5rem;
	font-weight: 700;
	padding-top: 2rem;
	position: relative;
	float: right;
	background-color: var(--blue);
	color: var(--white);
	left:0;
	top:0;
	z-index: 50000;
	
}
.log_toggle::after{
	font-family: 'Font Awesome 6 Pro';
	display: inline-block;
	font-size: 1.25rem;
	line-height: 1em;
	content: '\f188';
	position: absolute;
	left: 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%);

}




ul.tabs_nav{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0.125rem;
	background-color: var(--navy-25);
	border-radius: 1rem;
	list-style-type: none;
	display: flex;
	align-content: center;
    flex-direction: row;
	justify-content: center;
}
ul.tabs_nav li{
	width: 100%;
	float: left;
	margin: 0.125rem;
	padding: 0;
	justify-content: center;
	align-items: center;
}
ul.tabs_nav li a{
	display: block;
	height: 3rem;
	margin: 0;
	padding: 0.8rem 0.1rem 1.1rem 0.1rem;
	font-size: 1rem;
	text-align: center;
	font-weight: 700;
	border-radius: 0.75rem;
	background-color: transparent;
	color: var(--white);
}
ul.tabs_nav li a:hover,
ul.tabs_nav li.ui-state-active a{
	background-color: var(--navy-50);
}

.tabs_content{
	width: 100%;
	float: left;
	padding: 0;
}




/******* MAINTENANCE *******/

.maintenance_wrapper{
	position: fixed;
	top:0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-size: auto 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: auto 0;
	overflow-y: auto;
	padding: 60px var(--screen-padding);
}
.maintenance_content{
	width: 100%;
	float: left;

}
.maintenance_logo{
	width: 100%;
	height: auto;
	display: block;
	float: left;
	padding: 20px;
}




/******* GRAVITY FORMS ********/




.svganimation svg{
	width: 30%;
	float: left;
	margin: 0 35%;
}





.icon, .socialicon{position: relative;}
.knapp.icon, .knapp.socialicon{position: relative;  line-height: 1em; font-size: 1em; padding: 0;}



.icon:before {
	font-family: 'Font Awesome 6 Pro';
	display:inline-block;
	font-style: normal !important;
	margin-right: 0.5em;
}
.socialicon:before {
	font-family: 'Font Awesome 6 Brands';
	display:inline-block;
	font-weight: 300;
	width:1.5em;
	font-style: normal !important;
	text-align: left;
	position: absolute;
	left: 0;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}


.telefon:before{content: '\f8d3';}
.mobil:before{content: '\f10b';}
.epost:before{content: '\f0e0' ;}
.adress:before{content: '\f041';}
.mailbox:before{content: '\f813';}
.link:before{content: '\f0c1';}
.download:before{content: '\f381';}
.globe:before{content: '\f0ac';}
.location_plus:before{content: '\f60a';}

.facebook:before{content: '\f39e';}
.google:before{content: '\f0d5';}
.instagram:before{content: '\f16d';}
.linkedin:before{content: '\f0e1';}
.github:before{content: '\f09b';}
.pinterest:before{content: '\f0d2';}
.twitter:before{content: '\f099';}
.youtube:before{content: '\f167';}
.spotify:before{content: '\f1bc';}
.cloud:before{content: '\f381';}
.mailchimp:before{content: '\f59e';}
.snapchat:before{content: '\f2ab';}
.tiktok:before{content: '\e07b';}




/******* INSTAGRAM ******/

.sbi_photo_wrap{border-radius: 1rem !important;}
#sb_instagram{padding: 0 !important;}

ul.footer_social{
	width: 6rem;
	position: relative;
	list-style-type: none;
	margin: 0 auto;
	padding: 0.5rem;
}
ul.footer_social li{
	width: 100%;
	float: left;
	display: block;
	margin: 0;
	padding: 0.5rem;
}


ul.footer_social li a{
	width:4rem;
	height: 4rem;
	border: none;
	border-radius: 50%;
	position: relative; 
	display: block; 
	float: left; 
	padding: 0; 
	margin: 0;
	background-color: #812b29;
	}

ul.footer_social li a:before {
	font-family: 'Font Awesome 6 Brands';
	display: block;
	line-height: 1em; 
	font-size: 2rem;
	text-align: center;
	color: #acdef9;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

}

/******* FOOTER ******/



.footer{
	width: 100%;
	float: left;
	position: relative;
	padding: 2rem 0;
	font-weight: 700;
}
.footer p{
	font-size: 1em;
	line-height: 1.25em;
}


.footerlogo{
	width: 100%;
	max-width: 10rem;
	height: auto;
	display: block;
}




ul.footermenu li a{
	font-size: .75rem;
	padding: 0.15em 0;
	line-height: 1em;
	text-decoration: none;
	display: block;
	position: relative;
	font-weight: 400;
}
ul.footermenu li a::before{
	font-family: 'Font Awesome 6 Pro';
	content: '\f105';
	font-weight: 300;
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: middle;
	color: var(--green);

}



.copyinfo{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 0.9em;
	padding: 0;
}
.credit{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 0.75rem;
	padding: 1rem;
	line-height: 1;
	opacity: 1;
	display: block;
}



.credit a{text-decoration: underline;}



/******* GOOGLE MAPS ********/

.acf-map {
    border: none;
    margin:  0;
    position: relative;
    width: 100%;
    height: 360px;
    float: left;
}

.acf-map .gmnoprint{flex-direction: row-reverse !important;}
.acf-map {flex-direction: row-reverse !important;}

a.map-title{ font-style: normal; font-weight: 700; font-size:2em; line-height: 1.2em; padding: 5px; margin:0; text-align: left; display:block; text-transform: uppercase; letter-spacing:-0.05em; width: 100%; color:#000; font-family: var(--primary-font);}



/******* 404 ********/

.error_wrapper{
	width: 100%; 
	float:left;
	position: relative;  
	overflow: hidden;
	background-image:url('images/404.jpg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size: auto 100%;
}
.error_wrapper{
  content: "";
  display: block;
  padding-bottom: 66.666666%;
  border-radius: 0;
  overflow: hidden;
}

.error_content{
	width:100%;
	max-width:800px;
	color:#000 !important;
	text-align:center;
	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%);
	z-index: 100;
	}



/****** RESPONSIVE VIDEO *******/


.embed-container{ 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1rem;
} 

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


/******* WP VIDEO ********/


.wp-video{
	margin: 1em auto !important;
	width: 100% !important;
	float: left;
}





/* fixes potential theme css conflict */
.full-map img {
   max-width: inherit !important;
}


::-webkit-input-placeholder {
   color: var(--black);
   font-size: 0.8em;
}

:-moz-placeholder { /* Firefox 18- */
   color: var(--black);  
   font-size: 0.8em;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: var(--black);  
   font-size: 0.8em;
}

:-ms-input-placeholder {  
   color: var(--black);  
   font-size: 0.8em;
}

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

/* magnus kod */



.acf-field[data-name="gallery"] .acf-clone {
    display: none !important;
}

/* Större utrymme för bildikonen */
.acf-field[data-name="gallery"] .file-wrap {
    width: 170px !important;
    height: 120px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Gör bildikonen större */
.acf-field[data-name="gallery"] .file-wrap .file-icon {
    display: block !important;
    width: 150px !important;
    height: 100px !important;
}

/* Styla bilden */
.acf-field[data-name="gallery"] .file-wrap .file-icon img {
    width: 150px !important;
    height: 100px !important;
    object-fit: cover !important;
    border-radius: 5px;
}

/* Ta bort text, men behåll drag-ikonen */
.acf-field[data-name="gallery"] .file-wrap .file-info {
    display: flex;
    align-items: center;
}

/* Styla drag-ikon */
.acf-field[data-name="gallery"] .file-wrap .drag-handle {
    cursor: grab;
    width: 20px;
    height: 20px;
    background: url(https://cdn-icons-png.flaticon.com/512/25/25605.png) no-repeat center;
    background-size: contain;
    margin-left: 5px;
}

/* När man drar */
.acf-field[data-name="gallery"] .file-wrap .drag-handle:active {
    cursor: grabbing;
}
.acf-field[data-name="gallery"] .file-info {
    display: none !important;
}
/* Se till att .file-info.ui-sortable-handle inte gömmer sig */
.acf-field[data-name="gallery"] .file-info.ui-sortable-handle {
    display: flex !important; /* Flex gör att ikonen centrerar snyggt */
    align-items: center;
    justify-content: center;
}

.acf-field[data-name="gallery"] .file-info {
    height: 20px; /* Anpassa höjden så att den passar ikonen */
    overflow: hidden;
    white-space: nowrap;
    color: transparent; /* Göra texten osynlig */
}

/* Styling för drag-ikonen */
.drag-handle {
    width: 20px;
    height: 20px;
    background: url('https://cdn-icons-png.flaticon.com/512/25/25605.png') no-repeat center;
    background-size: contain;
    cursor: grab;
}