/*
Theme Name: ACEC Website by Yoko Co
Theme URI: http://www.yokoco.com
Version: 1.0
Description: A custom child theme for ACEC 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
 * 8. FacetWP
 * 9. The Events Calendar
 * 10. Notches
 * 11. Coalition Pages
 * 12. Subsites
 * X. General Media Queries (Put most media queries in their respective sections)
*/

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

/* Text Styles */

h1 {font-weight: 600;}

p, h5, h6, a {letter-spacing: 0.08em;}

h5, h6, h5 .fl-heading-text, h6 .fl-heading-text {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

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

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

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

.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,
.facetwp-facet-title,
.feed-meta-value {
	text-transform: uppercase;
	font-family: "Raleway",sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #4A575D;
	letter-spacing: 0.16em;
	line-height: 1.4em;
}

.invert .leadin p, .invert .leadin, .invert .leadin a, .invert .leadin h1, .invert .leadin h2, .invert .leadin h3, .invert .leadin h4, .invert .leadin h5, .invert .leadin h6, .invert .leadin .fl-heading-text {color: #fff;}

.facetwp-facet-title {font-size: 14px;}

.bg-main a {
	color: #213138;
	font-weight: 700;
}

/* Backgrounds */

.bg-main > .fl-row-content-wrap, .bg-main > .fl-col-content, .bg-main.fl-module {
	background: radial-gradient(100% 100% at 0% 0%, #FFDD6C 0%, #EFB54F 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #EFB54F; 
}

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

.bg-gradient > .fl-row-content-wrap, .bg-gradient > .fl-col-content, .bg-gradient.fl-module {
	background: linear-gradient(57.71deg, #213138 42.59%, #445056 129.12%); 
}

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

/* Icons */

.fl-icon i {color: #213138;}

/* Heroicons */

.heroicon {
	position: relative;
	height: 70px;
    width: 70px;
    padding: 18px;
	border-radius: 80px;
	background: radial-gradient(100% 100% at 0% 0%, #FFDD6C 0%, #EFB54F 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #EFB54F;
	z-index: 2;

}

.heroicon::before {
	position: absolute;
	content: '';
	top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 80px;
    border: 2px solid #fefcf8;
    z-index: 1;
}

.invert .heroicon::before {
	border: 2px solid #213138;
}

.heroicon svg {
    stroke-width: 2px;
    stroke: #213138;
}

.heroicon-solid svg {
	fill: currentColor;
	stroke-width: 0px;
	color: #213138;
}

.heroicon svg, .heroicon-solid svg {
	overflow: visible;
	position: absolute;
	top: 20%;
    left: 23%;
    width: 40px;
    height: 40px;
    padding: 7px;
}

a.fl-button .heroicon {margin-bottom: -4px;}

.fl-number .heroicon, a.fl-button .heroicon {
	padding: 0;
	background: rgba(0,0,0,0);
	height: 20px;
	width: 20px;
	border-radius: 0;
}

.fl-number .heroicon::before, a.fl-button .heroicon::before {display: none;}

.fl-number .heroicon svg, a.fl-button .heroicon svg {
	top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    padding: 0px;
}

.fl-number .heroicon.heroicon-arrow-up-circle svg {stroke: #10AD25;}

.fl-number .heroicon.heroicon-arrow-down-circle svg {stroke: #EB5757;}

.fl-number .heroicon-solid.heroicon-arrow-up-circle svg {color: #10AD25;}

.fl-number .heroicon-solid.heroicon-arrow-down-circle svg {color: #EB5757;}

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

/* Top Bar */

.fl-page-bar, .coalition-top-bar .fl-row-content-wrap, .subsite-top-bar .fl-row-content-wrap {
    background: linear-gradient(90deg, #F2F0EB 0%, #F2F0EB 50%, #F7C95D 50%, #F7C95D 100%);
}

.fl-page-bar-container, .coalition-top-bar .fl-row-content, .subsite-top-bar .fl-row-content {
    padding: 0;
	background-color: #F2F0EB;
}

.fl-page-bar .text-left {width: 12%;}
.fl-page-bar .text-right {width: 88%;}

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

.fl-page-bar .text-left img {max-width: 100px;}

.fl-page-bar .navbar-nav a {
	font-weight: 500;
	font-size: 14px;
}

.fl-page-bar .logged-in-content, .coalition-top-bar .logged-in-content {
	display: flex;
	margin-left: 10px;
	background-color: #F7C95D;
}

.fl-page-bar .sso-account-links .logout-link a, .coalition-top-bar .sso-account-links .logout-link a {margin-left: 0 !important;}

.fl-page-bar .navbar-nav li.top-bar-button a {
	padding: 20px 10px 20px 20px;
	background-color: #F7C95D;
	margin-left: 10px;
	display: flex;
	align-items: center;
}

.fl-page-bar .navbar-nav li.top-bar-button a.my-account, .fl-page-bar .navbar-nav li.top-bar-button a.intent-logout {padding: 24px 10px 24px 20px;}

.fl-page-bar .navbar-nav li.top-bar-button a.intent-login::after {
	content: url(/wp-content/themes/yoko-acec-child/images/chevron-blue.svg);
	margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
	width: 24px;
	height: 24px;
}

.fl-page-bar .navbar-nav li.top-bar-button a:hover {
	color: #4a575d;
	text-decoration: underline;
}

/* Main Header */

.fl-page-header, .fl-page-header-wrap {border-bottom: 1px solid #DBDEDF;}

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

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

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

/* Sub Menu */

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav ul.sub-menu li:first-of-type>a {padding-left: 15px;}

/* Fixed Menu */

.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 .fl-page-header-row {
	display: flex;
	align-items: center;
}

.fl-page-nav-right.fl-page-header-fixed .fl-page-nav-collapse {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 {
	padding-top: 0;
	padding-bottom: 15px;
	font-size: 14px;
}

/* 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: 0px; */ /*Height of top bar*/
	}
	.fl-page-nav-right .fl-page-header-container {
		padding-top: 0;
		padding-bottom: 15px;
	}
	.fl-page-header-fixed .fl-page-header-wrap {
		background: #fff; 
	}
	.fl-page-nav-right .fl-page-header-row .fl-page-header-logo-col, .fl-page-nav-right .fl-page-nav-collapse::before, .navbar::before {display: none;}
	.fl-page-nav-right .fl-page-header-row .fl-page-nav-col {padding-left: 0;}
	.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li:first-of-type>a {padding-left: 0;}
	
}

@media screen and (max-width: 767px) {
	.fl-page-bar {display: none;}
	.fl-page-nav-right .fl-page-header-container {
		padding: 0 20px;
		background-color: #F2F0EB;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile.fl-page-nav-right .fl-page-header-row .fl-page-header-logo {padding: 20px 0;}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle::after {display: none;}
	.fl-page-nav-right .fl-page-header-row .fl-page-nav-col {padding-left: 15px;}
}

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

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

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

.banner-main-breadcrumbs {
	opacity: 0.75;
	font-size: 0.8em; 
}

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

.single-post .banner-main-title h1.fl-heading,
.single-podcast  .banner-main-title h1.fl-heading {font-size: 50px;}

@media screen and (min-width: 768px) {
	.banner-main .fl-row-content-wrap {
		position: relative;
		margin-left: calc((100vw - 1175px)/2);
	}
	.banner-main .fl-row-content {
		margin: 0;
		/* max-width: 1100px !important; */
	}
}

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

/*** DYNAMIC ***/

.fl-post-feed-post, .fl-post-grid-post {
	border: 0px;
	background-color: rgba(0,0,0,0);
}

.fl-post-grid-post {display: flex;}

.complex-list, .simple-list, .simple-grid-item, .complex-grid-item, .complex-list-image, .simple-list-image {background-color: #F2F0EB;}

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

.complex-list-image .feed-item-right, .simple-list-image .feed-item-right {padding: 20px 30px 10px 20px;}

.simple-grid-item, .complex-grid-item {clip-path: polygon(100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 0%, 0% 0%, 73% 0%, 85% 0%, 100% 15%, 100% 23%);}

.complex-list-item, .complex-list-image, .simple-list-image, .simple-list-item {clip-path: polygon(100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 0%, 0% 0%, 73% 0%, 94% 0%, 100% 20%, 100% 23%);}

/* .fl-post-column .fl-post-grid-post {display: flex;} */

.complex-grid-item .fl-post-text, .simple-grid-item .fl-post-text {padding: 30px 30px 20px 30px;}

.complex-grid-item, .simple-grid-item {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
}

.complex-grid-item .fl-post-text, .simple-grid-item .fl-post-text {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
}

.complex-grid-item .fl-post-more-link, .simple-grid-item .fl-post-more-link {margin-top: auto;}

.simple-grid-item .fl-post-image img, .complex-grid-item:not(.person-grid-item):not(.dpc-member-item) .fl-post-image img, .image-cards img {
	min-height: 250px;
	max-height: 250px;
	object-fit: cover;
}

.complex-list-image .fl-post-image img {
	min-height: 400px;
	object-fit: cover;
}

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

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

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

.feed-meta-value {
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 1.2em;
}

.fl-post-title {
	font-size: 28px !important;
	padding-bottom: 15px !important;
	font-weight: 700;
}

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

.invert .complex-grid-item .fl-post-title a, .invert .simple-grid-item .fl-post-title a {color: #213138 !important;}
.invert .complex-grid-item p, .invert .simple-grid-item p {color: #4a575d !important;}
.fl-page .invert .complex-grid-item .button.simple-button *, .invert .complex-grid-item a.button.simple-button *, .fl-page .invert .simple-grid-item .button.simple-button *, .invert .simple-grid-item a.button.simple-button * {color: #213138 !important;}
.fl-page .invert .complex-grid-item .button.simple-button::after, .invert .complex-grid-item a.button.simple-button::after, .fl-page .invert .simple-grid-item .button.simple-button::after, .invert .simple-grid-item a.button.simple-button::after {content: url(/wp-content/themes/yoko-acec-child/images/chevron-blue.svg);}
.fl-page .invert .complex-grid-item .button.simple-button:hover *, .invert .complex-grid-item a.button.simple-button:hover *, .fl-page .invert .simple-grid-item .button.simple-button:hover *, .invert .simple-grid-item a.button.simple-button:hover * {color: #E09A10 !important;}
.fl-page .invert .complex-grid-item .button.simple-button:hover::after, .invert .complex-grid-item a.button.simple-button:hover::after, .fl-page .invert .simple-grid-item .button.simple-button:hover::after, .invert .simple-grid-item a.button.simple-button:hover::after {content: url(/wp-content/themes/yoko-acec-child/images/chevron-yellow.svg);}

@media screen and (max-width: 767px) {
	.complex-list-item {padding: 20px;}
	.fl-post-feed-post {margin-bottom: 20px !important;}
}

/* DPC Members */

.dpc-member-item .fri-flex-row {gap: 0;}

.dpc-member-item .top-meta {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}

.dpc-member-item .top-meta .feed-meta-value:not(:last-of-type)::after {
	content: ' - ';
}

.dpc-member-item .bottom-meta {border-top: 1px solid #4A575D;}

/* State Site Accordions */

.state-map .fl-post-feed-post {
    box-shadow: 0px 4px 24px rgb(41 76 182 / 20%);
}

.state-accordion {
	border: 0px;
	background-color: #F2F0EB;
}

.state-accordion-title,
.accordion-content,
.state-name {
    display: flex;
	justify-content: space-between;
}

.accordion-title {text-decoration: none !important;}

.state-accordion-title {padding: 10px 30px;}

.accordion-content {
	padding: 30px;
    overflow: hidden;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* Firefox 4 */
    -webkit-transition: all 0.3s;
    /* Safari and Chrome */
    -o-transition: all 0.3s;
    /* Opera */
}

.accordion-sidebar {
	padding-left: 10px;
    margin-right: 30px;
	width: 25%;
}

.state-name {
    margin-right: 30px;
}

.state-name h5 {
    font-size: 21px;
}

.accordion-main,
.state-title {
    width: 70%;
}

h6.state-label {margin-bottom: 0;}

.state-content-item:not(:last-of-type) {margin-bottom: 20px;}

.accordion-title.active .state-accordion-title {transition: all .3s;}

.accordion-title .state-accordion-title {
    margin-bottom: 0px;
    transition: all .5s;
}

.accordion-icon {
    margin-right: 10px;
}

.accordion-icon {
   padding-top: 12px;
}

.accordion-title .lnr-plus-circle,
.accordion-title.active .lnr-plus-circle {
	font-family: 'Linearicons';
	color: #213138;
}

.accordion-title .lnr-plus-circle:before{content: "\e95b";}
.accordion-title.active .lnr-plus-circle:before {content: "\e95c";}

.accordion-title:active .state-accordion-title,
/* .accordion-title:focus .state-accordion-title, */
.accordion-title:hover .state-accordion-title,
.accordion-title.active .state-accordion-title {
    background: radial-gradient(100% 100% at 0% 0%, #FFDD6C 0%, #EFB54F 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #EFB54F;
}

.state-content p, .state-field {font-size: 16px;}

@media screen and (max-width: 767px) {
	.accordion-content {flex-direction: column;}
	.accordion-sidebar, .accordion-main, .state-title {width: 100%;}
	.accordion-sidebar {
		padding-left: 0;
		margin-right: 0;
	}
}

/*** STATIC ***/

/* Grids */

.grid-cards .fl-col-group .fl-col:first-of-type .fl-col-content {margin-right: 20px;}

.grid-cards .fl-col-group .fl-col:nth-of-type(2) .fl-col-content {margin-left: 20px;}

.grid-cards .fl-module:not(.fl-module-photo):not(.fl-module-video) .fl-module-content {
	margin-left: 30px;
	margin-right: 30px;
}

.grid-cards .fl-module:first-of-type:not(.fl-module-photo):not(.fl-module-video) .fl-module-content {margin-top: 30px;}

.grid-cards .fl-module:last-of-type .fl-module-content {margin-bottom: 30px;}

.fl-number-string {overflow: visible;}

/* Search */

.general-search .search-form {position: relative;}

.general-search .search-form input[type=text] {
	background: #F2F0EB;
    border: 0px !important;
    box-shadow: none;
    border-radius: 0px;
    padding: 20px;
}

.general-search .search-form input[type=text]::placeholder {color: #4A575D;}

.general-search .search-form .heroicon {
	background: rgba(0,0,0,0);
	position: absolute;
    right: 0;
    top: -5px;
}

.general-search .search-form .heroicon::before {display: none;}

.general-search .search-form .heroicon svg {stroke: #E09A10;}

/* Lists */

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

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

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

/* Individual Posts */

@media screen and (min-width: 768px) {
	.post-banner {
		position: relative;
		z-index: 1;
	}
	
	.post-banner .fl-row-content-wrap {
		position: relative;
		margin-left: calc((100vw - 1175px)/2);
	}
	
	.post-banner .fl-row-content {
		margin: 0;
		/* max-width: 1100px !important; */
	}
	
	.post-content {
		margin-left: calc((100vw - 1230px)/2);
		background-color: #DBDEDF;
		margin-top: -30px;
		position: relative;
		clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 8%, 4% 0%);
		margin-bottom: 60px;
	}
	
	.post-content .fl-row-content-wrap {
		background-color: #fff;
		clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 8%, 4% 0%);
		margin-top: 1px;
		margin-left: 1px;
		margin-bottom: 1px;
		padding-top: 65px;
		padding-left: 47px;
	}
	
	.post-content .fl-row-content {
		margin: 0;
		max-width: 1100px;
	}
}

.fl-builder-edit .post-content, .fl-builder-edit .fl-row-content-wrap {clip-path: none;}

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

.footer-main, .footer-main .menu li a {
	font-size: 16px;
}

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

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

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

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

.footer-main .sso-account-links {
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-sub {
	font-size: 0.75em;
	background: linear-gradient(358deg, #213138 42.59%, #445056 129.12%);
}

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

@media screen and (max-width: 767px) {
	.footer-cta-container .fl-col:first-of-type {clip-path: polygon(100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 0%, 0% 0%, 73% 0%, 85% 0%, 100% 15%, 100% 23%);}
	.footer-cta-container .fl-col.top-right-notch .fl-col-content, .footer-cta-container .fl-col.top-right-notch {clip-path: none;}
	.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; 
	}
}

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

/* Button Groups */

.fl-button-group-button:first-of-type a.fl-button {border: 2px solid #F7C95D !important;}

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

.fl-button-group-button:not(:first-of-type) a.fl-button * {color: #213138 !important;}

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

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

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

.invert .fl-button-group-button:not(:first-of-type) a.fl-button::after {
	content: url(/wp-content/themes/yoko-acec-child/images/chevron-white.svg);
}

.invert .fl-button-group-button:not(:first-of-type) a.fl-button:hover * {
	color: #213138 !important;
}

.invert .fl-button-group-button:not(:first-of-type) a.fl-button:hover::after {
	content: url(/wp-content/themes/yoko-acec-child/images/chevron-blue.svg);
}

/* Forms */

.hbspt-form {
	padding: 40px;
	background-color: #F2F0EB;
}

.hbspt-form .hs-form-field {margin-bottom: 30px;}

.hbspt-form label {
	font-size: 14px;
	text-transform: uppercase;
	color: #1E2827;
}

.hs-fieldtype-checkbox ul {
	list-style-type: none;
	padding-left: 0;
}

input.hs-input {margin-right: 10px;}

select.hs-input {
	background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #1E2827;
	border: 1px solid #DBDEDF !important;
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
	padding: 5px;
}

/* SSO Content */

/* body:not(.restricted-content) .member-only-content {display: block;}
body:not(.restricted-content) .non-member-content {display: none;}

.restricted-content .member-only-content {display: none;}
.restricted-content .non-member-content {display: block;}

.restricted-content.current-user-has-access .member-only-content {display: block;}
.restricted-content.current-user-has-access .non-member-content {display: none;} */

.restricted-content-notice a.button {display: inline-flex;}

.restricted-content-notice a.intent-login {
	margin-right: 10px;
}

.restricted-content-notice a.button.intent-login {
    	border: 2px solid #f7c95d;
}

.restricted-content-notice a.intent-login:hover {border: 2px solid #FFD579;}

li.mobile-only {padding: 15px;}

.mobile-only .sso-account-links a {
	font-size: 11px;
	margin-right: 15px;
}

/******************************************************************************************/
/************************************** 8 FACETWP *****************************************/
/******************************************************************************************/

.facetwp-facet {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: linear-gradient(0deg, #FFFFFF, #FFFFFF), #1E2827;
	border: 1px solid #DBDEDF !important;
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
}

.fs-label-wrap .fs-label, .facetwp-type-date_range input::placeholder {
	color: rgba(30, 40, 39, 0.5);
	font-size: 16px;
}

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

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

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

.facetwp-type-date_range input::placeholder {
	background: url(/wp-content/themes/yoko-acec-child/images/calendar.svg) no-repeat;
	background-position: right;
	color: rgba(30, 40, 39, 0.5);
}

.facetwp-type-date_range {
	display: flex;
    gap: 10px;
}

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

button.facetwp-reset {display: flex;}

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

/******************************************************************************************/
/******************************** 9 THE EVENTS CALENDAR ***********************************/
/******************************************************************************************/

.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input {
	border: 0px !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar, .gform_wrapper.gravity-theme .ginput_complex input, .gform_wrapper.gravity-theme .ginput_complex select {
	background-color: #FFFFFF;
	border: 1px solid #DBDEDF;
	border-radius: 4px;
}

.tribe-common h1, .tribe-common h2, .tribe-common h3, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common p, .tribe-common a, .tribe-common abbr, .tribe-common acronym, .tribe-common address, .tribe-common applet, .tribe-common article, .tribe-common aside, .tribe-common audio, .tribe-common b, .tribe-common big, .tribe-common blockquote, .tribe-common canvas, .tribe-common caption, .tribe-common center, .tribe-common cite, .tribe-common code, .tribe-common dd, .tribe-common del, .tribe-common details, .tribe-common dfn, .tribe-common div, .tribe-common dl, .tribe-common dt, .tribe-common em, .tribe-common embed, .tribe-common fieldset, .tribe-common figcaption, .tribe-common figure, .tribe-common footer, .tribe-common form, .tribe-common h1, .tribe-common h2, .tribe-common h3, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common header, .tribe-common i, .tribe-common iframe, .tribe-common img, .tribe-common ins, .tribe-common kbd, .tribe-common label, .tribe-common legend, .tribe-common li, .tribe-common main, .tribe-common mark, .tribe-common menu, .tribe-common nav, .tribe-common object, .tribe-common ol, .tribe-common output, .tribe-common p, .tribe-common pre, .tribe-common q, .tribe-common ruby, .tribe-common s, .tribe-common samp, .tribe-common section, .tribe-common small, .tribe-common span, .tribe-common strike, .tribe-common strong, .tribe-common sub, .tribe-common summary, .tribe-common sup, .tribe-common table, .tribe-common tbody, .tribe-common td, .tribe-common tfoot, .tribe-common th, .tribe-common thead, .tribe-common time, .tribe-common tr, .tribe-common tt, .tribe-common u, .tribe-common ul, .tribe-common var, .tribe-common video, .tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input, .tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {font-family: 'Raleway',sans-serif !important;}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {
	font-family: 'Playfair Display', sans-serif !important;
	font-weight: 700 !important;
	font-size: 25px !important;
}

.tribe-events .tribe-events-calendar-list__month-separator:after {
	margin-top: 10px;
	background-color: #DBDEDF;
}

.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input::placeholder,
.tribe-filter-bar-c-pill__pill-label,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small {
	color: #4A575D;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.08em;
	text-transform: none;
}

.tribe-filter-bar .tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill {
	padding: 12px 18px;
	border-radius: 80px;
}

.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {
	border: 0px !important;
	font-family: 'Playfair Display', sans-serif !important;
	font-weight: 700 !important;
	font-size: 32px !important;
	color: #4A575D !important;
	text-transform: none;
	letter-spacing: 0px;
}

.tribe-common .tribe-common-c-svgicon {color: #E09A10 !important;}

.tribe-common .tribe-common-c-btn-icon--caret-left:disabled .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-btn-icon--caret-right:disabled .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-svgicon__svg-fill, .tribe-events-c-nav__prev-icon-svg path, .tribe-events-c-nav__next-icon-svg path {fill: #E09A10 !important;}

.tribe-common .tribe-common-c-btn-icon--caret-left:disabled .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-btn-icon--caret-right:disabled .tribe-common-c-btn-icon__icon-svg path,
.tribe-events .tribe-events-c-nav__next:disabled .tribe-events-c-nav__next-icon-svg path, .tribe-events .tribe-events-c-nav__prev:disabled .tribe-events-c-nav__prev-icon-svg path {opacity: 0.5;}

.tribe-events .datepicker .day.current, .tribe-events .datepicker .day.current.focused, .tribe-events .datepicker .day.current:focus, .tribe-events .datepicker .day.current:hover, .tribe-events .datepicker .month.current, .tribe-events .datepicker .month.current.focused, .tribe-events .datepicker .month.current:focus, .tribe-events .datepicker .month.current:hover, .tribe-events .datepicker .year.current, .tribe-events .datepicker .year.current.focused, .tribe-events .datepicker .year.current:focus, .tribe-events .datepicker .year.current:hover {background: #F2F0EB !important;}

.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover {background: #E09A10 !important;}

.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover, .tribe-events .datepicker .day.current, .tribe-events .datepicker .day.current.focused, .tribe-events .datepicker .day.current:focus, .tribe-events .datepicker .day.current:hover, .tribe-events .datepicker .month.current, .tribe-events .datepicker .month.current.focused, .tribe-events .datepicker .month.current:focus, .tribe-events .datepicker .month.current:hover, .tribe-events .datepicker .year.current, .tribe-events .datepicker .year.current.focused, .tribe-events .datepicker .year.current:focus, .tribe-events .datepicker .year.current:hover {border-radius: 0px;}

.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {
	color: var(--tec-color-text-primary);
    font-family: var(--tec-font-family-sans-serif);
    font-size: var(--tec-font-size-1);
    line-height: var(--tec-line-height-0);
    font-weight: var(--tec-font-weight-regular);
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: auto;
    padding: 0;
    text-decoration: none;
    width: auto;
    background-color: var(--tec-color-background);
    border: 1px solid var(--tec-color-border-default);
    border-radius: var(--tec-border-radius-default);
    text-align: center;
    transition: var(--tec-transition-color-border-color);
	padding: 6px 15px;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border, .tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button, .tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
	background-color: rgba(0,0,0,0);
	border-radius: 0 !important;
	border: 2px solid #E09A10 !important;
	color: #213138 !important;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border:hover, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border:hover, .tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button:hover {background-color: #E09A10 !important;}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text::after, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text::after,
.tribe-common .tribe-common-c-btn-icon::after,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3::after,
.tribe-filter-bar .tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill::after,
button.tribe-events-c-nav__prev::after, button.tribe-events-c-nav__next::after,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-cost,
.tribe-filter-bar-c-filter__filters-close::after, .tribe-events-calendar-list__event-cost,
.tribe-events .tribe-events-header button::after {display: none;}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__month-separator+.tribe-events-calendar-list__event-row, .tribe-common-g-row.tribe-events-calendar-list__event-row {
	background: #F2F0EB;
	margin-left: 0px;
	width: 100%;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__month-separator+.tribe-events-calendar-list__event-row {clip-path: polygon(100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 0%, 0% 0%, 73% 0%, 90% 0%, 100% 20%, 100% 23%);}

.tribe-common-g-row.tribe-events-calendar-list__event-row {clip-path: polygon(100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 0%, 0% 0%, 73% 0%, 80% 0%, 100% 15%, 100% 23%);}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row>.tribe-common-g-col,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {padding-right: 0px !important;}

/* .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {clip-path: polygon(100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 0%, 0% 0%, 73% 0%, 85% 0%, 100% 15%, 100% 23%);} */

.tribe-events-calendar-list__event-date-tag, .tribe-events-calendar-list__event-details {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.tribe-events-calendar-list__event-featured-image-wrapper {height: auto;}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {max-width: 320px;}

img.tribe-events-calendar-list__event-featured-image {
	min-height: 300px;
	max-width: 280px;
	object-fit: cover;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	color: rgba(74, 87, 93, 0.5) !important;
}

.tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5.tribe-common-h4--min-medium,
.tribe-common .tribe-common-anchor-thin {
	font-family: 'Playfair Display', sans-serif !important;
	font-weight: 700 !important;
	font-size: 25px !important;
	color: #213138 !important;
}

.tribe-event-date-start, .tribe-event-time, .tribe-event-date-end {
	font-size: 16px;
	text-transform: uppercase;
	color: #4A575D;
	letter-spacing: 0.08em;
}

.tribe-events-address {font-size: 18px;}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
	background-color: #FFD579 !important;
	color: #213138 !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown, .tribe-events .tribe-events-c-subscribe-dropdown {margin: 10px 0;}

.tribe-events-c-subscribe-dropdown__button-text, .event-content .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button, .event-content .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
	background-color: rgba(0,0,0,0) !important;
	padding: 0px !important;
}

.tribe-events-calendar-list__event-row:not(:first-of-type) {margin-left: 0px !important;}

.gravity-theme.ui-datepicker {
	max-width: 400px;
	position: relative;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar a, .gravity-theme.ui-datepicker .ui-datepicker-calendar span, .gravity-theme.ui-datepicker .ui-datepicker-calendar th span, .gravity-theme.ui-datepicker .ui-datepicker-header select {font-size: 14px;}

.tribe-events .tribe-events-calendar-month__calendar-event-title-link, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link {
	font-size: 12px !important;
	font-family: 'Raleway',sans-serif !important;
}

/* Media Queries */

@media screen and (max-width: 767px) {
	.tribe-events-calendar-list__event-date-tag {padding-top: 17px !important;}
	.tribe-events-calendar-list__event-featured-image-wrapper {margin-bottom: 0 !important;}
	.tribe-events-calendar-list__event-details {padding: 20px !important;}
	.tribe-events-calendar-list__event-header {padding-right: 20px !important;}
}

@media screen and (min-width: 768px) and (max-width: 820px) {
	.tribe-common h1, .tribe-common h2, .tribe-common h3, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common p, .tribe-common a, .tribe-common abbr, .tribe-common acronym, .tribe-common address, .tribe-common applet, .tribe-common article, .tribe-common aside, .tribe-common audio, .tribe-common b, .tribe-common big, .tribe-common blockquote, .tribe-common canvas, .tribe-common caption, .tribe-common center, .tribe-common cite, .tribe-common code, .tribe-common dd, .tribe-common del, .tribe-common details, .tribe-common dfn, .tribe-common div, .tribe-common dl, .tribe-common dt, .tribe-common em, .tribe-common embed, .tribe-common fieldset, .tribe-common figcaption, .tribe-common figure, .tribe-common footer, .tribe-common form, .tribe-common h1, .tribe-common h2, .tribe-common h3, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common header, .tribe-common i, .tribe-common iframe, .tribe-common img, .tribe-common ins, .tribe-common kbd, .tribe-common label, .tribe-common legend, .tribe-common li, .tribe-common main, .tribe-common mark, .tribe-common menu, .tribe-common nav, .tribe-common object, .tribe-common ol, .tribe-common output, .tribe-common p, .tribe-common pre, .tribe-common q, .tribe-common ruby, .tribe-common s, .tribe-common samp, .tribe-common section, .tribe-common small, .tribe-common span, .tribe-common strike, .tribe-common strong, .tribe-common sub, .tribe-common summary, .tribe-common sup, .tribe-common table, .tribe-common tbody, .tribe-common td, .tribe-common tfoot, .tribe-common th, .tribe-common thead, .tribe-common time, .tribe-common tr, .tribe-common tt, .tribe-common u, .tribe-common ul, .tribe-common var, .tribe-common video, .tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input, .tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {
		color: #213138;
		font-size: 14px;
	}
	.tribe-events .tribe-events-c-events-bar__search-button::after, .tribe-events .tribe-events-c-view-selector__button::after {display: none !important;}
}

/******************************************************************************************/
/*************************************** 10 NOTCHES ****************************************/
/******************************************************************************************/

.fl-col.top-left-notch .fl-col-content, .fl-col.top-left-notch .fl-col-content .fl-photo img  {clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 20%, 15% 0%);}

.footer-main.top-left-notch {clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 15%, 5% 0%);}

.top-right-notch, .fl-col.top-right-notch .fl-col-content,
.grid-cards:not(.horizontal-card) .fl-col-group .fl-col:not(.unset) .fl-col-content,
.grid-columns:not(.horizontal-card) .fl-col-group .fl-col:not(.unset) .fl-module-content .fl-photo,
.river-contained .fl-photo {clip-path: polygon(100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 0%, 0% 0%, 73% 0%, 85% 0%, 100% 15%, 100% 23%);}

.grid-cards .fl-col:not(.unset) {min-height: 300px;}

@media screen and (max-width: 767px) {
	.footer-main.top-left-notch {
		clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 10%, 25% 0%);
	}
}

/******************************************************************************************/
/********************************** 11 COALITION PAGES ************************************/
/******************************************************************************************/

.coalition-top-bar .logged-in-content {
	display: flex;
	gap: 20px;
}

.coalition-top-bar a, .coalition-top-bar .sso-account-links a {color: #213138 !important;}

.coalition-top-bar .search-form input {padding: 10px;}

.coalition-top-bar .search-form::before {
	content: url(/wp-content/themes/yoko-acec-child/images/search.svg);
	height: 24px;
	width: 24px;
	position: absolute;
	margin-left: 10px;
    margin-top: 8px;
}

.coalition-top-bar .search-form input::placeholder, .coalition-top-bar .search-form input#s {font-size: 16px;}

.coalition-top-bar .search-form input#s {padding-left: 40px;}

/******************************************************************************************/
/************************************** 12 SUBSITES ***************************************/
/******************************************************************************************/

.subsite-top-bar .logged-in-content {
	display: flex;
	gap: 20px;
}

.subsite-top-bar a, .subsite-top-bar .logged-in-content a {color: #213138 !important;}

.subsite-menu ul.menu {
	width: 100%;
	justify-content: space-between;
}

.subsite-menu ul::before, .subsite-menu ul::after {display: none !important;}

.subsite-menu .fl-menu a {
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	color: #213138;
}

.subsite-menu .fl-menu a:hover {color: #F7C95D;}

.subsite-menu .fl-menu-search-item a.fl-button, .subsite-menu .fl-menu-search-item a.fl-button:hover {background-color: rgba(0,0,0,0);}

.subsite-menu .fl-menu-search-item a.fl-button .fl-button-icon i {color: #213138 !important;}

.subsite-menu .fl-menu-search-item a.fl-button::after {display: none !important;}

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

.logged-in .logged-out-only {display: none;}

@media screen and (max-width: 767px) {
	a.fl-button {
		width: 100%;
		justify-content: center;
	}
}