/* ************************************************************************* */
/* ****************************  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(251, 248, 244);
  --primary-accent-l3: rgb(244, 234, 219);
  --primary-accent-l2: rgb(229, 204, 166);
  --primary-accent-l1: rgb(213, 173, 112);
  --primary-accent: #cb994d;
  --primary-accent-d1: rgb(182, 137, 69);
  --primary-accent-d2: rgb(166, 125, 63);
  --primary-accent-d3: rgb(146, 110, 55);
  --primary-accent-d4: rgb(121, 91, 46);

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

  --secondary-accent-l4: rgb(241, 241, 241);
  --secondary-accent-l3: rgb(210, 210, 210);
  --secondary-accent-l2: rgb(143, 143, 143);
  --secondary-accent-l1: rgb(75, 75, 75);
  --secondary-accent: #1f1f1f;
  --secondary-accent-d1: rgb(27, 27, 27);
  --secondary-accent-d2: rgb(25, 25, 25);
  --secondary-accent-d3: rgb(22, 22, 22);
  --secondary-accent-d4: rgb(18, 18, 18);

  /* Success Hue, Shades, & Tints */

  --success-l4: rgb(251, 248, 244);
  --success-l3: rgb(244, 234, 219);
  --success-l2: rgb(229, 204, 166);
  --success-l1: rgb(213, 173, 112);
  --success: #cb994d;
  --success-d1: rgb(182, 137, 69);
  --success-d2: rgb(166, 125, 63);
  --success-d3: rgb(146, 110, 55);
  --success-d4: rgb(121, 91, 46);

  /* Error Hue, Shades, & Tints */

  --error-l4: rgb(252, 244, 244);
  --error-l3: rgb(247, 218, 218);
  --error-l2: rgb(235, 164, 164);
  --error-l1: rgb(223, 109, 109);
  --error: #d84949;
  --error-d1: rgb(194, 65, 65);
  --error-d2: rgb(177, 59, 59);
  --error-d3: rgb(155, 52, 52);
  --error-d4: rgb(129, 43, 43);

  /* Dark Hue & Tints */

  --dark-l4: rgb(248, 248, 248);
  --dark-l3: rgb(233, 233, 233);
  --dark-l2: rgb(201, 201, 201);
  --dark-l1: rgb(169, 169, 169);
  --dark: #949494;

  /* 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: Belleza;
  --secondary-font-family: Libre Baskerville;
  --base-font-size: 15px;
  --body-text-font: Libre Baskerville;
  --body-text-size: 16px;
  --heading-color: #1f1f1f;
  --link-color: #cb994d;
  --link-hover-color: #949494;

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

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

  /* Buttons */
  --btn-radius: 0px;
  
  --btn-color: #FFFFFF;
  --btn-hover-color: rgb(229, 229, 229);
  --btn-active-color: rgb(255, 255, 255);
  --btn-text-color: #cb994d;

  --btn-color-secondary: rgb(255, 255, 255);
  --btn-hover-color-secondary: rgb(255, 255, 255);
  --btn-active-color-secondary: rgb(255, 255, 255);
  --btn-text-color-secondary: #FFFFFF;

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

  /* Forms */--field-bg-color: #FFFFFF;--field-border-color: #F1EFE7;--field-border-radius: 0px;
  --field-border-width: 1px;
  --field-border-style: solid;

  /* Header */
  --header-bg-color: #ffffff;
  --header-height: 87px;--header-bottom-border: none;--nav-item-color: #1f1f1f;
    --nav-item-hover-color: #cb994d;--search-icon-color: #1f1f1f;--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:3em;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;
  }
}

/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

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

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

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

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

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

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* 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: 7rem 1rem;
}

@media only screen and (max-width: 767px) {
  .dnd-section > .row-fluid {
  padding: 3rem 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: 2;
  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: 1rem;
  }

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

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

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

  .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 h3,
.dnd-section h4,
.dnd-section h5,
.dnd-section h6,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--primary-font-family);
  font-weight: 400;
  line-height: 1;
}

.dnd-section h1,
.dnd-section h2,
h1, 
h2 {
  color: var(--primary-accent);
  font-family: var(--primary-font-family);
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.dnd-section h1,
.dnd-section h2,
h2 {
   padding-bottom: 7rem;
}


h1 {
  padding: 2rem 0rem 1rem 0rem;
}


.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: 2rem;
  }

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

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

  .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;
}


@media only screen and (max-width: 767px) {

.dnd-section h1,
h1 {
  padding-bottom: 3rem;
}

.dnd-section h2,
h2 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
  
}


/* 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: 1.2em 2.2em;
  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);
  border: 2px solid var(--btn-text-color);
}

.button--primary:visited {
  background-color: var(--btn-color);
  color: var(--btn-text-color);
  border: 2px solid 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;
  position: relative;
}

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

.button--simple:hover {
  box-shadow: 0px 2px var(--btn-hover-color-simple);
  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: 1rem;
  padding: 0.84em 1.3em;
}

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

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

/* 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;
}
form {
  max-width: 600px;
  margin: 0 auto;
}

.hs-form-field {
  margin-bottom: 0.8em;
}

.form-title {
    color: #cb994d !important;
    font-size: 33px !important;
    text-align: center !important;
}

/* Labels */

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

/* Help Text - Legends */

.hs-form-field legend {
  color: rgb(169, 169, 169);
  font-size: .9rem;
    margin: .25rem 0rem .5rem 0; 
    font-style: italic;
    line-height: 1.4;
}

/* 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(--heading-color);
  font-size: 1rem;
  padding: 0.8em;
  width: 100%;
}

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

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

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

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

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

/* 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: 1.1rem;
  fill: var(--light);
  flex-shrink: 0;
  font-weight: 700;
  outline: none;
  padding: 1em 1.4em;
  text-decoration: none;
  transition: var(--transition);
  text-transform: uppercase;
    letter-spacing: .8px;
}

form input[type='submit'].primary,
form .hs-button.primary {
  background-color: var(--heading-color);
  color: var(--btn-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;
}



.hs-image__grid__item__overlay__content
  .hs-image__grid__item__overlay__content--fit
  * {
  /** For handling a state where rich text for the overlay has child html tags for fitty responsive text */
  font-size: auto !important;
}


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

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

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



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

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

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

.widget-type-logo img {
  
}

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

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

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

.lang_switcher_class .globe_class {
  background-image: url(//44038840.fs1.hubspotusercontent-na1.net/hubfs/44038840/raw_assets/public/SS/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;
}
.site-header {
  background: #fff;
  font-family: var(--primary-font-family);
  position: relative;
  z-index: 1000;
}

.headerFix {
  padding-top: 0px !important;
}

.header-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hs-menu-wrapper a {
  color: #000 !important;
  text-decoration: none;
  font-weight: 500;
}

.logo img {
  height: 80px;
}

.mobile-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
}

.mobile-toggle span {
  width: 25px;
  height: 2px;
  background: #000;
  display: block;
}

.main-nav {
  width: 100%;
}

.hs-menu-wrapper,
.hs-menu-wrapper ul,
.hs-menu-wrapper li {
  list-style: none;
  margin: 0;
  padding: 0;
}




/* ========== Desktop Menu ========== */
@media (min-width: 1025px) {
  .hs-menu-wrapper {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
  }

  .hs-menu-wrapper ul {
  display: flex;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

  
  .hs-menu-wrapper li {
    position: relative;
  }

    .hs-menu-wrapper > ul > li > a {
    font-size: 1.5rem;
  }
  
  .hs-menu-wrapper ul ul {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    top: 100%;
    left: 50px;
    min-width: 250px;
    z-index: 10;
  }

  .hs-menu-wrapper li:hover > ul {
    display: block;
  }

  .hs-menu-wrapper a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    padding: 0.5rem 1rem;
    display: block;
  }

  .hs-menu-wrapper ul ul li a:hover {
    background-color: #f8f8f8;
  }
}

/* ========== Mobile Menu ========== */
@media (max-width: 1024px) {
  .mobile-toggle {
    display: flex;
    padding: 0px;
  }
  
  
.hs-menu-wrapper ul {
  list-style: none;
}
  
  .logo img {
  height: 60px;
}

  .main-nav {
    display: none;
    flex-direction: column;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 999;
    padding: 1rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }

  .main-nav.open {
    display: flex;
  }

  .hs-menu-wrapper {
    flex-direction: column;
    width: 100%;
  }

  .hs-menu-wrapper ul {
    flex-direction: column;
    padding-left: 0;
  }

  .hs-menu-wrapper li {
    width: 100%;
  }

  .hs-menu-wrapper li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    width: 100%;
  }

  .hs-menu-wrapper li ul {
    display: none;
    padding-left: 1rem;
    max-width: 350px;
    width: 100%;
    box-sizing: border-box;
  }

  .hs-menu-wrapper li.open > ul {
    display: block;
  }

  .hs-menu-wrapper li.hs-item-has-children > a::after {
    content: "▾";
  }

  .hs-menu-wrapper li:not(.hs-item-has-children) > a::after {
    content: none;
  }
}
/* ----------- 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;
}

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



/* Blog Post */

.blog-listing, .blog-listing--grid {
    --grid-layout-gap: 32px;
    --grid-item--min-width: 311px;
    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count)* var(--grid-layout-gap));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
    grid-gap: var(--grid-layout-gap);
 }

@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, .blogPost h1 {
    font-size: 4em;
  text-align: left;
}

.blogPost__body h2, .blogPost h2, .relatedPosts h2 {
      font-size: 3em;
  padding-bottom: 1rem;
}

.blogPost__body h3, .blogPost h3, .relatedPosts h3 {
  font-size: 2em;
}

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

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

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


@media only screen and (max-width: 767px) {

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

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

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

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

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

.blogPost--body h6, .blogPost__body h6, .blogPost h6 {
    font-size: 0.85rem;
  }
}

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

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

/* Image */

.blogPost__body img, .blogpost img  {
  border-radius: var(--radius);
  max-width: 100%;
}

.blog-post__body img {
    -webkit-box-shadow: 0 8px 19px 2px rgba(0, 0, 0, .2);
    border: 1px solid #F1EFE7;
    margin: 20px auto;
   max-height: 400px;
      min-height: 100%;
    width: 100%;
    object-fit: cover;
}
/* Blog Listing */

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

.blog-listing__post {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  overflow: hidden;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid #F1EFE7;
      -webkit-box-shadow: 0 8px 19px 2px rgba(0, 0, 0, .08);
}

.blog-listing__post--featured {
  background-color: rgba(255, 255, 255, 0.6);
  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 img {
  height: 100%;
}

.related-post__image {
    object-fit: cover;
      max-height: 200px;
}

.blog-listing__post-content, .blog-post-card__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-author a,  
.blog-listing__post-tags a,
.blog-listing__post-timestamp {
  color: var(--dark-l2);
  font-size: 0.9rem;
}

.blog .blog-listing__post-title {
  padding-bottom: 1rem;
}

.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-listing__post-description {
  line-height: 1.4
}

/* Blog Search */

.blog-search {
  position: relative;
}

.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;
}

.hs-search-field__bar button svg {
  height: 18px;
}

.blog-search form:before {
  display: none !important;
}

.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__headline h1, .blog-post__headline {
  text-align: left; padding-top: 0px;
}

.blog-post-card {
  border-radius: var(--radius);
  color: var(--dark);
  flex-shrink: 0;
  margin-bottom: 1rem;
  min-height: 300px;
  overflow: hidden;
  width: 100%;
  border: 1px solid #f1efe7;
  -webkit-box-shadow: 0 8px 19px 2px rgba(0, 0, 0, .08);
  min-width: 300px;
}

@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 {
      -webkit-line-clamp: 2;
      max-height: 3em;
}

.blog-post-card__title, .blog-listing__post-title-link, .blog-listing__post-title {
  display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-listing__post-title-link, .blog-listing__post-title {
    -webkit-line-clamp: 3;
      max-height: 4em;
}

.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;
  line-height: 1.5
}

.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: #fff;
  min-height: 100%;
  padding: 1.4em;
}

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


@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);
}

/* Two column post */ 
.blog-post__column-wrapper {
      padding: 80px 20px 0px 20px;
    display: flex;
      flex-wrap: wrap;
}

.content-wrapper {
        max-width: var(--desktop-container);
}

.blog-post__left-sidebar {
      flex-basis: 260px;
      padding-bottom: 2rem;
}

.btn__back-to-posts {
color: #000000;
      display: block;
    text-decoration: none;
}

.blog-post__left-sidebar .btn__back-to-posts::before {
    content: "← ";
}

.blog-post-section {
  flex-basis: 940px;
}

.button-wrapper {
      margin: 2rem;
}

/* 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;
  justify-content: space-between;
}

.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;
}

.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 ----------- */

html {
  scroll-behavior: smooth;
}

/* Features */

.c-feature__text {
  padding-bottom: 1.33rem;
  padding-top:    1.33rem;
}

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

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

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

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

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

@media only screen and (min-width: 1024px) {
  .c-feature {
    padding-bottom: 3.33rem;
    padding-top: 3.33rem;
  }

  .c-feature__text {
    padding-right: 3.67rem;
  }

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

@media only screen and (min-width: 1400px) {
  .c-feature {
    padding-bottom: 3.67rem;
    padding-top:    3.67rem;
  }

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

  .c-feature--rt .c-feature__text {
    margin-right: 3.33rem;
    padding-left: 5.67rem;
    padding-right: 0;
  }
}

/* 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;
}

/* -------------------CUSTOM SS---------------- */
.podcast-h2  {
      padding-bottom: 10px !important;
    text-align: left !important;
}

.closer-pb  {
      padding-bottom: 1rem !important;
}

.closer-pt  {
      padding-top: 1rem !important;
}