/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/*
Load Boilerplate
Media Query Settings
Typography Settings
Color Settings
Global styling for body and links
Typography 
(each of these sections have defaults for colors, font sizes, paddings, margins, and styling)
Forms and Form Elements
Tag Cloud
Tables
Header and Main Nav 
Custom Primary Nav
Mobile Nav
Media Queries for Nav settings
Search trigger and form
Search Page content
Footer and Footer Nav
Breadcrumbs
Sidebar Color and margin
Blog Elements
Billboard: photo page header/hero colors
Testimonials
Logo Carousel
Error Template Settings
Responsive columns

*/


@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

/* Typographic Settings                      
/* Set font families here in the order:
/* ideal, fallback, generic
/* Font families that are not Browser generic should include an @import declaration from Google Fonts below the Font Awesome above
/* @import for Google Fonts should be done once including all the font families and sizes to avoid a second call
/****************************************/







/****************************************/
/* Size Settings                      
/* Set the maximum content width and mobile switch points.
/* Include measurement in px, em, or rem.
/* 20px left and right padding will be
/* added in the global wrapper.
/****************************************/

		


		


		


		






/****************************************/
/* Colour Settings                      
/* These inherit HubSpot settings by
/* default. If you'd prefer to hardcode
/* colour settings, swap the HubL code
/* for a hex value. Create new colours
/* as required for your theme.
#ffffff
#5e5e5e
#5e5e5e
#5db5d7
#2098C7
/****************************************/

/****************************************/
/* Default Colors - replace with Company brand colors */ 













/*** HEADER MENU ***/

	








  
  

  
  
  
 
 
 
 
 








/*** MOBILE MENU ***/

	








  
  
  
  
  
 
 
 
 
 
 








 

 
 
 
 
 
 



/*** FOOTER ***/

	
 







  
 
 
 


/****** CONTEXTUAL NAV MENU *****/

% set contextMenuFontFace = theme.global_fonts.base.secondary.font %}	




  
 
 
 





/****** INLINE NAV MENU ********/



% set inlineMenuFontFace = theme.global_fonts.base.primary.font %}	




  
 
 
 






/*****************************************/
/* Global Styling                        */
/*****************************************/
  
html,
body {
    background: #ffffff;
	margin: 0 auto;
}

.colored-background {
    background: #5db5d7;
}

.body-container-wrapper {
	max-width: 100vw;
	margin: 0 auto;
  overflow-x: hidden;
  overflow-y: visible;
  display: contents;
}

.body-container-wrapper .body-container {
	background: #ffffff;
	max-width: 100vw;
	margin: 0 auto;
}

.body-container-wrapper {
	
	box-shadow: none;
	
	
}

.body-container-wrapper .body-container .dnd-section {
	padding-left: 20px;
	padding-right: 20px; 
}

.billboard-content .page-header,
.billboard-content .billboard-ctas,
.billboard-content .hero-blog {
  
	padding-left: 20px;
	padding-right: 20px;  
  
}

.body-container-wrapper .body-container .dnd-section[class*="full-width"] {
	padding-left: 0;
	padding-right: 0; 
}

.billboard-wrapper .billboard-content {
	width: 100%;
	margin-left: auto;
  margin-right: auto;
  
  max-width: 100vw;
/*	padding-left: 20px;
	padding-right: 20px;  */
  	
}

@media all and ( min-width: 900px ) {
  .header-container-wrapper {
    width: 100%;
    position: relative;
  }
  
	.headers-container-wrapper .header-container .header-hero .header-nav-wrapper {
    
		max-width: 100vw;
    position: relative;
    z-index: 200;
			
	}
  
	.footer-container-wrapper .footer-container .footer-area {
    
		max-width: 1400;
				
	}
    
  .headers-container-wrapper .header-container .header-hero .header-nav-wrapper,
	.footer-container-wrapper .footer-container .footer-area {
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
		
	}

	.header-container-wrapper,
	.hero-container-wrapper {
		
	  background-color: transparent;
		
	}

	.absolute-header .header-container-wrapper,
	.absolute-hero.header-container-wrapper {
		background: transparent;
	  position: absolute;
	}
  .header-container-wrapper.sticky-hero.sticky {
    animation: fadeIn-fadeOut ease 1s;
	}
  
  .header-container-wrapper.sticky-hero {
    position: absolute;
    width: 100%;
	}

@keyframes fadeIn-fadeOut {
  0% {
    opacity: 0;
  };
  100% {
    opacity: 1;
  }
}
/*	.sticky-hero.header-container-wrapper.sticky {
	  position: fixed; 
	  z-index: 50000;
	  width: calc( 100vw - 15px );
	  width: 100vw;
   animation: fadeIn-fadeOut ease 1s;
  }
  */
  
	
}

@media all and ( max-width: 900px ) {
  .header-container-wrapper,
  .hero-container-wrapper {
    position: relative;
    
    background-color: transparent;
    
  }

    
}

@media all and ( max-width: 900px ) {
	.body-container-wrapper .body-container {
		max-width: 900px;
		margin: 0 auto;
	}
	
	.body-container-wrapper .body-container .dnd-section {
		padding-left: 10px;
		padding-right: 10px;
	}
	
  .blog-sidebar {
    padding-left: 10px;
		padding-right: 10px;
  }
  
	.billboard-wrapper .billboard-content .span12 {
		max-width: 900px;
		margin: 0 auto;
  }

	.headers-container-wrapper .header-container .header-hero .header-nav-wrapper,
	.footer-container-wrapper .footer-container .footer-area {
		max-width: 900px;
		margin: 0 auto;
		padding-left: 10px;
		padding-right: 10px; 
	
	}
}

.body-container-wrapper .body-container .dnd-section {
	padding-top: 60px;
	padding-bottom: 60px;
}

hr {
    margin: 4rem 0.0%; 
    border: none;
	  color: transparent;
    background-color: #ffffff;
	
	
    clear: both;
  
    border-top: 10px solid rgba(160, 143, 118, 0.1);
      
}

a,
a:active {
    color: #2098c7;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #2098c7;
    text-decoration: none;
}

a:visited {
    color: #2098c7;
    text-decoration: none;
}

.arrow-button:hover i,
.persona-block:hover .arrow-button i,
.persona-block:hover a.arrow-button  {
    color: #2098c7;
    text-decoration: none;
}

/* Tag Cloud on blog */

ul.cloud a {
  color: #2098c7;
}

/* Column Group */

.column-group [class*="span"].column-group-item {
    border-left: 1px solid BrandingColor{hex=#5db5d7};
}

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

body { /* theme.global_fonts */
   font-size: 18px;
   color: #5e5e5e;
   font-weight: 400;
   line-height: 1.4em;
   text-transform: none;

	font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;

}

h1,
h2,
h3,
h4,
h5,
h6 {

	font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;	

   color: #5e5e5e;
   font-size: 18px;
   line-height: 1.4;
   /* text-wrap: balance; */ 
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

h1 {

	font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;		font-family: "Montserrat", Montserrat, Verdana, Arial, Helvetica, sans-serif;	

   font-size: 64px;
   color: #5e5e5e;
   font-weight: 700;
   line-height: 1.2;
   text-transform: none;
   padding-bottom: 2rem;
   {font-family=Merriweather, serif, font-style=normal, font-weight=700, text-decoration=none};
}


h2 {

	font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;

   font-size: 36px;
   color: #5e5e5e;
   font-weight: 500;
   line-height: 1.3;
   text-transform: none;
   padding-bottom: 1.5rem;
   {font-family=Merriweather, serif, font-style=normal, font-weight=700, text-decoration=none};
}

h3 {

	font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;

   font-size: 26px;
   color: #5e5e5e;
   font-weight: 500;
   line-height: 1.3;
   text-transform: none;
   padding-bottom: 1rem;
   {font-family=Merriweather, serif, font-style=normal, font-weight=700, text-decoration=none};
}

h4 {

	font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;

   font-size: 20px;
   color: #5e5e5e;
   font-weight: 500;
   line-height: 1.3;
   text-transform: none;
   padding-bottom: 1.1rem;
   {font-family=Merriweather, serif, font-style=normal, font-weight=500, text-decoration=none};
}


h5 {

	font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;

   font-size: 18px;
   color: #5e5e5e;
   font-weight: 500;
   line-height: 1.3;
   text-transform: none;
   padding-bottom: 0.8rem;
   {font-family=Montserrat, sans-serif, font-style=normal, font-weight=500, text-decoration=none};
}
.billboard-content h1, 
.billboard-content .primary-header {

	font-family: "Montserrat", Montserrat, Verdana, Arial, Helvetica, sans-serif;	

   color: rgba(255, 255, 255, 1);
   font-weight: 700;
   line-height: 1.2;
   text-transform: none;
   padding-bottom: 2rem;

   text-shadow: none;

   ;
}

.billboard-content h1.primary-header {
  font-size: 64px;
  color: rgba(255, 255, 255, 1);
}

.billboard-content h2.primary-header {
  font-size: 48px;
}

.billboard-content h3.primary-header {
  font-size: 36px;
}

.billboard-content .secondary-header { /* secondary header on Hero */

	font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;

   color: rgba(255, 255, 255, 1);  
   line-height: 1.1;
   text-transform: none;
   font-weight: 500;
   padding-bottom: 1.6rem;
   ;

}

.billboard-content .secondary-header h3 {
  font-size: 30px;
}

.billboard-content .secondary-header h4 {
  font-size: 20px;
  color: rgba(255, 255, 255, 1);  
}

.billboard-content .secondary-header p {
  font-size: 18px;
}

p {
   text-wrap: pretty;
   padding-bottom: 1em;
    margin-block-start: 0;
    margin-block-end: 0;
}

.billboard-content .invert .primary-header {
  color: #5e5e5e;
  
}

.billboard-content .invert .secondary-header {
  color: #5e5e5e;
  
}





blockquote {
   display: block;
   color: #5e5e5e;font-size: 18px;font-family: Montserrat, sans-serif;;
   font-weight: 400;
   line-height: 1.4;
   font-style: none;
   text-transform: none;
   padding: 20px;
; 
   width: calc( 100% - 20px );
   min-width: calc( 100% - 0px );
   background: rgba(241, 250, 253, 1);
   border-radius: 0px;
   border: 0px solid #5db5d7;
;
   margin-left: 0px;
  text-wrap: pretty;
}
/* Testimonials */

.testimonial-slider blockquote {
  background: ;
  color: #000000;font-size: 18px;font-weight: 500; font-family: Montserrat, sans-serif;
  font-weight: 400;
  line-height: 1.2; 
   font-style: italic;
   text-transform: ;
  padding-top: 60px;
padding-right: 100px;
padding-bottom: 40px;
padding-left: 100px;
; 
  text-align: center;
  border-radius: 0px;
  border: 0px solid rgba(0, 0, 0, 50%);
;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  z-index: 5;
  text-wrap: pretty;
}

.testimonial-slider blockquote h3 {
	position:relative;
	z-index: 10;
    text-wrap: balance;
}


.testimonial-slider blockquote:before {
    content: "\201C";
    color: rgba(239, 239, 239, 0.5);
    font-family: "Georgia";
    font-size: 8em;
    position: absolute;
    top: 0;
    left: 16px;
	padding: 0px;
margin-top: -25px;
margin-bottom: 0px;
;
	z-index: -1;
}


.testimonial .cite {
  line-height: 60px;
}

.testimonial .cite img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.testimonial-item span.author-name,
.testimonial-item span.author-company,
.testimonial-item span.author-title {
  color: ;
  opacity: 0.8;
}

/* testimonial slider */
.testimonial-slider,
.testimonial-block {
   text-align: center; 

}

.testimonial-slider blockquote footer {
    margin-top: 30px;
    font-size: .625em;
    font-style: italic;
    text-align: center;
    line-height: 1.375em;
    text-wrap: pretty;
}

.testimonial-block blockquote {
/*    quotes: "\201C""\201D""\2018""\2019"; */
  margin-left: 0px;
  padding: 20px;
;
  max-width: calc( 100vw - calc( 0.0 - 10px ));
  text-wrap: pretty;
}

.splide__slide--caption {
  font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif !important; 
}

/*
.testimonial-block blockquote:before {
    content: "\201C";
    color: #fff;
    font-family: "Georgia";
    font-size: 8em;
    opacity: 0.90;
    position: absolute;
    top: -60px;
    left: 4%;
}
*/

.splide__toggle {
    background: transparent !important;
}


/* H1 in billboard hero scales down responsively to avoid sizing issues with mobile*/
/*
function clampBuilder( minWidthPx, maxWidthPx, minFontSize, maxFontSize ) {
  const root = document.querySelector( "html" );
  const pixelsPerRem = Number( getComputedStyle( root ).fontSize.slice( 0,-2 ) );

  const minWidth = minWidthPx / pixelsPerRem;
  const maxWidth = maxWidthPx / pixelsPerRem;

  const slope = ( maxFontSize - minFontSize ) / ( maxWidth - minWidth );
  const yAxisIntersection = -minWidth * slope + minFontSize

  return `clamp( ${ minFontSize }rem, ${ yAxisIntersection }rem + ${ slope * 100 }vw, ${ maxFontSize }rem )`;
}

// clampBuilder( 360, 840, 1, 3.5 ) -> "clamp( 1rem, -0.875rem + 8.333vw, 3.5rem )"
/* adjust as needed */
/*
:root {
  --min-widthPX: 520;
  --max-widthPX: 900;
  --min-width: calc( 520 / 18 );
  --max-width: calc( 900 / 18 );  
  --maxFontSize-h1d: calc( 64 / 18 );
  --minFontSize-h1m: calc(  / 18 );
  --minFontSize-h1dslope: calc(calc(calc(64 / 18 ) - calc(  / 18) ) / calc( calc( 900 / 18 ) - calc( 520 / 18 ) ));
  --yAxisIntersection-h1d: calc(calc( calc(var(--min-width) * var(--minFontSize-h1dslope)) + var(--minFontSize-h1m) ) * -1);

}
*/
:root {
  --min-widthPX: 520;
  --max-widthPX: 900;
  --min-width: 520px;
  --max-width: 900px;  
  --maxFontSize-h1d: 64px;
  --minFontSize-h1m: px;
  --minFontSize-h1dslope: calc(calc(var(--maxFontSize-h1d) - var(--minFontSize-h1m ) ) / calc(var(--max-width) - var(--min-width)));
  --yAxisIntersection-h1d: calc(calc( calc(var(--min-width) * var(--minFontSize-h1dslope)) + var(--minFontSize-h1m) ) * -1);
  --minFontSize-h1dslope100: calc( var(--minFontSize-h1dslope) * 100vw);
}

@media (max-width: 900px) and (min-width: 520px) {
  h1 {
	  font-size: var(--minFontSize-h1m);
/*	  font-size: clamp( var(--minFontSize-h1m), var(--yAxisIntersection-h1d) + var( --minFontSize-h1dslope100 ) ,var(--maxFontSize-h1d));
  /*font-size: calc(14px + (26 - 14) * ((100vw - 320px) / (1296 - 320)));*/
/*  font-size: 
     calc(var(--minFontSize-h1m)*1px + 
       calc(
        var(--maxFontSize-h1d) - var(--minFontSize-h1m)) 
        * 
        ((100vw - var(--min-width)) / (var(--max-widthPX) - var(--min-widthPX))) 
       ); */
  }
   .billboard-content h1 {
     font-size: clamp(30px, 4.33vw, 52px);
  }

  .homepage-template .billboard-content h1 {
     font-size: clamp(32px, 4.66vw, 64px);
  }
  
  .billboard-content .secondary-header {
     font-size: clamp(28px, 3.33vw, 32px);
  text-wrap: pretty;
  }
  
  .homepage-template .billboard-content .secondary-header {
     font-size: clamp(26px, 3.66vw, 36px);
  }
    
  blockquote {
    margin-left: 0.0px;
    padding: 20px;
;
	width: 100%;
	max-width: calc( 100vw - 10px );
  }
  
  .testimonial blockquote, .testimonial-block blockquote, .testimonial-slider blockquote {
    padding: 30px;
  }
}

@media (max-width: 768px) {  
  blockquote,
  .testimonial-block blockquote {
      margin-left: 0.0px;
      padding-left: 10.0px;
	  width: 100%;
    max-width: calc( 100vw - calc( 0.0 - 20px )); 
	  max-width: calc( 100vw - 20px );
  }
} 


@media (max-width: 520px) {
	h1 {

		font-family: "Montserrat", Montserrat, Verdana, Arial, Helvetica, sans-serif;	

		font-size: 40px;
		color: #5e5e5e;
		font-weight: 500;
		line-height: 1.4;
		text-transform: none;
		padding-bottom: 1rem;
		font: {font-family=Merriweather, serif, font-style=normal, font-weight=700, text-decoration=none};
	}

	h2 {

		font-family: "Montserrat", Montserrat, Verdana, Arial, Helvetica, sans-serif;	

		font-size: 32px;
		color: #5e5e5e;
		font-weight: 500;
		line-height: 1.4;
		text-transform: none;
		padding-bottom: 0.9rem;
		{font-family=Merriweather, serif, font-style=normal, font-weight=700, text-decoration=none};
	}	  

	h3 {

		font-family: "Montserrat", Montserrat, Verdana, Arial, Helvetica, sans-serif;	

		font-size: 24px;
		color: #5e5e5e;
		font-weight: 500;
		line-height: 1.3;
		text-transform: none;
		padding-bottom: 0.9rem;
		{font-family=Merriweather, serif, font-style=normal, font-weight=700, text-decoration=none};
	}	
  
	h4 {

		font-family: "Montserrat", Montserrat, Verdana, Arial, Helvetica, sans-serif;	

		font-size: 20px;
		color: #5e5e5e;
		font-weight: 500;
		line-height: 1.3;
		text-transform: none;
		padding-bottom: 0.9rem;
		font: {font-weight=500, text-decoration=none, font-family=Montserrat, sans-serif, font-style=normal};
	}

	.billboard-content h1,
  .billboard-content .primary-header {

		font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;

	   font-size: 40px;
	   color: rgba(255, 255, 255, 1);
	   font-weight: 700;
	   line-height: 1.1;
	   text-transform: none;
	   padding-bottom: 1rem;

		text-shadow: none;

		;
	}
  
  .billboard-content h1.primary-header {
	   font-size: 40px;
  }
    
  .billboard-content h2.primary-header {
	   font-size: 32px;
  }
  
  .billboard-content h3.primary-header {
	   font-size: 28px;
  }
  	

  .billboard-content .secondary-header { /* secondary header on Hero */
  
    font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;
  
     color: rgba(255, 255, 255, 1);  
     line-height: 1.2;
     text-transform: none;
     font-weight: 500;
     padding-bottom: 1.2rem;
     ;
  
  }

  .billboard-content h3.secondary-header {
    font-size: 26px;
  }

  .billboard-content h4.secondary-header {
    font-size: 20px;
  }

  .billboard-content p.secondary-header {
    font-size: 18px;
  }


  
blockquote {
	  margin-left: 0.0px;
		padding-left: 10.0px;
	  width: 100%;	
	  max-width: calc( 100vw - 20px );
	}


	.testimonial blockquote, .testimonial-block blockquote, .testimonial-slider blockquote {
		width: 90%;
		max-width: 90%;
		padding: 75px 25px;
		margin-left: auto;
		margin-right:  auto;
	}
}
/*
 * "choices": [
                ["circle", "Open Circle ⚬"],
                ["disc", "Filled Circle ●"],
                ["dash", "Dash —"],
                ["square", "Open Square ☐"],
                ["fsquare", "Filled Square ◼"],
                ["csquare", "Check Square ☑"],
                ["xsquare", "Crossed Square ☒"],
                ["x", "X ✖"],
                ["check", "Checkmark ✔"],
                ["star", "5 Point Star ★"],
                ["finger", "Pointing Finger ☛"],
                ["arrow", "Right Arrow ➔"],
                ["chevron", "Right Chevron ›"],
                ["dchevron", "Double Right Chevron »"]
              ],
*/
/* lists */
.body-container-wrapper ul {
  list-style-type: none;
  margin: 0 0 1em;
   list-style: outside;
    padding-inline-start: 2em;
}


.body-container-wrapper ul>li {
  
  list-style-type: disc;
  
  margin:0;
  padding:0;
  text-indent: 0;
  color: ;
}
.body-container-wrapper ul>li::marker {
  color: ;
}

.body-container-wrapper ul>li>ul>li,
.body-container-wrapper ol>li>ul>li {
  
  list-style-type: circle;
  
  padding:0;
  text-indent: 0em;
  color: ;
}

.body-container-wrapper ul>li>ul>li::marker,
.body-container-wrapper ol>li>ul>li::marker{
  color: ;
}
/*
 * "choices": [
                ["none", "None"],
                ["dot", "Dot 1. 2. 3."],
                ["curve", "Curved Bracket 1) 2) 3)"],
                ["square", "Square Bracket 1] 2] 3]"],
                ["curly", "Curly Bracket 1} 2} 3}"],
                ["ordinal", "Ordinal 1st 2nd 3rd"],
                ["number", "Number #1 #2 #3"]
              ],
*/
.body-container-wrapper ol {
  counter-reset: item;
  list-style-type: none;
  margin: 0 0 1em;
  list-style: outside;
  padding-inline-start: 2em;
}

.body-container-wrapper ol>ol,
.body-container-wrapper ul>ol {
  list-style-type: none;
  counter-reset: item;
  padding-inline-start: 2em;
}

  
.body-container-wrapper ol>li {
  display:block;
  margin:0 0 10px 20px;
  padding:0 0 0 0.25em;
  text-indent:-2em;
  list-style-type:none;
  color: ;
}


.body-container-wrapper ul>li,
.body-container-wrapper ol>li {
    margin:0 0 10px;
}

.body-container-wrapper ol ol {
    padding-inline-start: 2.22em;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.body-container-wrapper ol ul {
    padding-inline-start: 2.22em;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.body-container-wrapper ul ul {
    padding-inline-start: 2.3em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.body-container-wrapper ul ol {
    padding-inline-start: 3.3em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}
.body-container-wrapper ul li ol li {
    text-indent: -1em;
    margin-left: -15px;
}









.body-container-wrapper ol>li:before {
  content: counter(item, decimal) ".";
  counter-increment: item;
  display: inline-block;
  width: 2em;
  padding-right: 0.5em;
  text-align: right;
  color: ;
}

.body-container-wrapper ol>li>ol>li,
.body-container-wrapper ol>li>ol>li {
  color: ;
}

.body-container-wrapper ol>li>ol>li:before,
.body-container-wrapper ul>li>ol>li:before {
  content: counter(item, decimal) ".";
  counter-increment: item;
  display: inline-block;
  width: 2em;
  padding-right: 0.5em;
  text-align: right;
  color: ;
}

.body-container-wrapper ul>li>ol>li:before {
    width: 1em;
}

.body-container-wrapper ul>li>ul>li,
.body-container-wrapper ol>li>ol>li,
.body-container-wrapper ul>li>ol>li,
.body-container-wrapper ol>li>ul>li {
margin-bottom: 5px;  
  
}



.body-container-wrapper .hs-menu-flow-horizontal ul,
.body-container-wrapper .hs-menu-flow-horizontal ul>li,
.hs_cos_wrapper_type_post_listing ul {
    list-style-type: none;
    margin: 0;
    padding-inline-start: 0; 
    text-indent: 0;
}

.hs_cos_wrapper_type_post_listing ul li.hs-postlisting-item {
  list-style-type: none; 
}


/*****************************************/
/* Forms and Form Elements               */
/*****************************************/

.hs-form-field label,
.hs-form-field .hs-field-desc{
  font-size: 0.85em;
  color: #5e5e5e;
}

.hs-form-field .hs-field-desc{
    font-style: italic;
    font-size: small;
}

input,
select,
textarea {
    color: #5e5e5e;
    border: 1px solid #5e5e5e;
    ;
}

fieldset,
input[type="text"],
input[type="tel"],
input[type="email"],
select,
textarea {
    background: transparent;
	/*	border: 1px solid #5e5e5e; */
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
    box-shadow: 0px 0px 5px BrandingColor{hex=#5db5d7};
}

.button-cta a { /* hide cta button flash on page load */
  /* padding: 0; */
	text-decoration: none;
}

.button-cta a,
.cta_button a,
button:not(.uiButton):not(.private-button--unstyled):not(.private-button):not(.splide__arrow):not(.slick-arrow):not(.splide__pagination__page),
input[type="submit"],
input[type="reset"],
.more-link,
.body-container-wrapper .button-cta a,
.footer-container-wrapper .button-cta a,
.textbutton.button-cta a,
button:not(.uiButton):not(.private-button--unstyled):not(.private-button):not(.splide__arrow):not(.slick-arrow):not(.splide__pagination__page):active,
input[type="submit"]:active,
input[type="reset"]:active,
.more-link:active,
.body-container-wrapper .button-cta a:active,
.textbutton.button-cta a:active,
.hs-button.large.primary,
.hs-button.large.primary:active {
	background: rgba(177, 75, 48, 0.0);
	border-radius: 12px;
	border: 2px solid #5e5e5e;
;
	
	font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;	
	
	font-size: 20px;
	color: #5e5e5e;
	font-weight: 500;
	text-transform: none;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 46px;
	padding-right: 46px;
  text-wrap: nowrap;
}

.button-cta a {
  width: fit-content;
  display: block;
}

.button-cta a:hover,
.button-cta a:focus,
.cta_button:hover,
.cta_button:focus,
button:not(.uiButton):not(.private-button--unstyled):not(.private-button):not(.splide__arrow):not(.slick-arrow):not(.splide__pagination__page):hover,
button:not(.uiButton):not(.private-button--unstyled):not(.private-button):not(.splide__arrow):not(.slick-arrow):not(.splide__pagination__page):focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
.more-link:hover,
.body-container-wrapper .button-cta a:hover,
.textbutton.button-cta a:hover,
.more-link:focus,
.body-container-wrapper .button-cta a:focus,
.textbutton.button-cta a:focus,
.hs-button.large.primary:hover,
.hs-button.large.primary:focus {
	background: rgba(177, 75, 48, 0.1);
	border-radius: 12px;
	border: 2px solid #5e5e5e;
;
	color: #5e5e5e;
	text-decoration: none;
}


input[type="search"],
input[type=password] {
  	border: 2px solid #5e5e5e;
;
    border-radius:  12px;
    width: 100%;
  	color: #5e5e5e;
	  text-decoration: none;
    padding: 8px 4px;
    margin-bottom: 12px;
}

/* Hero Buttons Overrides */

.billboard-content .button-cta a,
.billboard-content .button-cta a:active,
.billboard-content .textbutton a,
.billboard-content .textbutton a:active,
.billboard-content .hs-button.large.primary,
.billboard-content .hs-button.large.primary:active {
	color: #FFFFFF;font-size: 20px;font-family: Merriweather, serif; font-weight: 500;;
	background: rgba(177, 75, 48, 0.0);
	border-radius: 12px;
	border: 2px solid #f1fafd;
;
	
	font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;	
	
	font-weight: 500;
	text-transform: none;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 46px;
	padding-right: 46px;
  text-wrap: nowrap;
}

.billboard-content .textbutton.button-cta a:hover,
.billboard-content .textbutton.button-cta a:focus,
.billboard-content .hs-button.large.primary:hover,
.billboard-content .hs-button.large.primary:focus {
	background: rgba(177, 75, 48, 0.3);
	border-radius: 12px;
	border: 2px solid #FFFFFF;
;
	color: #ffffff;
	text-decoration: none;
}



/*  end hero buttons */
label {
  text-wrap: pretty;
}

.invert .button-cta a,
.invert .cta_button a,
.invert button:not(.splide__arrow):not(.slick-arrow):not(.splide__pagination__page),
.invert input[type="submit"],
.invert input[type="reset"],
.invert .more-link,
.body-container-wrapper .invert .button-cta a,
.footer-container-wrapper .invert .button-cta a,
.invert .textbutton.button-cta a,
.invert button:not(.splide__arrow):not(.slick-arrow):not(.splide__pagination__page):active,
.invert input[type="submit"]:active,
.invert input[type="reset"]:active,
.invert .more-link:active,
.body-container-wrapper .invert .button-cta a:active,
.invert .textbutton.button-cta a:active,
.invert .hs-button.large.primary,
.invert .hs-button.large.primary:active,
.invert .hero-blog-subscription .hs-button.large.primary,
.invert .hero-blog-subscription .hs-button.large.primary:active,
.invert .hs-button.large.primary:active, 
.invert .hero-form input[type="submit"],
.invert .hero-form textarea, 
.invert .hero-form input[type="text"], 
.invert .hero-form input[type="password"], 
.invert .hero-form input[type="datetime"], 
.invert .hero-form input[type="datetime-local"], 
.invert .hero-form input[type="date"], 
.invert .hero-form input[type="month"], 
.invert .hero-form input[type="time"], 
.invert .hero-form input[type="week"], 
.invert .hero-form input[type="number"], 
.invert .hero-form input[type="email"], 
.invert .hero-form input[type="url"], 
.invert .hero-form input[type="search"], 
.invert .hero-form input[type="tel"], 
.invert .hero-form input[type="color"], 
.invert .hero-form select,
.invert .hero-form label {
  background: rgba(177, 75, 48, 0) !important;
  color: rgba(94, 94, 94, 1) !important;
  border-color: rgba(94, 94, 94, 1) !important;
}

.invert .button-cta a:hover,
.invert .button-cta a:focus,
.invert .cta_button:hover,
.invert .cta_button:focus,
.invert button:not(.splide__arrow):not(.slick-arrow):not(.splide__pagination__page):hover,
.invert button:not(.splide__arrow):not(.slick-arrow):not(.splide__pagination__page):focus,
.invert input[type="submit"]:hover,
.invert input[type="submit"]:focus,
.invert input[type="reset"]:hover,
.invert input[type="reset"]:focus,
.invert .more-link:hover,
.body-container-wrapper .invert .button-cta a:hover,
.invert .textbutton.button-cta a:hover,
.invert .more-link:focus,
.invert .body-container-wrapper .button-cta a:focus,
.invert .textbutton.button-cta a:focus,
.invert .hs-button.large.primary:hover,
.invert .hs-button.large.primary:focus,
.invert .hero-blog-subscription .hs-button.large.primary:focus,
.invert .hero-blog-subscription .hs-button.large.primary:hover,
.invert .hero-form input[type="submit"]:hover,
.invert .hero-form input[type="submit"]:active,
.invert .hero-form textarea:focus, 
.invert .hero-form input[type="text"]:focus, 
.invert .hero-form input[type="password"]:focus, 
.invert .hero-form input[type="datetime"]:focus, 
.invert .hero-form input[type="datetime-local"]:focus, 
.invert .hero-form input[type="date"]:focus, 
.invert .hero-form input[type="month"]:focus, 
.invert .hero-form input[type="time"]:focus, 
.invert .hero-form input[type="week"]:focus, 
.invert .hero-form input[type="number"]:focus, 
.invert .hero-form input[type="email"]:focus, 
.invert .hero-form input[type="url"]:focus, 
.invert .hero-form input[type="search"]:focus, 
.invert .hero-form input[type="tel"]:focus, 
.invert .hero-form input[type="color"]:focus, 
.invert .hero-form select:focus,
.invert .hero-form label {
  background: rgba(177, 75, 48, 0.3) !important;
  color: rgba(255, 255, 255, 1) !important;
  border-color: rgba(255, 255, 255, 1) !important;
}
.invert form input[type=email] {
  color:  rgba(94, 94, 94, 1) !important;
}

.invert .hero-form label {
  background: transparent !important;
}

.cta_button a:has(img),
.cta_button a:has(img):hover,
.cta_button a:has(img):active, 
.cta_button a:has(img):focus, 
.button-cta a:has(img),
.button-cta a:has(img):hover,
.button-cta a:has(img):active, 
.button-cta a:has(img):focus {
  padding: 0;
  border: 0
}

/* Form Errors */

.hs-form-field .hs-error-msgs *,
.invert .hero-form .hs-error-msgs label {
    background: rgba(177, 75, 48, 0);
    color: #5e5e5e !important;
}

.hs-form-field .hs-error-msgs:before {
  	border: solid transparent;
  	border-color: #5e5e5e;
}

.hs-cta-wrapper .hs-cta-node a.cta_button:has(img),
.hs-cta-wrapper .hs-cta-node a.cta_button:hover:has(img),
.hs-cta-wrapper .hs-cta-node a.cta_button:has(img):hover {
   border: none !important; 
   background: transparent !important;
   padding: 0 !important;
}

/*****************************************/
/* Slick Slider                          */
/* remove the arrow and set dot size     */
/*****************************************/

/*
 * .slick-arrow {
    display:none !important;
}
*/

.hs_cos_gallery_main .slick-dots li button:before, 
.hs_cos_gallery_thumbnails .slick-dots li button:before, 
.hs_cos_gallery_lightbox .slick-dots li button:before {
    font-size: 22px;
  line-height: 23px;
}

.slick-slider button,
.slick-slider button:active,
.slick-slider button:hover,
.slick-slider button:focus {
    background: transparent;
    border-radius: 0;
    border-width: 0;
    border-color: transparent;
    color: initial;
    font-weight: initial;
    text-transform: initial;
    padding: 0;
    text-wrap: nowrap;
    overflow: hidden;
}

/* Slick Carousel Buttons/Dots/Arrows */
.slick-dots li button:not(.splide__arrow):not(.slick-arrow):not(.splide__pagination__page) {
    width: 20px;
    height: 20px;
    padding: 5px;
    color: BrandingColor{hex=#5db5d7}; 
    border: 1px solid BrandingColor{hex=#5e5e5e};
    background: BrandingColor{hex=#5db5d7}; 
    border-radius: 50%;
    margin-left: -10000px;
}

.slick-track {
    position: relative; 
}

.slick-prev:before, .slick-next:before {
    font-size: 30px;
    opacity: .75;
    color: BrandingColor{hex=#5db5d7};
    position: relative;
    z-index: 1000;
}

/* hide player controls by default */
.splide__controls {
   /*  display: none; */
}
.splide__track--loop, 
.splide--loop {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

/*****************************************/
/* Tables                                */
/*****************************************/

th,
td {
    margin: 0;
    padding: 10px;
}

th {
    color: #ffffff;
    background: BrandingColor{hex=#5db5d7};
}

tr td {
    border-bottom: 1px solid BrandingColor{hex=#5db5d7};
}

/*****************************************/
/* Header + Main Navigation              */
/*****************************************/

.row-fluid [class*="span"].global-wrapper.header-nav-wrapper {
    padding: 20px;
  margin-top: 10px;
}

.main-nav,
.main-nav .hs-menu-wrapper > ul {
    background-color: transparent;
    overflow: visible;
  	min-height: 100%;
}

.hs-menu-wrapper,
.hs-menu-wrapper * {
    display: inline-block;
    vertical-align: middle;
}

/***** DESKTOP MENU ****/
/* align main nav on desktop to the right and set padding top and bottom */
.main-nav .desktopmenu .hs-menu-wrapper {
   float: right;
   padding: 20px 0 20px 0;
   position: relative;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul {
    line-height: 1.1;
    font-family: "Montserrat", Montserrat, "Times New Roman", Times, Georgia, serif;
    font-size: 17px;
    text-transform: none;
    box-shadow: none;
    margin: -9px auto 0;
    display: flex;	
  	width: 100%;
	  justify-content: flex-end;
  flex-wrap:wrap;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul > ul a {
    line-height: 1.2;
    font-weight: 500;
    text-transform: none;
    font-size: 17px;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul a {
    line-height: 1.2;
    font-weight: 500;
    text-transform: none;
    font-size: 17px;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li {
    background: rgba(93, 181, 215, 0);
    display: inline-flex;
    float: right;
    border-radius: 6px;
    height:  45px;
    margin-left: 0px;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li a {
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
	  height: 45px;
    width: fit-content;
	  display: table;
	  padding-top: 13px;
padding-right: 17px;
padding-bottom: 15px;
padding-left: 15px;
;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover {
	border-bottom-left-radius: 0;	
	border-bottom-right-radius: 0;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul > li:hover,
.main-nav .desktopmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover,
.main-nav .desktopmenu .hs-menu-wrapper > ul > li.hs-menu-show-active-branch {
    background: rgba(93, 181, 215, 0.92);
}

.main-nav .desktopmenu .hs-menu-wrapper > ul > li:hover > a,
.main-nav .desktopmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a,
.main-nav .desktopmenu .hs-menu-wrapper > ul > li.hs-menu-show-active-branch > a {
    color: #FFFFFF;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li {
	background: rgba(93, 181, 215, 0.72);
	border-radius: 0;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li:first-of-type {
	border-top-left-radius: 0;	
	border-top-right-radius: 6px;	
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li:last-of-type {
	border-bottom-left-radius: 6px;	
	border-bottom-right-radius: 6px;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li > a {
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
	height: 35px;
    width: fit-content;
	display: table;
    padding-top: 12px;
padding-right: 44px;
padding-bottom: 6px;
padding-left: 18px;
;
}

/* 2nd Level */
.custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper {
  top: 45px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  left: 0;
  z-index: 1308;
  text-align: left;
  text-transform: none;
  visibility: hidden;
  min-width: 140px;
  height:0;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li:hover,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li.hs-item-has-children:hover {
    background: rgba(255, 255, 255, 1)  !important;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li:hover > a,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li.hs-item-has-children:hover > a {
    color: #5db5d7 !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
	position: absolute;
    top: 0;
    right: auto;
	display: table;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul > li {
	background:  !important;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul > li > a {
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF !important;
	height:  35px;
    width: fit-content;
	display: table;
    padding-top: 12px;
padding-right: 18px;
padding-bottom: 6px;
padding-left: 18px;
;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul > li:hover,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul > li.hs-item-has-children:hover {
    background: rgba(255, 255, 255, 1) !important;
}


.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover a,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul > li:hover > a {
    color: #5db5d7 !important;
}

.row-fluid [class*='span'].headersubtitle {
    font-family: "Montserrat", Montserrat, Verdana, Arial, Helvetica, sans-serif;
    color: ;
    display: flex;
    align-items: center;
    justify-content: left;
    height: 70px;
}

.row-fluid [class*='span'].headersubtitle * {
	 padding: 0;
	 margin: 0;
}

.nonav .custom-logo img {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width: 900px) {
  
  /* vertical center logo to menu */
  .custom-logo {
    margin-top: 10.0px;
    margin-bottom: 10.0px;
  }
  
  .main-nav .desktopmenu {
    display: block !important;
  }
  
  .main-nav .mobile-trigger,
  .main-nav .mobilemenu,
  .mobilemenu .hs-menu-wrapper ul  {
    display: none !important; 
  }
}

/***** MOBILE MENU ****/

@media screen and (max-width: 900px) {
  #theme-editor-iframe body.mobile-open {
	 overflow-y: hidden;
  }
  .main-nav .desktopmenu {
    display: none !important;
  }

  .main-nav .mobilemenu {
    display: block !important; 
	  z-index: 1101;
  }	
  
  .main-nav .mobile-trigger {
   display: block;
  }
  
  .mobilemenu .hs-menu-wrapper {
	display: none;  
  }
  
  .mobile-open .mobilemenu .hs-menu-wrapper ul {
    display: block;
  }
  
  .span10.main-nav.widget-span.widget-type-custom_widget.custom-desktop {
    display: flex;
    justify-content: end;
  }
}

.main-nav .mobilemenu {
    display: block !important;
    position: absolute;
    top: 10px;
    right: 10px;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul {
    line-height: 1.3;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    box-shadow: none;
    margin: 0 auto;
	-webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;	  
	float: left;
	padding: 0;
	position: absolute;
	top: 0;
	right: -10px;
	width: calc( 100vw - 0px );
	min-width: 320px;
	background-color: rgba(93, 181, 215, 0.97);
	border: 0px solid rgba(255, 255, 255, 0%);
;
	border-radius: 6px;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul li ul {
    line-height: 1.3;
    font-weight: ;
    text-transform: none;
    background-color: rgba(102, 102, 102, 0.1);
    border: 0px solid rgba(255, 255, 255, 50%);
;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul li ul li ul {
    line-height: 1.3;
    font-weight: ;
    text-transform: none;
	  background-color: ;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul > li > a {
    padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 20px;
;
	  background: transparent;
    color: #FFFFFF;
	  -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;	
}


.main-nav .mobilemenu .hs-menu-wrapper > ul li a,
.main-nav .mobilemenu .hs-menu-wrapper > ul li a:hover,
.main-nav .mobilemenu .hs-menu-wrapper > ul li a:active,
.main-nav .mobilemenu .hs-menu-wrapper > ul li a:focus {
    -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;	
}

.main-nav .mobilemenu .hs-menu-wrapper > ul > li:hover > a,
.main-nav .mobilemenu .hs-menu-wrapper > ul > li.hs-menu-show-active-branch > a,
.main-nav .mobilemenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover {
    background: rgba(93, 181, 215, 0.2);
    color: #FFFFFF;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul li ul > li > a {
    padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
;
    background: rgba(102, 102, 102, 0.1);
    color: #FFFFFF;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul li ul > li:hover > a,
.main-nav .mobilemenu .hs-menu-wrapper > ul li ul > li.hs-item-has-children:hover {
    background: rgba(255, 255, 255, 1);
    color: #5db5d7;
}

.main-nav .mobilemenu li.hs-menu-item.hs-menu-depth-3 {
    padding: 0px;
;
}

.main-nav .mobilemenu li.hs-menu-item.hs-menu-depth-3,
.main-nav .mobilemenu .hs-menu-wrapper > ul li ul li ul > li > a {
    background: #5db5d7;
	  background: ;
    color: #FFFFFF;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul li ul li ul li:hover > a,
.main-nav .mobilemenu .hs-menu-wrapper > ul li ul li ul li.hs-item-has-children:hover {
    background: rgba(255, 255, 255, 1);
    color: #5db5d7;
}


/* ===== Mobile Toggle Button ===== */

.mobile-trigger {
	display: inline-block !important;
	cursor: pointer;
	width: auto;
	min-width: 23px;
	min-height: 23px;
	float: right;
	text-align: right;
	
	-webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;	
}

.mobile-trigger:hover{
	text-decoration: none;
}

/* Change button when menu is open */
.mobile-open .mobile-trigger{

}
.mobile-trigger i {
	/* top: 10px; */
	top: 0;
	left: 7.6659px;
	
	-webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;	
}

.mobile-trigger i, 
.mobile-trigger i:after, 
.mobile-trigger i:before {
	content: "";
	background-color: #ffffff;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	display: inline-block;
	height: 3.8318px;
	width: 23px;
}

/* ===== Mobile Menu Styles ===== */

.main-nav.js-enabled{
	position: relative;
	padding-top: 0px; 
	margin: 0;
	width: 100% !important;
}

/* Make child lists appear below parent items */
.main-nav ul.hs-menu-children-wrapper{
	visibility: visible;
	opacity: 1;
}

/* Mobile Menu Styles */
.main-nav.js-enabled .hs-menu-wrapper{
	width: 100%;
	position: relative;
	top: 10px;
	left: 0;
	padding: 0;
}

.main-nav .hs-menu-wrapper {
	width: 100%; /* Full screen width */
}

/* Level 1 Menu List Styles */
.main-nav .hs-menu-wrapper > ul > li{
	position: relative;
}
.main-nav .hs-menu-wrapper > ul > li a{
	overflow: visible;
}

.main-nav .hs-menu-wrapper > ul ul li a{
	text-indent: 0px;
}

/* Level 3 and Higher Menu List Styles */
.main-nav .hs-menu-wrapper > ul ul ul li a{
	text-indent: 0px; /* Indent Child lists */
}

/* Menu Seperators */
.custom-menu-primary .hs-menu-flow-horizontal > ul > li.menu-seperator a:after {
	content:"";
	display: none;
}

.custom-menu-primary .hs-menu-flow-horizontal > ul > li.menu-seperator a:hover {
  color: #1f1f1f;
  cursor: default;
}

body.child-open .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper {
  height: auto;
}

.custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul {
	margin-left:0; 
}

.main-nav .hs-menu-wrapper > ul > li {
	position: relative;
}

.main-nav .hs-menu-wrapper > ul > li > a {
	outline: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	text-decoration: none;
} 
/*  
.main-nav .hs-menu-wrapper > ul > li:first-child > a {
padding-top: 14px;
}
*/
.main-nav .hs-menu-wrapper > ul > li > a:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	left: 20px;
}

.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
    display:none; 
}

/* uncomment to allow site body to slide left when mobile menu opens */
/*  
#site-wrapper {
position: relative;
left: 0;
transition: all 300ms;
}

.mobile-open #site-wrapper {
left: 440px;
transition: all 300ms;
}

body {
overflow-x: hidden;
overflow-y: auto;
left: 0;
transition: all 300ms;
}

body.mobile-open {
left: 440px;
}
*/




@media (max-width: 900px) {
	.mobile-menu-socials a {
		color: ;
		margin: 0 8px;
		text-decoration: none;
		font-size: 18px;
		line-height: 18px;
	}	
	
	.main-nav.custom-mobile.js-enabled {
		border-color: rgba(93, 181, 215, 0.97);
		position: absolute;
		z-index: 998;
		font-size: 18px;
		font-weight: normal;
		font-style: normal;
		letter-spacing: 0;
		text-transform: uppercase;
		width: 80%;
		min-width: 140px;
		max-width: 300px;
		overflow: hidden;
		left: -440px;
		right: 0;
		top: 10px;
		bottom: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		z-index: -1;
		-webkit-transition: all 300ms ease 0.00ms;
			 -o-transition: all 300ms ease 0.00ms;
				transition: all 300ms ease 0.00ms;
	}

	.mobile-open .main-nav .hs-menu-wrapper > ul {
		min-height: 70vh;
		overflow: auto;
		top: 54px;
		position: absolute;
    right: -10px;
  }

  /* allow some spacing when hero CTA are stacked on mobile */
  .button-cta.primary, .button-cta.secondary {
	padding-bottom: 10px;
  }
    
  .custom-menu-primary .hs-menu-wrapper > ul li:first-child, .custom-menu-primary .hs-menu-wrapper > ul li:first-child a {
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul li:last-child, .custom-menu-primary .hs-menu-wrapper > ul li:last-child a {
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
  }
  
  /* ensure no rounded corners on inner 2nd and 3rd level of menu */
  .custom-menu-primary .hs-menu-wrapper > ul li ul li, .custom-menu-primary .hs-menu-wrapper > ul li ul li a {
     border-radius: 0 !important;
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul {
   display:none; 
  }
  
  /* Toggle Button
     ========================================================================== */

  .mobile-trigger {
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer;
    position: absolute;
    top: 10px;          
    right: 0;
    width: 38.318px;
    height: 38.318px;
	  ;
    background: rgba(93, 181, 215, 0);
    border: none;
    font-size: 23px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    color: #ffffff; 
  }
  
  /* Removes link text underline on button */
  .mobile-trigger:hover {
    text-decoration: none; 
	background: rgba(94, 94, 94, 0);
    color:#f1fafd;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger {
    color:#ffffff;
  }


  /* Toggle Button Icon
     ========================================================================== */
	.mobile-trigger i {
		display: inline;
		position: relative;
		max-width: 23px;
  }
  
  .mobile-trigger i:before, 
  .mobile-trigger i:after {
    position: absolute;
    content: '';
  }
  

  .mobile-trigger i,
  .mobile-trigger i:before,
  .mobile-trigger i:after {
    width: 23px; /* Icon line width */
    height: 3.8318px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #ffffff; /* Icon color */
    display: inline-block;
	  transition: all 1s;
    right: 0;
  }
  .mobile-trigger i:before {
    top: -7.6659px; /* Position top line */
  }
  .mobile-trigger i:after {
    top: 7.6659px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #f1fafd; /* Icon color */
  }
  
	.mobile-open .mobile-trigger i {
		background-color: transparent !important;
		transition: all 1s;
	}
  
	.mobile-open .mobile-trigger i:before {
		transform: rotate(45deg) translatey(5.06px) translatex(-6.70818px);
		transition: all 1s;
		transform-origin: bottom left;
    right: -10.35px;
	}
	.mobile-open .mobile-trigger i:after {
		transform: rotate(-45deg) translatey(-5.06px) translatex(-6.70818px);
		transition: all 1s;
		transform-origin: top left;
    right: -10.35px;
	}
	
  /* Child Toggle Button
     ========================================================================== */

  .child-trigger {
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top:0px;
    right: 0px;
    width: 50px !important; /* Button width */
    height: 50px !important; /* Button height */ 
    padding: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .20);
  }
  
  .child-trigger:hover{
    text-decoration: none;
  }
  
  .child-trigger i {
    position: relative;
    top: 50%; /* Centers icon inside button */
	  /* right: 3.5px; */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i,
  .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#FFFFFF; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }

	.mobile-open .overlay {
		background-color: rgba(0, 0, 0, 0);
		z-index: 1099;
	}
    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
   .custom-menu-primary.js-enabled{
     position: relative;
     padding-top: 0; 
     margin: 0;
   }   
   
   .custom-menu-primary.js-enabled {
     z-index:5010 !important;
     
   }   
   .main-nav .custom-logo {
     width: calc( 100% - 50px ) !important;
     max-width: calc( 100% - 50px ) !important;
     z-index: 1000 !important;
  }


  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  .custom-menu-primary.js-enabled .hs-menu-wrapper {
    width: 100%;
    position: absolute; 
    padding: 0;
    top: 0;
    right: 0;
    left: auto;
  }
  
  .custom-menu-primary .hs-menu-wrapper {
    width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
   
  .custom-menu-primary .hs-menu-wrapper > ul > li {
	display: table;	
	line-height: 1.3;
	width: 100%;
  }
 
  .custom-menu-primary .hs-menu-wrapper > ul > li a {
	display: contents;
    text-align: left;
    overflow: visible;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	text-transform: none;
	color: #FFFFFF;
	background-color: transparent;
	padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 20px;
;
  }
	
  .custom-menu-primary .hs-menu-wrapper > ul > li a:hover,
  .custom-menu-primary .hs-menu-wrapper > ul > li a:active,
  .custom-menu-primary .hs-menu-wrapper > ul > li a:focus {
	color: #FFFFFF;
	background-color: rgba(93, 181, 215, 0.2);
  }

  .custom-menu-primary .hs-menu-wrapper > ul li:not(:last-child) {
    border-top: 1px solid rgba(255, 255, 255, 0.1 ); 
	/* Adds transparent highlights to top of top level list items */
  }
  
    .custom-menu-primary .hs-menu-wrapper > ul li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1 ); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.1 ); 
  }

   /* Level 2 Menu List Styles */
   
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li {
	display: table;	
	line-height: 1.3;
  }
 
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li a {
	display: table;
    text-align: left;
    overflow: visible;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	text-transform: none;
	color: #FFFFFF;
	background-color: rgba(102, 102, 102, 0.1);
	padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
;
	padding-left: 0;
	padding-right: 0;
  }
	
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li a:hover,
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li a:active,
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li a:focus {
	color: #5db5d7;
	background-color: rgba(255, 255, 255, 1);
  }
  
  
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li:not(:last-child) {
    border-top: 1px solid rgba(255, 255, 255, 0.1 );  
  }
  
   /* Level 3 Menu List Styles */
   
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li {
	display: table;	
	line-height: 1.3;
  }
 
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li a {
	display: table;
    text-align: left;
    overflow: visible;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	text-transform: none;
	color: #FFFFFF;
	background-color: ;
	padding: 0px;
;
  }
	
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li a:hover,
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li a:active,
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li a:focus {
	color: #5db5d7;
	background-color: rgba(255, 255, 255, 1);
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li:not(:last-child) {
    border-top: 1px solid rgba(255, 255, 255, 0.1 ); 
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul li:first-of-type {
    border-top: none;
  }
  
    /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li, 
  .main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li {
    border-top: 1px solid rgba(255, 255, 255, 0.2 );
	  display: table;
  }
  
  .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a,
  .custom-menu-primary .hs-menu-wrapper > ul ul li a {
    text-indent: 6px; /* Indent Child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
	text-indent: 0; /* Indent Child lists */
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: table;
  }
  
  .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left; 
    width: fit-content;
    min-width: 100%;
  }
  
  .inline-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left; 
    width: fit-content;
    min-width: auto;
  }

  body .custom-menu-primary.js-enabled .hs-menu-wrapper {
    display: block;
    visibility: hidden;
    opacity: 0;
    border-radius: 10px;
  }
  
  body.mobile-open .custom-menu-primary.js-enabled .hs-menu-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    border-radius: 0;
    max-width: 360px;
    float: right;
    position: absolute;
  }
  
  body.mobile-open .custom-menu-primary .hs-menu-wrapper > ul {
    display: block !important; 
  }
}  
  body.mobile-open .search-toggle {
    margin-left: 0;
    border-top: 1px solid #FFFFFF;
    width: 100% !important;
    text-align: center;
  }
    
/* Search */

.search-trigger {
  /*  margin-top: 6.5px; */
margin-right: -1px;
}

.search-toggle {
	font-size: 17px;
    color: #FFFFFF;
    transition: all 300ms ease;
}

.search-toggle:hover,
.search-toggle:active {
    color: #FFFFFF;
}

.search-toggle:after {
    content: '';
}

#search-form-wrapper{
    color: #FFFFFF;
    background: rgba(255,255,255,.95);
}

#search-form-wrapper input[type="text"]{
    font-size: 3rem;
    color: #5e5e5e;                                                                                                                                }};
    border-bottom: 1px solid rgba(#FFFFFF, 0.6);
}

#search-form-wrapper input[type="text"]:focus{
    border-color: #FFFFFF;
}

  
@media screen  and (max-width: 900px) {
  .search-template .search-trigger {
    display:none;
  }
  
   .hs-search-field--open {
      border: 1px solid rgba(#FFFFFF,.85);
  }
}
/*****************************************/
/* Footer                                */
/*****************************************/

.footer-container-wrapper {
    background-color: #333333;
  background-color: rgba(51, 51, 51, 1);
}

.footer-container-wrapper,
.footer-container-wrapper p {
	font-family: Montserrat;
    color: #717171;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 1.5rem;
    margin: 0;
}

.footer-container-wrapper h3,
.footer-container-wrapper h4 {
	font-family: Montserrat;
} 

.row-fluid [class*="span"].footer-container-wrapper {
    position: relative;
    padding-top: 60px;
    padding-bottom: 0px;
}

.footer-container-wrapper .widget-type-logo img.hs-image-widget{
    max-height: 50px;
}

.footer-container-wrapper p, 
.footer-container-wrapper address,
.footer-container-wrapper ul{
	margin-bottom: 0;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

.footer-container-wrapper .post {
 /*   padding-top: 4px;  */
}

.footer-container-wrapper #scroll:hover {
    margin-bottom: 0;
    transition: all 0.5s;
}

#scroll span:hover {
    opacity:1;
	filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

.footer-container-wrapper ul li {
  width: 100%;
}

.footer-container-wrapper .termsmenu ul li {
  width: fit-content;
  margin: 0;
  padding: 0;
  text-align: left;
}

.footer-container-wrapper .hs-menu-children-wrapper {
  display:none !important;  
  opacity: 0 !important;  
  visibility: hidden !important;  
}

.footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li a{
    display:inline;
    padding-top: 0px;
padding-right: 10px;
padding-bottom: 12px;
padding-left: 5px;
;
}

.footer-container-wrapper h3.widget_title {
	font-family: Montserrat;
    color: #5db5d7;
	text-decoration:  none;
    font-size: 20px;
    font-weight: 500;
    line-height: 0.5;
    text-transform: none;
    padding-bottom: 0rem;
    margin: 0;
}


.footer-container-wrapper .social-sharing__share-text,
.footer-container-wrapper .post .author,
.footer-container-wrapper .post .readme,
.footer-container-wrapper .post p {
	font-family: Montserrat;
    color: #5db5d7 !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    text-transform: none;
    padding-bottom: 1rem;
    margin: 0;
	white-space: pre-line;
}

.footer-container-wrapper .post h3,
.footer-container-wrapper .post h4 {
   padding-bottom: 2rem;
}

.footer-container-wrapper .post h3.post_title a,
.footer-container-wrapper .post h4.post_title a {
   font-family: Montserrat;
    color: #5db5d7 !important;
	text-decoration:  none !important;
    font-size: 18px;
   font-weight: 500;
   line-height: 1.3;
   text-transform: none;
    margin: 0;
}

.footer-container-wrapper a {
    color: #5db5d7;
    text-decoration: none;
}

.footer-container-wrapper a:hover,
.footer-container-wrapper .post h3.post_title a:hover,
.footer-container-wrapper .post h4.post_title a:hover   {
    color: #5e5e5e !important;
    text-decoration: none !important;
}

.footer-pull-right *{
    text-align: right;
}

/**** Footer Menu ******/
.footer-container-wrapper .hs-menu-wrapper > ul li a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: #5db5d7;
	font-size: 18px;
	line-height: 1.85;
	font-weight: 500;
	text-transform: none;
	padding-top: 0px;
padding-right: 10px;
padding-bottom: 12px;
padding-left: 5px;
;
	text-decoration: none !important;
}

.footer-container-wrapper .hs-menu-wrapper > ul li a:hover,
.footer-container-wrapper .hs-menu-wrapper > ul li a:focus,
.footer-container-wrapper .hs-menu-wrapper > ul li a:active {
	color: #5e5e5e !important;
	text-decoration: none !important;
}

.footer-container-wrapper .copyright-area .row-fluid {
	flex-direction: column; 
}

/*** terms and copyright menu ***/
.footer-container-wrapper .termsmenu ul {
	display: flex;
	flex-direction: row;
	justify-content: left;
	text-align: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.footer-container-wrapper .termsmenu ul li {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	text-align: center;
	flex-wrap: wrap;
	width: auto;
	padding: 0;
	margin: 0;
}

.footer-container-wrapper .termsmenu ul li a {
  width: fit-content;
  text-align: left;
  vertical-align: bottom;
  position: relative;
  display: inline;
  margin: 0;
  padding: padding-top: 0px;
padding-right: 10px;
padding-bottom: 12px;
padding-left: 5px;
;
  color: #5db5d7;

}
.footer-container-wrapper .hs-menu-wrapper,
.footer-container-wrapper .hs_cos_wrapper_type_simple_menu,
.footer-container-wrapper .hs_cos_wrapper_type_menu {
	float: left;
	clear: both;
	width: 100%;
}

.footer-container-wrapper .termsmenu li a:first-of-type {
	padding-left: 0;
}

.footer-container-wrapper .termsmenu li a:last-of-type {
	padding-right: 0;
}

.footer-container-wrapper .termsmenu ul li:after {
  content: ' | ';
  display: inline;
  color: #5db5d7;
    position: relative;
    vertical-align: baseline;
    margin-right: 10px;
    margin-left: 5px;
    top: 0px;
}

.footer-container-wrapper .termsmenu ul li:last-of-type:after {
  content: '';
}

.footer-container-wrapper .copyright * {
	color: #717171;font-size: 12px;font-family: Montserrat, sans-serif; font-weight: 500;;
	font-weight:500; 
	line-height:1.3; 
	text-transform: none;
}

@media all and ( max-width: 768px ) {
	.footer-container-wrapper .row-fluid [class*='span'] {
    	justify-content: left;
	}
	
	.footer-container-wrapper .termsmenu li { 
	  padding-right: 0 !important;
	  padding-left: 0 !important;
	}
	
	.footer-container-wrapper .termsmenu ul li:after {
	  content: '';
	  display: none;
	}
}

/* Footer and Sharing Social Icons Color */
.hs_cos_wrapper_type_social_sharing a {
    color: #5db5d7;
    text-decoration: none;
    padding-right: 10px;
   /* background: BrandingColor{hex=#5e5e5e}; */
}

@media (max-width: 520px){
   
    .footer-container-wrapper,
    .footer-container-wrapper .text-left, 
    .footer-container-wrapper .text-right,
	.footer-container-wrapper .thmbleft,
	.footer-container-wrapper .thmbright,
	.footer-container-wrapper .posttleft,
	.footer-container-wrapper .posttright	{
        text-align: left !important;
		float: none !important;
    }
}

/* We ask that you retain the KAYAK credit line as part of our license requirement. Thank you! */
#k-icon {
    min-height: 25px !important;
    height: 25px;
    text-align: right !important;
    margin-top: -75px;
    overflow: hidden;
}

#k-icon path { 
    fill: #717171;
}

#k-icon .widget-type-logo img.hs-image-widget {
    position: relative;
    height: 25px;
    width: 60px !important;
    float: right;
    opacity: 0.0025 !important;
    margin: 0 50px 0 0;
}

.k-icon a {
    border:none!important;
}

.row-fluid [class*="span"].made-by-kayak{
    display: none;
    font-size: 0.9em;
    padding-top: 20px;
}

.template-home .row-fluid [class*="span"].made-by-kayak{
    display: block;
}

.made-by-kayak, 
.made-by-kayak a {
    color: #eaeaea;
}

@media only screen and (max-width: 520px){
  .footer-container-wrapper h4.widget-title .widget-span{
    margin-top: 10px;
  }
  
  .footer-pull-right *{
    text-align: center;
  }
}


/*****************************************/
/* Internal Page                         */
/*****************************************/

/* Breadcrumbs */

.breadcrumbs {
    color: #5e5e5e;
    margin: 0;
}

.breadcrumbs li.hs-breadcrumb-menu-item {
    margin: 0;
}

/* Sidebar */

.sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical li a:hover {
  	color: BrandingColor{hex=#5db5d7};
    margin-bottom: 0; 
    display:inline-block;
}

/*****************************************/
/* Blog                                  */
/*****************************************/

.post-body .narration {
    padding: 10px 0 30px; 
}

/* grid rules */
.blog-grid .post-item:nth-child(4n), 
.blog-grid .post-item:nth-child(3n),
.blog-grid .post-item:nth-child(1n),
.blog-grid .post-item {
	margin-right: 3%;
}
.grid-4-cols .blog-grid .post-item {
   width: 23.25%; 
}
.grid-4-cols .blog-grid .post-item:nth-child(4n) {
    margin-right: 0;
}
  
.grid-3-cols .blog-grid .post-item {
   width: 31.3%; 
}
.grid-3-cols .blog-grid .post-item:nth-child(3n) {
    margin-right: 0;
} 

.grid-2-cols .blog-grid .post-item {
   width: 48.5%; 
}

.grid-2-cols .blog-grid .post-item:nth-child(2n) {
    margin-right: 0;
} 

.grid-1-cols .blog-grid .post-item {
   width: 100%; 
}
.grid-1-cols .blog-grid .post-item {
    margin-right: 0;
} 

.hs-author-avatar {
    width: 60px;
}

.blog-quick-links-wrapper {
   padding-bottom: 30px; 
}

.blog-quick-links .hs-menu-wrapper {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 10px 0 0;
    margin: 30px auto 0;
}

.blog-quick-links {
    font-size: 16px;
}

.blog-quick-links span,
.blog-quick-links .hs-menu-wrapper li {
    position: relative;
    margin: 0 0 0 10px;
}

.blog-quick-links .hs-menu-wrapper ul {
  margin: 0 auto;
  width: fit-content;
  padding: 0 0 10px;
}

.blog-quick-links span:before,
.blog-quick-links .hs-menu-wrapper li:before {
    content: '|';
    margin-right: 1em;
    color: #333333;
}

.blog-quick-links span:first-child,
.blog-quick-links .hs-menu-wrapper li:first-child {
    margin-left: 0;
}


.blog-quick-links p,
.blog-quick-links .hs-menu-wrapper li a {
    margin: 0;
  max-width: 320px !important;
  padding: 0 15px !important;
}

.blog-quick-links span:first-child:before,
.blog-quick-links .hs-menu-wrapper li:first-child:before {
    content: '';
    margin-right: 0;
}

.blog-quick-links .hs-menu-children-wrapper {
  display:none !important;  
  opacity: 0 !important;  
  visibility: hidden !important;  
}

.hs-author-social-section {
    padding-bottom:60px;
}

/* Listing */

.post-item { 
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: 1px solid BrandingColor{hex=#5db5d7};
}

.post-item .row.post-body-row,
.post-item .blogsnippet {
    padding: 5px 10px; 
}

.post-item .span8 p {
    margin: 0 0 1em;
}

.hs-featured-image {
    max-width: 100%;
    margin: 20px 0;
    width: 100%;
    float: unset;
}

.more-link {
    margin-top: 1em;
    font-size: 15px;
}

.blog-pagination {
    display: block;
    text-align: center;
    clear: both;
}

.blog-pagination a {
    margin: 0 1em 0 0;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.billboard-content .actions {
    padding-top: 20px;
}

.body-container-wrapper .blog-sidebar ul>li {
    list-style-type: none;
}

div.post_ath_avatar {
    background-size: cover;
    background-position: center;
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 100%;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    border: 2px solid #000;
}


#hubspot-author_data {
   display: none;
} 



#hubspot-author_data .hs-author-label,
#hubspot-author_data .author-link  {
   display: none;
} 




#hubspot-author_data .hs-author-avatar {
   display: none;
} 



#hubspot-author_data .hs-author-social-section {
   display: none;
} 




.hs-blog-social-share {
   display: none;
} 



#hubspot-topic_data {
   display: block;
} 


.body-container-wrapper .blog-section .hs-author-social-links a.hs-author-social-link {
  text-indent: 0; 
}

.body-container-wrapper .blog-section .hs-author-social-links a.hs-author-social-link * {
  font-family: fontawesome, "Font Awesome 6 Free", "Font Awesome 5 Free";
}
.body-container-wrapper .blog-section .hs-author-social-section {
  padding-bottom: 1em;
}
/* Tag Filters */
.widget-type-post_filter .widget-module{
  margin-top:28px;
}  

.widget-type-post_filter .widget-module ul {
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
  max-width:1026px;  /* four columns */
  margin:0 auto;
}

@media only screen and (max-width: 900px) and (min-width: 768px) {
  .widget-type-post_filter .widget-module ul {
    max-width:768px !important; /* three columns */
  }  
}

@media only screen and (max-width: 768px) and (min-width: 520px) {
  .widget-type-post_filter .widget-module ul {
    max-width:512px !important; /* two columns */
  }  
  .blog-quick-links span:before,
  .blog-quick-links .hs-menu-wrapper li:before {
    display:none;
  }
  
  .blog-quick-links .hs-menu-wrapper li, .blog-quick-links span {
    margin: 0;
  }
  .blog-quick-links .hs-menu-wrapper li a, .blog-quick-links p {
      margin: 10px 0;
      width: calc( 50% - 20px) !important;
      max-width: 100% !important;
      padding: 0 5px!important;
  }
  .widget-type-post_filter .widget-module ul {
    columns: 2;
  }  
  .blog-grid .post-item {
   width: 47%; 
  }
}

@media only screen and (max-width: 520px) {
  .widget-type-post_filter .widget-module ul {
    width:calc( 100vw - 20px) !important; /* one columns */
    columns: 1;
  }  
  .blog-grid .post-item {
   width: 100%; 
  }
  .blog-quick-links .hs-menu-wrapper li, .blog-quick-links span {
    margin: 0;
  }
  .blog-quick-links .hs-menu-wrapper li a, .blog-quick-links p {
      margin: 10px 0;
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 5px!important;
  }
  .blog-quick-links span:before,
  .blog-quick-links .hs-menu-wrapper li:before {
    display:none;
  }
}

.widget-type-post_filter .widget-module ul li{
    display: inline-block;
    margin: 0 8px 16px 8px;
    min-width: 250px;
}

.widget-type-post_filter .widget-module ul li a {
    background: #2098c7;
    color: #ffffff;
    border: 1px solid #2098c7;
    padding: 0.5em 1em;
    border-radius: 4px;
    font-size: 15px;
    transition: all 200ms ease;
    max-width: 240px !important;
    display: block;
    margin: auto;
}

.widget-type-post_filter .widget-module ul li a:hover {
    background: transparent;
    color: #2098c7;
    text-decoration: none;
}

.widget-type-post_filter .block{
  text-align: center;
  margin-top: 30px;
} 

.widget-type-post_filter a.filter-expand-link {
  clear: both;
  float: none;
  width: 56px;
  margin: 0 auto 0px;
  display: block;
}

.widget-type-post_filter a.filter-expand-link:hover {
  margin: 0 auto -15px;
}

.sidebar .hs-menu-wrapper > ul > li > a,
.contextual-navigation .hs-menu-wrapper > ul > li > a {
  max-width: fit-content; 
}

@media only screen and (max-width: 900px) {
  .template-blog-grid .blog-content, .template-blog-grid .blog-sidebar {
    width: 100% !important;
    margin-left: 0 !important;
  } 
  
  .sidebar-subscription input:not([type="submit"]) {
    max-width: 500px;
  }
}

@media only screen and (max-width: 900px) { 
  .billboard-content .hero-blog-subscription {
    background: transparent;
    padding: 0;
    float: left;
    margin-top: -60px;
  }
  .blog-grid .post-item,
  .grid-1-cols .blog-grid .post-item,
  .grid-2-cols .blog-grid .post-item,
  .grid-3-cols .blog-grid .post-item,
  .grid-4-cols .blog-grid .post-item {
    width: 48%;
    margin-right: 3%;
  }
  
  .blog-grid .post-item:nth-child(3n), .grid-4-cols .blog-grid .post-item:nth-child(4n) {
    margin-right: 3%;
  }
  
  .blog-grid .post-item:nth-child(even) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 520px) {
  .blog-grid .post-item,
  .grid-1-cols .blog-grid .post-item,
  .grid-2-cols .blog-grid .post-item,
  .grid-3-cols .blog-grid .post-item,
  .grid-4-cols .blog-grid .post-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    float: none;
    display: block;
  }
  
  .hs-author-avatar img {
    max-width: 150px;
  }
}

/* blog subscription 

.billboard-content .hero-blog-subscription h4{
  color: #ffffff;
} 

.hero-blog-subscription {
    max-width: 300px;
    margin: 0 0 0 auto;
    background: #fff;
    border-radius: 4px;
}
.hero-blog-subscription h4, .hero-subscription-form h3 {
    margin: 0!important;
}

.hero-blog-subscription .hs-form-field {
    color: #ffffff;
    display: table-cell;
    width: 55%;
}

.hero-blog-subscription label {
    display: none;
}
.hero-blog-subscription label.hs-error-msg {
    display: block;
  color: #ffffff;
}

.billboard-content .hero-blog-subscription {
  background: transparent;
  padding: 43px 0 0;
} 

.sidebar-blog-subscription  input[type="email"],
.billboard-content .hero-blog-subscription input[type="email"] {
  background: rgba(255, 255, 255, 0.2);
  display: inline;
}

.hero-blog-subscription .hs_submit {
    display: table-cell;
    vertical-align: text-top;
    padding-left: 10px;
}

.sidebar-blog-subscription .hs_submit {
    display: table-cell;
    vertical-align: bottom;
    padding-left: 10px;
    height: 80px;
}
.sidebar-blog-subscription .hs-form-field,
.sidebar-blog-subscription input[type="submit"],
.hero-blog-subscription .hs-form-field, 
.hero-blog-subscription input[type="submit"] {
    height: 42px;
    line-height: 27px;
    font-size: 15px;
}

[id^='hs_form_target_form_'] form {
    display: table;
}

@media all and (max-width: 769px) {
 .template-blog .billboard-wrapper >.container-fluid>.row-fluid .span4.custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul {
   width: 100%;
  }
  
}
/* blog subscription end */


/* Billboard: header/hero */

.billboard-wrapper,
.billboard-content {
    position: relative;
    z-index: 10;
}
.heroblurb .blurbbox {
  border: 0px solid #5e5e5e; 
  max-width: calc( 100vw * 0.98 ); 
}

.heroblurb .blurbbox [class*="span"] {
    padding: 0;
    margin-left: 0;
}  

.blurbbox p {
  margin: 0rem;
  font-size: 16px;
  font-weight: 400;
  padding: 2px 5px 5px 5px;
}

.blurbbox [class*="span"] {
 /* border-left: 1px solid; */
} 

.blurbbox [class*="span"]:last-of-type {
/* border-right: 1px solid; */
}

/* Topics and 1-4 Columns Modules */
.heroblurb .blurbbox {
  display: flex;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
  justify-content: space-between;
}

.heroblurb .blurbbox [class*="span"] {
  padding: 0 1%;
  transition: all 0.5ms;
}

.heroblurb .blurbbox [class*="span"]:hover {
  transition: all 0.5ms;
}

.blurbbox h1,
.blurbbox h2,
.blurbbox h3,
.blurbbox h4,
.blurbbox h5,
.blurbbox h6,
.blurbbox p {
  color: inherit; 
  margin: 6px 0;
}

.blurbbox a {
   color: #2098c7;
    text-decoration: none;
}

@media all and ( max-width: 768px ) {
  .heroblurb .blurbbox {
    text-align: center;
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 20px;
  }
  .heroblurb.full .blurbbox {
    padding: 15px 20px !important;
    max-width: calc( 100vw - 40px );
 }  
  .heroblurb.each .blurbbox {
    padding: 0px;
    max-width: calc( 100vw - 40px );
  }
  
  .heroblurb .blurbbox [class*="span"] {
     width: 100%; 
     border: none;
     padding: 20px 10px;
  }
  .heroblurb .blurbbox [class*="span"]:first-of-type {
   padding: 5px 10px 15px;
   /* margin-left: 3%;  randy edit */
  }
  .heroblurb .blurbbox [class*="span"]:last-of-type {
   padding: 20px 10px 0;
  }
  .blurbbox [class*="span"] {
    padding-bottom:40px;
    padding-top:20px;
    border-bottom: 1px solid #eee !important;
  }
  .blurbbox [class*="span"]:last-of-type {
    border-bottom: none !important;
  }
  
}

/* Hubspot Image grid overlay settings */
.hs-image__grid__item__overlay {
    align-items: center;
    background-color: hsla(0,0%,100%,0);
    justify-content: center;
    padding: 1rem;
    transition: background-color .5s,opacity .5s;
    width: 100%;
    color: #fff;
    font-size: 20px ;
    border-radius: 50% ;
}

.hs-image__grid__item__overlay:hover {
    background-color: rgba(#2098c7, .7);
    opacity: 1;
}

/* Error Templates */

.error-template .hs-form .hs-button {
    padding: 0.5em 1em;
    color: #ffffff;
    background: #2098c7;
    border: 1px solid #2098c7;
    transition: all 200ms ease;
    margin: 0.9em 0 0.5em;
    display: inline-block;
    border-radius: 4px;
}

.error-template .hs-form .hs-button:hover {
    background: rgba(255,255,255,0);
    color: #2098c7;
    text-decoration: none;
    cursor: pointer;
}

/*****************************************/
/* Responsive                            */
/*****************************************/

/*****************************************/
/* 2 and 3 column inline                 */
/*****************************************/

.column {
  border-radius: 0;
}

.column ul li:before {
  content: '\2713'; /* \2713 is unicode for checkmark */
}


.column3 {
  border-radius: 0;
  background-color: rgb(0 0 0 / .1);
}

.column-pod {
  background-color: rgb(0 0 0 / .1);
  border-radius: 0;
  border: 1px solid #eee;
}

.container {
  display: flex;
}	


/*****************************************/
/* Responsive Module rules               */
/*****************************************/

@media all and ( min-width: 100vw ) {
 :root {
   --maxwidth : calc( 100vw );
    
  }
  
  /* set ratio for checkerbox image/video/text sections 
  .text-image-section .image-side, .text-image-section .image-side .backgroundimage,
  .text-image-section .row-fluid .text-side[class*="span"],
  .text-image-section .row-fluid .image-side[class*="span"],
  .video-square .text-image-section .hs-video-wrapper,
  .text-image-section .video-square .hs-video-wrapper,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget  {
    max-height: calc( 100vw * 0.5 );
    max-width:  calc( 100vw * 0.5 );
    max-width: calc( var(--maxwidth) * 0.5 );
    max-height: calc( var(--maxwidth) * 0.5 );
  }
  
 .text-image-section .row-fluid .text-side[class*="span"] .inner-text {
    max-height: calc( calc( var(--maxwidth) * 0.5 ) - 100px );
  }
  
  .text-image-section .row-fluid .image-side[class*="span"],
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget  {
    padding-bottom: calc( var(--maxwidth) * 0.5 );
  }
  
  .text-image-section iframe, 
  .text-image-section .hs-video-wrapper,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget  {
      width: calc( var(--maxwidth) * 0.5 ) !important;
      height: calc( var(--maxwidth) * 0.5 ) !important;
  }
  .text-image-section .video-16x9 iframe, 
  .text-image-section .video-16x9 .hs-video-wrapper,
  .text-image-section .video-16x9 .hubspotembed .hs-video-container,
  .text-image-section .video-16x9 .hubspotembed .hs-video-widget  { 
      height: calc( var(--maxwidth) * 0.28125 ) !important;
  }
  
 /* .text-image-section .video-16x9 .row-fluid .text-side[class*="span"], 
  .text-image-section .video-16x9 .row-fluid .image-side[class*="span"],
  .text-image-section .video-16x9 .hs-video-wrapper,
  .text-image-section .video-16x9 .hubspotembed .hs-video-container,
  .text-image-section .video-16x9 .hubspotembed .hs-video-widget  {
      padding-bottom: calc( var(--maxwidth) * 0.28125 ) !important;
      max-height: calc( var(--maxwidth) * 0.28125 ) !important;
  }
  
  .text-image-section .video-16x9 .row-fluid .text-side[class*="span"] {
    padding: 0 50px !important;
  }
  
  .text-image-section .video-square-16x9 .hubspotembed {
      transform: scale(1.7777);
  }
/*  
  .text-image-section .video-square-16x9 .hubspotembed,
  .text-image-section .video-square-16x9 .hubspotembed .hs-video-container,
  .text-image-section .video-square-16x9 .hubspotembed .hs-video-widget  {
      margin-top: 21.875%; 
  }
  .text-image-section .video-square-16x9 iframe.youtubeiframe {
      height: calc(calc(var(--maxwidth)*.5) * 9/16 )!important;
      width: calc(var(--maxwidth)*.5) !important;
      margin-top: 21.875%;
  }
  */
}
@media all and ( max-width: 100vw ){
/*
  .text-image-section .global-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* set ratio for checkerbox image/video/text sections 
  .text-image-section .image-side, .text-image-section .image-side .backgroundimage,
  .text-image-section .row-fluid .text-side[class*="span"],
  .text-image-section .row-fluid .image-side[class*="span"],
  .video-square .text-image-section .hs-video-wrapper,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget {
    max-height: calc( 100vw * 0.5 );
    max-width:  calc( 100vw * 0.5 );
  }
  
 .text-image-section .row-fluid .text-side[class*="span"] .inner-text {
    max-height: calc( calc( 100vw * 0.5 ) - 50px );
  }
  
  .text-image-section .row-fluid .image-side[class*="span"],
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget {
    padding-bottom: calc( 100vw * 0.5 );
  }
  
  .text-image-section iframe,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget {
      width: calc( 100vw * 0.5 ) !important;
      height: calc( 100vw * 0.5 ) !important;
  }
  .text-image-section .video-16x9 iframe,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget {
      height: calc( 100vw * 0.28125 ) !important;
  }
  
  /* .text-image-section .video-16x9 .row-fluid .text-side[class*="span"], 
   *   .text-image-section .video-16x9 .row-fluid .image-side[class*="span"],
  .text-image-section .video-16x9 .hs-video-wrapper {
      padding-bottom: calc( 100vw * 0.28125 ) !important;
      max-height: calc( 100vw * 0.28125 ) !important;
  }
  
  .text-image-section .video-square-16x9 .hubspotembed {
      transform: scale(1.7777);
  }
  
 /* .text-image-section .video-square-16x9 .row-fluid .text-side[class*="span"],
  .text-image-section .video-square-16x9 .row-fluid .image-side[class*="span"],
  .text-image-section .video-square-16x9 .hs-video-wrapper {
      padding-bottom: calc( 100vw * 0.5 ) !important;
      max-height: calc( 100vw * 0.5 ) !important;
  }
  
  .text-image-section .video-16x9 .row-fluid .text-side[class*="span"] {
    padding: 0 25px;
  }
  
  .text-image-section .video-square .hs-video-wrapper {
      padding-bottom: 100% !important;
  }
  .text-image-section .row-fluid .text-side[class*="span"] {
    padding: 1.25% 2.5%;
    width: 100%;
    overflow: hidden;
    max-height: auto;
    max-width: auto;
  } */
}

@media all and (max-width: 900px){ 
  .hs-video-wrapper {
    overflow: visible;
    padding-bottom: 100% !important;
  }
}
  
@media all and (max-width: 900px){
  /*.text-image-section .row-fluid .text-side[class*=span]  {
      max-height: fit-content;
  }
  .text-image-section .row-fluid .text-side[class*=span] .inner-text {
      display: block;
      height: auto;
      overflow: hidden;
      padding: 2.5vw 2.5vw;
      width: 45vw;
  }*/
}

@media all and (max-width: 768px){
  /*.text-image-section .video-square-16x9 .hubspotembed,
  .text-image-section .video-square-16x9 .hubspotembed .hs-video-container,
  .text-image-section .video-square-16x9 .hubspotembed .hs-video-widget,
  .text-image-section .video-square-16x9 .youtubewrapper {
      transform: scale(1.03);
  }

  .text-image-section .section-image .video-square-16x9 .row-fluid .image-side[class*="span"] {
      padding-bottom: calc( 100vw ) !important;
      max-height: calc( 100vw ) !important;
  }
  */
  .content-align-middle_center .billboard-ctas .button-cta.primary,
  .content-align-top_middle .billboard-ctas .button-cta.primary,
  .content-align-bottom_middle .billboard-ctas .button-cta.primary {
    margin-left: 0;
    margin-right: 0;
  }
  
  .hs_cos_wrapper_type_logo img {
     max-width: 300px !important;
  }
  
  .footer-container-wrapper .hs_cos_wrapper_type_logo img {
     max-width: 200px !important;
  }
  /*
  .text-image-section .odd .row-fluid,
  .text-image-section .even .row-fluid {
    flex-direction: column !important;
  }
  
  .text-image-section .row-fluid .text-side[class*="span"] {
    padding: 30px;
  }
  .text-image-section .odd .row-fluid, .text-image-section .even .row-fluid {
    display: flex;
    flex-direction: column;
  }
  
  .text-image-section .image-side, 
  .text-image-section .image-side .backgroundimage,
  .text-image-section .row-fluid .text-side[class*="span"],
  .text-image-section .row-fluid .image-side[class*="span"],
  .video-square .text-image-section .hs-video-wrapper,
  .text-image-section .video-square .hs-video-wrapper,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget,
  .text-image-section .image-side, .text-image-section .image-side .backgroundimage,
  .text-image-section .row-fluid .text-side[class*="span"],
  .text-image-section .row-fluid .image-side[class*="span"],
  .video-square .text-image-section .hs-video-wrapper,
  .text-image-section .row-fluid .image-side iframe {
    width: 100vw !important;
    max-height: 100vh !important;
    max-width:  100vw !important;
  }
  
 .text-image-section .row-fluid .text-side[class*="span"] .inner-text {
    max-height: calc( 100vw - 30px );
  }
  
  .text-image-section .row-fluid .text-side[class*=span] .inner-text {
    display: block;
    height: auto;
    overflow: hidden;
    padding: 5vw;
    width: 90vw;
  } 
  
  .text-image-section .row-fluid .image-side[class*="span"] {
    padding-bottom: 5vw;
  }
  
  .text-image-section iframe {
      width: 100vw !important;
      height: 100vw !important;
      max-width: none;
  }
  
  .text-image-section .video-16x9 iframe {
      height: calc( 100vw * 0.5625 ) !important;
  }
  
  .text-image-section .video-16x9 .row-fluid .image-side[class*="span"],
  .text-image-section .video-16x9 .hs-video-wrapper,
  .hs-video-wrapper {
      padding-bottom: calc( 100vw * 0.5625 ) !important;
    /*  max-height: calc( 100vw * 0.5625 ) !important; *
  }
  
  .hs-video-wrapper {
    overflow: visible;
  }
  
  .video-square .hs-video-wrapper,
  .video-square .hubspotembed,
  .video-square .row-fluid .image-side[class*="span"]{
    height: 100vw !important;
    padding-bottom: 0 !important;
  }
  
  .text-image-section .video-16x9 .row-fluid .text-side[class*="span"],
  .text-image-section .video-square .row-fluid .text-side[class*="span"] {
    padding: 5% 2.5%;
    margin: 1.25% auto;
    width: 95% !important;
    overflow: hidden;
    max-height: auto;
    max-width: auto;
  }
  
  .text-image-section .row-fluid .text-side[class*="span"] .inner-text {
    max-height: none;
  }

  .text-image-section .hubspotembed .hs-video-container {
    margin-top: -1px; 
  }
  */
   .column-group > .row-fluid-wrapper > .row-fluid > [class*="span"]{
    border-bottom: 1px solid BrandingColor{hex=#5db5d7};
  }    
  
  
  .persona-block:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
  }    
  
  
  .template-home .billboard-wrapper {
    max-height: calc( 100vh - 100px );
  } 
  
  body .billboard-ctas .span12{
    margin-left: 0 !important;
  }
  
  .billboard-ctas {
    margin-top: 10px;
  }
  
  .billboard-content.content-align-bottom
  .billboard-content.content-align-bottom_middle, 
  .billboard-content.content-align-bottom_right {
    vertical-align: bottom;
    padding-bottom: 30px;
  }   
  
  .billboard-content.content-align-top_left
  .billboard-content.content-align-top_middle, 
  .billboard-content.content-align-top_right {
    vertical-align: top;
    padding-top: 30px;
  } 
  
  .top-menu-repeater .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    width: auto;
    text-align: center;
    margin: 0 auto;
    
  }
  .top-menu-repeater .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.social-menu {
    display: flex;
    float: none;
    justify-content: space-evenly;
  }
  .top-menu-repeater .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.social-menu .social-sharing {
    width: auto;
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a.social-sharing__link {
    width: fit-content; 
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left; 
    width: 100%;
  }
  .blog-quick-links .hs-menu-wrapper li:before, .blog-quick-links span:before {
    display: none; 
  }
}
@media all and (max-width: 520px){
  /*
  .text-image-section .row-fluid .text-side[class*=span] .inner-text {
    display: block;
    height: auto;
    overflow: hidden;
    padding: 1.125vw;
    width: calc( 97.5vw - 60px );
  } 
  */
  .hs_cos_wrapper_type_logo img {
     max-width: calc( 100vw - 120px ) !important;
  }
  
  .footer-container-wrapper .hs_cos_wrapper_type_logo img {
     max-width: calc( 100vw - 120px ) !important;
  }
  
    
 
}