/*********************************************************

# Puff - Image card

*********************************************************/

.dv-image-card {
   display: flex;
   flex-direction: column;
   height: 100%;
   transition: all .2s ease-in-out;
   background-color: #fff;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2), 0 0px 0px 1px rgba(0, 0, 0, 0.08);
   position: relative;
}
.dv-image-card:hover {
   box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2), 0 0px 0px 1px rgba(0, 0, 0, 0.08);
}

.dv-image-card__content {
   padding: 1.5rem 1rem 2rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
   height: 100%;
}


.dv-image-card__image-wrapper img {
   display: block;
   width: 100%;
   height: 280px;
   object-fit: cover;
}
h1.dv-image-card__heading,
h2.dv-image-card__heading,
h3.dv-image-card__heading,
h4.dv-image-card__heading {
   text-transform: none;
   font-weight: 600;
   font-size: 1.5rem;
   display: block;
   margin: 0;
   margin-bottom: 0.75rem;
   line-height: 1.3;
   color: #000;
}

.dv-image-card__text {
   margin-bottom: 2rem;
}
.dv-image-card__text p {
   font-size: 1.125rem;
   line-height: 1.5;
   margin: 0;
   margin-bottom: 11px;
   font-weight: 300;
}


a.dv-image-card__item-link {
   border: solid 2px #2d2d2d;
   padding: .5rem 1rem;
   display: inline-block;
   min-width: 33%;
   cursor: pointer;
   margin-top: 1.5rem;
   text-transform: none;
   font-size: 1.125rem;
   text-decoration: none;
   font-weight: 500;
   line-height: 1.3;
   border-radius: 4px;

   margin-top: auto;
   align-self: center;
}
.dv-image-card__item-link:hover {
   text-decoration: underline;
}

.dv-image-card__image-left,
.dv-image-card__image-right {
   display: flex;
   flex-direction: row;
   align-items: center;
}

.dv-image-card__image-right .dv-image-card__image-wrapper,
.dv-image-card__image-right .dv-image-card__content,
.dv-image-card__image-left .dv-image-card__image-wrapper,
.dv-image-card__image-left .dv-image-card__content {
   width: 50%;
   text-align: center;
}

.dv-image-card__image-right .dv-image-card__image-wrapper img,
.dv-image-card__image-left .dv-image-card__image-wrapper img {
   height: auto;
}


@media (max-width: 1023px) {
   .dv-image-card__image-left,
   .dv-image-card__image-right {
      flex-direction: column; 
   }
   .dv-image-card__image-right .dv-image-card__image-wrapper,
   .dv-image-card__image-right .dv-image-card__content,
   .dv-image-card__image-left .dv-image-card__image-wrapper,
   .dv-image-card__image-left .dv-image-card__content {
      width: 100%;
   }


}


/*********************************************************

# Puff - STARTSIDAN

*********************************************************/

.dv-startpage-puffar {
   display: flex;
   margin: 0 -1rem;
}

.dv-startpage-puffar > div {
   display: flex;
   width: 33.3334%;
   box-sizing: border-box;
   padding: 0 1rem;
}

@media (max-width: 1023px) {
   .dv-startpage-puffar {
      flex-wrap: wrap;
   }
   .dv-startpage-puffar > div {
      width: 50%;
      margin-bottom: 1.2rem;
   }
}

@media (max-width: 767px) {
   .dv-startpage-puffar > div {
      width: 100%;
   }
}