/*
Theme Name: Nybro 3
Theme URI: https://nybro.se
Author: Anders Jonasson / Nybro kommun
Author URI: https://nybro.se
Description: Detta tema är utvecklat unikt av Anders Jonasson 2019 av Nybro kommun
Text Domain: nybrokommun3
Version: 3.0
*/

@font-face {
  font-family: "Raleway";
  src: url("/wp-content/themes/nybro2/fonts/Raleway-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

html {font-size: 100%;} /*16px*/

body{
	font-family: 'Raleway', sans-serif;
	line-height: 1.65;
	font-weight: 400;
	padding:0;
	margin:0;
	overflow-y: scroll;
	/*
	hyphens: auto;
  	overflow-wrap: anywhere;
	*/
}

/* Tar bort blinkningar i mobil vid tryck på element */
* {-webkit-tap-highlight-color: transparent;}

p {margin-bottom: 1.15rem;}

h1, h2, h3, h4, h5, h6 {
  margin: 2.75rem 0 1.05rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  line-height: 1.15;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{
	font-weight:500;
}

h1{font-size: 3.052em;}

/*h2 {font-size: 2.441em;}*/

h2 {font-size: 1.953em;}

h3 {font-size: 1.563em;}

h4 {font-size:  1.25em; font-weight:600;}

h5 {font-size: 1em; font-weight:600;}

h6 {font-size: 1em; font-weight:600;}

small, .text_small {font-size: 0.8em;}

button{font-size:100%; font-family: 'Raleway', sans-serif;}

time{font-weight:500;}

main iframe{
	width:100%;
	border:none;
}

figure{
	text-align:left;
	margin:0;
	padding:0;
}
figcaption{
	text-align:right;
	max-width:615px;
}

fieldset{
	border:solid 1px #863127;
	border-radius:5px;
	padding:20px;
	margin-top:10px;
	margin-bottom:30px;
}
legend{}
form{}
label{
	color:#863127;
	font-weight:500;
	cursor:pointer;
}
select{
	font-size:100%;
	padding:10px;
	border:solid 1px #d56252;
	border-radius:5px;
	width:100%;
}
textarea{
	width:100%;
	font-family: 'Raleway', sans-serif;
	font-size:100%;
	padding:10px;
	border:solid 1px #d56252;
	border-radius:5px;
}
input{
	font-family: 'Raleway', sans-serif;
	font-size:100%;
	padding:10px;
	border:solid 1px #d56252;
	border-radius:5px;
	background-color:#fff;
}
input[type="submit"], input[type="button"], button{
	cursor:pointer;
	background-color:#863127;
	border:solid 1px #863127;
	color:#fff;
	transition: all 100ms ease-in-out;
	font-weight:600;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="button"]:focus{
	background-color:#fff;
	color:#863127;
}
input[type="checkbox"]{
	font-size:0;
	visibility:hidden;
	cursor:pointer;
	width:40px;
	vertical-align:top;
}
input[type="checkbox"]:before{
	margin-top:-8px;
	display: block;
	visibility:visible;
	font-family: "Font Awesome 5 Pro";
	content: "\f204";
	font-size:30px;
	font-weight: 400;
	color:#863127;
}
input[type="checkbox"]:checked:before{
	content: "\f205";
}

input[type="submit"]{
	-moz-appearance: none;
	-webkit-appearance: none;
}


@media only screen and (max-width: 615px){
	h1{font-size: 1.953em; margin-top:1em;}
	h2 {font-size: 1.563em;}
	h3 {font-size: 1.25em;}
	h4 {font-size: 1.25em; font-weight:600;}
	h5 {font-size: 1.25em; font-weight:600;}
	h6 {font-size: 1.25em; font-weight:600;}
}


strong, b{
	font-weight:600;
}

img{display:block; max-width:100%; height:auto;}

blockquote{
	background-color:#fdf2f0;
	border-radius:5px;
	margin:0;
	padding:10px 20px;
	font-weight: 500;
}

/*
blockquote:before{
	font-family: "Font Awesome 5 Pro";
	content: "\f10d";
	display: block;
	float:left;
	font-weight: 500;
	padding-right:10px;
	padding-top:15px;
	color:#863127;
}
*/

a{
	color:#863127;
	text-decoration:none;
	border-bottom:solid 1px #863127;
	font-weight:500;
	transition: border-width 100ms ease-in-out;
}

#MainContentArea{
	font-size:0;
}

/* Fix för Chromes black boarder */
*,*:focus,*:hover{
    outline:none;
}

a:hover, a:focus{
	border:none;
	border-width:0px;
	padding-bottom:2px;
}

main ul li a:hover, main ul li a:focus{
	border:none;
	border-width:0px;
	padding-bottom:2px;
	background-color:transparent;
}


/* Bilder i satsyta */
.alignright{
	float:right;
	margin-left:20px;
	margin-top:8px;
	margin-bottom:8px;
	max-width:100%;
}
.alignleft{
	float:left;
	margin-right:20px;
	margin-top:8px;
	margin-bottom:8px;
	max-width:100%;
}
.aligncenter{
	float:none;
	margin:auto;
	margin-top:8px;
	margin-bottom:8px;
	max-width:100%;
}
.alignnone{
	margin-top:8px;
	margin-bottom:8px;
	max-width:100%;
	display:inline;
}
.wp-caption-text{
	font-size: 1em;
	margin-top:0px;
	padding-bottom:8px;
}
@media only screen and (max-width: 615px){
	.alignright, .alignleft{
		float:none;
		margin:auto;
		margin-top:8px;
		margin-bottom:8px;
	}
}


/* Tab  */
input:focus, button:focus, select:focus, label:focus, textarea:focus{
	outline: solid 2px #d56252;
	outline-offset:1px;
}

/* Tab - länkar */
a:focus{
	outline: solid 2px #d56252;
}
a:focus:not(:focus-visible){
	outline:none;
}
a:focus-visible{
	outline: solid 2px #d56252;
}


label:focus, button:focus, a.btn{
	outline-offset:3px;
}


/* Tab - Topp-banner */
#top-banner a:focus, #top-banner a:focus img{													
	outline: solid 2px #fff;
	outline-offset:5px;
}

/* Tab - Sökfält */
#searchForm input:focus, #searchForm button:focus{
	outline: solid 2px #fff;
	outline-offset:3px;
}

/* Tab - Hoppa till sidan innehåll */
#skiplinks a:focus{
	outline: solid 2px #fff;
	outline-offset:-2px;
}


/* Tab - Länkarea */
.ellibot-linkarea{
	cursor:pointer;
	transition: all 100ms ease-in-out;
}
.ellibot-linkarea:hover, .ellibot-linkarea:focus-within{
	-webkit-box-shadow: 0px 0px 0px 15px rgba(247,224,220,1);
	-moz-box-shadow: 0px 0px 0px 15px rgba(247,224,220,1);
	box-shadow: 0px 0px 0px 15px rgba(247,224,220,1);
	background-color:#f7e0dc;
	border-width:0;
	outline-offset:13px;
	outline: solid 2px #d56252;
}
.ellibot-linkarea:hover, .ellibot-linkarea:hover a, .ellibot-linkarea:focus-within a{
	border-width:0;
	outline: none;
}
.ellibot-linkarea img{
	transition: all .5s ease;
}
.ellibot-linkarea:hover img, .ellibot-linkarea:focus-within img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}


/* Tab - servicemeddelanden / kartor */
#serviceContent .ellibot-linkarea:hover, #serviceContent .ellibot-linkarea:focus-within{
	-webkit-box-shadow: 0px 0px 0px 15px rgba(253,242,240,1);
	-moz-box-shadow: 0px 0px 0px 15px rgba(253,242,240,1);
	box-shadow: 0px 0px 0px 15px rgba(253,242,240,1);
	background-color:#fdf2f0;
	border-width:0;
}
.acf-map .ellibot-linkarea:focus-within{
	outline:none;
}


/* Tab - Genvägar */
#shortcuts a:focus{
	background-color:#fff;
	border:solid 1px #863127;
	color:#863127;
	outline-offset:7px;
	outline: solid 2px #d56252;
}
#shortcuts a:focus:not(:focus-visible){
	outline:none;
}
#shortcuts a:focus-visible{
	background-color:#fff;
	border:solid 1px #863127;
	color:#863127;
	outline-offset:7px;
	outline: solid 2px #d56252;
}


/* Tab - Frågor pch svar */
#faq button.faq-button:focus{
	outline-offset:7px;
	outline: solid 2px #d56252;
}
#faq button.faq-button:focus:not(:focus-visible){
	outline:none;
}
#faq button.faq-button:focus-visible{
	outline-offset:7px;
	outline: solid 2px #d56252;
}


/* Tab - topmeny */
#topmenu a:focus, #topmenu button:focus{
	outline-offset:-2px;
	outline: solid 2px #d56252;
}

/* Tab - undermeny */
nav#sidebar .current_page_item > button:focus, nav#sidebar .current_page_item > a:focus{
	outline-offset:-2px;
	outline: solid 2px #d56252;
}
nav#sidebar button:focus, nav#sidebar a:focus{
	outline-offset:-2px;
	outline: solid 2px #d56252;
}

/* Tab - e-tjänster */
#eservices a:focus{
	background-color:#fdf2f0;
}

/* Tab - Sidfot */
footer a:focus{
	outline: solid 2px #fff;
	outline-offset:1px;
}


@media only screen and (max-width: 1024px){
	
	/* Tab - topmeny */
	#topmenu a:focus, #topmenu button:focus{
		outline-offset:-2px;
		outline: solid 2px #FFF;
	}
	
	/* Tab - Sökfält */
	#searchForm input:focus, #searchForm button:focus{
		outline-offset:-2px;
	}
	
}

@media only screen and (max-width: 615px){
	/* Tab - Genvägar */
	#shortcuts a:focus{
		background-color:#fdf2f0;
		color:#863127;
		outline:0;
	}
	/* Tab - e-tjänster */
	#eservices a:focus{
		background-color:#fdf2f0;
		color:#863127;
		outline: 0;
	}
}


/* Allmänt */
.clear{
	clear:both;
}
.hidden{
	display:none;
}
#frontpage .delimiter{
	margin-bottom:40px;
}
.delimiter{
	margin-bottom:80px;
}
@media only screen and (max-width: 615px){
	#frontpage .delimiter{
		margin-bottom:0px;
	}
}

/* Inget JS */
#noScript{
	padding:20px;
	background-color:#000;
	color:#fff;
	text-align:center;
	font-weight:700;
	vertical-align:middle;
}
noscript .headline{
	margin-top:10px;
	font-size: 2.441em;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 1.15;
}


/* Till sidans innehåll */
#skiplinks{
	position:absolute;
	top:0px;
	left:0px;
}
#skiplinks a{
	position:absolute;
	display:block;
	background-color:#000;
	color:#fff;
	padding:11px;
	top:-1000px;
	z-index:1000000;
}
#skiplinks a:focus,	#skiplinks a:hover,	#skiplinks a:active{
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	border:none;
}

/* Krismeddelande */
#crisis-container{display:none;}
#crisis-wrapper{
	background-color:#863127;
	padding:30px;
	display:none;
}
#crisis{
	position:relative;
	max-width:670px;
	margin:auto;
	border:solid 1px #863127;
	border-radius:5px;
	padding:50px 30px;
	background-color:#fff;
}
#crisis-close-btn{
	font-size:60px;
	background-color:transparent;
	color:#000;
	border:none;
	position:absolute;
	right:5px;
	top:5px;
	line-height:0;
}
#crisis-close-btn span{
	display:none;
}
#crisis-text{
	max-width:550px;
}
#crisis-text ul li a, #crisis-text ol li a{
	line-height:40px;
}
#crisis-text ul li a em, #crisis-text ol li a em{
	margin-right:8px;
}
#crisis-headline{
	font-size: 3.052em;
	margin: 2.75rem 0 1.05rem;
	margin-top:0;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 1.15;
	max-width:550px;
}
#crisis-headline em{
	color:#863127;
}
@media only screen and (max-width: 615px){
	#crisis-wrapper{
		padding:20px 0;
	}
	#crisis-headline{
		font-size: 1.953em;
	}
}



/* Topp-banner */
header #top-banner{
	height:100px;
	width:100%;
	padding:0 20px;
	background-color:#863127;
	/* Gör att bredden blir rätt trots padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width: 1024px){
	header #top-banner{
		display:none;
	}
	#subpage .autocomplete,
	#subpage #searchText{
		width:100%;
		min-width:100%;
	}
}
header #top-banner-logotype{
	vertical-align:middle;
}
/* Länkar i topp-banner */
header #top-banner-links{
	vertical-align:middle;
	height:100%;
}
header #top-banner-links ul{
	padding:0;
	margin:0;
}
header #top-banner-links ul li{
	padding:0;
	display:inline-block;
	padding-right:40px;
}
#frontpage header #top-banner-links ul li:last-of-type{
	padding:0;
	padding-right:0px;
}
header #top-banner-links ul li a{
	color:#fff;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:7px 0;
	gap:8px;
}
header #top-banner-links ul li a em{
	font-size:30px;
	line-height:1;
	flex-shrink:0;
	margin:0;
}
header #top-banner-links ul li a span{
}
@media only screen and (max-width: 1250px){
	header #top-banner-links ul li{
		font-size:15px;
		padding-right:18px;
	}
}

/* Servicemeddelande */
#service_sorting fieldset, #kartor_sorting fieldset{
	padding-top:0;
	padding-bottom:0;
}
@media only screen and (max-width: 615px){
	#service_sorting fieldset, #kartor_sorting fieldset{
		padding-top:20px;
	}
}


/* Evenemang */
#sorting-events{}

#sorting-events strong{
	font-weight:500;
}
#sorting-events p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


/* Sök */
header #top-banner-search{
	width:275px;
	vertical-align:middle;
	position:relative;
	padding-right:50px;
	/* Gör att bredden blir rätt trots padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
header #top-banner-search fieldset{
	margin:0;
	padding:0;
}
header #top-banner-search fieldset legend{
	display:none;
}
@media only screen and (max-width: 1250px){
	header #top-banner-search{
		width:250px;
	}
}
header #searchForm label{
	display:none;
}
header #searchForm input[type="search"]{
	-moz-appearance: none;
	-webkit-appearance: none; 
	appearance: none;
	font-size:16px;
	height:40px;
	border:none;
	border-radius:10px 0px 0px 10px;
	width:100%;
	padding-left:20px;
	padding-right:10px;
	/* Gör att bredden blir rätt trots padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
header #searchForm button{
	position:absolute;
	right:0;
	top:30px;
	background-color:#d56252;
	border:none;
	border-radius:0px 10px 10px 0px;
	height:40px;
	width:50px;
	cursor:pointer;
	font-size:16px;
	color:#fff;
}
header #searchForm button em{
	margin-right:5px;
}
header #searchForm button span{
	display:none;
}
@media only screen and (max-width: 1024px){
	header #searchForm button{
		top:0;
		right:0;
		width:60px;
	}
}
#searchTextautocomplete-list{
	z-index:1000000;
}

/* Sök startsidan */
#frontpage-search{
	margin:auto;
	text-align:center;
}
#frontpage #searchToggle{
	display:none;
}
.hero-tools{
	width:min(100%, 800px);
	margin:auto;
}
.hero-search{
	margin:0;
}
.hero-tools .hero-search .autocomplete{
	max-width:100%;
	width:100%;
}
.hero-tools .hero-search .autocomplete .autocomplete-items{
	margin-left:55px;
	margin-right:170px;
	border-radius: 0 0 10px 10px;
	overflow:hidden;
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:0;
}
.hero-tools .hero-search .autocomplete .autocomplete-items .autocomplete-heading{
	grid-column:1 / -1;
	box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.08);
	margin-top:1px;
}

.hero-search__field{
	position:relative;
	display:grid;
	grid-template-columns:auto minmax(0, 1fr) auto;
	align-items:center;
	gap:14px;
	padding:8px;
	background:#fff;
	border:1px solid #fff;
	border-radius:10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}
.hero-search__field:focus-within{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.hero-search__icon{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:12px;
	color:#D56252;
	flex-shrink:0;
}
.hero-search__input{
	width:100%;
	min-width:0;
	height:56px;
	padding:0 5px;
	border:0;
	outline:0;
	background:transparent;
	color:#032360;
	font:inherit;
	font-size:18px;
	line-height:1.4;
	-webkit-appearance:none;
	appearance:none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hero-search__input::placeholder{
	color:#666;
	opacity:1;
	text-overflow: ellipsis;
}
.hero-search__input::-webkit-search-cancel-button{
	cursor:pointer;
}
.hero-search__button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:110px;
	height:56px;
	padding:0 28px;
	border:2px solid #D56252;
	border-radius:10px;
	background:#D56252;
	color:#fff;
	font:inherit;
	font-size:17px;
	font-weight:700;
	cursor:pointer;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease,
		box-shadow 0.2s ease;
}
.hero-search__button:hover,
.hero-search__button:focus-visible{
	background:#fff;
	color:#D56252;
	box-shadow:0 8px 18px rgba(0, 110, 183, 0.14);
	transform:translateY(-1px);
}


@media screen and (max-width:700px){
	.hero-tools .hero-search .autocomplete .autocomplete-items{
		margin:0 35px;
	}
	.hero-tools .hero-search .autocomplete .autocomplete-items{
		grid-template-columns:repeat(1, minmax(0, 1fr));
	}
	.hero-search__field{
		gap:5px;
		padding:5px;
	}
	.hero-search__icon{
		margin-left:5px;
	}
	.hero-search__input{
		
	}
	.hero-search__button{
		min-width:0;
		padding:0 15px;
	}
}



/* Sökresultat */
#search-result p{
	max-width:550px;
	margin-top:0;
	padding-top:0;
}
#search-result h2{
	font-size: 1em; 
	font-weight:600;
	line-height: 1.65;
	margin-bottom:0;
	padding-bottom:0;
}
#search-result h2 span.fab,
#search-result h2 span.fal{
	font-size:16px;
	color:#863127;
}


/* Bredden styrs av bredden på huvudmenyn (justeras med padding mellan länkarna i toppmenyn) */
.fullContentWidth{
	width:100%;
	max-width:1190px;
	margin:auto;
	/* Gör att bredden blir rätt trots padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width: 1250px){
	.fullContentWidth{
		max-width:985px;
	}
}
@media only screen and (max-width: 1024px){
	.fullContentWidth{
		max-width:100%;
		padding:0px 20px;
	}
}


/* Tabeller i div */
.table{
	display:table;
	height:100%;
}
.table-row{
	display:table-row;
}
.table-cell{
	display:table-cell;
}
.table-cell-1{
	width:100%;
}
.table-cell-2{
	width:50%;
}
.table-cell-3{
	width:33.33333%;
}
.table-cell-4{
	width:25%;
	width:25%;
}
.table-cell-5{
	width:20%;
}
.table-cell-padding{
	padding:0px 15px;
}
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
.align-center{
	text-align:center;
}

/* Rubriker i puffar */
.puffs h1, .puffs h2, .puffs h3, .puffs h4, .puffs h5{
	font-size: 1.563em; 
	line-height: 1.4em;
}

/* Nytt */
#frontpage-staende{
	background-color:#fff;
	border-bottom:solid 1px #eee;
	padding-top:60px;
	padding-bottom:35px;
}
#frontpage-staende .fullContentWidth{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:30px;
	width:100%;
	align-items:stretch;
}
#frontpage-staende .staende-item{
	display:flex;
}
#frontpage-staende .staende-wrapper{
	display:flex;
	flex-direction:column;
	width:100%;
	padding:20px;
	background:#fff;
	border:1px solid #eee;
	border-radius:10px;
	box-sizing:border-box;
}
#frontpage-staende .staende-wrapper.ellibot-linkarea p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin:0;
}

@media only screen and (max-width: 1024px){
	#frontpage-staende .puffs{
		padding-bottom:30px;
	}
	#frontpage-staende .fullContentWidth{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:30px;
		width:100%;
		align-items:stretch;
	}
}
@media only screen and (max-width: 600px){
	#frontpage-staende .puffs{
		padding-top:20px;
		padding-bottom:35px;
	}
	#frontpage-staende .staende-wrapper.ellibot-linkarea{
		padding:5px;
	}
	#frontpage-staende .staende-wrapper.ellibot-linkarea h2{
		padding:0;
		margin:0;
		font-size:16px;
	}
	#frontpage-staende .staende-wrapper.ellibot-linkarea h2 a{
		display:flex;
		align-items:center;
	}
	#frontpage-staende .staende-wrapper.ellibot-linkarea h2 a em{
		font-size:20px;
		text-align:center;
		width:35px;
	}
	#frontpage-staende .fullContentWidth{
		display:grid;
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:10px;
		width:100%;
		align-items:stretch;
	}
	#frontpage-staende .staende-wrapper.ellibot-linkarea p{
		display:none;
	}
}

#frontpage-banner{
	padding-top:80px;
	padding-bottom:20px;
	background-color:#fdf2f0;
	border-bottom:solid 1px #f7dfdb;
}
@media only screen and (max-width: 600px){
	#frontpage-banner{
		padding-top:50px;
	}
}

/* Swiper på startsidan */
.news-swiper{
	position:relative;
	overflow:visible;
}
.news-swiper .swiper{
	overflow:hidden;
	padding:0 10px;
	margin:0 -10px;
}
.swiper .swiper-wrapper{
	align-items:stretch;
}
.swiper .swiper-slide{
	height:auto;
	display:flex;
}
.news-swiper .swiper-navigation{
	display:flex;
	align-items:center;
	justify-content:center;
}
.news-swiper .swiper-button-prev,
.news-swiper .swiper-button-next{
	position:absolute;
	top:45%;
	z-index:50;
	color:#d66253;
}
.news-swiper .swiper-button-prev{
	left:-50px;
}
.news-swiper .swiper-button-next{
	right:-50px;
}
.news-swiper .swiper-pagination{
	height:37px;
	display:inline !important;
	width:auto !important;
	left:50% !important;
	transform:translateX(-50%) !important;
}
.news-swiper .swiper-pagination-bullet{
}
.news-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#d66253;
}
#frontpage-banner .news-swiper .swiper-navigation{
	margin-top:70px;
}

/* Döljer ingress i fokus ifall rubriken täcker flera rader */
#frontpage-banner.puffs .news-swiper .ellibot-column-inside p{
	-webkit-line-clamp: 3;
}
#frontpage-banner.puffs .news-swiper .ellibot-column-inside.hide-intro-2 p{
	-webkit-line-clamp: 3;
}
#frontpage-banner.puffs .news-swiper .ellibot-column-inside.hide-intro-3 p{
	-webkit-line-clamp: 2;
}
#frontpage-banner.puffs .news-swiper .ellibot-column-inside.hide-intro-4 p{
	-webkit-line-clamp: 1;
}
#frontpage-banner.puffs .news-swiper .ellibot-column-inside.hide-intro p{
	display:none;
}
/* Döljer ingress nyhet ifall rubriken täcker flera rader */
#frontpage-news.puffs .news-swiper .ellibot-column-inside p{
	-webkit-line-clamp: 3;
}
#frontpage-news.puffs .news-swiper .ellibot-column-inside.hide-intro-2 p{
	-webkit-line-clamp: 3;
}
#frontpage-news.puffs .news-swiper .ellibot-column-inside.hide-intro-3 p{
	-webkit-line-clamp: 2;
}
#frontpage-news.puffs .news-swiper .ellibot-column-inside.hide-intro-4 p{
	-webkit-line-clamp: 1;
}
#frontpage-news.puffs .news-swiper .ellibot-column-inside.hide-intro p{
	display:none;
}
/* Döljer ingress evenemang ifall rubriken täcker flera rader */
#frontpage-events.puffs .news-swiper .ellibot-column-inside p{
	-webkit-line-clamp: 2;
}
#frontpage-events.puffs .news-swiper .ellibot-column-inside.hide-intro-2 p{
	-webkit-line-clamp: 1;
}
#frontpage-events.puffs .news-swiper .ellibot-column-inside.hide-intro-3 p{
	display:none;
}
#frontpage-events.puffs .news-swiper .ellibot-column-inside.hide-intro-4 p{
	display:none;
}
#frontpage-events.puffs .news-swiper .ellibot-column-inside.hide-intro p{
	display:none;
}

@media only screen and (max-width: 1305px){
	#frontpage-banner.puffs,
	#frontpage-news.puffs,
	#frontpage-events.puffs{
		padding-left:10px;
		padding-right:10px;
	}
	#frontpage .fullContentWidth{
		max-width:calc(100% - 100px);
	}
	.news-swiper .swiper-button-prev{
		left:-50px;
	}
	.news-swiper .swiper-button-next{
		right:-50px;
	}
}

@media only screen and (max-width: 1025px){
	#frontpage-banner.puffs,
	#frontpage-news.puffs,
	#frontpage-events.puffs{
		padding-left:10px;
		padding-right:10px;
	}
	.news-swiper .swiper-button-prev{
		left:0px;
		width:11px;
		height:20px;
	}
	.news-swiper .swiper-button-prev svg{
		width:11px;
		height:20px;
	}
	.news-swiper .swiper-button-next{
		right:0px;
		width:11px;
		height:20px;
	}
	.news-swiper .swiper-button-next svg{
		width:11px;
		height:20px;
	}
	#frontpage .fullContentWidth{
		max-width:calc(100%);
	}
}
@media only screen and (max-width: 615px){
	.news-swiper .swiper-pagination{
		position:relative;
		display:block !important;
		width:100% !important;
		left:0% !important;
		transform:translateX(0) !important;
	}
	#frontpage-banner .news-swiper .swiper-navigation{
		margin-top:0;
	}
}



#frontpage-banner h2{
	text-align:left;
}
#frontpage-banner h3{
	text-wrap: balance;
}
@media only screen and (max-width: 615px){
	#frontpage-banner h2{
		margin-bottom:0;
	}
}
@media only screen and (min-width: 1025px){
	#frontpage-banner img{
		width: 100%;
		aspect-ratio: 16 / 9;
		object-fit: cover;
		object-position: center center;
	}
}
#frontpage-news{
	padding-top:80px;
	padding-bottom:50px;
	background-color:#fff;
	border-bottom:solid 1px #eee;
}
#frontpage-events{
	padding-top:80px;
	padding-bottom:50px;
	background-color:#fdf2f0;
}
#quick-links{
	background-color:#f7dfdb;
	padding-top:80px;
	padding-bottom:80px;
}
@media only screen and (max-width: 600px){
	#frontpage-news,
	#frontpage-events,
	#quick-links{
		padding-top:50px;
	}
	#quick-links{
		padding-bottom:50px;
	}
}


.puffs .ellibot-linkarea{
	box-sizing: border-box;
	border-radius:10px;
	transition: all .5s ease;
	background-color:#fff;
	box-shadow:
		0 1px 3px rgba(0,0,0,0.05),
		0 4px 12px rgba(0,0,0,0.04);
}
.puffs .ellibot-linkarea:hover {
	transform: translateY(-3px);
	box-shadow:
		0 4px 8px rgba(0,0,0,0.08),
		0 12px 24px rgba(0,0,0,0.08);
}
.puffs .ellibot-linkarea a{
	padding-bottom:0;
	border-bottom:0;
}
.puffs .ellibot-linkarea a:hover{
	padding-bottom:0;
}

.puffs .ellibot-linkarea div{
	padding:20px;
}
.puffs .ellibot-linkarea h2,
.puffs .ellibot-linkarea h3{
	line-height:30px;
	font-size:20px;
	font-weight:600;
	border-bottom:0;
}
.puffs .ellibot-linkarea h2 a:before,
.puffs .ellibot-linkarea h3 a:before{
	font-family: "Font Awesome 5 Pro";
	content: "\f061";
	font-weight: 400;
	margin-right:10px;
}
#frontpage-staende .puffs .ellibot-linkarea h2 a:before,
.puffs .news-swiper .ellibot-linkarea h2 a:before,
.puffs .news-swiper .ellibot-linkarea h3 a:before{
	content: "";
	margin-right:0px;
}

#frontpage-latsta.puffs .ellibot-linkarea h2 a:before,
#frontpage_service.puffs .ellibot-linkarea h2 a:before{
	display:none;
}


#frontpage_service.puffs .ellibot-linkarea{
	margin-top:25px;
	margin-bottom:25px;
}
#frontpage_service.puffs .ellibot-linkarea:last-of-type{
	margin-bottom:0;
}
#frontpage_service.puffs .ellibot-linkarea div{
	padding:20px;
}

@media only screen and (max-width: 1024px){
	#frontpage_service.puffs .ellibot-linkarea{
		margin-top:20px;
		margin-bottom:0px;
	}
}

#sidebar.puffs .ellibot-linkarea{
	margin-bottom:50px;
}


#sidebar.puffs h2,
#frontpage .puffs h2{
	margin-top:0;
}

#frontpage h2{
	display:flex;
	white-space: nowrap;
}
#frontpage .puffs h2 a{
	border-bottom:0;
	color:#000;
}
#frontpage .puffs h2 a em{
	color:#d66253;
	font-size:40px;
	font-weight:100;
	vertical-align:bottom;
}
#frontpage .puffs h2 em{
	color:#d66253;
	font-size:40px;
	font-weight:100;
	vertical-align:bottom;
	padding-right:10px;
}
#frontpage .puffs h2 span{
	display:block; 
	width:100%;
	margin-left:20px;
	border-bottom:dotted 3px #f7e0dc; 
	height:22px;
}


#frontpage-banner.puffs h3 a{
	display:flex;
	align-items:center;
}
#frontpage-banner.puffs h3 a:before{
	font-family: "Font Awesome 5 Pro";
	content: "\f005";
	font-size:30px;
	font-weight: 100;
	color:#863127;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#f1d6ab;
	width:60px;
	height:60px;
	border-radius:50%;
	flex-shrink:0;
	margin-right:20px;
}

.puffs img{
	border-radius:10px 10px 0px 0px;
}
/* Slut nytt */
.puffs#frontpage-staende p,
.puffs#frontpage-news p,
.puffs#frontpage-banner p,
.puffs#frontpage-events p,
.puffs#sidebar p,
.puffs #sorting-archive p,
#subnews .puffs p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.puffs#sidebar strong{
	font-weight:500;
}
/* Puffar som innehåller bilder (nyheter exempelvis) */
.puff-has-image{}
.puff-has-image h2, .puff-has-image h3{
	margin-top:20px;
}



/* Startsida toppbild */
#frontpage-topimage{
	width:100%;
	background-color:#000;
	min-height:450px;
	position:relative;
}
#frontpage-topimage #frontpage-topimageBg{
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}
#frontpage-topimage #frontpage-topimageText-wrapper{
	width:100%;
	height:100%;
	display:flex;
	align-items: center;
	padding-bottom:30px;
}
#frontpage-topimage #frontpage-topimageText{
	text-align:left;
	width:1250px;
	margin:auto;
	padding:30px;
	border-radius:5px;
	display:flex;
	align-items: center;
	min-height:450px;
}

#frontpage-topimage #frontpage-topimageTextContent{
	width:100%;
	padding-right:30px;
}

#frontpage-topimage #frontpage-topimageText img{
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
	width:auto;
	/*height:150px;*/
	height:70px;
	margin-top:5px;
}
#frontpage-topimage h1{
	display:inline-block;
	vertical-align:top;
	font-weight:600;
	color:#fff;
	font-size:2.86em;
	margin-top:0;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#frontpage-topimage p{
	font-weight:600;
	color:#fff;	
	margin:0;
	padding:0;
}

/* Servicemeddelande i toppbild */
#frontpage_service{	
	width:100%;
	max-width:400px;
	
}
#frontpage_service.puffs .ellibot-linkarea{
	background-color:rgba(0, 0, 0, 0.6);
	border-radius:10px;
}
#frontpage_service.puffs .ellibot-linkarea h2{
	margin:0;
	padding:0;
	text-wrap: balance;
}
#frontpage_service.puffs .ellibot-linkarea h2 a{
	color:#fff;
	display:flex;
	align-items: center;
}
#frontpage_service.puffs .ellibot-linkarea p{
	margin-top:10px;
}
@media only screen and (min-width: 800px){
	
}


@media only screen and (max-width: 1250px){
	#frontpage-topimage #frontpage-topimageText{
		width:1040px;
	}
	#frontpage-topimage h1{
		margin-bottom:0.3em;
	}
	#frontpage-topimage #frontpage-topimageTextContent p{
		max-width:400px;
	}
	#frontpage-topimage #frontpage-topimageTextContent span.breakLine{
		display:block;
	}
}
@media only screen and (max-width: 1024px){
	#frontpage-topimage,
	#frontpage-topimage #frontpage-topimageText{
		min-height:auto;
		min-width:0;
	}
	#frontpage-topimage #frontpage-topimageTextContent{
		padding:0;
	}
	#frontpage-topimage #frontpage-topimageText{
		display:block;
		padding:20px;
	}
	#frontpage-topimage h1{
		margin-top:50px;
		font-size:1.953em;
	}
	#frontpage_service{	
		margin:auto;
		margin-top:0px;
		width:100%;
		max-width:800px;
		padding:0;
	}
}


/* Bakgrundseffekt (används på toppbild startsida) */
.parallax{
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Startsida - Låt stå */

#frontpage-staende em{
	font-family: "Font Awesome 5 Pro";
	display:inline-block;
}
@media only screen and (max-width: 1024px){
	#frontpage-staende{
		padding-bottom:0;
	}
}
@media only screen and (max-width: 615px){
	#frontpage-staende{
		padding-top:25px;
	}
}

/* Startsida - Hitta snabbt */
/*
#frontpage #shortcutsHeadline{
	text-align:center;
	padding:50px 0 10px 0px;
	margin-top:0px;
}
#frontpage #shortcutsHeadline h2{
	font-size: 1.563em;
	margin-top:0;
	font-weight:600;
}
#frontpage #shortcutsHeadline h2 small{
	font-size:16px;
	font-weight:600;
}
#frontpage #shortcuts{
	background-color:#fdf2f0;
	width:100%;
	text-align:center;
	padding:30px 0 30px 0;
}
#frontpage #shortcuts .fullContentWidth{
	max-width:1190px;
}
@media only screen and (max-width: 1024px){
	#frontpage #shortcutsHeadline{
		margin-top:70px;
	}
}
@media only screen and (max-width: 615px){
	#frontpage #shortcutsHeadline{
		display:none;
	}
	#frontpage #shortcuts{
		margin:0;
		text-align:left;
		padding-top:0px;
		padding-bottom:0px;
		background-color:transparent;
	}
}
*/
/*Snabblänkar i botten starsida */

#quick-links h2{
	/*margin-top:20px;*/
	margin-top:0px;
}
#quick-links ul{
	margin:0;
	padding:0;
}
#quick-links ul, #quick-links ul li{
	padding:0;
	list-style-type:none;
}
#quick-links ul li{
	line-height:30px;
}
#quick-links h2 span{
	border-bottom:dotted 3px #fdf2f0 !important; 
}
@media only screen and (max-width: 1024px){
	
	#quick-links .ellibot-column-box{
		margin:0;
		padding:0;
	}
	
	#quick-links h2{
		text-align:left;
	}
	
	#quick-links ul li{
		line-height:45px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow:hidden;
	}
}


/* Hitta snabbt */
#shortcuts ul,#shortcuts ul li{
	 display:inline-block;
	 list-style-type: none;
	 margin:0;
	 padding:0;
}
#shortcuts a{
	display:inline-block;
	white-space:nowrap;
	border-radius:30px;
	padding:12px 20px;
	margin:10px 6px;
	border:solid 1px transparent;
	background-color:#863127;
	color:#fff;
	font-weight:500;
	transition: all 0.2s ease-in-out;
	/* Gör att bredden blir rätt trots padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#shortcuts em{
	margin-right:8px;
}
#shortcuts a:hover{
	background-color:#fff;
	border:solid 1px #863127;
	color:#863127;
}
#shortcuts button.btn-aria-expander{
	display:none;
}
@media only screen and (max-width: 615px){
	#shortcuts button.btn-aria-expander{
		display:block;
	}
	#shortcuts.area-expanded .fullContentWidth{
		margin:0;
		padding:0;
		background-color:#6b271f;
	}
	#shortcuts.area-expanded button.btn-aria-expander{
		border-radius:0;
		background-color:transparent;
	}
	
	#shortcuts ul,#shortcuts ul li{
		display:block;
	}
	#shortcuts a{
		display:block;
		margin:0;
		margin-bottom:1px;
		border-radius:0;
		width:100%;
	}
}
@media only screen and (max-width: 615px){
	#shortcuts #shortcuts-links{
		display:none;
	}
}
@media only screen and (min-width: 616px){
	#shortcuts #shortcuts-links{
		display:block !important;
	}
}


/* Landningssidor - Hitta snabbt */
#subpage #shortcuts{
	max-width:100%;
}
#subpage #shortcuts a{
	margin-left:0;
	margin-right:12px;
}
@media only screen and (max-width: 615px){
	#subpage #shortcuts{
		min-width:auto;
	}
	#subpage #shortcuts.area-expanded{	
		margin-left:-20px;
		min-width: calc(100% + 40px);
	}
	#shortcuts.area-expanded{	
		background-color:#6b271f;
	}
}


/* Knapp för att öppna expandera element */
button.btn-aria-expander{
	cursor:pointer;
	display:block;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden; 
	border-radius:30px;
	padding:12px 20px;
	margin:0;
	width:100%;
	text-align:left;
	border:none;
	background-color:#863127;
	color:#fff;
	line-height: 1.65;
	font-weight:500;
	transition: all 0.5s ease-in-out;
	/* Gör att bredden blir rätt trots padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





/* Startsida - Nyheter */
#frontpage-news h2{
	text-align:left;
	margin-top:0;
	padding-top:0;
}
#frontpage-news h2 small{
	font-size:16px;
}
#frontpage-news h3{
	text-wrap: balance;
}
#frontpage-news .ellibot-linkarea:first-child h4{
	margin-top:0;
}
#frontpage-news .ellibot-linkarea p{
	margin-bottom: 1.15rem;
}
#frontpage-news .ellibot-linkarea h4{
  margin: 2.75rem 0 1.05rem;
}
@media only screen and (min-width: 1025px){
	/* Döljer fjärde nyheten på stor skärm */
	#frontpage-news .ellibot-column .ellibot-column-box.ellibot-column-3:last-of-type{
		display:none;
	}
}
@media only screen and (max-width: 615px){
	#frontpage-news{
		background-color:#fff;
	}
	#frontpage-news h2{
		margin-bottom:0;
	}
}


/* Startsida - Evenemang */

#frontpage-events h2{
	text-align:left;
	margin-top:0;
	padding-top:0;
}
#frontpage-events h2 small{
	font-size:16px;
}
#frontpage-events h3{
	text-wrap: balance;
}
#frontpage-events strong{
	font-weight:500;
}
#frontpage-events .ellibot-linkarea:first-child h4{
	margin-top:0;
}
#frontpage-events .ellibot-linkarea p{
	margin-bottom: 1.15rem;
}
#frontpage-events .ellibot-linkarea h4{
  margin: 2.75rem 0 1.05rem;
}

@media only screen and (max-width: 615px){
	#frontpage-events{
	}
	#frontpage-events h2{
		margin-bottom:0;
	}
}



/* Högermeny */
aside#sidebar{
	float:right;
	width:35%;
	/*margin-top:108px; Med rubrik */
	margin-top:212px; /* Utan rubrik */
	margin-bottom:65px;
	margin-left:100px;
}
/* Vänstermeny  */
nav#sidebar{
	float:left;
	width:35%;
	margin-top:108px;
	margin-bottom:65px;
	margin-right:100px;
}
nav#sidebar ul, nav#sidebar ul li{
	position:relative;
	list-style-type:none;
	margin:0;
	padding:0;
}
nav#sidebar .headline, aside#sidebar .headline{
	font-size: 1.25em;
	font-weight:600;
	margin-bottom:20px;
}
nav#sidebar .headline a{
	font-weight:600;
	border-bottom:0;
	padding-left:0;
	margin-top:0;
	color:#000;
	margin-top:-20px;
}
nav#sidebar .headline a:hover{
	border:none;
}
nav#sidebar a{
	display:block;
	padding:15px 60px;
	border-bottom:solid 1px #fce6e2;
	font-weight:600;
	transition: background-color 0.5s ease-in-out;
}
nav#sidebar a:hover{
	background-color:#f7e0dc;
	border-bottom:solid 1px #fce6e2;
}
nav#sidebar .submenuOpener{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	display:block;
	width:56px;
	height:57px;
	font-size:25px;
	font-weight: 900;
	vertical-align: middle;
	text-align:center;
	background-color:transparent;
	border:none;
	color:#863127;
	/*border-right:solid 1px #eee;*/
	transition: background-color 0.5s ease-in-out;
	cursor:pointer;
}
nav#sidebar .submenuOpener:hover, nav#sidebar .current_page_item > .submenuOpener:hover{
	background-color:#f7e0dc;
}
nav#sidebar .submenuOpener span{
	display:none;
}
nav#sidebar .children{
	display:none;
	background-color:#fdf2f0;
	border-bottom:solid 1px #fce6e2;
}


/* Nivå 3 */
nav#sidebar .children a{
	padding-left:90px;
}
nav#sidebar .children .page_item_has_children .submenuOpener{
	left:30px;
}

/* Nivå 4 */
nav#sidebar .children .children a{
	padding-left:120px;
}
nav#sidebar .children .children .page_item_has_children .submenuOpener{
	left:60px;
}

/* Nivå 5 */
nav#sidebar .children .children .children a{
	padding-left:150px;
}
nav#sidebar .children .children .children .page_item_has_children .submenuOpener{
	left:90px;
}

/* Nivå 6 (sista nivå!) */
nav#sidebar .children .children .children .children a{
	padding-left:180px;
}
nav#sidebar .children .children .children .children .page_item_has_children .submenuOpener{
	
}




/* Aktiv länk */
nav#sidebar .current_page_item > a, nav#sidebar .current_page_item > a:hover{
	border:solid 1px #d56252;
}
nav#sidebar .current_page_item > .submenuOpener{
	background-color:transparent;
}
/* Visar aktiv länk och undersidor när sidan laddats */
nav#sidebar .current_page_ancestor > ul.children, nav#sidebar .current_page_item > ul.children{
	display:block;
}


/* Huvudinnehåll */
main{
	display:block;
	min-height:500px;
}
@media only screen and (max-width: 1024px){
	main{
		min-height:auto;
	}
}

/* Huvudinnehåll undersida */
#subpage main{
	margin-top:108px;
	margin-bottom:65px;
	float:left;
	width:100%;
	max-width:670px;
}
@media only screen and (max-width: 1250px){
	nav#sidebar{
		margin-right:50px;
	}
	aside#sidebar{
		margin-left:50px;
	}
	#subpage main{
		max-width:590px;	
	}
}
@media only screen and (max-width: 1024px){
	
	nav#sidebar{
		display:none;
	}
	
	aside#sidebar{
		width:100%;	
		margin:auto;
		padding:0;
		padding-bottom:100px;
		float:none;
		background-color:transparent;	
		margin-left:-20px;
		/*margin-top:-50px;*/
		min-width: calc(100% + 40px);
	}
	
	
	aside#sidebar div{
		max-width:670px;
		margin:auto;
	}
	aside#sidebar div h2, aside#sidebar div p{
		max-width:550px;
	}
	aside#sidebar .headline{
		padding-top:65px;
		font-weight: 500;
		font-size: 1.563em;
	}
	#subpage main{
		margin:auto;
		margin-top:35px;
		margin-bottom:65px;
		float:none;
		max-width:670px;	
	}
}
@media only screen and (max-width: 750px){
	aside#sidebar{
		padding-left:20px;
		padding-right:20px;
	}
}
@media only screen and (max-width: 615px){
	aside#sidebar{
		padding-bottom:30px;
	}
	#subpage main{
		margin-top:0;
		margin-bottom:0px;
	}
}

/* Undersidor utan sidebar */
#subpage main.nosidebar{
	margin:auto;
	float:none;
	clear:both;
	margin-top:108px;
	margin-bottom:150px;
	max-width:670px;
}
@media only screen and (max-width: 1024px){
	#subpage main.nosidebar{
		margin:auto;
		margin-top:35px;
		margin-bottom:65px;
		float:none;
		max-width:670px;	
	}
}
@media only screen and (max-width: 615px){
	#subpage main.nosidebar{
		margin-top:0px;
	}
}

/* Undersidor utan sidebar full bredd */
#subpage main.nosidebar_fullwidth{
	margin:auto;
	float:none;
	clear:both;
	width:100%;
	max-width:100%;
	margin-top:108px;
	margin-bottom:150px;
}
@media only screen and (max-width: 1024px){
	#subpage main.nosidebar_fullwidth{
		margin-top:35px;
		margin-bottom:65px;	
	}
}
@media only screen and (max-width: 615px){
	#subpage main.nosidebar_fullwidth{
		margin-top:0px;
	}
}


/* Ingress */
.ingress{
	font-size:125%;
	font-weight:500;
	max-width:670px;
}

/* datum, tid */
.datetime, .location{
	font-size:125%;
	font-weight:500;
}
.datetime em, .location em{
	color:#863127;
}
/* Status (servicemeddelande) */
.datetime span:before{
	content: " | ";
}
@media only screen and (max-width: 615px){
	.datetime span:before{
		content: "";
		display:block;
	}
}


/* Huvudinnehåll WYSIWYG */
#mainContent{
	max-width:550px;
	overflow-wrap: break-word;
}
#mainContent ul, #mainContent ol{
	padding-left:20px;
}
#mainContent ul li, #mainContent ol li{
	padding-bottom:14px;
}
#mainContent ul li a, #mainContent ol li a{
	
}
#mainContent ul li a em, #mainContent ol li a em{
	margin-right:8px;
}



@media only screen and (max-width: 1024px){
	#mainContent, .ingress, h1,h2,h3,h4,h5,h6, #breadcrumbs{
		overflow-wrap: break-word;
	}
}



/* Brödsmulor */
nav#breadcrumbs{
	display:block;
	margin-bottom:20px;
}
nav#breadcrumbs ul{
	display:inline;
	position:relative;
	list-style-type:none;
	margin:0;
	padding:0;
}
nav#breadcrumbs ul li{
	display:inline-block;
	padding-bottom:5px;
	font-weight:500;
}
nav#breadcrumbs ul li:before{
	font-family: "Font Awesome 5 Pro";
	content: "\f324";
	font-size:10px;
	display: inline-block;
	font-weight: 400;
	padding:0 10px;
}
nav#breadcrumbs ul li:first-of-type:before{
	content: "";
	padding:0;
	padding-right:10px;
}
nav#breadcrumbs .headline{
	font-weight:600;
}
@media only screen and (max-width: 1024px){
	nav#breadcrumbs{
		max-width:100%;
	}
}
@media only screen and (max-width: 615px){
	nav#breadcrumbs .headline{
		font-size: 1.25em;
		font-weight:600;
		margin-bottom:1.05rem;
	}
	nav#breadcrumbs .headline, nav#breadcrumbs ul li{
		display:block;
	}
	nav#breadcrumbs ul li:before{
		padding-left:0;
	}
	nav#breadcrumbs ul li:first-of-type:before{
		content: "\f324";
	}
}


/* Hjälp - Lyssna, Translate */
#help-buttons{
}
#help-listenContent, #help-translateContent{
	display:none;
	background-color:#f7e0dc;
	border-radius:5px;
	padding:20px;
	max-width:550px;
	margin-bottom:10px;
	text-align:left;
}
#help-listenContent .headline, #help-translateContent .headline{
	font-size: 1.25em;
	font-weight:600;
	margin-bottom:1.05rem;
}
#help-listenContent label{
	color:#863127;
	font-weight:500;
	cursor:pointer;
}


#help{
	display: block; 
}
button#breadcrumb{
	display:none;
}
/* Döljer lyssna knapp för små skärmar och visar sökväg som knapp */
@media only screen and (max-width: 615px){
	
	#help{
		display: flex; 
		flex-direction: column; 
	}
	
	#help-buttons{
		background-color:#f7e0dc;
		margin-left:-20px;
		width:calc(100% + 40px);
		padding-top:10px;
		order:1;
		text-align:center;
	}
	
	nav#breadcrumbs, #help-translateContent, #help-listenContent{
		display:none;
		background-color:#fdf2f0;
		border-radius:0px 0px 5px 5px;
		padding:20px;
		margin-left:-20px;
		width:calc(100% + 40px);
		max-width:none;
		margin-bottom:10px;
		order:2;
	}
	
	#gutenberg_template #help-translateContent, #gutenberg_template #help-listenContent{
		margin:0;
		width:100% !important;
		max-width:100% !important;
	}

	
	button#breadcrumb{
		display:inline-block;
	}
	
}



/* Feedback */
#feedback{
	clear:both;
}
#feedback h2{
	font-size: 1.563em;
}
#feedbackContent{
	display:none;
	background-color:#f7e0dc;
	border-radius:5px;
	padding:20px;
	margin-top:10px;
	max-width:550px;
}
#feedbackContent .headline{
	font-size: 1.25em;
	font-weight:600;
	margin-bottom:1.05rem;
}
#feedbackContent textarea{
	width:100%;
}
#feedbackContent input{
	float:right;
}
#feedbackContent em{
	color:#863127;
}
@media only screen and (max-width: 1024px){
	#feedback{
		margin-top:50px;
	}
}


/* rosa knappar */
.btn{
	display:inline-block;
	white-space:nowrap;
	background-color:#fdf2f0;
	border:solid 1px #fce6e2;
	border-radius:30px;
	padding:5px 12px;
	font-weight:600;
	margin-right:5px;
	transition: background-color 0.5s ease-in-out;
	color:#863127;
	cursor:pointer;
	margin-bottom:10px;
}
a.btn:hover, a.btn:focus{
	padding-bottom:5px;
}
.btn:hover, .btn.active{
	background-color:#f7e0dc;
	border:solid 1px #f1c7c0;
}
.btn.active:hover{
	background-color:#fff;
	border:solid 1px #f1c7c0;
}
a.btn:focus:not(:hover){
	border:solid 1px #f1c7c0;
}
@media only screen and (max-width: 1024px){
	.btn{
		white-space:normal;
		text-align:left;
	}
}

/* Rosa knappar mot rosa bakgrund (Startsida nyheter, evenemang) */
#frontpage-news .btn{
	background-color:#f7e0dc;
	border:solid 1px #f1c7c0;
	padding:7px 20px;
	float:right;
	margin-top:20px;
}
#frontpage-news .btn:hover, #frontpage-news .btn.active{
	background-color:#fff;
	border:solid 1px #d56252;
}
#frontpage-news .btn.active:hover{
	background-color:#fff;
	border:solid 1px #f1c7c0;
}
#frontpage-news a.btn:focus:not(:hover){
	border:solid 1px #f1c7c0;
}
#frontpage-news .btn em{
	padding-right:8px;
}
@media only screen and (max-width: 615px){
	#frontpage-news .btn{
		float:none;
		display:table;
		margin:auto;
		margin-top:20px;
		text-align:center;
	}
}



#frontpage-events .btn{
	background-color:#f7e0dc;
	border:solid 1px #f1c7c0;
	padding:7px 20px;
	float:right;
	margin-top:20px;
}
#frontpage-events .btn:hover, #frontpage-events .btn.active{
	background-color:#fff;
	border:solid 1px #d56252;
}
#frontpage-events .btn.active:hover{
	background-color:#fff;
	border:solid 1px #f1c7c0;
}
#frontpage-events a.btn:focus:not(:hover){
	border:solid 1px #f1c7c0;
}
#frontpage-events .btn em{
	padding-right:8px;
}
@media only screen and (max-width: 615px){
	#frontpage-events .btn{
		float:none;
		display:table;
		margin:auto;
		margin-top:20px;
		text-align:center;
	}
}




/* Kontakta oss */
#contact{
	margin-bottom:50px;
	clear:both;
}
#contact h2{
	font-size: 1.563em;
}
#contact .contactContent{
	display:none;
	background-color:#f7e0dc;
	border-radius:5px;
	padding:20px;
	max-width:550px;
	margin-bottom:10px;
}
#contact .contactContent h3.headline{
	margin-top:10px;
}
#contact .contactContent h2, #contact .contactContent h3, #contact .contactContent h4, #contact .contactContent h5, #contact .contactContent h6{
	font-size: 1.25em;
	font-weight:600;
	margin-bottom:1.05rem;
}
@media only screen and (max-width: 1024px){
	#contact{
		margin-bottom:0;
	}
}



/* E-tjänster och nyheter i sidfot landningssida */
#subfooter{
	margin-top:30px;
	background: linear-gradient(90deg, #fce7e3 calc(50% - 125px), #fdf2f0 0%);
}
#subnews .ellibot-column-box{
	margin-bottom:10px;
}
#subnews .puffs .ellibot-column-box .ellibot-column-inside{
	margin:10px 15px !important;
}
@media only screen and (max-width: 1024px){
	#subfooter{
		background: linear-gradient(90deg, #fce7e3 38%, #fdf2f0 0%);
	}
}
@media only screen and (max-width: 615px){
	#subfooter{
		margin-top:20px;
		background: none;
	}
	
	#subnews{
		margin-top:50px;
		background-color:#fdf2f0;
		position:relative;
		left:50%;
		min-width:100vw;
		margin-left:-50vw;
		background:#fdf2f0;
	}

	#subnews > .puffs{
		max-width:615px;
		margin:0 auto;
		padding:0px 20px;
		box-sizing:border-box;
	}
	
}

/* E-tjänster */
#eservices{
	float:left;
	width:35%;
	margin-right:100px;
	padding-top:50px;
	padding-bottom:0px;
}
#eservices ul{
	margin-top:30px;
	padding:0;
	list-style-type:none;
	list-style-position: outside;
	font-weight:600;
}
#eservices ul li{
	border-bottom:solid 1px #f5d8d3;
}
#eservices ul li a{
	display:block;
	border:none;
	padding:15px 0px;
}
#eservices ul li a:hover{
	background-color:#fdf2f0;
}
#eservices button.btn-aria-expander{
	display:none;
}
@media only screen and (max-width: 1250px){
	#eservices{
		margin-right:50px;
	}
}
@media only screen and (max-width: 1024px){
	#eservices{
		margin-right:0;
	}
}
@media only screen and (max-width: 615px){
	#eservices{
		width:100%;
		max-width:100%;
		padding:0;
		margin:0;
		background-color:#6b271f;
	}
	#eservices h2{
		display:none;
	}
	#eservices ul,#eservices ul li{
		 display:inline-block;
		 list-style-type: none;
		 margin:0;
		 padding:0;
		 border:none;
	}
	#eservices ul,#eservices ul li{
		display:block;
	}
	#eservices em{
		margin-right:8px;
	}
	#eservices ul li a{
		margin-bottom:1px;
		border:none;
		background-color:#863127;
		color:#fff;
		font-weight:500;
		padding:12px 20px;
	}
	#eservices ul li a:hover{
		background-color:#fff;
		color:#863127;
	}
	#eservices button.btn-aria-expander{
		display:block;
	}
	#eservices.area-expanded{
		margin-left:-20px;
		min-width: calc(100% + 40px);
	}
	#eservices.area-expanded button.btn-aria-expander{
		border-radius:0;
		background-color:transparent;
	}
	#eservices.area-closed{
		background-color:transparent;
		padding:0;
	}
	#eservices #eservices-links{
		display:none;
	}
}
@media only screen and (min-width: 616px){
	#eservices #eservices-links{
		display:block !important;
	}
}


/* Undermeny i satsyta */
#frontpage #nextlevel{
	display:none;
}

#nextlevel{
	/*display:none;*/
}
#nextlevel ul{
	margin:30px 0;
	padding:0;
	list-style-type:none;
	list-style-position: outside;
	font-weight:600;
}
#nextlevel ul li{
	border-bottom:solid 1px #f5d8d3;
}
#nextlevel ul li a{
	display:block;
	border:none;
	padding:15px 0px;
}
#nextlevel ul li a:hover{
	background-color:#fdf2f0;
}
#nextlevel button.btn-aria-expander{
	display:none;
}
#nextlevel ul li a:before{
	font-family: "Font Awesome 5 Pro";
	content: "\f061";
	display: inline-block;
	font-weight: 600;
	padding-right:8px;
}
@media only screen and (max-width: 1024px){
	#frontpage #nextlevel{
		display:block;
	}
	#nextlevel{
		/*display:block;*/
	}
	#frontpage #nextlevel ul{
		
	}
}

/* Undermeny i satsyta med rubrik och ingress */
#nextlevel_excerpt{
	
}
#nextlevel_excerpt h2{
	font-size: 1.25em;
}
#nextlevel_excerpt p{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	text-overflow: ellipsis;
}


/* Dokumentlista */
#documentLists{
	margin:50px 0;
}
.documentList{
	padding:30px;
}
.documentList h2{
	font-size: 1.953em;
	margin-top:0;
}
.documentList ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.documentList ul li{
	/*line-height:45px;*/
	padding:10px 0;
}
.documentList.highlight-box{
	margin-top:30px;
	margin-bottom:0;
}


/* Matsedel (gamla ellibot) */
#ellibot_matsedel{
	max-width:550px;
	overflow-wrap: break-word;
}
#ellibot_matsedel h2{font-size: 1.953em;}
#ellibot_matsedel h3{font-size: 1.563em;}
#ellibot_matsedel label{
	float:left;
	margin-right:2%;
}
#ellibot_matsedel select, #ellibot_matsedel input{
	width:100% !important;
}
#ellibot_matsedel input[type="submit"]{
	display:block !important;
	margin:0 !important;
}
#ellibot_matsedel label#label_year{
	width:16%;
}
#ellibot_matsedel label#label_week{
	width:16%;
}
#ellibot_matsedel label#label_kitchen{
	width:40%;
}
#ellibot_matsedel label#label_send{
	width:20%;
	margin-right:0;
}
#ellibot_matsedel .print_matsedel{
	width:auto !important;
}
#matsedel_resultat{
	background-color:#fdf2f0;
	border-radius:5px;
	margin-top:30px;
	margin-bottom:50px;
	padding:20px;
}
@media only screen and (max-width: 615px){
	#ellibot_matsedel label{
		width:100% !important;
	}
}


/* Arkivsida Kontakter */
#archive-contacts{}
#archive-contacts h2{
	font-size: 1.563em;
}
#archive-contacts ul{
	list-style-type:none;
	padding-left:0;
}
#archive-contacts ul li, #archive-contacts ol li{
	/*line-height:45px;*/
	padding:10px 0;
}
#archive-contacts ul li a em, #archive-contacts ol li a em{
	margin-right:8px;
}


/* Arkivsida Nyheter */
#subnews{
	float:left;
	width:100%;
	max-width:670px;
	padding-top:50px;
	padding-bottom:0px;
	/* Gör att bredden blir rätt trots padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#subnews .ellibot-linkarea:first-child h4{
	margin-top:0;
}
#subnews .ellibot-linkarea h4{
  margin: 2.75rem 0 1.05rem;
}
#subnews h2 small{
	font-size:16px;
}
@media only screen and (max-width: 1250px){
	#subnews{
		max-width:590px;
	}
}
@media only screen and (max-width: 1024px){
	#subnews{
		max-width:65%;
		padding-left:40px;
	}
	#subnews .ellibot-column-box.ellibot-column-2{
		width:100%;
		max-width:100%;
	}
	#subnews .ellibot-column-box.ellibot-column-2 .ellibot-column-inside{
		margin-left:0;
		margin-right:0;
	}
}
@media only screen and (max-width: 615px){
	#subnews{
		width:100%;
		max-width:100%;
		padding:0;
	}
	#subnews h2{
			margin-bottom:0;
	}
}


/* Sortering */
.ellibot-sorting{}
.ellibot-do-sort{}
.ellibot-sort{}
.ellibot-sort-html{}


/* Arkiv sortering */
#archiveSorting{
	border:solid 1px #863127;
	border-radius:5px;
	padding:20px;
	margin-top:10px;
	margin-bottom:30px;
}

/* Sortering av politiker */
#ellibot-sorting-politics .ellibot-sort-html span{
	display:block;
}
#ellibot-sorting-politics .ellibot-column-box{
	margin:0;
}



/* Frågor och svar */
#faq .faq_section{
	padding:30px;
}
#faq .faq_section h2:first-of-type{
	margin-top:0;
}
#faq button.faq-button{
	display:block;
	position:relative;
	width:100%;
	border-radius:5px;
	padding:15px 50px;
	margin:20px 0px;
	margin-bottom:0;
	border:solid 1px #863127;
	background-color:#fff;
	color:#863127;
	font-weight:500;
	text-align:left;
	line-height: 1.65;
	/* Gör att bredden blir rätt trots padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#faq button.faq-button[aria-expanded=true]{
	border-radius:5px 5px 0 0;
	background-color:#863127;
	color:#fff;
}
#faq button.faq-button:hover{
	background-color:#863127;
	color:#fff;
}
#faq button.faq-button em{
	position:absolute;
	left:14px;
	top:16px;
	font-size:25px;
}
#faq .faq_answer{
	border:solid 1px #863127;
	border-top:0;
	border-radius: 0 0 5px 5px;
	display:none;
	padding:0 20px;
	margin:0;
	background-color:#fff;
	height:auto;
	overflow:hidden;
}
@media only screen and (max-width: 615px){
	#faq .faq_section{
		padding:10px;
	}
	#faq button.faq-button{
		display:block;
		margin:0;
		margin-bottom:-1px;
		border-radius:0;
		width:100%;
	}
	#faq button.faq-button[aria-expanded=true]{
		border-radius:0;
	}
	#faq .faq_answer{
		border-radius: 0;
	}
}



/* Ikoner för länk-typer */
.fontawesome_doc:before{
	font-family: "Font Awesome 5 Pro";
	content: "\f1c1";
	display: inline-block;
	font-weight: 300;
	padding-right:3px;
	line-height:0;
}
.fontawesome_email:before{
	font-family: "Font Awesome 5 Pro";
	content: "\f0e0";
	display: inline-block;
	font-weight: 300;
	padding-right:3px;
	line-height:0;
}
.fontawesome_phone:before{
	font-family: "Font Awesome 5 Pro";
	content: "\f095";
	display: inline-block;
	font-weight: 300;
	padding-right:3px;
	line-height:0;
}
.fontawesome_link:before{
	font-family: "Font Awesome 5 Pro";
	content: "\f0c1";
	display: inline-block;
	font-weight: 300;
	padding-right:3px;
	line-height:0;
}
.fontawesome_external:before{
	font-family: "Font Awesome 5 Pro";
	content: "\f08e";
	display: inline-block;
	font-weight: 300;
	padding-right:3px;
	line-height:0;
}

h2 .fontawesome_doc:before, h3 .fontawesome_doc:before{display:none;}
h2 .fontawesome_email:before, h3 .fontawesome_email:before{display:none;}
h2 .fontawesome_phone:before, h3 .fontawesome_phone:before{display:none;}
h2 .fontawesome_link:before, h3 .fontawesome_link:before{display:none;}
h2 .fontawesome_external:before, h3 .fontawesome_external:before{display:none;}

/* Gammal nyhet */
.oldNewsAlert{
	display:inline-block;
	padding:5px 8px;
	background-color:#fdf2f0;
	border-radius:2px;
	border-left:solid 5px #fce6e2;
	font-weight:600;
}
.oldNewsAlert em{
	color:#863127;
}


/* Fix för kolumnbredd i boxar */

/* Sortering arkivsidor */
.ellibot-sorting .ellibot-column-box{
	margin:10px 0 !important;
}
.ellibot-sorting .ellibot-column-box .ellibot-column-inside{
	margin:10px !important;
}
.ellibot-sorting .ellibot-linkarea:hover.ellibot-column-inside{
	background-color:#fdf2f0;
}
/* Servicemeddelanden */
#ellibot_nybro_ajax_service .ellibot-column-box{
	margin:10px 0 !important;
}
#ellibot_nybro_ajax_service .ellibot-column-box .ellibot-column-inside{
	margin:10px !important;
}
#ellibot_nybro_ajax_service .ellibot-linkarea:hover.ellibot-column-inside{
	background-color:#fdf2f0;
}
/* Nyheter */
#sidebar .ellibot-linkarea{
	margin:30px 0 !important;
}
#sidebar .ellibot-linkarea:hover{
	background-color:#fdf2f0;
}
@media only screen and (max-width: 1024px){
	#sidebar{
		width:100vw;
		min-width:100vw;
		margin-left:calc(50% - 50vw);
		padding-top:50px !important;
		background-color:#fdf2f0 !important;
	}
	#sidebar.puffs{
		width:100%;
		box-sizing:border-box;
	}
	#sidebar .ellibot-linkarea{
		margin:auto !important;
		margin-bottom:30px !important;
	}
	#sidebar .ellibot-linkarea:hover{
		background-color:#fff;
	}
	#sidebar br{
		display:none;
	}
	#sidebar .align-right{
		text-align:center;
		padding-top:15px;
		padding-bottom:30px;
		width:100%;
		min-width:100%;
		max-width:auto;
	}
	#sidebar .btn{
		background-color:#f7dfdb;
		border-color:#e6ccc7;
	}
	#sidebar .btn:hover{
		background-color:#fff;
	}
}


/* Sidfot */
footer{
	display:block;
	background-color:#863127;
	padding-top:80px;
	padding-bottom:100px;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer li{
	color:#fff;
}
footer h2 em{
	color:#d66253;
	font-size:40px;
	padding-right:10px;
	vertical-align:middle;
}
footer a{
	color:#fff;
	border-width:0;
	transition: all 100ms ease-in-out;
	padding-bottom:2px;
}
footer a:hover{
	border-bottom:solid 1px #fff;
	padding-bottom:0px;
}

footer ul, footer ul li{
	padding:0;
	list-style-type:none;
}
footer ul li{
	line-height:45px;
}
footer ul li em{
	padding-right:10px;
}
@media only screen and (max-width: 1024px){
	
	footer{
		padding-top:80px;
		padding-bottom:80px;
	}
	footer ul li{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow:hidden;
	}
	footer h2{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow:hidden;
	}
	
	footer .ellibot-column-box.ellibot-column-3{
		width:33.333333%;
	}
	footer .ellibot-column-box.ellibot-column-3:nth-child(3n+1) .ellibot-column-inside{
		margin-left:0;
		margin-right:30px;
	}
	footer .ellibot-column-box.ellibot-column-3:nth-child(3n+2) .ellibot-column-inside{
		margin-left:15px;
		margin-right:15px;
	}
	footer .ellibot-column-box.ellibot-column-3:nth-child(3n+3) .ellibot-column-inside{
		margin-left:30px;
		margin-right:0px;
	}
	

}
@media only screen and (max-width: 615px){
	
	footer .ellibot-column-box.ellibot-column-3{
		width:100%;
	}
	footer .ellibot-column-box.ellibot-column-3 .ellibot-column-inside{
		margin:auto !important;
		max-width:670px;
	}
	
}


/* Box i färg */
.highlight-box{
	background-color:#fdf2f0;
	border-radius:5px;
	margin-top:50px;
	margin-bottom:50px;
}
.highlight-box .ellibot-column-box:first-of-type{
	padding-left:20px;
}
@media only screen and (max-width: 1024px){
	.highlight-box .ellibot-column-box:first-of-type{
		padding-left:0;
	}
}
@media only screen and (max-width: 616px){
	.highlight-box .ellibot-column-box:first-of-type, .highlight-box .ellibot-column-box{
		padding-left:20px;
	}
}

/* Kategori-tagg */
.term-tag{
	display:inline-block;
	background-color:#fdf2f0;
	border:solid 1px #fce6e2;
	border-radius:5px;
	padding:0 5px;
	margin-bottom:1px;
	color:#863127;
}
.ellibot-linkarea:hover .term-tag{
	
}

/* Gör att valt element animerar rotation  */
.spinForward{
	animation-name: doSpinForward;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
}
@keyframes doSpinForward {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.spinBackward{
	animation-name: doSpinBackward;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
}
@keyframes doSpinBackward {
    from {
        transform:rotate(360deg);
    }
    to {
        transform:rotate(0deg);
    }
}


/* Ajax */
.ellibot_nybro_ajax_output{
	max-width:550px;
	overflow-wrap: break-word;
}
/* Undantag för servicemeddelanden */
#ellibot_nybro_ajax_service.ellibot_nybro_ajax_output{
	max-width:100%;
}

/* Ajax laddare */
.ellibot_nybro_ajax_output .ajax-loader-container{
	width:20px;
	height:20px;
	display:inline-block;
	margin-right:3px;
}
.ellibot_nybro_ajax_output .ajax-loader:before{
	display: block;
	font-family: "Font Awesome 5 Pro";
	content: "\f110";
	font-size:20px;
	font-weight: 400;
	color:#863127;
	width:100%;
	height:100%;
}

/* Ajax - protokoll */
.ellibot_event_selected{
	background-color:#fdf2f0;
	border-radius:5px;
	margin-top:20px;
	margin-bottom:30px;
	padding:20px;
}
.ellibot_event_selected h2{
	margin-top:0;
}


/* Välj nämnd (visar sammanträden/protokoll) */
#ellibot-sorting-meetings select{
	width:50%;
}
@media only screen and (max-width: 615px){
	#ellibot-sorting-meetings select{
		margin-bottom:15px;
	}
	#ellibot-sorting-meetings select, #ellibot-sorting-meetings input[type="button"]{
		width:100%;
	}
}




/* Sökmotor ordförslag autocomplete */
* { box-sizing: border-box; }
.autocomplete {
  position: relative;
  display: inline-block;
  color:#000;
  text-align:left;
  width:100%;
  max-width:500px;
}
.autocomplete-items {
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fdf2f0;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fdf2f0;
  border-bottom: 1px solid #f7e0dc;
  border-left: 1px solid #f7e0dc;
}
.autocomplete-items div:hover {
  background-color: #f7e0dc;
}
.autocomplete-heading{
	font-style:italic;
	background-color:#fff !important;
}
.autocomplete-active {
  background-color: #f7e0dc !important;
}
@media only screen and (max-width: 1024px){
	.autocomplete{
		width:100%;
	}
}
/* animation */
.autocomplete-items {
	opacity:0;
	visibility:hidden;
	transform:translateY(-10px);
	pointer-events:none;
	transition:
		opacity .2s ease,
		transform .2s ease,
		visibility 0s linear .2s;
}

.autocomplete-items.is-visible {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	pointer-events:auto;
	transition:
		opacity .2s ease,
		transform .2s ease,
		visibility 0s;
}


/* Google maps */
.acf-map{
	width: 100%;
	height: 450px;
	border:none;
	margin-top:5px;
	margin-bottom:20px;
}
@media only screen and (max-width: 1024px){
	#ellibot_nybro_ajax_service .acf-map{
		border: solid 1px #fff;
		margin-left:-20px;
		margin-bottom:0;
		width:calc(100% + 40px);
		height:calc(60vh - 60px);
	}
}
@media only screen and (max-width: 615px){
	#ellibot_nybro_ajax_service .acf-map{
		margin-top:20px;
	}
}
/* google maps - innehåll */
.acf-map .ellibot-linkarea{
	padding:0 5px;
	margin-right:20px;
}
.acf-map .datetime, .acf-map .location{
	font-size:100%;
	font-weight:500;
}
/* Rubrik */
.acf-map h4{
	margin-top:10px;
}
/* Kryss-knapp */
.acf-map .gm-style-iw button{
	top:0 !important;
	right:0 !important;
}
.acf-map .gm-style-iw button img{
	width:30px !important;
	height:30px !important;
	margin:0 !important;
}


/* Kortkod knapp [knapp text="" url=""] */
a.shortcode_knapp{
	display:inline-block;
	border-radius:30px;
	padding:12px 20px;
	margin:10px 6px;
	border:solid 1px transparent;
	background-color:#863127;
	color:#fff;
	font-weight:500;
	transition: all 0.2s ease-in-out;
	/* Gör att bredden blir rätt trots padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a.shortcode_knapp em{
	margin-right:8px;
}
a.shortcode_knapp:hover{
	background-color:#fff;
	border:solid 1px #863127;
	color:#863127;
}

@media only screen and (max-width: 615px){
	a.shortcode_knapp{
		display:block;
		margin:0;
		width:100%;
	}
}


/* Kolumner som bryter själv (används b.l.a kontakter och listade e-tjänster) */
.ellibot-column-filler{
	column-count: 4;
	column-width:auto;
	column-rule: solid 1px #eee;
	column-gap: 50px;
}
.ellibot-column-filler h2{
	font-size:25px;
	padding-top:20px;
}
.ellibot-column-filler h2:first-of-type{
	margin-top:0;
}
.ellibot-column-box-filler{
	break-inside:avoid;
	overflow:hidden;
}
/* 3 kolumner */
.ellibot-column-filler.ellibot-column-filler-column-3{
	column-count: 3;
}


@media only screen and (max-width: 1250px){
	.ellibot-column-filler{
		column-count: 3;
	}
}
@media only screen and (max-width: 1024px){
	.ellibot-column-filler,
	.ellibot-column-filler.ellibot-column-filler-column-3{
		column-count: 2;
	}
}
@media only screen and (max-width: 600px){
	.ellibot-column-filler,
	.ellibot-column-filler.ellibot-column-filler-column-3{
		column-count: 1;
	}
}


/* Evenemang som hämtar xml med js från upplevnybro.se och visas med shortcode */
.upplevnybroEvents{
	padding:20px 10px 50px 10px;
	display: flex;
	gap: 30px;
	flex-wrap:wrap;
	justify-content: center; 
}
.upplevnybroEvents > div {
	flex: 0 0 calc((100% - 90px) / 4);
}
.upplevnybroEvents img{
	margin-bottom:0;
	padding-bottom:0;
}
.upplevnybroEvents h3{
	margin-top:20px;
}
.upplevnybroEvents p{
	margin:0;
	padding:0;
}
@media (max-width: 782px) {
	.upplevnybroEvents > div {
		flex: 0 0 100%;
	}
}


/* Animerad pil meny startsidan */
.menu-arrow-hint{

	position:absolute;
	z-index:99999;

	display:flex;
	align-items:center;
	justify-content:center;

	color:#fff;
	font-size:16px;
	line-height:1;

	opacity:0;
	pointer-events:none;

	transform:
		translateY(-50%)
		translateX(-12px);

}

.menu-arrow-hint.is-visible{

	animation:menuArrowHint 2.8s ease forwards;

}

@keyframes menuArrowHint{

	0%{
		opacity:0;
		transform:
			translateY(-50%)
			translateX(-18px);
	}

	40%{
		opacity:1;
		transform:
			translateY(-50%)
			translateX(0);
	}

	100%{
		opacity:1;
		transform:
			translateY(-50%)
			translateX(0);
	}

}

@media (prefers-reduced-motion: reduce){

	.menu-arrow-hint{
		display:none;
	}

}


/* Animering av stjärnor (används på toppbild startsida) körs från script.js */
div.star{
	position: absolute;
	background-color:transparent;
	opacity: 0;
	z-index:1;
	background-image:url("https://nybro.se/wp-content/themes/nybro2/gfx/star.png");
	background-size:contain;
	background-repeat: no-repeat;
}

/* Webbplatsen är testad och fungerar till och med följande webbläsare */
/* 
	Edge 15 och över
	IE 10 och över
	Opera v.25 och över
	Safari 7.1 och över
	Galaxy Browser (Galaxy tab s3) v.7
	Iphone 5, iPad 4, iPad mini 2 -  Safari v.7
	Windows Phone - Nokia Lumnia 520  - 8.1
*/

/* FIX: IE 10-11  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){  
	input[type="checkbox"]{
		font-size:initial;
		visibility:visible;
		cursor:pointer;
		width:auto;
	}
	#ellibot_forms .ellibot_forms_checkbox input[type="checkbox"]{
		margin-right:10px;
	}
}
/* FIX: Edge 12-18 */
@supports (-ms-ime-align:auto){
	input[type="checkbox"]{
		font-size:initial;
		visibility:visible;
		cursor:pointer;
		width:auto;
	}
	#ellibot_forms .ellibot_forms_checkbox input[type="checkbox"]{
		margin-right:5px;
	}
}
/* FIX: Firefox (alla versioner) */
@supports (-moz-appearance:none) {
	input[type="checkbox"]{
		font-size:initial;
		visibility:visible;
		cursor:pointer;
		width:auto;
	}
	#ellibot_forms .ellibot_forms_checkbox input[type="checkbox"]{
		margin-right:5px;
	}
}
/* FIX: Safari - från 10.1 och över */
@media not all and (min-resolution:.001dpcm){
	input[type="checkbox"]:before{
		margin-top:-13px;
		margin-left:-10px;
	}
	#ellibot_forms .ellibot_forms_checkbox input[type="checkbox"]{
		margin-right:30px;
	}
}

/* FIX: Safari - upp t.o.m. 9.1 */
/*
Avvaktar med denna eftersom den påverkar senaste chrome bland annat
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
	input[type="checkbox"]:before{
		margin-top:-13px;
	}
	#ellibot_forms .ellibot_forms_checkbox input[type="checkbox"]{
		margin-right:30px;
	}
}
*/

/*Gör så att notiser i query monitor inte färgar adminbaren orange vid notiser ("Gör det fel")*/
#wpadminbar #wp-admin-bar-query-monitor.qm-notice a{background-color:#1d2327 !important;}

/* Fixar för Google translate */
#google_translate_element div{
	font-size:0 !important;
}
#google_translate_element div select.goog-te-combo{
	font-family: 'Raleway', sans-serif !important;
	font-size:16px !important;
	border:solid 1px #d56252 !important;
}
.goog-logo-link{
	display:none !important;
}



/* STILMALLAR FÖR UTSKRIFT */
@media print {
	
	body {}
	#top-banner-links, 
	#top-banner-search,
	#topmenu,
	#sidebar, 
	#help-buttons,
	#feedback,
	#shortcuts,
	#subfooter,
	#ellibot_forms,
	button,
	input[type="button"],
	footer{
		display:none !important;
	}
	main{
		margin-top:30px !important;
	}
	.no-print{
		display:none !important;
	}
	
	/* Byter ut logotyp i sidhuvud */
	#top-banner,
	#top-banner .fullContentWidth.table,
	#top-banner .fullContentWidth.table .tablre-row{
		margin:0 !important;
		padding:0 !Important;
		background-color:#fff !important;
	}
	#top-banner-logotype a{
		margin:0;
		padding:0 ;
		overflow:hidden;
		background-repeat:no-repeat;
		display:block;
		background-color:#fff;
		background-position:left;
		background-size: contain;
		background-image:url(https://nybro.se/wp-content/themes/nybro2/gfx/nybro-kommun-logotyp-farg.svg);
		border:0;
	}
	#top-banner-logotype img{
		opacity:0;
	}
	
}