/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/* call to action button animations */
.cta-primary {
	border: 5px solid #04C0DF;
	transition:.4s all ease-in-out;
}

.cta-secondary{
	border: 5px solid #04C0DF;
	transition:.4s all ease-in-out;
}

.cta-primary:before,.cta-primary:after,.cta-secondary:before,.cta-secondary:after{
	content:'';
	position:absolute;
	width:0%;
	height:100%;
	top:0;
	background:#fff;
	transition:.4s all ease-in-out;
	z-index:-1;
}

header .cta-primary:before, header .cta-primary:after {
	background: #D4D7DC;
}

.cta-primary.primaryGrey:before, .cta-primary.primaryGrey:after {
	background: rgba(238, 239, 241, 1);
}

.buttonBackground .cta-primary:before,.buttonBackground .cta-primary:after {
	background: #F5F5F5;
}

.cta-secondary:before, .cta-secondary:after {
	background: #003C4A;
}

.hhs-footer-mod .cta-secondary:before, .hhs-footer-mod .cta-secondary:after {
	background: #06262D;
}

.cta-primary:before,.cta-secondary:before{
	left:0;
}

.cta-primary:after,.cta-secondary:after{
	right:0;
}

.cta-primary:hover{
	color:#FF3030;
	font-weight:bold;
	border: 5px solid #04C0DF;
}

.cta-secondary:hover{
	color:#04C0DF;
	font-weight:bold;
	border: 5px solid #04C0DF;
}



.cta-primary:hover:after,.cta-primary:hover:before,.cta-secondary:hover:after,.cta-secondary:hover:before{
	width:50%;
}

/* drop shadows */
.dropShadow img {
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,.25));
}

.calloutVersaCards .filter-card .c-card {
	border: 5px solid #FBAE43 !important;
}

.calloutVersaCards h3 {
	text-transform: none !important;
}

.calloutFlipCards .tile .front, .calloutFlipCards .tile .back {
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.25));
	border: 5px solid #FBAE43 !important;
	border-radius: 20px !important;
	overflow: hidden;
}

/* h2 line across centered */
h2.sectionTitle, h2.sectionTitleGrey {
	text-align: center;
	position: relative;
	z-index: 1;
}

.sectionTitle span {
	background: #fff;
	padding: 0 15px;
}

.sectionTitleGrey span {
	background: #eeeff1;
	padding: 0 15px;
}

.sectionTitle::before, .sectionTitleGrey::before {
	border-top: 3px solid #003C4A;
	content: "";
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 95%;
	z-index: -1;
}

/* h2 line across left aligned */
h2.sectionTitleLeft {
	text-align: left;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: row-reverse;
}

.sectionTitleLeft span {
	/* 	background: #fff; */
	padding: 0 15px;
}

.sectionTitleLeft::before {
	border-top: 3px solid #003C4A;
	content: "";
	margin: 0 auto;
	position: relative;
	/* 	top: 50%; */
	/* 	left: 0; */
	/* 	right: 0; */
	/* 	bottom: 0; */
	align-self: center;
	width: 60%;
	z-index: -1;
}

/* Top orange bar on Quote */
.dnd_area-row-5-background-image, .dnd_area-row-4-background-image, .dnd_area-row-6-background-image {
	border-top: 20px solid #FBAE43;
}


/* Tabbed cards on homepage */
.hhs-panel-wrapper {
	border-radius: 20px;
}

.panel.is-active {
	align-items: center;
	border-radius: 20px; 
	overflow: hidden;
}

.panel.is-active .row {
	align-items: center !important;
}

.hhs-tab-wrapper li {
	border-left: none !important;
	margin: 0 10px !important;
}

.hhs-tab-wrapper button {
	border-top: 3px solid #FBAE43 !important;
}

.hhs-tab-wrapper button.is-active {
	border-top: 3px solid rgba(224, 0, 122, 1.0) !important;
}

/* hero aligning overlapping images */
.hero .c-align-bottom {
	align-content: baseline !important;
}

.hero .row > .c-2 {
	align-self: flex-end !important;
}

/* Quote Block on smaller screens */
@media only screen and (max-width: 991px) {
	.quoteBlock .c-col.c-1{
		order: 3 !important;
	}

	.quoteBlock .c-col.c-2 {
		order: 2 !important;
	}

	.quoteBlock .c-col.c-3 {
		order: 1 !important;
	}
}

/* Charity Logos */
.hhs-logo-mod.show-mobile.show-tablet.show-desktop.charityLogos {
	border-radius: 20px;
	overflow: hidden;
	border: 6px solid #FBAE43;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25) !important; 
}


/* Call-to Action Desktop treatment */
@media only screen and (min-width: 1200px) {
	#CTA .s-overlay {
		opacity: 0;
	}
}

/* FAQ Accordion */
.FAQaccordion h4 {
	text-transform: none;
}


/* Child Heros */
.childHero img {
	/* 	max-width: 200px !important; */
	max-height: 350px !important;
	transition: all 2s ease-in-out;
	/* 	margin: 0 !important; */
}

.childHero:hover img {
	transform: rotateY(45deg);
	filter: drop-shadow(0 10px 10px rgba(0,0,0,0.75));
}


/* Insights cards */

.insightsCards .hhs-blog-post-card {
	border-radius: 20px;
	overflow: hidden;
	border: 6px solid #FBAE43;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25) !important;
}

.insightsCards .hhs-post-meta {
	display: none;
}

.insightsCards h4 {
	margin-bottom: 15px !important;
	text-transform: none !important;
}


/* Safari-specific styling for quote padding*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari only override */
	::i-block-chrome, #hs_cos_wrapper_widget_1718307557211 .clean-base
	padding-top: 120px !important;
}


/* job board iframe */
#hs_cos_wrapper_widget_1720031834651_ iframe {
	width: 100% !important;
	margin-top: 30px !important;
	height: 80vh !important;
	border: 6px solid #FAAD40 !important;
}

/* related insights */

.relatedInsights p {
	margin-bottom: 0;
}

.relatedInsights .hhs-post-feat-img.lazy-background.visible {
	border-radius: 20px 20px 0 0;
}

.relatedInsights .hhs-post-content {
	padding: 30px 10px !important;
}


/* Team Profile Cards */

.teamCards h4 {
	border-top: 4px solid #FAAD40;
	padding-top: 10px;
	width: 80%;
}




/* Blog Customization */

.heroHeader {
	height: 400px;
	margin-bottom: 60px;
	background-image: url('https://staging.tential.com/hubfs/Case%20Study_Hero.jpg');
	background-size: cover;
	background-position: right;
}

.NP--containingBlock {
	background: #06262D;
}

.NP--containingBlock p {
	color: white;
}


.heroHeaderTitle {
	position: relative;
	top: 60%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 30px;
}
.NP-blog-post__title {
	color: #FBAE43 !important;
}


.NP-flexBody {
	display: flex;
	flex-direction: row;
}

@media screen and (max-width: 975px) {
	.NP-flexBody {
		flex-wrap: wrap-reverse;
	}

	.informationSidebar {
		flex-basis: 90% !important;
		padding-left: 0 !important;
		margin: 0 auto;
		margin-bottom: 60px;
	}
}

.informationSidebar {
	padding-left: 60px;
	flex-basis: 40%;
	height: auto;
}

.informationSidebar h2, .informationSidebar h4, .informationSidebar p, .informationSidebar li {
	color: #fff !important;
}

/* Gives sidebard content background styling */
.sidebarContainer {
	background: #003B4A;
	border-radius: 20px;
	padding: 30px;
}

/* Make sidebar sticky in column */
.informationSidebarSticky {
	position: sticky;
	position: -webkit-sticky;
	top: 120px;
}

.postBody {
	flex-basis: 1200px;
}


/* Related Posts in Blogs */

.csRelatedPosts h4 {
	text-transform: none;
	font-size: 28px;
	line-height: 1.1em;
}


.csRelatedPosts .blog-index__post-content--small {
	min-height: 150px;
}

.csRelatedPosts .hhs-blog-card-inner {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.csRelatedPosts .blog-index__post-button {
	background: #04C0DF;
	padding: 10px 30px;
	left: 20px !important;
	right: inherit !important;
}

.csRelatedPosts .container {
	border-bottom: 1px solid #003C4A;
	padding-bottom: 90px;
}


.blogRelatedPosts h4 {
	text-transform: none;
	font-size: 28px;
	line-height: 1.1em;
}


.blogRelatedPosts .blog-index__post-content--small {
	min-height: 150px;
}

.blogRelatedPosts .hhs-blog-card-inner {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.blogRelatedPosts .blog-index__post-button {
	background: #04C0DF;
	padding: 10px 30px;
	left: 20px !important;
	right: inherit !important;
}

.blogRelatedPosts .container {
	border-bottom: 1px solid #003C4A;
	padding-bottom: 90px;
}

/* Regular Blog Styling */

.post-header .blog-header__inner {
	align-items: center;
}



/* Case Study Cards Feed */

.caseStudyCards h4 {
	text-transform: none !important;
	font-size: 26px;
	line-height: 1.1em;
}

.caseStudyCards .hhs-blog-post-card {
	border-radius: 20px;
	overflow: hidden;
}


/* Text in Columns */

.textColumns .c-card {
	padding: 20px 0 !important;
	border-top: 6px solid #63A644;
}

/* Additional Services */

.additionalServices h5:after {
	width: 12px;
	height: 12px;
	position: absolute;
	right: 20px;
	content: " ";
	top: 20px;
	transform: rotate(-45deg);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-right: 1px solid rgba(0, 60, 74, 1);
	border-bottom: 1px solid rgba(0, 60, 74, 1);
}

.additionalServices .container-fluid {
	padding: 0 !important;
}

.additionalServices .filter-card {
	padding-left: 0 !important;
	padding-right: !important;
	border-bottom: 1px solid grey;
}

.additionalServices .filter-card:hover {
	background: #f5f5f5 !important;
}

.additionalServices .c-card {
	background: rgba(255,255,255,0) !important;
}


/* Footer on Mobile */

@media only screen and (max-width: 569px) {
	
	footer .tntFooter .hhs-foot-nav-cols {
		text-align: center;
	}
}

/* Nav search and hamburger */
.hhs-nav-grid__extras {
	align-items: center;
}

/* Homepage testimonials */

.homepageTestimonials .c-quote-icon-1, .homepageTestimonials .c-quote-icon-2, .homepageTestimonials .c-quote-icon-3, .homepageTestimonials .c-quote-icon-4 {
	position: absolute !important;
	top: 0px !important;
}

/* Homepage Brand Anthem */

#hs_cos_wrapper_widget_1724180658237 .iframe_wrapper {
	padding: 30px !important;
}


/* Contact Form */

.contactForm {
	z-index: 999 !important;
}


 @media screen and (max-width: 767px){
  #CybotCookiebotDialog{
      transform: translate(-50%, 10%) !important;
      max-height: 45% !important;
  }
 }