/* Theme base styles */


/* Generic
This is where reset, normalize & box-sizing styles go.
*/
/* ------------------------------- GENERIC.CSS ------------------------------- */
/* Document
   ========================================================================== */

/**
 * 1. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  text-size-adjust:100%; /* 1 */
  -webkit-text-size-adjust: 100%;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-size: 1em; /* 1 */
  white-space: pre-wrap; /* Overflow by default is bad. */
}

/* Text-level semantics
   ========================================================================== */

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


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

/* 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: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  border: none;
}

input:read-write {
	-webkit-appearance:none;
}

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

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

/**
 * 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 */
}
/* ------------------------------- BASIC.CSS ------------------------------- */
/* Allow animations to animate to auto or other words e.g. max-content */
:root {
  interpolate-size: allow-keywords;
}


html {
	box-sizing:border-box;
}
*, ::before, ::after {
	box-sizing: inherit;
}

/* Immediately jump any animation to the end point if the user has set their device to "prefers reduced motion". */
/* This could create bad, unintended consequences. Remove as needed, and write your own appropriate code for prefers-reduced-motion. */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001s;
    transition-duration: 0.001s;
  }
}

/* Embedded content
   ========================================================================== */

img, video, canvas, audio, iframe, embed, object, figure, figcaption  { 
  display: block; /* Switch display mode to block, since that's what we usually want for images. */
  vertical-align: middle;  /* If you override, and make an image inline, it's likely you'll want middle vertical alignment. */
}
img, video {
  max-width: 100%; /* Make images and video flexible by default. */
  height: auto; /* Ensure images and video maintain their aspect ratio when max-width comes into play. */
}
img {
  font-style:italic; /* makes alt text italic if image didn't load */
  shape-margin:0.75rem; /* If floated inline gives it a margin */
}
video[controls] {
	cursor:pointer; /* Videos can be clicked to play so should have cursor pointer */
	clip-path:fill-box; /* fixes graphical glitch on windows chromium based browsers https://stackoverflow.com/questions/20771971/video-player-shows-black-border */
}

blockquote {
	padding:0;
	margin:0;
}

ul {
	padding-left: 1.2em;
}

hr{ 
    height: 0;
    overflow: visible;
    border: 0px solid;
    border-bottom-width: var(--module-settings-divider-size,1px);
}

/* Theme 
This is the css used to change the style of the theme
*/
/* ------------------------------- VARIABLES.CSS ------------------------------- */


/*     
    'fullHD':'1920',
    'desktopLarge':'1366',
    'desktop':'1280',
    'desktopSmall':'1024',
    'tabletLarge':'960',
    'tablet':'768',
    'mobileLarge':'640',
    'mobile':'480',
    'mobileSmall':'400' 
*/

/* Set all css variables from the theme here */
:root, :root::before, :root::after {
    --rem: clamp(5px,100vw/36, 10px); /* See media query at bottom for greater than 1920px */
    --container: calc(95*var(--vw));
    /* clamp(75vw,(95vw + (1440*0.75 - 1440*0.95) * (100vw - 720px)/1440),95vw); Potential query to adjust the container gutters more dynamically */
    --container-full: 100%;
    
    --container-narrower:	clamp(60.0rem, ( 60.0rem + 100 * (100vw - 1440px) / 1120 ), 70.0rem);;
    --container-narrow:		clamp(96.0rem, ( 96.0rem + 120 * (100vw - 1440px) / 1120 ), 108.0rem);;
    /* --container-narrow:	clamp(114.0rem, ( 114.0rem + 140 * (100vw - 1440px) / 1120 ), 128.0rem);; */
    --container-default:		clamp(128.0rem, ( 128.0rem + 86 * (100vw - 1440px) / 1120 ), 136.6rem);;
    --container-medium:		clamp(136.6rem, ( 136.6rem + 74 * (100vw - 1440px) / 1120 ), 144.0rem);;
    --container-wide:		clamp(144.0rem, ( 144.0rem + 160 * (100vw - 1440px) / 1120 ), 160.0rem);;
    --container-wider:		clamp(156.0rem, ( 156.0rem + 140 * (100vw - 1440px) / 1120 ), 170.0rem);;

    --mq-full-hd: 1920;
    --mq-desktop-large: 1440;
    --mq-desktop: 1366;
    --mq-desktop-small: 1280;
    --mq-tablet-large: 1024;
    --mq-tablet: 840;
    --mq-tablet-small: 768;
    --mq-mobile-large: 640;
    --mq-mobile: 480;
    --mq-mobile-small: 400;
    
    --color-transparent:						transparent;
    --color-white:								#FFF;
    --color-black:								#000;    
    --color-primary:							#00355a;
    --color-primary2:							#0077cc;
    --color-primary3:							#c24297;
    --color-secondary:							#125252;
    --color-secondary2:							#b5c9c0;
    --color-secondary3:							#66254a;
    --color-tertiary:							#F3F5F5;
    
    --padding-smaller:							5.0rem;  
    --padding-small:							7.5rem;
    --padding-medium:							10.0rem;
    --padding-large:							15.0rem;
    
/*     --font-pre-title-size:					    2.0rem; */
    --font-pre-title-size:					    max(2.0rem,min(2.0rem,2.0rem + 0 * (100vw - 360px) / 664) + (max(0rem,0 * (100vw - 1024px) / 416)));;
    --font-pre-title-weight:				    400;
    --font-pre-title-line-height:			    1.2;
    --font-pre-title-letter-spacing:			0.0em;
    --font-pre-title-color:						#0077CC;
    --font-pre-title-color-light:				#FFFFFF;
    
/*     --font-h1-size:								4.6rem; */
    --font-h1-size:								max(4.2rem,min(4.4rem,4.2rem + 2 * (100vw - 360px) / 664) + (max(0rem,2 * (100vw - 1024px) / 416)));;
    --font-h1-weight:							400;
    --font-h1-line-height:						1.1;
    --font-h1-letter-spacing:					0.0em;
    --font-h1-color:							#00355A;
    --font-h1-color-light:						#FFFFFF;
/*     --font-h2-size:								3.8rem; */
    --font-h2-size:								max(3.4rem,min(3.6rem,3.4rem + 2 * (100vw - 360px) / 664) + (max(0rem,2 * (100vw - 1024px) / 416)));;
    --font-h2-weight:							400;
    --font-h2-line-height:						1.2;
    --font-h2-letter-spacing:					0.0em;
    --font-h2-color:							#00355A;
    --font-h2-color-light:						#FFFFFF;
/*     --font-h3-size:								2.8rem; */
    --font-h3-size:								max(2.4rem,min(2.6rem,2.4rem + 2 * (100vw - 360px) / 664) + (max(0rem,2 * (100vw - 1024px) / 416)));;
    --font-h3--smaller-size:                    max(2.2rem,min(2.4rem,2.2rem + 2 * (100vw - 360px) / 664) + (max(0rem,2 * (100vw - 1024px) / 416)));;
    --font-h3-weight:							400;
    --font-h3-line-height:						1.2;
    --font-h3-letter-spacing:					0.0em;
    --font-h3-color:							#00355A;
    --font-h3-color-light:						#FFFFFF;
/*     --font-h4-size:								2.0rem; */
    --font-h4-size:								max(2.0rem,min(2.0rem,2.0rem + 0 * (100vw - 360px) / 664) + (max(0rem,0 * (100vw - 1024px) / 416)));;
    --font-h4-weight:							400;
    --font-h4-line-height:						1.2;
    --font-h4-letter-spacing:					0.0em;
    --font-h4-color:							#0077CC;
    --font-h4-color-light:						#FFFFFF;
/*     --font-h5-size:								1.8rem; */
    --font-h5-size:								max(1.8rem,min(1.8rem,1.8rem + 0 * (100vw - 360px) / 664) + (max(0rem,0 * (100vw - 1024px) / 416)));;
    --font-h5-weight:						    400;
    --font-h5-line-height:						1.2;
    --font-h5-letter-spacing:					0.0em;
    --font-h5-color:							#00355A;
    --font-h5-color-light:						#FFFFFF;
/*     --font-body-size:							1.8rem; */
    --font-body-size:							max(1.6rem,min(1.8rem,1.6rem + 2 * (100vw - 360px) / 664) + (max(0rem,0 * (100vw - 1024px) / 416)));;
    --font-body-weight:							400;
    --font-body-line-height:					1.7000000000000002;
    --font-body-letter-spacing:					0.0em;
    --font-body-color:							#00355A;
    --font-body-color-light:					#FFFFFF;
    --font-link-underline:						underline;
    --font-link-color:							#C24297;
    --font-link-color-light:					#FFFFFF;
    --font-link-weight:							400;
    --font-link-hover-underline:				underline;
    --font-link-hover-color:					#d661af;
    --font-link-hover-color-light:				;
    --font-strong-font-weight:					700;
    --font-footer-nav-size:						1.7rem;

    --font-blog-title-size:						max(2.0rem,min(2.2rem,2.0rem + 2 * (100vw - 360px) / 664) + (max(0rem,2 * (100vw - 1024px) / 416)));;

    
       
    
    --module-settings-cta-border-radius:			2.1875em;
    --module-settings-listing-border-radius:		1.3888888888888888em;
    --module-settings-image-video-border-radius:	1.3888888888888888em;
    --module-settings-forms-border-radius:			1.3888888888888888em;
    --module-settings-form-inputs-border-radius:	1.3888888888888888em;
    --module-settings-testimonials-border-radius:	1.3888888888888888em;
    --module-settings-column-gap:					2.0rem;
    --module-settings-divider-color:				#131619;
    --module-settings-divider-color-light:			inherit;
    --module-settings-divider-size:					1px;

    /* Header Bar */
    --header-background-color:					#FFFFFF;
    --header-nav-alignment:						right;
    --header-padding:							3.2rem;
    --header-padding-mobile:					2.0rem;
    
    

    /* Header Main Menu Sizes */
    --header-nav-link-size:						clamp(1.6rem, ( 1.6rem + 0 * (100vw - 1024px) / 416 ), 1.6rem);;
    --header-nav-link-weight:					400;
    --header-nav-link-style:					normal;
    --header-nav-link-padding-vertical:			1.2rem;
    --header-nav-link-padding-horizontal:		1.8rem;
    --header-nav-link-margin:					0.5rem;

    --header-nav-link-hover-underline: 			none;
    --header-nav-link-hover-border-width: 		0px;
    --header-nav-link-hover-border-radius: 		0px;

    /* Header Dropdown Menu Sizes */
    --header-nav-inner-box-border-radius:		5px;
    --header-nav-inner-box-padding:				1.0rem 1.0rem;
    --header-nav-inner-box-border-width:		0px;
    
    --header-nav-inner-link-size: 				1.6rem;
    --header-nav-inner-link-padding-vertical: 	1.3rem;
    --header-nav-inner-link-padding-horizontal: 1.0rem;
    --header-nav-inner-link-line-height: 		1.2;
    --header-nav-inner-link-hover-border-radius:0px;

    /* Header Mobile Sizes */
    --header-mobile-nav-logo-width:				16.0rem;
    --header-mobile-nav-hamburger-width:   		30px;
    --header-mobile-nav-hamburger-height:  		20px;
    --header-mobile-nav-hamburger-thickness:	2px;
    --header-mobile-nav-hamburger-spacing:		-9.0px;

    --header-mobile-nav-link-size:				1.6rem;

    /* Header Dark Content Colors */
    --header-dark-nav-link-color:					#00355a;
    --header-dark-nav-link-hover-color: 			#0077cc;
    --header-dark-nav-link-hover-bg-color: 			#E6EBEE;
    --header-dark-nav-link-hover-border-color: 		;
    --header-dark-nav-link-open-color:				#0077cc;

    --header-dark-nav-inner-box-bg-color:			#FFFFFF;
    --header-dark-nav-inner-box-border-color:		#FFFFFF;

    --header-dark-nav-inner-link-color: 			#000;
    --header-dark-nav-inner-link-hover-color: 		#000;
    --header-dark-nav-inner-link-hover-bg-color: 	;
    --header-dark-nav-inner-link-open-color: 		#000;

    --header-dark-mobile-nav-background-color:  	#FFFFFF;
    --header-dark-mobile-nav-hamburger-color:    	#00355a;

    --header-dark-mobile-nav-link-color: 				#00355A;
    --header-dark-mobile-nav-link-color-hover: 			#00355A;
    --header-dark-mobile-nav-link-background-color: 	;
    --header-dark-mobile-nav-link-background-color-hover:;
    --header-dark-mobile-nav-link-padding:			    0.8em 1em;
        --header-dark-mobile-nav-link-border-radius:		10px;
    
    /* Header Light Content Colors */

    --header-light-nav-link-color:					#FFFFFF;
    --header-light-nav-link-hover-color: 			#c24297;
    --header-light-nav-link-hover-bg-color: 		rgba(255, 255, 255, 10%);
    --header-light-nav-link-hover-border-color: 	rgba(255, 255, 255, 0%);
    --header-light-nav-link-open-color:				#c24297;

    --header-light-nav-inner-box-bg-color:			#FFFFFF;
    --header-light-nav-inner-box-border-color:		#FFFFFF;

    --header-light-nav-inner-link-color: 			#000;
    --header-light-nav-inner-link-hover-color: 		#000;
    --header-light-nav-inner-link-hover-bg-color: 	;
    --header-light-nav-inner-link-open-color: 		#000;

    --header-light-mobile-nav-background-color:  	#FFFFFF;
    --header-light-mobile-nav-hamburger-color:    	#FFFFFF;

    --header-light-mobile-nav-link-color: 				#FFF;
    --header-light-mobile-nav-link-color-hover: 		#FFF;
    --header-light-mobile-nav-link-background-color: 	;
    --header-light-mobile-nav-link-background-color-hover:;
    --header-light-mobile-nav-link-padding:			    0.8em 1em;
        --header-light-mobile-nav-link-border-radius:		10px;

    /* --header-transparent-nav-link-color: 				;
    --header-transparent-nav-link-hover-color: 			;
    --header-transparent-nav-link-hover-bg-color: 		;
    --header-transparent-nav-link-hover-border-color: 	;
    --header-transparent-nav-link-open-color:			;
    --header-transparent-mobile-nav-hamburger-color:	; */
    
    --footer-background-color:					#FFFFFF;
    --footer-about-link-color:                  #00355a;
    --footer-about-link-color-hover:            #c24297;
    --footer-about-text-color:                  #00355a;
    --footer-social-icon-color:                 #c24297;
    --footer-social-icon-color-hover:           #0077cc;
    --footer-navigation-size:                   1.7rem;
    --footer-navigation-link-alignment:			left;
    --footer-navigation-link-color:             #00355a;
    --footer-navigation-link-color-hover:       #c24297;
    --footer-navigation-sub-link-color:         #00355a;
    --footer-navigation-sub-link-color-hover:   #c24297;
    --footer-ribbon-menu-background-color:      #0077cc;
    --footer-ribbon-menu-text-color:            #FFFFFF;
    --footer-ribbon-menu-link-color:            #FFFFFF;
    --footer-ribbon-menu-link-color-hover:		#FFFFFF;

    --button-font-type:              			custom;
    --button-font:			            		;
    --button-size:								1.6rem;
    --button-weight:							400;
    --button-padding-lr:						2.5em;
    --button-padding-top:						0.875em;
    --button-padding-bottom:					0.875em;
    
    --button-primary-text-color:				#FFFFFF;
    --button-primary-background-color:			#c24297;
    --button-primary-border-width:			    1px;
    --button-primary-border-color:			    #c24297;
    --button-primary-hover-text-color:			#FFFFFF;  
    --button-primary-hover-background-color:	rgba(194, 66, 151, 75%);
    --button-primary-hover-border-color:		rgba(194, 66, 151, 75%);
    
    --button-secondary-text-color:				#FFFFFF;
    --button-secondary-background-color:		rgba(255, 255, 255, 0%);
    --button-secondary-border-width:			1px;
    --button-secondary-border-color:			#FFFFFF;
    --button-secondary-hover-text-color:		#FFFFFF;  
    --button-secondary-hover-background-color:	rgba(255, 255, 255, 0%);
    --button-secondary-hover-border-color:		rgba(255, 255, 255, 60%);
    
    --button-tertiary-text-color:				#ffffff;
    --button-tertiary-background-color:			#0077cc;
    --button-tertiary-border-width:			    1px;
    --button-tertiary-border-color:			    rgba(97, 202, 233, 0%);
    --button-tertiary-hover-text-color:			#ffffff;  
    --button-tertiary-hover-background-color:	rgba(0, 119, 204, 75%);
    --button-tertiary-hover-border-color:		#61CAE9;

    --form-gdpr-size:							1.6rem;
    --form-gdpr-weight:							400;
    --form-gdpr-line-height:					1.2;
    --form-labels-size:							inherit;
    --form-labels-margin-bottom:				0.5rem;
    --form-input-size:							inherit;
    --form-fields-padding-top-bottom:   	 	0.6rem;
    --form-fields-padding-left-right:			1.5rem;
    --form-fields-margin-bottom:				2.0rem;
    --form-fields-column-gap:					2.0rem;
        
/*     --form-primary-background-color:				transparent; */
    --form-primary-text-color:						#00355A;
    --form-primary-label-weight:					400;
    --form-primary-label-line-height:				1.2;
    --form-primary-label-color:						#00355A;
    --form-primary-input-background-color:			transparent;
/*     --form-primary-drop-down-icon-color:			#00355A; Set directly is data url*/
    --form-primary-drop-down-background-arrow:		
	url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%2300355A%22%20d%3D%22M207.029%20381.476L12.686%20187.132c-9.373-9.373-9.373-24.569%200-33.941l22.667-22.667c9.357-9.357%2024.522-9.375%2033.901-.04L224%20284.505l154.745-154.021c9.379-9.335%2024.544-9.317%2033.901.04l22.667%2022.667c9.373%209.373%209.373%2024.569%200%2033.941L240.971%20381.476c-9.373%209.372-24.569%209.372-33.942%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E')
, linear-gradient(to bottom, var(--form-primary-input-background-color) 0%,var(--form-primary-input-background-color) 100%);;
    --form-primary-date-picker:						<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#00355A" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1"/></svg>;
    --form-primary-input-border-size:				1px;
    --form-primary-input-border-color:				#131619;
    --form-primary-input-border-radius:				var(--module-settings-form-inputs-border-radius);
    --form-primary-input-color:						#00355A;
    --form-primary-input-placeholder:				rgb(117, 117, 117);
    --form-primary-warning-message-color:			#d3604d;
    --form-primary-success-message-color:			#00355A;
    --form-primary-submit-border-size:				none;
    --form-primary-submit-border-color:				;
    --form-primary-submit-border-color-hover:		;
    --form-primary-submit-button-background-color:	#c24297;
    --form-primary-submit-button-background-color-hover:	 rgba(194, 66, 151, 75%);
    --form-primary-submit-button-text-color:		#FFFFFF;
    --form-primary-submit-button-text-color-hover:	#FFFFFF;
        
/*     --form-secondary-background-color:		    	transparent; */
    --form-secondary-text-color:					#FFFFFF;
    --form-secondary-label-weight:			    	400;
    --form-secondary-label-line-height:		    	1.2;
    --form-secondary-label-color:					#FFFFFF;
    --form-secondary-label-background-color:		#FFFFFF;
/*     --form-secondary-drop-down-icon-color:		#00355a; Set directly is data url*/
    --form-secondary-drop-down-background-arrow:		
	url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%2300355a%22%20d%3D%22M207.029%20381.476L12.686%20187.132c-9.373-9.373-9.373-24.569%200-33.941l22.667-22.667c9.357-9.357%2024.522-9.375%2033.901-.04L224%20284.505l154.745-154.021c9.379-9.335%2024.544-9.317%2033.901.04l22.667%2022.667c9.373%209.373%209.373%2024.569%200%2033.941L240.971%20381.476c-9.373%209.372-24.569%209.372-33.942%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E')
, linear-gradient(to bottom, var(--form-secondary-label-background-color) 0%,var(--form-secondary-label-background-color) 100%);;
    --form-secondary-date-picker:						<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#00355a" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1"/></svg>;
    --form-secondary-input-border-size:		    	1px;
    --form-secondary-input-border-color:			#FFFFFF;
    --form-secondary-input-border-radius:			var(--module-settings-form-inputs-border-radius);
    --form-secondary-input-color:					#00355a;
    --form-secondary-input-placeholder:				#EEEEEE;
    --form-secondary-warning-message-color:	    	#FFFF04;
    --form-secondary-success-message-color:	   		#00FF03;
    --form-secondary-submit-border-size:		    1px;
    --form-secondary-submit-border-color:			#FFFFFF;
    --form-secondary-submit-border-color-hover:		rgba(255, 255, 255, 60%);
    --form-secondary-submit-button-background-color:		rgba(255, 255, 255, 0%);
    --form-secondary-submit-button-background-color-hover:	rgba(255, 255, 255, 0%);
    --form-secondary-submit-button-text-color:		#FFFFFF;
    --form-secondary-submit-button-text-color-hover:#FFFFFF;
    
    --blog-post-container:						87.0rem;
    --blog-post-container-mq:					1044.0;
    --blog-post-larger-container:			    87.0rem;
    --blog-post-larger-container-mq:			1044.0;
    --blog-button-text-color:					#FFFFFF;
    --blog-button-background-color:			    #0077CC;
    --blog-button-border-width:			        1px;
    --blog-button-border-color:			        #0077CC;
    --blog-button-hover-text-color:				#FFFFFF;  
    --blog-button-hover-background-color:		#131619;
    
    
    --blog-button-hover-border-color:			#131619;
    --blog-button-light-text-color:             #FFFFFF;  
    --blog-button-light-background-color:		none;
    --blog-button-light-border-width:			1px;
    --blog-button-light-border-color:			#FFFFFF;
    --blog-button-light-hover-text-color:       #131619;  
    --blog-button-light-hover-background-color:	#FFFFFF;
    --blog-button-light-hover-border-color:		#FFFFFF;
    --blog-post-hover:							;
    
    --blog-subscription-form-gdpr-size:					1.6rem;
    --blog-subscription-form-gdpr-weight:				400;
    --blog-subscription-form-gdpr-line-height:			1.2;
    --blog-subscription-form-labels-margin-bottom:		0.5rem;
    --blog-subscription-form-fields-padding-top-bottom: 0.5rem;
    --blog-subscription-form-fields-padding-left-right:	0.5rem;
    --blog-subscription-form-fields-margin-bottom:		2.0rem;
    --blog-subscription-form-fields-column-gap:			2.0rem;

    --blog-subscription-form-background-color:			transparent;
    --blog-subscription-form-text-color:				#00355A;    
    --blog-subscription-form-padding-lr:                0.0rem;
    --blog-subscription-form-padding-tb:                0.0rem;

    --blog-subscription-form-label-size:				1.6rem;
    --blog-subscription-form-label-weight:				400;
    --blog-subscription-form-line-height:				1.2;
    --blog-subscription-form-label-color:				#00355A;
    --blog-subscription-form-input-background-color:	#f7f7f7;
    --blog-subscription-form-drop-down-icon-color:		#24272A;
    --blog-subscription-form-input-border-size:			none;
    --blog-subscription-form-input-border-color:		;
    --blog-subscription-form-input-border-radius:		var(--module-settings-form-inputs-border-radius);
    --blog-subscription-form-input-color:				#24272A;
    --blog-subscription-form-input-placeholder:			;
    --blog-subscription-form-warning-message-color:		;
    --blog-subscription-form-success-message-color:		;
    --blog-subscription-form-submit-border-size:		1;
    --blog-subscription-form-submit-border-color:		;
    --blog-subscription-form-submit-border-color-hover:	;
    --blog-subscription-form-submit-button-background-color:		transparent;
    --blog-subscription-form-submit-button-background-color-hover:	transparent;
    --blog-subscription-form-submit-button-text-color:		#FFFFFF;
    --blog-subscription-form-submit-button-text-color-hover:#FFFFFF;
    
    --table-header-background-color:			#0077cc;
    --table-header-text-color:					#FFFFFF;
    --table-header-padding:						0.3rem;
    --table-standard-background-color:			;
    --table-standard-text-color:				;
    --table-standard-border-color:				;
    --table-standard-padding:					0.3rem;
    --table-alternative-background-color:		;
    --table-alternative-text-color:				;
    
    --table-header-color:							transparent;
    --table-alternating-row-odd-background-color:	;
    --table-alternating-row-odd-text-color:			;
    --table-alternating-row-even-background-color:	;
    --table-alternating-row-odd-text-color:			;
}
/* @media only screen and (min-width:1920px) {
    :root, :root::before, :root::after {
        --rem: calc(10px + 1 * (100vw - 1920px) / 1920 );
    }
} */
:root {
	--font-h1-font:				FS Me, sans-serif;
	--font-h2-font:				FS Me, sans-serif;
	--font-h3-font:				FS Me, sans-serif;
	--font-h4-font:				FS Me, sans-serif;
	--font-h5-font:				FS Me, sans-serif;
	--font-body-font:			FS Me, sans-serif;
	--font-link-font:			FS Me, sans-serif;
	--font-button-font:			FS Me, sans-serif;
	--font-pre-title-font:		FS Me, sans-serif;
    
    --style-guide-h1-font:		'FS Me';
	--style-guide-h2-font:		'FS Me';
	--style-guide-h3-font:		'FS Me';
	--style-guide-h4-font:		'FS Me';
	--style-guide-h5-font:		'FS Me';
	--style-guide-body-font:	'FS Me';
	--style-guide-link-font:	'FS Me';
	--style-guide-button-font:	'FS Me';
	
	/**/
}
/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/
/* ------------------------------- LAYOUT.CSS ------------------------------- */
/* Responsive grid */
.row-fluid {
	width: 100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.row-fluid [class*='span'] {
	display: block;
}

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

.row-fluid .span11 {
	width: calc(91.66666666666667% - (var(--module-settings-column-gap,0) / 2));
}

.row-fluid .span10 {
	width: calc(83.33333333333334% - (var(--module-settings-column-gap,0) / 2));
}

.row-fluid .span9 {
	width: calc(75.0% - (var(--module-settings-column-gap,0) / 2));
}

.row-fluid .span8 {
	width: calc(66.66666666666667% - (var(--module-settings-column-gap,0) / 2));
}

.row-fluid .span7 {
	width: calc(58.333333333333336% - (var(--module-settings-column-gap,0) / 2));
}

.row-fluid .span6 {
	width: calc(50.0% - (var(--module-settings-column-gap,0) / 2));
}

.row-fluid .span5 {
	width: calc(41.66666666666667% - (var(--module-settings-column-gap,0) / 2));
}

.row-fluid .span4 {
	width: calc(33.333333333333336% - (var(--module-settings-column-gap,0) / 2));
}

.row-fluid .span3 {
	width: calc(25.0% - (var(--module-settings-column-gap,0) / 2));
}

.row-fluid .span2 {
	width: calc(16.666666666666668% - (var(--module-settings-column-gap,0) / 2));
}

.row-fluid .span1 {
	width: calc(8.333333333333334% - (var(--module-settings-column-gap,0) / 2));
}

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

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

@media (max-width: 767px) {
	.row-fluid [class*='span'] {
		display: block;
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 1139px) {
	.row-fluid {
		width: 100%;
	}
}
/* 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;
	}
}
/* ------------------------------- CONTAINERS-DND.CSS ------------------------------- */
.content-wrapper {
	margin: 0 auto;
	padding: 0 1rem;
}

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

.dnd-section > .row-fluid {
	margin: 0 auto;
}

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

@media (max-width: 767px) {
	.dnd-section .dnd-column {
		padding: 0;
	}
}
/* ------------------------------- SPROCKET.CSS ------------------------------- */
.hs-tools-menu.hs-tools-menu {
	top: 0!important;
    right: 0!important;
}
.hs-tools-menu.hs-collapsed {
    overflow: hidden;
    border-radius: 0% 0% 0% 100% !important;
}
.hs-tools-menu.hs-tools-menu img.hs-sprocket {
	width: 32px!important;
    padding: 3px 3px 4px 4px!important;
	pointer-events: none;
}

/* Foundation
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
As well as setting up overall layouts and fonts
*/
/* ------------------------------- FOUNDATION/LAYOUT.CSS ------------------------------- */
html {
	height:100%;
	hanging-punctuation:first last;
	scroll-padding-top:var(--header-height, 10rem);
	--scrollbarWidth:0px;
	--100vw:100vw;
	--vw:1vw;
}
@media (prefers-reduced-motion:no-preference) {
	html, :has(:target) {
		scroll-behavior: smooth;
	}
}
body {
	min-height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
	scroll-padding-top:var(--header-height, 10rem);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    background-repeat: no-repeat;
}
main {
	min-width:0;
}
@media only screen and (max-width: 960px) {
	html,body {
		scroll-padding-top:var(--header-height, 4rem);
	}
}
@media only screen and (max-width: 320px) {
/* 	Super small e.g. folded samsung flex  */
	html {
		font-size: calc( 8px + (10 - 8) * (100vw - 280px) / (320 - 280) );
	}
}

.container {
	max-width: var(--container-default);
    width:var(--container);
	margin:0 auto;
    position: relative;
    z-index:1;
}

.container--narrower {max-width: var(--container-narrower);}    
.container--narrow {max-width: var(--container-narrow);}
.container--medium {max-width: var(--container-medium);}
.container--wide {max-width: var(--container-wide);}
.container--wider{max-width: var(--container-wider);}
.container--full {max-width: var(--container-full);}
.container--none {max-width: var(--container-full); width: 100%;}
.container--custom {max-width: var(--container-custom);}

.footer-container-wrapper {
	margin-top:auto;
}

/**
 * Remove Min heights.
 */

.row-fluid.row-fluid [class*="span"] {
	min-height:0;
}
/* ------------------------------- FOUNDATION/GRID.CSS ------------------------------- */

.grid-row {
	display:grid;
	--grid-column-gap:var(--module-settings-column-gap,0);
	gap: var(--grid-column-gap);
	grid-auto-columns: minmax(0,100%); /* Helps firefox */
}

@media only screen and (min-width: 961px) {
    .grid-row--1pr{grid-template-columns: repeat(1, 1fr);}
    .grid-row--2pr{grid-template-columns: repeat(2, 50fr);}
    .grid-row--3pr{grid-template-columns: repeat(3, 33.33fr);}
    .grid-row--4pr{grid-template-columns: repeat(4, 25fr);}
    .grid-row--5pr{grid-template-columns: repeat(5, 20fr);}
    .grid-row--6pr{grid-template-columns: repeat(6, 16.66fr);}
    
    .grid-row--70_30{grid-template-columns: 70fr 30fr;}
    .grid-row--60_40{grid-template-columns: 60fr 40fr;}
    .grid-row--50_50{grid-template-columns: 50fr 50fr;}
    .grid-row--40_60{grid-template-columns: 40fr 60fr;}
    .grid-row--30_70{grid-template-columns: 30fr 70fr;}
}

@media only screen and (max-width: 960px) {
    .grid-row--1pr{grid-template-columns: repeat(1, 1fr);}
    .grid-row--2pr{grid-template-columns: repeat(1, 1fr);}
    .grid-row--3pr{grid-template-columns: repeat(2, 50fr);}
    .grid-row--4pr{grid-template-columns: repeat(2, 50fr);}
    .grid-row--5pr{grid-template-columns: repeat(3, 33.33fr);}
    .grid-row--6pr{grid-template-columns: repeat(3, 33.33fr);}

    .grid-row--70_30{grid-template-columns: 65fr 35fr;}
    .grid-row--60_40{grid-template-columns: 55fr 45fr;}
    .grid-row--50_50{grid-template-columns: 50fr 50fr;}
    .grid-row--40_60{grid-template-columns: 45fr 55fr;}
    .grid-row--30_70{grid-template-columns: 35fr 65fr;}
}

@media only screen and (max-width: 768px) {
    .grid-row {
		grid-template-columns: minmax(0, 1fr);
		grid-auto-flow: row;
	}
}


.f-r--1, 
.f-r--2, 
.f-r--3, 
.f-r--4, 
.f-r--5,
.f-r--6,
.f-r--auto{
    --grid-column-gap:var(--module-settings-column-gap,0);
    gap: var(--grid-column-gap);
}
.f-r--auto > :is(div, a){
    flex-basis: 320px;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 500px;
}
@media only screen and (min-width: 961px) {
	.f-r--1 > :is(div, a){width: 100%;}
	.f-r--2 > :is(div, a){width: calc((100% / 2) - ((var(--module-settings-column-gap) * (2 - 1)) / 2 ));}
    .f-r--3 > :is(div, a){width: calc((100% / 3) - ((var(--module-settings-column-gap) * (3 - 1)) / 3 ));}
    .f-r--4 > :is(div, a){width: calc((100% / 4) - ((var(--module-settings-column-gap) * (4 - 1)) / 4 ));}
	.f-r--5 > :is(div, a){width: calc((100% / 5) - ((var(--module-settings-column-gap) * (5 - 1)) / 5 ));}
	.f-r--6 > :is(div, a){width: calc((100% / 6) - ((var(--module-settings-column-gap) * (6 - 1)) / 6 ));}
}
@media only screen and (max-width: 960px) {
	.f-r--2 > :is(div, a){width: 100%;}
	.f-r--3 > :is(div, a){width: calc((100% / 2) - ((var(--module-settings-column-gap) * (2 - 1)) / 2 ));}
	.f-r--4 > :is(div, a){width: calc((100% / 2) - ((var(--module-settings-column-gap) * (2 - 1)) / 2 ));}
	.f-r--5 > :is(div, a){width: calc((100% / 3) - ((var(--module-settings-column-gap) * (3 - 1)) / 3 ));}
	.f-r--6 > :is(div, a){width: calc((100% / 3) - ((var(--module-settings-column-gap) * (3 - 1)) / 3 ));}
}
@media only screen and (max-width: 768px) {
    .f-r--3 > :is(div, a){width: 100%;}
    .f-r--4 > :is(div, a){width: calc((100% / 2) - ((var(--module-settings-column-gap) * (2 - 1)) / 2 ));}
	.f-r--5 > :is(div, a){width: calc((100% / 3) - ((var(--module-settings-column-gap) * (3 - 1)) / 3 ));}
	.f-r--6 > :is(div, a){width: calc((100% / 3) - ((var(--module-settings-column-gap) * (3 - 1)) / 3 ));}
}
@media only screen and (max-width: 500px) {
	.f-r--4 > :is(div, a), 
	.f-r--5 > :is(div, a),
	.f-r--6 > :is(div, a){
		width: 100%;
	}
}
/* ------------------------------- FOUNDATION/TYPOGRAPHY.CSS ------------------------------- */
html {
	font-family:var(--font-body-font);
	font-size:10px;
	font-size: var(--rem,10px);
}
body {
	font-family: var(--font-body-font);
	font-size:var(--font-body-size);
    font-weight: var(--font-body-weight);
	line-height: var(--font-body-line-height);
	letter-spacing: var(--font-body-letter-spacing);
	color: var(--font-body-color);
	--font-body-color-initial: var(--font-body-color);
	--font-h1-color-initial: var(--font-h1-color);
	--font-h2-color-initial: var(--font-h2-color);
	--font-h3-color-initial: var(--font-h3-color);
	--font-h4-color-initial: var(--font-h4-color);
	--font-h5-color-initial: var(--font-h5-color);
	--font-pre-title-color-initial: var(--font-pre-title-color);
	--font-link-color-initial: var(--font-link-color);
	--font-link-hover-color-initial: var(--font-link-hover-color);
	--module-settings-divider-color-initial: var(--module-settings-divider-color);
}

strong{
    font-weight: var(--font-strong-font-weight);
}

h1, .text-h1{
	font-family: var(--font-h1-font);
    font-size: var(--font-h1-size);
	font-weight: var(--font-h1-weight);
	line-height: var(--font-h1-line-height);
	letter-spacing: var(--font-h1-letter-spacing);
	color: var(--font-h1-color);
	margin: calc(2.25 * var(--font-body-size)) 0 var(--font-body-size);
	text-wrap:balance;
}
h2,.text-h2{
	font-family: var(--font-h2-font);
	font-size: var(--font-h2-size);
	font-weight: var(--font-h2-weight);
	line-height: var(--font-h2-line-height);
	letter-spacing: var(--font-h2-letter-spacing);
	color: var(--font-h2-color);
	margin: calc(2.25 * var(--font-body-size)) 0 var(--font-body-size);
	text-wrap:balance;
}
h3,.text-h3{
	font-family: var(--font-h3-font);
	font-size: var(--font-h3-size);
	font-weight: var(--font-h3-weight);
	line-height: var(--font-h3-line-height);
	letter-spacing: var(--font-h3-letter-spacing);
	color: var(--font-h3-color);
	margin: calc(2.25 * var(--font-body-size)) 0 var(--font-body-size);
	text-wrap:balance;
}
h4,.text-h4{
	font-family: var(--font-h4-font);
	font-size: var(--font-h4-size);
	font-weight: var(--font-h4-weight);
    line-height: var(--font-h4-line-height);
	letter-spacing: var(--font-h4-letter-spacing);
	color: var(--font-h4-color);
	margin: calc(2.25 * var(--font-body-size)) 0 var(--font-body-size);
	text-wrap:pretty;
}
h5,.text-h5{
	font-family: var(--font-h5-font);
	font-size: var(--font-h5-size);
	font-weight: var(--font-h5-weight);
	line-height: var(--font-h5-line-height);
	letter-spacing: var(--font-h5-letter-spacing);
	color: var(--font-h5-color);
	margin: calc(2.25 * var(--font-body-size)) 0 var(--font-body-size);
	text-wrap:pretty;
}
:where(h1,.text-h1,h2,.text-h2,h3,.text-h3,h4,.text-h4,h5,.text-h5):first-child,
.pre-title + :is(h1,.text-h1,h2,.text-h2,h3,.text-h3,h4,.text-h4,h5,.text-h5) {
	margin-top: 0;
}
.pre-title {
    display: block;
	max-width:max-content;
    margin: 0;
	font-family: var(--font-pre-title-font);
    font-size: var(--font-pre-title-size);
    font-weight: var(--font-pre-title-weight);
    line-height: var(--font-pre-title-line-height);
    letter-spacing: var(--font-pre-title-letter-spacing);
    margin-bottom: var(--font-body-size);
	color: var(--font-pre-title-color);
}
.t-right .pre-title{
	margin-left:auto;
}
.t-center .pre-title{
	margin-left:auto;
	margin-right:auto;
}
.pre-title--background{
    padding: 0.3em 1em; 
    margin-bottom: 1em; 
    border-radius: 1em;
}

.heading--accent{
    font-style: normal;
}
p {
	text-wrap:pretty;
	margin-block:1.1em;
}

:link,:visited {
	font-family: var(--font-link-font);
	color: var(--font-link-color);
	text-decoration: var(--font-link-underline);
	font-weight: var(--font-link-weight);
	transition: color 0.25s ease-in-out;
	text-wrap:pretty;
}
:link:hover,:visited:hover {
    color: var(--font-link-hover-color);
	text-decoration: var(--font-link-hover-underline);
}

:where(h1,.text-h1,h2,.text-h2,h3,.text-h3,h4,.text-h4,h5,.text-h5) a {
    font-weight:inherit;
}

.color-light{    
    color: var(--font-body-color);
	--font-body-color: var(--font-body-color-light);
	--font-h1-color: var(--font-h1-color-light);
	--font-h2-color: var(--font-h2-color-light);
	--font-h3-color: var(--font-h3-color-light);
	--font-h4-color: var(--font-h4-color-light);
	--font-h5-color: var(--font-h5-color-light);
	--font-pre-title-color: var(--font-pre-title-color-light);
	--font-link-color: var(--font-link-color-light);
	--font-link-hover-color: var(--font-link-hover-color-light);
	--module-settings-divider-color: var(--module-settings-divider-color-light);
}
.color-reset {
	color: var(--font-body-color);
	--font-body-color: var(--font-body-color-initial);
	--font-h1-color: var(--font-h1-color-initial);
	--font-h2-color: var(--font-h2-color-initial);
	--font-h3-color: var(--font-h3-color-initial);
	--font-h4-color: var(--font-h4-color-initial);
	--font-h5-color: var(--font-h5-color-initial);
	--font-pre-title-color: var(--font-pre-title-color-initial);
	--font-link-color: var(--font-link-color-initial);
	--font-link-hover-color: var(--font-linkHoverInitial);
	--module-settings-divider-color: var(--module-settings-divider-color-initial);
}

.text-light {font-weight:300;}
.text-normal {font-weight:400;}
.text-medium {font-weight:500;}
.text-semi-bold {font-weight:600;}
.text-bold {font-weight:700;}

span.iconify,iconify-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
}
/* ------------------------------- FOUNDATION/SYSTEM.CSS ------------------------------- */
.system__image{
    margin-bottom: 5rem;
}

.system-404 .f-r .system__image,
.system-404 .f-r .system__text,
.system-500 .f-r .system__image,
.system-500 .f-r .system__text{
    max-width: 48%;
}

@media only screen and (max-width: 960px) {
    .system-404 .f-r .system__image,
    .system-404 .f-r .system__text,
    .system-500 .f-r .system__image,
    .system-500 .f-r .system__text{
        max-width: none;
    }
    .system-404 .f-r,
    .system-404 .f-r,
    .system-500 .f-r,
    .system-500 .f-r{
        flex-direction: column;
    }
}
/* ------------------------------- FOUNDATION/MODULES.CSS ------------------------------- */
.module{
    width: 100%;
    position: relative;
}
.module--editor{
    width: 100%;
}
.divider{
	color: var(--module-settings-divider-color);
    margin-bottom: 2.5rem;
	margin-left:0;
    width: 100%;
}

/* Components
Reusable Components (used through macros) are styled here
*/
/* ------------------------------- COMPONENTS/BUTTONS.CSS ------------------------------- */
button, input[type="submit"] {
	cursor:pointer;
	color:inherit;
}
.btn,
.hs-form input.hs-button,
.cta_button[style],
.hs-web-interactive-inline a,
.resources .filters a,
.email_subscriptions__container input[type="submit"],
input[type="file"]::file-selector-button{
	cursor:pointer;
	display: inline-flex;
    align-items: center;
	justify-content: center;
	background-color: var(--button-primary-background-color);
	color: var(--button-primary-text-color);
	font-weight: var(--button-weight);
    font-size: var(--button-size);
    font-family: var(--font-button-font);
	padding: var(--button-padding-top) var(--button-padding-lr) var(--button-padding-bottom);
	text-decoration:none;
    border-radius: var(--module-settings-cta-border-radius);
    border: var(--button-primary-border-width) solid var(--button-primary-border-color);
	transition:color 0.25s ease-in-out, background 0.25s ease-in-out, border-color 0.25s ease-in-out;
}
.btn:focus-visible,
.hs-form input.hs-button:focus-visible,
.cta_button[style]:focus-visible,
.hs-web-interactive-inline a:focus-visible,
.resources .filters a:focus-visible,
.email_subscriptions__container input[type="submit"]:focus-visible,
input[type="file"]:focus-visible::file-selector-button{
	outline: max(0.9px, 0.05em) solid currentColor;
	outline-offset: 0px;
}
.btn:hover,
.hs-form input.hs-button:hover,
.cta_button[style]:hover,
.hs-web-interactive-inline a:hover,
.resources .filters a:hover,
.email_subscriptions__container input[type="submit"]:hover{
	background-color: var(--button-primary-hover-background-color);
	color: var(--button-primary-hover-text-color);
	text-decoration:none;
    border: var(--button-primary-border-width) solid var(--button-primary-hover-border-color);
}
.btn--secondary,
.cta--secondary .cta_button[style],
.cta--secondary .hs-web-interactive-inline a,
.hs-web-interactive-inline a.cta--secondary{
	background-color: var(--button-secondary-background-color);
	color: var(--button-secondary-text-color);
    border: var(--button-secondary-border-width) solid var(--button-secondary-border-color);
}
.btn--secondary:hover,
.cta--secondary .cta_button[style]:hover,
.cta--secondary .hs-web-interactive-inline a:hover,
.hs-web-interactive-inline a.cta--secondary:hover{
	background-color: var(--button-secondary-hover-background-color);
    color: var(--button-secondary-hover-text-color);
    border: var(--button-secondary-border-width) solid var(--button-secondary-hover-border-color);
}
.btn--tertiary,
.cta--tertiary .cta_button[style],
.cta--tertiary .hs-web-interactive-inline a,
.hs-web-interactive-inline a.cta--tertiary{
	background-color: var(--button-tertiary-background-color);
	color: var(--button-tertiary-text-color);
    border: var(--button-tertiary-border-width) solid var(--button-tertiary-border-color);
}
.btn--tertiary:hover,
.cta--tertiary .cta_button[style]:hover,
.cta--tertiary .hs-web-interactive-inline a:hover,
.hs-web-interactive-inline a.cta--tertiary:hover{
	background-color: var(--button-tertiary-hover-background-color);
	color: var(--button-tertiary-hover-text-color);
    border: var(--button-tertiary-border-width) solid var(--button-tertiary-hover-border-color);
}
.btn--custom,
.cta--custom .cta_button[style],
.cta--custom .hs-web-interactive-inline a{
	background-color: var(--background-color);
	color: var(--color);
    border: var(--border);
}
.btn--custom:hover,
.cta--custom .cta_button[style]:hover,
.cta--custom .hs-web-interactive-inline a:hover{
	background-color: var(--hover-background-color);
	color: var(--hover-color);
    border: var(--hover-border);
}
.cta_button.no-style{
	padding: var(--button-padding-top) 0 var(--button-padding-bottom) !important;
    background-color: none !important;
	border-radius:0;
}
.component__ctas{
	--button-margin: 0.5rem;
	gap: calc(var(--button-margin,0)*2);
    display: flex;
	align-items:flex-start;
    flex-wrap: wrap;
}
.component__ctas--left{
    justify-content: flex-start;
}
.component__ctas--center{
    justify-content: center;
}
.component__ctas--right{
    justify-content: flex-end;
}

.btn__icon{
    display: inline-flex;
}

.btn__icon svg{
    width: 1em;
    height: 1em;
    fill: currentColor;
    font-size: 1.1em;
    margin-left: 0.5em;
    margin-right: calc(-0.2 * var(--button-padding-lr));
}

.btn__icon svg,
.btn__icon .hs_cos_wrapper_type_icon{
    display: inline-flex;
}

.hs-blog-link{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .8s ease;
}
/* ------------------------------- COMPONENTS/EMBED.CSS ------------------------------- */
/* Embed */
.component__embed iframe{
    max-width: 100%;
}
/* ------------------------------- COMPONENTS/FORMS.CSS ------------------------------- */
/* ------------------ FORM WRAPPER ------------------ */
.component__form{
    border-radius: var(--module-settings-forms-border-radius);
	background-size:cover;
	background-position:center center;
}
.component__form > *:first-child {
	margin-top:0;
}
/* @media only screen and (min-width: 961px) {
    .component__form--overflow{
        z-index: 2;
        position: absolute;
        top: 0;
    }
} */

/* ------------------ GENERAL FORM LAYOUT ------------------ */
/* Columns */
form.hs-form fieldset{
	max-width: none;
	width: 100%;
    display: flex;
	column-gap:var(--form-fields-column-gap);
}
form.hs-form .hs-form-field,
form.hs-form .hs-dependent-field,
form.hs-form > .hs-richtext,
form.hs-form > .legal-consent-container {
	width:100%;
	margin-bottom: var(--form-fields-margin-bottom);
}
form.hs-form .hs-richtext > *:first-child {
	margin-top:0;
}
@media only screen and (max-width: 640px) {
	form.hs-form fieldset {
        flex-direction: column;
	}
	form.hs-form fieldset .hs-form-field,
	form.hs-form fieldset.form-columns-2 .hs-form-field,
	form.hs-form fieldset.form-columns-3 .hs-form-field,
	form.hs-form fieldset .hs-dependent-field,
	form.hs-form fieldset.form-columns-2 .hs-dependent-field,
	form.hs-form fieldset.form-columns-3 .hs-dependent-field,
	form.hs-form fieldset > .hs-richtext,
	form.hs-form fieldset > .legal-consent-container {
		width:100%;
	}
}

/* Labels */
.component__form .hs-form label{
	display: block;
	font-size: var(--form-labels-size);
	margin-bottom: var(--form-labels-margin-bottom);
}
/* Validation */


/* Help text - legends */
form.hs-form legend {
	font-size: calc(var(--form-labels-size) * 0.8);
	font-weight: 400;
	margin: calc(var(--form-labels-margin-bottom) * -1) 0 calc(var(--form-labels-margin-bottom) * 0.5);
}

/* Fields */
form.hs-form .hs-form-field.hs-form-field .input,
form.hs-form .hs-dependent-field.hs-dependent-field .input,
.roi-calculator-module form input,
.hubdb-feed__select input:is([type=text],[type=email],[type=password],[type=tel],[type=number],[type=file]) {
	display: flex;
	width:100%;
	margin:0;
}

/* Input */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:is([type=text],[type=email],[type=password],[type=tel],[type=number],[type=file]),
.roi-calculator-module form input:is([type=text],[type=email],[type=password],[type=tel],[type=number],[type=file]),
.hubdb-feed__select input:is([type=text],[type=email],[type=password],[type=tel],[type=number],[type=file]) {
	width:100%;
	font-size:var(--form-input-size);
	line-height:inherit;
	padding: var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right);
	border-radius: var(--module-settings-form-inputs-border-radius);
	outline:none;
	box-shadow: none;
	-webkit-appearance: none;
    appearance: none;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:-moz-placeholder{ /* Firefox 18- */
	opacity:1;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input:is([type=text],[type=email],[type=password],[type=tel],[type=number]):focus-visible {
	outline: max(0.5px, 0.05em) solid currentColor;
/* outline-offset: max(1px, 0.05em); */
}

/* Text area */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea{
	min-width:100%;
	width:100%;
	font-size:var(--form-input-size);
	line-height:inherit;
	padding: var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right);
	border-radius:var(--module-settings-form-inputs-border-radius);
	outline:none;
	box-shadow: none;
	min-height: 8rem;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea:-moz-placeholder{ /* Firefox 18- */
	opacity:1;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea:focus-visible {
	outline: max(0.9px, 0.05em) solid currentColor;
}

/* Select https://www.filamentgroup.com/lab/select-css.html */
select,
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select,
.blog__filters__categories select,
.blog__filters__types select,
.hubdb-feed select{
	display: block;
	max-width: 100%;
	width:100%;
	font-size:var(--form-input-size);
	line-height:inherit;
	height: auto;
	border-radius: var(--module-settings-form-inputs-border-radius);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	outline: none;
	cursor:pointer;
	
	background-color:transparent;
	background-repeat: no-repeat, repeat;
	background-position: right var(--form-fields-padding-left-right) top 50%, 0 0;
	background-size: 0.8em auto, 100%;
	background-clip: padding-box;
	padding: var(--form-fields-padding-top-bottom) calc(var(--form-fields-padding-left-right) * 2 + 0.8em) var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right);
}
select::-ms-expand,
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select::-ms-expand{
	display: none;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select:hover{}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select:focus{}
select:focus-visible,
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select:focus-visible {
	outline: max(0.9px, 0.05em) solid currentColor;
}
select option,
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select option {
	color: #00355A; // For Windows
	font-weight:normal;
}

/* Checkbox/Radio */
form.hs-form .inputs-list {
	margin: 0;
	padding: 0;
	list-style: none;
	width:100%;
}
form.hs-form .inputs-list > li {
	margin: 0.4em 0 0.7em;
}
form.hs-form .inputs-list:not(.hs-error-msgs) label {
	font-size: var(--form-input-size);
	margin-bottom: 0;
	display: grid;
	grid-template-columns: 1em auto;
	gap: 0.5em;
	cursor: pointer;
}
form.hs-form .inputs-list input,
form.hs-form .inputs-list span {
	vertical-align: middle;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input:is([type="checkbox"],[type="radio"]) {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	appearance: none;
	/* For iOS < 15 to remove gradient background */
	background-color: transparent;
	/* Not removed via appearance */
	margin: 0.05em 0 0;
	font: inherit;
	width: 1.05em;
	height: 1.05em;
	border: max(1px, 0.1em) solid currentColor;
	border-radius: max(1px, 0.1em);
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
	cursor:pointer;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input[type=radio] {
	border-radius:50%;	
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input:is([type="checkbox"],[type="radio"])::before{
	content: "";
	width: 0.65em;
	height: 0.65em;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em currentColor;
	/* Windows High Contrast Mode */
/* 	background-color: CanvasText; */
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input[type="checkbox"]::before {
	transform-origin: bottom left;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input[type="radio"]::before {
	border-radius: inherit;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input:is([type="checkbox"],[type="radio"]):checked::before{
	transform: scale(1) translate(-0.1px,0.1px);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input:is([type="checkbox"],[type="radio"]):focus-visible {
	outline: max(0.9px, 0.05em) solid currentColor;
/* outline-offset: max(0.5px, 0.05em); */
	outline-offset: 0;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input[type="checkbox"]:disabled {
	color: #959495;
	cursor: not-allowed;
}

/* Datepicker */
form.hs-form .hs-dateinput {
	position: relative;
	width:100%;
}
form.hs-form .hs-dateinput::before {
	content:'';
	position: absolute;
	right: var(--form-fields-padding-left-right);
	background-repeat: no-repeat;
	background-size: contain;
	font-size:var(--form-input-size);
	height: 1.1em;
	width: 1.1em;
	top: 50%;
	transform: translateY(-50%);
	cursor:pointer;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input .hs-dateinput input{
	padding-right: calc(var(--form-fields-padding-left-right) * 2 + 1em);
}

/* File picker */
form.hs-form .hs_upload_a_file label {
	cursor: pointer;
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]{
	background: transparent;
	border: 0;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	cursor: pointer;
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]::-webkit-file-upload-button{
	width: auto;
	min-width: 8em;
	text-align: center;
	-webkit-appearance: none;
	appearance: none;
	cursor:pointer;
	margin: 0 0.5em 0 1px;
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]::file-selector-button{
	width: auto;
	min-width: 8em;
	text-align: center;
	-webkit-appearance: none;
	appearance: none;
	cursor:pointer;
	margin: 0 0.5em 0 1px;
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]:focus-visible::-webkit-file-upload-button{
	outline: max(0.9px, 0.05em) solid currentColor;
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]:focus-visible::file-selector-button{
	outline: max(0.9px, 0.05em) solid currentColor;
}

/* Phone With Country DropDown */
form.hs-form .hs-input.hs-fieldtype-intl-phone {
    width: 100%!important;
}
form.hs-form .hs-input.hs-fieldtype-intl-phone select {
	width: 18rem!important;
}
form.hs-form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
    width: calc(100% - 18rem - var(--form-fields-column-gap))!important;
}
@media only screen and (max-width: 400px) {
	form.hs-form .hs-input.hs-fieldtype-intl-phone select {
		width: 100% !important;
		margin-bottom: var(--form-fields-margin-bottom);
	}
	form.hs-form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
		width: 100%!important;
	}
}

/* GDPR */
form.hs-form fieldset > .legal-consent-container,
form.hs-form > .legal-consent-container,
form.hs-form > .legal-consent-container .hs-form-booleancheckbox-display p,
form.hs-form > .legal-consent-container .hs-form-booleancheckbox-display span{
	font-size: var(--form-gdpr-size);
    font-weight: var(--form-gdpr-weight);
	line-height: var(--form-gdpr-line-height);
	margin-top: calc(var(--form-fields-margin-bottom) * 0.2 * -1);
	margin-bottom:0.8em;
}
form.hs-form .legal-consent-container .hs-richtext > p {
	margin: 0 0 0.4em;
}
form.hs-form .legal-consent-container .hs-richtext > a,
form.hs-form .legal-consent-container .hs-richtext > p > a{
	color: inherit;
    font-weight: 600;
}
form.hs-form .legal-consent-container .hs-richtext > a:hover,
form.hs-form .legal-consent-container .hs-richtext > p > a:hover{
    text-decoration: underline;
}
form.hs-form .legal-consent-container :is(.hs-form-field,.hs-dependent-field){
	margin:0;
}
form.hs-form .legal-consent-container .hs-fieldtype-booleancheckbox{
    margin:0.3em 0;
}
form.hs-form .legal-consent-container label.hs-form-booleancheckbox-display{
	font-size:inherit;
}
form.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
	margin: 0;
}

/* Captcha */
.grecaptcha-badge {
	margin: 0;
	box-shadow: gray 0px 0px 1px !important;
}

/* Submit button */
form.hs-form input.hs-button{
	width: auto;
	min-width: 8em;
	text-align: center;
	margin: var(--form-fields-margin-bottom) 0 0;
}


/* ------------------- Primary Styling ------------------- */
.component__form--primary {
    color: var(--form-primary-text-color);
}

/* Label */
form.hs-form label{
	color: var(--form-primary-label-color);
	font-weight: var(--form-primary-label-weight);
	line-height: var(--form-primary-label-line-height);
}

/* Input */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:is([type=text],[type=email],[type=password],[type=tel],[type=number],[type=file]),
.hubdb-feed__select input:is([type=text],[type=email],[type=password],[type=tel],[type=number],[type=file]) {
	border: var(--form-primary-input-border-size) solid var(--form-primary-input-border-color);
	background: var(--form-primary-input-background-color);
	color: var(--form-primary-input-color);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primary-input-placeholder);
}
/* Text area */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea{
	border:var(--form-primary-input-border-size) solid var(--form-primary-input-border-color);
	background: var(--form-primary-input-background-color);
	color: var(--form-primary-input-color);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primary-input-placeholder);
}

/* Select https://www.filamentgroup.com/lab/select-css.html */
select,
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select,
.blog__filters__categories select,
.blog__filters__types select,
.hubdb-feed select{
	border: var(--form-primary-input-border-size) solid var(--form-primary-input-border-color);
	color: var(--form-primary-input-color);
	background-image: var(--form-primary-drop-down-background-arrow);
}

/* Checkbox/Radio */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:is([type=checkbox],[type=radio]) {
	color: var(--form-primary-input-color);
}

/* Datepicker */
form.hs-form .hs-dateinput::before {
	background-image: var(--form-primary-date-picker);
}

/* File picker */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input[type=file]{
    color: var(--form-primary-label-color);
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]::-webkit-file-upload-button{
	background: var(--form-primary-submit-button-background-color);
    color: var(--form-primary-submit-button-text-color);
	border: var(--form-primary-submit-border-size) solid var(--form-primary-submit-border-color);
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]::file-selector-button{
	background: var(--form-primary-submit-button-background-color);
    color: var(--form-primary-submit-button-text-color);
	border: var(--form-primary-submit-border-size) solid var(--form-primary-submit-border-color);
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]::-webkit-file-upload-button:hover{
	background: var(--form-primary-submit-button-background-color-hover);
	color: var(--form-primary-submit-button-text-color-hover);
	border: var(--form-primary-submit-border-size) solid var(--form-primary-submit-border-color-hover);
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]::file-selector-button:hover{
	background: var(--form-primary-submit-button-background-color-hover);
	color: var(--form-primary-submit-button-text-color-hover);
	border: var(--form-primary-submit-border-size) solid var(--form-primary-submit-border-color-hover);
}

/* Messages */
.hs_cos_wrapper_type_form .submitted-message{
	color: var(--form-primary-success-message-color);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input.invalid.error{
    border: 1px solid var(--form-primary-warning-message-color);
}
form.hs-form label.hs-error-msg,
form.hs-form .hs-error-msgs.inputs-list {
    color: var(--form-primary-warning-message-color);
}

/* Submit button */
form.hs-form input.hs-button{
	background: var(--form-primary-submit-button-background-color);
    color: var(--form-primary-submit-button-text-color);
	border: var(--form-primary-submit-border-size) solid var(--form-primary-submit-border-color);
}
form.hs-form input.hs-button:hover{
	background: var(--form-primary-submit-button-background-color-hover);
	color: var(--form-primary-submit-button-text-color-hover);
	border: var(--form-primary-submit-border-size) solid var(--form-primary-submit-border-color-hover);
}

/* GDPR */
form.hs-form .legal-consent-container .hs-richtext>p {
	color: var(--form-primary-text-color);
}


/* ------------------ Secondary Styling ------------------ */
.component__form--secondary {
    color: var(--form-secondary-text-color);
}

/* Label */
.component__form--secondary form.hs-form label,
.component__form--secondary form.hs-form fieldset > .legal-consent-container,
.component__form--secondary form.hs-form .legal-consent-container{
    color: var(--form-secondary-label-color);
}
.component__form-secondary form.hs-form label{
	font-weight: var(--form-secondary-label-weight);
	line-height: var(--form-secondary-label-line-height);
}

/* Input */
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:is([type=text],[type=email],[type=password],[type=tel],[type=number],[type=file]) {
	border: var(--form-secondary-input-border-size) solid var(--form-secondary-input-border-color);
	background: var(--form-secondary-label-background-color);
	color: var(--form-secondary-input-color);
}
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-secondary-input-placeholder);
}
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-secondary-input-placeholder);
}
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-secondary-input-placeholder);
}
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-secondary-input-placeholder);
}
/* Text area */
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea{
	border:var(--form-secondary-input-border-size) solid var(--form-secondary-input-border-color);
	background: var(--form-secondary-label-background-color);
	color: var(--form-secondary-input-color);
}
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-secondary-input-placeholder);
}
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-secondary-input-placeholder);
}
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-secondary-input-placeholder);
}
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-secondary-input-placeholder);
}

/* Select https://www.filamentgroup.com/lab/select-css.html */
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select{
	border: var(--form-secondary-input-border-size) solid var(--form-secondary-input-border-color);
	color: var(--form-secondary-input-color);
	background-image: var(--form-secondary-drop-down-background-arrow);
}

/* Checkbox/Radio */
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:is([type=checkbox],[type=radio]) {
	color: var(--form-secondary-input-color);
}

/* Datepicker */
.component__form--secondary form.hs-form .hs-dateinput::before {
	background-image: var(--form-secondary-date-picker);
}

/* File picker */
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input[type=file]{
    color: var(--form-secondary-label-color);
}

/* Messages */
.component__form--secondary .hs_cos_wrapper_type_form .submitted-message{
	color: var(--form-secondary-success-message-color);
}
.component__form--secondary form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input.invalid.error{
    border: 1px solid var(--form-secondary-warning-message-color);
}
.component__form--secondary form.hs-form label.hs-error-msg,
.component__form--secondary form.hs-form .hs-error-msgs.inputs-list {
    color: var(--form-secondary-warning-message-color);
}

/* Submit button */
.component__form--secondary form.hs-form input.hs-button{
	background: var(--form-secondary-submit-button-background-color);
    color: var(--form-secondary-submit-button-text-color);
	border: var(--form-secondary-submit-border-size) solid var(--form-secondary-submit-border-color);
}
.component__form--secondary form.hs-form input.hs-button:hover{
	background: var(--form-secondary-submit-button-background-color-hover);
	color: var(--form-secondary-submit-button-text-color-hover);
	border: var(--form-secondary-submit-border-size) solid var(--form-secondary-submit-border-color-hover);
}

/* GDPR */
.component__form--secondary form.hs-form .legal-consent-container .hs-richtext>p {
	color: var(--form-secondary-text-color);
}


/* ------------------ Subcription Forms ------------------ */
/* GDPR */
.blog-subscription form.hs-form fieldset > .legal-consent-container,
.blog-subscription form.hs-form > .legal-consent-container {
	font-size:1.5rem;
	line-height:1.2;
	margin-top: calc(var(--blog-subscription-form-fields-margin-bottom) * 0.2 * -1 );
	margin-bottom:0.8em;
}
.blog-subscription form.hs-form .legal-consent-container .hs-richtext > p {
	margin: 0 0 0.4em;
}

.blog-subscription form.hs-form .legal-consent-container .hs-richtext > a,
.blog-subscription form.hs-form .legal-consent-container .hs-richtext > p > a{
	color: inherit;
    font-weight: 600;
}

.blog-subscription form.hs-form .legal-consent-container .hs-richtext > a:hover,
.blog-subscription form.hs-form .legal-consent-container .hs-richtext > p > a:hover{
    text-decoration: underline;
}


.blog-subscription form.hs-form .legal-consent-container .hs-form-field,
.blog-subscription form.hs-form .legal-consent-container .hs-dependent-field{
	margin:0;
}
.blog-subscription form.hs-form .legal-consent-container label.hs-form-booleancheckbox-display{
	font-size:1.5rem;
}
.blog-subscription form.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
	margin-left: 0;
}

.blog-subscription .blog-subscription__container{
    position: relative;
    border-radius: var(--module-settings-forms-border-radius);
    background-color: var(--blog-subscription-form-background-color);
    color: var(--blog-subscription-form-text-color);
    position: relative;
    padding: var(--blog-subscription-form-padding-tb) var(--blog-subscription-form-padding-lr);
}

/* --blog-subscription-form-background-color
--blog-subscriptionFormTextColo
--blog-subscription-form-padding-lr
--blog-subscription-form-padding-tb */



.blog-subscription .hs_cos_wrapper_type_inline_rich_text > *,
.blog-subscription .hs-richtext > *{
    color: var(--form-primary-text-color) !important;
}

.blog-subscription .blog-subscription__container .hs-form fieldset{
	max-width: none;
	width: 100%;
    display: flex;
    justify-content: space-between;
}

.blog-subscription .blog-subscription__container .hs-form .hs-form-field,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field,
.blog-subscription .blog-subscription__container .hs-form> .hs-richtext,
.blog-subscription .blog-subscription__container .hs-form> .legal-consent-container {
	margin-bottom: var(--form-fields-margin-bottom)
}

.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-1 .hs-form-field, 
.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-1 .hs-dependent-field {
	width: 100%;
}

.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-2 .hs-form-field, 
.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-2 .hs-dependent-field {
	width: calc(100%/2 - var(--form-fields-column-gap)/2);
}

.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-3 .hs-form-field, 
.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-3 .hs-dependent-field {
	width: calc(100%/3 - var(--form-fields-column-gap)/3);
}

/* Labels */
.blog-subscription .blog-subscription__container .hs-form label{
	display: block;
	font-size: var(--form-labels-size);
	font-weight: var(--form-primary-label-weight);
	margin-bottom: var(--form-labels-margin-bottom);
	line-height: var(--form-primary-label-line-height);
}
.blog-subscription .hs-form label,
.blog-subscription fieldset > .legal-consent-container,
.blog-subscription .legal-consent-container{
    color: var(--form-primary-label-color);
}


/* Help text - legends */
.blog-subscription .blog-subscription__container .hs-form legend {
	font-size: calc(var(--form-labels-size) * 0.8);
	font-weight: 400;
	margin: calc(var(--form-labels-margin-bottom) * -1) 0 calc(var(--form-labels-margin-bottom) * 0.5);
}

/* -------- Fields -------- */
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input {
	display: flex;
	width:100%;
	margin:0!important;
}

/* Input */
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=text],
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=email],
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=password],
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=tel],
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=number],
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=file],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=text],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=email],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=password],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=tel],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=number],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=file] {
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	padding: var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right);
	border: var(--form-primary-input-border-size) solid var(--form-primary-input-border-color);
	border-radius: var(--module-settings-form-inputs-border-radius);
	background: var(--form-primary-input-background-color);
	color: var(--form-primary-input-color);
	outline:none;
	box-shadow: none;
	-webkit-appearance: none;
    appearance: none;
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input::-webkit-input-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primary-input-placeholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input::-moz-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primary-input-placeholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input:-ms-input-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primary-input-placeholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input:-moz-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primary-input-placeholder);
	opacity:1;
}
/* Text area */
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input textarea,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input textarea{
	min-width:100%;
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	padding: var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right);
	border:var(--form-primary-input-border-size) solid var(--form-primary-input-border-color);
	border-radius:var(--module-settings-form-inputs-border-radius);
	background: var(--form-primary-input-background-color);
	color: var(--form-primary-input-color);
	outline:none;
	box-shadow: none;
	min-height: 8rem;
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input textarea::-webkit-input-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primary-input-placeholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input textarea::-moz-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input textarea::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primary-input-placeholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input textarea:-ms-input-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input textarea:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primary-input-placeholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input textarea:-moz-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input textarea:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primary-input-placeholder);
	opacity:1;
}
/* Select https://www.filamentgroup.com/lab/select-css.html */
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input select,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input select{
	display: block;
	max-width: 100%;
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	height: auto;
	border: var(--form-primary-input-border-size) solid var(--form-primary-input-border-color);
	border-radius: var(--module-settings-form-inputs-border-radius);
	color: var(--form-primary-input-color);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	outline: none;
	cursor:pointer;
	/* 	background-color: var(--form-primary-input-background-color); */
	background-color:transparent;
	background-repeat: no-repeat, repeat;
	background-position: right var(--form-fields-padding-left-right) top 50%, 0 0;
	background-size: 0.8em auto, 100%;
	background-clip: padding-box;
	background-image: var(--form-primary-drop-down-background-arrow);
	padding: var(--form-fields-padding-top-bottom) calc(var(--form-fields-padding-left-right) * 2 + 0.8em) var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input select::-ms-expand,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input select::-ms-expand{display: none;}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input select:hover,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input select:hover{}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input select:focus,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input select:focus{}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input select option,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input select option {
	color: #00355A;
	font-weight:normal;
}

/* Checkbox/Radio */
.blog-subscription .blog-subscription__container .hs-form.inputs-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.blog-subscription .blog-subscription__container .hs-form.inputs-list > li {
	display: block;
	margin: 0.4em 0 0.7em;
}
.blog-subscription .blog-subscription__container .hs-form.inputs-list label {
	display: flex;
/* 	align-items: center; */
	margin-bottom: 0;
}
.blog-subscription .blog-subscription__container .hs-form.inputs-list input,
.blog-subscription .blog-subscription__container .hs-form.inputs-list span {
	vertical-align: middle;
}
.blog-subscription .blog-subscription__container .hs-forminput[type=checkbox],
.blog-subscription .blog-subscription__container .hs-forminput[type=radio] {
	cursor: pointer;
	margin:0.25em 0.5em 0 0;
}

/* Datepicker */
.blog-subscription .blog-subscription__container .hs-form.hs-dateinput {
	position: relative;
	width:100%;
}
.blog-subscription .blog-subscription__container .hs-form.hs-dateinput:before {
	content:'\F0ED';
	font-family:'Material Design Icons';
	position: absolute;
	right: var(--form-fields-padding-left-right);
	font-size: 1.2em;
	top: 50%;
	transform: translateY(-50%);
	cursor:pointer;
    color: #00355A;
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input .hs-dateinput input,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input .hs-dateinput input{
	padding-right: calc(var(--form-fields-padding-left-right) * 2 + 1em);
}

/* File picker */
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=file],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=file]{
	background-color: transparent;
    color: var(--form-primary-label-color);
	border: initial;
	padding: initial;
}

/* Phone With Country DropDown */
.blog-subscription .blog-subscription__container .hs-form.hs-input.hs-fieldtype-intl-phone {
    width: 100%!important;
}
.blog-subscription .blog-subscription__container .hs-form.hs-input.hs-fieldtype-intl-phone select {
	width: 18rem!important;
}
.blog-subscription .blog-subscription__container .hs-form.hs-input.hs-fieldtype-intl-phone input[type="tel"] {
    width: calc(100% - 18rem - var(--form-fields-column-gap))!important;
}
/* Validation */
.hs-form-required {
/*   color: #EF6B51; */
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input.invalid.error,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input.invalid.error {
  border: 1px solid var(--form-primary-warning-message-color);
}
.blog-subscription .blog-subscription__container .hs-formlabel.hs-error-msg,
.blog-subscription .blog-subscription__container .hs-form.hs-error-msgs.inputs-list {
    color: var(--form-primary-warning-message-color);
}

/* Submit button */
.blog-subscription .blog-subscription__container .hs-form input.hs-button{
	display: block;
	width: auto;
	min-width: 8em;
	text-align: center;
	background: var(--form-primary-submit-button-background-color);
    color: var(--form-primary-submit-button-text-color);
	font-weight: var(--button-weight);
	margin: var(--form-fields-margin-bottom) 0 0;
	text-transform: none;
	text-decoration:none;
	cursor: pointer;
	transition: color 0.25s ease-in-out, background 0.25s ease-in-out, border-color 0.25s ease-in-out;
	border: var(--form-primary-submit-border-size) solid var(--form-primary-submit-border-color);
	border-radius: var(--module-settings-cta-border-radius);
	box-shadow: none;
	-webkit-appearance: none;
	appearance:none;
}
.blog-subscription .blog-subscription__container .hs-form input.hs-button:hover{
	background: var(--form-primary-submit-button-background-color-hover);
	color: var(--form-primary-submit-button-text-color-hover);
	border: var(--form-primary-submit-border-size) solid var(--form-primary-submit-border-color-hover);
}


/* Email Preference Forms */

.email_subscriptions__container{
    padding: 4rem;
}

.email_subscriptions__container input[type=text],
.email_subscriptions__container input[type=email],
.email_subscriptions__container input[type=password],
.email_subscriptions__container input[type=tel],
.email_subscriptions__container input[type=number],
.email_subscriptions__container input[type=file] {
	width:100% !important;
	font-size:inherit !important;
	line-height:inherit !important;
	padding: var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right) !important;
	border: var(--form-primary-input-border-size) solid var(--form-primary-input-border-color) !important;
	border-radius: var(--module-settings-form-inputs-border-radius) !important;
	background: var(--form-primary-input-background-color) !important;
	color: var(--form-primary-input-color) !important;
	outline:none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
    appearance: none !important;
}
.email_subscriptions__container form.hs-form .hs-form-field .input input::-webkit-input-placeholder,
.email_subscriptions__container form.hs-form .hs-dependent-field .input input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primary-input-placeholder) !important;
}
.email_subscriptions__container form.hs-form .hs-form-field .input input::-moz-placeholder,
.email_subscriptions__container form.hs-form .hs-dependent-field .input input::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primary-input-placeholder) !important;
}
.email_subscriptions__container form.hs-form .hs-form-field .input input:-ms-input-placeholder,
.email_subscriptions__container form.hs-form .hs-dependent-field .input input:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primary-input-placeholder) !important;
}
.email_subscriptions__container form.hs-form .hs-form-field .input input:-moz-placeholder,
.email_subscriptions__container form.hs-form .hs-dependent-field .input input:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primary-input-placeholder) !important;
	opacity:1 !important;
}

.hs_cos_wrapper_type_email_subscriptions #email-prefs-form .page-header h2,
.email_subscriptions__container .page-header h2,
.email_subscriptions__container .page-header h3,
.email_subscriptions__container form h2,
.email_subscriptions__container form h3{
    font-size: 2rem;
    font-style: italic;
}

.email_subscriptions__container .hs-input{
    margin-bottom: var(--form-fields-margin-bottom);
}

.email-prefs{
    margin: 3rem 0;
}

.email-prefs .header{
    padding: 0;
    background: none;
    font-weight: 500;
}

.email-prefs .item:not(:first-of-type){
    margin: 1rem 0;
    padding: 2rem 0 0 0;
    border-top: 1px solid var(--module-settings-divider-color);
}

.email-prefs .subscribe-options{
    padding-top: 4rem;
    border-top: 1px solid var(--module-settings-divider-color);
}

.password-page__container{
    padding: 4rem;
}

.password-page__container input[type=text],
.password-page__container input[type=email],
.password-page__container input[type=password],
.password-page__container input[type=tel],
.password-page__container input[type=number],
.password-page__container input[type=file] {
	width:100% !important;
	font-size:inherit !important;
	line-height:inherit !important;
	padding: var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right) !important;
	border: var(--form-primary-input-border-size) solid var(--form-primary-input-border-color) !important;
	border-radius: var(--module-settings-form-inputs-border-radius) !important;
	background: var(--form-primary-input-background-color) !important;
	color: var(--form-primary-input-color) !important;
	outline:none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
    appearance: none !important;
    height: auto !important;
}

.password-page__container .hs-button{
    margin: 2rem 0;
}

@media only screen and (max-width: 640px) {
    .hs_cos_wrapper_type_email_subscriptions #email-prefs-form .page-header h1,
    .email_subscriptions__container .page-header h1{
        font-size: var(--font-h4-size);
    }
    
    .hs_cos_wrapper_type_email_subscriptions #email-prefs-form,
    .email_subscriptions__container{
        padding: 3rem;
    }
    
    .password-page__container h1{
        font-size: var(--font-h4-size);
    }
    
    .password-page__container{
        padding: 3rem;
    }
}
/* ------------------------------- COMPONENTS/ICONS.CSS ------------------------------- */
/* Icons */
.component__icons{
	--icon-gap:2rem;
    display: flex;
    gap: var(--icon-gap);
}
.component__icons--row {
	flex-direction: row;
    flex-wrap: wrap;
}
.component__icons--column{
	flex-direction:column;
    align-items: flex-start;
	justify-content:flex-start;
}
.component__icon{
    display: flex;
	flex-direction: column;
	align-items:center;
    row-gap: 1rem;
}
.component__icons--column .component__icon {
	align-items:flex-start;
}
.component__icon__img{
    margin:auto; 
}
.component__icon__text{
	margin:0;
}

@media only screen and (max-width: 768px) {
	.component__icon {
        align-items: flex-start;
    }
}
/* ------------------------------- COMPONENTS/INTRO.CSS ------------------------------- */
.component__intro{
    z-index: 1;
    position: relative;
    width:100%;
}

.component__intro--cta{
    display: grid;
    grid-template-columns: 75% auto;
    gap: 1rem;
    justify-items: right;
    align-items: end;
}

@media only screen and (max-width: 960px) {    
    .component__intro--cta{
        display: grid;
        grid-template-columns: 100%;
        gap: 2rem;
        justify-items: start;
    }
}
/* ------------------------------- COMPONENTS/LOGO.CSS ------------------------------- */
/* Logo */
.component__logo {
    display: flex;
    align-items: center;
	margin:0;
	position:relative;
    max-width: 160px;
    width: 100%;
}
.component__logo__img {
	width: 100%;
}
/* ------------------------------- COMPONENTS/TABLES.CSS ------------------------------- */
table {
  border-collapse: collapse;
  width: 100%;
}
th, td {
	background:var(--table-standard-background-color);
	color:var(--table-standard-text-color);
	border:1px solid var(--table-standard-border-color);
	padding:var(--table-standard-padding);
	text-align:left;
}
th {
	background:var(--table-header-background-color);
	color:var(--table-header-text-color);
	padding:var(--table-header-padding);
}
tr.even td {
	background:var(--table-alternative-background-color,#f9f9f9);
	color:var(--table-alternative-text-color);
}
tr.sticky {
    top: 0;
    position: sticky;
}
/* ------------------------------- COMPONENTS/TESTIMONIALS.CSS ------------------------------- */
/* Testimonial */
.component__testimonial{
    display: flex;
	align-items:center;
	border-radius: var(--module-settings-testimonials-border-radius);
	gap:2rem;
	font-size: 1.6rem;
}
.component__testimonial:not(.bg-color--transparent) {
	padding: 3.5rem;
}
.component__testimonial--column{
    flex-direction: column;
	--image-size:5.5rem;
	--image-margin:0 2rem 0 0;
	--source-width:100%;
	--source-direction:row;
	--source-alignment:center;
	--quote-width:100%;
}
.component__testimonial--row{
    flex-direction: row-reverse;
	--image-size:8rem;
	--image-margin:0 0 1.1em;
	--source-width:30%;
	--source-direction:column;
	--source-alignment:flex-start;
	--quote-width:70%;
}
.component__testimonial__source{
    display: flex;
	flex-direction:var(--source-direction);
    align-items: var(--source-alignment);
	width: var(--source-width);
}
.component__testimonial__quote{
    width: var(--quote-width);
}
.component__testimonial__quote p:first-child{
	margin-top:0;	
}
.component__testimonial__image{
	object-fit:cover;
	border-radius: 50%;
	width:var(--image-size);
	height:var(--image-size);
    min-width:var(--image-size);    
    max-width:var(--image-size);
    min-height:var(--image-size);    
    max-height:var(--image-size);
	margin:var(--image-margin,0);
}
.component__testimonial__role {
	text-wrap: balance;
}
.component__testimonial__role p{
    margin: 0;
	color: var(--font-body-color);
	opacity: 0.48;
}
.component__testimonial__role p:first-of-type{
    font-weight: 500;
    opacity: 0.73;
}

@media only screen and (max-width: 640px ) {
    .component__testimonial--row{
        flex-direction: column;
		--image-size:5.5rem;
		--image-margin:0 2rem 0 0;
		--source-width:100%;
		--source-direction:row;
		--source-alignment:center;
		--quote-width:100%;
    }
}
/* ------------------------------- COMPONENTS/TEXT.CSS ------------------------------- */
/* Text */
.component__text p:last-child{
    margin-bottom: 0;
}
.h--fit {
	max-width:max-content;
}
.t-right .h--fit{
	margin-left: auto;
}
.t-center .h--fit{
	margin-left: auto;
	margin-right:auto;
}
/* ------------------------------- COMPONENTS/VIDEO.CSS ------------------------------- */
/* Video */
.component__video {
	max-width:100%;
}
.component__video--fill-height {
	height:100%;
}
.component__video--fill-height .component__video__custom-video {
	height:100%;
	object-fit:cover;
}

.v-align-self-stretch > .component__video > .component__video__custom-video {
	width: 100%;
}

.component__video--hubspot .hs-video-container {
	margin:0!important;
}
.component__video--hubspot .hs-video-wrapper {
	aspect-ratio:var(--aspect-ratio,16/9);
	padding:0!important;
	height:auto!important;
	
	left: 50%;
	translate: -50%;
}
.component__video--hubspot.component__video--fill-height *{
	height:100%!important;
	overflow:hidden;
}
.component__video iframe {
	clip-path:fill-box; /* fixes graphical glitch on windows chromium based browsers https://stackoverflow.com/questions/20771971/video-player-shows-black-border */
}
/* ------------------------------- COMPONENTS/SPACER.CSS ------------------------------- */
/* Spacer */
.content__element.content__element--spacer:not(:last-of-type),
.content__element.content__element:has(+ .content__element--spacer){
	margin-bottom:0;
}
.component__spacer {
	height:var(--height);
}

@media only screen and (max-width: 960px) {
	.grid-column__elements .component__spacer {
		height:var(--height-mob);
	}
}

@media only screen and (max-width: 768px) {
	.component__spacer {
		height:var(--height-mob);
	}
}

/* ------------------------------- FOUNDATION/MODIFYERS.CSS ------------------------------- */
.color--primary {color: var(--color-primary);}
.color--primary2 {color: var(--color-primary2);}
.color--primary3 {color: var(--color-primary3);}
.color--secondary {color: var(--color-secondary);}
.color--secondary2 {color: var(--color-secondary2);}
.color--secondary3 {color: var(--color-secondary3);}
.color--tertiary {color: var(--color-tertiary);}
.color--white {color: var(--color-white);}
.color--black {color: var(--color-black);}

.border-color--primary {border-color: var(--color-primary) !important;}
.border-color--primary2 {border-color: var(--color-primary2) !important;}
.border-color--primary3 {border-color: var(--color-primary3) !important;}
.border-color--secondary {border-color: var(--color-secondary) !important;}
.border-color--secondary2 {border-color: var(--color-secondary2) !important;}
.border-color--secondary3 {border-color: var(--color-secondary3) !important;}
.border-color--tertiary {border-color: var(--color-tertiary) !important;}
.border-color--white {border-color: var(--color-white) !important;}
.border-color--black {border-color: var(--color-black) !important;}
.border-color--transparent {border-color: transparent !important;}

.bg-color--transparent {background-color: var(--color-transparent);}
.bg-color--primary {background-color: var(--color-primary);}
.bg-color--primary2 {background-color: var(--color-primary2);}
.bg-color--primary3 {background-color: var(--color-primary3);}
.bg-color--secondary {background-color: var(--color-secondary);}
.bg-color--secondary2 {background-color: var(--color-secondary2);}
.bg-color--secondary3 {background-color: var(--color-secondary3);}
.bg-color--tertiary {background-color: var(--color-tertiary);}
.bg-color--white {background-color: var(--color-white);}
.bg-color--black {background-color: var(--color-black);}
.bg-color--image {
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.bg-video {
	position:absolute;
	inset:0;
}
.bg-video video {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.overlay:before{
    content: '';
    position: absolute;
    background-color: #000;
    opacity: 0.7;
    width: 100%;    
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg-overlay {
	--over-back-image:;
	--over-back-image-set-x:;
	--over-back-image-set-w:;
	--over-back-size:;
	--over-back-pos:;
    content: '';
    position: absolute;
	inset:0;
	/* Do not add a z-index use position relative on following elements */
	background-image: var(--over-back-image);
	background-size: var(--over-back-size, cover);
	background-position: var(--over-back-pos, 50% 50%);
	background-repeat: no-repeat;
}
@supports (background-image:image-set('foo.png' 1x)) {
	.bg-overlay { background-image: var(--over-back-image-set-x);}
}
@supports (background-image:image-set('foo.png' 1w)) {
	.bg-overlay { background-image: var(--over-back-image-set-w);}
}

.bg-overlay--primary {background-color: var(--color-primary);}
.bg-overlay--primary2 {background-color: var(--color-primary2);}
.bg-overlay--primary3 {background-color: var(--color-primary3);}
.bg-overlay--secondary {background-color: var(--color-secondary);}
.bg-overlay--secondary2 {background-color: var(--color-secondary2);}
.bg-overlay--secondary3 {background-color: var(--color-secondary3);}
.bg-overlay--tertiary {background-color: var(--color-tertiary);}
.bg-overlay--white {background-color: var(--color-white);}
.bg-overlay--black {background-color: var(--color-black);}

body > .bg-overlay{
	z-index: auto;
	height: var(--body-height);
}

.bg-image-macro {
	--back-image:;
	--back-image-set-x:;
	--back-image-set-w:;
	--back-size:;
	--back-pos:;
	--back-aspect-ratio:;
	background-image: var(--back-image);
	background-size:var(--back-size);
	background-position:var(--back-pos);
	background-repeat:no-repeat;
}
@supports (background-image:image-set('foo.png' 1x)) {
	.bg-image-macro { background-image: var(--back-image-set-x);}
}
@supports (background-image:image-set('foo.png' 1w)) {
	.bg-image-macro { background-image: var(--back-image-set-w);}
}
@media only screen and (max-width: 960px) {
	.bg-image-macro {
		--mob-back-image: var(--back-image);
		--mob-back-image-set-x: var(--back-image-set-x);
		--mob-back-image-set-w: var(--back-image-set-w);
		--mob-back-size: var(--back-size);
		--mob-back-pos: var(--back-pos);
		--mob-back-aspect-ratio:var(--back-aspect-ratio);
		background-image: var(--mob-back-image);
		background-size: var(--mob-back-size);
		background-position: var(--mob-back-pos);
	}
	@supports (background-image:image-set('foo.png' 1x)) {
		.bg-image-macro { background-image: var(--mob-back-image-set-x);}
	}
	@supports (background-image:image-set('foo.png' 1w)) {
		.bg-image-macro { background-image: var(--mob-back-image-set-w);}
	}
}

.f{display: flex;}
.f-r{flex-direction: row;}
.f-c{flex-direction: column;}
.f-w{flex-wrap: wrap}

.t-center {text-align:center;}
.t-right {text-align:right;}
.t-left {text-align:left;}
.t-justify {text-align:justify;}

.v-align-top {align-items:flex-start; align-items: start;}
.v-align-center, .v-align-middle {align-items: center;}
.v-align-bottom {align-items:flex-end; align-items: end;}
.v-align-justify,.v-align-stretch {align-items: stretch;}

.h-align-left {justify-content:flex-start; justify-items:start;}
.h-align-center {justify-content:center; justify-items:center;}
.h-align-right {justify-content:flex-end; justify-items:end;}
.h-align-justify,.h-align-stretch {justify-content:space-between; justify-items:stretch;}

.v-align-self-left {align-self:flex-start;}
.v-align-self-center {align-self:center;}
.v-align-self-right {align-self:flex-end;}
.v-align-self-justify,.v-align-self-stretch {align-self:stretch;}

.mt-0 {margin-top:0;}
.mt-25 {margin-top: 2.5rem;}
.mt-50 {margin-top:5rem;}
.mt-75 {margin-top:7.5rem;}
.mt-100 {margin-top:10rem;}
.mt-150 {margin-top:15rem;}

.mb-0 {margin-bottom:0;}
.mb-25 {margin-bottom: 2.5rem;}
.mb-50 {margin-bottom:5rem;}
.mb-75 {margin-bottom:7.5rem;}
.mb-100 {margin-bottom:10rem;}
.mb-150 {margin-bottom:15rem;}

.pd-smaller {padding: var(--padding-smaller) 0;}
.pd-small {padding: var(--padding-small) 0;}
.pd-medium {padding: var(--padding-medium) 0;}
.pd-large {padding: var(--padding-large) 0;}
.pd-none {padding:0;}

.pd-custom, .pd-all-custom {
	padding-top: var(--pad-top,0);
	padding-bottom: var(--pad-bottom,0);
	padding-left: var(--pad-left,0);
	padding-right: var(--pad-right,0);
}

.pd-all-smaller {padding: var(--padding-smaller);}
.pd-all-small {padding: var(--padding-small);}
.pd-all-medium {padding: var(--padding-medium);}
.pd-all-large {padding: var(--padding-large);}
.pd-all-none {padding:0;}

.header-block--goes-transparent + .main .module--1.pd-smaller, .header-block--goes-transparent + .main .module--1 .pd-smaller {padding-top: calc(var(--padding-smaller) + var(--header-height,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-small, .header-block--goes-transparent + .main .module--1 .pd-small {padding-top: calc(var(--padding-small) + var(--header-height,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-medium, .header-block--goes-transparent + .main .module--1 .pd-medium {padding-top: calc(var(--padding-medium) + var(--header-height,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-large, .header-block--goes-transparent + .main .module--1 .pd-large {padding-top: calc(var(--padding-large) + var(--header-height,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-none, .header-block--goes-transparent + .main .module--1 .pd-none {padding-top: var(--header-height,8.5rem);}

@media only screen and (max-width: 768px) {
	.mt-25 {margin-top: 2rem;}
	.mt-50 {margin-top:3rem;}
	.mt-75 {margin-top:4.5rem;}
	.mt-100 {margin-top:6rem;}
	.mt-150 {margin-top:10rem;}
	
	.mb-25 {margin-bottom:2rem;}
	.mb-50 {margin-bottom:3rem;}
	.mb-75 {margin-bottom:4.5rem;}
	.mb-100 {margin-bottom:6rem;}
	.mb-150 {margin-bottom:10rem;}
	    
	.pd-smaller {padding:calc(var(--padding-smaller) * 0.9) 0;}
	.pd-small {padding:calc(var(--padding-small) * 0.9) 0;}
	.pd-medium {padding:calc(var(--padding-medium) * 0.9) 0;}
	.pd-large {padding:calc(var(--padding-large) * 0.9) 0;}
	.pd-none {padding:0;}
	
	.pd-custom, .pd-all-custom {
		padding-top: var(--mob-pad-top,var(--pad-top,0));
		padding-bottom: var(--mob-pad-bottom,var(--pad-bottom,0));
		padding-left: var(--mob-pad-left,var(--pad-left,0));
		padding-right: var(--mob-pad-right,var(--pad-right,0));
	}
	
	.pd-mob-smaller {padding:calc(var(--padding-smaller) * 0.9) 0;}
	.pd-mob-small {padding:calc(var(--padding-small) * 0.9) 0;}
	.pd-mob-medium {padding:calc(var(--padding-medium) * 0.9) 0;}
	.pd-mob-large {padding:calc(var(--padding-large) * 0.9) 0;}
	.pd-mob-none,.pd-mob-0 {padding:0;}
	
	.pd-all-smaller {padding:calc(var(--padding-smaller) * 0.9);}
	.pd-all-small {padding:calc(var(--padding-small) * 0.9);}
	.pd-all-medium {padding:calc(var(--padding-medium) * 0.9);}
	.pd-all-large {padding:calc(var(--padding-large) * 0.9);}
	.pd-all-none {padding:0;}

	.pd-all-mob-smaller {padding:calc(var(--padding-smaller) * 0.9);}
	.pd-all-mob-small {padding:calc(var(--padding-small) * 0.9);}
	.pd-all-mob-medium {padding:calc(var(--padding-medium) * 0.9);}
	.pd-all-mob-large {padding:calc(var(--padding-large) * 0.9);}
	.pd-all-mob-none,.pd-all-mob-0 {padding:0;}
	
	.header-block--goes-transparent + .main .module--1.pd-smaller, .header-block--goes-transparent + .main .module--1 .pd-smaller {padding-top: calc(var(--padding-smaller) * 0.9 + var(--header-height,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-small, .header-block--goes-transparent + .main .module--1 .pd-small {padding-top: calc(var(--padding-small) * 0.9 + var(--header-height,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-medium, .header-block--goes-transparent + .main .module--1 .pd-medium {padding-top: calc(var(--padding-medium) * 0.9 + var(--header-height,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-large, .header-block--goes-transparent + .main .module--1 .pd-large {padding-top: calc(var(--padding-large) * 0.9 + var(--header-height,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-none, .header-block--goes-transparent + .main .module--1 .pd-none {padding-top: var(--header-height,8.5rem);}
	
	.header-block--goes-transparent + .main .module--1.pd-mob-smaller, .header-block--goes-transparent + .main .module--1 .pd-mob-smaller {padding-top: calc(var(--padding-smaller) * 0.9 + var(--header-height,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-mob-small, .header-block--goes-transparent + .main .module--1 .pd-mob-small {padding-top: calc(var(--padding-small) * 0.9 + var(--header-height,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-mob-medium, .header-block--goes-transparent + .main .module--1 .pd-mob-medium {padding-top: calc(var(--padding-medium) * 0.9 + var(--header-height,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-mob-large, .header-block--goes-transparent + .main .module--1 .pd-mob-large {padding-top: calc(var(--padding-large) * 0.9 + var(--header-height,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-mob-none, .header-block--goes-transparent + .main .module--1 .pd-mob-none {padding-top: var(--header-height,8.5rem);}
}

/* Border Radius Settings */
.testimonial-cr{border-radius: var(--module-settings-testimonials-border-radius);}
.item-cr{border-radius: var(--module-settings-listing-border-radius); overflow: hidden;}
.image-cr{border-radius: var(--module-settings-image-video-border-radius); overflow: hidden;}
.video-cr{border-radius: var(--module-settings-image-video-border-radius); overflow: hidden;}

.position-relative {
	position:relative;
}
.set-relative {
	position:relative;
}
.set-relative .container {
	position:relative;
	z-index: 1;
}

.no-display, .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

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

.video--fit > video{
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media only screen and (max-width: 768px) {      
    .image--fit, .video--fit{
      width: 100%;
    }
}
/* ------------------------------- FOUNDATION/COLUMNS.CSS ------------------------------- */

.col1--full-height,
.col2--full-height {
	min-height: calc(100vh - var(--header-height,72px));
	display:flex;
}
.header-block--goes-transparent + .main :is(.module--1.col1--full-height,.module--1.col2--full-height) {
	min-height: 100vh;
}

.col1 .grid-row {
	grid-template-columns: 100%;
	gap:0; /* Gap replaced by padding to element area */
}
.col2 .grid-row {
	grid-template-columns:calc(var(--column-1-width)*var(--vw)) calc(var(--column-2-width)*var(--vw));
	gap:0; /* Gap replaced by padding to element area */
}
:is(.col1,.col2) .grid-row--2Xgap {
	--grid-column-gap: calc(var(--module-settings-column-gap) * 2);
}

/* Columns */
.grid-column{
	--container-width: var(--container-default);
	display: flex;
	flex-direction:column;
	align-items:center; 
	width: 100%;
	position:relative;
}
:where(.h-align-left) .grid-column, .grid-column.h-align-left {align-items:flex-start;}
:where(.h-align-right) .grid-column, .grid-column.h-align-right {align-items:flex-end;}
:where(.h-align-center) .grid-column, .grid-column.h-align-center {align-items:center;}
:where(.h-align-stretch) .grid-column, .grid-column.h-align-stretch {align-items:stretch;}

.grid-column--narrower {--container-width: var(--container-narrower);}    
.grid-column--narrow {--container-width: var(--container-narrow);}
.grid-column--medium {--container-width: var(--container-medium);}
.grid-column--wide {--container-width: var(--container-wide);}
.grid-column--wider{--container-width: var(--container-wider);}
.grid-column--full {--container-width: var(--container-full);}

.grid-column--1 {
	padding-left:max( (var(--100vw) - var(--container-width))/2, (var(--100vw) - var(--container))/2 );
	padding-right:max((var(--100vw) - var(--container-width))/2, (var(--100vw) - var(--container))/2 );
}
.grid-column--2:where(:first-of-type) {
	padding-right:calc(var(--grid-column-gap)/2);
	padding-left:max( (var(--100vw) - var(--container-width))/2, (var(--100vw) - var(--container))/2 );
}
.grid-column--2:where(:last-of-type) {
	padding-left:calc(var(--grid-column-gap)/2);
	padding-right:max((var(--100vw) - var(--container-width))/2, (var(--100vw) - var(--container))/2 );
}
.grid-column--fill-column-gap:where(:first-of-type) {
	padding-left:calc(var(--grid-column-gap));
}
.grid-column--fill-column-gap:where(:last-of-type) {
	padding-right:calc(var(--grid-column-gap));
}
.grid-column--fill-none:where(:first-of-type) {
	padding-left:0;
}
.grid-column--fill-none:where(:last-of-type) {
	padding-right:0;
}
.grid-column--fill-container:where(:first-of-type) {
	padding-left:calc( (var(--100vw) - var(--container))/2 );
}
.grid-column--fill-container:where(:last-of-type) {
	padding-right:calc( (var(--100vw) - var(--container))/2 );
}

/* Elements area */
.grid-column__elements {
	display:flex;
	flex-direction:column;
	max-width:var(--content-max-width,'none');
	justify-content:var(--element-position);
	height:100%;
	width:min(100%,var(--100vw));
	position:relative;
	z-index:1;
	border-radius:var(--cr-top-left) var(--cr-top-right) var(--cr-bottom-right) var(--cr-bottom-left);
	overflow:hidden;
}

/* Elements */
.content__element {
	position:relative;
	max-width:100%;
}
.content__element:not(:last-of-type){
    margin-bottom: 3rem;
}

@media only screen and (max-width: 960px) {
	.col2 .grid-row {
		grid-template-columns: 100%;
		gap:var(--grid-row-gap);/* Add vertical gap */
	}

	.grid-column {
		padding-left:max( (var(--100vw) - var(--container-width))/2, (var(--100vw) - var(--container))/2 );
		padding-right:max( (var(--100vw) - var(--container-width))/2, (var(--100vw) - var(--container))/2 );
	}
	.grid-column--fill-none {
		padding-left:0;
		padding-right:0;
	}
	.grid-row:not(.grid-row--mob-reverse):has(.grid-column--2) .grid-column:first-of-type,
	.grid-row--mob-reverse:has(.grid-column--2) .grid-column:last-of-type {
		padding-bottom:0;
	}
	.grid-row:not(.grid-row--mob-reverse):has(.grid-column--2) .grid-column:last-of-type,
	.grid-row--mob-reverse:has(.grid-column--2) .grid-column:first-of-type {
		padding-top:0;
		order:1;
	}
	.grid-column__elements {
		border-radius:var(--cr-mob-top-left) var(--cr-mob-top-right) var(--cr-mob-bottom-right) var(--cr-mob-bottom-left);
	}

	.grid-column__elements.pd-all-custom, .grid-column__elements.pd-custom, .grid-column__elements.pd-all-mob-custom {
		padding: var(--mob-pad-top, var(--pad-top, 0)) var(--mob-pad-right, var(--pad-right, 0)) var(--mob-pad-bottom, var(--pad-bottom, 0)) var(--mob-pad-left, var(--pad-left, 0));
	}
}

/* Editor Hints */
.hs-inline-edit .grid-row--show-hints :is(.grid-column,.grid-column__elements,.content__element)::before {
	position: absolute;
	z-index: 2;
	width: 100%;
	inset: 0;
	border: 1px solid;
	outline: 1px solid;
	text-align: center;
	font-weight:bold;
	text-shadow:1px 1px 2px #000;
}
.hs-inline-edit .grid-row--show-hints .grid-column::before {
	content: "Column";
	color: #04c000;
}
.hs-inline-edit .grid-row--show-hints .grid-column:first-of-type::before {
	text-align:left;
}
.hs-inline-edit .grid-row--show-hints .grid-column:last-of-type::before {
	text-align:right;
}
.hs-inline-edit .grid-row--show-hints .grid-column__elements::before {
	content: "Element Area";
	color: aqua;
	inset: 0.5px;
}
.hs-inline-edit .grid-row--show-hints .grid-column:first-of-type .grid-column__elements::before{
	text-align:right;
}
.hs-inline-edit .grid-row--show-hints .grid-column:last-of-type .grid-column__elements::before{
	text-align:left;
}
.hs-inline-edit .grid-row--show-hints .content__element::before {
	content: var(--element-type);
	color: #ff9800;
	inset: 1px;
}

/* Theme Overrides
These are styles that may override the default library styles
*/


.footer{
    border-top: 1px solid var(--color-primary2);
}

.footer__about > a img{
    max-width: 23rem;
}

.footer__nav__menu{
    display: flex;
}

.footer__ribbon{
    padding: 1.5rem 0 !important;
    font-size: 1.7rem !important;
}

.footer__about{
    width: 100% !important;
}

.footer__nav__link--depth-1{
    font-size: 2rem !important;
    font-weight: 700;
}

.footer__snippet {
    font-size: 1.7rem !important;
    line-height: normal !important; 
}

.footer__snippet a{
    text-decoration: none;
}

.footer__snippet p{
    line-height: 2;
}

.footer__snippet a:hover{
    text-decoration: underline !important;
}

.footer__snippet h2{
    font-weight: 700;
    --font-h2-size: var(--font-body-size);
    margin: 0 !important;
}

.footer__social svg{
    width: 3.5rem !important;
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .footer__menu--right {
        padding: 0 0 0 6rem !important;
    }
}

@media only screen and (min-width: 1281px) {
    .footer__menu--right {
        padding: 0 0 0 15rem !important;
    }
}

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

    .footer__about{
        max-width: 275px;
    }

    .footer__social__icons a {
        margin-right: 1.5rem !important;
    }

    .footer__menu--right {
        width: 100% !important;
    }

    .footer__about-contact{
        padding: 8rem 0 !important;
    }
}

@media only screen and (max-width: 1024px) {
    .footer__about-contact{
        padding: 6rem 0 3rem!important
    }

    .footer__about-contact{
        flex-direction: column-reverse !important; 
        gap: 2rem;
    }

    .footer__ribbon .hs-menu-wrapper.hs-menu-flow-horizontal ul{
        margin: 0;
    }

    .footer__nav__menu{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }

    .footer__nav .footer__nav__li--depth-1:nth-child(n+2){
        margin: 0 !important;
    }

    .footer__nav .footer__nav__li--depth-2 {
        margin: 1.2rem 1rem !important;
    }
}

@media only screen and (max-width: 768px) {
    .footer__nav__menu{
        display: grid; 
        grid-template-columns: 100%;
        gap: 2rem;
    }


    .customer-logos .customer-logos__items:not(.customer-logos__items--carousel) {
        grid-template-columns: repeat(2, minmax(0, 50%)) !important;
    }
}

.blog-inner__post__body div:has(iframe) {
    padding: 0 !important;
}

.faqs__group__panel__trigger {
    padding-block: 1rem 2rem !important;
    width: 100%;
    border-bottom: 1px solid var(--color-primary);
}

.blog-post-listing__item__title{
    font-size: var(--font-blog-title-size);
}

.case-study-about .image-text-items__item__img-container img {
    height: 50px;
    object-fit: contain;
}

form.hs-form label{
    text-transform: capitalize;
}

.integrations-inner__tags__container > *{
    --button-margin: 0.5rem;
    margin-left: 0;
    margin-top: 0;
    margin-right: var(--button-margin,0);
    margin-bottom: var(--button-margin,0);
}


.cta--custom .hs-web-interactive-inline a svg path{ fill: var(--color);}
.cta--custom .hs-web-interactive-inline a:hover svg path{ fill: var(--hover-color);}

.cta--custom a svg path{ fill: var(--color);}
.cta--custom a:hover svg path{ fill: var(--hover-color);}


/* ROI Calculator css */
.savings-calculator__form-elements {
    display: flex;
    flex-direction: column;
}
.savings-calculator {
    background-color: #f6f6f6;
    padding: 3rem;
}
@media print, screen and (min-width: 55em) {
    .savings-calculator {
        padding: 4.5rem;
    }
}
.savings-calculator__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 7rem;
}
@media print, screen and (min-width: 55em) {
    .savings-calculator__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
.savings-calculator__wrapper-right {
    display:flex;
    flex-direction:column;
}
.savings-calculator__form-elements {
    margin-bottom: 1.5rem;
}
.savings-calculator .savings-calculator__form-elements:last-of-type {
    margin-bottom:0;
}
.savings-calculator__form-elements p {
    margin-bottom: 0;
}
.savings-calculator__form-elements p:first-child {
    margin-top: 0;
}
.savings-calculator__form-elements-description {
    line-height: 1.1;
    font-size: 1.4rem;
    font-style: italic;
}
.savings-calculator__form-elements-description small {
    line-height: 1.1;
}
.savings-calculator__form-elements-wrap {
    position: relative;
}

.savings-calculator label {
    margin-bottom:0.5em;
}
.savings-calculator__form-elements-sub {
    font-size:1.5rem;
}
.savings-calculator input[type="number"],
.savings-calculator select {
    background-color:#fff;
    border: 1px solid #d9d9d9;
    outline:none;
}
.savings-calculator input[type="number"].savings-calculator__monetary-field {
    padding-left: 2.5rem;
}
.savings-calculator__pound-sign {
    left: 1.5rem;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.savings-calculator__pound-sign::before {
    content: none;
}

.savings-calculator__result {
    display: block;
    color: #b34288;
    font-weight: 700;
    font-size: 2.2rem;
}
.savings-calculator__result::before {
    content: "$";
}
.savings-calculator__result.no-dollar::before {
    content: none;
}
.savings-calculator--FTE .savings-calculator__wrapper-right {
    font-size:2rem;
    font-weight:600;
}
.savings-calculator--FTE .savings-calculator__form-elements {
    margin-bottom:3rem;
}
.savings-calculator--FTE .savings-calculator__result {
    display:inline;
    /* font-size:2rem; */
}

.savings-calculator__form-elements:has(.btn) {
    align-items: flex-start;
    margin-top:auto;
}
.savings-calculator__button {
    margin-top: 0.5rem;
}