/*
Theme Name: APWA Website by Yoko Co
Theme URI: http://www.yokoco.com
Version: 1.0
Description: A custom child theme for APWA 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. FacetWP Styles
 * 8. General Styles
 * X. General Media Queries (Put most media queries in their respective sections)
*/

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

/* Text Styles */

h1 {font-weight: 400;}
h5 {font-weight: 600;}
h6 {font-weight: 700;}

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

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

.smaller p, .smaller {
	font-size: 16px;
}

.leadin p, .leadin a, .leadin, .leadin h1, .leadin h2, .leadin h3, .leadin h4, .leadin h5, .leadin h6,
.leadin h1 a, .leadin h2 a, .leadin h3 a, .leadin h4 a, .leadin h5 a, .leadin h6 a,
.leadin .fl-heading-text, .meta p, .meta a, .meta, .meta h1, .meta h2, .meta h3, .meta h4, .meta h5, .meta h6,
.meta h1 a, .meta h2 a, .meta h3 a, .meta h4 a, .meta h5 a, .meta h6 a,
.meta .fl-heading-text {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.4em;
	color: #52667A;
}

.leadin p, .leadin a, .leadin, .leadin h1, .leadin h2, .leadin h3, .leadin h4, .leadin h5, .leadin h6,
.leadin h1 a, .leadin h2 a, .leadin h3 a, .leadin h4 a, .leadin h5 a, .leadin h6 a {font-size: 18px;}

.meta p, .meta a, .meta, .meta h1, .meta h2, .meta h3, .meta h4, .meta h5, .meta h6,
.meta h1 a, .meta h2 a, .meta h3 a, .meta h4 a, .meta h5 a, .meta h6 a,
.meta .fl-heading-text {font-size: 14px;}

.invert .leadin p, .invert .leadin a, .invert .leadin, .invert .leadin h1, .invert .leadin h2, .invert .leadin h3, .invert .leadin h4, .invert .leadin h5, .invert .leadin h6,
.invert .leadin h1 a, .invert .leadin h2 a, .invert .leadin h3 a, .invert .leadin h4 a,.invert  .leadin h5 a, .invert .leadin h6 a, .invert .leadin .fl-heading-text, .invert .meta p, .invert .meta a, .invert .meta, .invert .meta h1, .invert .meta h2, .invert .meta h3, .invert .meta h4, .invert .meta h5, .invert .meta h6, .invert .meta h1 a, .invert .meta h2 a, .invert .meta h3 a, .invert .meta h4 a, .invert .meta h5 a, .invert .meta h6 a, .invert .meta .fl-heading-text {color: rgba(255, 255, 255, 0.8);}

.heading-line .fl-heading {
	display: flex;
	align-items: center;
	gap: 64px;
}

.heading-line .fl-heading::after {
	content: '';
	flex-grow: 2;
    height: 1px;
	background: #D9E5F2;
}

@media screen and (max-width: 767px) {
	h4 {font-size: 24px;}
	.title-border .fl-heading, .heading-line .fl-heading {gap: 20px !important;}
}

/* Title with Border */

.title-border .fl-heading{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items:center;
    gap: 40px;
}

.title-border .fl-heading::after{
    content:'';
    background: #D9E5F2;
    height: 1px;
    flex-grow: 1;
}

/* Backgrounds */

.bg-gradient > .fl-row-content-wrap, .bg-gradient > .fl-col-content, .bg-gradient.fl-module {
	background: radial-gradient(67.05% 131% at 109.83% -19.04%, #28A378 0%, #003968 64.58%, #00213D 100%);
}

.bg-gradient-reverse > .fl-row-content-wrap, .bg-gradient-reverse > .fl-col-content, .bg-gradient-reverse.fl-module {
	background: radial-gradient(94.5% 88.7% at -23.26% -8.96%, #28A378 0%, #003968 49.99%, #00213D 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
}

.gradient-bar > .fl-row-content-wrap, .gradient-bar > .fl-col-content, .gradient-bar.fl-module {
	background: linear-gradient(270deg, #00213D 0%, #003968 28.06%, #28A378 100%), #5C2946;
}

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

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

/* Icons */

.fl-icon i {color: #1BA777;}
.fl-icon i:hover {color: #E87D1E;}

.heroicon svg path {color: #1C3A6A;}
.heroicon.green svg path {color: #1BA777;}
.heroicon.white svg path {color: #FFFFFF;}

.heroicon.large {
	height: 64px;
	width: 64px;
}

.icon-heading .fl-heading-text {
	display: flex;
	align-items: center;
}

.fl-builder-content .fl-button i {font-size: 20px;}

.list-icons-links .fl-list h4 {
    display: flex;
    align-items: center;
    gap: 16px;
}

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

.fl-page-header a, .fl-page-nav-wrap .navbar-nav li>a, .fl-page-nav ul.sub-menu li a, .fl-page-nav-search a.fa-search, .fl-page-header-fixed a, .fl-page-fixed-nav-wrap .navbar-nav li>a, .fl-page-fixed-nav-wrap ul.sub-menu li a {color: #52667A !important;}

.fl-page-header a:hover, .fl-page-nav-wrap .navbar-nav li>a:hover, .fl-page-nav ul.sub-menu li a:hover, .fl-page-nav-search a.fa-search:hover, .fl-page-header-fixed a:hover, .fl-page-fixed-nav-wrap .navbar-nav li>a:hover, .fl-page-fixed-nav-wrap ul.sub-menu li a:hover {
	color: #0076CC !important;
	text-decoration: none;
}

/* Top Bar */

.fl-page-header::before, .fl-page-header-fixed::before {
	content: '';
	background: linear-gradient(270deg, #28A378 0%, #003968 82.31%, #00213D 100%);
	display: block;
	height: 4px;
	width: 100%;
}

.fl-page-header-wrap, .fl-page-header-fixed {background: radial-gradient(50% 500% at 100% -300%, #C9DDED 0%, #FFFFFF 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #FFFFFF;}

/* Main Header */

.fl-page-nav-search form {border-top: 3px solid #1BA777;}

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

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

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

@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: 0px; */ /*Height of top bar*/
	}
	.fl-page-header a, .fl-page-nav-wrap .navbar-nav li>a, .fl-page-nav ul.sub-menu li a {
		font-weight: 700;
		font-size: 14px;
		text-transform: uppercase;
	}

	/* Top Bar */

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

	.fl-page-header-logo-col {width: 16%;}
	.fl-page-nav-col {width: 84%;}

	.top-bar-menu {
		display: flex;
		justify-content: flex-end;
		gap: 20px;
	}

	.sso-item {
		border-left: 1px solid #D9E5F2;
		padding-left: 20px;
	}

	/* Main Header */

	.fl-page-nav-wrap {
		border-bottom: 1px solid #D9E5F2;
		border-top: 1px solid #D9E5F2;
	}

	.fl-page-nav-wrap ul.navbar-nav:not(.sub-menu) li:first-of-type>a {padding-left: 0;}
	.fl-page-nav-wrap ul.sub-menu li:first-of-type>a {padding-left: 15px !important;}

	/* Fixed Header */

	.fl-page-header-fixed .fl-page-logo-wrap {width: 10%;}
	.fl-page-header-fixed .fl-page-fixed-nav-wrap {width: 90%;}

	.fl-page-header-fixed a, .fl-page-fixed-nav-wrap .navbar-nav li>a, .fl-page-fixed-nav-wrap ul.sub-menu li a {
		font-size: 13px;
	}
	/* Mega Menu */
	.fl-full-width .fl-page-nav {position: relative;}
	.fl-full-width .fl-page-nav .apwa-mega-menu-parent:hover ul.sub-menu,
	.fl-full-width .fl-page-nav .apwa-mega-menu-parent.fl-sub-menu-open ul.sub-menu {
		width: 1080px !important;
		border-radius: 0px;
		padding: 0px;
		position: absolute;
		left: 0;
		right: 0;
	}

	.fl-full-width .fl-page-nav .apwa-mega-menu-parent.education-mm:hover ul.sub-menu,
	.fl-full-width .fl-page-nav .apwa-mega-menu-parent.education-mm.fl-sub-menu-open ul.sub-menu {
		left: -523px !important;
	}
	.fl-page-nav ul.sub-menu li .complex-grid-item h2.fl-post-title a, .fl-page-nav ul.sub-menu li .simple-grid-item h2.fl-post-title a, .fl-page-nav ul.sub-menu .button.simple-button, .fl-page-nav ul.sub-menu a.button.simple-button, .fl-page-nav ul.sub-menu h5.fl-heading a {
		margin-bottom: 10px !important;
		text-transform: none !important;
		padding: 0 !important;
		margin: 0 !important;
		line-height: 1.2 !important;
	}
	.fl-page-nav ul.sub-menu li .complex-grid-item h2.fl-post-title a, .fl-page-nav ul.sub-menu li .simple-grid-item h2.fl-post-title a, .fl-page-nav ul.sub-menu h5.fl-heading a {
		font-size: 20px !important;
		font-weight: 600 !important;
	}
	.fl-page-nav ul.sub-menu .button.simple-button, .fl-page-nav ul.sub-menu a.button.simple-button {
		font-size: 18px !important;
		font-weight: 500 !important;
	}
	.fl-page-nav ul.sub-menu .fl-list-item-content a {
		color: #0076cc;
		font-size: 18px;
    	font-weight: 400;
		text-transform: none;
		padding-left: 0;
		margin-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.fl-page-bar, .fl-page-nav-col {display: none;}
	.fl-page-header-wrap {border-bottom: 1px solid #D9E5F2;}
	.fl-page-header-container {
		padding-bottom: 20px;
    	padding-top: 20px;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {top: 30px;}
}

/*
	Fix for missing mobile icons
*/
@media (max-width: 767px) {
    .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-submenu-icon-wrap {
        visibility: visible;
    }
}

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

/* Page Banners */

.no-featured-image .banner-left {padding-bottom: 40px;}

.banner-right {align-items: flex-start;}

.has-featured-image .banner-main .fl-row-content {min-height: 40vh;}

.banner-image .fl-photo-content, .banner-image img {position: relative;}

.banner-image .fl-photo-content::after {
	content: '';
	background: linear-gradient(270deg, rgba(1, 34, 61, 0) 50%, #01223D 100%), linear-gradient(270deg, #01223D 0%, rgba(1, 34, 61, 0) 47.95%), linear-gradient(360deg, #01223D 0%, rgba(1, 34, 61, 0) 49.87%);
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-main-title h1 {line-height: 1.3em;}

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

.banner-main-subtitle p {color: rgba(255, 255, 255, 0.8);}

.banner-main-breadcrumbs nav {
	display: flex;
	gap: 15px;
}

.banner-main-breadcrumbs nav::before {
	content: url(/wp-content/themes/yoko-apwa-child/images/home.svg);
	height: 20px;
	width: 20px;
	margin-top: 3px;
}

.banner-main-breadcrumbs ol.breadcrumb li, .banner-main-breadcrumbs ol.breadcrumb li>a {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.8) !important;
}

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

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

.general-share-buttons .a2a_kit a:not(:last-of-type) {margin-right: 10px;}

.general-share-buttons .a2a_kit a .a2a_svg {background-color: rgba(0,0,0,0) !important;}

.general-share-buttons .a2a_svg g, .general-share-buttons .a2a_svg path {fill: rgba(255, 255, 255, 0.6);}

.general-share-buttons .a2a_kit a:hover g, .general-share-buttons .a2a_kit a:hover path {fill: #1BA777;}

@media screen and (min-width: 768px) {
	.banner-main .fl-row-content-wrap::before {
		content: url(/wp-content/themes/yoko-apwa-child/images/multi-triangles.svg);
		position: absolute;
		left: 0;
		bottom: -49px;
	}

	.banner-main .fl-row-content-wrap::after {
		content: url(/wp-content/themes/yoko-apwa-child/images/blue-notch.svg);
		position: absolute;
		right: 0;
		bottom: -88px;
	}
}

/* Home Banner */

.banner-home .fl-row-content-wrap {position: relative;}

.banner-home .fl-row-content-wrap::before {
	content: url(/wp-content/themes/yoko-apwa-child/images/multi-triangles-reverse-large.svg);
	position: absolute;
	left: 0;
	bottom: -49px;
	z-index: 1;
}

.left-line-graphic .fl-row-content-wrap::after {
	content: url(/wp-content/themes/yoko-apwa-child/images/blue-notch-large.svg);
	position: absolute;
	left: 0;
	bottom: -400px;
}

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

.complex-list, .simple-list, .complex-grid-item, .simple-grid-item {border: 1px solid #D9E5F2;}

h2.fl-post-title {letter-spacing: 0;}

.fri-feed-item .row {
	margin: 0px;
}

.feed-meta-block {
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	color: #5C2946;
	margin-bottom: 16px;
}

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

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

.feed-meta-block ul.fl-category {
	list-style-type: none;
	padding: 0px;
}

.fl-post-excerpt {
	font-size: 18px;
	color: #52667A;
}

.story-member-name {
	font-size: 16px;
	margin-bottom: 10px;
}

/* Lists */

.fl-post-feed-post {border-bottom: 0px !important;}

.fl-post-feed-post, .simple-list-item, .super-simple-list {border: 0px;}

.complex-list .content-col, .simple-list .content-col {
	position: relative;
	padding: 80px 40px 20px 20px;
}

.complex-list-image-reverse .content-col {padding: 80px 20px 20px 50px;}

.complex-list-image, .simple-list-image {display: flex;}

.complex-list-image .fri-flex-row, .simple-list-image .fri-flex-row {
	flex: 1 1 auto;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: stretch;
}

.content-col {margin: auto 0;}

.complex-list-image .fl-post-image, .simple-list-image .fl-post-image, .complex-list-image img, .simple-list-image img {height: 100%;}

.complex-list-image img, .simple-list-image img {object-fit: cover;}

.complex-list .content-col::after, .simple-list .content-col::after {
	content: url(/wp-content/themes/yoko-apwa-child/images/blue-triangles-right.svg);
	height: 40px;
	width: 40px;
	position: absolute;
	top: 0;
	right: 0;
}

.complex-list-image-reverse .content-col::after, .simple-list-image-reverse .content-col::after {
	content: url(/wp-content/themes/yoko-apwa-child/images/blue-triangles-left.svg);
	height: 40px;
	width: 40px;
	position: absolute;
	top: 0;
	left: 0;
}

.complex-list-item {padding: 40px 40px 20px 40px;}

.complex-list h2.fl-post-title, .simple-list h2.fl-post-title, .fl-page-nav ul.sub-menu li .complex-grid-item h2.fl-post-title, .fl-page-nav ul.sub-menu li .simple-grid-item h2.fl-post-title {
	font-size: 32px;
	margin-bottom: 10px;
}

.fl-post-feed-post:not(:last-of-type) .simple-list-item, .fl-post-feed-post:not(:last-of-type) .super-simple-list {
	border-bottom: 1px solid #D9E5F2;
	padding-bottom: 20px;
}

.simple-list-item h2.fl-post-title, .super-simple-list h2.fl-post-title {
	font-size: 20px;
	font-weight: 500;
}

.simple-list-item a.button.simple-button, .super-simple-list a.button.simple-button {justify-content: flex-end;}

.complex-grid-no-excerpt .fl-post-grid-post {border: 1px solid #D9E5F2 !important;}

.complex-grid-item-no-excerpt {
	border: 0px;
	height: 100%;
}

@media screen and (max-width: 767px) {
	.complex-list-image-reverse {display: block;}
	.complex-list-image-reverse .fri-flex-row.fri-flex-row-center {flex-direction: column-reverse;}
	.complex-list .content-col, .simple-list .content-col {padding: 80px 40px 40px 40px;}
}

/* Grids */

.fl-post-grid .fl-post-grid-post {border: 0px;}

.complex-grid-item h2.fl-post-title, .simple-grid-item h2.fl-post-title {
	font-weight: 600;
	font-size: 20px;
}

.person-grid-item .fl-post-text {text-align: center;}
.person-grid-item a.button {justify-content: center;}

.person-grid-item h2.fl-post-title {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 15px;
	line-height: 1.3em;
}

.person-grid-item .feed-meta-block {margin-bottom: 5px;}

.person-grid-item .person-job-company {
	font-size: 16px;
	color: #52667A;
}

/* Events */

.event-list-image .fri-flex-row {
	align-items: flex-start;
	gap: 60px;
}

.event-list-image h2.fl-post-title {
	font-size: 32px;
	margin-bottom: 10px;
}

.event-date-month, .event-date-day {text-transform: uppercase;}

.event-date-month {font-size: 14px;}

.event-date-day {
	font-weight: 700;
	font-size: 24px;
}

/* Pagination */

.facetwp-pager {text-align: center;}

.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers, .facetwp-page {
	border: 1px solid #D9E6F2;
	color: #52667A;
	padding: 8px 20px;
	background-color: #fff;
}

.fl-builder-pagination li a.page-numbers:hover, .fl-builder-pagination li span.current, .facetwp-page.active, .facetwp-page:hover {
	background-color: #1C3A6A;
	color: #fff;
}

.fl-builder-pagination li {margin-right: 5px;}

.fl-builder-pagination, .fl-builder-pagination-load-more {padding: 20px 0px;}

.facetwp-page {padding: 6px 15px !important;}

//
/ 5 CPTS **/
//

/* Post Sidebar */

.post-sidebar .fl-col-content {position: relative;}

.post-sidebar .fl-col-content::after {
	content: url(/wp-content/themes/yoko-apwa-child/images/bottom-right-notch-small.svg);
	height: 32px;
	width: 32px;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* People */

.person-meta-col .fl-col-content {
	display: flex;
    flex-direction: row;
    justify-content: flex-start !important;
}

.person-meta-col .fl-module {width: max-content !important;}

.person-meta-col .fl-module-content, .person-meta-col .fl-rich-text {width: fit-content;}

.person-meta-col .fl-module:nth-of-type(2) .fl-module-content {margin-left: 0;}

.person-meta-col .fl-module:nth-of-type(2) .fl-rich-text {
	display: flex;
	gap: 20px;
}

.person-meta-col .fl-module:nth-of-type(2) .fl-rich-text::before {
	content: '\2022';
	font-size: 24px;
}

.linkedin-button a.fl-button {background-color: #00669E !important;}
.twitter-button a.fl-button {background-color: #0D95E7 !important;}

.linkedin-button a.fl-button:hover, .twitter-button a.fl-button:hover {background-color: #1BA777 !important;}

/* Groups */

.group-members {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.group-member {
	width: 30%;
	max-width: 330px;
}

.group-member .fl-post-text {padding-top: 20px;}

.group-member-content {text-align: center;}

.group-member-info {
	display: flex;
	gap: 10px;
}

.group-member-organization::before {
	content: '\2022';
	margin-right: 10px;
}

.group-member-info, .group-member-link {justify-content: center;}

@media screen and (max-width: 767px) {
	.group-member {
		width: 100%;
		max-width: none;
	}
}

/* Courses */

.cost-field p::before {
	content: '\$';
	margin-right: 3px;
}

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

.footer-main .fl-icon i {color: rgba(255, 255, 255, 0.6);}
.footer-main .fl-icon i:hover {color: #28A378;}

.footer-main p, .footer-main strong, .footer-main h1, .footer-main h2, .footer-main h3, .footer-main h4, .footer-main h5, .footer-main h6, .footer-main .menu li a {color: rgba(255, 255, 255, 0.8) !important;}

.footer-main .menu li a {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	line-height: 180%;
}

.footer-main .menu li a:hover {color: #fff !important;}

.footer-main .menu li a::before {
	content: url(/wp-content/themes/yoko-apwa-child/images/chevron-light.svg);
	margin-right: 10px;
}

.footer-main .menu li:hover a::before {
	content: url(/wp-content/themes/yoko-apwa-child/images/chevron-orange.svg);
}

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

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

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

.footer-address h6{
	color:#FFF !important;
}

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

.footer-sub, .footer-sub a {
	color: #1C3A6A;
	font-weight: 600;
}

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

/* Network Footer CTA iFrame Styling */
body.page-id-8911:not(.fl-builder-edit) .fl-builder-content-24,
body.page-id-8911:not(.fl-builder-edit) article.fl-post > header,
body.page-id-8911:not(.fl-builder-edit) #wpadminbar{
	display: none !important;
}

body.page-id-8911:not(.fl-builder-edit) #fl-main-content > .container {
	width: 100vw !important;
	max-width: none;
	padding: 0 !important;
}

body.page-id-8911:not(.fl-builder-edit) #fl-main-content > .container > .row > .fl-content {
	margin: 0 !important;
	padding: 0 !important;
}

@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;
	}
}

@media screen and (min-width: 768px) {
    .footer_column-left {
        padding-left: calc((100vw - 1200px)/2);
    }
}

//
/* 7 FACETWP STYLES */
//

.facetwp-facet-title,
.facetwp-facet-title .fl-heading {
	font-weight: 600;
	font-size: 18px;
	color: #52667A;
}

button.facetwp-reset {
	background-color: rgba(0,0,0,0);
	border: 2px solid #1BA777;
	color: #1C3A6A;
 	-webkit-transition: all 0.5s;
 	transition: all 0.5s;
}

button.facetwp-reset:hover {
	background-color: #1BA777;
	border: 2px solid #1BA777;
}

.facetwp-facet, .facetwp-facet-search .facetwp-input-wrap {margin-bottom: 20px !important;}

.fs-wrap {width: 100% !important;}

.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location, .fs-label-wrap,
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea {
	background: #fff;
	border: 1px solid #D9E6F2;
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
	padding: 11px 16px;
	font-size: 18px;
}

.fs-label-wrap .fs-label {padding: 6px 22px 6px 0px !important;}

.fs-wrap .fs-search input {
    padding: 8px !important;
    background-color: #fff !important;
}

.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {padding: 13px 30px 13px 16px;}

.fs-label-wrap .fs-label, .facetwp-facet input.facetwp-search::placeholder {
	color: rgba(82, 102, 122, 0.6);
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
}

.fs-arrow {
	width: 24px !important;
    height: 100% !important;
    content: url(/wp-content/themes/yoko-apwa-child/images/chevron-down.svg);
    border: none !important;
	right: 10px !important;
}

i.facetwp-icon:before {
    background: url(/wp-content/themes/yoko-apwa-child/images/search.svg) no-repeat;
    margin-top: 7px;
}

.facetwp-icon {
    opacity: 1 !important;
	right: 8px !important;
    top: 8px;
}

input.facetwp-date {padding: 16px 12px !important;}

.filter-sidebar .fl-col-content {position: relative;}

.filter-sidebar .fl-col-content::before {
	content: url(/wp-content/themes/yoko-apwa-child/images/top-right-notch-small.svg);
	height: 32px;
	width: 32px;
	position: absolute;
    right: 0px;
    top: 0;
}

.facetwp-type-checkboxes span.facetwp-display-value {
	position: relative;
	margin-left: 8px;
}
.facetwp-type-checkboxes .facetwp-checkbox {
	background: url('/wp-content/uploads/2023/05/asset-uncheck-checkbox.svg') 0 50% no-repeat;
}
.facetwp-type-checkboxes .facetwp-checkbox.checked {
	background: url('/wp-content/uploads/2023/05/asset-checked-checkbox.svg') 0 50% no-repeat;
}

@media screen and (max-width: 767px) {
	.facetwp-facet, .facetwp-facet-search .facetwp-input-wrap {margin-bottom: 10px !important;}
}

//
/* 8 GENERAL STYLES */
//

/* Fixing White Space */

.fl-col-group.fl-node-c93fr4sh8i25.fl-col-group-equal-height.fl-col-group-align-top > div, .fl-col-group.fl-node-1htrv8zf2y6a.fl-col-group-equal-height.fl-col-group-align-top > div {
    width: auto;
    flex: 1;
}

/* No Bottom Margin */

.no-bottom-margin p {margin-bottom: 0px;}

/* Sidebar */

.primary-sidebar {
	position: relative;
}

.primary-sidebar::before {
	content: url(/wp-content/themes/yoko-apwa-child/images/top-right-blue.svg);
	height: 24px;
	width: 24px;
	position: absolute;
    right: 20px;
    top: 0;
}

.primary-sidebar::after {
	content: url(/wp-content/themes/yoko-apwa-child/images/multi-triangles-reverse.svg);
	height: 40px;
	width: 40px;
	position: absolute;
    left: 0px;
    bottom: -7px;
}

.fl-widget.widget_block {margin-bottom: 80px;}

ul.wp-block-latest-posts.wp-block-latest-posts__list li:not(:last-of-type) {
	padding-bottom: 12px;
	border-bottom: 1px solid #D9E6F2;
}

.wp-block-latest-posts__post-title {
	font-weight: 600;
	font-size: 20px;
	color: #1C3A6A;
}

.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
	font-weight: 700;
	font-size: 14px;
	color: #5C2946;
}

.fl-widget ul>li.sidebar-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
}

.fl-widget ul>li.sidebar-list:not(:last-of-type) {
	border-bottom: 1px solid #D9E6F2;
}

.fl-widget ul>li.sidebar-list::after {
	content: url(/wp-content/themes/yoko-apwa-child/images/arrow-green.svg);
	height: 20px;
	width: 20px;
}

.fl-widget ul>li.sidebar-list a {
	font-weight: 600;
	font-size: 20px;
	color: #1C3A6A;
}

/* Yellow Highlight */

.yellow-highlight-left .fl-col-content {position: relative;}

.yellow-highlight-left .fl-col-content::before {
	content: url(/wp-content/themes/yoko-apwa-child/images/yellow-highlight-left.svg);
	height: auto;
	width: auto;
	position: absolute;
	bottom: -5px;
    left: 4px;
}

.yellow-highlight-right .fl-col-content {position: relative;}

.yellow-highlight-right .fl-col-content::before {
	content: url(/wp-content/themes/yoko-apwa-child/images/yellow-highlight-right.svg);
	height: auto;
	width: auto;
	position: absolute;
	bottom: -5px;
    right: 4px;
}

@media screen and (max-width: 767px) {
	.yellow-highlight-left .fl-col-content::before {
		bottom: 0;
		left: 5px;
	}
	.yellow-highlight-right .fl-col-content::before {
		bottom: 0;
		right: 5px;
	}
}

/* Lists */

.fl-list-item-icon {font-weight: 700;}

.fl-list-item-wrapper .leadin, .fl-list-item-content-text {
	display: block;
}

.no-links .fl-list-item {cursor: default !important;}

/* General Notches */

.bottom-left-notch .fl-col-content {position: relative;}

.bottom-left-notch .fl-col-content::after {
	content: url(/wp-content/themes/yoko-apwa-child/images/bottom-left-notch-small.svg);
	height: 24px;
	width: 24px;
	position: absolute;
    left: 0px;
    bottom: 0;
}

/* Button Groups */

.fl-button-group-button:not(:first-of-type):not(.simple-button) a.fl-button {border: 2px solid #1C3A6A !important;}

.fl-button-group-button:not(:first-of-type):not(.simple-button) a.fl-button:hover {border: 2px solid #264F91 !important;}


.fl-button-group-button:first-of-type a.fl-button {
	background-color: rgba(0,0,0,0);
	border: 2px solid #1BA777 !important;
	color: #1C3A6A;
 	-webkit-transition: all 0.5s;
 	transition: all 0.5s;
}

.fl-button-group-button:first-of-type a.fl-button * {color: #1C3A6A !important;}

.fl-button-group-button:first-of-type a.fl-button:hover {
	border: 2px solid #1BA777 !important;
	background-color: #1BA777;
}

.fl-button-group-button:first-of-type a.fl-button:hover * {
	color: #fff !important;
}

.invert .fl-button-group-button:first-of-type a.fl-button * {
	color: #fff !important;
}

/* Semantic */

.semantic_ui .ui.table thead th{
	font-size: 18px;
	color: rgb(1 33 61);
}

.semantic_ui .ui.table tr td {
	font-size: 18px;
  color: #52667a;
}

.semantic_ui .ui.selectable.table tbody tr:hover, .semantic_ui .ui.table tbody tr td.selectable:hover {
    background: rgb(50 156 255 / 5%)!important;
    color: rgba(0,0,0,.95)!important;
}

.semantic_ui .ui.table thead th {
    font-size: 18px;
    color: rgb(0 68 124);
}

.semantic_ui .ui.table thead th {
color:#fff;
background-color: #01213d;
border-bottom: 1px solid rgb(255 255 255 / 10%);}

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

/* Protected Content */

.hide-public {
	display: none;
}
body.logged-in .hide-public {
	display: block;
}