/** ===========================================================================
 * home page styles for Company Theme
 * ============================================================================
 */


.home #header-page-preheader { margin-bottom: 0; }

	.home #cb_hero-wrapper {
		background: url("../images/block_hero_home.webp") 10% center no-repeat;
		background-size: auto 90%;
		}

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

			#cb_hero-wrapper { padding-top: var(--space-small); }
			#cb_hero-wrapper div#header-inner { padding-top: var(--space-small); }
			#cb_hero-wrapper div#header-inner #menu-outer { margin-right: var(--space_small); }
		
			}

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

		#cb_hero-wrapper { padding-top: var(--space_extra_large); }
	
		}
	
.home #main-content { margin-top: 0 !important }


/** ---------------------------------------------------------------------------
 * home page hero
 * ----------------------------------------------------------------------------
 * this is EXCLUSIVELY the hero section of the home page
 *
 * #section-hero-home is unique
 *
 * .empty-column:
 *  - also applies to block-serpentine-home
 *  - is currently an attributeless class whose purpose is to target .row-reverse
 */

#section-hero-home {
	display: flex;
	min-height: 33vh;
	padding: var(--space_ginormous) 0;
	}	
	
	@media screen and (min-width: 800px) {
	
		#section-hero-home .empty-column header { flex: 0 0 66%; }

		#section-hero-home .empty-column .row-reverse { flex: 0 0 66%; }

		}


/** ---------------------------------------------------------------------------
 * block-serpentine-home
 * ----------------------------------------------------------------------------
 * use of background-attachment: fixed; requires further experimentation
 */

.block_serpentine_home_1 {
	background-image: url("../images/block_serpentine_home_1.webp");
	background-position: 70% center;
	}

.block_serpentine_home_2 {
	background-image: url("../images/block_serpentine_home_2.webp");
	background-position: 20% center;
	}

.block_serpentine_home_3 {
	background-image: url("../images/block_serpentine_home_3.webp");
	background-position: 70% center;
	}

.block_serpentine_home_4 {
	background-image: url("../images/block_serpentine_home_4.webp");
	background-position: 20% center;
	}


.block_serpentine_home_5 {
	background-image: url("../images/block_serpentine_home_5.webp");
	background-position: 70% center;
	}

.block_serpentine_home_6 {
	background-image: url("../images/block_serpentine_home_6.webp");
	background-position: 20% center;
	}

.cb_block-serpentine-home {	
	background-repeat: no-repeat;
	background-size: auto 70%;
	}




.cb_block-serpentine {	

	}


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

	.cb_block-serpentine-home .empty-column .flex-row-copy { flex: 0 0 66%; }

	}


/** ---------------------------------------------------------------------------
 * panel headers
 * ----------------------------------------------------------------------------
 */

.panel-home header { margin-bottom: var(--space_normal); }

.panel-home .subheading:not(.card p.subheading):not(.block-home-serpentine p.subheading) {

	/**
	 * add a margin below section header when section contains a listing
	 * decorated
	 */

	padding-bottom: var(--space_tiny);
	}


/** ---------------------------------------------------------------------------
 * panel content
 * ----------------------------------------------------------------------------
 */

 .main .no_margin_on_last ol {

	/* for the 'we will work with you to' banner on the homeapge */
	margin-bottom: 0;
	}


/** ---------------------------------------------------------------------------
 * stat panels (claim panel)
 * ----------------------------------------------------------------------------
 */

.card-stat {
	box-sizing: border-box;
	padding: 0 var(--space_small);
	box-shadow: none !important
	}

	.card-stat p {
		text-align: center;
		}

	p.stat-figure {
		color: var(--theme_dark);
		font-size: var(--fs_extra_large);
		font-weight: var(--fw_medium);
		margin: 0;
		font-family: var(--font_heading_main);
		}

	p.stat-caption {
		color: var(--theme_dark);
		font-family: var(--font_heading_subsidiary);
		font-weight: var(--fw_paragraph_bold);
		margin: 0;
		}


/** ---------------------------------------------------------------------------
 * contact form
 * ----------------------------------------------------------------------------
 */

#panel-other-contact-methods {
	border-top: 3px var(--theme_medium) solid;
	padding-top: var(--space_large);
	}

.contact-method-row {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	}

#panel-call {
	align-items: flex-start;
	display:flex;
	margin-top: var(--space_extra_large);
	margin-bottom: var(--space_gigantic);
	padding-bottom: var(--space_huge);
	}

#contact-text {
	width: 60%;
	flex-grow: 2;
	}

.contact-method-row {
	box-sizing: border-box;
	padding-left:var(--space_extra_large);
	}

.contact-method-row h3 {
	font-size: var(--fs_normal);
	line-height: var(--lh_normal);
	}

	#contact-email {
		background: url("../images/icon-contact-email.svg") left top no-repeat;
		background-size: var(--space_normal);
		}
	
		#contact-email p { word-wrap: break-word; }

	#contact-linkedin {
		background: url("../images/icon-contact-linkedin.svg") left top no-repeat;
		background-size: var(--space_normal);
		}
	
	#contact-chat {
		background: url("../images/icon-contact-chat-on-light.svg") left top no-repeat;
		background-size: var(--space_normal);
		}
	

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

	.contact-method-row {
		padding-bottom: 0;
		flex-wrap: wrap !important
		}
	
		.contact-method-row:first-of-type { margin-bottom: var(--space_normal); }
	
	#contact-chat {
		flex-direction: column;
		flex-wrap: wrap;
		flex-grow: 3;
		}

	}


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

		.contact-method-row { flex-wrap: nowrap; }

		#panel-call { flex-direction: row-reverse; }

		.contact-call { margin-top: var(--space_miniscule); }

	}