h1 + p,
h2 + p,
h3 + p {
    margin-top: 0;
}

/* GRID ----------------------------------------------------------------- */
.sv-grid-grid {
   padding: 0 1em;
}


/* BRÖDSMULA ------------------------------------------------------------ */
.sv-multilevellink-portlet {
   padding: 0.2em 0;
}

.sv-multilevellink-portlet a {
   color: #093d9c;
   font-weight: 600;
   text-decoration: none;
   
}

.sv-multilevellink-portlet a:hover {
   text-decoration: underline;
}

.sv-multilevellink-portlet a,
.sv-multilevellink-portlet .icon {
   margin-right: .3em;
}

.sv-multilevellink-portlet .icon {
	font-size: .8em;
   position: relative;
   top: .1em;
}

/* TEASER --------------------------------------------------------------- */

.gvd-teaser-image {
   max-height: 30em;
   width: 100%;
   object-fit: cover;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .gvd-teaser-image {
      max-width: 1650px;
      margin: 0 auto;
      display: block;
   }
}

@media only screen and (max-width: 780px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .gvd-teaser-image {
   	max-height: none;
      height: auto !important;
   }
}


.gvd-teaser-short {
   position: relative;
}

.gvd-teaser-short span {
   text-align: center;
   position: absolute;
   width: 8rem;
   height: 8rem;
   margin: 0 auto;
   left: 0;
   top: -2em;
   right: 0;
   border-radius: 50%;
   line-height: 2.5;
   font-size: 3em;
   font-weight: bold;
}


@media screen and (max-width: 860px) {
   .gvd-teaser-image {
      height: 20em;
   }
	
}

@media screen and (max-width: 480px) {
   .gvd-teaser-image {
      height: 15em;
   }
	
}

/* GOOGLE TRANSLATE ----------------------------------------------------- */
.gvd-language-container {
    position: relative;
    margin-top: 0.8em;
    margin-bottom: 1.1em;
}

.gvd-language-button {
    border: none;
    background: none;
    font-weight: bold;
    color: #333;
}

.gvd-language-button:hover {
   text-decoration: underline;
   cursor: pointer;
}

.gvd-language-button .icon {
   margin-right: .3rem;
   font-size: 1.2em;
   position: relative;
   top: .05em;
}

.google-translate-modal select {
    font-family: "open sans",sans-serif;
    padding: 10px;
    width: 100%;
    font-size: 16px;
    background: url(/images/18.7e9dafac1711c4cd4c414a26/1585732338787/arrow-down-black.svg);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 14px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}


.google-translate-modal {
    position: absolute;
    z-index: 9999;
    background: #fff;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
    box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
    cursor: auto;
    right: 0;
    width: 340px;
    right: 18px;
    margin-top: 28px;
    display: none;
}

@media (max-width: 1024px) {
   .google-translate-modal {
    	right: 30px;
    	margin-top: 73px;
	}
}

@media (max-width: 767px) {
   .google-translate-modal {
      width: inherit;
    	right: 0px;
      margin-top: 60px;
      top: 82px;
	}
}

/*
.google-translate-modal:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 30px;
    background: #fff;
    top: -20px;
    right: 0;
    -webkit-transform: translate(-50%,10px) rotate(45deg);
    -ms-transform: translate(-50%,10px) rotate(45deg);
    transform: translate(-50%,10px) rotate(45deg);
    -webkit-box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.16);
    box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.16);
}
*/

.google-translate-modal:after {
    content: "";
    position: absolute;
    width: 65px;
    height: 40px;
    background: #fff;
    top: -20px;
    right: -30px;
    -webkit-transform: translate(-50%,20px);
    -ms-transform: translate(-50%,20px);
    transform: translate(-50%,20px);
    z-index: 1;
}

.google-translate-modal-inner {
    z-index: 9;
    position: relative;
    text-align: left;
}

.google-translate-modal h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.google-translate-modal .btn-close {
    position: absolute;
    top: 1px;
    right: 0;
    line-height: 0;
    cursor: pointer;
    background-image: url(/images/18.7e9dafac1711c4cd4c414a27/1585732338817/close-black.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    width: 20px;
    height: 20px;
}

.google-translate-modal p {
    font-family: "open sans",sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    color: #545353;
    line-height: 26px;
    text-decoration: none;
}

.skiptranslate.goog-te-gadget>div:first-child {
    margin: 10px 0 15px;
}

.google-translate-modal .goog-te-gadget div {
    display: block!important;
}

.google-translate-modal .goog-te-gadget * {
    float: none!important;
}

/* AKTUELLT ----------------------------------------------------- */
.gvd-start-news ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.gvd-start-news ul li {
   width: 47%;
   margin: 0 auto;
   margin-bottom: 3em;
}

.gvd-news-text-wrapper {
    background-color: #FFF;
    margin-left: 5rem;
    padding: 1.8em 1em;
    position: relative;
    top: 1.2em;
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, .1);
}

.gvd-news-text-wrapper > span:last-of-type {
   text-overflow: ellipsis;
   overflow: hidden;
   max-height: 3.25em;
   margin-bottom: 0;
}



.gvd-news-text-wrapper > * {
    position: relative;
    display: block;
    left: 1em;
    margin-bottom: .5em;
    padding-right: 1em;
}

.gvd-news-text-wrapper .sv-font-overskrift  {
   text-decoration: none;
}

.gvd-news-text-wrapper .sv-font-overskrift:hover {
	text-decoration: underline;
}

.gvd-search {
   position: relative;
}

.gvd-search .icon {
   position: absolute;
    height: 1.5em;
    width: 1.5em;
    right: 0.8em;
    top: 0.8em;
    color: #051D67;
}

.gvd-search .icon1 {
   position: absolute;
    height: 1.5em;
    width: 1.5em;
    margin-left: -2rem;
    top: 0.8em;
    color: #051D67;
}


.gvd-search input {
    background-color: #E4E7EF;
    border: none;
    padding: .6em 0 .6em .6em;
}

@media (min-width: 1025px) {
   .gvd-search input {
    	width: 100%;
   	max-width: 25em;
	}
}

/*@media (max-width: 767px) {
   .gvd-search input {
      margin-bottom: .5em;
   }
}*/

.gvd-search input:after {
   content: "\f002";
}

.gvd-search input::placeholder {
	color: black;
  	font-weight: bold;
}

/*.gvd-search placeholder {  
   color: black !important;
}*/

/*::placeholder {
  color: black;
  opacity: 1; /* Firefox *
  margin-left:1rem;
  font-weight:bold;
}*/

.gvd-news img {
   position: relative;
   z-index: 10;
   border-radius: 50%;
   height: 12rem !important;
   width: 12rem !important;
   max-width: none; /* !important;*/
   max-height: none; /*!important;*/
   /*float:left!important;*/
   object-fit: cover;
}

.gvd-news__img {
    background-size: cover;
    position: relative;
    z-index: 10;
    border-radius: 50%;
    height: 12rem !important;
    width: 12rem !important;
    max-width: none;
    max-height: none;
    float: left!important;
    background-position: 50% 50%;
}

a.sv-font-meny, .sv-font-meny a {
   text-decoration: none;
   margin-right: 2rem;
}

@media only screen and (max-width: 1180px) {
   .gvd-start-news ul li {
      width: 100%;
   }
}

@media only screen and (max-width: 860px) {
   .gvd-news img {
      display:none;
   }
   
   .gvd-news-text-wrapper {
      margin-left: 0;
   }
}

@media only screen and (max-width: 560px) {
   .gvd-news {
   	width: 100%;
   }
   
   .gvd-news img {
      display:none;
   }
}


/* LISTA PÅ PROGRAM ------------------------------------------------------------ */
.gvd-program-list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   
}

.gvd-program-list:after {
  content: "";
  flex: auto;
}

.gvd-program-list li {
   width: 19%;
   -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, .1);
   -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, .1);
   box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, .1);
   margin-bottom: 2em;
   margin-right: 1%;
}

@media (max-width: 860px) {
   .gvd-program-list li {
   	margin-bottom: 4em;
	}
}

.gvd-program-list img {
   width: 100%;
   height: 8rem;
   object-fit: cover;
}

.gvd-program-circle {
   display: block;
   text-align: center;
   height: 0;
}

.gvd-program-circle span { 
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    /*background: #222;*/
    border-radius: 50%;
    padding: 0.5rem;
    color: #fff;
    font-weight: bolder;
    letter-spacing: .025rem;
    line-height: 1.5;
    position: relative;
    top: -1.8rem;
}

.gvd-program-list li a {
   display: block;
   text-align: center;
   padding: 1em 0.5em;
   padding-bottom: 2em;
   font-weight: 700;
   text-decoration: none;
   margin-top: .5em;
}

.gvd-puff-text p {
   color:#FFFFFF !important;
}

.gvd-program-list li a:hover {
   text-decoration: underline;
}



@media only screen and (max-width: 1460px) {
   .gvd-program-list li {
   	width: 24%;
   }
}


@media only screen and (max-width: 1160px) {
   .gvd-program-list li {
   	width: 32%;
   }
}

@media only screen and (max-width: 860px) {
   .gvd-program-list li {
   	width: 49%;
   }
   
   .gvd-program-list img {
   	display:none;
   }
}

@media only screen and (max-width: 560px) {
   .gvd-program-list img {
   	display:none;
   }
   
   .gvd-program-list li {
   	width: 100%;
   }
  
}


/* AKTUELLT -------------------------------------------------------------------------------- */
.gvd-link-list {
   display: block; 
   text-align: center;
}

.gvd-link-list li {
   margin: .5em 1em;
   display: inline-block;
}

.gvd-link-list li a {
   margin-right: .5rem;
   color: #051D67;
}

.gvd-link-list li i {  
   color: #051D67;
}

.fas fa-angle-right{
   color: #051D67;
}

@media only screen and (max-width: 560px) {
	.gvd-link-list li {
      display: block;
   }
}


/* SAMMARBETSPARTNERS LOGOTYPER ------------------------------------------------------------ */

.gvd-logo-icons-wrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.gvd-logo-icons-wrapper .gvd-logo-icons {
   width: 16%;
}

.gvd-logo-icons-wrapper .gvd-logo-icons img {
   max-width: 85%;
   width: 100%;
   max-height: 6rem;
   height: 100%;
}

.gvd-logo-icons{
   width:250px;
}

@media only screen and (max-width: 860px) {
   .gvd-logo-icons-wrapper {
      flex-wrap: wrap;
   }
   
   .gvd-logo-icons-wrapper .gvd-logo-icons {
      width: 33%;
      margin-bottom: 2em;
   }
}



/* PROGRAMINNEHÅLL ----------------------------------------------------------------------------- */
.gvd-programinnehall {
   padding-bottom: 5em;
}

.gvd-programinnehall > .sv-layout > .sv-layout {
   margin-bottom: 2em;
}

.gvd-programminnehall-kurs {
   overflow: auto;
   
}

.gvd-programminnehall-kurs .sv-text-portlet p {
   margin-bottom: 0;
   margin-top: 0;
  
}

.gvd-programminnehall-kurs .sv-text-portlet:first-of-type {
   float: left;
}

.gvd-programminnehall-kurs .sv-text-portlet:last-of-type {
   float: right;
   margin-right: 2em;
}

.svg-inline--fa fa-facebook-f fa-w-10 {
   width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: 5px;
    color: #fff;
    line-height: 500px;
    text-align: center;
    background: black;
}

/* SOCIAL MEDIA ---------------------------------------------------------------------------------- */
.gvd-social-icon {
   background: #fff;
   width: 2.5em;
   height: 2.5em;
   border-radius: 50%;
   display: block;
   position: relative;
}

.gvd-social-icon:hover {
   background: #ddd;
}

.gvd-social-icon .icon {
   position: absolute;
   font-size: 1.8em;
   right: 0.3em;
   bottom: 0em;
   color: #393939;
}

/* LOGOTYP SIDUVUD ------------------------------------------------------------------------------ */

.gvd-top-logo {
   height: 60px;
}

.gvd-mobile-icons-container {
   font-size: 1.8em;
}

.gvd-mobile-icons-container a {
   text-align: center;
   display: block;
}

.gvd-mobile-icons-container span {
   display: block;
   font-size: 0.7rem;
}

.gvd-button-menu-tablet-mobile {
    position: relative;
}

@media (min-width: 768px) and (max-width: 1024px) {
   .gvd-mobile-icons-container {
   	margin-top: .1em;
	}
}

@media (max-width: 1024px) {
   .gvd-top-logo {
   	height: 50px;
	}
}

@media (max-width: 767px) {
   .gvd-top-logo {
   	height: 40px;
	}
}

/* */

.sv-grid-grid [class*="sv-column-"] {
	margin-bottom: 0;
}


.gvd-programinnehall { /*.sv-text-portlet-content */
      -moz-column-count: 3;
      -moz-column-gap: 20px;
      -webkit-column-count: 3;
      -webkit-column-gap: 20px;
      max-width: initial !important;

   }

   .gvd-programinnehall > div > div {
      overflow: hidden; /* fix for Firefox */
      break-inside: avoid-column;
      -webkit-column-break-inside: avoid;
   }

   @media only screen and (max-width: 980px) {
      .gvd-programinnehall {
         -moz-column-count: 2;
         -webkit-column-count: 2;
      }
   }

   @media only screen and (max-width: 680px) {
      .gvd-programinnehall {
         -moz-column-count: 1;
         -webkit-column-count: 1;
      }
   }