/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Columns Override */
.columns__card.--standard-style .columns__image-container { 
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    align-self: center;
    border-radius: 200px;
    background: #FFF;
    filter: drop-shadow(0px 12px 144px rgba(0, 0, 0, 0.07)) drop-shadow(0px 19.5px 36px rgba(0, 0, 0, 0.03));
}
.columns__card-container.--standard-style .columns__image-container img { 
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
}

.columns__card-container.--standard-style .columns__card__text-container {
  flex: 1;
}
.columns__card-container.--standard-style .columns__card__cta-container {
  flex: 0 0 100%;
}

.columns__card.--standard-style .columns__image-container .columns__image {
    object-fit: contain;
}

.columns__card-container.--standard-style .columns__image-container { 
    align-self: flex-start !important;
}

@media screen and (min-width: 720px) {
    .columns__card.--standard-style:has(.columns__image-container) {
        flex-direction: row;
        column-gap: var(--space-48);
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
      }
    }
    .columns__card-container.--standard-style .columns__image-container { 
        width: 96px !important;
        height: 96px !important;
    }
    .columns__card-container.--standard-style .columns__image-container img { 
        width: 48px;
        height: 48px;
    }
}

@media screen and (min-width: 1200px) {
  .columns__card-container.--standard-style {
    --column-gap: var(--space-96) !important;
  }

  .columns__top-section .columns__header {
    max-width: 50%;
  }
  .columns__card-container.--standard-style .columns__image-container { 
    width: 128px !important;
    height: 128px !important;
  }
  .columns__card-container.--standard-style .columns__image-container img { 
    width: 64px !important;
    height: 64px !important;
  }
  
}

/* Industry page quote module overlay override */
.visma-module-wrapper.background-light-1:has(.quote-module.--card-style) {
    background: linear-gradient( to bottom, white 60%, var(--background-light-1) 40% )
}

.visma-module-wrapper.background-light-2:has(.quote-module.--card-style) {
    background: linear-gradient( to bottom, white 60%, var(--background-light-2) 40% )
}

.visma-module-wrapper.background-light-3:has(.quote-module.--card-style) {
    background: linear-gradient( to bottom, white 60%, var(--background-light-3) 40% )
}

.visma-module-wrapper.background-light-4:has(.quote-module.--card-style) {
    background: linear-gradient( to bottom, white 60%, var(--background-light-4) 40% )
}

.visma-module-wrapper.background-dark-1:has(.quote-module.--card-style) {
    background: linear-gradient( to bottom, white 60%, var(--background-dark-1) 40% )
}

.visma-module-wrapper.background-dark-2:has(.quote-module.--card-style) {
    background: linear-gradient( to bottom, white 60%, var(--background-dark-2) 40% )
}

.visma-module-wrapper.background-dark-3:has(.quote-module.--card-style) {
    background: linear-gradient( to bottom, white 60%, var(--background-dark-3) 40% )
}

.visma-module-wrapper.background-dark-4:has(.quote-module.--card-style) {
    background: linear-gradient( to bottom, white 60%, var(--background-dark-4) 40% )
}

.quote-module.--card-style.-rounded {
    border-radius: var(--space-16);
    box-shadow: 0px 19.5px 36px 0px rgba(0, 0, 0, 0.03), 0px 12px 144px 0px rgba(0, 0, 0, 0.07);
}

.quote__quote {
    font-family: 'Open Sans', serif;
}

.quote__author-name {
    font-size: var(--text-medium-size);

}

.quote-module.--card-style.background.background-default .quote__author-name,
.quote-module.--card-style.background[class*="background-light-"] .quote__author-name {
    color: var(--site-text-dark);
}

.quote-module.--card-style.background[class*="background-dark-"] .quote__author-name {
    color: var(--site-text-light);
}

/* form module overlay */
.visma-module-wrapper:has(.form-card-style.background-light-1) {
    background: linear-gradient(
        to bottom,
        white 60%, 
        var(--background-light-1) 40%
      );
}
.visma-module-wrapper:has(.form-card-style.background-light-2) {
    background: linear-gradient(
        to bottom,
        white 60%, 
        var(--background-light-2) 40%
      );
}
.visma-module-wrapper:has(.form-card-style.background-light-3) {
    background: linear-gradient(
        to bottom,
        white 60%, 
        var(--background-light-3) 40%
      );
}
.visma-module-wrapper:has(.form-card-style.background-light-4) {
    background: linear-gradient(
        to bottom,
        white 60%, 
        var(--background-light-4) 40%
      );
}
.form-card-style.-rounded {
    border-radius: var(--space-16);
}

.form-card-style.background {
    box-shadow: 0px 19.5px 36px 0px rgba(0, 0, 0, 0.03), 0px 12px 144px 0px rgba(0, 0, 0, 0.07);
    --background-color: #FFF;
}

/* Banner (image & Text) overlay */

.visma-module-wrapper.background-dark-1:has(.two-column-module.-card-style) {
    background: linear-gradient(
        to bottom,
        var(--background-dark-1) 60%, 
        white 40%
      );
}

.visma-module-wrapper.background-dark-2:has(.two-column-module.-card-style) {
    background: linear-gradient(
        to bottom,
        var(--background-dark-2) 60%, 
        white 40%
      );
}

.visma-module-wrapper.background-dark-3:has(.two-column-module.-card-style) {
    background: linear-gradient(
        to bottom,
        var(--background-dark-3) 60%, 
        white 40%
      );
}

.visma-module-wrapper.background-dark-4:has(.two-column-module.-card-style) {
    background: linear-gradient(
        to bottom,
        var(--background-dark-4) 60%, 
        white 40%
      );
}

.visma-module-wrapper.background-light-1:has(.two-column-module.-card-style) {
    background: linear-gradient(
        to bottom,
        var(--background-light-1) 60%, 
        white 40%
      );
}

.visma-module-wrapper.background-light-2:has(.two-column-module.-card-style) {
    background: linear-gradient(
        to bottom,
        var(--background-light-2) 60%, 
        white 40%
      );
}

.visma-module-wrapper.background-light-3:has(.two-column-module.-card-style) {
    background: linear-gradient(
        to bottom,
        var(--background-light-3) 60%, 
        white 40%
      );
}

.visma-module-wrapper.background-light-4:has(.two-column-module.-card-style) {
    background: linear-gradient(
        to bottom,
        var(--background-light-4) 60%, 
        white 40%
      );
}

.visma-module-wrapper:has(.two-column-module.-card-style) .image-full-height {
    /* width: 200px;
    height: 200px; */
    /* max-width: 200px; */
    max-height: 200px !important;
    width: auto;
}

.visma-module-wrapper .two-column-module.-card-style {
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.03), 0px 4px 17px 0px rgba(0, 0, 0, 0.05), 0px 16px 64px 0px rgba(0, 0, 0, 0.11);
}

/* Blog featured Overlay */
.visma-module-wrapper.blog-wrapper.background-light-1 {
    background: linear-gradient(
        to bottom,
        var(--background-light-1) 70%, 
        white 30%
      );
}
.visma-module-wrapper.blog-wrapper.background-light-2 {
    background: linear-gradient(
        to bottom,
        var(--background-light-2) 70%, 
        white 30%
      );
}
.visma-module-wrapper.blog-wrapper.background-light-3 {
    background: linear-gradient(
        to bottom,
        var(--background-light-3) 70%, 
        white 30%
      );
}
.visma-module-wrapper.blog-wrapper.background-light-4 {
    background: linear-gradient(
        to bottom,
        var(--background-light-4) 70%, 
        white 30%
      );
}

.visma-module-wrapper.blog-wrapper.background-dark-1 {
    background: linear-gradient(
        to bottom,
        var(--background-dark-1) 70%, 
        white 30%
      );
}
.visma-module-wrapper.blog-wrapper.background-dark-2 {
    background: linear-gradient(
        to bottom,
        var(--background-dark-2) 70%, 
        white 30%
      );
}
.visma-module-wrapper.blog-wrapper.background-dark-3 {
    background: linear-gradient(
        to bottom,
        var(--background-dark-3) 70%, 
        white 30%
      );
}
.visma-module-wrapper.blog-wrapper.background-dark-4 {
    background: linear-gradient(
        to bottom,
        var(--background-dark-4) 70%, 
        white 30%
      );
}

.blog-featured {
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.04), 0px 8px 96px 0px rgba(0, 0, 0, 0.07);
}

/* Blog post overlay */
.body-container--blog-post.background-default {
    /* background: linear-gradient(
        to bottom,
        rgba(255, 142, 5, 0.10) 50%, 
        white 50%
      ); */
      background: linear-gradient(180deg,rgba(255,142,5,.1) 35rem,#fff 0);
}

@media screen and (min-width: 720px) {
    .body-container--blog-post.background-default {
        background: linear-gradient(180deg,rgba(255,142,5,.1) 40rem,#fff 0);
    }
}

@media screen and (min-width: 1080px) {
    .body-container--blog-post.background-default {
        background: linear-gradient(180deg,rgba(255,142,5,.1) 50rem,#fff 0);
    }
}
/* Blog post font-size */
.post__title {
    font-size: var(--title-large-size);
}

/* Blog post image */
.body-container--blog-post .post__body img {
    border-radius: var(--space-16);
}
.body-container--blog-post .post__body .banner-image {
    aspect-ratio: 16/9;
    object-fit: cover;    
    object-position: center;
    width: 100% !important;
}

/* Product Finder Overrides */
.product-finder__card-image-container {
    width: 100%;
/*     height: 100%; */
    overflow: hidden;
}

.product-finder__card-image-container::after {
    content: ''; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); 
    border-radius: var(--card-radius);
}

.product-finder__card-image-container img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--card-radius);
}

.product-finder__card .product-finder__card-title,
.product-finder__card .product-finder__card-main-container {
    z-index: 2;
}

.product-finder__card:hover {
    transform: scale(1.05);
    box-shadow: 0px 5.333px 42.667px 0px rgba(0, 0, 0, 0.25);
    transition: transform 0.1s ease-in-out;
}

/* Child theme overrides v1.1*/

/* Fixes bug with video background on product module */
.product__background-video.dekstop, video.product__background-video.-cover.mobile {
    height: 100% !important;
}

/* Mobile devices */
@media (max-width: 599px) {
  .product__box-shadow {
    filter: drop-shadow(0 4px 24px rgb(0,0,0,10%)) !important;
  }
  .product__image {
    border: solid 4px var(--color-default) !important;
    border-radius: 8px !important;;
  }
}

/* Tablet devices */
@media (min-width: 600px) and (max-width: 1200px) {
  .product__box-shadow {
    filter: drop-shadow(0 8px 16px rgb(0,0,0,10%)) !important;
  }
  .product__image {
    border: solid 8px var(--color-default) !important;
    border-radius: 12px !important;;
  }
}
/* Laptop and up  */
@media (min-width: 1201px) {
  .product__box-shadow {
    filter: drop-shadow(0 16px 32px rgb(0,0,0,10%)) !important;
  }
  .product__image {
    border: solid 8px var(--color-default) !important;
    border-radius: 24px !important;;
  }
}

/* Tabs, size tweak and other stuff*/
@media (max-width: 1049px) {
    .tabContent .tab__image img {
        max-height: 500px;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        object-position: center 50% !important;
    }
    .tab__image {
      display: flex;
      justify-content: center;
    }
  
}
@media (min-width: 1050px) {
  /* Tabs */
  .tabs__button-wrapper.-tab-column button {
    font-size: 2rem !important;
  }
  .tabs__button-wrapper button:not(:first-child) {
    margin: 0 14px !important;
  }
  .tabs__button-wrapper button:first-child {
    margin-right: 4px !important;
  }
    /* Tabs align content vertically centetered on desktop */
  .tabContent .tab__texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

}

/* Solves bug with shadow not being present */
/* .visma-module-wrapper {
  overflow: visible !important;
} */

/* Image original aspect ratio on text+image, laptop and up*/
@media (min-width: 1201px) {
  .two-column-block__image img {
    max-height: unset !important;
  }
}
/* Tweak drop-shadow on columns */
.columns__card.--standard-style .columns__image-container {
filter: drop-shadow(0px 12px 96px rgba(0, 0, 0, 0.07)) drop-shadow(0px 16px 16px rgba(0, 0, 0, 0.06)) !important;  
}

/* End of overrides */