/*  
---------------------------------------------------
Spacing variables

Variables for spacings. Please, do not change these or cute dolphins will die!!!
If you must change these, please inform the team, check all components and pray
rigorously to all 3000 gods.
---------------------------------------------------  
*/

/* mobile-portrait */
@media (min-width: 0) and (max-width: 575px) {
  :root {
    --spacing-s: var(--pc-spacing);
    --spacing-m: calc(var(--pc-spacing) * 2);
    --spacing-l: calc(var(--pc-spacing) * 3);
    --spacing-xl: calc(var(--pc-spacing) * 4);
    --spacing-2xl: calc(var(--pc-spacing) * 6);
    --spacing-3xl: calc(var(--pc-spacing) * 8);
    --spacing-5xl: calc(var(--pc-spacing) * 12);
  }
  /* MOBILE — TOP SPACING */
  .spacing-m-mobile-top {
    padding-top: var(--spacing-m) !important;
  }

  .spacing-l-mobile-top {
    padding-top: var(--spacing-l) !important;
  }

  .spacing-xl-mobile-top {
    padding-top: var(--spacing-xl) !important;
  }

  .spacing-2xl-mobile-top {
    padding-top: var(--spacing-2xl) !important;
  }

  .spacing-3xl-mobile-top {
    padding-top: var(--spacing-3xl) !important;
  }

  .spacing-5xl-mobile-top {
    padding-top: var(--spacing-5xl) !important;
  }

  /* MOBILE — BOTTOM SPACING */
  .spacing-m-mobile-bottom {
    padding-bottom: var(--spacing-m) !important;
  }

  .spacing-l-mobile-bottom {
    padding-bottom: var(--spacing-l) !important;
  }

  .spacing-xl-mobile-bottom {
    padding-bottom: var(--spacing-xl) !important;
  }

  .spacing-2xl-mobile-bottom {
    padding-bottom: var(--spacing-2xl) !important;
  }

  .spacing-3xl-mobile-bottom {
    padding-bottom: var(--spacing-3xl) !important;
  }

  .spacing-5xl-mobile-bottom {
    padding-bottom: var(--spacing-5xl) !important;
  }
}
/* mobile-landscape */
@media (min-width: 576px) {
  :root {
    --spacing-s: var(--pc-spacing_sm);
    --spacing-m: calc(var(--pc-spacing_sm) * 2);
    --spacing-l: calc(var(--pc-spacing_sm) * 3);
    --spacing-xl: calc(var(--pc-spacing_sm) * 4);
    --spacing-2xl: calc(var(--pc-spacing_sm) * 6);
    --spacing-3xl: calc(var(--pc-spacing_sm) * 8);
    --spacing-5xl: calc(var(--pc-spacing_sm) * 12);
  }
  /* MOBILE — TOP SPACING */
  .spacing-m-mobile-top {
    padding-top: var(--spacing-m) !important;
  }

  .spacing-l-mobile-top {
    padding-top: var(--spacing-l) !important;
  }

  .spacing-xl-mobile-top {
    padding-top: var(--spacing-xl) !important;
  }

  .spacing-2xl-mobile-top {
    padding-top: var(--spacing-2xl) !important;
  }

  .spacing-3xl-mobile-top {
    padding-top: var(--spacing-3xl) !important;
  }

  .spacing-5xl-mobile-top {
    padding-top: var(--spacing-5xl) !important;
  }

  /* MOBILE — BOTTOM SPACING */
  .spacing-m-mobile-bottom {
    padding-bottom: var(--spacing-m) !important;
  }

  .spacing-l-mobile-bottom {
    padding-bottom: var(--spacing-l) !important;
  }

  .spacing-xl-mobile-bottom {
    padding-bottom: var(--spacing-xl) !important;
  }

  .spacing-2xl-mobile-bottom {
    padding-bottom: var(--spacing-2xl) !important;
  }

  .spacing-3xl-mobile-bottom {
    padding-bottom: var(--spacing-3xl) !important;
  }

  .spacing-5xl-mobile-bottom {
    padding-bottom: var(--spacing-5xl) !important;
  }
}
/* tablet */
@media (min-width: 768px) {
  :root {
    --spacing-s: var(--pc-spacing_md);
    --spacing-m: calc(var(--pc-spacing_md) * 1.5);
    --spacing-l: calc(var(--pc-spacing_md) * 2);
    --spacing-xl: calc(var(--pc-spacing_md) * 3);
    --spacing-2xl: calc(var(--pc-spacing_md) * 4);
    --spacing-3xl: calc(var(--pc-spacing_md) * 6);
    --spacing-5xl: calc(var(--pc-spacing_md) * 12);
  }
  /* TOP SPACING */
  .spacing-m-table-top {
    padding-top: var(--spacing-m) !important;
  }

  .spacing-l-tablet-top {
    padding-top: var(--spacing-l) !important;
  }

  .spacing-xl-tablet-top {
    padding-top: var(--spacing-xl) !important;
  }

  .spacing-2xl-tablet-top {
    padding-top: var(--spacing-2xl) !important;
  }

  .spacing-3xl-tablet-top {
    padding-top: var(--spacing-3xl) !important;
  }

  .spacing-5xl-tablet-top {
    padding-top: var(--spacing-5xl) !important;
  }

  /* BOTTOM SPACING */
  .spacing-m-tablet-bottom {
    padding-bottom: var(--spacing-m) !important;
  }

  .spacing-l-tablet-bottom {
    padding-bottom: var(--spacing-l) !important;
  }

  .spacing-xl-tablet-bottom {
    padding-bottom: var(--spacing-xl) !important;
  }

  .spacing-2xl-tablet-bottom {
    padding-bottom: var(--spacing-2xl) !important;
  }

  .spacing-3xl-tablet-bottom {
    padding-bottom: var(--spacing-3xl) !important;
  }

  .spacing-5xl-tablet-bottom {
    padding-bottom: var(--spacing-5xl) !important;
  }
}
/* laptop */
@media (min-width: 992px) {
  :root {
    --spacing-s: var(--pc-spacing_lg);
    --spacing-m: calc(var(--pc-spacing_lg) * 1.5);
    --spacing-l: calc(var(--pc-spacing_lg) * 2);
    --spacing-xl: calc(var(--pc-spacing_lg) * 3);
    --spacing-2xl: calc(var(--pc-spacing_lg) * 4);
    --spacing-3xl: calc(var(--pc-spacing_lg) * 6);
    --spacing-5xl: calc(var(--pc-spacing_lg) * 12);
  }
  /* TOP SPACING */
  .spacing-m-laptop-top {
    padding-top: var(--spacing-m) !important;
  }

  .spacing-l-laptop-top {
    padding-top: var(--spacing-l) !important;
  }

  .spacing-xl-laptop-top {
    padding-top: var(--spacing-xl) !important;
  }

  .spacing-2xl-laptop-top {
    padding-top: var(--spacing-2xl) !important;
  }

  .spacing-3xl-laptop-top {
    padding-top: var(--spacing-3xl) !important;
  }

  .spacing-5xl-laptop-top {
    padding-top: var(--spacing-5xl) !important;
  }

  /* BOTTOM SPACING */
  .spacing-m-laptop-bottom {
    padding-bottom: var(--spacing-m) !important;
  }

  .spacing-l-laptop-bottom {
    padding-bottom: var(--spacing-l) !important;
  }

  .spacing-xl-laptop-bottom {
    padding-bottom: var(--spacing-xl) !important;
  }

  .spacing-2xl-laptop-bottom {
    padding-bottom: var(--spacing-2xl) !important;
  }

  .spacing-3xl-laptop-bottom {
    padding-bottom: var(--spacing-3xl) !important;
  }

  .spacing-5xl-laptop-bottom {
    padding-bottom: var(--spacing-5xl) !important;
  }
}

/* desktop */
@media (min-width: 1200px) {
  :root {
    --spacing-s: var(--pc-spacing_xl);
    --spacing-m: calc(var(--pc-spacing_xl) * 1.5);
    --spacing-l: calc(var(--pc-spacing_xl) * 2);
    --spacing-xl: calc(var(--pc-spacing_xl) * 3);
    --spacing-2xl: calc(var(--pc-spacing_xl) * 4);
    --spacing-3xl: calc(var(--pc-spacing_xl) * 6);
    --spacing-5xl: calc(var(--pc-spacing_xl) * 12);
  }
  /* TOP SPACING */
  .spacing-m-desktop-top {
    padding-top: var(--spacing-m) !important;
  }

  .spacing-l-desktop-top {
    padding-top: var(--spacing-l) !important;
  }

  .spacing-xl-desktop-top {
    padding-top: var(--spacing-xl) !important;
  }

  .spacing-2xl-desktop-top { 
    padding-top: var(--spacing-2xl) !important;
  }

  .spacing-3xl-desktop-top {
    padding-top: var(--spacing-3xl) !important;
  }

  .spacing-5xl-desktop-top {
    padding-top: var(--spacing-5xl) !important;
  }

  /* BOTTOM SPACING */
  .spacing-m-desktop-bottom {
    padding-bottom: var(--spacing-m) !important;
  }

  .spacing-l-desktop-bottom {
    padding-bottom: var(--spacing-l) !important;
  }

  .spacing-xl-desktop-bottom {
    padding-bottom: var(--spacing-xl) !important;
  }

  .spacing-2xl-desktop-bottom {
    padding-bottom: var(--spacing-2xl) !important;
  }

  .spacing-3xl-desktop-bottom {
    padding-bottom: var(--spacing-3xl) !important;
  }

  .spacing-5xl-desktop-bottom {
    padding-bottom: var(--spacing-5xl) !important;
  }
}

/**************************** UMBRACO ADJUSTABLE SPACING FOR CARDS ****************************/
/* CUSTOM LAYOUT */
.items-2 { --items-count: 2; }
.items-3 { --items-count: 3; }
.items-4 { --items-count: 4; }
.items-5 { --items-count: 5; }
.items-6 { --items-count: 6; }
.items-7 { --items-count: 7; }
.component-main:not(.listing_no-spacing):not(:has(.slick-track)):has(.usn_pod_fundcard),
.component-main:not(.listing_no-spacing):not(:has(.slick-track)):has(.usn_pod_textimage):not(:has(.svg-card)),
.component-main:not(.listing_no-spacing):not(:has(.slick-track)):has(.usn_pod_testemonialcard) {
  gap: var(--spacing-xl) !important;
  --bs-gutter-y: 0;
  --bs-gutter-x: 0;
}
.component-main:not(.listing_no-spacing):not(:has(.slick-track)):has(.usn_pod_employeecard) {
  column-gap: var(--spacing-3xl) !important;
  row-gap: var(--spacing-xl) !important;
}
@media (min-width: 576px) {
  
  .component-main:not(.listing_no-spacing):not(:has(.slick-track)) > .usn_pod_fundcard:not(.items-1),
  .component-main:not(.listing_no-spacing):not(:has(.slick-track)) > .usn_pod_textimage:not(.items-1),
  .component-main:not(.listing_no-spacing):not(:has(.slick-track)) > .usn_pod_employeecard:not(.items-1),
  .component-main:not(.listing_no-spacing):not(:has(.slick-track)) > .usn_pod_testemonialcard:not(.items-1) {
    flex: 0 0 calc((100% - ((var(--items-count) - 1) * var(--spacing-2xl))) / var(--items-count)) !important;
  } 
  .component-main:not(.listing_no-spacing):not(:has(.slick-track)) > .usn_pod_employeecard:not(.items-1) {
    flex: 0 0 calc((100% - ((var(--items-count) - 1) * var(--spacing-3xl))) / var(--items-count)) !important;
  } 
}
@media (min-width: 993px) {
  .component-main:not(.listing_no-spacing):not(:has(.slick-track)) > .usn_pod_fundcard:not(.items-1),
  .component-main:not(.listing_no-spacing):not(:has(.slick-track)) > .usn_pod_textimage:not(.items-1),
  .component-main:not(.listing_no-spacing):not(:has(.slick-track)) > .usn_pod_testemonialcard:not(.items-1) {
    flex: 0 0 calc((100% - ((var(--items-count) - 1) * var(--spacing-xl))) / var(--items-count)) !important;
  } 
  .component-main:not(.listing_no-spacing):not(:has(.slick-track)) > .usn_pod_employeecard:not(.items-1) {
    flex: 0 0 calc((100% - ((var(--items-count) - 1) * var(--spacing-3xl))) / var(--items-count)) !important;
  } 
}

.component-main:not(.listing_no-spacing):not(:has(.slick-track)) > .usn_pod_textimage:only-child {
  flex: 0 0 100% !important;
}

/* CAROUSEL */
.component-main .slick-list .slick-track > .usn_pod_fundcard,
.component-main .slick-list .slick-track > .usn_pod_testemonialcard,
.component-main .slick-list .slick-track > .usn_pod_textimage {
  margin-right: var(--spacing-2xl) !important;
} 
@media (min-width: 993px) {
  .component-main .slick-list .slick-track > .usn_pod_fundcard,
  .component-main .slick-list .slick-track > .usn_pod_testemonialcard,
  .component-main .slick-list .slick-track > .usn_pod_textimage {
    margin-right: var(--spacing-xl) !important;
  } 
}
.component-main .slick-list .slick-track > .usn_pod_fundcard:last-of-type,
.component-main .slick-list .slick-track > .usn_pod_testemonialcard:last-of-type,
.component-main .slick-list .slick-track > .usn_pod_textimage:last-of-type {
  margin-right: var(--spacing-xl) !important;
}

.component-main.listing_no-spacing .slick-list .slick-track > .usn_pod_fundcard,
.component-main.listing_no-spacing .slick-list .slick-track > .usn_pod_testemonialcard,
.component-main.listing_no-spacing .slick-list .slick-track > .usn_pod_textimage {
  margin: 0 !important;
}