:root {
    --mk-slider-min-height: 55vh;
    --mk-pretop-height: 48px;
    --mk-nav-height: 70px;
    --mk-nav-btn-width: 100px;
}
/*===============
    #Custom css
  ================*/
section {
  padding: 35px 0;
}

/*===============
    #Navigation
  ================*/
.navbar {
  height: var(--mk-nav-height);
}
.navbar.pre-top {
  height: var(--mk-pretop-height);
}
.navbar.fixed-top {
  top: var(--mk-pretop-height);
}
.scroll .navbar.fixed-top, .scroll .navbar-toggler {
  top: 0!important;
}
#offcanvasNavbar {
  top: calc(var(--mk-pretop-height) + var(--mk-nav-height));
}
.scroll #offcanvasNavbar {
  top: var(--mk-nav-height);
}
nav .offcanvas-backdrop.show {
  display: none;
}
nav > .container-fluid {
  height: 100%;
}
.nav-buttons {
  height: 100%;
  display: flex;
  flex-grow: 1;
}
.navbar-brand img {
    max-height: var(--mk-pretop-height);
    width:auto;
}
@media only screen and (max-width: 992px) {
  .nav-buttons {
    justify-content: flex-end;
  }
  .nav-buttons > button {
    width: 20%;
  }
}
@media only screen and (min-width: 779px) {
  .pt-md {
      padding-top: calc(var(--mk-nav-height));
  }
}
@media only screen and (max-width: 778px) {
  .nav-buttons button {
    width: 100%;
  }
  .pt-md {
      padding-top: calc(var(--mk-nav-height) * 2);
  }
}
@media only screen and (max-width: 576px) {
  .nav-buttons button {
    width: 100%;
  }
}
.navbar-toggler {
    top: var(--mk-pretop-height);
    height: var(--mk-nav-height);
    right: 0;
}
.navbar-toggler:focus-visible {
  outline: auto;
}
.navbar-toggler .span-alternate {
  display: none!important;
}
.navbar-toggler .span-alternate.show {
  display: flex!important;
  align-items: center;
}
.navbar-toggler span small {
  font-size: 0.875rem !important;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-nav.text-white .nav-link {
  color: inherit;
  display: flex;
  justify-content: space-between;
}
.nav-item {
  border-bottom: 1px solid rgba(225, 225, 225, 0.2);
}
.nav-item:last-child {
  border-bottom: none;
}
.nav-item:hover .nav-link {
  opacity: 0.6;
}
.nav-link.active {
  font-weight: bolder;
}
.nav-buttons input:not([type="radio"]) {
    width: calc(100% - 200px);
}
.nav-buttons button {
    width: var(--mk-nav-btn-width);
    z-index: 20!important;
    border-radius: 0!important;
}
.pre-top .navbar-nav {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.pre-top .nav-item .nav-link {
  color: var(--fk-blue);
}
/*===============
    #Hero
  ================*/
section.hero-section {
  padding: var(--mk-nav-height) 0 35px 0;
}
section.hero-section h1 {
    text-shadow: .125rem .125rem 0.125rem #555;
}
.p-4-2 {
  padding: 2.2rem;
}
section.hero-section .bg-image {
  min-height: calc(100vh - 140px);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
}
section.hero-section .input-group {
  justify-content: center;
}
section.hero-section #search-autocomplete {
  display: flex;
  align-items: center;
  width: 310px;
  position: relative;
}
section.hero-section #search-autocomplete .autoComplete_wrapper {
  width: 100%;
}
section.hero-section #search-autocomplete #autoComplete {
  height: 55px;
  border-radius: 30px;
  padding-left: 1.76rem;
  z-index: 3;
  position: relative;
  border-color: transparent;
  box-shadow: 0 0 1rem #ddd;
}
section.hero-section #search-autocomplete .autoComplete_wrapper #autoComplete {
  height: 55px;
  border-radius: 30px;
  padding-left: 1.76rem;
  z-index: 3;
  position: relative;
  border-color: transparent;
}
section.hero-section #search-autocomplete  #autoComplete:focus {
  border-color: transparent;
  box-shadow: none;
}
section.hero-section #search-autocomplete .autoComplete_wrapper #autoComplete:focus {
  border-color: transparent;
  box-shadow: none;
}
section.hero-section .input-group #search-autocomplete .btn {
  position: absolute;
  right: 9px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  top: 8px;
  z-index: 4;
}
section.hero-section .input-group #search-autocomplete .btn i {
  color: #ffffff;
}
section.hero-section .input-group #autoComplete_list_1 {
  display: flex;
  background: white;
  color: black;
  list-style: none;
  flex-flow: column;
  align-items: flex-start;
  padding: 3.5rem 1rem 1rem;
  top: 0;
  position: absolute;
  width: 310px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 30px;
  z-index: 2;
}
section.hero-section .input-group #autoComplete_list_1 li {
  padding: 0.5rem 1rem;
  width: 100%;
  text-align: left;
}
section.hero-section .input-group #autoComplete_list_1 li:first-child {
  border-top: 1px solid black;
}
section.hero-section .input-group #autoComplete_list_1 a {
  text-decoration: none;
  color: black;
}
.hero-btn-group .btn-altwhite::after, .hero-btn-group .btn::after {
  content: "";
  height: 5px;
  width: 100%;
  display: block;
}
.hero-btn-group .btn:hover {
    color: #000;
    background-color: #fff;
}
.hero-btn-group {
  flex-wrap: wrap;
  box-shadow: 0 0 1rem #ddd;
}
.btn-altwhite:hover::after, .hero-btn-group .btn:hover::after {
  border-bottom: 5px solid #003b5c;
}
.slider-hero__text-container a {
    color: var(--bs-white);
}
@media only screen and (max-width: 992px) {
    .hero-btn-group .btn {
    width: 100%;
    display: block;
    border-bottom: 1px solid #000000;
  }
  .btn-altwhite::after{
    content: none;
  }
  .btn-altwhite:hover::after {
    border-bottom: none;
  }
  .hero-btn-group .btn:last-child {
    border-bottom: none;
  }
  .btn-altwhite:hover::after, .hero-btn-group .btn:hover::after {
    border-bottom: none;
  }
}

/*===============
    #Card
  ================*/
a.card-link {
    text-decoration: none;
}
.news-heading {
  border-bottom: 4px solid var(--fk-blue);
}
.events-heading {
  border-bottom: 4px solid var(--fk-blue);
}
.news-card span.h6 {
  display: block;
  padding-bottom: 10px;
  color: #003b5c;
}
.news-card .card a {
  text-decoration: none;
}
.category-cards .card .card-body {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.card .card-img-top {
  height: 200px;
  object-fit: cover;
}
.card-text p {
    color: #000;
}
.card-text p a {
    color: var(--dek-green-minus-2);
}
.card-text p a:hover {
    text-decoration: underline;
}
.card a:hover,
.card li:hover a {
  opacity: 0.95;
 }
.card ul li a,
.card .card-link {
  position: relative;
}
.card ul li a span,
.card .card-link span {
  position: relative;
}
.card ul li i {
  margin-left: 5px;
  transform: translateX(0px);
  position: absolute;
  bottom: 7%;
}
.card ul li a:hover i,
.card .card-link:hover i,
.news-card .linkReadmore:hover i {
  transform: translateX(10px);
  transition: transform 0.2s ease-in-out;
}
.card .card-link i {
  margin-left: 5px;
  transform: translateX(0px);
  position: absolute;
  top: 20%;
}
.btn-outline-altsecondary {
  border-width: 2px;
}
.news-card .btn-outline-altsecondary i {
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: currentcolor;
  font-size: 14px;
}
.news-card .linkReadmore {
    bottom: 1rem;
    position: absolute;
    display: contents;
}

/*===============
    #Slider
  ================*/
.slider-hero .bg-image {
  min-height: var(--mk-slider-min-height);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index:0;
}
.slider-hero .slider-min-h {
  min-height: var(--mk-slider-min-height);
}
.slider-hero__text-container {
  width: 100%;
  height: 100%;
  min-height: var(--mk-slider-min-height);
}
.slider-hero img {
  position: absolute;
  left: 0;
  z-index: -1;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 992px) {
.slider-hero img {
  position: relative;
  height: 250px;
}
.slider-hero .bg-image, .slider-hero .slider-min-h, .slider-hero__text-container{
  min-height: auto;
}
.carousel-control-prev,
.carousel-control-next {
  width: 0%;
}
}
.carousel-control-prev,
.carousel-control-next {
  width: 2.5rem;
  opacity: 1;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  position: relative;
}
.carousel-control-next-icon::before,
.carousel-control-prev-icon::before {
  content: "";
  height: 2.5rem;
  width: 2.5rem;
  display: block;
  border: 2px solid white;
  border-radius: 50%;
  position: absolute;
  top: -0.25rem;
  z-index: -1;
}
.carousel-control-next-icon::before {
  left: -0.3rem;
}
.carousel-control-prev-icon::before {
  left: -0.15rem;
}
.carousel-control-prev:hover .carousel-control-prev-icon::before,
.carousel-control-next:hover .carousel-control-next-icon::before {
  background-color: white;
}
.carousel-control-next:hover .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev:hover .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 2px solid white;
  opacity: 1;
  border-radius: 50%;
}
.carousel-indicators .active {
  background-color: white;
}

/*===============
    #Calendar
  ================*/
.calendar {
  margin-top: 1rem;
}
.calendar a {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 20px;
  color: inherit;
}

.calendar__date-box {
  display: block;
  background: var(--fk-red-dark);
  padding: 1rem 1rem 1.5rem;
  border-radius: 0 0 40px 40px;
  font-size: 1.25rem;
  color: white;
  min-width: 80px;
  max-width: 80px;
  min-height: 84px;
}
.calendar__date-box span {
  display: block;
  text-align: center;
}
.calendar__date-box span {
  line-height: 1;
}
.calendar .list-group-item {
  padding: 1rem;
}
.calendar__date {
  margin-right: 5px;
}
.calendar__date i,
.calendar__place i {
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: currentcolor;
  margin-right: 5px;
}
.list-group-flush.calendar > .list-group-item:last-child {
  border-bottom-width: 1px;
}

/*===============
    #Footer
  ================*/
footer {
  display: block;
  width: 100%;
  min-height: 500px;
  height: fit-content;
  background-color: var(--fk-red);
}
footer .bg-image {
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
}
footer .footer-inner {
  height: 100%;
  padding: 70px 0;
}
footer .footer-inner a {
    color: #fff;
}
footer .list-group li {
  border: none;
  background: transparent;
  padding: 0.4rem 0;
  font-size: 1.2rem;
}
footer a:hover {
  opacity: 0.8;
}
footer .list-group li i.fa-arrow-circle-o-right{
  font-size: 24px;
  margin-right: 15px;
}
footer .footer-text-block p {
  font-size: 1.2rem;
}
footer .list-group li i.fa-external-link {
  margin-left: 15px;
}
footer .footer-logo img {
    max-width: 180px;
}
/*==================
    #Search in nav
  ================*/
.input-nav #search-autocomplete {
  display: flex;
  height: 100%;
  align-items: stretch;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}
.input-nav.input-group .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  height: 100%;
  border-radius: 0!important;
  top: 0;
}
#autoComplete-nav.form-control {
  width: 0;
  transition: width 0.2s linear;
  box-shadow: inset 0 0rem 0.2rem #005eb8;
  border: none;
  height: 100%;
  border-radius: 3px;
}
.open-input #autoComplete-nav.form-control {
  width: 70%;
}

@media only screen and (max-width: 768px) {
    .nav-buttons form .input-group {
        width: 100%;
        right: 0;
        top: calc(var(--mk-pretop-height) + var(--mk-nav-height));
        height: var(--mk-nav-height);
    }

    .scroll .nav-buttons form .input-group {
        top: var(--mk-nav-height);
    }
}

@media only screen and (min-width: 769px) {
    .nav-buttons form .input-group {
        height: var(--mk-nav-height);
        width: calc(100% - 400px);
        right: var(--mk-nav-btn-width);
    }
}

@media only screen and (min-width: 773px) {
    #breadcrumb {
        padding-top: var(--mk-nav-height);
    }
}
@media only screen and (max-width: 992px) {
  .open-input #autoComplete-nav.form-control {
    width: 100%;
  }
}
@media only screen and (max-width: 772px) {
  #autoComplete-nav.form-control {
    height: 0;
    width: 100%;
    position: fixed;
    top: 118px;
    right: 0;
    transition: height 0.15s linear;
    padding: 0 0.75rem;
  }
  .scroll #autoComplete-nav.form-control {
    top: var(--mk-nav-height);
  }
  .open-input #autoComplete-nav.form-control {
    height: var(--mk-nav-height);
    padding: 0.375rem 0.75rem;
    transition: height 0.15s linear;
  }
  #breadcrumb {
      padding-top: calc(var(--mk-nav-height) * 2);
  }
}

.btn.btn-altsecondary,
.btn.btn-altsecondary:hover {
  color: white;
}
/*==================
    #Länkstilar
  ================*/

a[target="_blank"]::after {
    font-style: normal !important;
	display: inline-block !important;
    font-family: "Font Awesome 6 Free" !important;
    content: "\f35d" !important;
	font-weight: 900 !important;
	text-decoration:none !important;
	padding-left: .25rem;
}  
a[target="_blank"]:has(img)::after {
   content:none !important; 
}
a[target="_blank"]:has(div)::after {
   content:none !important; 
}
a.card-link[href*=".pdf"]::before {
   content:none !important; 
}
a[href*=".PDF"]::before, a[href*=".pdf"]::before {
    font-style: normal;
	display: inline-block;
    font-family: "Font Awesome 6 Free";
    content: "\f1c1";
	font-weight: normal;
	text-decoration:none;
	color: var(--fk-red);
	padding-right: .25rem;
}
a[href$=".doc"]::before,a[href$=".docx"]::before {
	font-style: normal;
  	display: inline-block;
	    font-family: "Font Awesome 6 Free";
    content: "\f1c2";
	font-weight: normal;
	color:#3B579D;
	text-decoration:none;
	padding-right: .25rem;
}
a[href$=".ppt"]::before, a[href$=".pptx"]::before {
    font-style: normal;
    display: inline-block;
    font-family: "Font Awesome 6 Free";
    content: "\f1c4";
    font-weight: normal;
    color: #C64220;
    text-decoration: none;
    padding-right: .25rem;
}

#searchresults a::before {
content:none;
}

a[href$="rss/"]::before {
    font-style: normal !important;
	display: inline-block !important;
    font-family: "Font Awesome 6 Free" !important;
    content: "\f143" !important;
	font-weight: 900 !important;
	font-size: 1em !important;
	text-decoration:none !important;
	color: #fd7e14 !important;
	padding-right: .25rem;
}
a[target="_blank"][title*="RSS"]::after {
   content:none !important; 
}
.nobg-link::after  {
	padding-left:0;
	display: inline;
    font-family: "Font Awesome 6 Free";
    content: none !important;
	font-weight: 900;
	text-decoration:none;
}
.nobg-link::before  {
	padding-left:0;
	display: inline;
    font-family: "Font Awesome 6 Free";
    content: none !important;
	font-weight: 900;
	text-decoration:none;
}

/*==================
    #Evenemangssida
  ================*/
.center-element {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.center-div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}

.montserrat-semi-bold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  }
@media only screen and (max-width: 992px) {
  .montserrat-semi-bold {
      font-size:1.5em !important;
  }
}
@media only screen and (min-width: 1200px) {
  .montserrat-semi-bold {
      font-size:1.8em !important;
  }
}
.tracking-tighter	{
letter-spacing: -0.05em;
}
.tracking-tight	{
letter-spacing: -0.025em;
}
.tracking-normal {
letter-spacing: 0em;
}
.tracking-wide	{
letter-spacing: 0.025em;
}
.tracking-wider	{
letter-spacing: 0.05em;
}
.tracking-widest  {
letter-spacing: 0.1em;
}  
.event-pic-div {
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: calc(628/1200*100%);
background-position:0 30%;
background-size:cover;
border-radius: 0.25rem;
}
.visit-pic-div {
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: calc(600/800*100%);
background-position:0 30%;
background-size:cover;
}
.cinema-pic-div {
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: calc(628/418*100%);
background-position:50% 0;
background-size:287% 100%;
background-repeat:no-repeat;
border-radius: 0.25rem;
}
.events-list li:nth-child(even) {
      background-color: var(--fk-blue);
      }	  
.events-list .list-unstyled li:nth-child(even) {
      background-color: transparent !important;
      border-radius: 0.25rem;
    }    
.event-time,.event-date {
    color:var(--fk-blue);
    font-size:1.1em;
}
.event-time::before {
font-family: 'Font Awesome\ 6 Free';
font-weight: 400;
content:"\f017 \202F";
}	
.event-date::before {
font-family: 'Font Awesome\ 6 Free';
font-weight: 400;
content:"\f073 \202F";
}
.event-list-button {
	position:absolute;
	bottom:.05rem;
	left:1rem;
	right:1rem;
	z-index:1;
	 }
.event-list-button::after {
   content:none !important; 
}	 
/*==================
    #Bootstrap redefinitions
  ================*/
.list-group {
    --bs-list-group-active-bg:var(--fk-red);
    --bs-list-group-active-border-color:var(--fk-red);
}
.active>.page-link {
    --bs-pagination-active-bg: var(--fk-red);
    --bs-pagination-active-border-color: var(--fk-red);
}    
.event-details .flex-fill {
    border:none !important;
}
  /*Negativa marginaler*/
  .m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.5rem!important}.m-n5{margin:-3rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n5{margin-right:-3rem!important;margin-left:-3rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n5{margin-top:-3rem!important;margin-bottom:-3rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.5rem!important}.mt-n5{margin-top:-3rem!important}.me-n1{margin-right:-.25rem!important}.me-n2{margin-right:-.5rem!important}.me-n3{margin-right:-1rem!important}.me-n4{margin-right:-1.5rem!important}.me-n5{margin-right:-3rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.5rem!important}.mb-n5{margin-bottom:-3rem!important}.ms-n1{margin-left:-.25rem!important}.ms-n2{margin-left:-.5rem!important}.ms-n3{margin-left:-1rem!important}.ms-n4{margin-left:-1.5rem!important}.ms-n5{margin-left:-3rem!important}
 .no-border-bottom {
     border-bottom:none !important;
 }
 .no-radius-bottom {
     border-radius: 0.375rem  0.375rem 0 0 !important;
 }
  /*===============
    #Google maps
  ================*/
.mapholder7030 {
margin:auto;
 /*width:492px;
*/
}
.mapdiv7030 {
/*width:490px;
*/ height:320px;
 border:1px #cccccc solid;
}
  .mapholder100  {
/*width: 755px;
*/margin:auto;
}
.mapdiv100  {
/*width: 750px;
*/ height: 600px;
border:1px #cccccc solid;
}
.mapdivfullwidht600  {
width: 90%;
 height: 600px;
border:1px #cccccc solid;
}
.mapdivfullwidhtsquare  {
width: 100%;
padding-bottom: 100%;
border:1px #cccccc solid;
}
.mapdivfullwidht800  {
width: 90%;
 height: 800px;
border:1px #cccccc solid;
}
.mapdivfullwidht320 {
width:99%;
 height:320px;
 border:1px #cccccc solid;
}
.mapdivfullwidht250 {
width:99%;
height:250px;
border:1px #cccccc solid;
}
#destiname {
 font-weight:bold;
}
.centered {
  text-align: center;
}
.flatlist {
  list-style: none;
}
.flatlist li {
  display:inline;
  margin-right:10px;
}
.grid-container4 {
  /*display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 5px;
  padding: 5px;
	clear:both;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.grid-container4 > a {
	text-decoration:none;
}
.grid-container4 > a:hover {
	text-decoration:underline;
}

.grid-container4 > a > div {
  text-align: center;
  flex: 1 0 21%; /* explanation below */
  margin: 5px;
  }
.grid-container5 {
  /*display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 5px;
  padding: 5px;*/
	display: flex;
	justify-content: space-around;
	clear:both;
	flex-wrap: wrap;
  
}
.grid-container5 > a {
	text-decoration:none;
}
.grid-container5 > a:hover {
	text-decoration:underline;
}

.grid-container5 > a > div {
  text-align: center;
    }
.line:after {
   content: '\A';
   white-space: pre;
}  
/*===============
#Responsive iframes
  ================*/
.responsive-iframe-container-16-9 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: calc(9/16*100%); /* 16:9 Aspect Ratio */
}
.responsive-iframe-container-4-3 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: calc(3/4*100%); /* 4:3 Aspect Ratio */
}
.responsive-iframe-container-3-1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: calc(1/3*100%); /* 3:1 Aspect Ratio */
}
.responsive-iframe-container-1-1 {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  padding-top: calc(1/1*100%) !important; /* 1:1 Aspect Ratio */
}
.responsive-iframe-container-1-1komma5 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: calc(1.5*100%); /* 1:1.5 Aspect Ratio */
}
.responsive-iframe-container-1-2 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: calc(2/1*100%); /* 1:2 Aspect Ratio */
}

.responsive-iframe-container-1-3 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: calc(3/1*100%); /* 1:3 Aspect Ratio */
}
.responsive-iframe-container-1-4 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: calc(4/1*100%); /* 1:4 Aspect Ratio */
}

.responsive-iframe-container-1-5 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: calc(5/1*100%); /* 1:5 Aspect Ratio */
}
.responsive-iframe-container-1-6 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: calc(6/1*100%); /* 1:6 Aspect Ratio */
}
.responsive-iframe-container-1-7 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: calc(7/1*100%); /* 1:7 Aspect Ratio */
}
.responsive-iframe-container-1-8 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: calc(8/1*100%); /* 1:8 Aspect Ratio */
}
.responsive-iframe-container-1-9 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: calc(9/1*100%); /* 1:9 Aspect Ratio */
}
.responsive-iframe-container-1-10 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: calc(10/1*100%); /* 1:10 Aspect Ratio */
}

.responsive-iframe {
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:100% !important;
	border: none !important;
	overflow:hidden !important;
}
.responsive-iframe-container-1-1 .row {
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:100% !important;
	border: none !important;
	overflow:hidden !important;
}

/*kontrastrött/grönt*/
.contrast_red, .mandatory {
color: #AB0000 !important;
}
.contrast_red>div>h2 {
color: #AB0000 !important;
}
.contrast_green {
	color:#125D0D !important;
}
.hide-element {
    position: absolute !important;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
/*Sida kommunvapen*/
.heraldic .centered {
	display:inline-block;
	padding:1%;
	margin:1%;
	position:relative;
	width:450px;
}
.heraldic a {
	background:white;
	padding:1px;
	display:block;
	margin-top:5px;
}
/*kontaktbild*/
.card-body p img {
    display:block !important;
    }
blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 1.1em;
  border-left: 5px solid #eeeeee;
  font-style:italic;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote .quote-left {
	display:inline-block;
	margin-left:1.5em;
}
blockquote .quote-left::before {
	font-style: normal;
	display: inline-block;
	font-family: "Font Awesome 6 Free";
    content: "\f10d";
	font-weight: bold;
	text-decoration:none;
	color: #ccc;
	text-indent:-1.5em;
}
blockquote .quote-right::after {
	font-style: normal;
	display: inline-block;
	font-family: "Font Awesome 6 Free";
   	content: "\202F \202F \f10e ";
	font-weight: bold;
	text-decoration:none;
	color: #ccc;
}    
caption {
    caption-side: top !important;
    text-align: center;
}
.hero-section h1 {
    text-shadow: 0 0 1rem #5c7ca6;
}
.bildtext {
    font-size:0.9em;
}