/* General styling -START- */
/* Forms */
.form--dark-no-accent .hs-error-msg {
  color: #222326 !important;
}

/* Module UI Labels */
.ui-label {
  font-weight: 600;
}

@media (min-width: 991px) {
  .row-fluid>*+* {
    margin-inline-start: 48px;
  }
}

@media (max-width: 991px) {
  .row-fluid, .row-fluid>* {
    flex-direction: column !important;
    width: 100%;
  }
  .row-fluid>*+* {
    margin-inline-start: 0;
  }
}

/* General custom classes */
.col-rounded-corners .dnd-column {
    border-radius: 24px;
}

.remove-heading-space :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .row-fluid > .dnd-column:not(:last-child) {
    margin-bottom: 45px;
  }
}

.lined-list ul {
  list-style: none;
  padding-inline-start: 0;
  li {
    display: flex;
    align-items: center;
    gap: 10px;
    &:before {
      content: '';
      background-color: #388c57;
      width: 20px;
      height: 1px;
        }
    }
  }
}
/* General styling -END- */


/* Header & Navigation -START- */
/* Header layout */
@media (min-width: 1300px) {
  .header__center.container, .footer__center.container {
    width: 95%;
    max-width: 1920px;
  }
}

nav .nav__list--level1 > li:not(:last-child) {
  margin-inline-end: 0;
}

nav .nav__link {
  padding-left: 1rem;
  padding-right: 1rem;
}

nav .nav__list--level1 > li > a::before {
  left: 1rem;
  right: 1rem;
}

/* Mega Menu */
header .nav__mega {
  max-width: 1300px;
  padding: 24px !important;
  margin-left:auto;
  margin-right:auto;
}

.nav__mega .justify-between  {padding: 0; }

.nav__mega .justify-between .nav__mega-col { padding: 0; }

.nav__mega.mega-2-col .justify-between { gap: 120px; }
.nav__mega.mega-2-col .justify-between .nav__mega-col { width: calc(50% - 60px); }

.nav__mega.mega-3-col .justify-between { gap: 100px; }
.nav__mega.mega-3-col .justify-between .nav__mega-col { width: calc(33.33% - 66.66px); }

.nav__mega.mega-4-col .justify-between { gap: 50px;}
.nav__mega.mega-4-col .justify-between .nav__mega-col { width: calc(25% - 37.5px); }

.nav__mega.mega-5-col .justify-between { gap: 50px; }
.nav__mega.mega-5-col .justify-between .nav__mega-col { width: calc(20% - 40px); }

.nav__mega.no-link-underline .nav__mega-cols a:hover:before { opacity: 0; }

/* Header & Navigation -END- */


/* Specific Sections/Pages -START- */
/* Pillar Pages - Comparison table */
.pillar-page-table {
  max-width: 770px;
  margin: 0 auto;
}
/* Specific Sections/Pages -END- */


/* Modules -START- */
/* Hero */
.custom-gradient {
  .hero-slider__overlay {
    background: linear-gradient(135deg, #388c57 20%, #26653D 60%);
  }
}
.rounded-corners {
  .hero-slider {
    border-radius: 24px;
  }
}

/* Pricing */
.module--pricing .pricing__tag {
  flex-direction: column;
  align-items: flex-start;
}

.module--pricing .pricing__info {
  margin-top: .4rem;
}

/* Comparison Table */
.comptab--sticky-header .comptab__sticky-header-bg {
  width: 100%;
}

/* Quick action */
.quick-action {
  .quick-action__txt {
    margin: 10px 0;
  }
  .quick-action__btn {
    margin: 10px 0;
    &.btn--ghost.btn--outline {
      border-color: #fff;
    }
  }
}

/* Logos */
.logos .col {
  padding: 20px;
}

/* Feature Showcase */
.featnav-on-top {
  .featshow {
    padding: 0;
  }
  .featshow--nav-left .featshow__wrapper {
    flex-direction: column;
  }
  .featshow__content, .featshow__content__wrapper, .featshow__nav {
    width: 100%;
  }
  .featshow__content {
    padding: 0 48px;
  }
  .featshow__nav__wrapper {
    width: 100%;
    ul {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      li {
        margin-top: 0;
        .featshow__btn {
          font-size: 1.1rem;
          transform: scale(1);
          padding-bottom: 10px;
          border-bottom: 2px solid transparent;
          transition: border .2s ease-in-out;
          &:hover, &.featshow__btn--active {
            border-color: #34d361;
          }
        }
      }
    }
  }
}

/* CTA Banners */
.wavy-cta-banner {
  margin: 0 auto;
  max-width: 1430px;
  border-radius: 24px;
  width: calc(100% - 48px);
  overflow: hidden;
}

/* Modules -END- */

/* Cases -START- */
.case.module--box-over-image .box-over-image__box, .case .image-box {
  border-radius: 12px;
}

.case-hero.module--box-over-image .box-over-image__box {
  p:first-child {
    margin-bottom: 0;
  }
  p:last-child {
    margin-bottom: 0;
  }
}

.case.module--quote .compact-card {
  background: none;
  box-shadow: none;
}

.case.module--quote img {
  height: 4.5rem;
  width: 4.5rem;
}

.case.module--quote .quote--dark .compact-card__txt * {
  color: #fff;
}

.case.module--quote .compact-card__txt h5 {
  font-size: 1rem;
  line-height: 1.33;
}

.case.module--quote .compact-card__txt p {
  font-size: 0.89rem;
}

.case.shadow .image-box {
  box-shadow: 0 16px 32px rgba(34, 35, 38, .03), 0 8px 16px rgba(34, 35, 38, .03);
}

.case .numbers__number {
  font-size: 3rem;
  color: #388c57;
  margin-bottom: 1rem;
}

.logo-mask img {
  -webkit-mask-image: url(https://www.itchmarketing.dk/hubfs/Website/Logo/itch-logo-taleboble.svg);
  mask-image: url(https://www.itchmarketing.dk/hubfs/Website/Logo/itch-logo-taleboble.svg);
  mask-repeat: no-repeat;
  mask-size: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

#case-footer-cta {
  margin: 0 auto;
  width: 95%;
  max-width: 1430px;
  border-radius: 24px;
}

@media (min-width: 767px) {
  .case.module--quickfeat .col.md-s6 {
    width: 33.33333333333333%;
  }
  
  .case.module--quote .compact-card__txt h5 {
    font-size: 1.2rem;
    line-height: 1.53;
  }

  .case.module--quote .compact-card__txt p {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .case.module--box-over-image .box-over-image--align-left .box-over-image__img, .case.module--box-over-image .box-over-image--align-right .box-over-image__img {
    width: 75%;
  }
  
  .case.module--box-over-image .box-over-image__box {
    width: 50%;
  }
  
  .case-hero.module--box-over-image .box-over-image__box {
    p:first-child {
      font-size: 1.1rem;
    }
    p:last-child {
      font-size: 1.3rem;
    }
  }
}
/* Cases -END- */

/* Blog listing -START- */
.blog-card .blog-card__img {
  height: 250px;
}

.blog-card .blog-card__img img {
  height: 100%;
  object-fit: cover;
}
/* Blog listing -END- */


/* Blog posts -START */
.blog-hero-1__contents {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 2rem;
  @media (min-width: 981px) {
    flex-direction: row;
    gap: 80px;
  }
  .blog-hero-1_column {
    flex: 1;
    width: 100%;
    .blog-hero-1__title {
      max-width: 600px;
    }
    .blog-body-1__hero-image {
      border-radius: 12px;
      margin: 3rem 0 1rem;
    }
    .blog-hero-1__infobar {
      margin-bottom: 2rem;
    }
    &.blog-hero-1_image {
      position: relative;
      .blog-body-1__hero-image {
        display: none;
        @media (min-width: 981px) {
          display: block;
        }
      }
      .blog-infobar__date {
        display: flex;
        align-items: flex-start;
        margin-top: 10px;
        svg {
          margin-top: 6px;
        }
        span {
          display: block;
          @media (min-width: 981px) {
            display: inline;
          }
        }
        @media (min-width: 981px) {
          position: absolute;
          right: 0;
        }
      }
    }
  }
  .blog-infobar__time:after {
    content: unset;
  }
}
/* Blog posts -END- */


/* Footer -START- */
.footer__section--top {
  padding-top: 2.67rem;
  padding-bottom: 0;
  .footer_logos  {
    padding-bottom: 2.67rem;
    border-bottom: 1px solid #e3e6ec;
  }
}

.footer__section--main {
  padding: 3.67rem 0;
}

.footer__section--bottom {
  padding-top: 0;
  padding-bottom: 2.67rem;
  .footer__legal {
    padding-top: 2.67rem;
  }
}

.footer-locations {
  display: flex; 
  justify-content: space-between;
}
/* Footer -END- */

.icon--small .icon__glyph {
  height: auto;
}

.green-cta-content-card .content-card__btn {
  background: linear-gradient(111.02deg, #34d361, #28ab62);
  color: #ffffff;
  border: 0px;
}

.nav__mega-col a {
  position: relative;
  text-decoration: none;
  color: black;
}

.nav__mega-col a::before {
  background: linear-gradient(111.02deg, #34d361, #28ab62);
  border-radius: 4px;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: scaleX(0.2) translateY(2px) translateZ(0);
  transition: all 0.3s ease-out;
}

.nav__mega-col a:hover::before {
  opacity: 1;
  transform: scaleX(1) translateY(0) translateZ(0);
}

.pillar-body .pillar-nav {
  position: sticky;
}