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

*/


/* 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,
.dropzone {
  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);
      
}

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

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

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

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

/* Tag Cloud on blog */

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

/* Column Group */

.dropzone .column-group [class*="span"].column-group-item {
    border-left: 1px solid #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;

}

.dropzone h1,
.dropzone h2,
.dropzone h3,
.dropzone h4,
.dropzone h5,
.dropzone 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;
}

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

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

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

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

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

   ;
}

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

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

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

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

}

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

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

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

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






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

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

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


.dropzone .testimonial-slider blockquote:before {
    content: "\201C";
    color: rgba(255, 255, 255, 1.0);
    font-family: "Georgia";
    font-size: 10em;
    position: absolute;
    top: 0;
    left: 20px;
	padding: 0px;
margin-top: 15px;
margin-bottom: 0px;
;
	z-index: -1;
}


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

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

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

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

}

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

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

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

.dropzone .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) {
  .dropzone 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))) 
       ); */
  }
  .dropzone .billboard-content h1 {
     font-size: clamp(30px, 4.33vw, 52px);
  }

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

@media (max-width: 768px) {  
  .dropzone blockquote,
  .dropzone .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) {
	.dropzone 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};
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropzone .button-cta a,
.dropzone .cta_button a,

.dropzone button:not(.splide__arrow):not(.slick-arrow):not(.splide__pagination__page), 
.dropzone input[type="submit"],
.dropzone input[type="reset"],
.dropzone .more-link,
.dropzone .body-container-wrapper .button-cta a,
.dropzone .footer-container-wrapper .button-cta a,
.dropzone .textbutton.button-cta a,
.dropzone button:not(.splide__arrow):not(.slick-arrow):not(.splide__pagination__page):active, 
.dropzone input[type="submit"]:active,
.dropzone input[type="reset"]:active,
.dropzone .more-link:active,
.body-container-wrapper .button-cta a:active,
.dropzone .textbutton.button-cta a:active,
.dropzone .hs-button.large.primary,
.dropzone .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;
}

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

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

.dropzone input[type="search"],
.dropzone 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 */

.dropzone .billboard-content .button-cta a,
.dropzone .billboard-content .textbutton a,
.dropzone .billboard-content .textbutton a:active,
.dropzone .billboard-content .hs-button.large.primary,
.dropzone .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;
}

.dropzone .billboard-content .textbutton.button-cta a:hover,
.dropzone .billboard-content .textbutton.button-cta a:focus,
.dropzone .billboard-content .hs-button.large.primary:hover,
.dropzone .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 */
.dropzone 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 */

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

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

.dropzone .hs-cta-wrapper .hs-cta-node a.cta_button:has(img),
.dropzone .hs-cta-wrapper .hs-cta-node a.cta_button:hover:has(img),
.dropzone .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;
}
*/

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

.dropzone .slick-slider button,
.dropzone .slick-slider button:active,
.dropzone .slick-slider button:hover,
.dropzone .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 */
.dropzone .splide__controls li button:not(.splide__arrow):not(.slick-arrow) {
    width: 12px;
    height: 12px;
    padding: 5px;
    color: #5db5d7; 
    border: 1px solid #5e5e5e;
    background: #5db5d7; 
    border-radius: 50%;
    margin: 0 10px;
}

.dropzone .slick-track {
    position: relative; 
}

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

/* hide player controls by default */
.dropzone .splide__controls {
   /*  display: none; */
}

.dropzone .splide__track--loop, 
.dropzone .splide--loop {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

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

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

.dropzone th {
    color: #ffffff;
    background: #5db5d7;
}

.dropzone tr td {
    border-bottom: 1px solid #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 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;
}

/*** terms and copyright menu ***/
.footer-container-wrapper .termsmenu ul li a {
  padding: padding-top: 0px;
padding-right: 10px;
padding-bottom: 12px;
padding-left: 5px;
;
  color: #5db5d7;
}

.footer-container-wrapper .termsmenu ul li:after {
  display: inline;
  color: #5db5d7;
  margin-right: 10px;
  margin-left: 5px;
  top: 0px;
}

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

.dropzone .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 and Sharing Social Icons Color */
.hs_cos_wrapper_type_social_sharing a {
    color: #5db5d7;
   /* background: #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;
  }
}

/*****************************************/
/* 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: #5db5d7;
    margin-bottom: 0; 
    display:inline-block;
}

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

/* Listing */

.post-item { 
    border-bottom: 1px solid #5db5d7;
}


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

/************************************/
/* extra module classes             */
/************************************/
/* 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 #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;
  }
}