/**
 * Theme Name:       5k4eva
 * Theme URI:        https://bizbudding.com/mai-theme/
 * Description:      5k theme for the Genesis Framework.
 * Author:           Bizbudding / 5kwebsite
 * Author URI:       https://5kwebsite.com
 * Version:          2.1.1
 * Text Domain:      mai-slate
 * Template:         genesis
 * Template Version: 3.3.5
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-VariableFont_wght.woff2') format('woff2');
  font-stretch: 50% 100%;
  font-style: normal;
  font-feature-settings: 'ss04' 1;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Italic-VariableFont_wght.woff2') format('woff2');
  font-weight: 50 1000;
  font-stretch: 50% 100%;
  font-style: italic;
  font-feature-settings: 'ss04' 1;
}

@font-face {
	font-family: "Roboto Condensed";
	src: url("assets/fonts/RobotoCondensed-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
	font-style: normal;
	font-feature-settings: "onum" 1;
}


:root {

  /* type */
  --heading-font-family: 'Poppins', sans-serif !important;
  --heading-font-weight: 600;
  --heading-line-height: var(--line-height-xs);
  --archive-title-font-weight: 700;


  --body-font-family: 'Poppins', sans-serif !important;
  --body-font-weight: 400;
  --strong-font-weight: 600;
  --paragraph-margin-bottom: 1lh;
  --body-line-height: 1.55;

  --border-radius: 0;

  /* buttons */
  --button-font-size: var(--font-size-sm);
  --button-font-family: var(--heading-font-family);
  --button-font-weight: 600;
  --button-border-radius: 0;
  --button-letter-spacing: .05px;
  --button-text-transform: none;
  --button-color: var(--color-white);
  --button-color-hover: var(--color-white);
  --button-background: var(--color-primary);
  --button-background-hover: var(--color-primary-600);
  --button-max-height: calc(100% - (var(--button-outline-width, 2px) * 2));
  --button-neutral-color: var(--color-white);
  --button-neutral-color-hover: var(--color-white);
  --button-neutral-background: var(--color-neutral-700);
  --button-neutral-background-hover: var(--color-body);


  /* menu */
  --menu-font-weight: 600 !important;

  /* header */
  --site-header-box-shadow: none;
  --site-header-border-bottom: none;
  --color-border: rgba(0, 0, 0, 0.1);

  /* primary */
  --color-primary-50: #f9fcfe;
  --color-primary-100: #ecf5fd;
  --color-primary-200: hsl(208, 84%, 90%);
  --color-primary-300: rgb(171, 212, 247);
  --color-primary-400: #83c0f5;
  --color-primary-500: #4896d5;
  --color-primary: #3f89c6;
  --color-primary-700: #316e9f;
  --color-heading: #214d72;
  --color-primary-900: #123048;
  --color-primary-950: #051522;


  /* neutral */
  --color-neutral-50: #fbfbfb;
  --color-alt: #f3f3f3;
  --color-neutral-200: #e4e4e4;
  --color-border: #cfcfcf;
  --color-neutral-400: #bababa;
  --color-neutral-500: #a6a6a6;
  --color-neutral-600: #838383;
  --color-neutral-700: #6a6a6a;
  --color-body: #4b4b4b;
  --color-neutral-900: #2e2e2e;
  --color-link: rgb(20, 20, 20);
  --link-color: #141414;

  /* secondary */
  --color-secondary-50: #fffaeb;
  --color-secondary-100: #fff0c4;
  --color-secondary-200: #ffe59d;
  --color-secondary-300: #ffdd76;
  --color-secondary-400: #ffd14e;
  --color-secondary: #ffc627;
  --color-secondary-600: #ffbc00;

  /* Shadows */
  --color-shadow: rgba(10, 20, 30, 0.2);

}

/* -------------------------------------------------------------------------- */
/*                                  defaults                                  */
/* -------------------------------------------------------------------------- */

html {
  word-break: break-word;
  color-scheme: light dark;
  hanging-punctuation: first allow-end last;
}

pre {
  white-space: pre-wrap;
}

body {
  line-height: 1.55;
  letter-spacing: 0.3px;
  li::selection,
  p::selection,
  .mai-accordion-title::selection {
    color: var(--color-white);
    background-color: var(--color-primary);
  }
}

.site-header {
  border-top: 4px solid var(--color-primary-400);
}

strong {
  letter-spacing: .2px;
}

/* ---------------------------------- type ---------------------------------- */

/* headings */
h1,
h2,
h3,
h4,
h5,
.is-style-subheading {
  font-family: var(--heading-font-family);
  color: var(--color-heading);
  font-weight: 600;
  line-height: var(--line-height-xs);
  margin-block-start: 0;
  text-transform: none;
  letter-spacing: .6px;
  font-kerning: auto;
}

.wp-block-cover.is-position-top-left {
  .wp-block-cover__inner-container {
    margin-top: calc(var(--spacing-xxl) * -1) !important;
    margin-left: var(--spacing-xxl) !important;
  }
  p {
    background-color: var(--color-primary);
    padding: var(--spacing-lg);
    box-shadow: var(--shadow);
    display: none;
  }
}

.home {
  h2 {
    font-size: var(--font-size-xxxl);
    line-height: 1.1;
  }
}

h2.pretty {
  max-width: 24ch;
}

h1,
h2 {
  line-height: 1.1 !important;
  letter-spacing: -2%;
}

.mai-columns.borders h3 {
  font-weight: 500;
  font-size: var(--font-size-lg);
}

.mai-columns.about {
  font-size: var(--font-size-base);
}

h5 {
    font-weight: 600 !important;
  }


p.push {
  background-color: var(--color-primary-500);
  padding: var(--spacing-md) var(--spacing-lg);
  color: var(--color-primary-50);
}


.pretty {
  width: 100%;
  max-width: 75%;
}

.has-boxed {
  .entry.entry-grid {
    border: none;
    /* box-shadow: var(--shadow); */
  }
}

.mai-columns.small{
.big-league {
  z-index: 2;
}

}
/* h3 {
  font-weight: 600;
} */

/* special cases */

.faq h2 {
  hyphens: auto;
  word-break: break-word;
}


h1.is-style-alt,
h2.is-style-alt,
h3.is-style-alt,
h4.is-style-alt,
h5.is-style-alt {
  letter-spacing: -2%;
  line-height: var(--line-height-xs);
  font-weight: 500;
}

.note {
  margin-top: var(--spacing-xl);
  padding: var(--spacing-lg);
  background-color: var(--color-primary-100);
  border: 1px solid var(--color-primary-500);
  border-radius: .375rem;
  border-radius: 0;
}

/* .wp-container-core-group-is-layout-baef362d {
  grid-template-columns: 2fr 1fr !important;
  width: auto;
  column-gap: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
} */


/* -------------------------------------------------------------------------- */
/*                                   layout                                   */
/* -------------------------------------------------------------------------- */



/* push and pull elements in entry-content */

.bg-dark {
  background-color: var(--color-primary);
  padding: var(--spacing-xl);
  color: var(--color-primary-50);
  &:not(.slab) {
  font-weight: 500;}
}

.bg-light {
  padding: var(--spacing-xl);
  padding-left: var(--spacing-xxl);
  background-color: var(--color-primary-100);
}

@media only screen and (min-width: 1000px) {

  .alignleft {
    width: calc(var(--breakpoint-md) / 2);
    margin-left: -25%;
    margin-right: 2rem;
  }
  .alignright {
    width: calc(var(--breakpoint-md) / 2);
    margin-right: -25%;
    margin-left: 2rem;
  }
}


.who {
  .wp-block-group__inner-container {
    z-index: 2;
  }

}

/* content layout */
body:not(.blog) .content-sidebar-wrap {
  margin-top: var(--spacing-xxxl) !important;
}

/* home page specific styles */

.home .caption {
  .wp-block-cover__inner-container {
    p {
      display: inline-block;
      margin-top: calc(var(--spacing-xxxl) * -1);
      margin-left: var(--side-spacing);
      background-color: var(--color-primary);
      color: var(--color-white);
      font-family: var(--heading-font-family);
      padding: var(--spacing-xl);
      box-shadow: var(--shadow);
    }
  }
}

/* .mai-columns {
  position: relative;
  &.down {
    margin-bottom: calc(var(--spacing-xxl) * -1);
    margin-left: var(--side-spacing);
    z-index: 10;
  }
} */
.wp-block-group.qa {
  .mai-columns {
    .mai-grid {
      --entry-wrap-background: var(--color-primary-100);
      .entry-wrap-grid {
        padding: var(--spacing-xl);
        background-color: var(--entry-wrap-background) !important;
        h3 {
          font-weight: 600;
          font-size: var(--font-size-xl);
        }
      }
    }
  }
}


/* banners */
.banner-free {
  background:
    url('assets/images/bg-page-grid-md.svg'),
    linear-gradient(180deg, #fefeff, #fcfcff, #fafbff, #f7faff, #f5f8ff, #f2f7ff, #eef6fe, #ebf5fe);
  background-size: cover, cover;
}

.banner {
  h1 {
    line-height: 1.01;
    font-size: var(--font-size-xxxxl);
    font-weight: 600;
    max-width: 24ch;
    margin-inline: auto;
  }
  h2 {
    font-size: var(--font-size-xxxl);
    color: var(--color-white);
    span {
      position:relative;
      left: 10px;
      line-height: 1.6em;
      background:var(--color-primary-500);
      -webkit-box-shadow: -10px 0px 0px var(--color-primary-500), 10px 0px 0px var(--color-primary-500);
      box-shadow: -10px 0px 0px var(--color-primary-500), 10px 0px 0px var(--color-primary-500);
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      }
  }
  @media only screen and (min-width: 1000px) {
    h2 {
      position: relative;
      max-width: 30ch;
      margin-bottom: calc(var(--spacing-xxl) * -1);
      z-index: 10;
      margin-left: var(--spacing-xl);
    }
  }

}


/* Multi-column Layout */
.multi-col {
  .entry-excerpt.entry-excerpt-single {
    /* max-width: var(--breakpoint-md); */
  }
  .mai-column.has-border {
    border: none;
    border-right: var(--border);
    padding-right: var(--spacing-lg);
  }
  .side-col {
    font-size: var(--font-size-base);
  }
}

/* Two Column Layout */
.two-col {
  .wp-block-group__inner-container {
    columns: 2 200px;
    column-gap: 3em;
  }
}

/* -------------------------------- test grid ------------------------------- */

/* .who {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
    h2,
    p {
      grid-column: 4 / 7;
    }
} */


/* --------------------------------- content -------------------------------- */

.entry-content {
  --letter-spacing: 0.5px;
  ul:not(.mai-list),
  ol {
    --list-margin-left: 16px;
    --list-margin-bottom: var(--spacing-xl);
    li {
      line-height: inherit;
      margin-bottom: var(--spacing-sm);
    }
  }
  ul > li {
    list-style-type: square;
  }
}

.entry-excerpt.entry-excerpt-single {
  --entry-excerpt-margin-bottom: var(--spacing-lg);
}

/* pullquotes */
.wp-block-pullquote {
  background-color: #ffffff;
  text-align: left;
  float: left;
  width: 10em;
  margin-left: -5em;
  margin-right: 1em;
  padding: 1em;

  blockquote {
    --blockquote-font-size: var(--font-size-md);
    padding: 0;
    border-left: none;
    line-height: 1.3;
    color: var(--color-black);
  }
}

/* --------------------------- wp-block-media-text -------------------------- */


.wp-block-media-text > .wp-block-media-text__content {
  padding: 12%;
  background-color: var(--color-white);
}

.home {
  .wp-block-media-text__content {
    /* background-color: var(--color-primary-100); */
    /* background-size: cover;
    background-position: center center;
    background-repeat: repeat;
    background: radial-gradient(
      #cacaca .25px,
      var(--color-primary-100) 2px
    );
    background-size: 12px 12px; */
  }
}
    /* @media only screen and (min-width: 1000px) {
      &::before {
      content: '';
      position: absolute;
      height: 100px;
      width: 100px;
      background: radial-gradient(
        var(--color-neutral-500) 1.5px,
        transparent 1.5px
      );
      background-size: 12px 12px;
      bottom: 20px;
      left: -40px;
      z-index: -1;

    }

  } */





.bg-box {
    background-color: var(--color-primary-500);
    color: var(--color-primary-50);
    padding: var(--spacing-lg);
  }

/* -------------------------------------------------------------------------- */
/*                                 backgrounds                                */
/* -------------------------------------------------------------------------- */

.stripes-a {
  background-image: linear-gradient(45deg, transparent 0%, transparent 2%,rgba(116,116,116, 0.058823529411764705) 2%, rgba(116,116,116, 0.058823529411764705) 36%,transparent 36%, transparent 100%),linear-gradient(0deg, transparent 0%, transparent 48%,rgba(116,116,116, 0.058823529411764705) 48%, rgba(116,116,116, 0.058823529411764705) 64%,transparent 64%, transparent 100%),linear-gradient(90deg, transparent 0%, transparent 70%,rgba(116,116,116, 0.058823529411764705) 70%, rgba(116,116,116, 0.058823529411764705) 73%,transparent 73%, transparent 100%),linear-gradient(90deg, transparent 0%, transparent 17%,rgba(116,116,116, 0.058823529411764705) 17%, rgba(116,116,116, 0.058823529411764705) 54%,transparent 54%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}

.wp-block-group.alignfull.pattern {
  background-image: repeating-linear-gradient(284deg, transparent 0px, transparent 1px,rgb(251,251,251) 1px, rgb(251,251,251) 3px),repeating-linear-gradient(14deg, transparent 0px, transparent 1px,rgb(251,251,251) 1px, rgb(251,251,251) 3px),linear-gradient(90deg, rgb(222,222,222),rgb(222,222,222));
  .wp-block-media-text__content {
    /* background-color: var(--color-heading);
    color: var(--color-white);
    box-shadow: var(--shadow); */
  }
}


.stripes {
  background-image: linear-gradient(90deg, transparent 0%, transparent 8%,rgba(90, 90, 90,0.05) 8%, rgba(90, 90, 90,0.05) 21%,transparent 21%, transparent 100%),linear-gradient(45deg, transparent 0%, transparent 23%,rgba(90, 90, 90,0.05) 23%, rgba(90, 90, 90,0.05) 37%,transparent 37%, transparent 100%),linear-gradient(0deg, transparent 0%, transparent 37%,rgba(90, 90, 90,0.05) 37%, rgba(90, 90, 90,0.05) 49%,transparent 49%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}
.more-dots {
  background-image: radial-gradient(circle 5px at top left, rgba(226, 226, 226,0.1) 0%, rgba(226, 226, 226,0.1) 50%,rgba(201, 201, 201,0.1) 50%, rgba(201, 201, 201,0.1) 30%,transparent 30%, transparent 50%),linear-gradient(90deg, rgb(51,51,51),rgb(51,51,51)); background-size: 11px 11px;
}

.polka-dots {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: repeat;
  background: radial-gradient(
    rgb(0 0 0/.15) .5px,
    rgb(236, 245, 253) 2px
  );
  background-size: 12px 12px;
}



.bg {
  background-image: linear-gradient(74deg, rgba(236, 236, 236,0.02) 0%, rgba(236, 236, 236,0.02) 13%,transparent 13%, transparent 64%,rgba(55, 55, 55,0.02) 64%, rgba(55, 55, 55,0.02) 71%,rgba(239, 239, 239,0.02) 71%, rgba(239, 239, 239,0.02) 100%),linear-gradient(170deg, rgba(8, 8, 8,0.02) 0%, rgba(8, 8, 8,0.02) 1%,transparent 1%, transparent 60%,rgba(9, 9, 9,0.02) 60%, rgba(9, 9, 9,0.02) 80%,rgba(198, 198, 198,0.02) 80%, rgba(198, 198, 198,0.02) 100%),linear-gradient(118deg, rgba(134, 134, 134,0.02) 0%, rgba(134, 134, 134,0.02) 30%,transparent 30%, transparent 43%,rgba(85, 85, 85,0.02) 43%, rgba(85, 85, 85,0.02) 47%,rgba(103, 103, 103,0.02) 47%, rgba(103, 103, 103,0.02) 100%),linear-gradient(249deg, rgba(178, 178, 178,0.02) 0%, rgba(178, 178, 178,0.02) 8%,transparent 8%, transparent 47%,rgba(161, 161, 161,0.02) 47%, rgba(161, 161, 161,0.02) 61%,rgba(19, 19, 19,0.02) 61%, rgba(19, 19, 19,0.02) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
  background-size: cover;
}


.blog .site-inner {
  /* background-color: rgb(188/184/171/.75);
  background-image: url("assets/images/texture-light.svg");
  background-repeat: repeat;
  background-size: 7.77907px; */
  /* background-image: repeating-linear-gradient(45deg, rgb(255,255,255) 0px, rgb(255,255,255) 10px,transparent 10px, transparent 11px),repeating-linear-gradient(135deg, rgb(255,255,255) 0px, rgb(255,255,255) 10px,transparent 10px, transparent 11px),linear-gradient(90deg, hsl(256,7%,84%),hsl(256,7%,84%)); */
  background-image: repeating-linear-gradient(284deg, transparent 0px, transparent 1px,rgb(255,255,255) 1px, rgb(255,255,255) 3px),repeating-linear-gradient(14deg, transparent 0px, transparent 1px,rgb(255,255,255) 1px, rgb(255,255,255) 3px),linear-gradient(90deg, rgb(222,222,222),rgb(222,222,222));
}

/* HTML: <div class="grid-lines"></div> */
.grid-lines {
  --s: 80px;  /* control the size of the grid */
  --t: 2px;   /* the thickness */

  background:
    conic-gradient(from 90deg at var(--t) var(--t),#0000 25%,#556270 0)
     0 0/var(--s) var(--s);
  /* you probably don't need to set any size in your case */
  width: calc(round(down,100%,var(--s)) + var(--t));
  height: calc(4*var(--s) + var(--t));
}

.pattern-steps {
  --s: 50px; /* control the size*/
  --c1: #5e412f;
  --c2: #ccc68d;

  --c:calc(50%/3),#0000 75%,var(--c1) 0;
  --g:conic-gradient(at 50% var(--c));
  --l:conic-gradient(at var(--c));
  background:
    var(--g),
    var(--g) calc(var(--s)/2) var(--s),
    var(--g) var(--s) calc(2*var(--s)),
    var(--l) calc(2*var(--s)) 0,
    var(--l) 0 var(--s) var(--c2);
  background-size: calc(3*var(--s)) calc(3*var(--s));
}

.blog {
  .entries-archive.has-boxed,
  .entries-grid.has-boxed  {
  article {
    border: none;
    box-shadow: var(--shadow);
  }
}
}



/* ----------------------------- the holy grail ----------------------------- */

.squares {
  background-size: 10px 10px;
    /* background-image: conic-gradient(
      #28487d 90deg,
      #28487d 90deg 180deg,
      #617ca2 180deg 270deg,
      #28487d 270deg
    ); */
    background-image: conic-gradient(transparent 75%, var(--color-primary) 75%) !important;
}

.dwinawan {
  background-image: conic-gradient(transparent 75%, #ffffff 75%), radial-gradient(at center bottom, rgba(131, 193, 245, .2), rgba(255, 255, 255, 0));
  background-size: 10px 10px, cover;
  p {
    font-size: var(--font-size-base);
    line-height: 1.4;
  }
  h2 {
    line-height: var(--line-height-xs);
  }
}

/* -------------------------------------------------------------------------- */
/*                                  utilities                                 */
/* -------------------------------------------------------------------------- */

.base {
  font-size: var(--font-size-base);
}

.shadow {
  box-shadow: var(--shadow);
}

.hide {
  display: none;
}

/* text */
.mark {
  background: linear-gradient(90deg, var(--color-primary-200) 0%, var(--color-primary-200) 100%);
  background-position: 0 70%;
  background-repeat: repeat-x;
  background-size: 100% 40%;
  font-weight: 500;
}

.overline {
  display: flex;
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 800;
  color: var(--color-primary-700);
  margin-bottom: var(--spacing-xxl);

  /* &::after {
    content: '';
    flex-grow: 1;
    height: 2px;
    background: currentColor;
    min-width: 20px;
    margin: auto;
    margin-left: var(--spacing-lg);
  } */
}

@media only screen and (min-width: 1000px) {

  .dot-grid {
    position: relative;
    height: 100px;
    width: 100px;
    background: radial-gradient(
      var(--color-neutral-500) 1.5px,
      transparent 1.5px
    );
    background-size: 12px 12px;
  }


  .dot-grid.left::before {
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: -1;
  }

  .dot-grid.right::before {
    position: absolute;
    top: 0;
    right: 0;
    /* bottom: 0; */
    /* left: 0; */
    z-index: -1;
  }
}





/* -------------------------------------------------------------------------- */
/*                                 navigation                                 */
/* -------------------------------------------------------------------------- */


.nav-header {
  #menu-primary {
    --menu-font-size: var(--font-size-base);
    --menu-font-family: var(--body-font-family);
    --menu-item-link-color: var(--color-black);
    --menu-item-link-color-hover: var(--color-primary-500);
    --menu-item-link-text-decoration: none;
    --menu-item-link-text-decoration-hover: none;
    .sub-menu {
      box-shadow: var(--shadow);
      --sub-menu-background-color: var(--color-heading);
      --sub-menu-border: 1px solid rgba(170, 212, 248, 0.2);
      --sub-menu-border-radius: 0;
      --sub-menu-background: var(--color-heading);
      --sub-menu-link-color: var(--color-primary-200);
      --sub-menu-font-size: 1em;
      --sub-menu-padding: 0;
      --menu-item-link-color-hover: var(--color-white);
      .menu-item-link {
        text-transform: none !important;
        border-bottom: var(--sub-menu-border);
      }
      li:last-child .menu-item-link {
        border-bottom: none;
      }
    }
  }
}

.menu-toggle {
  --menu-item-link-color: var(--color-primary);
  --menu-item-link-color-hover: var(--color-primary-dark);
}

.mobile-menu {
  color: var(--color-white);
  --mobile-menu-background: var(--color-heading);
  --menu-item-link-color: var(--color-white);
  --menu-item-link-color-hover: var(--color-white);
  --menu-item-link-text-decoration: none;
  --menu-item-link-text-decoration-hover: underline;
}

/* ---------------------------------- links --------------------------------- */

.entry-content {
  p,
  li {
    a {
      color: var(--color-black);
      text-decoration: underline;
      text-underline-offset: 2px;
      text-decoration-thickness: 2px;
      text-decoration-skip-ink: auto;
      text-decoration-color: var(--color-primary-500);
      transition: all 0.25s ease-in;
      &:hover{
        color: var(--color-primary-500);
        text-decoration: none;
      }
    }
  }
}

footer {
  font-size: var(--font-size-sm);
  font-weight: 400;
}

.footer-main,
.footer-credits {

  a {
    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--color-primary-500);
    transition: all 0.25s ease-in;
    &:hover,
    &:focus-visible {
      text-decoration: none;
      filter: brightness(1);
    }
  }
}

/* --------------------------------- buttons -------------------------------- */

/* .wp-block-buttons {
  margin-bottom: 1lh;
} */

/* button link */

.wp-block-button__link.button-link {
  font-weight: var(--button-font-weight);
  letter-spacing: normal;
  font-size: var(--font-size-md);
  color: var(--color-link);
  text-decoration: underline;
  text-underline-offset: 2px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--color-primary-500);

  &:hover {
    text-decoration: none;
    color: var(--color-primary);
  }

  &::after {
    display: inline-flex;
    background: currentColor;
    width: 1.25rem;
    height: 1.25rem;
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgNjQwJz48IS0tIUZvbnQgQXdlc29tZSBQcm8gdjcuMS4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9J001OTguOSAzNDIuNkw2MjEuNSAzMjBMNTk4LjkgMjk3LjRMNDQ4LjMgMTQ2LjdMNDAzIDE5MkM0MDkuNiAxOTguNiA0NDEuNiAyMzAuNiA0OTkgMjg4TDMyLjMgMjg4TDMyLjMgMzUyTDQ5OSAzNTJMNDAzIDQ0OEw0NDguMyA0OTMuM0w1OTguOSAzNDIuN3onLz48L3N2Zz4=');
    mask-position: center 0;
    mask-repeat: no-repeat;
    mask-size: contain;
    content: '';
  }
}

.is-style-black .wp-block-button__link {
  background-color: var(--color-black);
  color: var(--color-white);

  &:hover {
    background-color: var(--color-black);
    color: var(--color-white);
  }
}


/* light button */

.is-style-neutral .wp-block-button__link {
  background-color: var(--color-neutral-700);
  color: var(--color-white);
  &:hover {
    background-color: var(--color-body);
    color: var(--color-white);
  }
}

.is-style-light .wp-block-button__link {
  background-color: var(--color-primary-400);
  color: var(--color-heading);

  &:hover {
    background-color: var(--color-primary-300);
    color: var(--color-heading);
  }
}


/* arrow after */

.wp-block-button {
  &.is-style-button-arrow a::after,
  &[class*='button-arrow'] a::after {
    display: inline-flex;
    width: 0.9rem;
    height: 0.9rem;
    background: currentcolor;
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgNjQwJz48IS0tIUZvbnQgQXdlc29tZSBQcm8gdjcuMS4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9J001OTguOSAzNDIuNkw2MjEuNSAzMjBMNTk4LjkgMjk3LjRMNDQ4LjMgMTQ2LjdMNDAzIDE5MkM0MDkuNiAxOTguNiA0NDEuNiAyMzAuNiA0OTkgMjg4TDMyLjMgMjg4TDMyLjMgMzUyTDQ5OSAzNTJMNDAzIDQ0OEw0NDguMyA0OTMuM0w1OTguOSAzNDIuN3onLz48L3N2Zz4=');
    mask-position: center 0;
    mask-repeat: no-repeat;
    mask-size: contain;
    transition: var(--transition);
    content: '';
  }

  &.is-style-button-arrow a:hover::after,
  &[class*='button-arrow'] a:hover::after {
    transform: translateX(4px);
  }
}

.button-outline .wp-block-button__link {
  --button-background: var(--color-white);
  --button-color: var(--color-black);
  --button-background-hover: var(--color-black);
  --button-color-hover: var(--color-white);
}

.long-arrow {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgNjQwJz48IS0tIUZvbnQgQXdlc29tZSBQcm8gdjcuMS4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9J001OTguOSAzNDIuNkw2MjEuNSAzMjBMNTk4LjkgMjk3LjRMNDQ4LjMgMTQ2LjdMNDAzIDE5MkM0MDkuNiAxOTguNiA0NDEuNiAyMzAuNiA0OTkgMjg4TDMyLjMgMjg4TDMyLjMgMzUyTDQ5OSAzNTJMNDAzIDQ0OEw0NDguMyA0OTMuM0w1OTguOSAzNDIuN3onLz48L3N2Zz4=');
}

/* -------------------------------------------------------------------------- */
/*                                   plugins                                  */
/* -------------------------------------------------------------------------- */

/* -------------------------------- Mai List -------------------------------- */

.mai-list-icon::before {
  font-family: var(--heading-font-family);
  font-weight: 600 !important;
}

.mai-list-content {
  ul.wp-block-list {
    margin-bottom: var(--spacing-lg);
  }
}

/* Mai Notice */

.mai-notice {
  --mai-notice-color: var(--color-secondary);
  --mai-notice-padding: var(--spacing-lg) var(--spacing-xl);
  --mai-notice-icon-position: absolute;
  --mai-notice-icon-top: 0;
  --mai-notice-icon-left: 3px;
  --mai-notice-icon-max-width: 40px;
  box-shadow: none;
  position: relative;
  background-color: var(--color-alt);
  overflow: visible;
  border-radius: 0;
  margin: var(--spacing-md) 0 var(--spacing-lg);
  border: none;

  .mai-notice-icon {
    color: var(--mai-notice-color);
    z-index: 1;
    padding: var(--spacing-xs);
    background-color: var(--color-background);
    border-radius: 9999px;
    transform: translate(-50%, -50%);
  }

  &::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--mai-notice-color);
    content: '';
  }
}



/* Mai Accordion */

.mai-accordion {
  --icon-plus: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgNjQwJz48IS0tIUZvbnQgQXdlc29tZSBQcm8gdjcuMS4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9J00zMjAuMyA0NjEuM0w1MDIuOSAyNzguN0w1MjUuNSAyNTYuMUw0ODAuMiAyMTAuOEw0NTcuNiAyMzMuNEwzMjAuMiAzNzAuOEwxODIuOCAyMzMuNEwxNjAuMiAyMTAuOEwxMTQuOSAyNTYuMUwxMzcuNSAyNzguN0wyOTcuNSA0MzguN0wzMjAuMSA0NjEuM3onLz48L3N2Zz4=") !important;
  --icon-minus: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgNjQwJz48IS0tIUZvbnQgQXdlc29tZSBQcm8gdjcuMS4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9J00zMjAuMyAxNzguN0wzNDIuOSAyMDEuM0w1MjUuNSAzODMuOUw0ODAuMiA0MjkuMkw0NTcuNiA0MDYuNkwzMjAuMiAyNjkuMkwxODIuOCA0MDYuNkwxNjAuMiA0MjkuMkwxMTQuOSAzODMuOUwxMzcuNSAzNjEuM0wyOTcuNSAyMDEuM0wzMjAuMSAxNzguN3onLz48L3N2Zz4=") !important;
  --accordion-item-border: none !important;
}

.counter {
  counter-reset: item-counter;
}

.counter > .mai-accordion-item {
    counter-increment: item-counter;
}

.mai-accordion-item {
  position: relative;
  display: list-item;
  list-style-type: none;
  margin-bottom: 0 !important;
  &::before {
    position: absolute;
    /* height: calc(var(--font-size-lg) + var(--spacing-xs) * 2); */
    left: 0.5em;
    top: var(--spacing-xs);
    content: counter(item-counter, decimal-leading-zero);
    font-size: var(--font-size-lg);
    font-family: var(--heading-font-family);
    font-weight: 600;
    color: var(--color-neutral-500);
  }
}

.mai-accordion-summary {
  --accordion-summary-font-family: var(--body-font-family);
  --accordion-summary-padding: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-xxxl);
  border-bottom: var(--border);
  color: var(--color-body);

  &::after {
    position: absolute;
    top: 50%;
    right: 0.5em;
    width: 1.5em !important;
    height: 1.5em !important;
    margin-left: auto;
    background: currentColor;
    transform: translateY(-50%);
    -webkit-mask-image: var(--icon-plus);
    mask-image: var(--icon-plus);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    content: '';
  }
  &:hover,
  &:focus {
    cursor: pointer;
  }
  .mai-accordion-title {
    font-family: var(--heading-font-family);
    font-size: var(--font-size-lg);
    letter-spacing: .3px;
    font-weight: 600;
    line-height: 1.2;
  }
}

.mai-accordion-item[open] > .mai-accordion-content {
  border-bottom: 2px solid var(--color-black);
}


.mai-accordion-content {
  --accordion-content-padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-xxxl);
  ul:last-child,
  ol:last-child {
    margin-bottom: 0;
  }
}

/* mai list */

.pricing {
  .mai-list-content {
    font-size: var(--font-size-base);
    line-height: 1.4;
  }
}

/* Post Grid */

.mai-grid.wrap {
  h3 {
    text-wrap: pretty;
  }
}

/* .entry-wrap {
  --entry-wrap-padding: var(--spacing-xl) !important;
} */

.entry-wrap.entry-wrap-grid h2 {
  font-weight: 600;
  letter-spacing: normal;
}

/* --------------------------------- footer --------------------------------- */

.footer-main {
  border-top: 4px solid var(--color-secondary-400);
}

/* footer a, */
.footer-main a {
  --link-color: var(--color-primary-300);
  --link-color-hover: var(--color-primary-200);
  --link-text-decoration: none;
}

.footer-main {
  .mai-columns:nth-of-type(1){
    padding-bottom: var(--spacing-xxl);
  }
}

.footer-main {
  font-size: var(--font-size-sm);
  color: rgb(255 255 255 / 0.7);

  h2 {
    color: var(--color-primary-300) !important;
    font-weight: 400;
    letter-spacing: .3px;
    line-height: 1.1;
  }
}

.footer-credits {
  .wp-block-group__inner-container{
    border-top: 1px solid rgba(170, 212, 248, 0.2);
  }

  p {
    padding-top: var(--spacing-sm);
    font-size: var(--font-size-xs);
    color: rgb(255 255 255 / 0.7);
  }
}

/* -------------------------------------------------------------------------- */
/*                                    blog                                    */
/* -------------------------------------------------------------------------- */

.entry-meta {
  .span,
  .entry-time {
    display: block !important;
  }
  .entry-time {
    font-style: italic;
    color: var(--color-body);
  }
}

.entry-meta {
  font-family: var(--body-font-family);
  font-weight: 500;
  color: var(--color-heading);
  a {
    color: var(--color-heading);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: auto;
    text-decoration-color: var(--color-primary-500);
    transition: all 0.25s ease-in;
    &:hover,
    &:focus,
    &:active{
      color: var(--color-primary-500);
      text-decoration: none;
    }
  }

}

.blog{
  .content-sidebar-wrap {
    margin-top: calc(var(--spacing-xxl) * 2);
  }

}

.blog {
  .archive-page-content-before {
    h1.archive-title {
      font-size: calc(var(--font-size-xxxxl) * 1.5);
      letter-spacing: -2%;
      line-height: 1;
    }
    p {
      font-size: calc(var(--font-size-lg) - .1vw);
      line-height: 1.5;
      max-width: 70ch;
    }
    h2 {
      max-width: 40ch;
      /* color: var(--color-primary-200); */
    }
    .mai-grid.featured {
      .entry-wrap.entry-wrap-grid {
        background-color: var(--color-primary-900);
        padding: var(--spacing-xl) ;
      }
    }
    .mai-grid.has-boxed {
      .entry.entry-grid {
        border: none;
        box-shadow: var(--shadow);
      }
    }
  }
}

.single-post {

  ul:not(.genesis-skip-link) {
    margin-bottom: var(--spacing-lg);
  }
  h3 {
    font-size: var(--font-size-xl);
  }
}

.blog,
.single-post {
  .entry-terms-category {
    /* color: transparent; */
  }
}

.single-post {
  --entry-image-link-border-radius: 0 !important;
  .wp-block-group {
    &.has-sm-padding-left.has-lg-margin-left {
      /* border-left: var(--border); */
    }
  }

}

.blog {
  .entry-grid {
    .entry-excerpt p {
      font-size: calc(var(--font-size-md) - .1vw);
      line-height: 1.5;
      color: inherit;
    }
  }
  .entry-title-link {
    color: var(--color-heading);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--color-primary-500);
    &:active,
    &:focus,
    &:hover {
      color: var(--color-primary-500);
    }
    /* &::after {
      display: inline-flex;
      background: currentColor;
      width: 1ch;
      height: 1ch;
      mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgNjQwJz48IS0tIUZvbnQgQXdlc29tZSBQcm8gdjcuMS4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9J000ODAuMyAxMjhMNTEyLjMgMTI4TDUxMi4zIDQxNkw0NDguMyA0MTZMNDQ4LjMgMjM3LjNMMTgyLjkgNTAyLjdMMTYwLjMgNTI1LjNMMTE1IDQ4MEwxMzcuNiA0NTcuNEw0MDMgMTkyTDIyNC4zIDE5MkwyMjQuMyAxMjhMNDgwLjMgMTI4eicvPjwvc3ZnPg==");
      mask-position: inline-end;
      mask-repeat: no-repeat;
      mask-size: contain;
      content: '';
    } */
  }
}

.entry-terms-category {
    a {
      /* background-color: var(--color-primary-100);
      border: 1px solid var(--color-primary-300);
      border-radius: 999px !important;
      padding: 2px 8px; */
      font-family: var(--heading-font-family);
      color: var(--color-heading);
      font-size: var(--font-size-xs);
      padding: 2px;
      font-weight: 500;
      text-decoration: none;
      &:hover {
        color: var(--color-primary);
        background-color: var(--color-alt);
        padding: 2px;
      }
    }
}

.entry-terms-post_tag {
  a {
      background-color: var(--color-secondary-100);
      border: 1px solid var(--color-secondary-300);
      border-radius: 999px !important;
      padding: 2px 8px;
      color: var(--color-black);
      font-size: var(--font-size-xs);
      font-weight: 500;
      text-decoration: none;
      &:hover {
        background-color: var(--color-secondary-200);
        color: var(--color-black);
      }
    }
}

.has-boxed {
  article {
    box-shadow: none;
  }

}

/* ---------------------------------- misc ---------------------------------- */

/* cta */

.cta {
  line-height: 1.3;
  p {
    font-size: var(--font-size-md);
  }

}
.blue-line {
    background: linear-gradient(to right, var(--color-primary-100) 0, var(--color-primary-100) 95%, var(--color-white) 95%), var(--color-white) !important;
  }
.tiny-checks{
background-image: repeating-linear-gradient(284deg, transparent 0px, transparent 1px,rgb(251,251,251) 1px, rgb(251,251,251) 3px),repeating-linear-gradient(14deg, transparent 0px, transparent 1px,rgb(251,251,251) 1px, rgb(251,251,251) 3px),linear-gradient(90deg, rgb(222,222,222),rgb(222,222,222));}


/* cols with border-top */

h1.borders,
h2.borders,
h3.borders,
h4.borders {
  --border: var(--border-width) solid var(--color-border);
  --color-border: var(--color-primary-500);
  --border-width: 2px;
  border-bottom: var(--border);
  padding-bottom: var(--spacing-xs);
}

/* hang left ribbon */

.ribbon h4 {
  margin-left: -1.2rem;

  &::before {
    vertical-align: top;
    content: '';
    display: inline-flex;
    width: 1.2rem;
    height: 1rem;
    background: var(--color-primary-500);
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgNjQwJz48IS0tIUZvbnQgQXdlc29tZSBQcm8gdjcuMC4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9J00xMjggNTkyTDEyOCA2NEw1MTIgNjRMNTEyIDU5MkwzMjAgNDgwTDEyOCA1OTJ6Jy8+PC9zdmc+');
    mask-position: left 2px;
    mask-repeat: no-repeat;
    mask-size: contain;
  }
}

/* -------------------------------------------------------------------------- */
/*                                media queries                               */
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 400px) {
  /* Small mobile styles */
}

@media only screen and (min-width: 600px) {
  /* Large mobile / small tablet styles */
}

@media only screen and (min-width: 800px) {
  /* Tablet styles */
}

@media only screen and (min-width: 1000px) {
  /* Desktop styles */
}


.page-id-1456 {
  h1 {
    max-width: 25ch;
    line-height: 1.05;
  }
}

.slab {
	font-family: var(--heading-font-family);
	font-style: normal;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1;
}

/* -------------------------------- slabtext -------------------------------- */

.slabtexted .slabtext {
	display: -moz-inline-box;
	display: inline-block;
	white-space: nowrap;
}
.slabtextinactive .slabtext {
	display: inline;
	white-space: normal;
	font-size: 1em !important;
	letter-spacing: inherit !important;
	word-spacing: inherit !important;
	*letter-spacing: normal !important;
	*word-spacing: normal !important;
}
.slabtextdone .slabtext {
	display: block;
}