.greppa-header {
   margin: 0;
}

.greppa-header::after {
   content: none;
}

.greppa-startpage-block-hero {
   margin: 0;
   min-height: 300px;
   z-index: 1;
   position: relative;
}
.greppa-startpage-block-hero h1,
.greppa-startpage-block-hero h2,
.greppa-startpage-block-hero h3,
.greppa-startpage-block-hero h4,
.greppa-startpage-block-hero h5,
.greppa-startpage-block-hero h6 {
   margin: 0!important;
}


.greppa-startpage-block-hero a {
   margin-top: 2rem;
   padding: 0.5rem 1rem;
   background-color: rgba(242, 242, 242, 0.8);
   box-sizing: border-box;
   display: inline-block;
}

.greppa-startpage-block-hero a::after {
   content: "\f101";
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;

   margin-left: 5px;
}

.greppa-startpage-block-hero .sv-image-portlet {
   position: absolute!important;
   z-index: -1!important;
   height: 100%!important;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
}
.greppa-startpage-block-hero img {
   position: absolute;
   top: 0;
   z-index: -1;
   height: 100%!important;
   object-fit: cover;
}



.greppa-advisory-wrapper {
   display: block!important;
   box-shadow: none!important;
   padding: 0!important;
   background-color: unset!important;
   border-radius: none!important;
}

.greppa-advisory-wrapper li {
   padding: 1rem;
   background: #f0ebda;
}

.greppa-startpage-block-news {
   position: relative;
   z-index: 0;
   padding: 0;
}

.greppa-startpage-block-news:before {
   content: "";
   position: fixed;
   background: #fff;
   top: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   pointer-events: none;
   z-index: -1;
   margin-left: -1rem;
}

.greppa-traning-links-frame .greppa-item .greppa-traning-link {
   padding: 1rem;
   text-decoration: none;
}

.greppa-traning-links-frame .greppa-item .greppa-col-custom-traning-2 p:first-child {
   text-decoration: underline;
   margin-bottom: 15px;
}



/* Puffar */

.gre-startpage-puffar {
   display: flex;
   margin: 0 -0.5rem;
   box-sizing: border-box;
   margin-top: 2rem;
}
.gre-startpage-puffar > div {
   padding: 0 0.5rem;
   margin-top: 0;
   width: 33.334%;
   box-sizing: border-box;
}

.gre-card {
   display: flex;
   flex-direction: column;
   background: #fff;
}
.gre-card img {
   width: 100%;
   height: 150px;
   object-fit: cover;
   object-position: center;
   aspect-ratio: 16/9;
}

.gre-card .gre-card__content {
   padding: 1rem;
}

.gre-card h1 {
   color: #275468;
   text-decoration: none;
   font-weight: bold;
   font-style: normal;
   font-size: 1.2em;
   line-height: 1.4;
}
.gre-card p {
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}

/* Lista grupper */
.sv-listGroups-item {
   background: #fff;
   padding: 1rem!important;
   border-radius: 4px;
   margin-bottom: 0.5em!important;
}


/* Populära sidor */

.gre-popular-pages {
   background: #a71930;
   width: 100%;
   padding: 1em;
   box-sizing: border-box;
   z-index: 1;
   position: relative;
   height: calc(100% + 10em);
   margin-top: -10em;
}
.gre-popular-pages h2.subheading:last-child {
   color: #fff;
   font-weight: bold;
   display: block;
   margin-top: 0 !important;
   margin-bottom: 1em !important;
}

.gre-popular-pages ul li a.normal {
   color: #fff;
   text-decoration: none;
   font-size: 1.2em;
   line-height: 1.5em;
   display: block;
   position: relative;
   padding-left: 0.6em;
   margin-bottom: 1em;
}
.gre-popular-pages ul li a.normal:hover {
   color: #fff;
   background: transparent;
   text-decoration: underline;
}
.gre-popular-pages ul li a.normal:before {
   font-family: "FontAwesome";
   font-weight: 600;
   content: "\f054";
   font-size: 10px;
   top: 0;
   position: absolute;
   display: inline-block;
   left: 0;
}

@media (max-width: 1090px) {
   .gre-popular-pages ul li a.normal {
      font-size: 1.125em;
   }
   .gre-startpage-pagecontent--left {
      width: 68%!important;
   }
   .greppa-startpage-block-news {
      width: 29%!important;
   }

}
@media (max-width: 1024px) {
   .gre-popular-pages ul li a.normal {
      font-size: 1.1em;
   }
   .gre-startpage-pagecontent--left {
      width: 70%!important;
   }
   .greppa-startpage-block-news {
      width: 27%!important;
   }
}
@media (max-width: 980px) {
  .gre-startpage-pagecontent--left {
      width: 60%!important;
   }
   .greppa-startpage-block-news {
      width: 36%!important;
   }
   .gre-startpage-puffar {
      flex-wrap: wrap;
   }
   .gre-startpage-puffar > div {
      width: 100%;
      margin-bottom: 1rem;
   }

   .gre-popular-pages {
      margin-top: 0;
      height: auto;
   }
}


@media (max-width: 768px) {
   .greppa-startpage-block-news:before {
      content: none;
   }
   .greppa-startpage-block-news {
      display: flex!important;
      flex-direction: column;
      padding: 0 1rem;
   }

   .greppa-traning-links-content {
      margin-top: 1rem;
   }


}