/* Tools */
/* Generic */
*, *:before, *:after {
box-sizing:border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document*/
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Smooth scrolling to anchor links
 */
html {
line-height:1.5; /* 1 */
-webkit-text-size-adjust:100%; /* 2 */
scroll-behavior:smooth; /* 3 */
}
/* Sections */
/* Remove the margin in all browsers */
body {
margin:0;
}
/* Render the `main` element consistently in IE */
main {
display:block;
}
/* Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari */
h1 {
font-size:2em;
margin:0.67em 0;
}
/* Grouping content */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
box-sizing:content-box; /* 1 */
height:0; /* 1 */
overflow:visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
font-family:monospace, monospace; /* 1 */
font-size:1em; /* 2 */
}
/* Text-level semantics */
/* Remove the gray background on active links in IE 10 */
a {
background-color:transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
border-bottom:none; /* 1 */
text-decoration:underline; /* 2 */
text-decoration:underline dotted; /* 2 */
}
/* Add the correct font weight in Chrome, Edge, and Safari */
b,
strong {
font-weight:bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
font-family:monospace, monospace; /* 1 */
font-size:1em; /* 2 */
}
/* Add the correct font size in all browsers */
small {
font-size:80%;
}
/* Prevent `sub` and `sup` elements from affecting the line height in all browsers */
sub,
sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sub {
bottom:-0.25em;
}
sup {
top:-0.5em;
}
/* Embedded content */
/* Remove the border on images inside links in IE 10 */
img {
border-style:none;
height:auto;
max-width:100%;
}
/* Forms */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
font-family:inherit; /* 1 */
font-size:100%; /* 1 */
line-height:1.5; /* 1 */
margin:0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
overflow:visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
text-transform:none;
}
/* Correct the inability to style clickable types in iOS and Safari */
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance:button;
}
/* Remove the inner border and padding in Firefox */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style:none;
padding:0;
}
/* Restore the focus styles unset by the previous rule */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline:1px dotted ButtonText;
}
/* Correct the padding in Firefox */
fieldset {
padding:0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
box-sizing:border-box; /* 1 */
color:inherit; /* 2 */
display:table; /* 1 */
max-width:100%; /* 1 */
padding:0; /* 3 */
white-space:normal; /* 1 */
}
/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
vertical-align:baseline;
}
/* Remove the default vertical scrollbar in IE 10+ */
textarea {
overflow:auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
box-sizing:border-box; /* 1 */
padding:0; /* 2 */
}
/* Correct the cursor style of increment and decrement buttons in Chrome */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height:auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
-webkit-appearance:textfield; /* 1 */
outline-offset:-2px; /* 2 */
}
/* Remove the inner padding in Chrome and Safari on macOS */
[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */ 
::-webkit-file-upload-button {
-webkit-appearance:button; /* 1 */
font:inherit; /* 2 */
}
/* Interactive */
/* Add the correct display in Edge, IE 10+, and Firefox */
details {
display:block;
}
/* Add the correct display in all browsers */
summary {
display:list-item;
}
/* Misc */
/* Add the correct display in IE 10+ */
template {
display:none;
}
/* Add the correct display in IE 10 */
[hidden] {
display:none;
}
/* Objects */
/* Responsive grid */
.row-fluid {
width:100%;
}
.row-fluid:before, .row-fluid:after {
display:table;
content: '';
}
.row-fluid:after {
clear:both;
}
.row-fluid [class*='span'] {
display:block;
float:left;
width:100%;
margin-left:2.127659574%;
-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%;
}
.row-fluid .span11 {
width:91.489361693%;
}
.row-fluid .span10 {
width:82.97872339599999%;
}
.row-fluid .span9 {
width:74.468085099%;
}
.row-fluid .span8 {
width:65.95744680199999%;
}
.row-fluid .span7 {
width:57.446808505%;
}
.row-fluid .span6 {
width:48.93617020799999%;
}

.row-fluid .span5 {
width:40.425531911%;
}
.row-fluid .span4 {
width:31.914893614%;
}
.row-fluid .span3 {
width:23.404255317%;
}
.row-fluid .span2 {
width:14.89361702%;
}
.row-fluid .span1 {
width:6.382978723%;
}
.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%;
}
.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%;
-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%;
}
.row-fluid .span11 {
width:91.436464082%;
}
.row-fluid .span10 {
width:82.87292817100001%;
}
.row-fluid .span9 {
width:74.30939226%;
}
.row-fluid .span8 {
width:65.74585634900001%;
}
.row-fluid .span7 {
width:57.182320438000005%;
}
.row-fluid .span6 {
width:48.618784527%;
}
.row-fluid .span5 {
width:40.055248616%;
}
.row-fluid .span4 {
width:31.491712705%;
}
.row-fluid .span3 {
width:22.928176794%;
}
.row-fluid .span2 {
width:14.364640883%;
}
.row-fluid .span1 {
width:5.801104972%;
}
}
@media (min-width:1280px) {
.row-fluid {
width:100%;
}
.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%;
-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%;
}
.row-fluid .span11 {
width:91.45299145300001%;
}
.row-fluid .span10 {
width:82.905982906%;
}
.row-fluid .span9 {
width:74.358974359%;
}
.row-fluid .span8 {
width:65.81196581200001%;
}
.row-fluid .span7 {
width:57.264957265%;
}
.row-fluid .span6 {
width:48.717948718%;
}
.row-fluid .span5 {
width:40.170940171000005%;
}
.row-fluid .span4 {
width:31.623931624%;
}
.row-fluid .span3 {
width:23.076923077%;
}
.row-fluid .span2 {
width:14.529914530000001%;
}
.row-fluid .span1 {
width:5.982905983%;
}
}
/* Clearfix */
.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 1rem;
}
.dnd-section > .row-fluid {
margin:0 auto;
}
.dnd-section .dnd-column {
padding:0 1rem;
}
@media (max-width:767px) {
.dnd-section .dnd-column {
padding:0;
}
}
/* Elements */
body {
line-height:1.5;
overflow-wrap:break-word;
}
html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
line-break:strict;
overflow-wrap:normal;
word-break:break-all;
}
/* Paragraphs */
p {
font-size:1rem;
margin:0 0 1.5rem;
}
/* Anchors */
a {
cursor:pointer;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
line-height:1.2;
margin:0 0 1.5rem;
}
/* Replace underlines with bottom borders */
h1[style*="underline"],
h1 *[style*="underline"],
h1 u {
border-bottom-style:solid;
border-bottom-width:2px;
text-decoration:none !important;
}
h2[style*="underline"],
h2 *[style*="underline"],
h2 u {
border-bottom-style:solid;
border-bottom-width:2px;
text-decoration:none !important;
}
h3[style*="underline"],
h3 *[style*="underline"],
h3 u {
border-bottom-style:solid;
border-bottom-width:2px;
text-decoration:none !important;
}
h4[style*="underline"],
h4 *[style*="underline"],
h4 u {
border-bottom-style:solid;
border-bottom-width:2px;
text-decoration:none !important;
}
h5[style*="underline"],
h5 *[style*="underline"],
h5 u {
border-bottom-style:solid;
border-bottom-width:2px;
text-decoration:none !important;
}
h6[style*="underline"],
h6 *[style*="underline"],
h6 u {
border-bottom-style:solid;
border-bottom-width:2px;
text-decoration:none !important;
}
/* Lists */
ul,
ol {
margin:0 0 1.5rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin:0;
}
ul.no-list {
list-style:none;
margin:0;
padding-left:0;
}
.list-arrows ul {
padding-left:0.5rem;
}
.list-arrows li {
font-weight:600;
list-style-type: "»";
margin-bottom:0.5rem;
padding-left:0.5rem;
}
/* Code blocks */
pre {
overflow:auto;
}
code {
padding:0.25rem 0.5rem;
vertical-align:middle;
}
/* Blockquotes */
blockquote {
font-size:1.75rem;
font-weight:700;
line-height:1.2;
}
blockquote a,
blockquote a:hover,
blockquote a:focus,
blockquote a:active {
font-size:1.75rem;
font-weight:700;
line-height:1.2;
}
/* Horizontal rules */
hr {
border:none;
border-bottom:1px solid #CCC;
}
/* Image alt text */
img {
font-size:0.583rem;
word-break:normal;
}
button,
.button {
cursor:pointer;
display:inline-block;
text-align:center;
transition:all 0.15s linear;
white-space:normal;
}
button:disabled,
.button:disabled {
background-color:#D0D0D0;
border-color:#D0D0D0;
color:#E6E6E6;
}
/* Button - Text */
.button.button--text,
.button.button--text:hover,
.button.button--text:focus,
.button.button--text:active,
button.button--text,
button.button--text:hover,
button.button--text:focus,
button.button--text:active {
background:none;
border:none;
padding:0;
}
/* Button with Arrow SVG */
.button--arrow {
align-items:center;
display:flex;
flex-direction:row;
justify-content:center;
}
.button--arrow svg {
margin-left:0.5rem;
transform:translateY(-1px);
}
/* No button */
.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
background:none;
border:none;
border-radius:0;
color:initial;
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
letter-spacing:inherit;
line-height:inherit;
margin-bottom:0;
padding:0;
text-align:left;
text-decoration:none;
transition:none;
}
/* Fields */
.hs-form-field {
margin-bottom:1.4rem;
position:relative;
}
@media (min-width:768px) {
.update-details__form .hs-fieldtype-text,
.update-details__form .hs-fieldtype-date,
.update-details__form .hs-fieldtype-file,
.update-details__form .hs-fieldtype-number,
.update-details__form .hs-fieldtype-phonenumber,
.update-details__form .hs-fieldtype-select,
.update-details__form .hs-fieldtype-textarea,
#hs-membership-form .hs-form-field {
align-items:flex-start;
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.update-details__form .hs-fieldtype-text label:not(.hs-error-msg),
.update-details__form .hs-fieldtype-date label:not(.hs-error-msg),
.update-details__form .hs-fieldtype-file label:not(.hs-error-msg),
.update-details__form .hs-fieldtype-number label:not(.hs-error-msg),
.update-details__form .hs-fieldtype-phonenumber label:not(.hs-error-msg),
.update-details__form .hs-fieldtype-select label:not(.hs-error-msg),
.update-details__form .hs-fieldtype-textarea label:not(.hs-error-msg),
#hs-membership-form .hs-form-field label:not(.hs-error-msg) {
margin-right:1rem;
width:10rem;
}
}
/* Labels */
form label,
.form-label {
display:block;
font-size:0.875rem;
margin-bottom:0.35rem;
}
/* Help text */
form legend,
.form legend {
font-size:0.875rem;
}
/* Inputs */
form .input,
.form .input {
width: 100%;
}
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea,
.form input[type=text],
.form input[type=email],
.form input[type=password],
.form input[type=tel],
.form input[type=number],
.form input[type=file],
.form select,
.form textarea,
.hs-input {
display:inline-block;
font-size:0.875rem;
line-height:1.5;
min-height:32px;
width:100% !important;
}
form fieldset,
.form fieldset {
max-width:100% !important;
}
@media (min-width:400px) {
form fieldset.form-columns-2 > .hs-form-field:first-of-type {
padding-right:1rem;
}
}
/* Placeholder */
/* Form placeholder text */
::-webkit-input-placeholder {
font-style:italic;
}
::-moz-placeholder {
font-style:italic;
}
:-ms-input-placeholder {
font-style:italic;
}
::placeholder {
font-style:italic;
}
/* Inputs - checkbox/radio */
form .inputs-list {
margin:0;
padding:0;
list-style:none;
}
form .inputs-list > li {
display:block;
margin:0.5rem 0;
}
form .inputs-list input,
form .inputs-list span {
vertical-align:middle;
}
form input[type=checkbox],
form input[type=radio] {
cursor:pointer;
margin-right:0.25rem;
}
/* Inputs - Checkboxes / Radio Select */
ul.inputs-list:not(.hs-error-msgs) li {
padding:0.25rem 0;
}
/* Inputs - Custom Checkbox and Radio Buttons */
li.hs-form-checkbox label,
li.hs-form-booleancheckbox label,
li.hs-form-radio label {
position:relative;
}
li.hs-form-checkbox label span:not(.hs-form-required),
li.hs-form-booleancheckbox label span:not(.hs-form-required),
li.hs-form-radio label span:not(.hs-form-required),
.legal-consent-container li.hs-form-booleancheckbox label > span:not(.hs-form-required) {
display:inline-block;
margin-left:2rem !important;
}
/* Inputs - Custom Checkbox: Hide the original checkbox */
li.hs-form-checkbox label input,
li.hs-form-booleancheckbox label input,
li.hs-form-radio label input {
height:1.5rem;
left:0;
opacity:0;
position:absolute;
top:0;
width:1.5rem;
}
/* Inputs - Custom Checkbox: Add new checkbox */
li.hs-form-checkbox label span:not(.hs-form-required):before,
li.hs-form-booleancheckbox label span:not(.hs-form-required):before,
li.hs-form-radio label span:not(.hs-form-required):before {
content: "";
height:1.5rem;
left:0;
position:absolute;
top:0;
width:1.5rem;
border-radius:0;
}
li.hs-form-checkbox label span:not(.hs-form-required):before,
li.hs-form-booleancheckbox label span:not(.hs-form-required):before {
border-radius:0;
}
li.hs-form-radio label span:not(.hs-form-required):before {
border-radius:50%;
}
/* Inputs - Custom Checkbox: Style new checked item */
li.hs-form-radio label span:not(.hs-form-required):after {
content: "";
height:calc(1.5rem - 4px);
left:2px;
opacity:0;
position:absolute;
top:2px;
transition:opacity 0.3s ease-in-out;
width:calc(1.5rem - 4px);
}
li.hs-form-checkbox label span:not(.hs-form-required):after,
li.hs-form-booleancheckbox label span:not(.hs-form-required):after {
content: "";
background:none;
border-style:solid;
border-width:4px;
border-left:0;
border-top:0;
height:1rem;
left:0.5rem;
opacity:0;
position:absolute;
top:2px;
transform:rotate(45deg);
transition:opacity 0.2s ease-in-out;
width:8px;
}
li.hs-form-checkbox label span:not(.hs-form-required):after,
li.hs-form-booleancheckbox label span:not(.hs-form-required):after {
 border-radius:0;
}

li.hs-form-radio label span:not(.hs-form-required):after {
 border-radius:50%;
}
/* Inputs - Custom Checkbox: Show when checked */
li.hs-form-checkbox label input:checked + span:after,
li.hs-form-booleancheckbox label input:checked + span:after,
li.hs-form-radio label input:checked + span:after {
 opacity:1;
}
/* Inputs - Custom Checkbox: Style when focused */
li.hs-form-checkbox label input:focus + span:after,
li.hs-form-booleancheckbox label input:focus + span:after,
li.hs-form-radio label input:focus + span:after {
outline:3px solid transparent; /* For Windows high contrast mode. */
}
/* Inputs - date picker */
.hs-dateinput {
position: relative;
}
.hs-dateinput:before {
content:'\01F4C5';
position:absolute;
right:8px;
top:50%;
transform:translateY(-50%);
}
.fn-date-picker .pika-table thead th {
color:#FFF;
}
.fn-date-picker td.is-selected .pika-button {
border-radius:0;
box-shadow:none;
}
.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
border-radius:0 !important;
color:#FFF;
}
/* Inputs - file picker */
form input[type=file],
.form input[type=file] {
background-color:transparent;
border:initial;
padding:initial;
}
/* Headings and text */
form .hs-richtext,
form .hs-richtext p,
.form .hs-richtext,
.form .hs-richtext p {
font-size:0.875rem;
margin:0 0 1.5rem;
}
form .hs-richtext img,
.form .hs-richtext img {
max-width:100% !important;
}
/* GDPR */
.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
margin-left:1rem !important;
}
/* Validation */
.hs-form-required {
color:#ff553d;
}
.hs-input.invalid.error {
border-color:#ff553d;
}
.hs-error-msg {
color:#ff553d;
margin-top:0.35rem;
}
@media (min-width:768px) {
form .inputs-list.hs-error-msgs {
color:#ff553d;
width:100%;
}
form.update-details__form .inputs-list.hs-error-msgs {
padding-left:11rem;
}
}
/* Submit button */
form input[type=submit],
form .hs-button,
.form input[type=submit],
.form .hs-button {
cursor:pointer;
display:inline-block;
text-align:center;
transition:all 0.15s linear;
white-space:normal;
}
/* Captcha */
.grecaptcha-badge {
margin: 0 auto;
}
/* Submitted message */
.submitted-message {}
/* Table */
table {
border-collapse:collapse;
margin-bottom:1.4rem;
overflow-wrap:break-word;
}
/* Table cells */
td,
th {
vertical-align:top;
}
/* Table header */
thead th {
vertical-align:bottom;
}
/* Components */
/* Sticky Header - relies on the header block being the first div within body-wrapper */
.body-wrapper > div:first-of-type {
position:sticky;
top: 0;
width:100%;
z-index:10000;
}
/* Header DND sections */
.header .dnd-section {
padding:0;
}
/* Navigation Skipper */
.header__skip {
height:1px;
left:-1000px;
overflow:hidden;
position:absolute;
text-align:left;
top:-1000px;
width:1px;
}
.header__skip:hover,
.header__skip:focus,
.header__skip:active {
height:auto;
left:0;
overflow:visible;
top:0;
width:auto;
}
/* Header */
.header {
border-bottom-style:solid;
border-bottom-width:1px;
}
.header--2024 {
border-bottom-width:0.25rem;
}
.header__container {
align-items:center;
display:flex;
flex-direction:row;
justify-content:space-between;
height:80px; /* Fixed Height Header */
}
.header--no-navigation .header__container {
justify-content:center;
}
.header__logo a {
align-items:center;
display:flex;
height:auto;
margin-right:auto;
max-height:calc(80px - 2rem); /* Fixed Height Header */
overflow:hidden;
width:auto;
}
.header__logo .hs_cos_wrapper_type_logo img {
max-height:calc(80px - 2rem); /* Note: Fixed Height Header */
width:auto;
}
@media (max-width:1199px) {
.header__logo {
max-width:150px;
}
}
/* Header Top */
.header__top {
align-items:center;
display:flex;
flex-direction:row;
justify-content:flex-end;
}
.header__search {
margin-left:1rem;
}
@media (max-width:1199px) {
.header__top-wrapper {
display:none;
}
}
/* Header Top Navigation */
.header__top-navigation .hs-menu-wrapper ul {
align-items:center;
display:flex;
flex-direction:row;
justify-content:flex-end;
color:#323E48 !important;
}
.header__top-navigation .hs-menu-wrapper ul li {
padding:0.5rem;
position:relative;
}
.header--2024 .header__top-navigation .hs-menu-wrapper ul li {
padding:0.5rem 1.5rem;
}
.header__top-navigation .hs-menu-wrapper ul li:after {
content: '';
position:absolute;
right:0;
}
.header__top-navigation .hs-menu-wrapper ul li:last-of-type:after {
display:none;
}
.header__top-navigation .hs-menu-wrapper ul li a {
font-size:0.95rem;
text-decoration:none;
}
/* Icons */
.header--2024 .header__top-navigation .hs-menu-wrapper ul li a[href="https://account.titania.com"]:before {
content:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%23323e48' height='15px' width='15px'%3E%3Cg%3E%3Cg%3E%3Cpath d='M437.333,192h-32v-42.667C405.333,66.99,338.344,0,256,0S106.667,66.99,106.667,149.333V192h-32 C68.771,192,64,196.771,64,202.667v266.667C64,492.865,83.135,512,106.667,512h298.667C428.865,512,448,492.865,448,469.333 V202.667C448,196.771,443.229,192,437.333,192z M287.938,414.823c0.333,3.01-0.635,6.031-2.656,8.292 c-2.021,2.26-4.917,3.552-7.948,3.552h-42.667c-3.031,0-5.927-1.292-7.948-3.552c-2.021-2.26-2.99-5.281-2.656-8.292l6.729-60.51 c-10.927-7.948-17.458-20.521-17.458-34.313c0-23.531,19.135-42.667,42.667-42.667s42.667,19.135,42.667,42.667 c0,13.792-6.531,26.365-17.458,34.313L287.938,414.823z M341.333,192H170.667v-42.667C170.667,102.281,208.948,64,256,64 s85.333,38.281,85.333,85.333V192z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
margin-right:0.25rem;
}
.header--2024 .header__top-navigation .hs-menu-wrapper ul li a[href="https://account.titania.com"]:hover:before {
content:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%233660AA' height='15px' width='15px'%3E%3Cg%3E%3Cg%3E%3Cpath d='M437.333,192h-32v-42.667C405.333,66.99,338.344,0,256,0S106.667,66.99,106.667,149.333V192h-32 C68.771,192,64,196.771,64,202.667v266.667C64,492.865,83.135,512,106.667,512h298.667C428.865,512,448,492.865,448,469.333 V202.667C448,196.771,443.229,192,437.333,192z M287.938,414.823c0.333,3.01-0.635,6.031-2.656,8.292 c-2.021,2.26-4.917,3.552-7.948,3.552h-42.667c-3.031,0-5.927-1.292-7.948-3.552c-2.021-2.26-2.99-5.281-2.656-8.292l6.729-60.51 c-10.927-7.948-17.458-20.521-17.458-34.313c0-23.531,19.135-42.667,42.667-42.667s42.667,19.135,42.667,42.667 c0,13.792-6.531,26.365-17.458,34.313L287.938,414.823z M341.333,192H170.667v-42.667C170.667,102.281,208.948,64,256,64 s85.333,38.281,85.333,85.333V192z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.header--2024 .header__top-navigation .hs-menu-wrapper ul li a[href="https://www.titania.com/support"]:before {
content:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' height='15' width='15' fill='%23323e48'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M123.583,282.227c0,0.001,0.001,0.004,0.001,0.004C123.901,281.911,123.88,281.93,123.583,282.227z'%3E%3C/path%3E%3Cpath d='M500.65,211.459l-25.46-6.122c-5.536-24.167-15.071-47.133-28.399-68.487l12.903-21.662 c3.516-5.902,2.563-13.431-2.285-18.279l-42.285-42.285c-4.848-4.833-12.361-5.8-18.279-2.285l-21.662,12.903 c-21.354-13.328-44.32-22.863-68.487-28.399l-6.122-25.46c-1.67-6.664-7.66-11.352-14.544-11.352h-59.992 c-6.884,0-12.874,4.687-14.544,11.352l-6.122,25.46c-24.167,5.536-47.133,15.071-68.487,28.399l-21.662-12.903 c-5.902-3.516-13.431-2.563-18.279,2.285L54.657,96.908c-4.848,4.848-5.8,12.376-2.285,18.279l12.903,21.662 c-13.328,21.354-22.863,44.32-28.399,68.487l-25.46,6.122c-6.664,1.67-11.352,7.66-11.352,14.544v59.992 c0,6.884,4.687,12.889,11.366,14.544l25.46,6.122c3.691,16.014,9.246,31.399,16.38,46.155 c11.015-11.06,66.337-66.619,70.313-70.59c-0.196-1.01-2.339-20.221-2.396-23.963c-1.276-76.427,60.283-137.233,134.904-137.233 c75.132,0,135.043,60.582,134.76,135.437c-0.322,69.227-51.991,128.161-124.155,133.551c-3.122,0.24-17.236,2.322-36.909-1.556 l-70.391,70.391c14.7,7.091,30.027,12.61,45.975,16.287l6.122,25.475c1.67,6.664,7.66,11.352,14.544,11.352h59.992 c6.884,0,12.874-4.687,14.544-11.352l6.122-25.46c24.167-5.536,47.133-15.071,68.487-28.399l21.662,12.903 c5.873,3.516,13.416,2.549,18.279-2.285l42.285-42.285c4.848-4.848,5.8-12.376,2.285-18.279l-12.903-21.662 c13.343-21.354,22.863-44.32,28.399-68.502l25.445-6.107c6.679-1.655,11.366-7.66,11.366-14.544v-59.992 C512,219.119,507.314,213.128,500.65,211.459z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M357.518,228.58c-1.317-5.164-5.304-9.226-10.445-10.634c-5.139-1.41-10.63,0.059-14.399,3.827L298.449,256 c-11.699,11.699-30.717,11.699-42.417,0c-11.688-11.688-11.688-30.728,0-42.417l34.24-34.24c3.768-3.768,5.223-9.268,3.814-14.405 c-1.41-5.137-5.467-9.13-10.63-10.442c-63.286-16.083-120.238,25.14-130.683,82.067c-3.354,18.748-1.86,37.422,4.276,54.617 c-8.534,8.535-140.348,140.347-143.891,143.892c-17.591,17.591-17.591,46.21,0.278,64.079 c17.702,16.78,44.813,17.486,63.522-0.278l143.892-143.892c23.043,8.224,48.742,8.057,73.891-0.817 C340.056,338.174,371.771,284.511,357.518,228.58z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
margin-right:0.25rem;
}
.header--2024 .header__top-navigation .hs-menu-wrapper ul li a[href="https://www.titania.com/support"]:hover:before {
content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' height='15' width='15' fill='%233660AA'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M123.583,282.227c0,0.001,0.001,0.004,0.001,0.004C123.901,281.911,123.88,281.93,123.583,282.227z'%3E%3C/path%3E%3Cpath d='M500.65,211.459l-25.46-6.122c-5.536-24.167-15.071-47.133-28.399-68.487l12.903-21.662 c3.516-5.902,2.563-13.431-2.285-18.279l-42.285-42.285c-4.848-4.833-12.361-5.8-18.279-2.285l-21.662,12.903 c-21.354-13.328-44.32-22.863-68.487-28.399l-6.122-25.46c-1.67-6.664-7.66-11.352-14.544-11.352h-59.992 c-6.884,0-12.874,4.687-14.544,11.352l-6.122,25.46c-24.167,5.536-47.133,15.071-68.487,28.399l-21.662-12.903 c-5.902-3.516-13.431-2.563-18.279,2.285L54.657,96.908c-4.848,4.848-5.8,12.376-2.285,18.279l12.903,21.662 c-13.328,21.354-22.863,44.32-28.399,68.487l-25.46,6.122c-6.664,1.67-11.352,7.66-11.352,14.544v59.992 c0,6.884,4.687,12.889,11.366,14.544l25.46,6.122c3.691,16.014,9.246,31.399,16.38,46.155 c11.015-11.06,66.337-66.619,70.313-70.59c-0.196-1.01-2.339-20.221-2.396-23.963c-1.276-76.427,60.283-137.233,134.904-137.233 c75.132,0,135.043,60.582,134.76,135.437c-0.322,69.227-51.991,128.161-124.155,133.551c-3.122,0.24-17.236,2.322-36.909-1.556 l-70.391,70.391c14.7,7.091,30.027,12.61,45.975,16.287l6.122,25.475c1.67,6.664,7.66,11.352,14.544,11.352h59.992 c6.884,0,12.874-4.687,14.544-11.352l6.122-25.46c24.167-5.536,47.133-15.071,68.487-28.399l21.662,12.903 c5.873,3.516,13.416,2.549,18.279-2.285l42.285-42.285c4.848-4.848,5.8-12.376,2.285-18.279l-12.903-21.662 c13.343-21.354,22.863-44.32,28.399-68.502l25.445-6.107c6.679-1.655,11.366-7.66,11.366-14.544v-59.992 C512,219.119,507.314,213.128,500.65,211.459z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M357.518,228.58c-1.317-5.164-5.304-9.226-10.445-10.634c-5.139-1.41-10.63,0.059-14.399,3.827L298.449,256 c-11.699,11.699-30.717,11.699-42.417,0c-11.688-11.688-11.688-30.728,0-42.417l34.24-34.24c3.768-3.768,5.223-9.268,3.814-14.405 c-1.41-5.137-5.467-9.13-10.63-10.442c-63.286-16.083-120.238,25.14-130.683,82.067c-3.354,18.748-1.86,37.422,4.276,54.617 c-8.534,8.535-140.348,140.347-143.891,143.892c-17.591,17.591-17.591,46.21,0.278,64.079 c17.702,16.78,44.813,17.486,63.522-0.278l143.892-143.892c23.043,8.224,48.742,8.057,73.891-0.817 C340.056,338.174,371.771,284.511,357.518,228.58z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
/* Header Bottom */
.header__bottom {
align-items:center;
display:flex;
flex-direction:row;
justify-content:space-between;
}
.header__content {
align-items:center;
display:flex;
justify-content:flex-end;
}
.header--2024 .header__content {
flex-grow:1;
justify-content:space-between;
padding-left:2rem;
}
@media (max-width:1199px) {
.header__bottom {
padding:0.5rem 0;
}
.header__content {
flex-grow:1;
}
}
/* Header Navigation */
@media (max-width:1199px) {
.header__navigation {
background-color:#ffffff;
box-shadow:0 6px 12px rgb(32 33 36 / 10%);
display:block;
height:0; /* Hides the menu in an accessible way (display/visibility prevent keyboard navigation) */
left:0;
opacity:0;
padding:0;
pointer-events:none;  /* Hides the menu in an accessible way (display/visibility prevent keyboard navigation) */
position:absolute;
top:51px;
 -webkit-transform:scale(1,.8);
 -ms-transform:scale(1,.8);
  transform:scale(1,.8);
 -webkit-transform-origin:center top;
 -ms-transform-origin:center top;
  transform-origin:center top;
visibility:hidden;
z-index:-1000; /* Hides the menu in an accessible way (display/visibility prevent keyboard navigation) */
}
.header__navigation.open {
height:auto;
padding:1rem 1rem 2rem 1rem;
pointer-events:auto;
opacity:1;
 -webkit-transform:scale(1,1);
 -ms-transform:scale(1,1);
  transform:scale(1,1);
 -webkit-transition:-webkit-transform .3s ease;
  transition:-webkit-transform .3s ease;
 -o-transition:transform .3s ease;
  transition:transform .3s ease;
  transition:transform .3s ease, -webkit-transform .3s ease;
visibility:visible;
width:100%;
z-index:10001;
}
}
/* Header Navigation - Mobile */
.header__navigation-mobile ul {
width:100%;
}
.header__navigation-mobile .hs-menu-item {
border-bottom-style:solid;
border-bottom-width:1px;
width:100%;
}
.header__navigation-mobile .hs-menu-item a {
display:block;
font-size:1rem;
font-weight:700;
padding:0.5rem 1rem;
}
.header__navigation-mobile .hs-menu-depth-1 {
display:inline-block;
padding:0;
}
@media (min-width: 1200px) {
.header__navigation-mobile {
display:none;
}
}
/* Header Search */
.header--2024 .header__search-button button {
font-size:0.95rem;
color:#323e48;
display:inline-block;
margin-right: 1.5rem;
padding:0.5rem 1.5rem;
}
.header--2024 .header__search-button button:hover,
.header--2024 .header__search-button button:focus,
.header--2024 .header__search-button button:active {
font-size:0.95rem;
color:#3660AA;
display:inline-block;
margin-right:1.5rem;
padding:0.5rem 1.5rem;  
}
.header--2024 .header__search-button button:hover svg,
.header--2024 .header__search-button button:focus svg,
.header--2024 .header__search-button button:active svg {
fill:#3660AA;
}
@media (max-width:1199px) {
.header--2024 .header__search-button,
.header--2024 .header__search-bar {
display:none;
opacity:0;
visibility:hidden;
z-index:-100;
}
}
@media (min-width:1200px) {
.header--2024 .header__navigation {
position:relative;
}
}
.header--2024 .header__search-bar {
background-color:#fff;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
.header__search-bar .search-input__bar {
display:flex;
flex-direction:row;
}
/* Header Buttons */
.header__buttons {
display:flex;
flex-direction:row;
margin-left:1rem;
}
.header__buttons > div:first-of-type {
margin-right:0.5rem;
}
@media (max-width:1199px) {
.header__buttons {
margin:0 1rem;
}
.header__buttons > div:last-of-type {
display:none;
}
.header__buttons .button {
font-size:0.8rem;
}
}
/* Header Hamburger */
.header__navigation-toggle {
background-color:transparent;
border-color:rgba(0, 0, 0, 0.1);
line-height:1;
padding:0.3rem;
}
.header__navigation-toggle:hover,
.header__navigation-toggle:focus {
background-color:transparent;
border-color:rgba(0, 0, 0, 0.1);
}
.header__navigation-toggle svg {
fill:#7f7f7f;
}
.header__navigation-toggle-close {
display:none;
opacity:0;
visibility:hidden;
}
.header__navigation-toggle.open .header__navigation-toggle-hamburger {
display:none;
opacity:0;
visibility:hidden;
}
.header__navigation-toggle.open .header__navigation-toggle-close {
display:block;
opacity:1;
visibility:visible;
}
@media (min-width:1200px) {
.header__navigation-toggle {
display:none;
opacity:0;
visibility:hidden;
}
}
/* 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;
}
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
margin-left:-0.5rem;
margin-right:-0.5rem;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul li {
padding:0.5rem;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul li a {
text-decoration:none;
}
@media (min-width:1140px) {
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
margin-left:-1rem;
margin-right:-1rem;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul li {
padding:0.5rem 1rem;
}
}
/* 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;
}
}
/* CTA, logo, and rich text images */
.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
height:auto;
max-width:100%;
}
/* Hero */
.hero h1 {
margin-bottom:0.5rem;
}
.hero h2 {
font-weight:200;
margin-bottom:1rem;
}
/* Stack Right-to-Left */
@media (max-width: 767px) {
.dnd-section.stack-rtl > .row-fluid {
display:flex;
flex-direction:column-reverse;
}
}
/* Sticky Subnavigation */
.sticky-subnav {
position:sticky;
top:114.59px; /* Update based on header height */
z-index:9999;
}
@media (max-width:1139px) {
.sticky-subnav {
top:50.59px; /* Update based on header height */
}
}
@media (max-width:767px) {
.sticky-subnav {
display:none;
opacity:0;
visibility:hidden;
}
}
/* Utilities */
/* For content that needs to be visually hidden but stay visible for screenreaders */
.show-for-sr {
border:0 !important;
clip:rect(0, 0, 0, 0) !important;
height:1px !important;
overflow:hidden !important;
padding:0 !important;
position:absolute !important;
white-space:nowrap !important;
width:1px !important;
}
@media (max-width: 767px) {
.show-for-sr--mobile {
border:0 !important;
clip:rect(0, 0, 0, 0) !important;
height:1px !important;
overflow:hidden !important;
padding:0 !important;
position:absolute !important;
white-space:nowrap !important;
width:1px !important;
}
}
.row-fluid [class*='span'] {
min-height:0;
}
@media (min-width:768px) {
.dnd-column--dividers > .row-fluid > .dnd-column {
border-right-style:solid;
border-right-width:1px;
}
.dnd-column--dividers > .row-fluid > .dnd-column:last-of-type {
border:0;
}
}
.sticky-nav {
position:sticky;
top:114.59px; /* Update based on header height */
z-index:9999;
}
.sticky-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover,
.sticky-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:focus,
.sticky-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:active {
color:#fff;
}
@media (max-width:1139px) {
.sticky-nav {
top:50.59px; 
}
}
@media (max-width:767px) {
.sticky-nav {
display:none;
opacity:0;
visibility:hidden;
}
}
.page-title {
padding:1.5rem 0;
}
h1.page-title__header,
.page-title__header h1 {
color:#fff;
margin:0;
}
h1.resource-page-title__header,
.resource-page-title__header h1 {
color:#fff;
}
@media (min-width: 768px) {
h1.resource-page-title__header,
.resource-page-title__header h1 {
margin:0;
}
}
.internal-note {
box-shadow:rgb(0 0 0 / 20%) 0 0 10px;
margin:2rem auto;
max-width:800px;
padding:1rem;
}
.breadcrumbs {
padding:0.5rem 0;
}
.hs-breadcrumb-menu-item {
padding:0.25rem 0px 0.25rem 0.25rem;
}
.hs-breadcrumb-label {
color:#808080;
font-size:0.875rem;
}
.hs-breadcrumb-menu-divider:before {
content: '/';
padding-left:0.25rem;
padding:0 0.25rem;
}