/*****
colors
*****/
:root {
	--blue: #004BD8;
	--dark-teal: #3179FF;
	--teal: #6a9eff;
	--light-teal: #A4C3FC;
	--lighter-teal: #C4D9FF;
	--black: #231E20;
	--white: #ffffff;
	--light-gray: #F3F3F3;
	--dark-gray: #372E4C;
}

/***********************
blog redesign typography
***********************/
.blog-home h1 {
	font-size: 42px;
	font-weight: 700;
	color: #000;
	padding-bottom: 20px;
}
@media (min-width: 481px) {
	.blog-home h1 {
		font-size: 60px;
	}
}

.blog-home h2 {
	font-size: 24px;
	line-height: 28px;
	color: #000;
	font-weight: 600;
}
/* .blog-home h3 {

} */
.blog-home h4 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}
@media (min-width: 481px) {
	.blog-home h4 {
		font-size: 20px;
		line-height: 30px;
	}
}
.blog-home h5 {
	font-size: 21px;
	font-weight: 700;
	line-height: 28px;
}
.blog-home h6 {
	color: #6A9EFF;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.blog-home p {
	color: #666;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}
.blog-home a.btn {
	color: var(--blue);
	border: 2px solid var(--blue);
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 4px 16px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
	background: #fff;
	transition: color .15s linear, background .15s linear;
}
.blog-home a.btn:hover {
	color: #fff;
	background: var(--blue);
}

/***********************
blog redesign typography
(single post)
***********************/

.single-post h1 {
	font-size: 40px;
}
@media (min-width: 481px) {
	.single-post h1 {
		font-size: 48px;
	}
}

/***********************
blog redesign general
***********************/
.blog .blog-home .container {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
@media (min-width: 481px) {
	.blog .blog-home .container {
		width: 90%;
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 1025px) {
	.blog .blog-home .container {
		width: 80%;
	}
}
.blog .blog-home label {
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #231E20;
	margin-bottom: 10px;
}
.blog .blog-home select {
	width: 100%;
	max-width: 100%;
	height: 42px;
	color: #231E20;
	border: 2px solid var(--light-teal);
	text-transform: uppercase;
	color: var(--black);
	font-weight: 500;
	font-size: 12px;
	padding: 10px 35px 10px 18px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../svg/chevron-left.svg');
    background-size: 13px auto;
    background-repeat: no-repeat;
    background-position: right 15px center;
}
@media (min-width: 768px) {
	.blog .blog-home select {
		width: 350px;
	}
}
.flex-cols {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}
.flex-cols > .flex-col-half {
	flex: 0 0 100%;
}
@media (min-width: 769px) {
	.flex-cols {
		flex-flow: row nowrap;
	}
	.flex-cols > .flex-col-half {
		flex: 0 0 50%;
	}
}
.blog-home .hbspt-form .grecaptcha-badge,
.single-post .hbspt-form .grecaptcha-badge {
	visibility: visible;
}

/**********
breakpoints
**********/
/*
@media (min-width: 481px) {

}
@media (min-width: 769px) {

}
@media (min-width: 981px) {

}
@media (min-width: 1025px) {

}
@media (min-width: 1201px) {
	
}
@media (min-width: 1201px) and (max-height: 999px) {
	
}
*/

@media (min-width: 769px) {
	.hide-for-tablet {
		display: none !important;
	}
}
@media (min-width: 1025px) {
	.hide-for-desktop {
		display: none !important;
	}
}

/*****************
case studies landing page
*****************/
.blog-home .case-studies-hero {
	max-width: 100vw;
	overflow: hidden;
	border-bottom: none;
	position: relative;
}
.blog-home .case-studies-hero .blog-landing-hero-inner {
	align-items: stretch;
	border-bottom: none;
}
.blog-home .case-studies-hero .hero-left  {
	position: relative;
}
.blog-home .case-studies-hero .hero-left .hero-left-inner {
	z-index: 1;
}
.blog-home .case-studies-hero .hero-left .hero-left-inner h1,
.blog-home .case-studies-hero .hero-left .hero-left-inner h4 {
	color: #ffffff;
}
.blog-home .case-studies-hero .hero-left-bg {
	background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
    position: absolute;
    width: 200%;
    left: -100%;
    right: 0;
}
@media (min-width: 769px) {
	.blog-home .case-studies-hero .hero-left-bg {
		width: 200%;
	}
}
.blog-home .case-studies-hero .hero-left .hero-left-bg::before {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg,#007bff 0%,rgba(0,124,255,.5) 100%);
    z-index: 1;
}
@media (min-width: 2000px) {
	.blog-home .case-studies-hero .hero-left-bg {
		width: 250%;
		left: -150%;
	}
	.blog-home .case-studies-hero .hero-left .hero-left-bg::before {
		
	}
}
.blog-home .case-studies-hero .hero-left-inner {
	position: relative;
}
.blog-home .case-studies-hero .hero-right-embed {
	position: relative;
	padding: 20px;
	background: #e7efff;
	margin-bottom: 20px;
}
.blog-home .case-studies-hero .hero-right .hero-right-inner .post-meta > h6.meta.post-author {
	display: block;
}
@media (min-width: 481px) {
	.blog-home .case-studies-hero .hero-right-embed {
		padding: 40px;
		margin-bottom: 40px;
	}
}
@media (max-width: 1160px) {
	.blog-home .case-studies-hero .hero-right-embed,
	.blog-home .case-studies-hero .hero-right-inner {
		padding: 60px 0 40px 40px;
		margin-bottom: 0;
	}
	.blog-home .case-studies-hero .hero-left .hero-left-inner {
		padding: 60px 40px 0 0;
	}
}
@media (min-width: 1161px) {
	.blog-home .case-studies-hero .hero-right-embed,
	.blog-home .case-studies-hero .hero-right-inner {
		padding: 40px 0 40px 40px;
		margin-bottom: 0;
	}
	.blog-home .case-studies-hero .hero-left .hero-left-inner {
		padding: 40px 40px 0 0;
	}
}
@media (min-width: 1201px) and (max-height: 999px) {
	.blog-home .case-studies-hero .hero-right-embed {
		padding: 30px 0 30px 40px;
	}
}
.blog-home .case-studies-hero .hero-right-embed::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #e7efff;
	z-index: 0;
	width: 100%;
}
@media (max-width: 768px) {

	.blog-home .case-studies-hero .hero-right-embed,
	.blog-home .case-studies-hero .hero-right-inner {
		padding: 40px;
		margin-bottom: 0;
	}
	.blog-home .case-studies-hero .hero-left .hero-left-inner {
		padding: 40px;
	}
	.blog-home .case-studies-hero .hero-left-bg {
		left: -50%;
		width: 200%;
	}
	.blog-home .case-studies-hero .hero-right-embed:after {
		width: 200%;
		left: -50%;
	}
}
@media (min-width: 769px) {
	.blog-home .case-studies-hero .hero-right-embed::after {
		width: 200%;
		border-top: 1px solid #6a9eff;
	}
}
@media (min-width: 2000px) {
	.blog-home .case-studies-hero .hero-right-embed::after {
		width: 300%;
	}
}
.blog-home .case-studies-hero .hero-right-embed > * {
	position: relative;
	z-index: 1;
}
.blog-home .case-studies-hero .post-content p {
	display: block;
}
@media (min-width: 769px) {
	.blog-home .case-studies-hero .post-content p {
		display: none;
	}
}
/*----*/
.case-studies-hero .container {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
@media (min-width: 481px) {
	.case-studies-hero .container {
		width: 90%;
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 1025px) {
	.case-studies-hero .container {
		width: 80%;
	}
}
.case-studies-hero label {
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #231E20;
	margin-bottom: 10px;
}
.case-studies-hero select {
	width: 100%;
	max-width: 100%;
	height: 42px;
	color: #231E20;
	border: 2px solid var(--light-teal);
	text-transform: uppercase;
	color: var(--black);
	font-weight: 500;
	font-size: 12px;
	padding: 10px 35px 10px 18px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../svg/chevron-left.svg');
    background-size: 13px auto;
    background-repeat: no-repeat;
    background-position: right 15px center;
}
@media (min-width: 768px) {
	.case-studies-hero select {
		width: 350px;
	}
}

/*.case-studies-hero {
	border-top: 1px solid #6A9EFF;
	border-bottom: 1px solid #6A9EFF;
	background: #fff;
	margin-bottom: 0;
}*/
.case-studies-hero .blog-landing-hero-inner {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	text-align: left;
}
@media (min-width: 769px) {
	.case-studies-hero .blog-landing-hero-inner {
		flex-flow: row nowrap;
	}
}
.case-studies-hero .container {
	padding-top: 0 !important;
	position: static;
}
.case-studies-hero .container::before {
	display: none !important;
}

.case-studies-hero .hero-container-inner.hero-side {
	position: relative;
	z-index: 5;
	width: 90%;
	margin: auto;
	max-width: 570px;
	padding: 80px 0;
}

.case-studies-hero .hero-container-inner.hero-side h1, 
.case-studies-hero .hero-container-inner.hero-side h4 {
	color: white;
}

@media (min-width: 0px) and (max-width: 769px) {
	.case-studies-hero .hero-container-inner.hero-side {
		padding: 80px 0;
	}
}

@media (min-width: 770px) and (max-width: 1201px) {
	.case-studies-hero .hero-container-inner.hero-side {
		padding: 120px 0;
	}
}

.case-studies-hero .hero-container-bg {
	position: relative;
	right: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background-size: cover;
	background-position: center center;
  }
  
 .case-studies-hero .hero-container-bg::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(96.18deg, #007BFF 0%, rgba(0, 124, 255, 0.75) 100%);
	z-index: 1;
  }
  
/*****************
blog landing featured post - Allie_HKW_12/13/23 redesign
*****************/
.blog .blog-featured-post {
	background-color: var(--light-gray);
	padding: 47.5px 0;
}
.blog .blog-featured-post-content {
	display: flex;
	background-color: #3576EF;
	.text-content {
		width: 60%;
		padding: 64px;
		h1, h2, h3, h4, h5, h6, p, a.btn { 
			color: white;
		}
		a.btn {
			border-color: white;
			background-color: #3576EF;
			&:hover {
				background-color: white;
				color: #3576EF
			}
		}
	}
}

.blog .blog-featured-post-image {
	width: 40%;
	background-size: cover;
	background-position: center center;
}

@media (min-width: 0px) and (max-width: 769px) {
	.blog .blog-featured-post-content {
		flex-direction: column;
		.text-content {
			width: 100%;
			padding: 24px 20px 48px 20px;
			order: 2;
		}
	}
	.blog .blog-featured-post-image {
		width: 100%;
		height: 200px;
		background-size: cover;
		background-position: center center;
		order: 1;
	}
}

.blog .blog-home .post-meta {
	margin-bottom: 10px;
	padding-bottom: 0px;
}
@media (min-width: 769px) {
	.blog .blog-home .post-meta {
		padding-bottom: 10px;
	}
}
.blog .blog-home .post-meta h6 {
	display: inline-block;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 10px;
}
@media (min-width: 769px) {
	.blog .blog-home .post-meta h6 {
		font-size: 12px;
	}
}
.blog .blog-home .post-meta h6:not(:last-child)::after {
	content: '|';
	display: inline-block;
	color: #6A9EFF;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
}
.blog .blog-home .post-content a.btn {
	margin-bottom: 0;
}
@media (min-width: 1201px) and (max-height: 999px) {
	.blog .blog-home .hero-right-inner h2 {
		font-size: 22px;
	}
	.blog .blog-home .hero-right-inner p {
		font-size: 15px;
	}
	.blog .blog-home .hero-right-inner a.btn {
		font-size: 13px;
	}
}
.blog .blog-home .mobile-featured {
	display: block;
	margin-bottom: 0;
	color: var(--blue);
}
@media (min-width: 769px) {
	.blog .blog-home .mobile-featured {
		display: none;
	}
}

/*****************
blog landing hero - Allie_HKW_12/13/23 redesign
*****************/

.blog .blog-home .blog-landing-hero {
	border-top: 1px solid #6A9EFF;
	border-bottom: 1px solid #6A9EFF;
	background: #fff;
	margin-bottom: 0;
}
.blog .blog-home .blog-landing-hero-inner {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}
@media (min-width: 769px) {
	.blog .blog-home .blog-landing-hero-inner {
		flex-flow: row nowrap;
	}
}
.blog .blog-home .container {
	padding-top: 0 !important;
	position: static;
}
.blog .blog-home .container::before {
	display: none !important;
}

.blog .hero-container-inner.hero-side {
	position: relative;
	z-index: 5;
	width: 90%;
	margin: auto;
	max-width: 570px;
	padding: 80px 0;
	h1, h4 {
	color: white;
	}
}

@media (min-width: 0px) and (max-width: 769px) {
	.blog .hero-container-inner.hero-side {
		padding: 80px 0;
	}
}

@media (min-width: 770px) and (max-width: 1201px) {
	.blog .hero-container-inner.hero-side {
		padding: 120px 0;
	}
}

.blog .blog-home .hero-container-bg {
	position: relative;
	right: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background-size: cover;
	background-position: center center;
  }
  
 .blog .blog-home .hero-container-bg::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(96.18deg, #007BFF 0%, rgba(0, 124, 255, 0.75) 100%);
	z-index: 1;
  }
  
/*****************
blog landing featured post - Allie_HKW_12/13/23 redesign
*****************/
.blog .blog-featured-post {
	background-color: var(--light-gray);
	padding: 47.5px 0;
}
.blog .blog-featured-post-content {
	display: flex;
	background-color: #3576EF;
	.text-content {
		width: 60%;
		padding: 64px;
		h1, h2, h3, h4, h5, h6, p, a.btn { 
			color: white;
		}
		a.btn {
			border-color: white;
			background-color: #3576EF;
			&:hover {
				background-color: white;
				color: #3576EF
			}
		}
	}
}

.blog .blog-featured-post-image {
	width: 40%;
	background-size: cover;
	background-position: center center;
}

@media (min-width: 0px) and (max-width: 769px) {
	.blog .blog-featured-post-content {
		flex-direction: column;
		.text-content {
			width: 100%;
			padding: 24px 20px 48px 20px;
			order: 2;
		}
	}
	.blog .blog-featured-post-image {
		width: 100%;
		height: 200px;
		background-size: cover;
		background-position: center center;
		order: 1;
	}
}

.blog .blog-home .post-meta {
	margin-bottom: 10px;
	padding-bottom: 0px;
}
@media (min-width: 769px) {
	.blog .blog-home .post-meta {
		padding-bottom: 10px;
	}
}
.blog .blog-home .post-meta h6 {
	display: inline-block;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 10px;
}
@media (min-width: 769px) {
	.blog .blog-home .post-meta h6 {
		font-size: 12px;
	}
}
.blog .blog-home .post-meta h6:not(:last-child)::after {
	content: '|';
	display: inline-block;
	color: #6A9EFF;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
}
.blog .blog-home .post-content a.btn {
	margin-bottom: 0;
}
@media (min-width: 1201px) and (max-height: 999px) {
	.blog .blog-home .hero-right-inner h2 {
		font-size: 22px;
	}
	.blog .blog-home .hero-right-inner p {
		font-size: 15px;
	}
	.blog .blog-home .hero-right-inner a.btn {
		font-size: 13px;
	}
}
.blog .blog-home .mobile-featured {
	display: block;
	margin-bottom: 0;
	color: var(--blue);
}
@media (min-width: 769px) {
	.blog .blog-home .mobile-featured {
		display: none;
	}
}

/*******************
blog landing filters
*******************/
.blog-home .blog-landing-filters {
	padding-top: 32px;
	padding-bottom: 24px;
	background: #fff;
}
.blog-home .blog-landing-filters-inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}
@media (min-width: 768px) {
	.blog-home .blog-landing-filters-inner {
		flex-flow: row nowrap;
		align-items: flex-start;
	}
}
.blog-home .filter-left,
.blog-home .filter-right {
	flex: 0 0 100%;
	max-width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (min-width: 768px) {
	.blog-home .filter-left,
	.blog-home .filter-right {
		flex: 0 0 50%;
		max-width: 50%;
		padding-top: 0;
		padding-bottom: 0;
	}
	.blog-home .filter-left {
		padding-right: 15px;
	}
	.blog-home .filter-right {
		padding-left: 15px;
	}
}
@media (min-width: 769px) {
	.blog-home .filter-left {
		padding-right: 20px;
	}
	.blog-home .filter-right {
		padding-left: 20px;
	}
}
.blog-home .hbspt-form .hs-form {
	position: relative;
}
.blog-home .hbspt-form label {
	font-size: 11px;
	text-transform: uppercase;
	color: var(--blue);
	margin-bottom: 8px;
	line-height: 16px;
}
.blog-home .hbspt-form input[type="text"],
.blog-home .hbspt-form input[type="email"] {
	background: var(--lighter-teal);
	border: 2px solid var(--light-teal);
	height: 42px;
	width: 350px;
	max-width: 100%;
	padding: 10px 45px 10px 18px;
	color: var(--black);
	margin-bottom: 8px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}
.blog-home .hbspt-form input[type="text"]::placeholder,
.blog-home .hbspt-form input[type="email"]::placeholder {
	color: var(--black);
	opacity: 1;
}
.blog-home .hbspt-form .hs_email input {
	width: calc(100% - 100px);
}
.blog-home .hbspt-form .hs-error-msg {
	color: var(--blue);
	font-size: 11px;
}
.blog-home .hbspt-form .legal-consent-container p,
.blog-home .hbspt-form .hs-form-booleancheckbox-display p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 8px;
	text-transform: none;
}
.blog-home .hbspt-form .hs-form-booleancheckbox-display {
	margin-bottom: 8px;
}
.blog-home .hbspt-form .hs-form-booleancheckbox-display input[type="checkbox"] {
	margin-top: 1px;
}
.blog-home .hbspt-form .hs_submit {
	position: absolute;
	top: 0;
	right: 0;
}
.blog-home .hbspt-form .hs-button {
	background: var(--blue);
	color: var(--white);
	font-size: 12px;
	height: 42px;
	text-transform: uppercase;
	padding: 10px 20px;
	font-weight: 600;
	border: 1.35px solid var(--blue);
	transition: background .15s linear, color .15s linear;
	cursor: pointer;
	width: 100px;
}
.blog-home .hbspt-form .hs-button:hover,
.blog-home .hbspt-form .hs-button:active {
	background: var(--white);
	color: var(--blue);
}
.blog-home .hbspt-form .grecaptcha-badge {
	margin-bottom: 16px;
}

/****************
blog landing grid
****************/
.blog-home .post-grid {
	background: var(--light-gray);
	padding-top: 40px;
	padding-bottom: 60px;
}
@media (min-width: 1201px) and (max-height: 999px) {
	.blog-home .post-grid {
		padding-top: 30px;
	}
}
.blog-home .post-grid-titles {
	padding-top: 10px;
	padding-bottom: 10px;
}
.blog-home .post-grid-title {
	font-weight: 600;
	color: var(--black);
}
/* .blog-home .grid-titles-right {

} */
@media (min-width: 769px) {
	.blog-home .grid-titles-right {
		text-align: right;
	}
}
.blog-home .post-grid-inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin-left: -10px;
	margin-right: -10px;
}
.blog-home .grid-post {
	flex: 0 0 100%;
	padding: 15px 10px;
}
@media (min-width: 769px) {
	.blog-home .grid-post {
		flex: 0 0 50%;
	}
}
@media (min-width: 1025px) {
	.blog-home .grid-post {
		flex: 0 0 33%;
	}
}
.blog-home .grid-post-inner {
	height: 100%;
}
.blog-home .grid-post-content {
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	justify-content: center;
	border-radius: 4px 4px 0 0;
	border-top: 5px solid var(--blue);
	background: var(--white);
	padding: 25px 25px 30px;
	box-shadow: 0px 20px 20px rgba(0, 0, 0, .05);
	transition: transform .15s linear;
}
.blog-home .grid-post-content:hover {
	transform: translateY(-4px);
}
.blog-home .grid-post-inner h4 {
	font-weight: 600;
	padding-bottom: 16px;
}
.blog-home .grid-post-inner p {
	margin-bottom: 20px;
}
.blog-home .grid-post-inner .post-thumb {
	position: relative;
	height: 160px;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-color: #666;
	margin-top: auto;
}
.blog-home .grid-post-inner .post-thumb.default::after,
.blog-home .grid-post.img-overlay .post-thumb.dynamic::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(180.07deg, rgba(49, 121, 255, 0.6) 22.76%, rgba(49, 121, 255, 0.38) 99.94%);
}
/****************
blog landing grid
****************/
/* NOTE: HKW_Allie 1/3/24 post grid format updates */
/* .blog-home .post-grid {
	background: var(--light-gray);
	padding-top: 40px;
	padding-bottom: 60px;
}
@media (min-width: 1201px) and (max-height: 999px) {
	.blog-home .post-grid {
		padding-top: 30px;
	}
}
.blog-home .post-grid-titles {
	padding-top: 10px;
	padding-bottom: 10px;
}
.blog-home .post-grid-title {
	font-weight: 600;
	color: var(--black);
} */
/* .blog-home .grid-titles-right {

} */
/* @media (min-width: 769px) {
	.blog-home .grid-titles-right {
		text-align: right;
	}
}
.blog-home .post-grid-inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin-left: -10px;
	margin-right: -10px;
}
.blog-home .grid-post {
	flex: 0 0 100%;
	padding: 15px 10px;
}
@media (min-width: 769px) {
	.blog-home .grid-post {
		flex: 0 0 50%;
	}
}
@media (min-width: 1025px) {
	.blog-home .grid-post {
		flex: 0 0 33%;
	}
}
.blog-home .grid-post-inner {
	height: 100%;
} */
/* UNCOMMENT ME WHEN THEY FINALLY ARE READY TO PUSH UP NEW THUMBNAILS
.blog-home .grid-post-content {
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	border-radius: 4px;
	overflow: hidden;
	border-bottom: 5px solid var(--blue);
	background: var(--white);
	box-shadow: 0px 20px 20px rgba(0, 0, 0, .05);
	transition: transform .15s linear;
}

.blog-home .grid-post-content .post-text-content {
	padding: 25px 25px 30px;
}

.blog-home .grid-post-content:hover {
	transform: translateY(-4px);
}
.blog-home .grid-post-inner h4 {
	font-weight: 600;
	padding-bottom: 16px;
}
.blog-home .grid-post-inner p {
	margin-bottom: 20px;
} 
END UNCOMMENT*/



/* HKW_Allie 1/3/24 --> I commented out the .post-thumb class in the post-grid.php file
so that I can just use an image for the post in the grid such that it formats more cleanly
on different screen sizes. I'm not sure what the .default and .dynamic class types are doing,
so I am keeping them in the comments in the event we need to add them back in in the future */
/* .blog-home .grid-post-inner .post-thumb {
	position: relative;
	height: 160px;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-color: #666;
	margin-top: 0;
}
.blog-home .grid-post-inner .post-thumb.default::after,
.blog-home .grid-post.img-overlay .post-thumb.dynamic::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(180.07deg, rgba(49, 121, 255, 0.6) 22.76%, rgba(49, 121, 255, 0.38) 99.94%);
} */

/* DELETE ALL THIS WHEN THEY FINALLY LET US PUSH THIS UPDATE
.blog-home .grid-post-content {
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	justify-content: center;
	border-radius: 4px 4px 0 0;
	border-top: 5px solid var(--blue);
	background: var(--white);
	padding: 25px 25px 30px;
	box-shadow: 0px 20px 20px rgba(0, 0, 0, .05);
	transition: transform .15s linear;
}
.blog-home .grid-post-content:hover {
	transform: translateY(-4px);
}
.blog-home .grid-post-inner h4 {
	font-weight: 600;
	padding-bottom: 16px;
}
.blog-home .grid-post-inner p {
	margin-bottom: 20px;
}
.blog-home .grid-post-inner .post-thumb {
	position: relative;
	height: 160px;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-color: #666;
	margin-top: auto;
}
END DELETE */

/**********************
blog landing pagination
**********************/
.blog-home .pagination {
	margin-bottom: 20px;
	margin-top: 50px;
	text-align: center;
}
.blog-home .pagination ul li {
	display: inline-block;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}
.blog-home .pagination ul li a {
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 12px 10px;
	color: var(--black);
	font-size: 16px;
	font-weight: 700;
}
.blog-home .pagination ul li.active {
	background: var(--blue);
}
.blog-home .pagination ul li:not(.active) a:hover {
	background: var(--white);
}
.blog-home .pagination ul li.active a {
	color: var(--white);
}
.blog-home .pagination-arrow {
	display: block;
	height: 50px;
}
.blog-home .pagination ul li .pagination-arrow a {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	color: transparent;
	padding: 0;
	overflow: hidden;
}

.blog-home .pagination ul li .pagination-arrow a:hover {
	background: transparent;
}
.blog-home .pagination ul li .pagination-arrow a::after {
	content: '';
	position: absolute;
	display: block;
	top: 20px;
	left: 10px;
	width: 8px;
	height: 8px;
	border-top: 2px solid var(--teal);
	border-left: 2px solid var(--teal);
	transform: rotate(135deg);
}
.blog-home .pagination ul li .pagination-arrow.prev a::after {
	transform: rotate(-46deg);
}

/***************
blog single hero
***************/
.single-post .single-hero {
	position: relative;
	padding-top: 60px;
	padding-bottom: 160px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 1;
}
.single-post .single-hero::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #3179FF 0%, rgba(49, 121, 255, 0.57) 100%);
	z-index: 0;
}
.single-post .single-hero .container {
	position: relative;
	z-index: 1;
	color: var(--white);
}
.single-post .single-hero h1,
.single-post .single-hero .meta,
.single-post .single-hero .back {
	color: var(--white);
	margin-bottom: 10px;
}
.single-post .single-hero .meta:not(:last-child)::after {
	color: var(--white);
}
.single-post .single-hero .back {
	font-size: 16px;
	line-height: 24px;
	padding-left: 30px;
	background-image: url('../svg/back-arrow.svg');
	background-size: 17px auto;
	background-position: 3px center;
	background-repeat: no-repeat;
	transition: background-position .15s linear;
}
.single-post .single-hero .back:hover {
	background-position: 0px center;
}
.single-post .single-hero .post-meta {
	padding-bottom: 0;
	margin-bottom: 0;
}
@media (min-width: 769px) {
	.single-post .single-hero .post-meta {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
}
.single-post .single-hero .post-meta-right {
	order: -1;
	margin-bottom: 20px;
}
@media (min-width: 769px) {
	.single-post .single-hero .post-meta-right {
		text-align: right;
		order: 2;
		margin-bottom: 0;
	}
}

/******************
Single Posts
******************/

.single #main-content .container:before {
	display: none;
}

.single .hbspt-form .hs_submit {
	top: 28px;
}

/******************
Single Case Study Posts
******************/

.single-news .single-post #right-area .sidebar-box {
	background-color: var(--light-gray);
}

.single-news .single-post #right-area .sidebar-box::after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #3179FF 0%, rgba(49, 121, 255, 0.57) 100%);
    z-index: 0;
}

/******************
blog single layout
******************/
.single-post .post-container {
	position: relative;
	z-index: 2;
	padding-bottom: 80px;
}
.single-post #content-area {
	background: var(--white);
	box-shadow: 0px 4px 20px rgba(0, 0, 0, .1);
	margin-top: -120px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
@media (min-width: 769px) {
	.single-post #content-area {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: stretch;
	}
}
.single-post #left-area,
.single-post #right-area {
	flex: 0 0 100%;
}
@media (min-width: 769px) {
	.single-post #left-area {
		flex: 0 0 67%;
	}
	.single-post #right-area {
		flex: 0 0 33%;
	}
}

/******************
blog single content
******************/
.single-post #left-area {
	padding: 40px 20px;
}
@media (min-width: 769px) {
	.single-post #left-area {
		padding: 40px;
	}
}
.single-post .single-post-wrapper .entry-content .et_pb_section,
.single-post .single-post-wrapper .entry-content .et_pb_row {
	padding: 0;
}
.single-post .share-post {
	padding-bottom: 40px;
	border-bottom: 2px solid var(--teal);
	margin-bottom: 30px;
	margin-top: 40px;
}
@media (min-width: 769px) {
	.single-post .share-post h4,
	.single-post .share-post .share-buttons {
		display: inline-block;
		vertical-align: middle;
	}
}
.single-post .share-post h4 {
	color: var(--black);
	font-weight: 600;
	padding-bottom: 0;
	margin-bottom: 20px;
}
@media (min-width: 769px) {
	.single-post .share-post h4 {
		margin-right: 20px;
		margin-bottom: 0;
	}
}
.single-post .share-post .share-buttons a {
	padding: 0;
	margin: 0 5px;
	width: 38px;
	height: 38px;
}
.single-post .share-post .share-buttons a span {
	border-radius: 0;
	width: 38px !important;
	height: 38px !important;
	line-height: 38px !important;
	padding: 7px;
}
.single-post .share-post .share-buttons a[title="LinkedIn"] span {
	background-color: var(--dark-teal) !important;
}
.single-post .share-post .share-buttons a[title="Facebook"] span {
	background-color: var(--blue) !important;
}
.single-post .share-post .share-buttons a[title="Twitter"] span {
	background-color: var(--teal) !important;
}
.single-post #comment-wrap {
	padding-top: 0;
}
.single-post #comment-wrap #reply-title {
	font-size: 18px;
}
.single-post #comment-wrap h1#comments {
	font-size: 20px;
	line-height: 30px;
	color: var(--black);
}
.single-post #comment-wrap #commentform input[type="text"],
.single-post #comment-wrap #commentform input[type="email"],
.single-post #comment-wrap #commentform textarea {
	background: #fff;
	color: var(--black);
	border: 2px solid var(--lighter-teal);
	padding: 12px 22px;
}
.single-post #comment-wrap .form-submit {
	text-align: left;
}
.single-post #comment-wrap input[type="submit"] {
	background: var(--blue);
	color: var(--white);
	border: 2px solid var(--blue);
	font-weight: 600;
	padding: 4px 16px;
	display: inline-block;
	text-transform: uppercase;
	transition: color .15s linear, background .15s linear;
	font-size: 14px;
	border-radius: 0;
}
.single-post #comment-wrap input[type="submit"]:hover {
	background: var(--white);
	color: var(--blue) !important;
}
.single-post .comment-form input[type="text"],
.single-post .comment-form input[type="email"] {
	width: 100% !important;
}
.single-post .comment-form {
	display: flex;
	flex-flow: row wrap;
}
.single-post .comment-form .comment-notes {
	flex: 0 0 100%;
	max-width: 100%;
	order: 1;
}
.single-post .comment-form .comment-form-author {
	flex: 0 0 50%;
	max-width: 50%;
	order: 2;
	padding-right: 10px;
}
.single-post .comment-form .comment-form-email {
	flex: 0 0 50%;
	max-width: 50%;
	order: 3;
	padding-left: 10px;
}
.single-post .comment-form .comment-form-url {
	flex: 0 0 100%;
	max-width: 100%;
	order: 4;
}
.single-post .comment-form .comment-form-comment {
	flex: 0 0 100%;
	max-width: 100%;
	order: 5;
}
.single-post .comment-form .comment-form-cookies-consent {
	/*hiding to match design*/
	display: none;
	flex: 0 0 100%;
	max-width: 100%;
	order: 6;
	position: relative;
	padding-left: 30px;
}
.single-post .comment-form .comment-form-disclaimer {
	flex: 0 0 100%;
	max-width: 100%;
	order: 6;
	font-size: 12px;
	line-height: 18px;
	color: var(--black);
}
.single-post .comment-form .comment-form-communication-consent {
	flex: 0 0 100%;
	max-width: 100%;
	order: 7;
	position: relative;
	padding-left: 30px;
}
.single-post .comment-form .form-submit {
	flex: 0 0 100%;
	max-width: 100%;
	order: 8;
}
.single-post .comment-form .wantispam-required-fields {
	flex: 0 0 100%;
	max-width: 100%;
	order: 9;
}
.single-post .comment-form .comment-form-disclaimer a {
	color: var(--black);
	font-weight: 700;
}
.single-post .comment-form .comment-form-cookies-consent input,
.single-post .comment-form .comment-form-communication-consent input {
	position: absolute;
	left: 0;
	top: 8px;
	opacity: 0;
}
.single-post .comment-form .comment-form-cookies-consent label,
.single-post .comment-form .comment-form-communication-consent label {
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	margin-top: 4px;
	margin-left: 4px;
}
.single-post .comment-form .comment-form-cookies-consent label::before,
.single-post .comment-form .comment-form-communication-consent label::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 20px;
	height: 20px;
	background: var(--white);
	border: 2px solid var(--light-teal);
}
.single-post .comment-form .comment-form-cookies-consent input:checked + label::after,
.single-post .comment-form .comment-form-communication-consent input:checked + label::after {
	content: '';
	position: absolute;
	left: 9px;
	top: 11px;
	color: var(--blue);
	width: 5px;
	height: 11px;
	border-right: 2px solid var(--blue);
	border-bottom: 2px solid var(--blue);
	transform: rotate(45deg);
}
@media (min-width: 1025px) {
	.single-post .comment-form .comment-form-disclaimer,
	.single-post .comment-form .comment-form-communication-consent,
	.single-post .comment-form .form-submit,
	.single-post .comment-form .wantispam-required-fields {
		margin-left: 20px;
		margin-right: 20px;
		max-width: calc(100% - 40px);
	}
}


/*********************
blog single typography
*********************/
.single-post .entry-content p,
.single-post .entry-content ul,
.single-post .entry-content ol,
.single-post .entry-content blockquote {
	color: var(--dark-gray);
}
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
	color: var(--black);
}
.single-post .entry-content p {
	padding-bottom: 20px;
}
.single-post .entry-content h1 {
	padding-bottom: 20px;
	font-weight: 700;
	font-size: 30px;
	line-height: 30px;
}
.single-post .entry-content h2 {
	padding-bottom: 20px;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
}
.single-post .entry-content h3 {
	padding-bottom: 20px;
	font-weight: 700;
	font-size: 21px;
	line-height: 28px;
}
.single-post .entry-content h4 {
	padding-bottom: 20px;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
}
.single-post .entry-content h5 {
	padding-bottom: 20px;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
}
.single-post .entry-content h6 {
	padding-bottom: 20px;
	margin-bottom: 0;
	color: var(--black);
	text-transform: none;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
}
@media (min-width: 769px) {
	.single-post .entry-content h1 {
		font-size: 60px;
		line-height: 60px;
	}
	.single-post .entry-content h2 {
		font-size: 30px;
		line-height: 30px;
	}
	.single-post .entry-content h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.single-post .entry-content h4 {
		font-size: 21px;
		line-height: 28px;
	}
	.single-post .entry-content h5 {
		font-size: 21px;
		line-height: 28px;
	}
	.single-post .entry-content h6 {
		font-size: 18px;
		line-height: 24px;
	}
}
@media (min-width: 1025px) {
	.single-post .entry-content h1 {
		font-size: 72px;
		line-height: 72px;
	}
	.single-post .entry-content h2 {
		font-size: 48px;
		line-height: 48px;
	}
	.single-post .entry-content h3 {
		font-size: 30px;
		line-height: 30px;
	}
	.single-post .entry-content h4 {
		font-size: 24px;
		line-height: 24px;
	}
	.single-post .entry-content h5 {
		font-size: 21px;
		line-height: 28px;
	}
	.single-post .entry-content h6 {
		font-size: 18px;
		line-height: 24px;
	}
}
.single-post .entry-content ol li {
	position: relative;
	padding-left: 45px !important;
	list-style: none;
	color: var(--black);
	font-size: 16px;
	font-weight: 400;
	counter-increment: item;
}
.single-post .entry-content ol li:not(:last-child) {
	margin-bottom: 15px;
}
.single-post .entry-content ol li::before {
	content: "" counter(item) "";
	position: absolute;
	display: inline-block;
	height: 25px;
	width: 25px;
	left: 0;
	top: 1px;
	line-height: 25px;
	background: var(--blue);
	border-radius: 50%;
	text-align: center;
	color: var(--white);
	font-weight: 600;
}
.single-post .entry-content ul {
	padding-left: 0 !important;
}
.single-post .entry-content ul li {
	position: relative;
	color: var(--black);
	font-size: 16px;
	font-weight: 400;
	padding-left: 20px;
	list-style: none;
}
.single-post .entry-content ul li:not(:last-child) {
	margin-bottom: 15px;
}
.single-post .entry-content ul li::before {
	content: "\2022 ";
	position: absolute;
	left: 0;
	top: -3px;
	font-size: 28px;
	color: var(--dark-teal);
}
.single-post .entry-content blockquote,
.single-post .entry-content blockquote p {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
}
@media (min-width: 1025px) {
	.single-post .entry-content blockquote,
	.single-post .entry-content blockquote p {
		font-size: 20px;
		line-height: 30px;
	}
}
.single-post .entry-content blockquote {
	border-color: var(--dark-teal);
	padding: 20px 0 20px 20px;
}
@media (min-width: 1025px) {
	.single-post .entry-content blockquote {
		padding: 20px 0 20px 36px;
	}
}
.single-post .entry-content blockquote p {
	padding-bottom: 0;
}

/******************
blog single sidebar
******************/
.single-post #right-area {
	background: var(--light-gray);
	padding: 40px 20px;
}
@media (min-width: 769px) {
	.single-post #right-area {
		padding: 40px 35px;
	}
}
.single-post #right-area .sidebar-block:not(:last-child) {
	margin-bottom: 40px;
}
@media (min-width: 769px) {
	.single-post #right-area .sidebar-block:not(:last-child) {
		margin-bottom: 60px;
	}
}
.single-post #right-area .sidebar-box {
	position: relative;
	/* HKW_Allie 12/6/23
	Commenting out because we changed the background to a color rather than an image  */
	/* background-image: url('../img/single-post-sidebar-box-bg.png'); */
	background-size: cover;
	background-position: center bottom;
	background-color: var(--blue);
	padding: 40px 20px;
	/* Adding in text and button formatting */
	.sidebar-box-text {
		color: #D4D8E0;
	}
	.buttons-container {
		display: flex;
		flex-direction: column;
		gap: 21px;
		margin-top: 21px;
	}
	.button-class {
		border: 1.358px solid;
		color: white;
		padding: 12px 20px;
		text-transform: uppercase;
		font-weight: 600;
		width: fit-content;
		font-size: 14px;
		&.blue {
			background-color: #004BD8;
			border-color: transparent;
			&:hover {
				background-color: #0039A3;
				border-color: #0039A3;
				color: #FFFFFF;
			}
		}
		&.transparent {
			background-color: transparent;
			border-color: white;
			&:hover {
				background-color: #FFFFFF;
				border-color: #FFFFFF;
				color: #0F2652;				;
			}
		}
	}
}
.single-post #right-area .sidebar-box-inner {
	position: relative;
	z-index: 1;
}
/* HKW_Allie 12/6/23
Commenting out because we changed the background to a color rather than an image  */
/* .single-post #right-area .sidebar-box::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(180.07deg, #3179FF 22.76%, rgba(49, 121, 255, 0.57) 99.94%);
	z-index: 0;
} */
.single-post #right-area .sidebar-box h5,
.single-post #right-area .sidebar-box p,
.single-post #right-area .sidebar-box a.btn {
	color: var(--white);
}
.single-post #right-area .sidebar-box a.btn {
	background: transparent;
	border-color: var(--white);
}
.single-post #right-area .sidebar-box a.btn:hover {
	background: var(--white);
	color: var(--blue);
}
.single-post #right-area .sidebar-block h4 {
	font-weight: 600;
}
.single-post #right-area .sidebar-topics a {
	display: inline-block;
	color: var(--black);
	font-size: 16px;
	line-height: 30px;
	transition: color .15s linear;
}
.single-post #right-area .sidebar-topics a:not(:last-child)::after {
	content: ',';
}
.single-post #right-area .sidebar-topics a:hover {
	color: var(--dark-teal);
}

/************************
blog single related posts
************************/
.single-post .related-posts {
	background: var(--lighter-teal);
	padding: 80px 0 90px
}
.single-post .related-posts h2 {
	margin-bottom: 20px;
}

/*******************
case studies landing
*******************/
/*@media (min-width: 769px) {
	.blog-home .case-studies-filter .hs-form {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
	}
}*/



/******************
case studies single
******************/
.single-post .single-case-studies-wrapper .share-post {
	border-bottom: none;
	margin-bottom: 0;
}
.single-post .single-case-studies-wrapper #comment-wrap {
	padding-top: 40px;
	border-top: 2px solid var(--teal);
}

@media (max-width: 980px) {
	#page-container {
		position:  relative;
	}
}