/*
Theme Name: School Nutrition Association Website by Yoko Co
Theme URI: http://www.yokoco.com
Version: 1.01
Description: A custom child theme for School Nutrition Association 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 **********************************/
/******************************************************************************************/

/*.fl-page {
	max-width: 1800px;
    	margin: 0 auto;
}*/

/* Text Styles */

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

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

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

.leadin p ,
.leadin-small p {
    text-transform: uppercase;
    font-weight: 700;
}

.leadin-small p {
    font-size: 12px;
}

.green-caps,
.green-caps .fl-heading-text,
.green-caps h1, .green-caps h2, .green-caps h3, .green-caps h4, .green-caps h5, .green-caps h6,
h1.green-caps, h2.green-caps, h3.green-caps, h4.green-caps, h5.green-caps, h6.green-caps {
	color: #1A8920;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 16px;
}

.invert .green-caps,
.invert .green-caps .fl-heading-text,
.invert .green-caps h1, .invert .green-caps h2, .invert .green-caps h3, .invert .green-caps h4, .invert .green-caps h5, .invert .green-caps h6,
.invert h1.green-caps, .invert h2.green-caps, .invert h3.green-caps, .invert h4.green-caps, .invert h5.green-caps, .invert h6.green-caps {
	color: #5DC062;
}

.blocks-left .fl-heading {
	display: flex;
}

.blocks-left .fl-heading::before,
.blocks-left .fl-heading::after,
.blocks-left .fl-heading .fl-heading-text {
	display: block;
	padding-right: 20px;
}

.blocks-left .fl-heading::before {	
	content: url(/wp-content/themes/yoko-sna/images/heading-blocks.svg);
}

.blocks-left .fl-heading::after {
	content: '';
	flex-grow:2;
    height: 2px;
	margin-top: 30px;
	background: rgba(226, 223, 226, 0.5);
}

.invert .blocks-left .fl-heading::after, 
.invert.blocks-left .fl-heading::after {
	background: rgba(225, 225, 225, 0.2);
}

.thin-heading h1, .thin-heading h2, .thin-heading h3, .thin-heading h4, .thin-heading h5, .thin-heading h6 {font-weight: 400;}

.fl-icon {
	color: #5DC062;
}

/* Backgrounds */

.bg-main > .fl-row-content-wrap, .bg-main > .fl-col-content, .bg-main.fl-module {
	background: linear-gradient(180deg, #5DC062 0%, #39933E 95.07%), #888888; 
}

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

.bg-dark > .fl-row-content-wrap, .bg-dark > .fl-col-content, .bg-dark.fl-module {
	background: radial-gradient(13.15% 136.71% at 0% 1.26%, rgba(227, 106, 19, 0.5) 0%, rgba(199, 134, 37, 0) 100%), linear-gradient(345.57deg, #370633 20.46%, #5C0A55 100%), #222222;
}

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

/* Page Bar/Top Nav */

.fl-page-bar {
	border-top: 4px solid #D71E30;
	border-bottom: 1px solid #f0eef0;
}

.fl-page-bar-container {padding: 8px 0;}

.fl-page-bar .text-left {width: 17%;}
.fl-page-bar .text-right {width: 83%;}

.fl-page-bar-nav > li > a {
	padding: 2px 15px;
  }

.fl-page-bar .text-left .fl-social-icons {
    margin-top: 4px;
}

.fl-page-bar .text-left .fl-social-icons a i.fab {
	display:inline-block;
	color: rgba(69, 62, 81, 0.75);
	transition: transform .3s ease;
	margin-right: 5px;
}

.fl-page-bar .text-left .fl-social-icons a:hover i.fab {
	color: #453E51 !important;
	transform: translateY(-5px);
}

.fl-page-bar .text-right {
	font-size: 16px;
}

.fl-page-bar .text-right .fl-page-bar-text {
	display: flex;
	justify-content: flex-end;
	gap: 30px;
	align-items: center;
}

.fl-page-bar .sso-account-links .account-link,
.fl-page-bar .sso-account-links .login-link {
	background: linear-gradient(180deg, #D71E30 0%, #A11624 100%);
	padding: 14px 20px;
	transition: background 1s ease-out;
	background-size: 1px 100px;
}

.fl-page-bar .sso-account-links .account-link:hover,
.fl-page-bar .sso-account-links .login-link:hover {
	background-position: 10px;
}

.fl-page-bar .sso-account-links .account-link a,
.fl-page-bar .sso-account-links .login-link a {
	color: #fff;
	font-weight: 500;
}

.fl-page-bar .sso-account-links .account-link a:hover,
.fl-page-bar .sso-account-links .login-link a:hover {
	text-decoration: none;
}

.fl-page-bar .sso-account-links .account-link a::after,
.fl-page-bar .sso-account-links .login-link a::after {
	content: url(/wp-content/themes/yoko-sna/images/icon-person.svg);
	margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
}

.fl-page-bar .text-right .fl-page-bar-text a,
.fl-page-bar .sso-account-links .account-link,
.fl-page-bar .sso-account-links .login-link,
.fl-page-nav-right .fl-page-nav ul.navbar-nav>li {
	transition: all .2s ease;
}

li.mobile-only.sso-links {padding: 20px;}

/* Logo & Nav */

.fl-page-header, .fl-page-header-wrap {box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);}

.fl-page-header-fixed .fl-page-logo-wrap, .fl-page-header-logo-col {width: 15%;}
.fl-page-header-fixed .fl-page-fixed-nav-wrap, .fl-page-nav-col {width: 85%;}

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

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

.fl-page-header-primary .fl-logo-img {
	padding: 10px 10px 10px 0px;
}

.fl-page-nav .fl-page-nav-search {display: none;}

.fl-page-nav .navbar-toggle {box-shadow: none;}

/* Menu Hovers */

.fl-page-nav-right .fl-page-nav ul.navbar-nav>li:hover,
.fl-page-nav-right li.current-menu-item,
.fl-page-nav-right li.current-menu-ancestor, li.current-menu-parent {
	background: linear-gradient(180deg, #F6EAF5 0%, #FFFFFF 60%);
	box-shadow: -1px 0px 0px #F0EFF0, inset 0px 2px 0px rgba(134, 29, 125, 0.05);
}

.fl-page-nav-right .fl-page-nav ul.navbar-nav>li:hover,
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a:hover {
	color: #453e51;
}

.fl-page-nav-right li.current-menu-item a,
.fl-page-nav-right li.current-menu-ancestor>a, .fl-page-nav-right li.current-menu-parent>a {
	color: #453e51 !important;
}

/* Sub Menu */

.fl-page-nav ul.sub-menu {
	box-shadow: none;
	border-top: 0px;
	padding: 0px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04)
}

.fl-page-nav ul.sub-menu ul.sub-menu {padding-bottom: 0px;}

.fl-page-nav ul.sub-menu,
.fl-page-nav ul.sub-menu li:last-child:hover {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.fl-page-nav ul.sub-menu li:not(:last-child) {
	border-bottom: 1px solid #f0eef0;
}

.fl-page-nav ul.sub-menu li:hover,
.fl-page-nav-right ul.sub-menu li.current-menu-item {
	background-color: #1A8920 !important;
	background: none;
	box-shadow: none;
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav ul.sub-menu li:hover>a,
.fl-page-nav-right li.current-menu-item ul.sub-menu li:hover>a,
.fl-page-nav-right ul.sub-menu li.current-menu-item>a,
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav ul.sub-menu li:hover>a *,
.fl-page-nav-right li.current-menu-item ul.sub-menu li:hover>a *,
.fl-page-nav-right ul.sub-menu li.current-menu-item>a * {
	color: #fff !important;
}

/* Breadcrumbs */

.breadcrumb li::after {margin: 0 4px;}

/* Media Queries */

@media screen and (min-width: 1024px) {
	.fl-page-nav-right .fl-page-nav ul.navbar-nav>li {
		text-align: left;
		height: 130px;
		display: flex;
		border-left: 1px solid #f0eef0;
		align-items: center;
		width: 150px;
	}
}

@media screen and (max-width: 1024px) {
	.fl-page-bar, .fl-page-bar li.top-bar-search {display: none;}
	.fl-page-header-primary .fl-logo-img {max-width: 150px;}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile.fl-page-nav-right .fl-page-header-row .fl-page-header-logo {padding: 0px;}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle {top: 40px;}
	.sso-links {
		text-align: left;
		padding: 15px;
		border: none !important;
	}
	.search-tablet {
		width: 50%;
		border: none !important;
	}
	.search-form {
		display: flex;
		gap: 20px;
	}
}

@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*/
	}
	/* Top Bar */
	.fl-page-bar-row {max-width: 1100px;}

   
	.fl-page-header-fixed .fl-page-header-wrap {
		background: #fff;
	}
	.fl-page-bar ul.fl-page-bar-nav {
		display: flex; 
		margin-top:4px;
	}
	li.top-bar-search {width: 50px;}
	li.top-bar-search .fl-page-nav-search {
		display: block;
		position: relative;
		height: 100%;
	}
	li.top-bar-search .fl-page-nav-search a.fa-search {
		position: absolute;
		right: 15px;
		top: -8px;
	}
	/* Main Menu */
	.fl-page-nav-right .fl-page-header-container {padding: 0px;}
	.fl-page-nav-right .fl-page-header-row .fl-page-header-logo-col {padding-right: 10px;}
	/* Fixed Menu */
	.fl-page-nav-right.fl-page-header-fixed .fl-logo-img, .fl-page-header-fixed .fl-logo-img {
		max-height: 75px !important;
		padding-bottom: 5px;
	}
	.fl-page-header-fixed .fl-page-nav-wrap .navbar-nav>li {
		height: 75px !important;
	}
	.fl-page-nav-right.fl-page-header-fixed .fl-page-header-container.container, .fl-page-header-fixed .fl-page-header-container.container {
		padding: 0px;
		margin: 0;
    	max-width: 1600px;
	}
}

@media screen and (max-width: 767px) {
	.fl-page-header-container {padding-top: 0px;}
	.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: 0px;}
	.fl-page-header-primary .fl-logo-img {width: 120px !important;}
    .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {box-shadow: none;}
	.fl-page-nav .navbar-toggle:focus, button.navbar-toggle:hover {
		outline: none;
		border: none;
	}
	button.navbar-toggle::after {display: none;}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {top: 32px;}
	.search-tablet {
		width: 100%;
		padding-bottom: 20px;
	}
	.sso-links {padding-left: 0px;}
}

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

/* Main Banner */

.banner-main {
	/*background: radial-gradient(100% 379.29% at 0% 100%, #901386 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(90deg, rgba(37, 4, 34, 0.95) 11.94%, #370632 50.16%, rgba(55, 6, 50, 0) 100%), linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 69.43%), #380734;*/
	background: radial-gradient(100% 100.00% at 0% 100%, #901386 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(90deg, rgba(37, 4, 34, 0.9) 10%, #370632 60%, rgba(55, 6, 50, 0) 100%), linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 70%), #380734;
}

.header-image .fl-row-content-wrap::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background: radial-gradient(100% 379.29% at 0% 100%, #901386 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(90deg, rgba(37, 4, 34, 0.95) 11.94%, #370632 50.16%, rgba(55, 6, 50, 0) 100%), linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 69.43%);*/
	background: radial-gradient(100% 100.00% at 0% 100%, #901386 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(90deg, rgba(37, 4, 34, 0.9) 10%, #370632 60%, rgba(55, 6, 50, 0) 100%), linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 70%);
}

.header-image .fl-row-content {z-index: 99;}

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

.banner-main-title .fl-heading {
	display: flex;
	flex-direction: column;
}

.banner-main-title .fl-heading::before {
	content: url(/wp-content/themes/yoko-sna/images/heading-blocks.svg);
	margin-bottom: -10px;
}

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

.breadcrumb-col {width: 75%;}
.share-col {width: 25%;}

.banner-main-breadcrumbs {
	opacity: 0.75;
	font-size: 14px;
}

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

/* Secondary Banner */

.banner-second-date .fl-rich-text {
    display: flex;
    justify-content: flex-end;
}

.banner-second-date .fl-rich-text::before {
	content: '\e785';
    font-family: 'Linearicons';
    font-size: 16px;
    margin-right: 10px;
	color: #5DC062;
}

.banner-second-author .fl-rich-text {
    display: flex;
}

.banner-second-author .fl-rich-text::before {
	content: '\e71e';
    font-family: 'Linearicons';
    font-size: 16px;
    margin-right: 10px;
	color: #5DC062;
}

.banner-second-subtitle h2 .fl-heading-text {font-weight: 400;}

.banner-second-image img {
	width: 1120px;
    height: 480px;
    object-fit: cover;
}

/* AddtoAny Icons */

.banner-social-share {
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.banner-social-share .fl-module-content {margin: 23px 0;}

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

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

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

.invert .banner-social-share .a2a_svg g, .invert .banner-social-share .a2a_svg path {fill: rgba(255, 255, 255, 0.6);}

.banner-social-share .a2a_svg:hover, .banner-social-share .a2a_svg:hover {transform: translateY(-5px);}

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

.invert .banner-social-share .a2a_kit a:hover g, .invert .banner-social-share .a2a_kit a:hover path {fill: #fff;}

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

@media screen and (max-width: 767px) {
	.banner-social-share {
		display: flex;
		justify-content: center;
	}
	.banner-social-share .fl-module-content {margin: 0px;}
	.breadcrumb-col {text-align: center;}
}

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

/* This is the default container for a grid item in the posts module. */
.fl-post-grid .fl-post-grid-post {
	
}

/* Complex Feeds */

.feed-item-complex, .feed-item-simple {padding: 16px;}

.feed-item-complex-no-image {padding: 40px;}

.feed-item-complex, .feed-item-simple {border: 1px solid #ECE9EC;}

.feed-item-complex .fl-post-title {padding-bottom: 8px;}

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

.feed-meta-block {
	font-size: 14px; 
	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; 
}

/* Ajax Load More Styles */

.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 #ECE9EC !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: 28px;}

[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 #ECE9EC;
	color: #46545D;
	padding: 10px 12px !important;
	background-color: #fff !important;
	margin: 0 3px;
}

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

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

button#alm-filters-reset-button span {color: #453E51 !important;}

button#alm-filters-reset-button:hover {
	border: 2px solid #1A8920;
	background-color: #1A8920;
	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;}

/* Event Feed */

.invert .fl-post-grid-post.type-tribe_events {border: none;}

.event-grid-item {
	border: 1px solid #ECE9EC;
	padding: 32px 32px 16px 32px !important;
}

.invert .event-grid-item {border: 1px solid rgba(255, 255, 255, 0.2);}

.invert .event-grid-item hr {border-top: 1px solid rgba(255, 255, 255, 0.2);}

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

/* People Feed */

.fl-post-grid-post.person, .fl-post-grid-post.member-profile {background-color: rgba(0,0,0,0) !important;}

.person-grid-item {
	border: none;
	text-align: center;
}

.person-grid-item img {max-width: 150px;}

/* Industry Partner Feed */

.industry-partner-grid-item {text-align: center;}

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

.image-border .fl-photo-content img {border: 16px solid #FFFFFF;}

.ghost-button.banner-button .linicon-arrow-left:before {
	color: #5DC062 !important;
	font-weight: 700;
}

.ghost-button.banner-button a:hover .linicon-arrow-left:before {color: #fff !important;}

/* Related Posts */

.related-posts .fl-html, #relevanssi_related_grid {
	display: flex !important;
	gap: 20px !important;
}

.related-post-col {
	width: 33%;
	background-color: #fff;
	border: 1px solid #ECE9EC;
	padding: 10px;
}

.related-post-col.related-resource {padding: 20px;}
.related-post-content {padding: 0px 20px;}

.related-post-content .feed-meta-value {padding-top: 10px;}

/* Recipe CPT */

h5.green-caps {font-size: 12px;}

/* Committee CPT */

.committee-members-grid .fl-html {
	display: flex;
	flex-flow: row wrap;
	gap: 100px;
}

.committee-members-grid .member-profile {
	width: 18%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.member-image {
	max-width: 150px;
	padding-bottom: 20px;
}

.member-title {
	font-size: 14px;
	font-weight: 500;
}

.member-name {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3em;
}

.member-title, .member-name, .member-district, .member-location {text-align: center;}

/* Course CPT */

.course-sponsors {
	display: flex;
    gap: 40px;
	flex-wrap: wrap;
}

.course-sponsor-partner-text {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.course-sponsor-partner-logo img {
	height: 100px;
	margin-bottom: 10px;
	object-fit: contain;
}

/* Journal CPT */

.journal-pdf-download a::before {
	content: '\e8f5';
	font-family: 'Linearicons';
	margin-right: 5px;
	font-weight: 700;
}

/* States */

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

.state-accordion {
    padding: 20px;
	border: 1px solid #ECE9EC;
	background-color: #fff;
}

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

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

.accordion-content {
    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: 20px;
}

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

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

.state-name h5, .state-title h5 {color: #5C0A55;}
.state-name h5:hover, .state-title h5:hover {color: #861D7D;}

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

.accordion-title.active .state-accordion-title {
    margin-bottom: 20px;
    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';}

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

.accordion-title:active,
.accordion-title:focus,
.accordion-title:hover {
    color: ##5DC062;
}

.state-leader {
    margin-bottom: 20px;
}

.state-leader h4,
.state-contact h4 {
    font-size: 20px;
}

.state-contact-info p {
    margin-bottom: 5px;
}

.state-content,
.leader,
.state-contact {
    font-size: 16px;
}

.state-leader-name {
    font-weight: 500;
}

.state-leader-role {
    font-size: 14px;
}

/* TEC Events */

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button {
	display: flex;
    align-items: center;
	border: 2px solid #D71E30;
	border-radius: 4px;
    font-weight: 500;
	text-decoration: none;
	-webkit-transition: background 0.5s;
	transition: background 0.5s;
	background-color: #D71E30;
	color: #fff;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.04);
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text {
	color: #fff;
	padding: 0px;
	background-color: rgba(0,0,0,0);
	border: 0px;
	box-shadow: none;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .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: #BC1A2A;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown:hover .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:hover {
	color: #fff !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 {
	display: none;
}

/* Media Queries */

@media screen and (max-width: 767px) {
    .accordion-icon {
        margin-right: 5px;
        padding-top: 8px;
    }
    .state-name h5 {
        font-size: 14px;
    }
    .state-title {
        margin: 0 10px;
    }
}

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

.footer .river-content-col .fl-col-content {margin-left: calc((100vw - 1120px)/2);}

.footer .fl-row-content-wrap {background-color: #40073B;}

.footer .fl-photo-content::before {display: none;}

.footer .fl-icon {transition: all .2s ease;}

.footer .fl-icon:hover {transform: translateY(-5px);}

.footer .icon-no-animation .fl-icon:hover {transform: none;}

.footer .fl-icon:hover i::before {color: #fff;}

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

.footer .menu li a {
	padding: 0px 0px 18px;
	display: flex;
	color: rgba(255, 255, 255, 0.7) !important;
	font-weight: 500;
}

.footer .menu li a::before {
	content: url(/wp-content/themes/yoko-sna/images/chevron-purple.svg);
	margin-right: 5px;
}

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

.footer .menu li a:hover::before {
	content: url(/wp-content/themes/yoko-sna/images/chevron-green.svg);
}

.footer .footer-horizontal-menu .menu {
	margin-left: 20px;
}

.footer .footer-horizontal-menu .menu li {margin-right: 40px;}

.footer .footer-horizontal-menu .menu::before {
	display: none;
}

.footer .footer-horizontal-menu .menu li a::before {
	display: none;
}

.footer .sso-account-links span + span {margin-left: 0px;}

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

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

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

.footer .footer-email a {
	color: #5DC062 !important;
	font-weight: 500;
}

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

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

.fl-page {max-width: 1600px;}

/* BB Pagination */

.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers {
	border: 1px solid #ECE9EC;
	color: #46545D;
	padding: 8px 16px;
	background-color: #fff;
}

.fl-builder-pagination li a.page-numbers:hover, .fl-builder-pagination li span.current {
	background-color: #861D7D;
	color: #fff;
	border: 1px solid #861D7D;
}

/* FacetWP Pagination */

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

.facetwp-page {
	background-color: #fff;
	padding: 8px 16px !important;
	border: 1px solid #ECE9EC;
	color: #46545D;
	font-size: 18px;
}

.facetwp-page:hover, .facetwp-page.active {
	background-color: #861D7D;
	border: 1px solid #861D7D;
	color: #fff;
	text-decoration: none;
	font-weight: 400 !important;
}

/* Sidebars */

.wp-block-latest-posts__list.wp-block-latest-posts img {
	border: 8px solid #fff;
}

.wp-block-latest-posts__list.wp-block-latest-posts li>a {
	color: #5C0A55;
	font-weight: 700;
}

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

.sidebar-newsletter {
	background: linear-gradient(180deg, #FBF9FB 0%, rgba(251, 249, 251, 0) 100%);
	border: 16px solid #fff;
	padding: 48px 32px;
}

/* Filter Sidebar */

.filter-sidebar {
	background: linear-gradient(176.5deg, #FFFFFF 13.33%, rgba(255, 255, 255, 0.3) 65.54%);
	border: 1px solid #ECE9EC;
}

/* Relevanssi Related Posts */

.relevanssi_related_grid_header {
	grid-area: header;
}

.relevanssi_related_post.wide {
	grid-column-end: span 2;
}

.relevanssi_related_post {
	background: #FFFFFF;
	border: 1px solid #ECE9EC;
	padding: 10px;
}

.relevanssi_related_post img {
	width: auto;
	height: 220px;
	object-fit: cover;
}

.related-content {
	padding: 20px;
}

.relevanssi_related_post h4 {
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 20px;
}

.relevanssi_related_post h4 a {color: #5C0A55;}

.related-taxonomy {
	font-size: 12px;
	font-weight: 700;
	color: #5DC062;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.relevanssi_related_post a.related-button {
	color: #000;
 	-webkit-transition: border-bottom 0.5s;
 	transition: border-bottom 0.5s;
	padding: 0px;
	display: flex;
}

.relevanssi_related_post a.related-button:hover {text-decoration: none;}

.relevanssi_related_post a.related-button::after {
	content: url(/wp-content/themes/yoko-sna/images/arrow-green.svg);
}

.relevanssi_related_post a.related-button .related-button-text {
	border-bottom: 2px solid rgba(0,0,0,0);
	padding-bottom: 7px;
	margin-right: 10px;
}

.relevanssi_related_post a.related-button:hover .related-button-text {
	border-bottom: 2px solid #5DC062;
}

/* Home Page */

.horizontal-card .fl-row-content {border: 1px solid #ECE9EC;}

.home-banner-bottom .fl-col-group .fl-col .fl-col-group {margin-top: -50px;}

.home-banner-bottom .fl-col .fl-col-content .fl-col .fl-col-content {
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
	margin: 28px 0px 0px;
	padding: 20px 0px 0px;
	position: relative;
	z-index: 2;
	transition: all 0.3s;
	overflow: hidden;
}

.home-banner-bottom .fl-col .fl-col-content .fl-col .fl-col-content::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, #5DC062 0%, #1A8920 95.07%), linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
	box-shadow: inset 0px -6px 0px rgba(0, 0, 0, 0.1);
	z-index: 0;
	transition: opacity 0.3s;
	opacity: 0;
}

.home-banner-bottom .fl-col .fl-col-content .fl-col .fl-col-content:hover {
	margin: 0px 0px 0px;
	padding: 20px 0px 18px;
}

.home-banner-bottom .fl-col .fl-col-content .fl-col .fl-col-content:hover::before {
	opacity: 1;
	z-index: -1;
}

.home-banner-bottom .fl-col .fl-col-content .fl-col:hover .fl-icon i::before,
.home-banner-bottom .fl-col .fl-col-content .fl-col .fl-col-content:hover .fl-icon i::before {color: #fff !important;}

.home-banner-bottom .fl-col .fl-col-content .fl-col .fl-col-content::after {
	content: url(/wp-content/themes/yoko-sna/images/chevron-down.svg);
	left: 45%;
	position: relative;
	height: 24px;
	width: 24px;
	opacity: 0;
	transition: opacity 0.3s;
}

.home-banner-bottom .fl-col .fl-col-content .fl-col .fl-col-content:hover::after {
	opacity: 1;
}

.home-banner-bottom .fl-col .fl-col-content .fl-col .fl-col-content {
	transition: all .2s;
}

@media screen and (max-width: 767px) {
	.home-banner-bottom {background-color: #5C0A55;}
}

/* List of Links */

.links-list ul {
    margin: 0;
    padding: 0;;
}

.links-list ul li{
    list-style-type: none;
    margin-bottom: 8px;
    border-bottom: 1px solid #ECE9EC;
}

.links-list ul li a{
    color: #453E51;
    display: block;
    padding-bottom: 8px;
    width: 100%;   display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.links-list ul li a:hover{
    color: #1A8920
}

.links-list ul li a:after{
    content: "";
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 50%;
    padding: 16px;
    background-image: url(/wp-content/themes/yoko-sna/images/arrow-green.svg);
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: none;
    width: 16px;
    height: 16px;
    -webkit-transition: background 0.5s;
    transition: all 0.3s;
}

.links-list ul li a:hover:after{
    /*border: 1px solid #ECE9EC;*/
    background-image: url(/wp-content/themes/yoko-sna/images/arrow-red.svg);
}

/* Image with Outline */

.img-outline img{
    border: 16px solid #fff !important;
}

/* TablePress */

.tablepress td, .tablepress th {
    padding: 12px;
}

.tablepress th{
    background: #5C0A55 !important;
    color: #FFF;
}

.tablepress tbody.row-hover tr:hover td{
    background: rgba(85, 255, 94, 0.05) !important;
}

/* Note */

.note {
    border-left: 2px solid #5DC062;
    padding-left: 16px;
    margin: 24px 0;
}

/* Fees List */

.fees-list p{
    margin-bottom: 8px;
}

.fees-list hr{
    margin: 8px;
}

/* Ads */

@media screen and (max-width: 767px) {
	.adsanity-inner {text-align: center;}
}

/* Button Groups */

.fl-button-group-button:not(:first-of-type) a.fl-button {
	background-color: rgba(0,0,0,0);
	border: 2px solid #5DC062 !important;
 	-webkit-transition: border 0.5s;
 	transition: border 0.5s;
	color: #453E51;
	padding: 11px 24px !important;
	transition: all 0.3s;
}

.fl-button-group-button:not(:first-of-type) a.fl-button::after {
	display: none;
}

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

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

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


/* PowerPack Category Grid */

.swiper-button-prev,
.swiper-button-next{
    width: 40px !important;
    height: 40px !important;
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.08);
    transition: all 0.3s;
}

.swiper-button-prev:hover, 
.swiper-button-next:hover{
    transform: scale(1.1);
    box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.1);
}

.swiper-button-prev{
    left: 5px !important;
}

.swiper-button-next{
    right: 5px !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    display: none;
}

.swiper-button-prev:before, 
.swiper-button-next:before{
    display: block;
    width: 24px;
    height: 24px;
    margin: 8px;
    font-family: 'Linearicons' !important;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    color: #5DC062;
    transition: all 0.3s;
}

.swiper-button-prev:before{
    content:"\e93b";
}

.swiper-button-next:before{
    content:"\e93c";
}

.swiper-button-prev:hover:before, 
.swiper-button-next:hover:before{
    color: #D71E30;
}

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

/* Print */

@media print {
	.fl-page-bar, a[href]::after, .recipe-buttons, .banner-main-breadcrumbs, .banner-social-share, .fl-page-content .fl-module-separator, .related-recipes, .footer-cta-container, footer, .fl-page-header-fixed {display: none !important;}
	.banner-second {
		margin-top: -240px;
		padding-top: 0px;
	}
	.fl-page-header-primary .fl-logo-img {max-width: 100px !important;}
	.single-recipe .banner-second-image-container .fl-photo img {
		max-width: 500px !important;
		height: auto;
		object-fit: contain;
	}
	.adsanity-inner {text-align: center;}

}