/* ************************************************************************* */
/* ****************************  Primary Accent (PA)   **************************** */
/* ************************************************************************* */



/* ****************************  PA Shades & Tints   **************************** */

/* PA Shade -- 1 */



/* PA Shade -- 2 */



/* PA Shade -- 3 */



/* PA Shade -- 4 */



/* PA Tint -- 1 */



/* PA Tint -- 2 */



/* PA Tint -- 3 */



/* PA Tint -- 4 */




/* ************************************************************************* */
/* ****************************  Secondary Accent (SA)   **************************** */
/* ************************************************************************* */



/* ****************************  SA Shades & Tints   **************************** */

/* SA Shade -- 1 */


  
/* SA Shade -- 2 */



/* SA Shade -- 3 */



/* SA Shade -- 4 */



/* SA Tint -- 1 */



/* SA Tint -- 2 */



/* SA Tint -- 3 */



/* SA Tint -- 4 */



/* ************************************************************************* */
/* ****************************  Dark Color (DC)   **************************** */
/* ************************************************************************* */



/* ****************************  DC Tints   **************************** */

/* DC Tint -- 1 */



/* DC Tint -- 2 */



/* DC Tint -- 3 */



/* DC Tint -- 4 */



/* ************************************************************************* */
/* ****************************  Light Color (LC)   **************************** */
/* ************************************************************************* */



/* ****************************  LC Shades   **************************** */

/* SA Shade -- 1 */


  
/* SA Shade -- 2 */



/* SA Shade -- 3 */



/* SA Shade -- 4 */



/* ************************************************************************* */
/* ****************************  Success Color   **************************** */
/* ************************************************************************* */



/* ****************************  SC Shades & Tints   **************************** */

/* SC Shade -- 1 */


  
/* SC Shade -- 2 */



/* SC Shade -- 3 */



/* SC Shade -- 4 */



/* SC Tint -- 1 */



/* SC Tint -- 2 */



/* SC Tint -- 3 */



/* SC Tint -- 4 */



/* ************************************************************************* */
/* ****************************  Error Color   **************************** */
/* ************************************************************************* */



/* ****************************  EC Shades & Tints   **************************** */

/* EC Shade -- 1 */


  
/* EC Shade -- 2 */



/* EC Shade -- 3 */



/* EC Shade -- 4 */



/* EC Tint -- 1 */



/* EC Tint -- 2 */



/* EC Tint -- 3 */



/* EC Tint -- 4 */



/* ************************************************************************* */
/* ****************************  Typography   **************************** */
/* ************************************************************************* */












/* ************************************************************************* */
/* ****************************  Layout   **************************** */
/* ************************************************************************* */






/* ************************************************************************* */
/* ****************************  Buttons   **************************** */
/* ************************************************************************* */












/* ************************************************************************* */
/* ****************************  Forms   **************************** */
/* ************************************************************************* */








/* ************************************************************************* */
/* ****************************  Header   **************************** */
/* ************************************************************************* */









  


/* ************************************************************************* */
/* ****************************  CSS Variables   **************************** */
/* ************************************************************************* */

:root {

  /* Primary Accent Hue, Shades, & Tints */

  --primary-accent-l4: rgb(248, 252, 255);
  --primary-accent-l3: rgb(232, 247, 255);
  --primary-accent-l2: rgb(197, 235, 255);
  --primary-accent-l1: rgb(163, 223, 255);
  --primary-accent: #8cd7ff;
  --primary-accent-d1: rgb(126, 193, 229);
  --primary-accent-d2: rgb(114, 176, 209);
  --primary-accent-d3: rgb(100, 154, 183);
  --primary-accent-d4: rgb(84, 129, 153);

  /* Secondary Accent Hue, Shades, & Tints */

  --secondary-accent-l4: rgb(255, 252, 243);
  --secondary-accent-l3: rgb(255, 245, 216);
  --secondary-accent-l2: rgb(255, 232, 158);
  --secondary-accent-l1: rgb(255, 218, 99);
  --secondary-accent: #ffd13d;
  --secondary-accent-d1: rgb(229, 188, 54);
  --secondary-accent-d2: rgb(209, 171, 50);
  --secondary-accent-d3: rgb(183, 150, 43);
  --secondary-accent-d4: rgb(153, 125, 36);

  /* Success Hue, Shades, & Tints */

  --success-l4: rgb(254, 255, 253);
  --success-l3: rgb(253, 255, 250);
  --success-l2: rgb(250, 255, 243);
  --success-l1: rgb(247, 255, 236);
  --success: #F6FFE8;
  --success-d1: rgb(221, 229, 208);
  --success-d2: rgb(201, 209, 190);
  --success-d3: rgb(177, 183, 167);
  --success-d4: rgb(147, 153, 139);

  /* Error Hue, Shades, & Tints */

  --error-l4: rgb(255, 249, 252);
  --error-l3: rgb(255, 237, 248);
  --error-l2: rgb(255, 211, 238);
  --error-l1: rgb(255, 184, 227);
  --error: #FFA7DD;
  --error-d1: rgb(229, 150, 198);
  --error-d2: rgb(209, 136, 181);
  --error-d3: rgb(183, 120, 159);
  --error-d4: rgb(153, 100, 132);

  /* Dark Hue & Tints */

  --dark-l4: rgb(241, 241, 241);
  --dark-l3: rgb(208, 209, 210);
  --dark-l2: rgb(139, 141, 143);
  --dark-l1: rgb(70, 73, 76);
  --dark: #181c20;

  /* Light Hue & Shades */
  --light: #ffffff;
  --light-d1: rgb(229, 229, 229);
  --light-d2: rgb(209, 209, 209);
  --light-d3: rgb(183, 183, 183);
  --light-d4: rgb(153, 153, 153);

  /* Animation */
  --transition: all 0.3s ease-in-out;

  /* Shadow */
  --shadow: 0 0 12px rgb(24 28 32 / 6%), 0 4px 48px rgb(24 28 32 / 3%);

  /* Corners */
  --radius: 0px;
  --half-radius: calc(0px / 2);

  /* Typography */
  --primary-font-family: ABC diatype light;
  --secondary-font-family: ABC diatype light;
  --base-font-size: 18px;
  --body-text-font: ABC diatype light;
  --body-text-size: 0px;
  --heading-color: #181c20;
  --heading-family: ABC diatype light;--heading-style: normal;--heading-weight: 400;
  --link-color: #8cd7ff;
  --link-hover-color: #181c20;

  /* Simple Button Arrow */
  --arrow: "\219D";

  /* Layout */
  --narrow-container: 840px;
  --desktop-container: 1380px;
  --blogpost-container: 650px;

  /* Buttons */
  --btn-radius: 0px;
  
  --btn-color: #8cd7ff;
  --btn-hover-color: rgb(126, 193, 229);
  --btn-active-color: rgb(163, 223, 255);
  --btn-text-color: #FFFFFF;

  --btn-color-secondary: rgb(248, 252, 255);
  --btn-hover-color-secondary: rgb(232, 247, 255);
  --btn-active-color-secondary: rgb(197, 235, 255);
  --btn-text-color-secondary: #8cd7ff;

  --btn-hover-color-simple: rgb(114, 176, 209);

  /* Forms */--field-bg-color: #ffffff;--field-border-color: #F7F6EB;--field-border-radius: 3px;
  --field-border-width: 1px;
  --field-border-style: solid;

  /* Header */
  --header-bg-color: #F6FFE8;
  --header-height: 110px;--header-bottom-border: 1px solid #000000;--nav-item-color: #181c20;
    --nav-item-hover-color: #8cd7ff;--search-icon-color: #000000;--search-icon-size: 10px;}



/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
/*# sourceMappingURL=normalize.min.css.map */
*, *:before, *:after {
  box-sizing: border-box;
}
::selection {
  background-color: var(--primary-accent-l2);
  color: var(--dark);
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  min-height: 100vh;
  margin:  0;
  overflow-x: hidden; /* Prevents horizontal scrolling */
  -webkit-overflow-scrolling: touch;
  padding: 0;
  word-break: break-word;
}

img {
  max-width: 100%;
}

.img img {
  border-radius: var(--radius);
  width: 100%;
}



.container {
  padding: 1rem;
}

@media only screen and (min-width: 768px) {
  .container {
    padding: 1.33rem;
  }
}

@media only screen and (min-width: 1200px) {
  .container {
    margin: 0 auto;
    max-width: var(--desktop-container);
  }

  .container--narrow {
    margin: 0 auto;
    max-width: var(--narrow-container);
  }
}

.b-section {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

@media only screen and (min-width: 768px) {
  .b-section {
    padding-bottom: 4rem;
    padding-top:    4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .b-section {
    padding-bottom: 6.67rem;
    padding-top:    6.67rem;
  }
}



/* CSS variables */

:root {
    --column-gap: 2.13%;
    --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}


    .row-fluid .span1,
    .row-fluid .span2,
    .row-fluid .span3,
    .row-fluid .span4,
    .row-fluid .span5,
    .row-fluid .span6,
    .row-fluid .span7,
    .row-fluid .span8,
    .row-fluid .span9,
    .row-fluid .span10,
    .row-fluid .span11,
    .row-fluid .span12{
    min-height: 1px;
    width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
  .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
  }
  
  .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
  }
  
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1.14rem;
}

.dnd-section > .row-fluid {
  padding-left:  1rem;
  padding-right: 1rem;
}

@media only screen and (min-width: 768px) {
  .dnd-section > .row-fluid {
    padding-left:  1.33rem;
    padding-right: 1.33rem;
  }
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
  max-width: var(--desktop-container);
}

.dnd-section .dnd-column {
  /* padding: 0 1.14rem; */
  padding: 0;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}



/* General Typography Styles */

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

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
           font-smoothing: antialiased;
  color: var(--dark);
  font-family: var(--secondary-font-family);
}

html[lang^='ja'] body,
html[lang^='zh'] body,
html[lang^='ko'] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraph */

p {
  font-family: var(--body-text-font);
  font-size: 0.89rem;
  line-height: 1.5;
  margin: 0 0 1em 0;
}

li {
  font-size: 0.89rem;
}

.g-paragraph {
  opacity: 0.8;
}

strong,
.g-strong {
  font-weight: 700;
}

.textHighlight {
  color: var(--primary-accent);
  font-family: var(--primary-font-family);
  font-style: italic;
}

@media only screen and (min-width: 768px) {
  
  p,
  li {
    
      font-size: var(--body-text-size);
    
  }

  .paragraph--xs,
  .paragraph--xs p {
    font-size: 0.78rem;
  }

  .paragraph--sm,
  .paragraph--sm p {
    font-size: 0.89rem;
  }

  .paragraph--md,
  .paragraph--md p {
    font-size: 1rem;
  }

  .paragraph--l,
  .paragraph--l p {
    font-size: 1.125rem;
  }

  .paragraph--xl,
  .paragraph--xl p {
    font-size: 1.5rem;
  }
}

.no-margin p {
  margin: 0;
}

/* Headings */

h1,
h2 {
  margin: 0 0 0.3em 0;
}

h3,
h4,
h5,
h6 {
  margin: 0 0 0.5em 0;
}

.dnd-section h1,
.dnd-section h2,
.dnd-section h3,
.dnd-section h4,
.dnd-section h5,
.dnd-section h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-family);
  font-weight: var(--heading-weight);
  font-style: var(--heading-style);
  line-height: 1;
}

.inverted h1,
.inverted h2,
.inverted h3,
.inverted h4,
.inverted h5,
.inverted h6 {
  color: var(--light);
}

.g-heading {
  color: var(--heading-color);
  line-height: 1;
}

.g-heading--inverted {
  color: var(--light);
}

.g-heading--primary,
.dnd-section h1 {
  font-size: 2.5rem;
}

.g-heading--secondary,
.dnd-section h2 {
  font-size: 2rem;
}

.g-heading--tertiary,
.dnd-section h3 {
  font-size: 1.5rem;
}

.g-heading--quaternary,
.dnd-section h4 {
  font-size: 1.125rem;
}

.g-heading--quinary,
.dnd-section h5 {
  font-size: 1rem;
  font-weight: 700;
}

.g-heading--senary,
.dnd-section h6 {
  font-size: 0.75rem;
  font-weight: 700;
}

.g-metaLabel {
  display: block;
  font-size: 0.89rem;
  font-weight: 500;
  margin-bottom: 0.89rem;
  line-height: 1;
}

.question {
  font-weight: 700;
  font-style: italic;
  font-family: var(--primary-font-family);
}

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

  .g-heading--primary,
  .dnd-section h1 {
    font-size: 4rem;
  }

  .g-heading--secondary,
  .dnd-section h2 {
    font-size: 2.8rem;
  }

  .g-heading--tertiary,
  .dnd-section h3 {
    font-size: 2rem;
  }

  .g-heading--quaternary,
  .dnd-section h4 {
    font-size: 1.5rem;
  }

  .g-heading--quinary,
  .dnd-section h5 {
    font-size: 1.125rem;
  }

  .g-heading--senary,
  .dnd-section h6 {
    font-size: 1rem;
  }

  .g-metaLabel {
    font-size: 1rem;
  }
}

.no-margin h1,
.no-margin h2,
.no-margin h3,
.no-margin h4,
.no-margin h5,
.no-margin h6,
.no-margin.g-heading--primary,
.no-margin.g-heading--secondary,
.no-margin.g-heading--tertiary,
.no-margin.g-heading--quaternary,
.no-margin.g-heading--quinary,
.no-margin.g-heading--senary {
  margin: 0;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

li:not([class]) {
  line-height: 1.5;
  margin-bottom: 0.6em;
}

/* Links */

a {
  transition: var(--transition);
}

/* :not pseudo selector prevents button-like-visually anchors to have styles of the ordinary link element */
a:not([class]) {
  color: var(--link-color);
  text-decoration: none;
}

a:not([class]):visited {
  color: var(--link-color);
}

a:not([class]):hover {
  color: var(--link-hover-color);
  box-shadow: 0px 2px var(--link-hover-color);
}

a:not([class]):focus {
  outline: 2px solid var(--dark);
}

a:not([class]):active {
  color: var(--link-color);
  box-shadow: 0px 2px var(--link-color);
}

a[href^="tel:"]:link,
a[href^="mailto:"]:link {
  color: inherit;
}

a[href^="tel:"]:visited,
a[href^="mailto:"]:visited {
  color: inherit;
}

a[href^="tel:"]:hover,
a[href^="mailto:"]:hover {
  box-shadow: none;
  color: inherit;
}

/* Blockquotes */

blockquote {
  border-left: 2rem solid var(--primary-accent-l4);
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.4;
  margin: 0 0 0.75em 0;
  padding: 1.5em 2em;
}

/* Horizontal Rules */

hr {
  border: 0 none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--primary-accent-l3);
}

/* Subscripts and Superscripts */

sup,
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  color: var(--dark-l2);
  vertical-align: bottom;
}

/* Highlighted text */

mark {
  background-color: #ff0;
  color: #000;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
/* General Button Styles */

button,
input[type=submit] {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

button,
.button,
input[type=submit],
.hs-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  align-items: center;
  appearance: none;
  border: none;
  border-radius: var(--btn-radius);
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--primary-font-family);
  font-size: 1rem;
  fill: var(--btn-text-color);
  flex-shrink: 0;
  font-weight: 500;
  outline: none;
  padding: 1em 1.4em;
  text-decoration: none;
  transition: var(--transition);
}

button:focus,
.button:focus,
input[type=submit]:focus,
.hs-button:focus {
  outline: 2px solid var(--dark);
}

/* Primary Button */

.button--primary {
  background-color: var(--btn-color);
  color: var(--btn-text-color);
}

.button--primary:visited {
  background-color: var(--btn-color);
  color: var(--btn-text-color);
}

.button--primary:hover {
  background-color: var(--btn-hover-color);
  box-shadow: none;
}

.button--primary:active {
  background-color: var(--btn-active-color);
  box-shadow: none;
}

/* Secondary Button */

.button--secondary {
  background-color: var(--btn-color-secondary);
  color: var(--btn-text-color-secondary);
  fill: var(--btn-text-color-secondary);
}

.button--secondary:visited {
  background-color: var(--btn-color-secondary);
  color: var(--btn-text-color-secondary);
  fill: var(--btn-text-color-secondary);
}

.button--secondary:hover {
  background-color: var(--btn-hover-color-secondary);
  box-shadow: none;
  color: var(--btn-text-color-secondary);
  fill: var(--btn-text-color-secondary);
}

.button--secondary:active {
  background-color: var(--btn-active-color-secondary);
  box-shadow: none;
}

/* Inverted Button */

.button--inverted {
  background-color: var(--light);
  color: var(--btn-color);
}

.button--inverted:visited {
  background-color: var(--light);
  color: var(--btn-color);
}

.button--inverted:hover {
  background-color: var(--btn-color);
  box-shadow: none;
  color: var(--light);
}

.button--inverted:active {
  background-color: var(--btn-active-color);
  box-shadow: none;
  color: var(--btn-color);
}

/* Simple Button */

.button--simple {
  border-radius: 0;
  color: var(--btn-color);
  padding-left: 1.5em;
  padding-right: 0;
  position: relative;
}

.button--simple::before {
  color: inherit !important;
  content: var(--arrow);
  font-size: 1.5em;
  left: 0;
  position: absolute;
}

.button--simple:hover {
  box-shadow: 0px 2px;
  color: var(--btn-hover-color-simple);
}

.button--simple:hover::before {
  color: var(--btn-hover-color-simple);
}

/* Switcher Button */

.button--switcher,
.button--switcher .button {
  color: var(--btn-color);
  font-size: 0.9rem;
  padding: 0;
}

.button--switcher .button::before {
  display: none;
}

/* Button Sizing */

.button--s {
  font-size: 0.75rem;
  padding: 0.84em 1.3em;
}

.button--m {
  font-size: 1rem;
}

.button--l {
  font-size: 1.3rem;
}

/* Button Icons */

.button__icon > * {
  color: inherit;
  display: block;
  fill: inherit;
  height: 1rem;
  margin-right: 0.5em;
}

.button.button--icon-right .button__icon {
  order: 1;
}

.button.button--icon-right .button__icon svg {
  margin-left: 0.8rem;
  margin-right: 0;
}
.hs-form-field {
  margin-bottom: 0.8em;
}

/* Labels */

.hs-form-field > label {
  color: var(--dark);
  display: block;
  font-family: var(--primary-font-family);
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1.2;
  padding-bottom: 0.4em;
  padding-top: 0.4em;
}

/* Help Text - Legends */

.hs-form-field legend {
  color: rgb(70, 73, 76);
  font-size: 0.9rem;
}

/* GDPR Text */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  color: var(--dark);
  opacity: 0.6;
  font-size: 0.8rem;
  margin-bottom: 1.67em;
}

/* Inputs */

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
select,
textarea {
  background-color: var(--field-bg-color);
  border-color: var(--field-border-color);
  border-style: var(--field-border-style);
  border-width: var(--field-border-width);
  border-radius: var(--field-border-radius);
  color: var(--dark);
  font-size: 1rem;
  padding: 0.8em;
  width: 100%;
}

::-webkit-input-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

::-moz-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

:-ms-input-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

:-moz-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

::placeholder {
  color: var(--dark);
  opacity: 0.6;
}

/* Inputs - Datepicker */

.hs-datepicker .is-selected button.pika-button {
  background-color: var(--primary-accent);
}

.hs-datepicker button.pika-button:hover {
  background-color: var(--primary-accent-d1) !important;
}

/* Validation */

.hs-input.invalid.error {
  border-color: var(--error);
}

.hs-error-msg {
  color: var(--error);
}

/* Submit */

form input[type='submit'],
form .hs-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  align-items: center;
  appearance: none;
  border: none;
  border-radius: var(--btn-radius);
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  fill: var(--light);
  flex-shrink: 0;
  font-weight: 500;
  outline: none;
  padding: 1em 1.4em;
  text-decoration: none;
  transition: var(--transition);
}

form input[type='submit'].primary,
form .hs-button.primary {
  background-color: var(--btn-color);
  color: var(--btn-text-color);
}

form input[type='submit'].primary:hover,
form .hs-button.primary:hover {
  background-color: var(--btn-hover-color);
  box-shadow: none;
}

form input[type='submit'].primary:focus,
form .hs-button.primary:focus {
  background-color: var(--primary-accent-d2);
  box-shadow: none;
  outline: 2px solid var(--dark);
}

form input[type='submit'].primary:active,
form .hs-button.primary:active {
  background-color: var(--btn-active-color);
  box-shadow: none;
}

form input[type='submit'].secondary,
form .hs-button.secondary {
  background-color: var(--btn-color-secondary);
  color: var(--btn-text-color-secondary);
  -webkit-appearance: none;
  -moz-appearance: none;
  align-items: center;
  appearance: none;
  border: none;
  border-radius: var(--btn-radius);
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  fill: var(--light);
  flex-shrink: 0;
  font-weight: 500;
  outline: none;
  padding: 1em 1.4em;
  text-decoration: none;
  transition: var(--transition);
}

form .inputs-list {
  list-style: none;
  padding-left: 0;
}

form .hs-form-radio-display input,
form .hs-form-checkbox-display input {
  margin-right: 0.5em;
}
/* Table */

table {
  border-collapse: separate;
  border-radius: 3px;
  border-spacing: 0;
  border: 1px solid var(--primary-accent-l3);
  margin-bottom: 1rem;
  overflow-wrap: break-word;
}

/* Table cells */

th,
td {
  border-bottom: 1px solid var(--primary-accent-l3);
  border-right: 1px solid var(--primary-accent-l3);
  padding: 1em;
  text-align: center;
  vertical-align: top;
}

th:last-of-type,
td:last-of-type {
  border-right: none;
}

tr:first-of-type td {
  color: var(--primary-accent-d1);
  font-weight: 700;
}

tr:last-of-type td {
  border-bottom: none;
}

thead th,
thead td {
  border: 0;
  padding: 1em;
}

/* Table header */

thead th {
  vertical-align: bottom;
}



/* ************************************************************************* */

/* ***********************   Menu and simple menu   ************************ */

/* ************************************************************************* */

/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* ************************************************************************* */

/* *******************************   Logo   ******************************** */

/* ************************************************************************* */

.widget-type-logo img {
  
}

/* ************************************************************************************** */

/* *******************************   Language switcher   ******************************** */

/* ************************************************************************************** */

.lang_switcher_class .globe_class {
  background-image: url(//27148729.fs1.hubspotusercontent-eu1.net/hubfs/27148729/raw_assets/public/@marketplace/Kohorta/Absolut/images/icons/globe-solid.svg);
  background-color: var(--primary-accent);
  background-size: 18px;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}

.lang_switcher_class .lang_list_class li:first-child {
  border: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding-top: 1.6em;
}

.lang_switcher_class .lang_list_class li:last-child {
  border: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding-bottom: 1.6em;
}

.lang_switcher_class .lang_list_class {
  top: 36px;
}
.lang_switcher_class .lang_list_class li {
  background-color: var(--primary-accent-l3);
  border: none;
  font-size: 0.84rem;
  padding: 0.6em;
}

.lang_switcher_class .lang_list_class::after {
  border-bottom-color: var(--primary-accent-l3);
}

.lang_switcher_class .lang_list_class::before {
  border-bottom-color: var(--primary-accent-l3);
}

.lang_switcher_class .lang_list_class li a:hover {
  color: var(--primary-accent);
  text-decoration: underline;
}
/* ----------- Header ----------- */

/* Header container */

.header {
  background-color: var(--header-bg-color);
  border-bottom: var(--header-bottom-border);
  overflow: hidden;
  transition: height 0.7s ease-in-out;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .header {
    height: var(--header-height);
  }
}

.header--fixed {
  left: 0;
  min-height: var(--header-height);
  position: fixed;
  top: 0;
  z-index: 1000;
}

.header--simple {
  left: 50%;
  padding: 0.5rem 1.6rem;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translateX(-50%);
  z-index: 10;
}

.js-launch.header {
  height: 100vh; /* Enables mobile drawer take full height of the screen */
}

@media only screen and (min-width: 768px) {
  .header {
    overflow: initial; /* Disables overflow cut off of the header on desktop */
  }

  .js-launch.header {
    height: auto; /* Disables full screen height mode for header while window resizing without closing mobile menu via menu icon */
  }
}

/* Logo */

.header__logo {
  flex-shrink: 0;
}

/* img, a */
.header__logo img,
.header__logo a {
  display: block;
}

.header__logo a:not([class]):hover {
  box-shadow: none;
  opacity: 0.8;
}

.header__logo a:not([class])::before {
  display: none;
}

/* Navigation */

.header__nav {
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
}

.inner-header{
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .header__nav {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
  }
}

/* Header CTA */

.header__cta {
  margin-bottom: 1rem;
  margin-top:    1rem;
  padding-left: 1rem;
  display: flex;
}

.header__cta .btn-list {
  padding: 0;
}

.header__cta .btn-list__item {
  margin: 0;
}

/* Helpers */

.header__helpers {
  align-items: center;
  display: flex;
  padding-bottom: 1rem;
  padding-left:   1rem;
  padding-top:    1rem;
}

/* Search */

.header__search-btn {
  opacity: 1;
  padding: 0 1em;
  transition: var(--transition);
  vertical-align: middle;
}

.header__search-btn:focus {
  outline: none;
}

.header__search-btn svg {
  fill: var(--search-icon-color);
  width: var(--search-icon-size);
}

.header__search-btn:hover {
  opacity: 0.75;
  transform: scale(0.9);
}

.header__search .hs-search-field {
  height: 1px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  transition: opacity 0.4s ease-in-out;
  width: 1px;
}

.header__search.is-active .hs-search-field {
  background-color: var(--light);
  height: 100vh;
  position: fixed;
  left: 0;
  opacity: 1;
  padding: 1rem;
  top: 0;
  width: 100vw;
}

.header__search .hs-search-field__bar {
  transform: translateY(-10vw);
  transition: transform 0.7s ease-in-out;
}

.header__search.is-active .hs-search-field__bar {
  margin: 30vh auto 0;
  max-width: 600px;
  transform: translateY(0);
}

.header__search .hs-search-field__bar button {
  right: 1rem;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.header__search .hs-search-field__bar button:focus {
  outline: none;
}

.header__search .hs-search-field__bar button span {
  display: block;
}

.header__search .hs-search-field__bar button svg {
  display: block;
  fill: var(--search-icon-color);
  height: 1rem;
  opacity: 1;
  transition: var(--transition);
  width:  1rem;
}

.header__search .hs-search-field__bar button:hover {
  opacity: 0.75;
}

.header__search .header__search-close {
  opacity: 0;
  right: 0;
  position: absolute;
  top:   0;
  transition: var(--transition);
}

.header__search.is-active .header__search-close {
  opacity: 1;
}

.header__search .header__search-close:hover {
  opacity: 0.75;
  transform: scale(0.9);
}

.header__search.is-active .header__search-close:focus {
  outline: none;
}

.header__search-close svg {
  fill: var(--search-icon-color);
  width: var(--search-icon-size);
}

@media screen and (min-width: 768px) {
  .header__cta {
    display: flex;
    flex-shrink: 0;
    margin-bottom: 0;
    margin-top:    0;
    order: 3;
    padding-left: 0;
  }

  .header__helpers {
    order: 2;
    padding-bottom: 0;
    padding-left:   0;
    padding-top:    0;
  }
}
  
/* Mobile drawer */

.header__block {
  background-color: var(--header-bg-color);
  height: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 5.25rem;
  transition: opacity 0.5s ease-in-out;
  width: 100%;
  z-index: 20;
}

.header__block.is-active {
  display: flex;
  flex-direction: column;
  height: calc(100% - 5.25rem);
  left: 0;
  opacity: 1;
  overflow: auto;
  
}

.header__block-toggle {
  align-items: flex-start;
  color: var(--nav-item-color);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 24px;
  justify-content: space-around;
  padding: 3px;
  transform: translateY(-3px) rotate(0deg);
  transition: all .3s ease-in-out;
  width: 24px;
}

.js-header__block-toggle--reverse {
  transform: rotate(90deg);
}

.header__block-toggle-item {
  background-color: var(--nav-item-color);
  height: 1px;
  transition: all .2s ease-in-out;
  transition-delay: .2s;
}

.header__block-toggle-item--s {
  transform: translateY(0) scale(1);
  width: 50%;
}

.header__block-toggle-item--l {
  width: 100%;
  transform: translateY(0) rotate(0deg);
}

.header__block-toggle-item--m {
  transform: translateY(0) rotate(0deg);
  width: 68%;
}

.js-header__block-toggle--reverse .header__block-toggle-item--s {
  transform: translateY(6px) scale(0);
}

.js-header__block-toggle--reverse .header__block-toggle-item--l {
  transform: translateY(0) rotate(45deg);
}

.js-header__block-toggle--reverse .header__block-toggle-item--m {
  transform: translateY(-6px) rotate(-45deg);
  width: 100%;
}

@media screen and (min-width: 768px) {
  .header__block-toggle {
    display: none;
  }

  .header__block {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
    height: initial;
    opacity: 1;
    overflow: initial;
    position: static;
  }

  .header__block.is-active {
    flex-direction: row;
    height: auto;
    justify-content: initial;
    overflow: initial;
    padding: 0;
    position: static;
  }
}
/* ----------- Footer ----------- */

.b-footer {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  /* padding-bottom: 1.17rem; */
}

.b-footer ul {
  padding-left: 0;
}

.b-footer a {
  color: var(--dark);
  opacity: 0.6;
}

.b-footer a:visited {
  color: var(--dark);
  opacity: 0.6;
}

.b-footer a:hover {
  box-shadow: none;
  color: var(--dark);
  opacity: 1;
}

/* .footer__nav--dnd {
  padding-top: 1.67rem;
} */

.footer__nav--dnd ul {
  margin: 0;
}

.footer__nav--dnd li,
.footer__nav li {
  padding-bottom: 0.5rem;
  padding-top:    0.5rem;
}

.footer__nav--dnd h4,
.footer__nav h4 {
  font-weight: 500;
}

.footer__nav h4 {
  margin-bottom: 0.5rem;
}

.footer__nav--dnd h4 {
  font-size: 1rem;
}

.footer__meta {
  font-size: 0.8rem;
}

.footer__meta {
  border-top: 1px solid var(--secondary-light);
}

.footer__meta--simple {
  border: none;
  padding: 1.17rem;
}

.footer__metaNav li,
.footer__metaNav .hs-menu-flow-horizontal .hs-menu-item {
  padding: 0.67em 1.167em 0.67em 0;
}

.footer__metaNav .hs-menu-flow-horizontal ul {
  justify-content: flex-end;
}

.footer__metaNav .hs-menu-flow-horizontal ul {
  justify-content: flex-end;
} 

.footer__copyright {
  align-items: center;
  display: flex;
}

.footer__copyrightLabel span {
  opacity: 0.6 ;
}

.footer__logo {
  margin-right: 0.3rem;
}

.footer__logo a,
.footer__logo a:visited {
  opacity: 1;
}

.footer__navCol {
  margin-bottom: 1em;
  margin-top: 1em;
}

@media only screen and (min-width: 425px) {
  .footer__nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 1.67rem;
    padding-top:    1.67rem;
  }

  .footer__navCol {
    flex-basis: 50%;
  }

  .footer__metaNav ul {
    display: flex;
  }
}

@media only screen and (min-width: 640px) {
  .footer__navCol {
    flex-basis: 30%;
  }
}

@media only screen and (min-width: 960px) {
  .footer__navCol {
    flex-basis: 25%;
  }
}

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

  .footer__metaNav {
    order: 2;
  }

  .footer__metaNav li:last-of-type {
    padding-right: 0;
  }
}


.footer__meta--simple,
.footer__meta--simple .footer__copyright {
  justify-content: center;
}

/* ----------------------------------- */
/* Main nav */

.main-nav-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  list-style: none;
  padding: 0;
  width: 100%;
}

.main-nav__item {
  cursor: pointer;
  display: inline-block;
  flex-grow: 0;
  line-height: 1;
  font-size: 1.5rem;
  padding: 0.8em 0 0.8em 1.5em;
}

.main-nav__item a:link,
.main-nav__item a:visited {
  color: var(--nav-item-color);
  font-style: normal;
  text-decoration: none;
}

.main-nav__item button {
  border-radius: 0;
}

.main-nav__item a:hover,
.main-nav__item button:hover {
  color: var(--nav-item-hover-color);
}

.main-nav__item.menu-drop {
  padding: 0;
  transition: var(--transition);
  position: relative;
}

.main-nav__item.mega-link {
  position: static;
}

.main-nav__item button {
  color: var(--nav-item-color);
  display: flex;
  font-size: 1.5rem;
  padding: 0.8em 0;
  text-align: inherit;
  font-family: var(--secondary-font-family);
  font-weight: 400;
}

.main-nav__item-label {
  order: 2;
}

.main-nav__item-icon {
  display: inline-block;
  margin-right: 0.2em;
  order: 1;
  transform: rotate(-90deg);
  transition: var(--transition);
  width:  1em;
  margin-left: 0.35em;
}

.main-nav__item.is-active > .drop-trigger > .main-nav__item-icon,
.sub-menu__item.is-active > .drop-trigger > .main-nav__item-icon {
  transform: rotate(180deg);
}

.drop-trigger:focus {
  outline: none;
}

/* Mega menu */

.mega-drop {
  left: 0;
  position: static;
  width: 100vw;
  z-index: 9;
}

.mega-drop-container {
  margin: 0 auto;
  max-width: var(--desktop-container);
  padding-top: 0.4rem;
}

.mega-drop-wrapper {
  background-color: var(--primary-accent-l4);
}

.menu-drop-panel {
  cursor: initial;
  height: 0;
  list-style: none;
  overflow: hidden;
  padding-left: 0;
  transition-property: height, visibility;
  transition-timing-function: ease;
  visibility: hidden;
}

.mega-drop__item-title {
  color: var(--dark);
}

.menu-drop.is-active .menu-drop-panel {
  visibility: visible;
}

.mega-drop__item img {
  display: none;
  margin-bottom: 0.8rem;
}

.mega-drop__item p {
  display: none;
  margin: 0;
}

.mega-link > a {
  align-items: center;
  display: flex;
  position: relative;
}

/* Submenus */

.sub-menu__item {
  padding: 0.6em 2.8em;
  white-space: nowrap;
}

.sub-menu__item a:hover {
  box-shadow: 0 2px var(--nav-item-hover-color);
}

.sub-menu__item-sublevel {
  transition: var(--transition);
}

.sub-menu__item-sublevel.is-active {
  background-color: var(--primary-accent-l4);
}

.sub-menu__item-sublevel .sub-menu-drop {
  background-color: transparent;
  box-shadow: none;
  font-size: 0.89rem;
  height: auto;
  margin-top: -0.6em;
  padding-left: 0.8rem;
  padding-right: 0;
  position: static;
}

.sub-menu__item-sublevel button {
  padding-bottom: 0.2em;
  padding-top:    0.2em;
}

.sub-menu__item-sublevel button .main-nav__item-icon {
  margin-left: -0.3em;
}

.sub-menu-drawer {
  padding-left: 0;
}

.sub-menu__item .main-nav__item-label,
.sub-menu__item {
  font-size: 0.89rem;
}

.sub-menu-drawer .sub-menu__item {
  font-size: 0.78rem;
  padding-left: 1.6em;
}

.sub-menu__item-sublevel .sub-menu__item:first-of-type{
  border-top: 1px solid var(--primary-accent-l3);
  margin-top:  1em;
  padding-top: 1em;
}

.sub-menu-drop .sub-menu__item:first-of-type{
  padding-top: 2em;
}

.sub-menu-drop .sub-menu__item:last-of-type{
  padding-bottom: 2em;
}

@media screen and (max-width: 767px) {
  .main-nav__item.is-active .mega-drop {
      display: block;
  }

  .mega-drop__item {
    display: flex;
    font-size: 0.89rem;
    padding: 0.6em 2.8em;
    white-space: nowrap;
  }

  .mega-drop__item .mega-drop__item-title {
    transition: var(--transition);
  }

  .mega-drop__item:hover .mega-drop__item-title {
    box-shadow: 0 2px var(--nav-item-hover-color);
    color: var(--nav-item-hover-color);
  }

  .mega-drop__item:first-of-type {
    padding-top: 2em;
  }

  .mega-drop__item:last-of-type {
    padding-bottom: 2em;
  }

  .sub-menu__item.sub-menu__item-sublevel {
    padding-bottom: 0;
    padding-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .main-nav-list {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
  }
  
  .sub-menu-drop {
    background-color: var(--header-bg-color);
    border-radius: 3px;
    box-shadow: var(--shadow);
    left: -2rem;
    list-style: none;
    padding: 0rem;
    position: absolute;
    top: 3.2rem;
    z-index: 9;
  }

  .main-nav__item:hover .sub-menu-drop {
      display: block;
  }

  .mega-drop {
    position: absolute;
  }

  .mega-drop__item {
    flex-basis: 33%;
    padding: 1.875rem;
  }

  .mega-drop__item:hover {
    background-color: var(--primary-accent-l3);
  }

  .mega-drop__item img {
    display: block;
    flex-shrink: 0;
    margin-right: 1.875rem;
    max-width: 60px;
  }

  .mega-drop__item p {
    display: block;
  }

  .mega-drop__item-title {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.5em;
  }

  .mega-drop__item-text {
    padding-right: 2rem;
  }

  .mega-drop-wrapper {
    padding-bottom: 4rem;
    padding-top:    3rem;
  }

  .mega-link:hover {
    box-shadow: 0 1px var(--light-qua);
  }

  .mega-link.is-active {
    box-shadow: 0 1px var(--light-qua);
  }

  .mega-drop-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left:  1rem;
    padding-right: 1rem;
  }

  .main-nav__item {
    font-size: 0.75rem;
    margin-left:  0.8em;
    margin-right: 0.8em;
    padding: 0.2em 0;
  }

  .main-nav__item button {
    font-size: 0.75rem;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }

  .main-nav__item.menu-drop {
    margin-left:  0.8em;
    margin-right: 0;
  }

  .main-nav__item-icon {
    margin-right: 0;
    margin-left: 0;
    order: 2;
    transform: rotate(0deg);
    width:  1.6em;
  }

  .mega-link.is-active .main-nav__item-icon {
    transform: translateY(-2px) rotate(180deg);
  }

  .mega-drop__item-text h4 {
    flex-shrink: 0;
  }

  .mega-drop__item-text p {
    color: var(--dark-l1);
  }

  .sub-menu__item {
    padding-left:  2em;
    padding-right: 2em;
  }

  .sub-menu-drawer .sub-menu__item {
    padding-left: 1em;
  }

  .sub-menu__item-sublevel button .main-nav__item-icon {
    margin-left: 0.2em;
  }
}

@media only screen and (min-width: 860px) {
  .main-nav__item {
    font-size: 0.89rem;
  }

  .main-nav__item button {
    font-size: 0.89rem;
  }
}
.social-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.social-links__icon {
  border-radius: 50%;
  display: inline-flex;
  height: 1.75rem;
  margin: 0 0.35rem;
  position: relative;
  width: 1.75rem;
}

.social-links__icon svg {
  height: 0.625rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.keypoints {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.keypoint {
  align-items: center;
  display: flex;
  padding-bottom: 0.8rem;
  padding-top:    0.8rem;
}

.keypoint .keypoint__text > p:last-of-type{
  margin-bottom: 0;
}

.keypoint__icon {
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 2.8rem;
  justify-content: center;
  margin-right: 0.8rem;
  padding: 0.5em;
  width:  2.8rem;
}

@media only screen and (min-width: 640px) {
  .keypoints {
    align-items: center;
    display: grid;
    gap: 0.5em;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 900px) {
  .keypoint__icon {
    height: 3.6rem;
    width:  3.6rem;
  }
}
.card__image {
  align-items: center;
  display: flex;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.card__image a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.card__image img {
  display: block;
  object-fit: cover;
}

.card__content {
  margin: 0;
}
.cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2vw;
  justify-items: center;
}

.cards__card {
  display: flex;
  flex-direction: column;
  max-width: 30rem;
  width: 100%;
}
.imageLoopWrapper {
  overflow: hidden;
}

.imageLoopWrapper--animate {
  transform: translate3d(0, 0, 0);
}

.imageLoop {
  display: flex;
  margin-bottom: 0;
  padding-left: 0;
}

@media only screen and (min-width: 1024px) {
  .imageLoop {
    justify-content: center;
  }
}

.imageLoop--centeredOne {
  justify-content: center;
}

@media only screen and (min-width: 1024px) {
  .imageLoop--uncentered {
    justify-content: initial;
  }
}

.imageLoop__item {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  overflow: hidden;
}
.accordion__header {
  border: none;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  text-align: left;
  transition: 0.4s;
  width: 100%;
}

.accordion__header:focus {
  outline: none;
}

.accordion__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.accordion__icon > .expand,
.accordion__icon > .minimize {
  align-items: center;
  display: flex;
  justify-content: center;
}

.accordion__icon > .minimize {
  position: absolute;
}

.accordion__heading {
  margin-bottom: 0;
  width: 95%;
}

.accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  padding-right: 1rem;
}

.accordion__content p {
  color: var(--dark-l1);
  margin-bottom: 1.6em;
}
.anime-title .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}


.anime-title .letter {
  display: inline-block;
  line-height: 1em;
}
.announcement {
  align-items: center;
  background-color: var(--secondary-accent);
  display: flex;
  justify-content: center;
  padding: 0.89rem 0;
  position: relative;
  width: 100%;
}

.announcement a {
  border-bottom: 0.089em dashed;
  text-decoration: none;
}

.announcement a:hover {
  border-bottom: none;
  text-decoration: none;
}

.announcement p:last-of-type {
  margin: 0;
}

.announcement__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  margin-right: 0.4rem;
  width: 1rem;
}

.announcement__icon svg {
  display: block;
  width: 1rem;
}

/* Close icon */

.announcement__close-btn {
  aspect-ratio: 1;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: rotate(45deg) translateY(-70%);
  transition: var(--transition);
  width: 30px;
}

.announcement__close-btn:hover {
  background-color: rgb(34 34 38 / 8%);
  transform: rotate(45deg) translateY(-70%) scale(0.95);
}

.announcement__close-btn::before,
.announcement__close-btn::after {
  background-color: var(--dark);
  content: "";
  position: absolute;
  transition: var(--transition);
}

/* Vertical line */
.announcement__close-btn::before {
  bottom: 6px;
  left: 50%;
  top: 6px;
  transform: translateX(-50%);
  width: 2px;
}

/* Horizontal line */
.announcement__close-btn::after {
  height: 2px;
  left: 6px;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-list {
  display: flex;
  flex-wrap: wrap;
}

.btn-list__item:last-of-type {
  margin-right: 0;
}

.btn-list__item:first-of-type .button {
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  .btn-list {
    justify-content: initial;
  }
}
.collapsedText {
  --lh: 1.4em;
  --max-lines: 3;
}

.collapsedText {
  margin-bottom: 2rem;
}

h5.collapsedText__title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom:0.8em;
}

.collapsedText__paragraph {
  font-size: 0.9rem;
  word-wrap: break-word;
}

.collapsedText__paragraphWrapper {
  margin-bottom: 0.6em;
}

.collapseToggle {
  max-height: calc(var(--lh) * var(--max-lines));
  overflow: hidden;
  padding-right: 1rem; /* space for ellipsis */
  position: relative;
}
.eventCard {
  margin-bottom: 2rem;
}

.eventCard * {
  transition: var(--transition);
}
.eventCard a:hover * {
  opacity: 0.6;
}

.eventCard__img {
  flex-basis: 40%;
  margin: 0;
  overflow: hidden;
}

.eventCard__img img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}

.eventCard__content {
  padding: 0.5rem;
}

.eventCard__label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.eventCard__description {
  margin: 0;
}

.eventCard__time {
  margin-bottom: 0.5rem;
}

.eventCard__date,
.eventCard__duration {
  align-items: center;
  display: flex;
  font-size: 0.8rem;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

.eventCard__date svg,
.eventCard__duration svg {
  margin-right: 0.8em;
}

@media only screen and (min-width: 500px) {
  .eventCard {
    align-items: center;
    display: flex;
  }

  .eventCard__content {
    flex-basis: 60%;
    padding: 0.5rem 2rem;
  }
}

@media only screen and (max-width: 500px) {
  .eventCard__img {
    margin-bottom: 1rem;
  }
}
/* Header */

.kohorta-faqs__subtitle {
  display: block;
}

/* FAQs */

.kohorta-faqs__list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.kohorta-faqs__item-btn {
  align-items: center;
  display: flex;
  padding: 2.4em 0;
  text-align: left;
  width: 100%;
}

.kohorta-faqs__item-btn:focus {
  outline: none;
  border-radius: 0;
}

.kohorta-faqs__item:first-of-type .accordion__item-btn {
  padding-top: 0;
}

.kohorta-faqs__question {
  font-weight: 400;
  margin: 0;
}

.kohorta-faqs__answer {
  line-height: 1.5;
  padding-bottom: 3em;
  padding-left: 3rem;
}

/* Active tab */

.ac .ac-panel {
  overflow: hidden;
  transition-property: height, visibility;
  transition-timing-function: ease;
}

.ac.js-enabled .ac-panel {
  visibility: hidden;
}
.ac.is-active .ac-panel {
  visibility: visible;
}

.is-active .accordion__item-btn {
  padding-bottom: 0;
}

/* Search */

.kohorta-faqs__search {
  align-items: center;
  display: flex;
  max-width: 100%;
  padding: 4px;
}

.kohorta-faqs__search-input {
  flex-grow: 1;
}

.kohorta-faqs__search-input input {
  border: none;
  background: none;
  line-height: 1;
  padding: 0.5em;
  width: 100%;
}

.kohorta-faqs__search-input input:focus {
  outline: none;
}

.kohorta-faqs__search-btn {
  line-height: 1;
  padding: 0.78em 1em;
}

/* Icon */

.kohorta-faqs__item-icon {
  aspect-ratio: 1;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 0.1em;
  margin-right: 1rem;
  position: relative;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
}

.kohorta-faqs__item-icon::before,
.kohorta-faqs__item-icon::after {
  background-color: inherit;
  content: "";
  position: absolute;
}

/* Vertical line */
.kohorta-faqs__item-icon::before {
  bottom:4px;
  left:50%;
  top:4px;
  transform:translateX(-50%);
  width:2px;
}

/* Horizontal line */
.kohorta-faqs__item-icon::after {
  height:2px;
  left:4px;
  right:4px;
  top:50%;
  transform:translateY(-50%);
}

/* Minus */
.is-active .kohorta-faqs__item-icon {
  transform: rotate(90deg);
}

.is-active .kohorta-faqs__item-icon::after {
  left: 50%;
  right: 50%;
}
.feature__text {
  padding-bottom: 1.33rem;
  padding-top:    1.33rem;
}

.feature__label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.feature__img {
  margin: 0;
  padding: 0;
}

.feature__img img {
  object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .feature {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
  }

  .feature:last-of-type {
    margin-bottom: 0;
  }

  .feature__img {
    flex-basis: 40%;
    flex-shrink: 0;
  }

  .feature__text {
    flex-basis: 60%;
    margin-left: 2.67rem;
  }

  .feature--rt .feature__img {
    order: 2;
  }

  .feature--rt .feature__text {
    margin-left: 0;
    margin-right: 2.67rem;
    padding-left: 1.33rem;
  }
}

@media only screen and (min-width: 1024px) {
  .feature {
    margin-bottom: 4.5rem;
  }

  .feature__text {
    padding-right: 3.67rem;
  }

  .feature--rt .feature__text {
    padding-left: 3.67rem;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1400px) {
  .feature {
    margin-bottom: 5.25rem;
  }

  .feature__text {
    margin-left: 3.33rem;
    padding-right: 5.67rem;
  }

  .feature--rt .feature__text {
    margin-right: 3.33rem;
    padding-left: 5.67rem;
    padding-right: 0;
  }
}
.iconSlider{
  height: auto;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  overflow: hidden;
  padding: 1rem;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .iconSlider{
    padding: 2rem;
  }
}

.iconSlider .swiper-slide--horizontal {
  width: 100%;
}

.iconSlider .swiper-slide--vertical {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.8rem;
}

.iconSlider__card,
.iconSlider__container .swiper-slide {
  flex-shrink: 0;
  padding: 1.7em;
  width: 100%;
}

.iconSlider__card--active,
.iconSlider__container .swiper-slide-active {
  opacity: 1;
}

@media only screen and (min-width: 640px) {
  .iconSlider__card,
  .iconSlider__container .swiper-slide {
    display: flex;
    margin-right: 1.25em;
    padding: 2.4em;
    width: 540px;
  }
}

@media only screen and (min-width: 768px) {
  .iconSlider__card,
  .iconSlider__container .swiper-slide {
    padding: 3em 2em;
    width: 35.5rem;
  }
}

@media only screen and (min-width: 1024px) {
  .iconSlider__card,
  .iconSlider__container .swiper-slide {
    padding: 4em 3em;
  }
}

.iconSlider__cardVisual {
  color: var(--primary-accent);
  font-size: 4.7rem;
  padding: 1rem;
}

.iconSlider__cardVisual svg {
  fill: var(--primary-accent);
}

@media only screen and (min-width: 640px) {
  .iconSlider__cardContent {
    margin-left: 2em;
  }
}

.c-sliderControls__item,
.iconSlider .swiper-pagination-bullet {
  border-radius: 50%;
  height: 0.5em;
  opacity: 1;
  width:  0.5em;
}

.c-sliderControls__item--active,
.iconSlider .swiper-pagination-bullet-active {
  border-radius: var(--radius);
  height: 0.5em;
  margin-right: 0.5em;
  width:  2rem;
}

.iconSlider__card__pagination {
  margin-bottom: 1rem;
}
.c-person {
  margin-bottom: 1.4rem;
}

.c-person__image {
  border-radius: 50%;
  height: 12rem;
  margin: 0 auto;
  overflow: hidden;
  width: 12rem;
}

.c-person__image img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.c-person__description {
  padding: 1rem;
}

.c-person__position {
  font-size: 0.8rem;
  opacity: 0.8;
}



/* Blog Post */

@media only screen and (min-width: 768px) {
  .container--blogPost {
    margin: 0 auto;
    width: var(--blogpost-container);
  }
}

.blogPost__header {
  padding-top: 2.5rem;
  padding-bottom: 0;
}

/* Blog Post Typography */

.blogPost__body h1,
.blogPost__body h2,
.blogPost__body h3,
.blogPost__body h4,
.blogPost__body h5,
.blogPost__body h6 {
  font-weight: 500;
  padding-top: 0.8em
}

.blogPost__body h1 {
  font-size: 2.5rem;
}

.blogPost__body h2 {
  font-size: 2rem;
}

.blogPost__body h3 {
  font-size: 1.5rem;
}

.blogPost__body h4 {
  font-size: 1.125rem;
}

.blogPost__body h5 {
  font-size: 1rem;
}

.blogPost--body h6 {
  font-size: 0.85rem;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

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

  .blogPost__body h1 {
    font-size: 3.25rem;
  }

  .blogPost__body h2 {
    font-size: 2.5rem;
  }

  .blogPost__body h3 {
    font-size: 2rem;
  }

  .blogPost__body h4 {
    font-size: 1.5rem;
  }

  .blogPost__body h5 {
    font-size: 1.125rem;
  }

  .blogPost__body h6 {
    font-size: 1rem;
  }
}

.blogPost__body ul,
.blogPost__body ol {
  list-style-type: initial;
}

.blogPost__body li {
  margin-bottom: 0.8em;
}

/* Image */

.blogPost__body img {
  border-radius: var(--radius);
  width: 100% !important;
}

/* Blog Listing */

.blog-listing {
  display: flex;
  flex-wrap: wrap;
}

.blog-listing__post {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  overflow: hidden;
  width: 100%;
}

.blog-listing__post--featured {
  background-color: var(--primary-accent-l4);
  border-radius: var(--radius);
  margin-right: 0!important;
  padding: 1rem;
  width: 100%!important;
}

@media only screen and (min-width: 768px) {
  .blog-listing__post--featured {
    align-items: center;
    flex-direction: row;
    padding: 2rem;
  }

  .blog-listing__post--featured .blog-listing__post-content,
  .blog-listing__post--featured .blog-listing__post-image-wrapper {
    flex-basis: calc(100% / 2);
  }

  .blog-listing__post--featured .blog-listing__post-content {
    padding-left: 2rem;
  }
}

.blog-listing__post-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.blog-listing__post-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1rem 0;
}

.blog-listing__post-author, 
.blog-listing__post-image--card, 
.blog-listing__post-tags, 
.blog-listing__post-timestamp, 
.blog-listing__post-title {
  margin: 0 0 0.5rem;
}

.blog-listing__post-author a,  
.blog-listing__post-tags a,  
.blog-listing__post-title a {
  text-decoration: none;
}

.blog-listing__post-title a {
  color: var(--dark);
}

.blog-listing__post-author a,  
.blog-listing__post-tags a,
.blog-listing__post-timestamp {
  color: var(--dark-l2);
  font-size: 0.9rem;
}

.blog .blog-listing__post-title {
  font-size: 1.67rem;
}

.blog-listing__post-author {
  align-items: center;
  display: flex;
}

.blog-listing__post-author-image-wrapper {
  border-radius: 50%;
  height: 36px;
  margin-right: 0.5rem;
  overflow: hidden;
  width: 36px;
}

.blog-listing__post-author-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* Blog Search */

.blog-search {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .blog-search {
    width: 50%;
  }
}

.blog-search input[type='text'] {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--primary-accent);
  border-radius: 0;
  padding: 1.4rem 2.4rem;
}

.blog-search input[type='text']:focus {
  outline: 2px solid var(--dark);
}

.blog-search form {
  padding: 0.8rem 0;
  position: relative;
}

.hs-search-field {
  padding: 0.7rem 0;
}

.blog-search .hs-search-field--open .hs-search-field__suggestions {
  background-color: var(--primary-accent-l4);
  border: none;
  border-radius: var(--radius);
  left: 0;
  max-width: initial;
  padding: 1.3em 0 0.9em;
  right: 0;
  top: 6rem;
  z-index: 1;
}

.blog-search .hs-search-field__suggestions li a {
  padding: 0.4em 1.3em;
}

.blog-search .hs-search-field__suggestions #results-for {
  font-weight: initial;
  margin-bottom: 0.89rem;
  padding-left: 1.3em;
}

.blog-search .hs-search-field__suggestions a:hover, 
.blog-search .hs-search-field__suggestions a:focus {
  background-color: var(--primary-accent-l3);
  box-shadow: none;
}

.blog-search form::before {
  color: var(--primary-accent);
  content: "\f002";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  left: 0.6em;
  position: absolute;
  text-rendering: auto;
  top: 2.2em;
}

.blog-search input[type='text']::placeholder {
  color: var(--primary-accent);
}

/* Post Card */

.blog-post-card {
  border-radius: var(--radius);
  color: var(--dark);
  flex-shrink: 0;
  margin-bottom: 1rem;
  min-height: 400px;
  overflow: hidden;
  width: 100%;
}

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

  .blog-post-card {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .blog-post-card--s {
    width: calc(31% - 1rem);
  }
  
  .blog-post-card--l {
    width: calc(50% - 1rem);
  }

  .blog-post-card--featured {
    width: calc(100% - 1rem);
  }
}

@media only screen and (min-width: 1200px) {
  .blog-post-card--featured {
    display: flex;
    /* flex-basis: 100%; */
  }
}

.blog-post-card__wrapper {
  padding: 1rem;
}

.blog-post-card a:link {
  color: inherit;
  text-decoration: none;
}

.blog-post-card a:visited {
  color: inherit;
  text-decoration: none;
}

.blog-post-card a:hover {
  box-shadow: none;
  color: inherit;
  text-decoration: none;
}

.blog-post-card .blog-post-card__author {
  margin-bottom: 0;
}

.blog-post-card__title {
  font-size: 1.3rem;
}

.blog-post-card__title a:link {
  color: var(--dark);
}

.blog-post-card__title a:visited {
  color: var(--dark);
}

.blog-post-card__title a:hover {
  color: var(--dark);
  box-shadow: none;
}

.blog-post-card--featured .blog-post-card__title {
  font-size: 2rem;
}

@media only screen and (min-width: 768px) {
  .blog-post-card--featured .blog-post-card__title {
    font-size: 2.5rem;
  }
}

.blog-post-card__summary p {
  font-size: 0.9rem;
}

.blog-post-card__image {
  background-color: var(--primary-accent-l4);
  display: block;
  flex-basis: 60%;
  flex-shrink: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding-bottom: 60%;
  position: relative;
  width: 100%;
}

.blog-post-card--featured .blog-post-card__image {
  height: initial;
  padding-bottom: 0;
}

.blog-post-card__image img {
  display: block;
  border-radius: 0;
}

.blog-post-card__content {
  background-color: var(--primary-accent-l4);
  min-height: 100%;
  padding: 1.2em;
}

.blog-post-card--featured .blog-post-card__content {
  min-height: initial;
}

@media only screen and (min-width: 768px) {
  .blog-post-card__content {
    padding: 1.5em 2.4em 1.5em;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-post-card--featured .blog-post-card__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 100%;
  }
}

.blog-post-card__tags {
  margin-bottom: 0.89rem;
}

.blog-post-card__tags span {
  font-size: 0.89rem;
  font-weight: 600;
  line-height: 1;
}

/* Tags */

.blogHeader__tags {
  font-size: 0.9rem;
}

.blogHeader__tagList {
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .blogHeader__tags {
    align-items: baseline;
    display: flex;
    margin: 0 auto;
  }

  .blogHeader__tagList {
    display: flex;
    justify-content: space-between;
    padding-left: 0.5em;
  }

  .blogHeader__tagList li {
    padding: 0 0.5em;
  }
}



/* Pagination */

/* Legacy styles */

.blogPagination {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0; 
}

.blogPagination__link {
  align-items: center;
  border-radius: 50%;
  color: var(--primary-accent);
  cursor: pointer;
  display: inline-flex;
  height: 1.8rem;
  justify-content: center;
  opacity: 1;
  padding: 0.5em;
  text-decoration: none;
  transition: var(--transition);
  width: 1.8rem;
}

.blogPagination__link:hover {
  opacity: 0.6;
  transform: scale(1.1);
}

.blogPagination__link svg {
  fill: var(--primary-accent);
}

.blogPagination__link--active {
  cursor: initial;
  background-color: var(--primary-accent-l4);
}

.blogPagination__link--active:hover {
  opacity: initial;
  transform: scale(1);
}

.blogPagination__linkNext--disabled,
.blogPagination__linkPrev--disabled {
  color: var(--dark-l2);
  cursor: not-allowed;
  pointer-events: none;
}

.blogPagination__linkNext--disabled svg,
.blogPagination__linkPrev--disabled svg {
  fill: var(--dark-l2);
}

/* Deafult HubSpot module style overrides */

.hs-pagination {
  padding: 2rem 0;
}

.hs-pagination__link, 
.hs-pagination__link:active {
    color: var(--dark);
    fill: var(--dark);
    font-size: 0.8rem;
}

.hs-pagination__link:focus,
.hs-pagination__link:hover {
  color: var(--primary-accent);
  fill: var(--primary-accent);
}

/* Author */

.blog-post-card__author {
  align-items: center;
  display: flex;
  font-size: 0.8rem;
  margin-bottom: 1rem;
  line-height: 1.2em;
}

.blog-post-card__authorName {
  color: var(--primary-accent);
  text-decoration: none;
}

.blog-post-card__authorName:visited {
  color: var(--primary-accent);
  text-decoration: none;
}

.blog-post-card__authorImage {
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
  border-radius: 50%;
  height: 2rem;
  margin-right: 0.5rem;
  width: 2rem;
}

.blogPost__author {
  align-items: center;
  display: flex;
  margin-bottom: 3rem;
  margin-left:  -2rem;
  margin-right: -2rem;
  padding: 2rem;
}

.blogPost__authorImage { 
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  margin-right: 1.8rem;
  overflow: hidden;
}

.blogPost__authorImage img { 
  align-items: center;
  height: 8rem;
  justify-content: center;
  object-fit: cover;
  width:  8rem;
}

.blogPost__authorName {
  font-size: 1.4rem;
}

.blogPost__authorLinks {
  margin-bottom: 0.6rem;
}

.blogPost__authorLinks a {
  fill: var(--primary-accent);
  padding: 0.4rem;
}

.blogPost__authorLinks a:visited {
  fill: var(--primary-accent);
}

.blogPost__authorLinks a:hover {
  box-shadow: none;
  opacity: 0.6;
}

.blogPost__authorLinks a:active {
  box-shadow: none;
  fill: var(--primary-accent);
}

.blogPost__authorLinks svg {
  height: 0.8rem;
  width:  0.8rem;
}

.c-blog-Post__authorBio {
  margin: 0;
}

/* Blog Post Featured Image */

.blogPost__image {
  aspect-ratio: 2/1;
  border-radius: var(--half-radius);
}

@media only screen and (min-width: 768px) {
  .blogPost__image {
    border-radius: var(--radius);
    margin-left:  -4vw;
    margin-right: -4vw;
  }
}

/* Blog Post Tags */

.blogPost__tags {
  margin-bottom: 2rem;
  padding-left: 2.5rem;
  position: relative;
}

.blogPost__tags::before {
  color: var(--primary-accent);
  content: "\f02c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 0.5rem;
  position: absolute;
}

.blogPost__tagLink {
  color: var(--primary-accent);
  display: inline-block;
  font-size: 0.8rem;
  margin-right: 0.7em;
  text-decoration: none;
}

.blogPost__tagLink:visited,
.blog-post-card__authorName:visited {
  color: var(--primary-accent);
}

.blogPost__tagLink:hover,
.blog-post-card__authorName:hover {
  color: var(--primary-accent-d2);
  box-shadow: 0px 2px var(--primary-accent-d2);
}

.blogPost__tagLink:focus,
.blog-post-card__authorName:focus {
  outline: 2px solid var(--dark);
}

.blogPost__tagLink:active,
.blog-post-card__authorName:active {
  color: var(--primary-accent-l1);
  box-shadow: 0px 2px var(--primary-accent-d2);
}

/* Social Sharing */

.blogPost__socialSharing {
  align-items: center;
  display: flex;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.c-social {
  display: flex;
  margin-bottom: 0.89rem;
  padding-left:  1rem;
  padding-right: 1rem;
}

.c-social__link {
  display: block;
  padding: 0.5rem;
}

.c-social__link:hover {
  opacity: 0.6;
}

.c-social__link svg {
  fill: var(--primary-accent);
  height: 1.2rem;
  width:  1.2rem;
}

/* Comments */

#comments-listing {
  margin-bottom: 2rem;
}

#comments-listing .comment.depth-0 {
  border: none;
  margin-bottom: 0.6rem;
  margin-top: 0;
  padding-top: 1.4rem;
}

#comments-listing .comment-from h4 {
  font-size: 0.8em;
  font-weight: initial;
  margin-bottom: 0.7em;
}

#comments-listing .comment-from h4 a {
  color: var(--dark);
}

#comments-listing .comment-from h4 a:hover {
  box-shadow: 0px 2px var(--dark);
}

#comments-listing .comment-date {
  color: var(--dark-l1);
}

#comments-listing .comment-reply-to {
  background-image: none;
  border: none;
  border-radius: 0;
  color: var(--primary-accent);
  font-size: 0.9rem;
  padding: 0 0 0 1.5em;
  position: relative;
}

#comments-listing .comment-reply-to:hover {
  box-shadow: 0px 2px var(--primary-accent);
  color: var(--primary-accent);
}

#comments-listing .comment-reply-to::before {
  color: var(--primary-accent);
  content: var(--arrow);
  font-size: 1.5em;
  left: -0.5em;
  margin-bottom: 0.2em;
  position: relative;
}

#comments-listing .comment-reply-to em {
  padding: 0.4em;
}

#comments-listing .comment.depth-1 {
  border-left: 1px solid var(--primary-accent-l2);
  margin-bottom: 0.8rem;
  margin-left: 0.5rem;
  padding-top: 0.8rem;
}

#comments-listing .comment-body p {
  margin-bottom: 0.2em;
}

#comments-listing .replying {
  padding-top: 1rem;
  position: relative;
}

#comments-listing .replying-to {
  background-color: var(--primary-accent-l3);
  border-radius: var(--radius) var(--radius) 0 0;
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 1em;
}

.blogPost .hs-common-confirm-message {
  background-color: var(--success-l4)!important;
  border: 1px solid #var(--success-l3)!important;
  color: var(--success)!important;
  font-size: 0.8rem!important;
  border-radius: 3px!important;
  padding: 1em!important;
}

#comments-listing .replying .hs-common-confirm-message {
  margin: 0!important;
}

.hs-error-msgs {
  background-color: var(--error-l4)!important;
  border: 1px solid var(--error-l3)!important;
  font-size: 0.8rem!important;
  border-radius: 3px!important;
  padding: 1em!important;
}

.hs-error-msg {
  color: var(--error) !important;
}

.blogPost__comments form {
  margin-bottom: 2rem;
  padding: 0;
}

.blogPost__comments .replying form {
  border-radius: 0 var(--radius) var(--radius) var(--radius);
}

/* Related Posts */

.relatedPosts {
  padding-bottom: 2.5rem;
  padding-top:    2.5rem;
}

.relatedPosts__list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
  padding-top:    1rem;
}

.relatedPosts .blog-post-card__content {
  padding: 1.4em;
}

.relatedPosts .blog-post-card__image {
  border-radius: var(--radius);
}

.relatedPost__authorName {
  font-weight: 600;
}
/* Landing Pages */

.heroWithForm {
  --content-width: 32rem;
}

/* Simple Form */

.landing__simpleForm form {
  margin: 0 auto;
  max-width: var(--content-width);
  padding: 0;
  position: relative;
}

.landing__simpleForm .hs-form-field {
  margin: 0;
  position: relative;
}

.landing__simpleForm .hs-form-field label[class=""] {
  margin-left: 2em;
  position: absolute;
  top: 2.1rem;
  transform: translateY(-50%);
}

.landing__simpleForm .hs-form-field .hs-input {
  border-radius: 100px;
  padding: 1.4em 1.4em 1.4em 5em;
}

.landing__simpleForm .hs-form-field .hs-error-msgs {
  display: none;
}

.landing__simpleForm .hs-submit {
  position: absolute;
  right: 0.5em;
  top: 2rem;
  transform: translateY(-50%);
}

.landing__simpleForm form input[type='submit'].primary {
  background-color: var(--secondary-accent-d1);
}

.landing__simpleForm form input[type='submit'].primary:hover {
  background-color: var(--secondary-accent);
}

.landing__formExplainer {
  font-size: 0.8rem;
  margin: 0 auto;
  max-width: var(--content-width);
  opacity: 0.6;
}

/* Landing Page v2 */
/* Contact */

.dnd_office_section-column-4-background-color {
  border-radius: var(--radius);
}

.contact__form .actions .hs-button {
  display: block;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (max-width: 900px) {
  .contact__city h4 {
    font-size: 1.2rem;
  }
}
/* About */

.quote {
  font-family: var(--primary-font-family);
  font-size: 2.5rem;
  margin-bottom: 0;
  text-align: center;
}
/* Pricing */

.pricing .row-fluid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 640px) {
  .pricing .row-fluid [class*="span"] {
    margin-left: 0.5%;
    width: 49%;
  }
}

@media only screen and (min-width: 1024px) {
  .pricing .row-fluid {
    flex-wrap: nowrap;
  }
}

.pricing .row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
/* Error Pages */

.container--error {
  min-height: 100%;
  padding: 0 1rem;
}

.errorWrapper {
  min-height: calc(100vh - 189px);
  padding: 2.5rem 1.5rem;
}

.error__imgStack {
  align-items: center;
  display: flex;
  justify-content: center;
}

.error__img {
  height: clamp(200px, 80vw, 400px);
  width: clamp(200px, 80vw, 400px);
}

.error__type {
  border: 1px solid var(--primary-accent-l2);
  border-radius: 100px;
  display: inline-block;
  font-size: 1rem;
  font-weight: 300;
  padding: 1em 1.8em;
}

.error__content .hs-menu-item {
  margin-bottom: 0.5em;
}

.error__content .hs-menu-item a {
  padding-left: 1.5em;
  position: relative;
}

.error__content .hs-menu-item a::before {
  color: var(--primary-accent);
  content: var(--arrow);
  font-size: 1.5em;
  left: 0;
  position: absolute;
  top: -0.4em;
}

@media only screen and (min-width: 640px) {
  .errorWrapper {
    align-items: center;
    display: flex;
    padding-top: 9rem;
  }

  .error__imgStack,
  .error__content {
    flex-basis: 50%;
  }
}


/* System Pages */

.container--system {
  padding-bottom: 3rem;
  padding-top:    3rem;
}

@media only screen and (min-width: 640px) {
  .container--system {
    margin: 0 auto;
    max-width: 540px;
    padding: 6rem 1.4rem;
  }
}

@media only screen and (min-width: 1440px) {
  .container--system {
    padding-top: 8rem;
  }
}

.systems-page--search-results {
  max-width: 100%;
}

.container--system .success {
  background-color: var(--success-l4);
  border: 1.5px solid var(--success-l3);
  border-radius: 3px;
  color: var(--success);
  display: inline-block;
  font-size: 0.9rem;
  margin: 1.4rem 0;
  padding: 1em;
  width: 100%;
}

.container--system form input {
  max-width: 100%;
}

.subscription .page-header {
  font-size: 0.9rem;
  line-height: 1.5;
}

.subscription--preferences .page-header {
  border-bottom: 1px solid var(--primary-accent-l3);
  margin-bottom: 1.8rem;
  padding-bottom: 1.8rem;
}

.subscription--preferences .checkbox-row {
  margin-bottom: 0.3em;
}

.subscription--preferences .checkbox-row span,
.subscription--preferences .subscribe-options label {
  font-weight: 600;
}

.subscription--preferences .item p {
  font-size: .9rem;
  margin-left: 1.2em;
}

.subscription--preferences .subscribe-options {
  margin-bottom: 2rem;
  margin-right: 0;
}

.subscription .page-header h2 {
  border-bottom: 1px solid var(--primary-accent-l3);
  padding-bottom: 1.4em;
}

#email-prefs-form .header {
  background-color: transparent;
}

#email-prefs-form .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#email-prefs-form .item.disabled input:disabled {
  cursor: not-allowed;
}

/* Search Pages */

.container--search-results {
  padding-bottom: 4.8rem;
}

.c-searchResults__title {
  border-bottom: 1px solid var(--primary-accent-l3);
  margin-bottom: 2.5rem;
  padding-bottom: 2.2rem;
}

.hs-search-field__bar {
  position: relative;
}

.hs-search-field__suggestions {
  background-color: var(--light);
  max-width: 360px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
}

.hs-search-results {
  margin-top: 1.4rem;
}

.hs-search-results__listing li {
  margin-bottom: 2.5rem !important;
}

.hs-search-results__title {
  color: var(--dark);
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  padding-left: 1.4em;
  position: relative;
  text-decoration: none;
}

.hs-search-results__title::before {
  color: var(--dark);
  content: var(--arrow);
  font-size: 1.5em;
  left: 0;
  position: absolute;
  top: -0.4em;
}

.hs-search-results__title:hover {
  opacity: 0.6;
}


.hs-search-results__description {
  padding-top: 0.7rem;
}

.hs-search-highlight {
  background-color: var(--primary-accent-l3);
  font-weight: 700 !important;
  padding: 0 0.4em;
}

.hs-search-results__next-page,
.hs-search-results__prev-page {
  color: var(--primary-accent);
  font-weight: 500;
  text-decoration: none;
}

.hs-search-results__next-page:hover,
.hs-search-results__prev-page:hover {
  box-shadow: 0 2px var(--primary-accent);
}

/* Password Prompt */

.password-prompt form {
  margin: 0 auto;
  max-width: 320px;
}

.password-prompt input[type='password'] {
  height: auto !important;
  margin-bottom: 1rem;
}

.password-prompt input[type='submit'] {
  display: block;  
  margin: 0 auto;
}

/* Backup Unsubscribe */

.c-unsubscribe h1 {
  text-align: center;
}

.c-unsubscribe h3 {
  display: none;
}

.c-unsubscribe input[type='email'] {
  font-size: 1rem !important;
  height: auto !important;
  margin-bottom: 1rem;
  padding: .8em !important;
  width: 100% !important;
}

.c-unsubscribe input[type='submit'] {
  display: block;
  margin: 0 auto;
}

/* Membership Pages */

.systems-page .hs-login-widget-show-password,
.systems-page .hs-register-widget-show-password,
.systems-page .hs-reset-widget-show-password {
  display: block;
  margin-bottom: 0.5rem;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
  padding-left: 0;
  margin: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
  margin: 0;
}
/* Video homepage */

.video-bg-container {
  position: absolute;
  top:0;
  left:0;
  height: 100vh;
  width: 100vw;
  z-index: 0;
}

.content-container {
  position: absolute;
  top:0;
  left:0;
  width: 100vw;
  height: 100vh;
  z-index: 20;
  overflow-y: auto;
}

.h-blank-filler--full{
  height: 100vh;
  width: 100vw;
  overflow:hidden;
}

.h-center--vh {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.h-fading{
  background-color: rgba(0,0,0,0.25);
}

.video-bg-footer {
  bottom: 0;
  position: absolute;
}

.duobox-container.dnd-section > .row-fluid {
  max-width: 100%;
  padding: 0;
}

#video_container_video_bg_module.video_container{
  position:relative;
  display:flex;
  justify-content: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#video_container_video_bg_module.video_container video {
  border: 1px solid transparent;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 49.9%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 102%;
  width: 100%;
  height: 100%;
}



.h-footerBottom__base {
  display: flex; /* Enables body content to acquire flex properties like grow, shrink and base */
  flex-direction: column; /* Fixes the row layout for body that comes from display: flex */
}

.h-footerBottom__shift {
  flex: 1 0 auto; 
  /* Makes div, which is footer's sibling, to grow and take all the height and shifts footer 
  element to the bottom of the browser window. It works when summarized height of the body's 
  children is less then the height of the browser's window */
}

.h-screenreader {
  position: absolute !important; /* Outside the DOM flow */
  height: 1px; width: 1px; /* Nearly collapsed */
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE 7+ only support clip without commas */
  clip: rect(1px, 1px, 1px, 1px); /* All other browsers */
}

@media (max-width: 767px) {
  .h-hide--m {
    display: none; /* Hides element on mobile */
  }
}

@media (min-width: 768px) {
  .h-hide--d {
    display: none; /* Hides element on desktop */
  }
}

.centered--t {
  text-align: center;
}

.centered--m {
  margin: 0 auto;
}

.h-relative {
  position: relative;
}

.js-noscroll {
  overflow: hidden;
}

.h-flex {
  display: flex;
}

.h-spacing--b {
  margin-bottom: 2rem;
}

.h-innerSpace {
  padding: 2.5em;
}

.headerFix {
  padding-top: var(--header-height);
}

.h-fsHeight {
  height: 100vh;
}

.bg--combo {
  background: linear-gradient(to top, var(--light), var(--light) 50%, var(--primary-accent) 50%, var(--primary-accent) 50%);
}

.bg--comboDark {
  background: linear-gradient(to top, var(--light), var(--light) 50%, var(--dark) 50%, var(--dark) 50%);
}

.bg--comboAlt {
  background: linear-gradient(to bottom, var(--primary-accent-l4), var(--primary-accent-l4) 50%, var(--light) 50%, var(--light) 50%);
}

.h-bg--color {
  background-color: var(--primary-accent);
}

.bg--colorAlt {
  background-color: var(--tertiary-accent);
}

.h-bg--light {
  background-color: var(--light);
}

.bg--lightAlt {
  background-color: var(--primary-accent-l4);
}

.divider {
  border-bottom: 1px solid var(--primary-accent-l3);
}

.divider--light {
  border-bottom-color: var(--light);
}

.inverted {
  color: var(--light);
  fill: var(--light);
}

.corners {
  border-radius: var(--radius);
}

.corners--s {
  border-radius: var(--half-radius);
}

.h-scaleDown {
  transform: scale(0.8);
}

.h-hide {
  display: none;
}

.h-full-screen {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

.no-margin {
  margin: 0;
}

/* ----------- JS-related styles ----------- */

.js-hide {
  display: none !important;
}

.js-slidein-start {
  opacity: 0;
  transform: translateY(20vh);
  transition-duration: 0.8s;
  transition-property: opacity,transform;
  transition-timing-function: ease-in-out;
}

.js-slidein-end {
  opacity: 1;
  transform: translateY(0);
}

/* ----------------------------------- */

/* ----------------------------------- */


/* ----------- Components ----------- */

/* Encapsulated image */

.encapsulated-image {
  display: block;
}

/* Clients */

.logoList {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .logoList {
    justify-content: center;
  }
}

.logoList__item {
  height: 80px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.logoList__item img {
  height: 100%;
  max-width: auto;
  width: auto;
}

/* Options */

.options .dnd-section > .row-fluid {
  padding-left: 0;
  padding-right: 0;
}

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

  .options .dnd-column {
    border-radius: var(--radius);
  }

  .options .dnd-section > .row-fluid {
    padding-left: 1.33rem;
    padding-right: 1.33rem;
  }
}

/* Social */

.social-links__icon:hover {
  opacity: 0.8;
}

/* Form */

form {
  padding: 1.5rem 0;
}

.heroLabel {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .featuredResources .row-fluid [class*="span"] {
    margin-left: 0;
    width: 100%;
  }
}

/* ----------------------------------- */


/* ----------- Language switcher styles ----------- */

.lang_switcher_class {
  padding: 10px;
}

.lang_list_class {
  width: 150px;
}