/* 
v.1.0.0
PUFFAR MED LÄNK

*/
.savsjo-panel {
   position: relative;
   transition: .25s ease;
   overflow: hidden;
   max-width: 400px;
   margin: 0 auto;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   z-index: 1;
}
.savsjo-panel:hover {
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
}

.savsjo-panel:hover .savsjo-panel-link {
   text-decoration: underline;
   text-underline-position: under;
   display: inline-block;
   width: 100%;
   text-align: center;
}

.savsjo-panel-inner {
   position: relative;
}
.savsjo-panel-img {
   height: 400px;
   width: 100%;
   position: relative;
   z-index: -1;
}
.savsjo-panel-img img {
   overflow: hidden;
   display: inline-block;
   transform: translate(-50%, -50%) scale(1);
   transition: .25s ease;
   left: 50%;
   position: absolute;
   top: 50%;
   height: 400px;
   pointer-events: none;
}
.savsjo-panel:hover img {
   transform: translate(-50%, -50%) scale(1.02);
}
.savsjo-panel-text {
   position: absolute;
   background-color: #fff;
   bottom: 0;
   text-align: center;
   padding: 10px;
   box-sizing: border-box;
   vertical-align: top;
   width: 100%;
   display: inline-block;
   pointer-events: none;
}
.savsjo-panel-linkfont {
   text-decoration: none;
}
.savsjo-panel-heading h2 {
   margin-bottom: 10px;
   vertical-align: top;
}
.savsjo-panel-link {
   font-size: 14px;
   color: #007dbc;
   font-weight: 600;
   vertical-align: top;
   padding-bottom: 20px;
   font-family: poppins,sans-serif;
}