/*
Theme Name: NADP Theme
Theme URI: http://www.yokoco.com
Version: 1.0
Description: A custom child theme for NADP by Yoko Co. 
Author: Yoko Co
Author URI: https://www.yokoco.com
template: bb-theme
*/

/*
 * 1. Master Colors & Type
 * 2. Headers & Nav
 * 3. Banners
 * 4. Feeds & Grids
 * 5. CPTs
 * 6. Footer
 * 7. General Styles
 * X. General Media Queries (Put most media queries in their respective sections)
*/

/******************************************************************************************/
/******************************** 1 MASTER COLORS & TYPE **********************************/
/******************************************************************************************/

/* Text Styles */

.larger p {
	font-size: 1.25em;
}

.xlarger p {
	font-size: 1.5em; 
}

.smaller p {
	font-size: 0.75em; 
}

.invert a {color: #ffb23b !important;}

/* Backgrounds */

.bg-main > .fl-row-content-wrap, .bg-main > .fl-col-content, .bg-main.fl-module {
	background-color: #0077C0; 
}

.bg-light > .fl-row-content-wrap, .bg-light > .fl-col-content, .bg-light.fl-module {
	background-color: #F6FBFF; 
}

.bg-dark > .fl-row-content-wrap, .bg-dark > .fl-col-content, .bg-dark.fl-module {
	background-color: #01283F; 
}

/******************************************************************************************/
/************************************ 2 HEADERS & NAV *************************************/
/******************************************************************************************/

/* Top Bar */

.fl-page-bar {
	border-bottom: 0px;
	background-color: #fff !important;
	padding: 10px 0;
    font-size: 18px;
}

.fl-page-bar-container {
	width: 1293px !important;
	max-width: 100% !important;
}

.fl-page-bar .text-left {width: 75%;}
.fl-page-bar .text-right {width: 25%;}

.fl-page-bar-row {
	display: flex;
    align-items: center;
}

.fl-page-bar-nav>li {margin-right: 20px;}

.fl-page-bar-nav>li.top-bar-logo {margin-right: 60px;}

.top-bar-logo img {max-width: 80px !important;}

.sso-account-links {
	display: inline-flex;
	align-items: center;
	gap: 20px;
}

.sso-account-links a:hover {text-decoration: none;}

.account-link {
	display: inline-flex;
	align-items: center;
}

.account-link::before {
	content: url(/wp-content/themes/yoko-nadp/images/login.svg);
	height: 25px;
	width: 25px;
	left: 0;
	top: 0;
	margin-right: 5px;
}

/* Header Menu */

.fl-page-header-container {
	width: 1372px !important;
	max-width: 100% !important;
	border-bottom: 1px solid rgba(250,250,250,0.2);
}

.fl-page-nav-right .fl-page-header-row {
	width: 94%;
	margin: auto;
}

.fl-page-nav-right .fl-page-header-container {
	padding-top: 10px;
	padding-bottom: 10px;
}

.fl-page-nav-right .fl-page-header-row .fl-page-nav-col {padding-left: 0;}

.fl-page-nav-right .fl-page-header-row .fl-page-nav-col,
.fl-page-nav-right .fl-page-nav,
.fl-page-nav-right .fl-page-nav-collapse {width: 100%;}

.fl-page-nav-right .fl-page-nav-collapse {justify-content: space-between;}

.fl-page-nav-right .fl-page-nav, .fl-page-nav-right .fl-page-nav-wrap {display: flex;}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a:first-of-type {padding-left: 0;}

.fl-page-nav-right .fl-page-nav ul.navbar-nav>li:not(:last-child) {margin-right: 40px;}

/* Fix for https://yokoco.freshdesk.com/a/tickets/17001
li.dental-plan-cta::before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	background: rgba(250,250,250,0.2);
	height: 139%;
    top: -11px;
    left: -75px;
}

li.dental-plan-cta::after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	background: rgba(250,250,250,0.2);
	height: 139%;
    top: -11px;
    right: -60px;
}
*/
/* Header Search */

a.fa-search {
	font-family: 'Linearicons';
	padding-top: 7px;
}

a.fa-search:before {
	content: "\e922";
	font-size: 15px;
}

.fl-page-nav-search form input.fl-search-input {color: #03263a !important;}

/* Sub Menu */

.fl-page-nav ul.sub-menu {
	border-top: 0px; 
	padding: 20px;
}

.fl-page-nav ul.sub-menu li a {color: #03263A !important;}
.fl-page-nav ul.sub-menu li a:hover {color: #6eb43f !important;}

/* Fixed Menu */

.fl-page-header-fixed .fl-page-header-row .fl-page-logo-wrap {width: 9%;}
.fl-page-header-fixed .fl-page-header-row .fl-page-fixed-nav-wrap {width: 91%;}

.fl-page-header-fixed .fl-page-header-row {width: 95%;}

.fl-page-header-fixed .fl-page-header-wrap {
	box-shadow: 0 0px 32px 0px rgb(0 0 0 / 10%);
}

.fl-page-fixed-nav-wrap .fl-page-nav-collapse {justify-content: flex-end;}

.fl-page-header-fixed .fl-page-nav ul.navbar-nav:last-child {
	display: flex;
    justify-content: flex-end;
}

.fl-page-nav-right.fl-page-header-fixed .fl-page-nav-wrap .navbar-nav>li>a, .fl-page-header-fixed .fl-page-nav-wrap .navbar-nav>li>a {color: #03263A;}
.fl-page-nav-right.fl-page-header-fixed .fl-page-nav-wrap .navbar-nav>li>a:hover, .fl-page-header-fixed .fl-page-nav-wrap .navbar-nav>li>a:hover {color: #6eb43f;}

/* Media Queries */

@media screen and (min-width: 768px) {
	.fl-page-header, .fl-page-header-wrap {
		border-bottom-style: none; /* Removes the 1px border below the menu */
		width: 100%;
		
		/* Used for transparent headers. If you're using the default theme header, uncomment the section below to enable a transparent header. */
		/* background: rgb(0,0,0);
		background: -moz-linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); */
		position: absolute;
		z-index: 10;
		top: 47px; /* Height of top bar */
	}
	.fl-page-nav-right .fl-page-header-row .fl-page-header-logo-col {display: none;}
	/* Hidden Banner Light Bg Styles */
	.banner-lightbg .fl-page-nav-right .fl-page-header-container, .fl-theme-builder-404 .fl-page-nav-right .fl-page-header-container {background-color: #F6FBFF;}
	.banner-lightbg .fl-page-nav-right a, .fl-theme-builder-404 .fl-page-nav-right a {color: #03263A !important;}
	.banner-lightbg .fl-page-nav-right a:hover, .fl-theme-builder-404 .fl-page-nav-right a:hover {color: #6eb43f !important;}
	.banner-lightbg .fl-page-content {margin-top: 130px;}
	.banner-lightbg .dental-plan-cta::before, .banner-lightbg .dental-plan-cta::after, .fl-theme-builder-404 .fl-page-nav-right li.dental-plan-cta::before, .fl-theme-builder-404 .fl-page-nav-right li.dental-plan-cta::after {background: #D4E7F3;}
	.banner-lightbg .fl-page-nav-right.fl-page-header-fixed .fl-page-header-container.container, .fl-page-header-fixed .fl-page-header-container.container {background-color: #fff;}
	.fl-page-header-fixed .fl-page-header-wrap {
		background: #fff; 
		top: 0;
	}
	.fl-page-nav-right .fl-page-nav-collapse .fl-page-nav-search {width: 10%;}
	.fl-page-nav-right .fl-page-nav ul.navbar-nav:last-child {
		width: 95%;
		display: flex;
	}
	.dental-plan-cta {margin-left: auto;}
	.banner-lightbg .fl-page-fixed-nav-wrap .fl-page-nav-collapse .dental-plan-cta {margin-left: 0;}
	.fl-page-fixed-nav-wrap .fl-page-nav-collapse .dental-plan-cta::before, .dental-plan-cta::after {display: none;}
}

@media screen and (max-width: 767px) {
	.fl-page-bar {display: none;}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle *,
	.fl-submenu-indicator .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile ul.navbar-nav li.menu-item-has-children>a {color: #03263A;}
	.fl-page-header-container {padding-top: 10px;}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile.fl-page-nav-right .fl-page-header-row .fl-page-header-logo {padding-bottom: 10px;}
	.share-social {justify-content: flex-start !important;}
}

/** Fix for header menu items not displaying any icon when both restricted and having a submenu */
.fl-submenu-indicator.use-lock-icons .fl-page-nav ul.sub-menu .menu-item[class*="tax__content-restriction-option"].menu-item-has-children > a:after,
.fl-submenu-indicator.use-lock-icons .fl-page-nav ul.sub-menu .menu-item.members-only.menu-item-has-children > a:after,
.fl-submenu-indicator.use-lock-icons .fl-page-nav ul.sub-menu .menu-item.menu-item-has-children.restricted-content > a:after {
    content: "\e66b" !important;
    display: inline-block;
    font-family: "Linearicons";
    font-size: 14px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    text-align: center;
    width: 30px;
}

.fl-submenu-indicator.use-lock-icons .fl-page-nav ul.sub-menu .menu-item.menu-item-has-children.restricted-content.current-user-has-access > a:after {
    content: "\e66d" !important;
}

/******************************************************************************************/
/*************************************** 3 BANNERS ****************************************/
/******************************************************************************************/

.banner-main {
	position: relative;
}

.banner-main .fl-row-content-wrap::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 22.73%), linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}

.banner-main .fl-row-content {
	position: relative;
	z-index: 2;
}

.banner-main-title .fl-module-content {
	margin-bottom: 0px;
}

.banner-main-subtitle .fl-module-content {
	margin-top: 0px; 
}

.banner-main-breadcrumbs {font-size: 20px;}

.banner-main-breadcrumbs ol {
	padding: 0px; 
}

.banner-main-breadcrumbs a:hover {
	text-decoration: none;
	color: #6eb43f !important;
}

/* Share Icons */

.share-social {
	font-size: 14px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.share-icons .a2a_svg {
	height: 20px;
	width: 20px;
	line-height: 20px;
	background-color: transparent !important;
}

.share-icons .a2a_svg {transition: all .2s ease;}

.share-icons .a2a_svg g, .share-icons .a2a_svg path {fill: rgba(69, 62, 81, 0.75);}

.invert .share-icons .a2a_svg g, .invert .share-icons .a2a_svg path {fill: #fff;}

.share-icons .a2a_kit a:hover g, .share-icons .a2a_kit a:hover path {fill: #453E51;}

.invert .share-icons .a2a_kit a:hover g, .invert .share-icons .a2a_kit a:hover path {fill: rgba(255, 255, 255, 0.6);}

.a2a_default_style a {padding: 0 4px !important;}

/******************************************************************************************/
/************************************ 4 FEEDS & GRIDS *************************************/
/******************************************************************************************/

/* Grid Columns */

.grid-columns .fl-col-group {gap: 20px;}

.grid-columns .fl-col-group .fl-col {width: 30%;}

/* This is the default container for a grid item in the posts module. */
.fl-post-grid .fl-post-grid-post, .complex-feed .fl-post-feed-post, .alm-paging-content .feed-list-complex-item {border: 1px solid rgba(0, 119, 192, 0.2);}

.fl-post-feed-post {
	border-bottom: 1px solid rgba(0, 119, 192, 0.2);
	padding-bottom: 40px !important;
}

.invert .fl-post-grid .fl-post-grid-post, .invert .alm-paging-content .feed-list-complex-item {border: 1px solid rgba(255, 255, 255, 0.2)}

.invert .fl-post-feed-post {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.fl-post-feed-post h2.fl-post-title a, .fl-post-grid-post h2.fl-post-title a {
	font-size: 24px;
	color: #03263A;
	line-height: 1.5;
}

.feed-meta-block {margin-bottom: 15px;}

.feed-meta-value {
	color: #0077C0;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.invert .feed-meta-value {color: #fff;}

.fl-post-grid-post .fl-post-excerpt {font-size: 16px;}

/* Simple Feeds */

.simple-feed .fl-post-feed-post .fl-post-more-link {
	display: flex;
	justify-content: flex-end;
}

@media screen and (max-width: 767px) {
	.feed-list-simple .feed-item-right {display: none;}
}

/* Complex Feeds */

.complex-feed .fl-post-feed-post, .alm-paging-content .feed-list-complex-item {padding: 40px 60px;}

.alm-paging-content .feed-list-complex-item {margin-bottom: 40px;}

.complex-feed .feed-meta-block {
	font-size: 0.9em; 
}

.complex-feed .feed-meta-block + .feed-meta-block {
	margin-top: 10px; 
}

.complex-feed .fl-post-feed-post h2.fl-post-title {margin-bottom: 15px;}

.complex-feed .feed-meta-label {
	font-size: 0.75em; 
}

/* Dots List */

.dots-list .fl-post-feed-post {border: 0px;}

.dots-list .complex-list-image {
	margin-bottom: 40px;
	margin-left: 20px;
    margin-right: 20px;
}

.dots-list .feed-item-left {
	position: relative;
	margin-right: 60px;
}

.dots-list .fl-post-feed-post:nth-of-type(even) .fri-flex-row {flex-direction: row-reverse;}

.dots-list .fl-post-feed-post:first-of-type .feed-item-left::after {
	content: url(/wp-content/themes/yoko-nadp/images/green-dots.svg);
	width: 137px;
	height: 137px;
	position: absolute;
	top: -40px;
    left: -40px;
	z-index: 1;
}

.dots-list .fl-post-feed-post:nth-of-type(2) .feed-item-left::after {
	content: '';
	background: url(/wp-content/themes/yoko-nadp/images/blue-dots.svg);
	width: 125px;
	height: 125px;
	background-size: 125px 125px;
	position: absolute;
	bottom: -60px;
    right: -60px;
	z-index: 1;
}

.dots-list .fl-post-feed-post:nth-of-type(3) .feed-item-left::after {
	content: '';
	background: url(/wp-content/themes/yoko-nadp/images/teal-dots.svg);
	width: 200px;
	height: 200px;
	background-size: 200px 200px;
	position: absolute;
	bottom: -80px;
    left: -75px;
	z-index: 1;
}

.dots-list .fl-post-feed-post .feed-item-left img {z-index: 3;}

.dots-list .feed-meta-block {display: none;}

/* Event Feeds */

.event-grid-item {padding: 0px;}

.event-grid-item h2.fl-post-title a {font-weight: 600;}

/******************************************************************************************/
/**************************************** 5 CPTS ******************************************/
/******************************************************************************************/

/* Posts */

.post-taxonomy, .post-taxonomy h5 {font-weight: 700;}

.post-taxonomy h5 {color: rgba(255, 255, 255, 0.75) !important;}

.feed-list-simple-image img {
	height: 150px;
    object-fit: cover;
}

.feed-list-simple-image h2.fl-post-title a {font-size: 20px;}

/******************************************************************************************/
/*************************************** 6 FOOTER *****************************************/
/******************************************************************************************/

/* Footer CTA */

.footer-cta-heroicon .fl-html {text-align: center;}

.footer-cta-heroicon .heroicon {
	height: 64px;
	width: 64px;
	padding: 10px;
	border-radius: 50%;
}

.footer-partner-col .footer-cta-heroicon .heroicon {background-color: rgba(0, 119, 192, 0.1);}

.footer-contact-col .footer-cta-heroicon .heroicon {background-color: rgba(0, 159, 195, 0.1);}

.footer-partner-col .fl-col-content, .footer-contact-col .fl-col-content {transition: all 0.5s;}

.footer-partner-col .fl-col-content:hover .footer-cta-heroicon .heroicon {background-color: #1984c6;}

.footer-contact-col .fl-col-content:hover .footer-cta-heroicon .heroicon {background-color: #18a8c9;}

.footer-partner-col .fl-col-content:hover .footer-cta-heroicon .heroicon svg,
.footer-contact-col .fl-col-content:hover .footer-cta-heroicon .heroicon svg {
	color: #fff;
}

.footer-partner-col .fl-col-content:hover,
.footer-partner-col .fl-col-content:hover .fl-heading-text,
.footer-contact-col .fl-col-content:hover,
.footer-contact-col .fl-col-content:hover .fl-heading-text {
	color: #fff;
}

.footer-partner-col .fl-col-content:hover a.fl-button,
.footer-contact-col .fl-col-content:hover a.fl-button {
	background-color: #fff !important;
}

.footer-partner-col .fl-col-content:hover a.fl-button::after {
	content: url(/wp-content/themes/yoko-nadp/images/arrow-right-lightblue.svg);
}

.footer-contact-col .fl-col-content:hover a.fl-button::after {
	content: url(/wp-content/themes/yoko-nadp/images/arrow-right-teal.svg);
}

.footer-partner-col .fl-col-content:hover a.fl-button * {color: #0077c0 !important;}

.footer-contact-col .fl-col-content:hover a.fl-button * {color: #009fc3 !important;}

.footer-partner-col .fl-col-content:hover {background-color: #0077c0;}

.footer-contact-col .fl-col-content:hover {background-color: #009fc3;}

/* Main Footer */

.footer-main .nadp-info .fl-module-content {margin: 0px 20px;}
.footer-main .nadp-info .fl-module:first-of-type .fl-module-content {margin-top: 20px;}

.footer-main, .footer-main a, .footer-main .menu li a {
	font-size: 18px;
	color: #03263A;
}

.footer-main a:hover, .footer-main .menu li a:hover {
	color: #6eb43f;
	text-decoration: none;
}

.footer-main .menu li ul {
	display: none; 
}

.footer-main .menu li a {
	padding: 0px 0px 18px; 
}

.footer-main .sso-account-links {
	display: block;
}

.footer-main .account-link::before {display: none;}

.footer-contact-col .heroicon svg {color: #009FC3;}

.footer-contact-icon .fl-module-content {
	margin-top: 0px; 
}

.footer-sub {
	font-size: 0.75em;
}

.footer-sub a {color: #03263A;}
.footer-sub a:hover {
	color: #6eb43f;
	text-decoration: none;
}

.footer-sub-right {
	text-align: right; 
}

.footer-main .sso-account-links .login-link .button-wrapper input {
	background-color: rgba(0,0,0,0);
    color: #03263A;
    padding: 0;
}

.footer-main .sso-account-links .login-link:hover .button-wrapper input {color: #6eb43f;}

@media screen and (max-width: 767px) {
	.footer-sub, .footer-sub-right, .footer-sub-left {
		text-align: center; 
	}
	.footer-sub-left .fl-module-content {
		margin-bottom: 5px; 
	}
	.footer-sub-right .fl-module-content {
		margin-top: 5px; 
	}
}

.fl-page footer .login-link input[type=submit] {
	background: none;
	color: inherit;
	padding: 0;
	transition: none;
}

.fl-page footer .login-link input[type=submit]:hover {
	color: #6eb43f;
}

/******************************************************************************************/
/************************************ 7 GENERAL STYLES ************************************/
/******************************************************************************************/

/* Small Heading with Lines */

.small-heading-lines .fl-heading {
	text-align: center;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.small-heading-lines .fl-heading .fl-heading-text {
	text-transform: uppercase;
	color: #0077C0;
	position: relative;
	flex: 0 1 auto;
	padding: 0 20px;
}

.small-heading-lines .fl-heading::before, .small-heading-lines .fl-heading::after {
	content: '';
	flex: 1 1 auto; /* the first digint is 'flex-grow: 1', helps elemet to occupy all free space */ 
	border-bottom: solid 1px rgba(0, 119, 192, 0.3);
}

.invert .small-heading-lines .fl-heading .fl-heading-text {color: #F28100;}

/* BB Separator Module */

.fl-separator {border-top-color: #D4E7F3 !important;}
.invert .fl-separator {border-top-color: rgba(0, 119, 192, 0.2) !important;}

/* Dots */

.green-dots-top-left .fl-col-content,
.green-dots-top-right .fl-col-content,
.green-dots-bottom-right .fl-col-content
 {position: relative;}

.blue-dots-bottom-right-behind .fl-col-content, .blue-dots-bottom-right-behind .fl-module-content,
.green-dots-top-left-behind .fl-col-content, .green-dots-top-left-behind .fl-module-content,
.teal-dots-bottom-left-behind .fl-col-content, .teal-dots-bottom-left-behind .fl-module-content {
	position: relative;
	z-index: 1;
}

.green-dots-top-left .fl-col-content::before {
	content: url(/wp-content/themes/yoko-nadp/images/green-dots.svg);
	width: 137px;
	height: 137px;
	position: absolute;
	top: -68px;
	left: 0;
}

.fl-col.green-dots-top-left-behind .fl-col-content::after,
.fl-module.green-dots-top-left-behind .fl-module-content::after {
	content: url(/wp-content/themes/yoko-nadp/images/green-dots.svg);
	width: 137px;
	height: 137px;
	position: absolute;
	top: -35px;
    left: -10px;
	z-index: -1;
}

.green-dots-top-right .fl-col-content::before {
	content: '';
	background: url(/wp-content/themes/yoko-nadp/images/green-dots.svg);
	width: 100px;
    height: 100px;
    background-size: 100px 100px;
	position: absolute;
	top: -30px;
    right: -20px;
}

.green-dots-bottom-right .fl-col-content::before {
	content: '';
	background: url(/wp-content/themes/yoko-nadp/images/green-dots.svg);
	width: 125px;
	height: 125px;
	background-size: 125px 125px;
	position: absolute;
	bottom: -20px;
	right: -10px;
}

.fl-col.blue-dots-bottom-right-behind .fl-col-content::after,
.fl-module.blue-dots-bottom-right-behind .fl-module-content::after {
	content: '';
	background: url(/wp-content/themes/yoko-nadp/images/blue-dots.svg);
	width: 125px;
	height: 125px;
	background-size: 125px 125px;
	position: absolute;
	bottom: -35px;
    right: -10px;
	z-index: -1;
}

@media screen and (max-width: 767px) {
	.green-dots-top-right .fl-col-content::before {
		width: 80px;
		height: 80px;
		background-size: 80px 80px;
		top: -20px;
    	right: 5px;
	}
}

.blue-dots-bg-bottom-right .fl-row-content-wrap {
	background-size: 325px;
}

.teal-dots-bottom-left-behind .fl-col-content::after,
.teal-dots-bottom-left-behind .fl-module-content::after {
	content: '';
	background: url(/wp-content/themes/yoko-nadp/images/teal-dots.svg);
	width: 125px;
	height: 125px;
	background-size: 125px 125px;
	position: absolute;
	bottom: -35px;
    left: -10px;
	z-index: -1;
}

.half-transparent-blue-dots .fl-row-content-wrap::after {
	content: '';
	background: url(/wp-content/themes/yoko-nadp/images/transparent-blue-dots-half.svg) no-repeat;
	width: 315px;
	height: 187px;
	position: absolute;
	z-index: 0;
}

.row-bottom-left-half-dots .fl-row-content-wrap::after {
    bottom: 0;
    left: 0;
}

/* Sidebar */

.dark-sidebar .fl-col-content {
	background-color: #01283F;
	margin: 20px 13px 0 40px;
}

.dark-sidebar .fl-post-feed-post {
	border-bottom: 0px;
	padding-bottom: 0;
}

.dark-sidebar h1, .dark-sidebar h2, .dark-sidebar h3, .dark-sidebar h4, .dark-sidebar h5, .dark-sidebar h6 {
	font-weight: 700;
	margin-bottom: 0px;
	color: #fff !important;
}

.dark-sidebar h5 {
	color: rgba(255, 255, 255, 0.75) !important;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
}

.dark-sidebar span, .dark-sidebar a {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.6;
	color: #FFF !important;
}

.dark-sidebar .cpt-taxonomy {
	margin: 20px 0 0;
}

.dark-sidebar .cpt-taxonomy:first-child {
	margin: 0;
}

.light-sidebar .fl-col-content {
	background-color: #F6FBFF;
	margin: 20px 13px 0 40px;
	padding: 40px 20px;
}

.dark-sidebar div:not(.fl-post-more-link) > a.button {
	background: #0077C0 !important;
}

.dark-sidebar div:not(.fl-post-more-link) >  a.button:hover,
.dark-sidebar div:not(.fl-post-more-link) >  a.button:active {
	background: #6EB43F !important;
}

.dark-sidebar div:not(.fl-post-more-link) >  a.button span {
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	color: #FFFFFF;
}

.wp-block-latest-posts__list li:not(:last-of-type) {
	border-bottom: 1px solid rgba(250,250,250,0.2);
    padding-bottom: 10px;
}

/* Icons */

.fl-icon i {color: #0077C0;}
.invert .fl-icon i {color: #F18100;}

.fl-icon:hover i {color: #6EB43F;}

.heroicon-solid svg {
	fill: currentColor;
	width: 39px;
	height: 39px;
	stroke-width: 0px;
	color: #0077C0;
}

/* Accordions */

.fl-accordion-item {border-color: rgba(0, 119, 192, 0.2) !important;}

.invert .fl-accordion-item {border-color: rgba(255, 255, 255, 0.2) !important;}

.invert .fl-accordion-button-label {color: #F18100 !important;}

.fl-accordion-button-icon-left, .fl-accordion-button-icon-right {
	color: #0077C0;
	opacity: 1;
}

.invert .fl-accordion-button-icon-left, .invert .fl-accordion-button-icon-right {color: #fff;}

/******************************************************************************************/
/*********************************** 8 AJAX LOAD MORE *************************************/
/******************************************************************************************/

.alm-filters-container .alm-filter label {
	font-weight: 400 !important;
	text-transform: uppercase;
}

.invert .alm-filters-container .alm-filter label {color: rgba(255, 255, 255, 0.75);}

.alm-filters-container .alm-filter--select select,
.alm-filters-container .alm-filter--text-wrap input[type=number],
.alm-filters-container .alm-filter--text-wrap input[type=text] {
	padding: 9px 22px 9px 10px !important;
	border: 1px solid rgba(0, 119, 192, 0.2) !important;
	border-radius: 0px !important;
}

[data-id="recipe-library"] .alm-paging-content,
[data-id="resource-library"] .alm-paging-content,
[data-id="snmagazine-library"] .alm-paging-content,
[data-id="course-library"] .alm-paging-content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

[data-id="recipe-library"] .alm-paging-content .recipe-grid-item,
[data-id="resource-library"] .alm-paging-content .resource-grid-item,
[data-id="snmagazine-library"] .alm-paging-content .feed-item-complex-grid,
[data-id="course-library"] .alm-paging-content .course-grid-item {
	width: 48%;
}

.alm-paging-content h2.fl-post-title {font-size: 24px;}

[data-id="recipe-library"] .alm-paging-content h2.fl-post-title,
[data-id="resource-library"] .alm-paging-content h2.fl-post-title,
[data-id="snmagazine-library"] .alm-paging-content h2.fl-post-title,
[data-id="course-library"] .alm-paging-content h2.fl-post-title {
	font-size: 20px !important;
}

[data-id="journal-library"] .alm-paging-content .journal-grid-item {margin-bottom: 20px;}

ul.alm-paging li a {
	border: 1px solid rgba(0, 119, 192, 0.2);
	color: #01283F;
	padding: 10px 12px !important;
	background-color: #fff !important;
	margin: 0 3px;
}

.invert ul.alm-paging li a {
	background: none !important;
	border: 1px solid #F8931F !important;
}

ul.alm-paging li.active a, ul.alm-paging li:hover a {
	background-color: #0077C0 !important;
	color: #fff !important;
	border: 1px solid #0077C0 !important;
}

.invert ul.alm-paging li.active a, .invert ul.alm-paging li:hover a {
	background: #FFF !important;
	border: 1px solid #FFF !important;
	color: #01283F !important;
}

button#alm-filters-reset-button {
	background-color: rgba(0,0,0,0);
	border: 1px solid #F28100;
 	-webkit-transition: border 0.5s;
 	transition: all 0.3s;
	color: #01283F;
	padding: 10px 24px;
	box-shadow: none;
	font-size: 16px;
    font-weight: 500;
	min-height: 54px;
}

button#alm-filters-reset-button span {color: #01283F !important;}
.invert button#alm-filters-reset-button span {color: #fff !important;}

button#alm-filters-reset-button:hover {
	border: 1px solid #F28100;
	background-color: #F28100;
	color: #fff;
	box-shadow: 0px 6px 8px rgb(0 0 0 / 4%);
}

button#alm-filters-reset-button:hover span {color: #fff !important;}

button#alm-filters-reset-button::after {display: none;}

/******************************************************************************************/
/******************************** X GENERAL MEDIA QUERIES *********************************/
/******************************************************************************************/