.halflings-icon, .no-inlinesvg .halflings-icon {
    margin-right: 0.6em;
    margin-top: 0.2em;
    color: #fff;
}

.imghr {
  width   : 100%;
  height  : 100%;   
  position: relative;
  z-index : 1;
  

}

.imghr:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 10%;
  width   : 50%;
  border-bottom:4px solid #0474b0;
}

.imghrGrey:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 20%;
  width   : 90%;
  border-bottom:1px solid #666666;
}

.sv-font-sidfot:after {
   margin-left: 0.75em;
   font-size: 0.60em;
   vertical-align: middle;
	font-family: "Font Awesome 6 Free"; font-weight: 600; content: "\f105"; 
   
}
.sv-font-sidfot2:after {
   margin-left: 0.75em;
   font-size: 0.60em;
   vertical-align: middle;
	font-family: "Font Awesome 6 Free"; font-weight: 600; content: "\f105"; 
   
}
.circle {
	border-radius: 50%;
	width: 100px;
	height: 100px; 
   border:1px solid #0474b0; 
   display: block;    
   margin-left: auto;    
   margin-right: auto;    
}

.circle:hover {
	border-radius: 50%;
	width: 100px;
	height: 100px; 
   border:1px solid #fbd617; 
}

.circle70 {
	border-radius: 50%;
	width: 70px;
	height: 70px; 
   border:1px solid #0474b0; 
   display: block;    
   margin-left: auto;    
   margin-right: auto;    
}

.circle70:hover {
	border-radius: 50%;
	width: 70px;
	height: 70px; 
   border:1px solid #fbd617; 
}


.search-container {
   display: flex; /* Lägg till flex för att placera barnen på samma rad */
   align-items: center;
   border: 1px solid #949494; /* Skapar ramen */
   border-radius: 40px; /* Rundar ramen */
   overflow: hidden; /* Klipper kanterna så att rundningen syns tydligt */
}

.fa-search:after {
   padding-right: 1em;
   text-decoration: none; 
   font-size: 1.5rem;
   color: #0474b0;
   vertical-align: middle;
   font-family: "Font Awesome 6 Free"; 
   font-weight: 600; 
   content: "\f002"; 
}

.search-box{
   min-width: 20em;
   flex: 1; /* Gör att input tar upp största möjliga utrymme */
   border: none; /* Tar bort den inbyggda ramen på input-fältet */
   padding: 1.5rem 1rem; /* Justerar padding för att matcha höjden */
   font-size: 1rem;
   outline: none; /* Tar bort blå kant vid fokus */
   font-family: "Montserrat";
}

.search-box-button {
 background: transparent;
   border: none; /* Tar bort den inbyggda ramen på knappen */
   padding: 1.5rem; /* Samma höjd som input-fältet */
   cursor: pointer;
   font-size: 1rem;
   color: #0474b0; /* Färg på ikonen */
   
   align-items: center;
   justify-content: center;  
   
}


.old-search-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 29px 20px 29px 5px;
    border: 0;
   width:20em;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    color: #333;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family:"Montserrat";
    font-size:80%
}

.menu-container  {
 font-family:"Montserrat", arial, helvetica, sans-serif;
 text-decoration:none;
 line-height:2.5em;
 font-size:100%;
 width: 95%;
 padding: 3px 12px 3px 8px;
  
}
.menu-container a {text-decoration:none; color:#000000;}


.visaPil::after{
   z-index : 1;
	position: absolute;
   top: 1%;
   bottom: 0;
   right: 3%;
   font-size: 1em;
   vertical-align: middle;
	font-family: "Font Awesome 6 Free"; font-weight: 600; content: "\f105";

}
   
.visaIntePil{}


.visaAktivPil::after {
	position: absolute;
   top: 1%;
   bottom: 0;
   right: 3%;
   z-index : 1;
	font-size: 1em;
   vertical-align: middle;
	font-family: "Font Awesome 6 Free"; font-weight: 600; content: "\f107";  
   
}


.n1-current {font-weight:600;}
.n2-current {font-weight:600;}
.n3-current {font-weight:600;}
.n4-current {font-weight:600;}
.n5-current {font-weight:600;}
.n6-current {font-weight:600;}

.n1-subnode{font-weight:normal;}
.n2-subnode{font-weight:normal;}
.n3-subnode{font-weight:normal;}
.n4-subnode{font-weight:normal;}
.n5-subnode{font-weight:normal;}
.n6-subnode{font-weight:normal;}

.menu-container .n3-current .visaAktivPil>a {background: #555;color:#fff;}
.menu-container .n4-current .visaAktivPil>a {background: #555;color:#fff;}
.menu-container .n5-current .visaAktivPil>a {background: #555;color:#fff;}
.menu-container .n6-current .visaAktivPil>a {background: #555;color:#fff;}

.menu-container .n3-current .visaIntePil>a {background: #555;;color:#fff;}
.menu-container .n4-current .visaIntePil>a {background: #555;color:#fff;}
.menu-container .n5-current .visaIntePil>a {background: #555;color:#fff;}
.menu-container .n6-current .visaIntePil>a {background: #555;color:#fff;}

.menu-container .n3-subnode .visaIntePil>a {background: #f5f4f4;color:#000000;}
.menu-container .n4-subnode .visaIntePil>a {background: #dedcdc;color:#000000;}
.menu-container .n5-subnode .visaIntePil>a {background: #c8c7c7;color:#000000;}
.menu-container .n6-subnode .visaIntePil>a {background: #bbbaba;color:#000000;}


.menu-container .n3-current .visaAktivPil {color:#fff;}
.menu-container .n4-current .visaAktivPil {color:#fff;}
.menu-container .n5-current .visaAktivPil {color:#fff;}
.menu-container .n6-current .visaAktivPil {color:#fff;}

.menu-container  div {
	position: relative;
   border-bottom: 1px solid #fff;
}

.menu-container  div:first-child {
    border-top: 1px solid #fff;
}

.menu-container  div:last-child {
    border-bottom: none;
}

.menu-container div a {
   display: block;
	width: 100%;
	padding: 3px 3px 3px 10px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
   background: #f5f4f4;
}
.menu-container div div a {
   display: block;
	width: 100%;
	padding: 3px 3px 3px 20px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
    /*background: #dedcdc;*/

}

.menu-container div div div a{
   display: block;
	width: 100%;
   padding: 3px 3px 3px 30px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
   background: #c8c7c7;
}

.menu-container div div div div a {
    display: block;
	width: 100%;
   padding: 3px 3px 3px 40px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
   background: #dedcdc;
	
}

#__ba_panel{
			display:none;
}




.event-widget {
    display: block;
    width: 100%;
    border-radius: 20px 20px 0 0; /* Lägg till avrundning på övre hörnen */
    background-color: #e8f1e8;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
   min-height:10em;
}
.event-widget-image {
    position: absolute;
    top: 0;
    left: 0;
 
    width: 100%;
    height: 165px;
    background-size: cover;
    background-position: center;
}




.button-more {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    position: relative;
    display: inline-block;
    padding: 9px 25px;
    color: #0067af;
    border-radius: 10px;
    background-color: #fff;
    transition-property: background-color,border,color;
    transition-duration: 200ms;
    transition-timing-function: ease;
    cursor: pointer;
    text-decoration: none;
   
    border: 2px solid #0067af;
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
}

.fa-minus:after{
  display: block;
  font-size: 1em;
  font-family: "Font Awesome 6 Free"; font-weight: 600; color:#FFFFFF; content: "\f068";  

}

.fa-plus:after{
  display: block;
  font-size: 1em;
  font-family: "Font Awesome 6 Free"; font-weight: 600; color:#FFFFFF; content: "\2b";  

}

.fa-bars:after{
  display: block;
  font-size: 2em;
  font-family: "Font Awesome 6 Free"; font-weight: 600; color:#FFFFFF; content: "\f0c9";  

}

.sol-expandable {
    border: 1px solid #ced4da;
    position: relative;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 10px
}
.sol-expandable__header {
    appearance: none;
    background: 0 0;
    border: none;
    position: relative;
    padding: 18px 60px 18px 20px;
    font-size: 1.125rem;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    cursor: pointer;
    width: 100%;
    text-align: left;
    margin-bottom: -1px
}
.sol-expandable__header::after {
    display: inline-block;
    font-size: 1.25rem;
    font-family: "Font Awesome 6 Free", sans-serif;
    font-weight: 300;
    content: "\f067";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 55px;
    background-color: #0474b0;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 0 10px 10px 0
}
.sol-expandable__header--active::after {
    content: "\f068";
    border-bottom-right-radius: 0
}
.sol-expandable .sv-decoration-content,
.sol-expandable__content {
    padding: 10px 20px;
    display: none
}



	
.fa,
.fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

.env-nav  {
    font-family: var(--env-font-family);
    font-size: 90%;
    font-weight: 700;
    list-style: none;
    margin: 0;
    padding: 0;
   
   text-transform:uppercase;
}

.env-nav--menubar.env-nav--border .env-nav__link--active {
    border-bottom:4px solid #fbd617;
    font-weight: 900;
    
}

.env-nav--menubar.env-nav--border .env-nav__link:hover {
    border-bottom:4px solid #fbd617;
    color: var(--env-element-primary-background-color);
}

.env-nav--menubar .env-nav__link {
    padding: var(--env-spacing-medium);
        color:#ffffff!important;
}

.sv-newslist .sv-newslist__gallery-item__image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #f5f5f5;
    border-radius: 10px;
}

a.rek-link.normal {
    text-decoration: none!important;
    border: 2px solid #0067af;
    border-radius: 3rem;
    height: 2rem;
    background: transparent!important;
    align-items: center;
    margin-right: 0.625rem;
    margin-top: 0.625rem;
    display: inline-flex;
    padding-left: 15px;
    padding-right: 15px;
     font-family: 'Montserrat';
    font-size: 1.2em;
    font-weight: bold;
    color: #005095;
   text-decoration:none;
}

a.rek-link.normal:hover {
	text-decoration: none!important;
    background-color:#0067af!important;
    color:#FFFFFF!important;
    border-radius: 3rem;
    height: 2rem;
    align-items: center;
    margin-right: 0.625rem;
    margin-top: 0.625rem;
    display: inline-flex;
    padding-left: 15px;
    padding-right: 15px;
     font-family: 'Montserrat';
    font-size: 1.2em;
    font-weight:bold;

}

p.sv-portlet-image-caption {
    margin-top: 3px;
   font-size: 0.75em!important;
font-weight: 700;}
   

.gradient-container {
    position: relative;
    display: inline-block;
}

.gradient-container img {
    width: 100%;
    height: auto;
}

.gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}


.background-with-gradient {
  position: relative;
  width: 100%;
  height: 100%;
}

.background-with-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  

   background: rgba(0,0,0,0.2);
    background: linear-gradient(to bottom, rgba(0,0,0,0), #000);
    opacity: 1;
    z-index: 1;
}

.h1-hero{
background-color: #0067af;    
border-radius: 0 20rem 20rem 0;    
display: inline-block;    
font-size: clamp(2rem, 2vw, 2rem);    
margin-bottom: 0;    
max-width: 40ch;    
padding: 1.5em;
}

.my-icon {
    fill: #0067af!important; /* Sätter färgen på SVG-ikonen till blå */
    width: 24px;   /* Ställer in bredden till 18px */
    height: 24px;  /* Ställer in höjden till 18px */
}