@charset "UTF-8";
/*
Theme Name: WorkMax Theme
Template: fsi-theme
Author: Paragram
Author URI: https://paragram.co/
Description: WorkMax Theme is a custom built theme.
Version: 1.0.0
License: Copyright 2024, Foundation Software
*/
.ez-toc-open-icon {
  background-color: var(--brand-green);
}

.wp-block-column {
  padding: 15px;
}

/* general classes */
.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

/* general classes */
.mt-auto {
  margin-top: auto !important;
}

.margin-border {
  margin: 48px !important;
}

@media (max-width: 900px) {
  .margin-border {
    margin: 48px 20px !important;
  }
}
.no-overlay.banner-rich .mask {
  background: transparent;
}

.align-center {
  align-items: center !important;
}

/* MakeItEasy Popup Modal */
/* so modal isn't under sticky header */
body.has-floating-popup div#main {
  position: static;
  z-index: initial;
}

/* sizing the modal on desktop */
.makeiteasy-popup-wrapper {
  padding: 20px;
  width: 100% !important;
}

@media (min-width: 781px) {
  .makeiteasy-popup-wrapper {
    padding: 64px;
    width: 65% !important;
  }
}
/* keeps the close icon inside the modal */
@media (max-width: 48rem) {
  .wp-block-makeiteasy-popup .makeiteasy-popup-wrapper.has-above-close .makeiteasy-popup-close {
    right: 1.1rem !important;
    top: 0.7rem !important;
  }
}
/* end MakeItEasy Popup Modal */
/* custom base block used for many saved patterns - all uses of !important are necessary test */
.cta-block h2,
.cta-block h3 {
  margin: 0 0 16px 0;
}
@media (max-width: 1200px) {
  .cta-block .is-layout-flex {
    flex-direction: column;
  }
  .cta-block h2,
  .cta-block h3,
  .cta-block p {
    text-align: center;
  }
}

.custom-base-block.gradient-bg {
  background: url(/wp-content/themes/child-workmax/img/gradient-pattern-bg.webp) center/cover no-repeat;
  color: white;
}
.custom-base-block.gradient-bg :is(h2, h3, h4, h5, h6) {
  color: white;
}
.custom-base-block .wp-block-buttons {
  margin-top: 40px;
}
.custom-base-block .wp-block-columns + .wp-block-columns {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 40px !important;
}
.custom-base-block .is-layout-flex {
  gap: 40px !important;
  flex-wrap: wrap !important;
  justify-content: center;
}
.custom-base-block .is-layout-flex .custom-base-card {
  text-align: center;
}
.custom-base-block .is-layout-flex .custom-base-card.wp-block-column {
  padding: 40px;
}
.custom-base-block .is-layout-flex .custom-base-card.wp-block-column.img-only {
  padding: 0;
}
.custom-base-block .is-layout-flex .custom-base-card.content-card {
  text-align: left;
  padding: 0;
}
@media (max-width: 1200px) {
  .custom-base-block .is-layout-flex .custom-base-card.content-card {
    text-align: center !important;
  }
}
.custom-base-block .is-layout-flex .custom-base-card.content-card h2,
.custom-base-block .is-layout-flex .custom-base-card.content-card h3 {
  margin: 0 0 16px 0;
}
.custom-base-block .is-layout-flex .custom-base-card.content-card h2:has(+ h3),
.custom-base-block .is-layout-flex .custom-base-card.content-card h2:has(+ h4) {
  margin-bottom: 8px;
}
.custom-base-block .is-layout-flex .custom-base-card ul.wp-block-list.checkmark-list {
  list-style-type: none;
  text-align: left;
}
.custom-base-block .is-layout-flex .custom-base-card ul.wp-block-list.checkmark-list li {
  position: relative;
  padding-left: 8px;
}
.custom-base-block .is-layout-flex .custom-base-card ul.wp-block-list.checkmark-list li::before {
  content: "✓";
  position: absolute;
  left: -20px;
  font-size: 24px;
}
.custom-base-block .is-layout-flex.col-two .custom-base-card {
  flex: 0 0 calc((100% - 40px) / 2);
}
.custom-base-block .is-layout-flex.col-three .custom-base-card {
  flex: 0 0 calc((100% - 80px) / 3);
}
.custom-base-block .is-layout-flex.col-four .custom-base-card {
  flex: 0 0 calc((100% - 120px) / 4);
}

@media (max-width: 1200px) {
  .custom-base-block .is-layout-flex.col-four .custom-base-card,
  .custom-base-block .is-layout-flex.col-three .custom-base-card {
    flex: 0 0 calc((100% - 40px) / 2);
  }
  .custom-base-block .is-layout-flex.col-two.large-break .custom-base-card {
    flex-basis: 100% !important;
  }
}
/* to keep the top padding on the content & media pattern when the .gradient-bg is used */
.wp-block-singular:not(.has-background) + .wp-block-singular.gradient-bg:not(.has-background) > .wp-block-group__inner-container,
.wp-block-singular.gradient-bg:not(.has-background) + .wp-block-singular.cta-block:not(.has-background) > .wp-block-group__inner-container {
  padding-top: 80px !important;
}
@media (max-width: 1800px) {
  .wp-block-singular:not(.has-background) + .wp-block-singular.gradient-bg:not(.has-background) > .wp-block-group__inner-container,
  .wp-block-singular.gradient-bg:not(.has-background) + .wp-block-singular.cta-block:not(.has-background) > .wp-block-group__inner-container {
    padding-top: 100px !important;
  }
}
@media (max-width: 1600px) {
  .wp-block-singular:not(.has-background) + .wp-block-singular.gradient-bg:not(.has-background) > .wp-block-group__inner-container,
  .wp-block-singular.gradient-bg:not(.has-background) + .wp-block-singular.cta-block:not(.has-background) > .wp-block-group__inner-container {
    padding-top: 75px !important;
  }
}
@media (max-width: 1400px) {
  .wp-block-singular:not(.has-background) + .wp-block-singular.gradient-bg:not(.has-background) > .wp-block-group__inner-container,
  .wp-block-singular.gradient-bg:not(.has-background) + .wp-block-singular.cta-block:not(.has-background) > .wp-block-group__inner-container {
    padding-top: 50px !important;
  }
}
@media (max-width: 900px) {
  .wp-block-singular:not(.has-background) + .wp-block-singular.gradient-bg:not(.has-background) > .wp-block-group__inner-container,
  .wp-block-singular.gradient-bg:not(.has-background) + .wp-block-singular.cta-block:not(.has-background) > .wp-block-group__inner-container {
    padding-top: 40px !important;
  }
}
@media (max-width: 500px) {
  .wp-block-singular:not(.has-background) + .wp-block-singular.gradient-bg:not(.has-background) > .wp-block-group__inner-container,
  .wp-block-singular.gradient-bg:not(.has-background) + .wp-block-singular.cta-block:not(.has-background) > .wp-block-group__inner-container {
    padding-top: 30px !important;
  }
}

/* end custom base block */
/* basic stacked section with 920px width */
.width-920 {
  max-width: 100%;
  width: 920px;
  margin: auto;
}

/* end basic stacked section with 920px width */
/* custom testimonial section, currently on home page. class custom-test-single is for only 1 testimonial, used on lp page currently */
.custom-testimonial {
  margin: 168px 20px;
}
.custom-testimonial.custom-test-single > .wp-block-group__inner-container > .wrap {
  padding: 64px 20px !important;
}
.custom-testimonial.custom-test-single > .wp-block-group__inner-container .col-left {
  display: none;
}
.custom-testimonial.custom-test-single > .wp-block-group__inner-container .col-right {
  flex: 1;
}
.custom-testimonial.custom-test-single > .wp-block-group__inner-container .col-right .testimonials-slider {
  padding-bottom: 0;
}
.custom-testimonial.custom-test-single > .wp-block-group__inner-container .col-right .testimonials-slider .item > .item-wrap {
  width: 80% !important;
  margin: auto;
}
.custom-testimonial .col-left {
  justify-content: center;
  padding: 0 !important;
}
.custom-testimonial .col-left .title {
  text-align: center;
  font-size: 40px !important;
}
.custom-testimonial .coc-tr-150 {
  clip-path: unset;
  width: 100% !important;
}
.custom-testimonial.wp-block-singular.testimonial > .wp-block-group__inner-container {
  padding: 0;
}
.custom-testimonial.wp-block-singular.testimonial > .wp-block-group__inner-container > .wrap {
  padding: 64px 20px 160px 20px;
}
@media (min-width: 1501px) {
  .custom-testimonial.wp-block-singular.testimonial > .wp-block-group__inner-container > .wrap {
    padding: 104px 120px 104px 56px;
    gap: 40px;
  }
}
.custom-testimonial.wp-block-singular.testimonial .testimonials-slider button.circle-arrow {
  top: 104%;
  right: 47%;
  background-color: #fff;
  border-radius: 50%;
}
.custom-testimonial.wp-block-singular.testimonial .testimonials-slider .item .comment {
  margin-top: 0;
}
.custom-testimonial.wp-block-singular.testimonial .testimonials-slider .item .author {
  border-top-width: 2px;
}
.custom-testimonial.wp-block-singular.testimonial .testimonials-slider .item .author .title,
.custom-testimonial.wp-block-singular.testimonial .testimonials-slider .item .author .company {
  color: var(--text);
  margin-top: 4px;
}
.custom-testimonial.wp-block-singular.testimonial .testimonials-slider .item > .item-wrap {
  background-color: #fff;
  justify-content: center;
  padding: 40px;
  color: #000;
}
@media (min-width: 901px) {
  .custom-testimonial {
    margin: 168px 48px;
  }
}

@media (min-width: 1501px) {
  .custom-testimonial .col-left,
  .custom-testimonial .col-right {
    width: 50% !important;
  }
  .wp-block-singular.testimonial.custom-testimonial .testimonials-slider button.circle-arrow {
    top: 47%;
    right: -76px;
  }
  .custom-testimonial .col-left .title {
    font-size: 50px !important;
  }
}
/* end custom testimonial design */
@media (max-width: 1200px) {
  .custom-icon-block .is-layout-flex.col-four .custom-icon-card,
  .custom-icon-block .is-layout-flex.col-three .custom-icon-card {
    flex: 0 0 calc((100% - 40px) / 2);
  }
  .busybusy-cont {
    flex-wrap: wrap !important;
  }
  .busybusy-col {
    flex-basis: 45% !important;
  }
}