h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
   font-family: 'Tahoma', sans-serif!important;
}

* {
   margin: 0;
   padding: 0;
   font-family: 'Tahoma', sans-serif;
   word-break: break-word;
}


a {
   font-family: inherit; 
}

i {
   font-family: "Font Awesome 5 Free", sans-serif!important;
}

i.fab {
   font-family: "Font Awesome 5 Brands", sans-serif!important;
}

ul, ol {
   margin: 0 0 20px 2rem;
}

ul a {
   	color: var(--env-element-primary-background-color);
      text-decoration: none;
}
ul a:hover {
      text-decoration: underline;
}


body {
   font-size: 16px;
   margin-top: 0!important;
   overflow-x: hidden;
}

body > .sv-layout > div:last-child {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
}

.sp-overlay {
   overflow: hidden;
}

header {
 	position: sticky;
   box-shadow: 0 20px 30px -20px rgba(0, 0, 0, .2);
   top: 0px;
   /*z-index: 25;*/
   z-index: 1001;
}

header .page-heading {
   font-weight: bold;
   font-size: 280%;
   font-family: 'Tahoma', sans-serif!important;
}

header > div:first-child {
   position: absolute;
   width: 100%;
   padding: .5rem 0 0;
}

header > div:first-child * {
   color: var(--env-element-font-color);
}

header > div:nth-child(1) .sv-column-12 {
   display: flex!important;
   align-items: center;
   margin: 0!important;
}

header > div:nth-child(2) {
   background: var(--env-element-background-color);
   height: 120px;
   padding: 0 0 2rem;
   display: flex;
   align-items: end;
}

header > div:nth-child(2) .sv-grid-1400 {
   width: 95% !important
}

header > div:nth-child(2) .page-heading {
   color: var(--env-element-font-color);
}

header > div:nth-child(2) .sv-column-12 {
   display: flex!important;
   align-items: end;
   margin: 0!important;
   gap: 2rem;
   justify-content: space-between;
}

header > div:nth-child(2) .sv-column-12 .sv-layout:nth-child(3) {
   display: flex;
   /*flex: 1;*/
}

header > div:nth-child(2) .sv-column-12 .sv-layout:nth-child(3) > div {
   flex: 1;
}

header > div:nth-child(2) .sv-column-12 .sv-layout:nth-child(3) > div > a {
   width: 100%;
}

header > div:nth-child(3) .sv-fluid-grid {
   width: 95%!important;
}

header > div:nth-child(3) .sv-column-12 .sv-layout {
   display: flex;
   align-items: center;
   margin: 0!important;
   justify-content: space-between;
}

header > div:nth-child(4) .sv-column-12 > .sv-layout {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 2rem;
   background: var(--env-element-background-color);
}

header > div:nth-child(4) .sv-column-12 .sv-layout {
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: var(--env-element-background-color);
}

header > div:first-child .sv-column-12 {
   justify-content: flex-end;
   height: 2rem;
   position: relative;
}

header > div:nth-child(3) {
   background: var(--env-element-primary-background-color);
   min-height: 4rem;
   display: flex;
   align-items: center;
}

header > div:nth-child(3) .sv-column-12 {
   justify-content: space-between;
}

header a img {
   height: auto;
   width: auto;
   max-height: 100px;
}

header a .idr-main-page-header-logo {
   max-height: 70px;
}


@media screen and (max-width: 1300px) {
  header a img {
   max-height: 40px;
}
}

header .sv-column-12 {
   margin-bottom: 0!important;
}

@media screen and (max-width: 768px) {
   header > div:nth-child(2) .sv-visible-sv-bp-mobil {
      display: flex!important;
   }
}
.sv-linkicon {
  display: none;
}


p a[href^="http"]:not([href*="gymnastik.se/"]):not([href$=".pdf"]):after,
p a[href^="https"]:not([href*="gymnastik.se/"]):not([href$=".pdf"]):after,
p a[href*="shop.gymnastik.se"]:after
{
		content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
   	color: currentColor;
    margin-left: 5px;
}




p a[href^="http"]:not([href*="gymnastik.se"]) .env-assistive-text, p a[href^="https"]:not([href*="gynmastik.se/"]) .env-assistive-text,p a[href^="https"]:not([href*=".pdf"]) .env-assistive-text, p a[href^="http"]:not([href*=".pdf"]) .env-assistive-text{
   display: none;
}

    


.idr-header-icons i {
   padding: 0 .5rem;
}

.idr-header-icons a {
   text-decoration: none;
}

.idr-header-menu {
   display: flex;
	gap: 1rem;
   flex-wrap: wrap;
   padding: 1rem 1rem 1rem 0;
   word-break: break-word;
   margin: 0;
}

.idr-header-menu a {
   text-decoration: none;
   font-family: 'Tahoma', sans-serif;
   font-weight: 700;
   color: var(--env-element-primary-font-color) !important;
   text-transform: uppercase;
   padding: 1rem 0;
}

.idr-header-menu a:hover {
   color: var(--env-element-secondary-background-color);
}


main {
   flex: 1;
}


footer .idr-site-footer {
   background: var(--env-element-primary-background-color);
   padding: 2rem 0;
   margin-top: 40px;
}
/*
footer .idr-site-footer img {
    height: auto!important;
    width: auto!important;
    max-height: 150px!important;
}*/

footer .idr-site-footer * {
   color: #ffffff !important;
}



footer a {
   font-weight: bold; 
}

footer a:hover {
   color: var(--env-element-secondary-background-color) !important; 	
}

.idr-header-buttons {
   min-width: 112px;
}

@media screen and (max-width: 1140px) {
   .idr-header-buttons {
  	display: none;
}
}

.idr-header-buttons-mobile i {
   margin-right: 0rem!important;
}

.idr-header-buttons-region i {
   margin-right: 0rem!important;
}

@media screen and (min-width: 1140px) {
   .idr-header-buttons-mobile {
  	display: none;
}
}

.env-button {
   text-transform: uppercase;
   font-family: 'Tahoma', sans-serif!important;
   font-weight: bold; 
   border-radius: 5px; 
}

.env-button i, .env-button a {
   margin-right: .5rem;
}

.env-button--secondary{
color: var(--env-element-primary-background-color);
}


.env-button--secondary:hover{
color: white;
   background-color: var(--env-element-secondary-background-color);
}


.idr-hero {
   padding: 2rem;
   background-repeat: no-repeat;
   background-size: cover;
   margin-top: 2rem;
   background-position: center center;
   margin-bottom: 2rem;
   min-height: 400px;
   border-radius: var(--env-border-radius);
   display: flex;
   align-items: center;
   transition: 100ms ease all;
   box-sizing: border-box;
}

.idr-hero-box {
	background-color: rgba(255, 255, 255, 0.9);
  	width: 400px;
   border-radius: var(--env-border-radius);
   padding: 2rem;
   box-sizing: border-box;
   transition: 100ms ease all;
}

.idr-hero-box h2 {
   padding-bottom: 1rem;
   text-transform: unset;
}

.idr-hero-box p {
   color: #666;
}

.idr-breadcrumbs{
	margin: 40px 0;   
}

.idr-top-image{
   background-size: cover;
   height: 400px;
   border-radius: var(--env-border-radius);
	margin-top: 2rem;
   background-position: center;
   transition: 100ms ease all;
}

.idr-breadcrumbs span,
.idr-breadcrumbs a{
   color: #666;
   text-decoration: none;
   font-size: 16px;
}

.idr-standard-page h1.heading {
    color: var(--env-element-primary-background-color);
    margin-bottom: 20px;
}

.idr-date-col {
   margin-top: 70px;
   color: #666;
	margin-top: 70px;
   border-left: 1px solid lightgrey;
   padding-left: 2em;

}

.idr-standard-page p.normal {
	line-height: 1.5;
   margin-bottom: 20px;
   font-size: 16px;
}

.idr-standard-page .sv-image-portlet {
    margin-bottom: 20px;
}

.idr-sponsors-container p {
   display: flex;
    flex-direction: row;
    position: relative;
    margin: 0 0 20px;
    border-bottom: unset;
    text-transform: unset;
}

.idr-sponsors-container p:before {
    margin-right: 10px !important;
}

.idr-sponsors-container p:after {
    margin-left: 10px !important;
}

.idr-sponsors-container p:before, .idr-sponsors-container p:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid;
    margin: auto;
}


.idr-sponsors .idr-sponsors__item:first-of-type {
    border-top: 1px solid lightgray;
    padding-top: 20px;
}

.idr-sposnors-heading-h2{
   color: var(--env-element-primary-background-color);
   text-transform: uppercase;
   text-align: left;
   font-size: 32px;
}

.idr-sponsors .idr-sponsors__link img {
    max-width: 100%;
    width: 70%;
    display: block;

}

.idr-sponsors .idr-sponsors__item {
    margin: 20px 0 20px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 20px;
}

.idr-sponsors--vertical .idr-sponsors__link img {
    /*max-width: 100%;
    width: 70%;
    display: block;*/
   width: auto;
   max-width: 100%;
   max-height: 100px;
}

.idr-sponsors--vertical .idr-sponsors__item {
    margin: 20px 0 20px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 20px;
    text-align: center;
}

.idr-sponsors--horizontal {
	display: flex;
   align-items: center;
	justify-content: center;
   flex-wrap: wrap;
   gap: 1rem;
}

.idr-sponsors--horizontal .idr-sponsors__item {
    width: 15%;
   text-align: center;
}

.idr-sponsors--horizontal .idr-sponsors__link img {
       /* max-width: 100%;
    width: 70%;
    display: block;*/
    width: auto;
    height: auto!important;
    max-width: 120px!important;
    max-height: 70px!important;
}

/*ENSKILDA LOGGOR*/
.Svenska img{
   max-height: 150px !important;
}
.Vera img{
  max-height: 75px !important 
}
/*SLUT PÅ ENSKILDA LOGGOR*/
.idr-sidenav {
   min-height: 1px;
}

@media screen and (max-width: 1360px) {
   .idr-hero, .idr-top-image {
      margin-top: 0;
      border-radius: 0;
   }
}

@media screen and (max-width: 992px){
   header .page-heading {
      font-size: 2.5rem!important;
   }
   
   .idr-sposnors-heading-h2{
      margin-top: 2em;
   }
   
   .idr-sponsors .idr-sponsors__item:first-of-type {
	    border-top: none;
	}

   .idr-sponsors .idr-sponsors__item{
      border-bottom: none;
   }
   
   .idr-sidenav {
       margin-top: 0;
   }
   
   .idr-date-col {
       padding: 0;
       border: none;
   }
   .idr-sponsors {
       display: flex;
       flex-flow: wrap;
   }

      .idr-sponsors__item {
       width: calc(100% / 3);
       border: none;
   }

   .idr-sponsors__item {
       display: flex;
       align-items: center;
   }

   .idr-sponsors__item {}
   
   .idr-sponsors__link {
       flex: 1;
   }

   .idr-sponsors__link img {
       margin: auto;
   }

   .idr-sposnors-heading-h2 {
       text-align: center;
   }

   .idr-sponsors__item:first-of-type {
       border: none;
   }
   
   .idr-sponsors--horizontal .idr-sponsors__item {
       width: 33%;
   }

}

@media screen and (max-width: 768px){
   header {
      top: -32px;
   }
   
   header .page-heading {
      font-size: 1.5rem!important;
      padding: 0 1rem;
   }
   
   header a img {
      max-height: 60px;
		padding: 10px 0;
      box-sizing: border-box;
   }

   .idr-sponsors__item {
       width: 50%;
   }
   
   .idr-hero, .idr-top-image {
      min-height: 300px;
      padding: 0;
   }
   
   .idr-hero-box {
      border-radius: 0;
      min-height: inherit;
      display: flex;
      flex-direction: column;
      justify-content: center;
   }
   
   .idr-sponsors--horizontal .idr-sponsors__item {
       width: 50%;
   }
   
   .mobile-icons {
      display: flex;
   }
   
   .mobile-icons i {
      color: var(--env-element-primary-background-color)!important;
   }
	
   header > div:first-child {
      position: static;
      padding: 0;
      background: var(--env-element-primary-background-color);
   }
   
   header > div:first-child * {
      color: var(--env-element-primary-font-color);
   }
   
   header .idr-header-icons {
      display: flex;
   }
   
   header > div:nth-child(3) {
      background: var(--env-element-background-color);
   }
   
   header > div:first-child .sv-column-12 {
      justify-content: flex-end;
   }
}

@media screen and (max-width: 576px) {
   header .page-heading {
      display: none;
   }
   
   header > div:nth-child(4) .sv-column-12 > .sv-layout {
      padding: 0 1rem;
   }
}


.sv-grid-1400-full {
   padding: 0!important;
}

.ude-mobile-menu {
   display: none;
}

.ude-mobile-menu * {
   border-color: #ccc!important;
}

.ude-mobile-menu {
   overflow-y: scroll;
   max-height: calc(100vh - 64px);
}

.mobile-icons button {
   background: none;
   border: none;
   cursor: pointer;
}

.mobile-icons a {
   text-decoration: none;
   margin-right: 1rem;
}

.mobile-icons i {
   text-decoration: none;
   font-size: 1.5rem;
   color: var(--env-element-primary-background-color);
}

.sv-login-form input[type="text"],
.sv-login-form input[type="password"] {
   padding: .5rem;
   border-radius: var(--env-border-radius);
   margin-bottom: 1rem;
   border: 1px solid #ccc;
}

.sv-login-form input[type="submit"] {
   padding: .5rem 1rem;
   border: none;
   border-radius: var(--env-border-radius);
   color: #fff;
   background: var(--env-element-primary-background-color);
}

.sv-cookie-consent-banner {
   bottom: 0;
   top: auto!important;
   position: fixed!important;
   border-top: 1px solid #ccc;
}

.sv-cookie-consent-banner > div {
   padding: 2rem;
}

.idr-back-to-site {
   padding-right: 1rem;
   border: 0;
   background: none;
}

.idr-back-to-site i {
   padding-right: .25rem;
}

.idr-image-card-compact .env-button:active,
.idr-image-card-compact .env-button:focus,
.idr-image-card-compact .env-button:hover {
  border-color: var(--env-element-background-color-dark);
  color: var(--env-element-font-color) !important;
  text-shadow: none !important;
}

.skip-to-content-link {
  background: #ffe456;
  left: calc(50% - 54px);
  padding: 1em;
  position: absolute;
  transform: translateY(-100%);
}

a.skip-to-content-link:focus {
    transform: translateY(3%);
    z-index: 9999;
}

.idr-subscription-box {
   padding: 1rem;
   background: var(--env-element-primary-background-color);
}

.idr-subscription-box * {
   color: var(--env-element-primary-font-color);
}

.idr-subscription-box h2 {
   padding-bottom: 1rem;
}

.idr-subscription-box .env-form-radio__fake {
   background-color: transparent;
	border: 2px solid var(--env-element-primary-font-color)!important;
}

.idr-subscription-box .env-form-radio__fake::after {
   background-color: var(--env-element-primary-font-color);
}

.idr-subscription-box .env-form-input {
   background-color: transparent;
	border: 1px solid var(--env-element-primary-font-color)!important;
}

.idr-subscription-box .env-form-input::placeholder {
   color: var(--env-element-primary-font-color);
}

.idr-subscription-box .env-button {
   background-color: transparent;
   border-color: var(--env-element-background-color-light);
   color: var(--env-element-background-color-light);
}

.idr-subscription-box .env-button:hover {
   border-color: var(--env-element-background-color-dark)!important;
	color: var(--env-element-font-color)!important;
   background-color: var(--env-element-background-color-light);
}

.idr-subscription-box .env-form-radio label {
   cursor: pointer;
}

.idr-social {
   display: inline-flex;
   gap: 2rem;
   margin-top: 40px;
}
@media screen and (max-width: 768px) {
   .idr-social {
   gap: 0.5rem;
}
}


.idr-social a {
   text-decoration: none;
}
.idr-social i {
   color: var(--env-element-primary-background-color);
}

.idr-social img {
   width: 60px;
}

.idr-align-content {
   display: flex;
   align-items: stretch;
}

.idr-align-content > div.sp-card-stretch {
   display: flex;
   flex: 1;
}
@media screen and (min-width: 992px) {
   .idr-align-content > div > .sv-decoration-Puffblaram{
   	width: 100%;
	}
}


.idr-align-content .sv-layout > .sv-layout {
   height: 100%;
   box-sizing: border-box;
}

@media screen and (max-width: 992px) {
   .idr-align-content {
      display: block;
   }
}

.file-list-table {
   margin-bottom: 1rem;
}

.file-list-table a{
   font-family: 'Tahoma', sans-serif !important; 
}

.file-list-table td {
   padding: .5rem !important;
   font-family: 'Tahoma', sans-serif !important; 
}

.file-list-table td, tr {
   border: 1px solid #adadad;
}

.file-list-table tr:nth-child(even) {
   background: #fafafa
}

 .file-list-table tr:nth-child(odd) {
    background: #FFF
 }
.tableheading {
   font-family: 'Tahoma', sans-serif !important; 
}

.ude-sub-menu, .ude-mobile-menu {
    text-transform: unset !important;
}

.ude-sub-menu a {
   font-family: 'Tahoma', sans-serif !important; 
   font-weight: bold;
}

a.sv-font-activ-lank {
   color: var(--env-element-secondary-background-color) !important;
}

.sv-eventcalendar-portlet th {
   padding-top: 0.5rem;
}

.sv-eventcalendar-portlet tbody:last-child {
   text-align: left;
}

/*Button Våra Regioner in header*/
.idr-district-button-container button:hover, .idr-district-button-container button:focus {
   border-color: white;
}

.idr-district-button-container.env-is-open {
   position: unset;
}

.idr-district-button-container.env-is-open .env-dropdown__menu {
  /* display: flex;*/
   display: block !important;
}

.idr-district-button-container.env-is-open button {
   text-decoration: underline;
   
}

.idr-district-button-container.env-is-open button svg {
   transform: rotate(180deg);
   transition: all 300ms ease-in-out;
}

.env-dropdown.idr-district-button-container button svg {
   transition: all 300ms ease-in-out;
}

.idr-district-button-container .env-dropdown__menu {
   /*display: none;*/ 
   justify-content: space-between;
   min-width: 60%;
   padding: 10px;
   transform: unset!important;
   left: unset!important;
   top: unset!important;
   right: 0px !important;
   background-color: var(--env-element-primary-background-color);
   font-weight: 700;
   border: 0px;
   border-radius: 5px;
}

.idr-district-button-container .title-container {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 35%;
   font-size: 26px;
}

.idr-district-button-container .env-dropdown__menu ul {
   list-style: none;
   /*display: grid;*/
   grid-auto-flow: column;
   grid-template-rows: repeat(4, 1fr);
   width: 100%;
   margin: 0 !important;
   padding-left: 10px;
   padding-bottom: 10px;
}

.idr-district-button-container .env-dropdown__menu ul li p, 
.idr-district-button-container .env-dropdown__menu .title-container p {
   color: var(--env-element-primary-font-color)!important;
}

.idr-district-button-container .env-dropdown__menu ul a {
   text-decoration: none;
}

.idr-district-button-container .env-dropdown__menu ul a:hover p {
	color: var(--env-element-secondary-background-color)!important;
}

.idr-district-button-container .title-container p {
      margin: 0;
   }

@media screen and (max-width: 992px) {
 .idr-district-button-container .env-dropdown__menu {
    right: 15px;
 }
   
   .idr-district-button-container .title-container {
      display:none;
   }
   .idr-district-button-container .env-dropdown__menu ul {
      width: 100%;
   }
   
}

@media screen and (max-width: 768px) {
 .idr-district-button-container .env-dropdown__menu {
    right: 10px;
    min-width: unset;
    margin-top: 10px;
 }
 .idr-back-to-site, .idr-district-button-container.env-is-open button, .idr-district-button-container button {
    font-size: 12px;
    min-height: 1.75em;
    color: var(--env-element-primary-font-color);
 }
   .idr-district-button-container button:hover {
      color: var(--env-element-primary-font-color);
   }
 .idr-district-button-container.env-is-open button, .idr-district-button-container button {
    background-color: var(--env-element-primary-background-color);
    border: 0;
 }
 .idr-district-button-container .env-dropdown__menu ul {
    grid-template-rows: repeat(8, 1fr);
    width: 100%;
    justify-content: space-evenly;
    margin: 0 0 0 0 !important;
    padding: 0 !important;
 }
    .idr-district-button-container .env-dropdown__menu ul li p {
       color: var(--env-element-font-color);
        margin: 0px 0px 8px 0;  
    }
}

.dropdown-container {
   display: flex;
}


.idr-full-width-background {
   position: relative;
}

.idr-full-width-background > div {
   padding-top: 0.5rem;
   padding-bottom: 2rem;
}

.idr-full-width-background.idr-news-section-startpage:before {
    left: calc(-50vw + 50%);
    content: "";
    background: var(--env-element-primary-background-color);;
   /*var(--env-element-primary-background-color);*/
    width: 100vw;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
}

.idr-full-width-background.idr-news-section-startpage > div > div > .sv-text-portlet-content h2  {
   color: var(--env-element-secondary-background-color)!important;
   margin-top: 1rem!important;
}

/*random image startpage*/
.sv-randomimage-portlet img{
   min-width: 100%;
    max-height: 500px!important;
    object-fit: cover;
    object-position: center;
}


/*top image slider section startpage*/
.idr-top-image-section .sv-carousel > .sv-carousel__stage-outer li img{
    min-width: 100%!important;
    max-height: 500px!important;
    min-height: 500px!important;
    object-fit: cover;
    object-position: center;
}
.sv-carousel_togglePlay_btn {
   display:none; 
}

.idr-top-image-section {
   position: relative;
}

.idr-top-image-section .idr-top-image-heading {
   position: absolute;
   bottom: 20px;
   left: 40px;
   z-index: 2;
}

@media only screen and (max-width: 768px) {
  .idr-top-image-section .idr-top-image-heading {
     bottom: 35px;
     left: 20px;
	}
}

.idr-top-image-section .idr-top-image-heading a {
   text-decoration: none;
}
.idr-top-image-section .idr-top-image-heading a:after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left:0;
   right:0;
}

.idr-top-image-section .idr-top-image-heading {
   background-color: var(--env-element-secondary-background-color);
   padding: 1rem;
   border-radius: 5px;
}

.idr-top-image-section .idr-top-image-heading h1 {
   border-top: 5px solid white;
   color: var(--env-element-primary-background-color);
   font-size: 150%;
}

@media screen and (max-width: 768px) {
   h1, .heading {
      font-size: 160%;
   }
   
    h2, .subheading {
      font-size: 130%;
   }
     h3, .subheading3 {
      font-size: 110%;
   }
   
   .idr-top-image-section .idr-top-image-heading h1 {
      font-size: 80%;
   }
   .idr-top-image-section .idr-top-image-heading {
   padding: 0.5rem;
	}
}

.sv-carousel__dots {
   bottom: 10px!important;
}

.sv-carousel__navbtn-next, .sv-carousel__navbtn-prev {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.sv-carousel__navbtn-next:after, .sv-carousel__navbtn-prev:after {
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
}


.sv-carousel__navbtn-next {
    right: 40px;
}

.sv-carousel__navbtn-prev {
    left: 40px;
}

 .sv-carousel__dot.sv-carousel__dot--active, .sv-carousel__dot:hover,
 .sv-carousel__dot:hover {
   background-color: var(--env-element-primary-background-color)!important;
}

.sv-carousel__dot {
   border: unset!important;
   background-color: white!important;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.sv-carousel__navbtn-next, .sv-carousel__navbtn-prev {
   background-color: unset!important;
}

button.env-image-viewer-2__viewer__controls__button:last-of-type{
   bottom: 40%;
    position: absolute;
    z-index: 10;
    right: 20px;
    background: none;
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}


/*Layout with fullwidth image inside*/
.idr-img-layout-fullwidth img {
   /*margin-left: calc(-50vw + 50% - 0.55rem);
   width: 100vw!important;
   height: 100%;
   max-width: 100vw;*/
}

/*Megameny responsivitet*/
@media screen and (max-width: 1160px) {
.sv-mega-menu div:nth-child(2) > div {
   flex-wrap: wrap;
   justify-content: flex-start;
}
}

.sv-mega-menu div:nth-child(2) > div {
   flex-wrap: wrap;
   justify-content: flex-start;
}

.sv-mega-menu div:nth-child(2) > div > div {
	min-width: max-content;
}

/*Powerbi Iframe*/
.powerbi-iframe-container iframe {
   width: 100%;
   margin-bottom: 2rem;
}

/*startsida puffar längst upp*/
@media screen and (max-width: 992px) {
	.idr-startpage-top-puffar {
      display: flex;
      gap: 1rem;
   }
}

@media screen and (max-width: 768px) {
	.idr-startpage-top-puffar {
      display: flex;
      flex-direction: column;
      gap: 1rem;
   }
}


/*Gör så att undersidemenyn inte försvinner i mobilläget på nyhetssidan. Skript på sidan 
som addererar klassen "visible-in-mobile" på menyn för denna sidan.*/
.sv-menu.sv-hide-sv-bp-mobil.visible-in-mobile {
   display: block!important;
}

/*Styling fildelning*/

.sv-file-portlet table {
   margin-bottom: 1rem;
}

.sv-file-portlet table a{
   font-family: 'Tahoma', sans-serif !important; 
}
.sv-file-portlet table td {
   padding: .5rem !important;
   font-family: 'Tahoma', sans-serif !important; 
}

.sv-file-portlet table td, tr {
   border: 1px solid #adadad;
}

.sv-file-portlet table tr:nth-child(even) {
   background: #fafafa
}

.sv-file-portlet table tr:nth-child(odd) {
    background: #FFF
 }  


/*---------Filtrerbar Kalender-----------*/
ul.event-list-wrapper {
   margin-left: 0rem !important; 
	}


/*Landslag kort */
.idr-blue-puff {
   display: flex;
   align-items: stretch;
   height: fit-content; 
   gap: 1rem;
   
}

@media screen and (max-width: 769px) {
	.idr-blue-puff {
   	display: block;
	}
}

.idr-blue-puff .sv-column-6 {
   display: flex !important;
   flex: 1;
}

.env-button--secondary:hover { 
	border-color: transparent !important; 
}

/*---------- Överskrift readspeaker style ----------*/
a.rspkr_dr_link img {
   width: unset !important;
   position: static !important;
   margin-left: 0.3rem !important;
}

.sv-rs-webapp a {
   text-transform: uppercase; 
   font-weight: 700; 
   color: #000 !important;   
   line-height: 1.5;
   margin-right: 1rem;
}

@media screen and (max-width: 768px) {
   .sv-rs-webapp a {
       color: var(--env-element-primary-font-color) !important;
       font-size: 12px;
       background-color: var(--env-element-primary-background-color);
   }
}

/*override quote-puff */
.idr-image-card .sv-blockquote:before {
   left: 32px !important;
}

.idr-image-card  .sv-blockquote {
   position: unset !important;
   padding-left: 30px !important;
}

.sp-work-with-us .idr-image-card>.sv-decoration-content>div:last-child>div:last-child {
   margin-top: unset !important;
}


/*Tooltip över text */
abbr:after {
	content: '\21';
   font-family: 'Font Awesome 6 Free';
   font-weight: 900;
   font-size: 0.7rem;
   display: inline-block;
   vertical-align: text-top;
   border: unset;
   color: #006aa7;
   
   /*border-radius: 100%;
   border: 1px solid;
   padding: 3px 5px;
   line-height: 0.5rem;*/
}

abbr {
   text-decoration: none;
}

h1 abbr:after {
  font-size: 1.5rem; 
}

h2 abbr:after {
  font-size: 0.9rem; 
}

/* Arbetsmodellen styling för lista så att bild och lista stämmer överens i utseende. */

.sp-arbetsmodellen-list-style ol {
   list-style: none;
   
   margin-left: 0;
}
.sp-arbetsmodellen-list-style ol li {
  counter-increment: my-counter;
  margin: 0.15rem;
}

.sp-arbetsmodellen-list-style ol li::before {
    content: counter(my-counter);
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    display: inline-block;
    line-height: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-right: 0.5rem;
    font-size: 14px;
}

.sp-arbetsmodellen-list-style ol li:nth-child(-n+5)::before {
   background: #c1e0ff;
   color: black;
}

.sp-arbetsmodellen-list-style ol li:nth-child(n+6):nth-child(-n+9)::before {
   background: #1b2e55;
   color: white;
}

.sp-arbetsmodellen-list-style ol li:nth-child(n+10):nth-child(-n+14)::before {
   background: #006aa7;
   color: white;
}

@media screen and (max-width: 769px) {
	table {
   	font-size: 12px;
	}
}

@media screen and (max-width: 992px) {
   .sp-video-block h2 {
  		margin-top: 3rem !important;
	}
   
   .sp-video-block .sp-video-block-text {
      height: unset !Important;
   }
}


.sp-video-block h2 {
   font-size: 17px;
}


/* Rek ai nyhetspuffar */
.idr-rek-ai-news .rekai-news-wrapper {
   margin-left: 0 !Important;
   margin-right: 0 !important;
   justify-content: space-between;
}


.idr-rek-ai-news .rekai-newsarticle-article-container {
   box-shadow: 0 5px 15px rgba(0,0,0,0.08); 
   padding-left: 0 !important;
   padding-right: 0 !important;
   width: 32% !important;
   /*background-color: #006aa7;*/
   background-color: #fff;
   color: #fff;
   width: 23% !important;
   position: relative;
}

@media screen and (max-width: 769px) {
   .idr-rek-ai-news .rekai-news-wrapper {
      gap: 2rem;
   }
   
   .idr-rek-ai-news .rekai-newsarticle-article-container {
   	width: 100% !important;
	}
   
}

.idr-rek-ai-news .rekai-newsarticle-article a {
   font-weight: 700;
   padding-top: 1em;
   padding-bottom:1rem;
   padding-right: 1rem;
   padding-left: 1rem;
   display: flex;
   /*color: #fff !important;*/
}

.idr-rek-ai-news .rekai-newsarticle-article p {
   padding-right: 1rem;
   padding-left: 1rem;
   padding-bottom: 2rem;
   /*color: #fff;*/
}

.idr-rek-ai-news  .rekai-newsarticle-img-wrapper {
   padding-bottom: 70%;
}

.idr-rek-ai-news p:first-child {
   font-size: 32px;
   color: #006aa7;
   font-weight: 700;
   border-bottom: 1px solid #ccc;
   margin-top: 6rem;
   padding-bottom: 1rem;

}

@media screen and (max-width: 769px) {
	.idr-rek-ai-news p:first-child {
   	font-size: 1.5rem;
	}
}

.rekai-newsarticle-img-wrapper img {
   top: 49% !important;
   right: 50%;
   width: 101% !important;
}


.idr-rek-ai-news .rekai-newsarticle-article a:after {
	content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}



@media screen and (max-width: 769px) {
	ul.sv-autocomplete-search-result {
		left: 0!important;  
      float: unset !important;
	}
}

/*Hitta snabbt*/

.idr-rec-links {
   background-color: #e6f2f8 !important;
   padding: 1rem;
   border-radius: 5px;
  /* height: 350px;*/
   height: auto;
   /*margin-top: 74px;*/
   margin-top: 32px;
}

@media screen and (max-width: 992px) {
   .idr-rec-links {
      height: unset;
      margin-top: 3em;
   }
}

.idr-rec-links p.normal {
   font-size: 1.5rem;
   color: #006aa7;
   font-weight: 700;
}

.idr-rec-links .rekai-pill-radius {
  background-color: #fff !important;
  border-radius: 5px !important;
  border: transparent !important;
  color: #006aa7 !important;
  text-transform: unset !important;
  padding: 0 0.7em 0 0.7em;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  text-align: left;
  position: relative;
  padding-left: 30px;
   
}

.idr-rec-links .rekai-pill-radius:before {
   content: "\f054";
   font-family: Font Awesome\ 5 Free;
   font-weight: 600;
   position: relative;
   color:#fecc00; 
   margin-right: 10px;
   margin-top: 0.1rem;
   text-decoration: none;
   position: absolute;
   left: 10px;
}


.idr-rec-links .rekai-pill-radius:hover::before {
  text-decoration: none!important; /* Ingen underline på before vid hover */
}


.idr-rec-links-hero {
   margin-top: 0 !important;
   height: 468px;
}

.idr-rek-links-stand {
   background-color: #e6f2f8 !important;
    padding: 1rem;
    border-radius: 5px;
    height: auto;
    margin-top: 32px;
}

@media screen and (max-width: 992px) {
   .idr-rec-links-hero {
      height: unset;
      margin-top: 3em;
   }
}

.idr-rec-links-hero .rekai-pill-radius {
   max-width: 300px;
   line-height: normal;
}


@media screen and (max-width: 992px) {
	.idr-rec-links-hero .rekai-pill-radius {
   	max-width: unset;
      font-size: 14px;
	}
}

.idr-rec-links-hero p.normal {
   margin-bottom: 20px;
}

.idr-rek-links-stand .idr-rec-links .rekai-pill-radius {
   max-width: 300px;
   line-height: normal;
}

@media screen and (max-width: 992px) {
	.idr-rek-links-stand .idr-rec-links .rekai-pill-radius{
   	max-width: unset;
	}
}

/*mobilmeny länkar */
.idr-rek-mobile-links{
   padding: 1.5rem; 
   padding-bottom: 3rem;
}

.idr-rek-mobile-links .rek-prediction__item {
   list-style: none !important;
   background-color: #e6f2f8;
   padding: 1rem;
}

.idr-rek-mobile-links .rek-prediction__item:nth-child(even) {
   background-color: #fff;
}

.idr-rek-mobile-links .rek-prediction__list {
   margin: 0;
}

.idr-rek-mobile-links a {
   font-weight: 700;
}

.idr-rek-mobile-links p {
   font-size: 1.2rem;
   color: #006aa7;
   font-weight: 700;
   margin-bottom: 1rem;
}

.ude-sub-menu .idr-rek-mobile-links {
   display: none; 
}

a.rspkr_dr_link img {
   max-width: 16px !important;
   max-height: 16px !important;
   margin-left: unset !important;
   
}

.idr-image-card .env-d--flex {
   align-items: center;
   gap: 1rem;
   
}

a.rspkr_dr_link {
    z-index: 10;
}

/*ny footer*/
.idr-footer-logo {
   /*position: relative;*/
   overflow: hidden;
}

.idr-footer-logo-col {
   position: relative;
}

.idr-footer-logo-col:after {
   content: ""; 
   display: block; 
   background-image: url('/images/18.11fe1d49183e3b53d24420aa/1666244488313/SG_Rorelse-04.png'); 
   background-size: contain; 
	background-repeat: no-repeat;
   background-position: bottom right;
   height: 600px;
   width: 600px;
   position: absolute;
   right: 12px;
   bottom:-90px;
   opacity: 0.9;
}

@media screen and (max-width: 992px) {
   .idr-footer-logo-col:after {
     height: 350px;
      width: 350px;
      bottom: unset;
      right: 32px;
      top: -32px;
   }
}

@media screen and (max-width: 769px) {
   .idr-footer-logo-col:after {
      top: -40px;
   }
}

@media screen and (max-width: 550px) {
   .idr-footer-logo-col:after {
   	display: none;
}
   }


footer .idr-footer-logo  {
	background: var(--env-element-primary-background-color);
    
}

.idr-footer-logo .idr-site-footer {
   padding: 0 !important;
}

.idr-footer-logo .idr-site-footer * {
   position: relative;
   z-index: 10;
}

.idr-footer-logo .sv-column-3:first-child {
   z-index: 1000;
}


/*HOPPFÄLLBART FÄLT*/
.sp-accordion-blue *{
   color: #FFF !important; 
}

.sp-accordion-blue .env-collapse-header, .sp-accordion-blue .sv-collapsible-content {
   background-color: var(--env-element-primary-background-color) !important;
   border-color: var(--env-element-primary-background-color) !important;
}

.sp-accordion-blue .env-collapse-header {
   font-weight: 700;
}

.sp-accordion-blue .sv-collapsible-content > div, .sv-collapsible-content > div {
   padding: 0.5rem;
}

.sp-accordion-blue .env-collapse-header--icons:after, .sp-accordion-blue .env-collapse-header--icons:before {
   background-color: #FFF !important;
}


/*Liggande puff */

.sp-broad-puff {
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
   box-sizing: border-box;
   margin-bottom: 1.5rem;
   display: flex; 
}

.sp-broad-puff>div {
   display: flex; 
}

.sp-broad-puff > div .sv-layout:last-of-type {
   padding: 1rem;
}

.sp-broad-puff .sv-image-portlet {
   height: 100%;
   width: 100%;
   margin-bottom: 0rem;
}

.sp-broad-puff .sv-image-portlet img {
    height: 100%;
    width: 100%;
   object-fit: cover;
     max-width: 100% !important;
    max-height: 100% !important;
}

@media screen and (max-width: 992px) {
   .sp-broad-puff >div{
      flex-direction: column;
   }
   
   .sp-broad-puff .sv-image-portlet img { 
   	max-height: 200px !important;
      height: 200px;
   }
   
   .sp-broad-puff div {
      margin-bottom: 0rem !important;
   }
   
}

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

.sv-collapsible-content{
    background-color: #e6f2f8;
    display: block;
    border-radius: 5px;
   margin-bottom: 12px;
   padding: 0.5rem!important;
    
}

.sv-collapsible-content .tableheading a{
   text-decoration: none;
}
.sv-collapsible-content .tableheading a:hover{
   color: #000;
}

.sv-collapsible-content .env-collapse-header{
   background: #e6f2f8;
   border-radius: 5px;
   border: 0px;
}

.sv-collapsible-content .env-collapse-header--icons:after,.sv-collapsible-content .env-collapse-header--icons:before{
   background-color: #006aa7;
   height: 2px;
   width: 14px;
   right: 6px;
}

.sv-collapsible-content .env-collapse {
    padding: 0 1em;
   padding-bottom: 2em;
}

.sv-collapsible-content  a.env-button.env-button--link:after {
    background-image: url('/images/18.46f2a40192711db0e518161/1728548136011/plus.svg');
    width: 20px;
    height: 20px;
    display: block;
    content: "";
    transition: transform .2s;
}

.sv-collapsible-content  a.env-button.env-button--link {
    display: flex;
    gap: 2em;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    
   span{
       text-transform: none;
      text-align: left;
       
    }
}

.sv-collapsible-content  a.env-collapse--expanded:after {
    transform: rotateZ(45deg);
    transition: .2s;
}

/**************DIALOG/MODAL****************/
.env-dialog .env-collapse .sv-layout {
    height: auto;
    justify-content: flex-start;
}

.env-dialog .sv-decoration-Blabakgrund * {
    color: white !important;
}

.env-dialog__title {
    font-size: 3em;
    color: #006AA7 !important;
    font-weight: 700;
}

@media screen and (max-width: 768px) {
   .env-dialog .sv-collapsible-content *{
      color: black !important;  
   }
   
   .env-dialog__main{
      padding: 1em 0;
   }
   
   .env-dialog__title {
      padding: 1.5rem;
   }
}




/****** Readspeaker link *********/
a.rspkr_dr_link{
   position: relative;
   display: inline-block;
}
a.rspkr_dr_link .rsicn {
    position: absolute!important;
    top: 2px;
    right: -3px;
}




/****** NEW BILDSPEL v2***********/


.idr-top-image-section .env-image-viewer-2__viewer img{
   width: 100%!important;
   max-height: 500px!important;
   min-height: 500px!important;
   object-fit: cover!important;
   object-position: center!important;

}

.env-image-viewer-2__viewer__item img {
   min-width: 100% !important;
   aspect-ratio: 16 / 9 !important;
}

.env-image-viewer-2{
   position: relative;
}

.env-image-viewer-2__viewer__controls {
   top: 0%!important;
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   display: flex;
   justify-content: flex-end; 
   align-items: flex-start;
   gap: 10px;
   z-index: 99;
   padding-top: 0.5rem;
}


.env-image-viewer-2__viewer__controls button svg{
   height: 15px!important;
   fill: #fff;
}


.idr-slider-section .env-image-viewer-2__viewer img{
   width: 100%!important;
   max-height: 500px!important;
   aspect-ratio: 16 / 9!important;
   object-fit: cover!important;
   object-position: center!important;
}
 

.env-image-viewer-2:hover .env-image-viewer-2__viewer__controls button{
   transition-duration: 0.8s;
   transition-property: opacity;
 	opacity: 1!important;
}
.env-image-viewer-2:hover .env-image-viewer-2__viewer__controls button{
   transition-duration: 0.8s;
   transition-property: opacity;
 	opacity: 1!important;
}


/* Generell knapp */
.env-image-viewer-2__viewer__controls button {
   position: relative !important;
   background: none !important;
   border: 3px solid #fff !important;
   border-radius: 17px !important;
   padding: 12px !important;
   opacity: 1 !important;
   box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
   transition: opacity 0.8s;
}


.env-image-viewer-2__viewer__controls button::after {
   content: "";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   border: 8px solid transparent;
}

/* Näst sista = vänsterpil */
.env-image-viewer-2__viewer__controls button:nth-last-child(2) {
   position: absolute !important;
   top: 50%;
   left: 20px;
   transform: translateY(-50%);
}

/* Pil åt vänster */
.env-image-viewer-2__viewer__controls button:nth-last-child(2)::after {
   border-right-color: #fff;
   left: 0px;
}

.env-image-viewer-2__viewer__controls button:nth-last-child(2) svg {
   height: 0 !important;
}

/* Sista = högerpil */
.env-image-viewer-2__viewer__controls button:last-child {
   position: absolute !important;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
   margin-right: 0 !important;
}

/* Pil åt höger */
.env-image-viewer-2__viewer__controls button:last-child::after {
   border-left-color: #fff;
   right: 0px;
}

.env-image-viewer-2__viewer__controls button:last-child svg{
	height: 0 !important;
}

/* Knappar i höger hörn */
.env-image-viewer-2__viewer__controls button:first-of-type,
.env-image-viewer-2__viewer__controls button:nth-of-type(2) {
   margin-right: 0.5rem;
}

/* Ta bort inbyggd "Visa nästa" text på alla viewer-knappar */
.env-image-viewer-2__viewer__controls button span,
.env-image-viewer-2__viewer__controls button {
  	font-size: 0 !important;
}

.env-image-viewer-2__viewer__controls button svg {
  	font-size: initial !important; /* Återställ för ikon */
}

.env-image-viewer-2__viewer__controls button svg {
  	height: 15px !important;
  	width: 15px !important;
  	fill: #fff !important;
}

.env-image-viewer-2--overlay .env-image-viewer-2__viewer__controls {
   padding: 0.5rem 0 0 0 !important;
}

.env-image-viewer-2__viewer__controls button .env-icon {
    margin: -.45em 0 0 -.45em !important;
}



@media screen and (max-width: 990px) {
   .env-image-viewer-2 .env-image-viewer-2__viewer__controls button{
      opacity:1!important;
   }
   
   .env-image-viewer-2__viewer__controls button {
      left: 6px;

   }
    .env-image-viewer-2__viewer__controls button:first-of-type {
    right: 13px;
	}
   
   .env-image-viewer-2__viewer__controls button:last-of-type {
    right: 13px;
	}
   
     .env-image-viewer-2__viewer__controls {
    flex-wrap: nowrap;
  }

  /* Vänsterpil*/
  .env-image-viewer-2__viewer__controls button:nth-last-child(2) {
    top: 50%;
    left: 10px;     
    right: auto;   
    transform: translateY(-50%);
  }

  /* Högerpil */
  .env-image-viewer-2__viewer__controls button:last-child {
    top: 50%;
    right: 10px;   
    left: auto;     
    transform: translateY(-50%);
  }

   /* Knappar i höger hörn */
   .env-image-viewer-2__viewer__controls button:first-of-type,
	.env-image-viewer-2__viewer__controls button:nth-of-type(2) {
   	margin-right: 0.8rem;
	}
   


}


/* REK.AI Accordians frågor och svar **/


.rekai-accordion__button {
    background: #e6f2f8!important;
    border: 0!important;
    border-radius: 5px 5px 0px 0px!important;
    padding: 0.5rem!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
    min-height: 60px;
    font-size: inherit;
    text-align: inherit;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    width: 100%;
}

.rekai-accordion__button[aria-expanded="false"]{
   border-radius: 5px 5px 5px 5px!important;
   margin-bottom: 12px!important;
}
.rekai-accordion__button svg{
   color: #006aa7!important;
}

.rekai-accordion__body{
   background: #e6f2f8;
   border-radius: 0px 0px 5px 5px !important;
   margin-top: 0px!important;
   padding: 0.5rem 1rem 1rem 1rem!important;
}
.rekai-accordion__question-text{
   font-weight: 800!important;
}
.rekai-accordion__link{
   color: #006aa7!important;
   text-decoration: none!important;
}
.rekai-accordion__link:hover{
   text-decoration: underline!important;
}


/* Understrukna länkar bara i brödtexer*/

.sv-text-portlet-content .normal a:link{
   text-decoration: underline!important;
}

.sv-decoration-Puffblaram .sv-text-portlet-content .normal a:link{
   text-decoration: none!important;
}
.sv-decoration-Puffblaram .sv-text-portlet-content .normal a:hover{
   text-decoration: underline!important;
}



.sv-marketplace-mediaflow-mediaflow{
   margin-bottom: 1rem;
}


/* kontakt knapp i mobilläge */

@media screen and (max-width: 500px) {
#contact-modal-opener{
   font-size: 12px!important;
   margin-left:0!important;
   margin-right: 0!important;
   padding-left: 0!important;
   margin-top: 2px;
}
}

@media screen and (max-width: 380px) {
   #contact-modal-opener{
      margin-left: -10px!important;
   }
}



/* styling for countdown app*/

.sp-countdown-container{
  display: flex;
    justify-content: center;
    padding-bottom: 1rem;
    gap: 1.5rem;
   
}




/* styling mediaflow video */

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding: 3px 10px 10px!important;
    }
}

.plyr--video .plyr__controls:before {
    height: 50px!important;
}

button.plyr__control.plyr__control--overlaid {
   z-index: 20!important;   
}


.sv-defaultFormTheme input[type=submit]{
   background: var(--env-color-brand);
   color: #fff;
   text-transform: uppercase;
    font-family: 'Tahoma', sans-serif !important;
    font-weight: bold;
    border-radius: 5px;
    letter-spacing: var(--env-button-letter-spacing);
    min-height: 2.75em;
    padding: 0 1.3125em;
}
.sv-defaultFormTheme input[type=submit]:hover{
   background-color: var(--env-element-primary-background-color-dark);
}


.sp-all-news-btn{
   background-color: #e6f2f8 !important;
   color: var(--env-color-brand); 
   border: 1px solid var(--env-element-primary-background-color-dark)!important;
}
.sp-all-news-btn:hover{
   color: var(--env-element-primary-background-color-dark);
   border-color: var(--env-element-primary-background-color-dark)!important;
}