/******************************************************************
**
** Startpage
**
******************************************************************/
.lbn-hero {
   background-size: contain;
}

.lan-startpage__quicklinks ul {
   display: flex;
   justify-content: space-between;
   padding: 0;
   margin: 0 -1rem;

}
.lan-startpage__quicklinks li {
   display: flex;
   margin-bottom: 2.5rem;
}
.lan-startpage__quicklinks li a {
   margin: 0;
   font-weight: 600;
   text-decoration: none;
   position: relative;
   padding: 0 1rem;
   font-size: 1.1rem;
}
.lan-startpage__quicklinks li a:hover {
   text-decoration: underline;
}

.lan-startpage__quicklinks li a::after {
   content: "\f105";
   position: relative;
   top: 1px;
   margin-left: 0.5rem;
   font-family: 'FontAwesome';
   font-weight: bold;
   display: inline-block;
}


.lan-startpage > .sv-layout {
   padding: 4rem 0;
}

.lan-startpage > .sv-layout h2 {
   margin-bottom: 2rem;
   display: block;
   font-size: 281.3%;
   font-weight: 300;
}



form,
input,
button {
   font-family: "open sans", sans-serif;
}

/* Knappar */
button,
.env-button,
input[type="submit"] {
   font-family: "open sans", sans-serif;
   background-color: #727578;
   color: white;
   padding: 10px 20px;
   border: none;
   border-radius: 5px;
   font-size: 16px;
   cursor: pointer;
}

button:hover,
.env-button:hover,
input[type="submit"]:hover {
   background-color: #4a4f53;
   color: #fff;
}


.env-button.env-button--primary {
   background-color: #3a71aa;
}
.env-button.env-button--primary:hover {
   background-color: #265587;
}


.env-button.env-button--success {
   background-color: #4b913c;
}
.env-button.env-button--success:hover {
   background-color: #3b782d;
}


/* Stor knapp */
a.env-button.env-button--large {
   font-size: 1.2rem;
   padding: 1.4rem 1.7rem;
   line-height: 0.8;
}


.lan-image-card .lan-image-card__image-wrapper img {
   aspect-ratio: 1 / 1;
}

.lan-image-card a.lan-image-card__item-link:after {
   content: "\f105";
   position: relative;
   top: 1px;
   margin-left: 0.5rem;
   font-family: 'FontAwesome';
   font-weight: bold;
   display: inline-block;
}

/******************************************************************
**
** 1. Länkar
**
******************************************************************/

.lan-startpage > .sv-layout:nth-child(1) {
   padding: 2rem 0 0 0;
}


/******************************************************************
**
** 2. Hero
**
******************************************************************/
.lan-startpage > .sv-layout:nth-child(2) {
   padding: 0 0 3rem 0;
   overflow: hidden;
}

.lan-startpage > .sv-layout:nth-child(2) .sv-portlet {
   margin: 0 -7.5rem;
}


/*
.lan-newsbox__result ul li:first-child {
   flex: 0 0 100%;
}
.lan-newsbox__result ul li:first-child .lan-newsbox__result-item {
   flex-direction: row;
}
.lan-newsbox__result ul li:first-child .lan-newsbox__result-item > div {
   width: 50%;
   display: flex;
}
*/

.lan-newsbox__result ul li:first-child .lan-newsbox__result-content .lan-newsbox__result-content__inner,
.lan-newsbox__result ul li .lan-newsbox__result-content .lan-newsbox__result-content__inner {
   padding: 2rem;
   box-sizing: border-box;
}
.lan-newsbox__result ul li:first-child .lan-newsbox__result-content .lan-newsbox__result-content__inner > p.normal {
   -webkit-line-clamp: 8;
}

.lan-newsbox__result ul li .lan-newsbox__result-content .lan-newsbox__result-content__inner > h2 {
   font-weight: bold;
}
/*
.lan-newsbox__result ul li:first-child img {
   height: 100%!important;
}
*/
.lan-newsbox__result ul li {
   flex: 0 0 33.3334%;
}


/******************************************************************
**
** 3. Nyheter
**
******************************************************************/
.lan-startpage > .sv-layout:nth-child(3) {
   background: #f4f7e9;
   margin-top: -7rem;
   padding-top: 7.15rem;
}

/*
.lan-startpage .lan-newsbox__result ul li:first-child .lan-newsbox__result-content .lan-newsbox__result-content__inner > h2 {
   font-style: normal;
   font-size: 156.3%;
}
*/

.lan-startpage .lan-newsbox__result ul li .lan-newsbox__result-content .lan-newsbox__result-content__inner > p.normal {
   -webkit-line-clamp: 4;
}

.lan-startpage .lan-newsbox__result ul li:hover .lan-newsbox__result-content {
   top: -5px;
}

.lan-startpage > .sv-layout:nth-child(3) a.env-button {
   display: flex;
   justify-self: center;
}

.lan-newsbox__result-item-image {
   display: flex;
}

/******************************************************************
**
** 4. Bildpuff
**
******************************************************************/

.lan-image-card__content {
   padding: 2.8rem;
}
.lan-image-card .lan-image-card__text {
   -webkit-line-clamp: none;
   line-height: 1.6rem;
   word-break: auto-phrase;
}

.lan-image-card .lan-image-card__item-link {
   font-weight: bold;
   text-decoration: none;
   margin-top: 10px;
   display: inline-block;
}
.lan-image-card .lan-image-card__item-link:hover {
   text-decoration: underline;
}


/******************************************************************
**
** 5. Aktiviteter
**
******************************************************************/

.lan-startpage > .sv-layout:nth-child(5) {
   background: #eaf0f8;
}

.lan-startpage > .sv-layout:nth-child(5) ul.sv-channel {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
   margin: 4rem 0;
}

.lan-calendar-list::before {
   content: "\f073";
   font-family: "Font Awesome 6 Free";
   font-weight: 600;
   left: -25px;
   top: 0;
   font-size: 1.2em;
}

/* Justera datumet */
.lan-calendar-list time {
   font-weight: bold;
   font-size: 1em;
   margin-bottom: 5px;
   margin-left: 5px;
   display: inline-block;
   font-size: 120%;
}
.lan-calendar-list a {
   font-size: 120%;
   text-decoration: none;
}
.lan-calendar-list a:hover {
   text-decoration: underline;
}

.lan-startpage > .sv-layout:nth-child(5) a.env-button {
   display: flex;
   justify-self: center;
}
.lan-startpage>.sv-layout:nth-child(5) .sv-column-12 {
   padding: 0 6.25rem;
}



/******************************************************************
**
** 6. Bildpuff 2
**
******************************************************************/


/******************************************************************
**
** 7. Prenumerera
**
******************************************************************/
.lan-startpage > .sv-layout:nth-child(7) {
   background: #fcf4e4;
}

.lan-startpage > .sv-layout:nth-child(7) > div > div > div  {
   display: flex;
   gap: 40px;
}
.lan-startpage > .sv-layout:nth-child(7) > div > div > div > div {
   position: relative;
}

.lan-startpage > .sv-layout:nth-child(7) img {
   width: 100%;
   height: 100%;
   max-width: 100%;
   max-height: 100%;
}
.lan-startpage > .sv-layout:nth-child(7) input[type="email"],
.lan-startpage > .sv-layout:nth-child(7) input[type="text"] {
   max-width: 300px;
   width: 100%;
}


/******************************************************************
**
** 8. Bildpuff 3
**
******************************************************************/
.lan-startpage > .sv-layout:not(:has(.lan-image-card, .sv-custom-module, .text-portlet, img, h1, h2, p, a)) {
  display: none;
}


.lan-startpage > .sv-layout:nth-child(8) {
   padding-bottom: 2rem;
}


/******************************************************************
**
** 9. Bli medlem
**
******************************************************************/
.lan-startpage > .sv-layout:nth-child(9) {
   text-align: center;
   max-width: 700px;
   margin: 0 auto;
}



/******************************************************************
**
** Responsivt
**
******************************************************************/

@media (max-width: 1124px) {

   .lan-startpage__quicklinks ul {
      margin: 0;
   }
   .lan-newsbox__result ul {
      margin: 0;
   }
   .lan-newsbox__result ul li {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
   }

   .lan-startpage__quicklinks li a {
      font-size: 1rem;
      padding: 0 0.6rem;
   }
}


@media (max-width: 900px) {
   .lan-startpage__quicklinks ul {
      flex-wrap: wrap;
   }

   .lan-startpage__quicklinks li {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
   }

}


@media (max-width: 767px) {

   .lan-startpage > .sv-layout {
      padding: 2rem 0;
   }
   .lan-startpage>.sv-layout:nth-child(5) ul.sv-channel {
      margin-top: 3rem;
   }
   .lan-startpage__quicklinks ul {
      flex-wrap: wrap;
   }

   .lan-startpage__quicklinks li {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      justify-content: center;
   }
   .lan-startpage__quicklinks li:last-child {
      margin-bottom: 1rem;
   }

   .lan-startpage > .sv-layout:nth-child(5) ul.sv-channel {
      grid-template-columns: 1fr;
   }

   .lan-startpage > .sv-layout:nth-child(7) img {
      position: relative;
   }

   .lbn-hero {
      height: 180px;
      position: relative;
      background-size: cover;
   }

   .lan-startpage > .sv-layout h2 {
      font-size: 180%;
   }


   .lan-newsbox__result ul li {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
   }

   .lan-startpage > .sv-layout:nth-child(3) {
      padding-top: 4rem;
   }


   .lan-image-card .lan-image-card__image-wrapper img {
      aspect-ratio: 1.5 / 1;
   }

   .lan-newsbox__result ul li:first-child .lan-newsbox__result-item {
      flex-direction: column;
   }
   .lan-newsbox__result ul li:first-child .lan-newsbox__result-item > div {
      width: 100%;
   }
   .lan-newsbox__result li:nth-last-of-type(-n+3)  {
      display: none;
   }

   /* Prenumerera */
   .lan-startpage > .sv-layout:nth-child(7) {
      padding: 1rem;
   }
   .lan-startpage > .sv-layout:nth-child(7) img {
      display: none;
   }

   /* Kommande aktiviteter */
   .lan-startpage>.sv-layout:nth-child(5) .sv-column-12 {
      padding: 0 1rem;
   }

   /* header */
   header > div > div {
      display: flex;
      flex-wrap: wrap;
   }

   header > div > div > div {
      float: unset!important;
      width: unset!important;
      display: unset!important;
      position: unset!important;
   }


   header > div > div > div:nth-child(1) {
      min-width: 100%;
      margin: 0!important;
   }

   header > div > div > div:nth-child(1n) img {
      max-width: 200px;
   }


   header > div > div > div:nth-child(2) {
      flex: 1;
      min-width: 1px;
      max-width: 300px;
      margin-right: auto;
   }
   header > div > div > div:nth-child(3) {
      flex: 1;
      min-width: 1px;
      max-width: fit-content;
   }


   header .sv-searchform-portlet,
   header #mainNavigation {
      margin-top: 0;
   }

   .headerSearchForm input[type="text"] {
      padding: 0.6rem;
      max-width: 100%;
      width: 74%; 
   }

   .headerSearchForm input.lan-search-button {
      padding: 0.6rem;
   }
   form.sv-nomargin.headerSearchForm > div {
      display: flex;
      flex-direction: row;
   }

   /* Knappar */
   a.env-button.env-button--large {
      font-size: 1rem;
      padding: 0.7rem 1rem;
      line-height: 1.3;
   }

   .lan-calendar-list a {
      font-size: 1.1rem;
   }

   .lan-image-card__content {
      padding: 1.5rem;
   }


   .lan-newsbox__result ul li:first-child .lan-newsbox__result-content .lan-newsbox__result-content__inner,
   .lan-newsbox__result ul li .lan-newsbox__result-content .lan-newsbox__result-content__inner {
      padding: 1.5rem;

   }
   .lan-startpage .lan-newsbox__result ul li:first-child .lan-newsbox__result-content .lan-newsbox__result-content__inner > h2 {
      font-size: 1.25em;
   }
   
   
   /* Kalender */
   .lan-startpage > .sv-layout:nth-child(5) li:nth-last-of-type(-n+2)  {
      display: none;
   }
}