h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, 
.env-button, .env-button--primary, .env-button--ghost, 
.idr-rss time, .news-text time, .idr-newstag, .idr-back-to-site .
, .env-dropdown__menu p{
   /*font-family: 'Roboto Condensed', sans-serif!important;*/
}

* {
   margin: 0;
   padding: 0;
   /*font-family: 'Maitree', sans-serif!important;*/
   word-break: break-word;
}

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;
}

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;
}

header {
 	position: sticky;
   box-shadow: 0 20px 30px -20px rgba(0, 0, 0, .2);
   top: -150px;
   z-index: 10;
}

header .page-heading {
   font-weight: bold;
   font-size: 230%;
   color: var(--env-element-primary-background-color) !important;
   /*font-family: 'Roboto Condensed', 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: 150px;
   padding: 0;
   display: flex;
   align-items: center;
}
@media screen and (max-width: 1500px) {
   /*Tar bort header vid mindre skärmar, kommer tillbaka i tablet läge*/
header .page-heading {
   display: none;
}
}
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;
}

header > div:nth-child(2) .sv-column-12 .sv-searchform-portlet {
   margin-left: auto;
}

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

header > div:nth-child(3) .sv-column-12 .sv-layout {
   
   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;
}

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

header a img {
   height: 81px;
   width: auto;
}

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;
   }
   header .page-heading {
   display: block;
}
	.idr-header-icons a i{
      color: white!important;
   }
   .env-dropdown.idr-district-button-container button,
   .env-dropdown.idr-district-button-container button svg use{
      color: white!important;
      line-height: unset!important;
   }
   
   .idr-back-to-site, .idr-back-to-site i {
      color: white!important;
   }
}

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

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

.idr-header-menu {
   
   display: flex;
   flex-wrap: wrap;
   word-break: break-word;
   margin: 0;
   justify-content: flex-start;
}
.idr-header-menu p{
   margin-top: 0;
}

.idr-header-menu a {
   text-decoration: none!important;
   font-family: 'Roboto Condensed', sans-serif!important;
   font-weight: 700!important;
   color: var(--env-element-primary-font-color)!important;
   text-transform: uppercase!important;
   padding: 1rem 0rem!important;
      
   /*border-bottom: solid 5px var(--env-element-secondary-background-color);*/
}
@media screen and (max-width: 1210px) {
   header > div:nth-child(3) .sv-fluid-grid {
      width: 100% !important;
   }
   .idr-header-menuItem {
      padding: 1rem 0.15rem !important;
      
   }
}
@media screen and (max-width: 1020px)
   {
   header > div:nth-child(3) .sv-fluid-grid {
      padding: 0 !Important;
   }
      .idr-header-menuItem {
         font-size: 0.9rem !important;
      }
      .idr-header-showSubPages {
         font-size: 0.9rem !important;
      }
      
   }
@media screen and (max-width: 950px) {
   .idr-header-menuItem {
        	word-break: break-word;
      }
      .idr-header-showSubPages {
         word-break: break-word;
      }
}
.idr-header-menu a:hover {
   color: var(--env-element-secondary-background-color);
}
.idr-header-startRiding {
   background-color: var(--env-element-secondary-background-color);
   color: #000000 !important;
   border-bottom: var(--env-element-secondary-background-color) 5px solid;
   margin-left: auto;
}
.idr-header-startRiding > p > a {
   color: #000000 !important;
}
/*Subpages Header*/
.idr-header-subpages {
   text-decoration: none;
   font-weight: 700;
   color: var(--env-element-primary-font-color);
   text-transform: uppercase;
   padding: 1rem;
}

.idr-header-showSubPages {
   background-color: transparent;
   border: none;
   position: relative;
   top: 1px;
}
.idr-header-showSubPages i{
   color: #ffffff
}
.idr-header-subpages a{
   color: #FFFFFF;
   text-transform: none;
}
.idr-header-subPageDiv.active {
   display: flex;
   
}
.idr-header-subPageDiv {
   position: absolute;
   margin-top: 3.6rem;
   display: none;
   left: 0;
   z-index: 2;
   width: 100%;
  	background-color: #15304E;
   
}

.idr-header-subPageDiv a:hover {
   border-bottom: 3px solid #ffdd00;
}

.idr-header-subPageDiv-placing {
   max-width: 1360px;
   display: flex;
   flex-wrap: wrap;
   width: 95% !important;
   margin-left: auto;
   margin-right: auto;

}

/*Idrott header*/

.idr-header-hasSportDiv {
   position: absolute;
   margin-top: 3.6rem;
   display: flex;
   left: 0;
   z-index: 1;
   width: 100%;
  	background-color: #EAF6FE;
   z-index: 1;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.idr-header-sport-margin {
   margin-bottom: 3rem;
}
.idr-header-hasSportDiv-subpages {
   
   text-decoration: none;
   font-weight: 700;
   text-transform: uppercase;
   padding: 1rem 0.3rem;
   
}
.idr-header-hasSportDiv-subpages a {
   color: #000000 !important;
   word-break: break-word;
   text-transform: none;
}
@media screen and (max-width: 1180px) {
   .idr-header-hasSportDiv-subpages a {
   
}
}
   @media screen and (max-width: 990px) {
   .idr-header-hasSportDiv-subpages a {
   
   font-size: 14px;
}
   }
   @media screen and (max-width: 890px) {
   .idr-header-hasSportDiv-subpages a {
   
   font-size: 13px;
      word-break: keep-all;
}
   .idr-header-hasSportDiv-subpages p {
      padding: 1rem 0.1rem;
   }
}

.idr-header-showSubPages {
   font-size: 1.1rem;
}
.idr-header-hasSportDiv-subpages a:hover {
   border-bottom: 3px solid #005B9F;
   color: #005B9F;
}
.idr-header-activePage a {
   border-bottom: 3px solid #005B9F;
   
}
 
/*IdrottActiveMenu*/
.fa-chevron-up {
   background-color: #15304e;
}
.idr-header-menuItem.active {
   background-color:#15304e;
   border-bottom: solid 5px var(--env-element-secondary-background-color);
   padding-bottom: 5px;
   
}	
.idr-header-menuItem {
   padding: 1rem 0.8rem;
   font-size: 1.1rem;
}
.idr-header-menuItem:hover:not(.idr-header-startRiding) {
   border-bottom: solid 5px var(--env-element-secondary-background-color);
   padding-bottom: 5px;
}

/*IdrottActiveMenu ends here*/

/*Idrottheader ends here*/
/*Subpages Header end*/

/*Search box in header*/
.sp-searchBoxContainer input[type="submit"] {
   background-color: #15304E;
   padding: 0.75rem 1.25rem;
   font-size: 1.125rem;
   color: #ffffff;
   cursor: pointer;
   font-style: normal;
	font-weight: 700;
   border: 1px solid #878787;
}
.sp-searchBoxContainer input[type="text"] {
   padding: 0.75rem 1rem;
   font-size: 1.125rem;
   width: 17rem;
   border: none;
   margin-right: -0.3rem;
   border: 1px solid #878787
}
.sp-searchBoxContainer {
   
}
.fa-search {
   color: #000000;
}

/*END Search box in header*/

/*DEKORATION FOTO TEXT UNDER BILD (FOTOGRAF)*/

.sp-image-foto-text img {
   margin-bottom: 0 !important;
}
.sv-portlet-image-caption {
   font-style: italic;
}
/*SLUT PÅ FOTOGRAF*/
main {
   flex: 1;
}

footer.idr-site-footer {
   background: var(--env-element-primary-background-color);
   padding: 2rem 0;
   margin-top: 70px;
 }

footer.idr-site-footer img {
   height: auto!important;
    width: auto!important;
    max-width: 100%!important;
    max-height: 90px!important;
}

footer.idr-site-footer * {
   color: var(--env-element-primary-font-color);
}
.idr-site-footer a {
   color: var(--env-element-primary-font-color) !important;
}

footer .normal, footer .normal strong, footer a, footer label {
   font-family: 'Roboto Condensed', sans-serif!important;
}

.idr-subscribe-newsletter-container {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
}
.idr-subscribe-newsletter-container label {
   display: flex;
   flex-direction: column;
}

.idr-subscribe-newsletter-container input {
 	color: black;
    padding: 0.5rem;  
}
.idr-subscribe-newsletter-container button {
 	background-color: #009FE3;
   color: black;
}

@media screen and (max-width: 992px) {
 .idr-subscribe-newsletter-container {
    width: 100%
 }
}

.env-button {
   text-transform: uppercase;
   font-weight: 600;
}
.env-button:hover {
   text-decoration: underline;
}

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

.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(0, 91, 159, 0.8);
  	/*width: 400px;*/
   border-radius: var(--env-border-radius);
   padding: 2rem;
   box-sizing: border-box;
   transition: 100ms ease all;
}

.idr-hero-box h2 {
    font-size: 3rem!important;
    padding-bottom: 0.5rem;
    border-bottom: unset;
    color: var(--env-element-secondary-background-color)!important;
}

.idr-hero-box p {
   color: #ffffff;
   font-weight: bold;
}

.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-page-info {
   position: relative;
   padding: 3rem 1.5rem 1.5rem 1.5rem;
   background-color: #F4F4F4;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   color: #1D1D1B;
}
.idr-page-info > div > h3 > b {
   color: #1D1D1B;
}
.idr-page-info h3 {
   color: #1D1D1B;
}
/*.idr-page-info > div > span > b {
   font-size: 120%;
}
.idr-page-info strong {
   font-size: 120%;
}*/
.idr-page-info > div {
   margin-bottom: 0.5rem;
}
.idr-page-info-box1 {
   width: 60%;
   height: 20px;
   position: absolute;
   top: 0;
   left: 0;
   background: var(--env-element-primary-background-color);
}

.idr-page-info-box2 {
    width: 40%;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--env-element-secondary-background-color);
    height: 34px;
}

.idr-page-info div p{
   display: flex;
   flex-direction: column;
}


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

.idr-standard-page .sv-image-portlet img {
    margin-bottom: 0.3rem;
}
.sv-portlet-image-caption {
   margin-bottom: 1rem !important;
}
.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;
   text-align: center;
}

.idr-sponsors--vertical .idr-sponsors__link img {
    width: auto;
    max-width: 80%;
    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;
   flex-wrap: wrap;
   row-gap: 2rem;
   column-gap: 0.5rem;
}

.idr-sponsors--horizontal .idr-sponsors__item {
    width: 250px;
   text-align: center;
}

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

.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;
      border-bottom: solid 1px #ccc !important;
      border-top: solid 1px #ccc !important;
   }
   
   .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;
      width: 100%
   }
   .idr-hero-box h2 {
      font-size: 2rem!important;
   }
   
   .idr-sponsors--horizontal .idr-sponsors__item {
       width: 50%;
   }
   
   .mobile-icons {
      display: flex;
      gap: 1rem;
      align-items: center;
   }
   
   .mobile-icons i {
      color: var(--env-element-primary-background-color)!important;
   }
   
   .idr-header-startRiding-mobile a {
      font-weight: 600;
      text-transform: uppercase;
      background-color: var(--env-element-secondary-background-color);
    	padding: 10px;
      font-size: 14px;
         display: none;
   }
	
   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 > div:nth-child(3) {
      background: var(--env-element-background-color);
   }
   
   header > div:first-child .sv-column-12 {
      /*justify-content: space-between;*/
   }
}

@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;
   overflow-y: scroll;
    max-height: calc(100vh - 64px);
   
}

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

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

.mobile-icons a {
   text-decoration: none;
}

.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 {
   /*margin-right: 1rem;*/
   background: var(--env-element-secondary-background-color);
   padding: 10px;
   text-transform: uppercase;
   text-decoration: none;
   font-weight: 700;
}

.idr-back-to-site:hover {
   text-decoration: underline;
}

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

@media only screen and (max-width: 768px) {
 .idr-back-to-site {
   /*margin-right: 1rem;*/
   background: var(--env-element-primary-background-color);
   padding: 0px;
 }
}

.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: 1rem;
   margin-top: 1.5rem;
}

.idr-social a {
   text-decoration: none;
}

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

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

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

}


/*Styling tabell1*/
.sv-table-type-tabell1 thead tr th p,
.sv-table-type-tabell1 tbody tr td p{
   font-family: 'Roboto Condensed', sans-serif!important;
}

.sv-table-type-tabell1 {
   border-width: 2px;
   border-style: solid;
   border-color: #3254a0;
}

.sv-table-type-tabell1 caption {
   display: none;
}

.sv-table-type-tabell1 thead{
   background-color: #3254a0;
}

.sv-table-type-tabell1 thead p, .sv-table-type-tabell1 thead span {
   color: #ffffff!important;
   text-transform: uppercase;
}

.sv-table-type-tabell1 tbody tr:nth-child(even) {
   background-color: #edf5fe!important;
}

/*Styling puffar för sida VÅRA IDROTTER*/
.idr-subitems-container {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1rem;
}

.idr-subitems-container-inner {
   display: flex;
   flex-direction: column;
   background-color: #F4F4F4;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   position: relative;
}

.idr-subitems-container-inner img {
  width: 100%;
  height: auto;
}

.idr-subitems-container-inner a {
   padding: 1rem;
   padding-left: calc(1rem + 10px);
   text-decoration: none;
}

.idr-subitems-container-inner a:after {
   content: "";
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   position: absolute;
   z-index: 1;
}

.idr-subitems-container-inner a h3 {
   font-weight: 600;
}

.idr-subitems-container-inner a:hover {
   text-decoration: underline;
}

.idr-subitems-container-inner:before {
   content: "";
   top: 0;
   left: 0;
   width: 20px;
   height: 82%;
   background-color: var(--env-element-secondary-background-color);;
   position: absolute;
}

.idr-subitems-container-inner:after {
   content: "";
   bottom: 0;
   right: 0;
   width: 16px;
   height: 30%;
   background-color: var(--env-element-primary-background-color);
   position: absolute;
}

@media screen and (max-width: 768px) {
 .idr-subitems-container {
   grid-template-columns: repeat(2, 1fr);
 }
}

@media screen and (max-width: 550px) {
   .idr-subitems-container-inner:before {
   width: 15px;
   height: 75%;
}
   .idr-subitems-container-inner:after {
   width: 12px;
   height: 40%;
}
}

/*Standardsida undersidor meny i vänsterspalt*/
.ude-sub-menu__item-wrapper a {
   font-weight: 700!important;
   /*font-family: "Roboto Condensed" , sans-serif!important;*/
   text-transform: none;
}

.ude-mobile-menu__list, .ude-sub-menu__item {
   border-bottom: 1px solid #ffffff!important;
   color: #000000;
}
.ude-mobile-menu__list:first-child {
   background-color: #15304E;
}
.ude-mobile-menu__list:first-child a, i {
   color: #ffffff;
}
.ude-mobile-menu__list ul {
   background-color: #005B9F;
}
.ude-mobile-menu__list ul > li > ul {
   background-color: #EAF6FE;
   
}
.ude-mobile-menu__list ul > li > ul > li > span > a, ul > li > ul > li > ul > li > span > button > i {
   color: #000000 !important;
}
.ude-mobile-menu__list ul > li > ul > li > ul {
   background-color: #ffffff;
}
.ude-sub-menu > .ude-sub-menu__list {
   border-bottom: 1px solid #3a3a3a!important;
   border-top: 1px solid #3a3a3a!important;
   text-transform: capitalize;
}
.ude-mobile-menu__toggle, .ude-sub-menu__toggle {
   color: #3a3a3a!important;
}


/*Sponsorer botten: standardsida, nyhetssida, kalendersida, bred sida*/
.idr-standard-sponsors-bottom-row {
   margin-top: 60px;
}
.idr-standard-sponsors-bottom-row h2 {
    color: var(--env-element-primary-background-color)!important;
    border-bottom: 2px solid var(--env-element-primary-background-color);
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-size: 2rem!important;
    padding-bottom: 0.5rem;
    font-weight: 700!important;
}

.idr-standard-sponsors-bottom-row .sv-layout.sv-column-12.sv-template-layout {
   margin-left: 0!important;
}

/*Ingress*/
/*.sv-font-ingress {
   margin-bottom: 20px;
}

.sv-font-ingress strong, .sv-font-ingress {
   
      font-size: 20px;
}*/

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

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

.idr-district-button-container.env-is-open .env-dropdown__menu {
   display: flex;
}

.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: 80vw;
   padding: 10px;
   transform: unset!important;
   left: unset!important;
   top: unset!important;
   inset: 2.5rem 0 auto auto !important;
   right: 0px;
   background-color: #FFF8DA;
   font-weight: 700;
   border: 0px;
}

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

.idr-district-button-container .env-dropdown__menu ul {
   list-style: none;
   display: grid;
   grid-auto-flow: column;
   grid-template-rows: repeat(8, 1fr);
   width: 70%;
}

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

@media screen and (max-width: 992px) {
 .idr-district-button-container .env-dropdown__menu {
    inset: 2.5rem 15px auto auto !important;
 }
}

@media screen and (max-width: 768px) {
 .idr-district-button-container .env-dropdown__menu {
    right: 10px;
    width: 100%;
    min-width: 60vw;
 }
 .idr-back-to-site, .idr-district-button-container.env-is-open button, .idr-district-button-container button {
    font-size: 12px;
    min-height: 0.75em;
 }
 .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(12, 1fr);
    width: 100%;
    justify-content: space-evenly;
    margin: 0 0 0 0;
 }
   
   .idr-district-button-container .title-container {
      display:none;
   }
}

.dropdown-container {
    display: flex;
}

.idr-sidenav .ude-sub-menu__item {
   border-bottom: solid 1px #ccc !important;
}
.idr-sidenav .ude-sub-menu__list {
   border-bottom: solid 1px #ccc !important;
   border-top: solid 1px #ccc !important;
}
.idr-sidenav i {
   color: var(--env-element-primary-background-color) !important;
   
}


/*-----EXTRA PUNKTLISTOR & NUMRERADE LISTOR-----*/
.sv-list-style-punktlista-normal-spacing li::marker,
.sv-list-style-numrerad-lista-normal-spacing li::marker,
.sv-list-style-punktlista-storre-avstand li::marker,
.sv-list-style-numrerad-lista-storre-avstand li::marker 
{
   color: var(--env-element-primary-background-color);
}

/*---standard punktlista---*/
.sv-text-portlet-content ul li {
   list-style-type: square;
}
.sv-text-portlet-content ul li::marker {
   color: var(--env-element-primary-background-color);
}
/*----standard numrerad lista----*/
.sv-text-portlet-content ol li::marker {
   color: var(--env-element-primary-background-color);
}

.normal a, .idr-page-info a {
   -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under !important; 
   text-decoration-style: dotted !important;
   text-decoration-color: var(--env-link-font-color) !important;
      /*color: var(--env-link-font-color);*/
}


/*--- Newspage year filter styling ----*/
.idr-news-page-year-filter {
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   margin-bottom: 2rem;
}

.idr-news-page-year-filter .env-list__item {
    width: 100%;
    color: #3a3a3a;
    transition: all 0.3s ease;
    margin: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    height: 100%;
}

.idr-news-page-year-filter .env-list__item:last-child {
    border-bottom: none !important;
}

.idr-news-page-year-filter .env-list__item .active-year {
   border-top: 1px solid #ccc;
}

.idr-news-page-year-filter .env-list__item > a {
    display: flex;
    justify-content: space-between;
    line-height: 1.4;
    font-size: 1rem;
    height: 100%;
    padding: 1rem 1.5rem 1rem 1.5rem;
    color: #3a3a3a;
    text-decoration: none;
}

.idr-news-page-year-filter .env-list__item span.normal {
   display: flex;
    justify-content: space-between;
    line-height: 1.4;
    font-size: 1rem;
    height: 100%;
    padding: 1rem 1.5rem 1rem 1.5rem;
    color: var(--env-element-primary-background-color);
    text-decoration: underline;
}

.idr-news-page-year-filter .env-list__item > a > i {
   color: var(--env-element-primary-background-color);
}

.idr-news-page-year-filter .env-list__item > a i.fa-minus {
   display: none;
}

.idr-news-page-year-filter .env-list__item > a.env-collapse--expanded i.fa-plus {
   display: none;
}

.idr-news-page-year-filter .env-list__item > a.env-collapse--expanded i.fa-minus {
   display: block;
}

.idr-news-page-year-filter .env-list__item .env-collapse--expanded {
   background: none;
   border-bottom: 1px solid #ccc;
}

.idr-news-page-year-filter .env-list__item ul.env-collapse {
   background: none!important;
   padding: 0.5rem!important;
}

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

/*PALOMA*/

.idr-skidor-palomaDiv .env-button {
   background-color: #009FE3;
   color: black;
   margin-top: 0.5rem;
   border: none;
   width: 100%;
}
.idr-skidor-palomaDiv .env-form-input {
   margin-top: 0.2rem;
   margin-bottom: 0.2rem;
   color: black;
}


/*Flikar*/

ul.sv-nav-tabs {
   margin-left: 0rem; 
}

ul.sv-nav-tabs>li>a {
    background-color: #fff;
    border: 1px solid;
    border-color: #ddd #ddd transparent !important;
    color: #555;
    cursor: default;
}
.sv-tab .sv-nav-tabs>li.sv-active>a, .sv-tab .sv-nav-tabs>li.sv-active>a:focus, .sv-tab .sv-nav-tabs>li.sv-active>a:hover {
    background-color: #edf5fe;
}


/*Hopfällbart fält*/

a.env-collapse-header {
   text-decoration: none !important; 
}

.env-text-caption-01 {
   margin-bottom: 1.5rem !important;
}

/* INTERAKTIV KARTA WEBAPP*/
/*LISTING*/
/* General styles */
.ssf-eventlist-sorting-container {
   flex-direction: column;
   height: 100%;
}

.ssf-eventlist-sorting-container a {
   border: 1px solid var(--env-block-primary-border-color);
   background: var(--env-form-input-background-color);
   border-radius: 0;
   width: 10em;
}

.ssf-eventlist-sorting-container form {
   width: 100%;
   display: flex;
   flex-direction: column;
}

.ssf-eventlist-sorting-container__filter select {
   cursor: pointer;
   border: 1px solid var(--env-block-primary-border-color);
   min-width: 100%;
}

.ssf-eventlist-sorting-container__search-box div input[type="search"] {
   border: 1px solid var(--env-element-primary-background-color);
}

.ssf-eventlist-sorting-container__search-box div input[type="search"]::placeholder {
   color: var(--env-form-input-font-color);
}

.ssf-eventlist-sorting-container__search-box div button,
.ssf-eventlist-sorting-container__search-box div button:hover,
.ssf-eventlist-sorting-container__search-box div button:focus{
   border: 1px solid var(--env-element-primary-background-color);
   color: #FFFFFF;
   background: var(--env-element-primary-background-color);
}

.ssf-eventlist {
   display: grid;
   grid-template-columns: 1fr;
   padding: 0;
   margin: 0;
   list-style: none;
   justify-content: space-between;
   column-gap: 0.5rem;
   row-gap: 1.2rem;
}

.ssf-eventlist-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex: 1 1 100%;
   min-width: 248px;
}

.ssf-eventlist-item__title a.normal {
   padding: 0.5em 0.75em;
   text-decoration: none !important;
   color: var(--env-block-primary-font-color);
   font-weight: 400;
   font-size: var(--env-font-size-medium);
   white-space: nowrap;
   font-family: var(--env-font-family);
}

.ssf-eventlist-item__title a.normal:hover {
   border-radius: var(--env-button-border-radius);
   background: #ffffff;
   color: var(--env-element-primary-background-color) !important;
}

.ssf-eventlist-item__title a.normal:focus-within {
   outline: 2px solid var(--env-focus-outline-color);
}

/* Tablet styles */
@media screen and (min-width: 768px) {
   .ssf-eventlist-sorting-container {
      flex-direction: row;
      gap: 1em;
      width: 80%;
   }

   .ssf-eventlist-sorting-container form {
      flex-direction: row;
      gap: 1rem;
   }

   .ssf-eventlist-sorting-container__search-box,
   .ssf-eventlist-sorting-container__filter {
      flex: 1 1 auto;
      margin-bottom: 0;
      min-width: 30%;
   }

   .ssf-eventlist {
      grid-template-columns: repeat(2, 1fr); /* Two columns on tablet */
   }
}

/* Desktop styles */
@media screen and (min-width: 991px) {
   .ssf-eventlist-sorting-container {
      width: 70%;
   }

   .ssf-eventlist-sorting-container form {
      align-items: center;
   }

   .ssf-eventlist-sorting-container__search-box div {
      flex-direction: row;
   }

   .ssf-eventlist-item__description {
      display: block;
   }
}

/* Large desktop styles */
@media screen and (min-width: 1200px) {
   .ssf-eventlist {
      grid-template-columns: repeat(2, 1fr); /* Three columns on large desktop */
   }
}

.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}



/* epost formulär */

.idr-epost-form input[type="text"]{
   background-color: var(--env-form-input-background-color);
    background-image: none;
    border: 1px solid var(--env-form-input-border-color);
    border-radius: var(--env-form-input-border-radius);
    box-sizing: border-box;
    color: var(--env-form-input-font-color);
    display: block;
    font-family: var(--env-form-font-family);
    font-size: var(--env-font-size-medium);
    line-height: 1.375;
    margin: 0;
    padding: .625em .75em;
    width: 100%;
       min-height: 2.75rem;
}





.idr-epost-form input[type="submit"]{
   margin-top: 1rem!important;
	background-color: var(--env-element-primary-background-color);
    border-color: var(--env-element-primary-background-color);
    color: var(--env-element-primary-font-color);
	 min-height: 2.75em;
    padding: 0 1.3125em;
    align-items: center;
    appearance: none;
    border: 1px solid;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--env-button-font-family);
    justify-content: center;
    margin: 0;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
       text-transform: uppercase;
    font-weight: 600;
}


.idr-epost-form input[type="submit"]:hover{
	text-decoration: underline;
   border-color: var(--env-element-primary-background-color-dark);
   color: var(--env-element-primary-font-color);
   background-color: var(--env-element-primary-background-color-dark);
}


