/************************************
*********** HJÄLPKLASSER ************
************************************/


/*
Grå:                  #55565a (Text, bakgrundfärger)
Grönblå:              #008895 (Bakgrundsfärger)
Mörk grönblå:         #006e78;
Ljus grönblå:         #00c0d1 (Hover text)

Ljusgrå:              rgba(85, 86, 90, 0.09) (Kantlinjer)
Grönblå:              rgba(0, 136, 149, 0.85) / rgba(0, 136, 149, 0.74)
Grönblå mörk hover:   rgba(2, 113, 124, 0.85)
Grönblå ljus hover:   rgba(0, 136, 149, 0.70) (Hover bakgrund grönblå)
Grönblå ljusare hov:  rgba(0, 136, 149, 0.49)
Grönblå ljusast hov:  rgba(230, 253, 255, 0.49)
Orange:               rgba(236, 169, 0, 0.8)
Lila:                 rgba(125, 104, 143, 0.8)

*/



/****** NYHETER ********/



.sv-newslisting-module li{
   display:inline-flex;
   width:240px;
   margin-right:10px;
   min-height:250px;

}

.sv-newslisting-module li > a{
  display: block;
  position: relative;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  border:1px solid #efefef;
      
}
.sv-newslisting-module .sol-list-image {
  width: 240px;
  height: 125px;
  margin-bottom:10px;  
  overflow: hidden;
  background-size: cover;
  background-position: 0 50%;
  transition: 0.2s filter linear;
  -webkit-transition: 0.2s -webkit-filter linear;
  -moz-transition: 0.2s -moz-filter linear;
  -ms-transition: 0.2s -ms-filter linear;
  -o-transition: 0.2s -o-filter linear;
}
.sv-newslisting-module .sol-list-image > img {
  height: 100%;
  width: auto;
}


.sv-newslisting-module .sol-list-content{
   padding-left:20px;
   padding-right:20px;
}

.sv-newslisting-module .sol-list-content > .sol-css-text-1,
.sv-newslisting-module .sol-list-content > .sol-css-text-1 {
  display: block;
  margin-top: 5px;
}

.sv-newslisting-module .sol-list-date {
  display: block;
}
.sv-newslisting-module .sol-list-date > .sol-css-text-1 {
  display: inline-block;
  color: #008895;
  font-size: 12px;
  line-height: 1.3;
}
.sv-newslisting-module .sol-list-date > .sol-css-text-1:first-child {
  font-size: 12px;
}
.sv-newslisting-module .sol-list-date > .sol-css-text-1:first-child:before {
  display: inline-block;
  content: '';
  background-image: url('/webdav/files/System/Icons/icon-clock.svg');
  height: 12px;
  width: 12px;
  position: relative;
  top: 1px;
  margin-right: 4px;
}

.sv-newslisting-module .sol-list-content > .sol-normal-flat,
.sv-newslisting-module .sol-list-content > .sol-normal-flat {
  display: block;
  margin-top: 0;
}
.sv-newslisting-module .sol-list-content > .sol-normal-flat {
  
   font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
}

.sv-newslisting-module .sol-list-read-more:after {
  display: inline-block;
  content: '';
  background-image: url('/webdav/files/System/Icons/icon-right-arrow.svg');
  height: 10px;
  width: 10px;
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.sv-newslisting-module li > a:hover,
.sol-see-more-link .sol-css-text-1 a:hover {
  background-color: rgba(230, 253, 255, 0.49);
}
.sv-newslisting-module li > a:hover .sol-list-content > .sol-css-text-1,
.sv-newslisting-module li > a:hover .sol-list-content > .sol-normal-flat,
.sv-newslisting-module li > a:hover .sol-list-content > .sol-list-read-more,
.sv-newslisting-module li > a:hover .sol-list-content > .sol-css-text-1,
.sv-newslisting-module li > a:hover .sol-list-content > .sol-normal-flat {
  color: #008895;
}
.sv-newslisting-module li:hover .sol-list-image {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}






/****** Evenemang ********/

.sv-eventlisting-module li{
   display:inline-flex;
   margin-right:10px;
   

}

.sv-eventlisting-module li > a {
  display: block;
  position: relative;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
   border:1px solid #efefef;
   padding:20px;
   margin-bottom:10px;
}

.sv-eventlisting-module li > a:hover, .sol-css-text-1 a:hover {
  background-color: rgba(230, 253, 255, 0.49);
}


.sv-eventlisting-module .sol-list-content > .sol-css-text-1 {
  display: block;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 5px;
}
.sv-eventlisting-module .sol-list-content > .sol-css-text-1 {

}

.sv-eventlisting-module .sol-list-content > .sol-normal-flat {
  display: block;
  margin-top: 0;
}


.sv-eventlisting-module ul > li:nth-child(2n) .sol-event-date,
.sv-eventlisting-module ul > li:nth-child(2n) .sol-event-date:after {
  background-color: #55565a;
}
.sv-eventlisting-module .sol-list-content span{
  min-height:60px;
}


.sv-eventlisting-module  .sol-event-date {
	margin-bottom:5px;
   width: 80px;
}

.sv-eventlisting-module .sol-list-content  {
  width: 320px;
}


/****** Publikationer ********/

.sv-publlist-container{
   font-family:Arial;
}

.sv-publlist-container .sv-publlist-item a{
   width:400px;
  -webkit-transition: all 200ms ease;
   transition: all 200ms ease;
   border:1px solid #efefef;
   padding:20px;
   margin-bottom:10px;
   margin-right:10px;
   border-left:2px solid #008895;
}
.sv-publlist-container .sv-publlist-item a:hover{
  -webkit-transition: all 200ms ease;
   transition: all 200ms ease;
   background-color: rgba(230, 253, 255, 0.49);
   
}
.sv-publlist-container .sv-publlist-item a:hover  .sol-list-title {
  color: #008895 !important;
}

.sv-publlist-container .sol-list-title {
   
   min-height:60px;
   overflow:hidden;
}

.sv-publlist-container .sv-publlist-info{
   min-height:30px;
   padding-top:10px;
   margin-top:10px;
   border-top:1px dotted #efefef;
}




/*  Områden  */

.sublandingpage-boosts{display:block;}

.sublandingpage-boost-holder {
  float:left;
  width: 240px;
  margin-bottom:10px;
  border:1px solid #efefef;
  margin-right:10px;
  min-height:220px;
}

.sublandingpage-boost-holder:hover{
	background-color: rgba(230, 253, 255, 0.49);
}

.sublandingpage-boost-top{padding-left:20px;padding-right:20px;}
.sublandingpage-boost-link{text-align:left;}

.sublandingpage-boost-link a{
   text-decoration:none;
   color: #55565a !important;

}
.sublandingpage-boost-link h2{
   font-size:15px !important;
}
.sublandingpage-boost-holder:hover .sublandingpage-boost-link a{
    color: #008895 !important;
}




.sublandingpage-boost-text{text-align:left;margin-top:10px;min-height:120px;}
.sublandingpage-boost-bottom{position:relative;height:30px;width:30px;border-radius:50%;background-color:#efefef;}
 
.sublandingpage-boost-image{
  width: 240px;
  height: 125px;
  margin-bottom:10px; 
  background-repeat:no-repeat;
  background-size:cover;
}





/* A-Z Meny */

.az-menu-container{
   -webkit-column-rule: 1px dotted #ddd;
       -moz-column-rule: 1px dotted #ddd;
            column-rule: 1px dotted #ddd;
     -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
          column-gap: 4em;
}
.az-menu-container .env-list__item a{
   padding: 10px 10px 10px 10px;
   background-color:#fff;
   display:block;
   margin-bottom:2px;
   color:#2a2a2a;
   text-decoration:none;
   font-size:95%;
}

.az-menu-container .env-list__item a:hover{
 	background-color:rgba(230, 253, 255, 0.49);
}


/* Skrollknapp */

.scroll-button-holder{
   width:40px;
   height:40px;
   border-radius:50%;
   background-color:#efefef;
   position:relative;
   cursor:pointer;
   border: 1px solid transparent;
}


.scroll-button-holder:hover{
	border: 1px dotted #dadada ;
   opacity:1;
}

.scroll-button{
   position:absolute;
   width:15px;
   height:15px;
   top:11px;
   left:12px;
   
}



/*  Undersidepuffar */

.sv-sublandingpage-boosts{display:block;font-family:Arial;}

.sv-sublandingpage-boost-holder{
   float:left;
   width:25%;
   padding-right:10px;
   padding-bottom:10px;
     
}


.sv-sublandingpage-boost-wrapper{
  
  border:1px solid #efefef;
  padding:20px;
  background-color:#fff;
  min-height:270px;
}

.sv-sublandingpage-boost-holder::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #008895;
    transition: width .3s;
}


.sv-sublandingpage-boost-holder:hover::after {
    width: 100%;
    //transition: width .3s;
}

.sv-sublandingpage-boost-wrapper:hover{
	background-color: rgba(230, 253, 255, 0.49);
}

.sv-sublandingpage-boost-top{}
.sv-sublandingpage-boost-link{text-align:left;}

.sv-sublandingpage-boost-link a, .sv-sublandingpage-boost-link h2 {
   font-family:Arial;
   text-decoration:none;
   font-size: 15px;
   font-weight: 800;
   line-height: 1.3;
   color: #55565a !important;

}
.sv-sublandingpage-boost-text a{
   
   text-decoration:none;
   font-size: 12px;
   line-height: 1.3;
   color: #55565a !important;

}

.sv-sublandingpage-boost-holder:hover .sv-sublandingpage-boost-link a{
    color: #008895 !important;
}

.sv-sublandingpage-boost-text{text-align:left;margin-top:10px;min-height:120px;}



.sv-sublandingpage-boost-bottom{margin-top:10px;position:relative;height:30px;width:30px;border-radius:50%;background-color:#efefef;}
.sv-sublandingpage-boost-bottom-link img{position:absolute;top:8px;left:10px;width:12px;height:12px;}

.sv-sublandingpage-boost-wrapper:hover .sv-sublandingpage-boost-bottom{
   background-color:#fff;
}