@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

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

/* 
*  CSS TABLE OF CONTENTS
*   
*  1.0 - General Styles / Normalizing
*  2.0 - Global Elements
*     2.1 - ACT Global Navigation
*     2.2 - ACT Global Footer
*     2.3 - Back to Top
*     2.4 - Cookies Banner
*  3.0 - Blog Listing Page
*     3.1 - Filters Widget
*     3.2 - Form Widget
*     3.3 - Calendar Widget
*  4.0 - Blog Listing by Tag Page 
*  5.0 - Blog Post Page
*     5.1 - Related Posts
*     5.2 - Single Letter Module
*  6.0 - Media Queries
*     6.1 - Extra small devices (phones, less than 480px
*     6.2 - Small devices (tablets, 768px and below)
*     6.3 - Medium devices (tablets and small laptops 991px and below)
*     6.4 - Large devices (large laptops and desktops, 1199px and below)
*/

/*****************************************/
/* General Styles / Normalizing          */
/*****************************************/

body, h1, h2, h3, h4, p, span, a, div, input {
	font-family: 'Montserrat', sans-serif!important;
}

/*****************************************/
/* Global Elements                       */
/*****************************************/

/* ACT Global Navigation */

li.menu__item.menu__item--depth-1.menu__item--has-submenu.hs-skip-lang-url-rewrite {
	margin-right: 105px;
}

div.focus_module_website_h {
	border-color: #EEE;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.125);
}

div.mwh_layout2.focus_module_website_h {
	padding: 0;
}

div.mwh_col {
	gap: 50px;
}

.menu--desktop .menu__link {
	padding: 1em 1.5em;
}

.focus_header_menu .menu__item--depth-1 > .menu-item-container:hover a, 
.focus_header_menu > .menu__item--depth-1 .menu-item-container:hover span{
	background-color: #f2f4f7;
	border-bottom: 2px solid #13739b;
	margin-bottom: -2px;
}

.focus_header_menu .menu__submenu .menu-item-container:hover {
	border-bottom: 2px solid #13739b;
}

.menu__item--has-submenu .menu-item-container {
	padding-right: 0;
}

a.menu__link.menu__link--toggle {
	margin-right: -20px;
	padding-right: 30px;
	font-weight: 600;
	word-spacing: 5px;
}

div.menu-item-container {
	margin-right: 0;
}

.menu__wrapper li {
	font-size: 14px;
	font-weight: 500;
}

.focus_header_menu {
	.menu__submenu {
		background: white;
		box-shadow: unset;
		border-radius: unset;
		min-width: max-content;

		.menu-item-container {
			border-bottom: 1px solid #eee;
			border-radius: unset;
			min-width: max-content;
		}
	}
}

.focus_header_menu ul.menu__submenu {
	box-shadow: unset;
	padding: 5px!important;

	div.menu-item-container a {
		border-radius: 0;
	}
}

div.menu-item-container {
	justify-content: flex-start!important;
}

.menu--mobile {
	a.menu__link.menu__link--toggle:hover,
	.menu__child-toggle:hover {
		color: #00bfb8;
		font-weight: 700;
		background-color: unset;
		border: unset;
	}

	a.menu__link.menu__link--toggle {
		background-color: unset!important;
		border-bottom: none!important;
	}

	ul.menu__submenu.menu__submenu--level-2.no-list {
		margin-left: 20px;
	}
}

/* End Global Nav */


/* ACT Global Footer */

.footer {
	.mwf_el_menu-title {
		color: #FFF;
	}

	.mwf_layout1.focus_module_website_f {
		padding: 50px 0 10px 0;
	}

	.mwf_el_menu .menu-item-container {
		margin-bottom: 0;

		.menu__link {
			color: #99b8de;

			&:hover {
				color: #FFF;
			}
		}
	}

	.focus_social_icons a {
		border: 2px solid #99b8de!important;
	}

	.msi_icon svg {
		fill: #99b8de!important;
	}
}

/* End Global Footer */


/* Back to Top */

button#goTop {
	background: #006894;
	border-radius: 3px;
	box-shadow: unset;

	&:hover svg {
		fill: #FFF;
	}

	svg,
	svg:hover {
		fill: #FFF; 
	}
}

/* End Back to Top */


/* Cookies Banner */

#hs-eu-cookie-confirmation {
	div#hs-eu-cookie-confirmation-inner {
		font-weight: 400;
		font-size: 15px;
		Montserrat, sans-serif!important;
	}

	div#hs-eu-opt-in-buttons {
		flex-direction: row-reverse;
	}

	#hs-eu-confirmation-button:hover {
		background: #4d8fac;
	}

	#hs-eu-decline-button {
		background: unset!important;
	}

	#hs-eu-decline-button:hover {
		font-weight: 600;
	}

	a {
		font-weight: 600;
		color: #00bfb8;

		&:hover {
			color: #f94868;
		}
	}

	button#hs-eu-confirmation-button {
		border-radius: 4px!important;
		font-weight: 600;
	}
}

/* End Cookies Banner */

/*****************************************/
/* Blog Listing Page                     */
/*****************************************/

.hs-blog-listing {
	.dnd_area_101-row-0-force-full-width-section > .row-fluid {
		max-width: 1240px!important;
	}

	.focus_grid-inner {
		width: 97%;
	}

	.dnd_area_101-row-0-force-full-width-section {
		margin-bottom: 50px;
	}

	div.focus_grid-blog_item_inner {
		flex-direction: row;
		gap: 25px;
	}

	h1 {
		font-weight: 900;
		font-size: 50px;
	}

	h2 {
		font-weight: 300;
		font-size: 50px;
	}

	.dnd_area_101-row-0-background-image {
		margin-bottom: 40px;
		border-bottom: 4px solid #00bfb8;
	}

	div.fc-listing-title-tags h2.focus_grid-title {
		font-size: 23px;
		font-weight: 600;
	}

	.fc-listing-title-tags {
		width: 70%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.focus_grid-image-wrapper {
		width: 30%;
	}

	img.focus_grid-image {
		box-shadow: 5px 5px 0 #f94868;
	}

	.fc-listing-tags-container {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
	}

	.focus_grid-title {
		order: unset;
	}

	.focus_grid-summary {
		order: unset;
		h2, h3, h4 {
			display: none;
		}
	}

	.focus_grid-tags {
		display: flex;
		flex-wrap: wrap;
	} 

	a.focus_grid-tag {
		background-color: #00bfb8;
		color: #FFF;
		font-weight: 600;
		margin-right: 6px;
		margin-top: 6px;
		padding: 0 7px;

		&:hover {
			background-color: #006894;
			color: #FFF;
			transition: .5s ease;
		}
	}

	.fc-listing-tags-container img {
		margin-right: 11px;
		margin-top: 5px;
		max-width: 30px;
	}

	h2.focus_grid-title a {
		color: #092d53;
	}

	h2.focus_grid-title a:hover {
		color: #00bfb8;
		transition: .5s ease-out;
	}
	#hs_cos_wrapper_widget_1744728875210_ h3,
	#hs_cos_wrapper_widget_1733862550888_ h3{ 
		font-weight: 400;
		color: #002d61;
		margin-bottom: 5px;
		font-size: 25px;
	} 
	/*** Filters Widget ***/

	.hs_cos_wrapper_type_post_filter {
		.widget-module {
			border-left: 4px solid #00bfb8;
			padding-left: 20px;
		}

		span.filter-link-count {
			display: none;
		}

		h3 {
			font-weight: 400;
		}

		ul {
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			list-style: none;
			padding-left: unset;
		}

		li {
			margin: 0 6px 5px 0;
		}

		a {
			background-color: #00bfb8;
			color: #FFF;
			font-size: 14px;
			font-weight: 600;
			padding: 5px 7px;
		}

		a:hover {
			background-color: #006894;
			color: #FFF;
			transition: .5s ease-out;
		}
	}

	/*** End Filters Widget ***/

	/*** Form Widget ***/
	hs_form_target_widget_1733852067001 .hs-button{
		background: #002d61 !important;
		box-shadow: unset !important;
		border-radius: 2px !important;
		color: #FFF !important;
		font-style: normal !important;
		padding: 3px 25px !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
	}
	#hs_cos_wrapper_widget_1744729976739_ h3,
	#hs_cos_wrapper_widget_1708984211312_ h3 {
		font-weight: 400;
		color: #002d61;
		margin-bottom: 5px;
		font-size: 25px;
	}

	form {
		padding: 0!important;
		margin-right: 30px;
	}

	.hs-form-field {
		margin-bottom: 10px!important;

		.inputs-list>li {
			margin: 0;
		}

		.hs_submit input {
			background: #293641;
			border: unset;
			border-radius: 3px;
			box-shadow: unset;
			text-transform: uppercase;
			color: #00bfb8;
			font-size: 15px;
			font-weight: 600;
			padding: 3px 25px;
		}
	}

	#hs_cos_wrapper_widget_1707502752733 input[type="submit"] {
		background: #002d61!important;
		box-shadow: unset!important;
		border-radius: 2px!important;
		color: #FFF!important;
		font-style: normal!important;
		padding: 3px 25px!important;
		font-size: 15px!important;
		font-weight: 600!important;
		text-transform: uppercase!important;
	}

	#hs_cos_wrapper_widget_1707502752733 input[type="submit"]:hover {
		background: #00bfb8!important;
		box-shadow: unset!important;
		border-radius: 2px!important;
		color: #293641!important;
		font-style: normal!important;
		padding: 3px 25px!important;
		font-size: 15px!important;
		font-weight: 600!important;
		text-transform: uppercase!important;
		transition: .5s ease-out;
	}

	/*** End Form Widget ***/

	/*** Calendar Widget ***/
	h3.fc-calendar-widget-header {
		text-align: center;
		color: #00bfb8;
		font-size: 20px;
		font-weight: 700;
		border-bottom: 4px solid #00bfb8;
		padding-bottom: 25px;
		margin-bottom: 0;
	}

	.focus_module_calendar {
		display: flex;
		align-items: flex-start;
		padding-right: 10px;
		max-width: 1300px;
		margin: 0 auto;

		.focus_module_calendar_item {
			align-items: flex-start;
			min-height: 245px;
			display: flex;
			position: relative;
			color: #00bfb8;
			margin: 0 25px 0 5px;
			padding: 0;

			&:after {
				display:none;
			}
		}

		.focus_grid-col {
			border-left: 4px solid #00bfb8;
			padding-right: 10px;
			margin-top: 40px;
		}

		.focus_grid-inner {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			max-width: 33%;
			margin: 0 20px;
		}

		.focus_module_calendar_date {
			font-weight: 600;
			text-transform: uppercase;
		}

		h3 {
			color: #00bfb8;
			font-weight: 300;
		}

		.fc-cta-container {
			position: absolute;
			bottom: -10px;
			right: 20px;
		}

		.fc-cta {
			display: flex;
			justify-content: flex-end;
		}

		a.fc-arrow-btn:hover,
		a.fc-arrow-btn:active,
		a.fc-arrow-btn:focus {
			color: #f94868;
			transition: .5s ease;
		}

		.fc-arrow-btn {
			padding-right: 10px;
		}

		.button {
			right: 20px;
			background: unset;
			box-shadow: unset;
			font-weight: 600;
		}
	}
}
/*** End Calendar Widget ***/

/*****************************************/
/* Blog Listing by Tag Page              */
/*****************************************/

.hs-blog-listing {
	.blog-header_tag_container {
		background: unset;
		padding: 0;
		text-align: left;
	}

	h2.focus_blog_tag-author_title.mmptt_big {
		font-size: 15px;
		margin-bottom: 0;
		color: #FFF;
		border-left: 4px solid #00bfb8;
		font-weight: 600;
		padding-left: 10px;
	}

	.focus_module_page_title_container {
		margin: 25px 0 0 3px;
	}  
}

/*****************************************/
/* Blog Post Page                     */
/*****************************************/

.hs-blog-post {
	p {
		margin-bottom: 1.5em;
	}

	.blog-post {
		margin: 0 auto 50px
	}

	h2 {
		color: #00bfb8;
		font-size: 25px;
	}

	.fc-return-to-listing {
		margin-left: 20px 
	}

	.fc-feature-wrapper {
		display: flex;
		gap: 30px;
		margin-left: 20px;
	}
}

.focus_blog_post-header_inner.content-wrapper {
	max-width: 1100px;
}

.fc-arrow-left {
	max-width: 20px;
}

.all-posts-link {
	display: flex;
	gap: 5px;
	margin-bottom: 20px;
	color: #1d315f;
	font-weight: 700;

	&:hover,
	&:focus,
	&:active {
		color: #f94868;
		transition: color .5s ease;
	}
}

img.focus_blog_post-featured_image {
	width: 45%;  
	max-width: 500px;
	object-fit: cover;
	box-shadow: 4px 4px #00bfb8;
	border-radius: 5px;
}

h1.focus_blog_post-title {
	font-weight: 400;
	font-size: 60px;
	font-weight: 500;
}

h1.focus_blog_post-title,
div.focus_grid-date_bar,
a.focus_grid-author-name {
	color: #00bfb8;
	text-align: left;
	justify-content: flex-start;
}

a.focus_grid-author-name:hover {
	color: #00bfb8;
	cursor: unset;
}

div.focus_grid-date_bar {
	margin-bottom: -5px;
	margin-top: 0;
	align-items: flex-start;
	display: flex;
	flex-direction: column-reverse;
	gap: unset;
}

div.focus_blog_post-header_container {
	margin-bottom: 30px;
}

div.focus_blog_post-header_inner {
	padding: 50px 0;
}

.blog-post__body {
	h2 {
		font-size: 25px !important;
		font-weight: 700 !important;
		color: #00bfb8 !important;
		margin-bottom: 10px;
	}

	h3 {
		font-size: 22px !important;
		font-weight: 600 !important;
		color: #f94868 !important;
		margin-bottom: 10px;
	}

	h4 {
		font-size: 20px !important;
		color: #002d61 !important;
		font-weight: 500 !important;
		margin-bottom: 10px;
	}

	a {
		color: #00bfb8;
		font-weight: 700;
	}

	a:active, 
		a:focus,
		a:hover {
			color: #f94868;
			transition: color .5s ease-out;
	}

	blockquote {
		font-size: 25px;
		font-weight: 300;
		color: #00bfb8;
		border-left: 4px solid #00bfb8;
		padding-left: 30px;
		margin-right: 100px;
	}
}

.fc-tags-social-container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.fc-tags-social-container img {
	max-width: 30px;
	margin-top: 5px;
	margin-right: 11px;
}

div.blog-post__tags {
	display: flex;
	flex-wrap: wrap;
	max-width: 520px;
	margin-right: 20px;
}

a.blog-post__tag-link {
	color: white;
	padding: 0 7px;
	margin-right: 6px;
	margin-top: 6px;
	background-color: #00bfb8;
	font-weight: 600;
}

a.blog-post__tag-link:hover,
a.blog-post__tag-link:active,
a.blog-post__tag-link:focus{
	color: white;
	background-color: #006894;
	transition: .5s ease-out;
}

div.blog-post__share {
	margin: 0 0 0 auto;
}

div.focus_social_icons {
	gap: 5px;
}

.focus_social_icons a {
	color: #f94868;
	text-decoration: none;
	padding: 5px 9px;
	border: 2px solid #f94868!important;
	border-radius: 3px;
}

div.focus_social_icons span svg {
	fill: #f94868;
}

span.fc-fbook {
	padding: 5px;
}

span.fc-lnkd {
	padding: 1px;
}

/* Related Posts Module */

.blog-post__related-posts {

	.content-wrapper {
		max-width: 1100px;
	}

	h2 {
		margin-bottom: 35px!important;
		position: relative;
		color: #00bfb8;
		font-weight: 400;
		text-transform: uppercase;
	}

	h3 {
		font-size: 20px;
		text-align: center;
		color: #00bfb8;
	}

	h4.focus_widget_post_item-title {
		margin: 0;
	}

	img {
		border-radius: 4px;
	}

	.focus_widget_post_item-title {
		color: #002d61;
		margin: 0;
		font-size: 22px;
		font-weight: 700;
	}

	p {
		margin: 10px auto;
		line-height: 1.5;
		color: #002d61;
	}

	.fc-date-read-more-container {
		display: flex;
		justify-content: space-between;
	}

	time {
		font-size: 15px;
		color: #002d61;
	}

	.fc-date-read-more-container {
		padding: 0 20px 0 0!important;
	}

	a.fc-read-more {
		white-space: nowrap;
		color: #002d61;
		font-weight: 800;

		&:hover {
			color: #FFF;
			transition: .5s ease;
		}
	}

	.fc-arrow-right {
		max-width: 15px;
		margin-left: 5px;
	}

	.focus_grid-inner article:nth-child(1) div {
		background: #f94868;
		padding: 10px;
		border-radius: 5px;
	}

	.focus_grid-inner article:nth-child(2) div {
		background: #fbe232;
		padding: 10px;
		border-radius: 5px;
	}

	.focus_grid-inner article:nth-child(3) div {
		background: #00bfb8;
		padding: 10px;
		border-radius: 5px;
	}
}

/* End Related Posts Module */

/* Single Letter Module */

.focus_module_single_letter_number_container {
	margin: 30px auto -30px auto;
}

div.focus_module_single_letter_number {
	font-size: 30px;
	font-weight: 700;
	line-height: 0em;
	position: relative;
	color: #002d61;
}

h2.focus_module_single_letter_number {
	font-size: 20px;
	display: block;
	margin: 10px auto;
}

/* End Single Letter Module */

/*****************************************/
/* Media Queries                         */
/*****************************************/

/* Extra small devices (phones, less than 480px) */
/* In scope through 320px */
@media (max-width: 480px) { 
	.hs-blog-listing {
		div.dnd_area_101-row-0-padding {
			padding: 15px!important;
		}

		#hero-content-module .fc-return-to-listing {
			margin-top: unset;
			padding-bottom: 15px;
		}

		h1.fc-hero-header  {
			font-size: 33px;
		}

		h2.fc-hero-subheader {
			font-size: 20px!important;
		}

		div.dnd_area_101-row-0-force-full-width-section {
			margin-bottom: 30px;
		}

		div.fc-listing-title-tags h2.focus_grid-title {
			font-size: 15px;
		}

		.focus_grid-tags {
			font-size: 10px;
		}

		.focus_module_calendar .focus_grid-inner {
			max-width: 100%!important;
		}
	}

	.hs-blog-post {
		.focus_blog_post-featured_image {
			width: 90%!important;
		}

		blockquote {
			margin-right: 30px;
		}

		.fc-feature-wrapper {
			flex-direction: column;
		}

		div.focus_blog_post-header_inner {
			padding: 0 0 15px 0;
		}
	}
}

/* Small devices (tablets, 768px and below) */
@media (max-width: 768px) { 
	.hs-blog-listing {

		.focus_grid-blog_item {
			margin-bottom: 40px;
		}

		div.focus_grid-blog_item_inner {
			flex-direction: column;
		}

		.focus_grid-image-wrapper,
		.fc-listing-title-tags {
			width: 100%;
		}

		h3.fc-calendar-widget-header {
			border-bottom: unset;
			text-align: left;
			padding-bottom: 0;
		}

		/* Events Module */

		.focus_module_calendar {
			padding-right: 0;

			.focus_grid-inner {
				flex-direction: column;
				max-width: 60%;
				margin: 0!important;
			}

			.focus_module_calendar_item  {
				margin: 0!important;
			}

			div.fc-cta-container {
				position: relative;
				bottom:0;
				left: 0;
				right: unset;
			}

			.focus_grid-col {
				border-top: 4px solid #00bfb8;
				border-left: 0;
				padding-right:0;
			}

			.fc-cta {
				justify-content: flex-start!important;
			}

			a.fc-arrow-btn {
				padding-left: 0;
			}
		} 
	}


	.hs-blog-post {
		h1.focus_blog_post-title {
			font-size: 30px;
		}

		.focus_blog_post-featured_image {
			margin-right: 45px;
		}

		h3.fc-calendar-widget-header {
			text-align: left;
			border-bottom: none;
		}

		nav.menu--mobile .menu-item-container {
			justify-content: flex-start;
		}
	}
}

/* Medium devices (tablets and small laptops 991px and below) */
@media (max-width: 991px) {

	.focus_module_page_title_container {
		width: 100%;
	}
}

/* Large devices (large laptops and desktops, 1199px and below) */
@media (max-width: 1199px) {
	.menu-item-container {
		margin-right: 0!important;
	}

	#hs_cos_wrapper_dnd_area_101-module-1 .focus_grid-inner {
		gap: 0;
	}
}