/*
Theme Name: 51³Ô¹Ï Website by Yoko Co
Theme URI: http://www.yokoco.com
Version: 1.0
Description: A custom child theme 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)
*/

/* BEFORE YOU DO ANYTHING:
 * If this site is on Kinsta, add the Kinsta MU plugin!
 * By default, a handful of Beaver Builder modules are disabled. You can reactivate the ones you need.
 * /

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

/* TEXT */
@media screen and (min-width: 991px) {
	.larger p {
		font-size: 22px;
	}
	.xlarger p {
		font-size: 26px;
	}
	.smaller p {
		font-size: 15px;
	}
}

.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 {
	font-family: "Raleway", sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 3.2px;
	line-height: 1.2;
}
/****/

/* BACKGROUNDS */
.bg-light > .fl-row-content-wrap, .bg-light > .fl-col-content, .bg-light.fl-module {
	background-color: #F7F7F9;
}
.bg-dark > .fl-row-content-wrap, .bg-dark > .fl-col-content, .bg-dark.fl-module {
	background-color: #000034;
}
/****/

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

/* HEADER */
header {
	background: #F7F7F9;
}
/****/

/* HEADER - NAVIGATION */
.header-navigation ul.menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between !important;
	width: 100%;
}
.header-navigation ul.menu > li:not(.button) > div > a,
.header-navigation ul.menu > li:not(.button) > a {
	padding: 16px 5px !important;
}
@media screen and (max-width: 992px) {
	.header-navigation > .fl-row-content-wrap {
		border-bottom: 1px solid #D1D1D1;
	}
}
/****/

/* HEADER - TOPBAR */
.header-topbar ul.menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end !important;
	width: 100%;
	gap: 22px;
}
.header-topbar ul.menu > li:not(.button) > div > a,
.header-topbar ul.menu > li:not(.button) > a {
	padding: 15px 0 !important;
}
#menu-topbar-navigation .login-link a {
	display: inline-block !important;
	width: 100%;
}
li.button-red {
	background-color: #AE132A !important;
}
li.button-red:hover {
	background-color: #ED2E4B !important;
}
/****/

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

/* BANNER */
.banner .img-col {
	position: relative;
}

.banner .fl-module-photo > .fl-module-content {
	margin-top: 0;
	margin-bottom: 0;
}
.banner img {
	border-radius: 8px;
	object-fit: cover;
}
.banner .fl-photo-content,
.banner img {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.banner .fl-module-photo > .fl-module-content {
		margin-top: 20px;
	}
}

@media screen and (max-width: 992px) {
	.post-banner .img-col img {
		height: 100% !important;
		aspect-ratio: 1/1 !important;
	}
}
/****/

/* BANNER - MAIN */
body.has-featured-image .main-banner .fl-row-content-wrap {
	margin-bottom: 65px;
}
.main-banner .img-col {
	margin-bottom: -165px;
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 992px) {
	.main-banner .img-col {
		margin-bottom: -105px;
	}
}

.main-banner img {
	width: 536px !important;
	height: 663px !important;
}
@media screen and (max-width: 992px) {
	.main-banner img {
    height: 500px !important;
	}
}
@media screen and (max-width: 768px) {
	.main-banner img {
		width: 100% !important;
    height: 100% !important;
		aspect-ratio: 1/1;
	}
}

.main-banner .banner-title::after {
	content: '';
	display: block;
	background-image: url(/wp-content/themes/yoko-ieca-child/images/ieca-paint-slash-red.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 380px;
	height: 80px;
	margin-top: -25px;
}
@media screen and (min-width: 991px) {
	.main-banner .banner-title .fl-heading {
		font-size: 62px;
		font-weight: 400;
		line-height: 112%;
		letter-spacing: -1.24px;
	}
}
@media screen and (max-width: 768px) {
	.main-banner .banner-title::after {
		width: 100%;
		margin-top: -30px;
		margin-bottom: 10px;
	}
}
/****/

/* BANNER - DEFAULT */
body.has-featured-image .default-banner .fl-row-content-wrap {
	margin-bottom: 40px;
}
.default-banner .img-col {
	margin-bottom: -60px;
	position: relative;
	z-index: 2;
}
.default-banner {
	margin-bottom: 0;
}
.default-banner img {
	aspect-ratio: 7/6;
}
@media screen and (max-width: 992px) {
	.default-banner img {
		aspect-ratio: 1/1;
	}
}
@media screen and (min-width: 991px) {
	.default-banner img {
		position: static;
	}
}
/****/

/* BANNER - POST */
body.has-featured-image .post-banner .fl-row-content-wrap {
	margin-bottom: 345px;
}
.post-banner .img-col {
	margin-top: 48px;
	margin-bottom: -365px;
}
.post-banner img {
	height: 558px;
}
.post-banner h1 {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.3;
}

@media screen and (max-width: 992px) {
	body.has-featured-image .post-banner .fl-row-content-wrap {
		margin-bottom: 0;
	}
	.post-banner .img-col {
		margin-top: 0;
		margin-bottom: 0;
	}
	.post-banner .fl-module-photo > .fl-module-content {
		margin-top: 20px;
	}
}
/****/

/* BANNER - ISSUE */
body.has-featured-image .issue-banner .fl-row-content-wrap {
	margin-bottom: 65px;
}
.issue-banner .img-col {
	margin-bottom: -165px;
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 992px) {
	.issue-banner .img-col {
		margin-bottom: -105px;
	}
}

.issue-banner img {
	width: 429px !important;
	height: 536px !important;
}
@media screen and (max-width: 992px) {
	.issue-banner img {
    height: 500px !important;
	}
}
@media screen and (max-width: 768px) {
	.issue-banner img {
		width: 100% !important;
    height: 100% !important;
		aspect-ratio: 1/1;
	}
}

.issue-banner .banner-title::after {
	content: '';
	display: block;
	background-image: url(/wp-content/uploads/2024/02/red-heading-asset-v2.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 380px;
	height: 80px;
	margin-top: -25px;
}
@media screen and (min-width: 991px) {
	.issue-banner .banner-title .fl-heading {
		font-size: 62px;
		font-weight: 400;
		line-height: 112%;
		letter-spacing: -1.24px;
	}
}
@media screen and (max-width: 768px) {
	.issue-banner .banner-title::after {
		width: 100%;
		margin-top: -30px;
		margin-bottom: 10px;
	}
}
/****/

/* BREADCRUMBS */
.breadcrumb a,
.breadcrumb li,
.breadcrumb p {
	color: #000034 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
}
.breadcrumb a:hover {
	color: inherit !important;
	text-decoration: underline;
}
.breadcrumb li::after {
	margin-left: 1px;
}
@media screen and (max-width: 768px) {
	.breadcrumb a,
	.breadcrumb li,
	.breadcrumb p {
		text-align: center;
		font-size: 12px;
	}
}
/****/

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

//
/ 5 CPTS **/
//

/* Directory Archive */
.facetwp-facet-directory_consulting_area .facetwp-expand {
	display: none;
}

.facetwp-facet-directory_consulting_area_all > .facetwp-checkbox,
.facetwp-facet-directory_consulting_area_all > .facetwp-checkbox.checked {
	background: none;
	font-weight: 600;
    cursor: default;
    padding-left: 0;
}

.facetwp-facet-directory_consulting_area_all > .facetwp-checkbox .facetwp-expand {
	display: none;
}

.facetwp-facet-directory_consulting_area_all .facetwp-depth.visible {
    margin-bottom: 1em;
}

.filter .facetwp-checkbox.checked {
    background-image: url('/wp-content/themes/yoko-ieca-child/images/checkbox-checked.png');
}

/* Directory Single */


//
/**** 5 FOOTER */
//

/* FOOTER */
.footer-cta {
	position: relative;
	z-index: 1;
}

.footer-main p a,
.footer-main p {
	color: #FCFCFC !important;
}

.footer-sub p a,
.footer-sub p {
	color: #E3E5E8 !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
}
@media screen and (max-width: 768px) {
	.footer-sub {
		text-align: center;
	}
}

footer ul.menu > li:not(.button) > div > a,
footer ul.menu > li:not(.button) > a {
	color: #FCFCFC !important;
	padding: 10px 0 !important;
	font-size: 18px;
}
footer ul.menu > li:not(.button):hover > div > a,
footer ul.menu > li:not(.button):hover > a {
	text-decoration: underline;
}
@media screen and (min-width: 767px) {
	footer ul.menu > li:not(.button):first-child > div > a,
	footer ul.menu > li:not(.button):first-child > a {
		padding-top: 0 !important;
	}
	footer ul.menu > li:not(.button):last-child > div > a,
	footer ul.menu > li:not(.button):last-child > a {
		padding-bottom: 0 !important;
	}
}
@media screen and (max-width: 768px) {
	footer ul.menu > li:not(.button) a {
		text-align: center;
	}
}
/****/

//
/* 6 GENERAL STYLES */
//

/* META BOTTOMBAR */
.meta-bottombar > .fl-col-content {
	border-radius: 8px;
	background-color: #F7F7F9;
	padding: 24px !important;
	margin-right: 20px !important;
	margin-left: 20px !important;
}
.meta-bottombar > .fl-col-content > .fl-col-group {
	display: flex;
	gap: 20px;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
}
@media screen and (max-width: 768px) {
	.meta-bottombar > .fl-col-content > .fl-col-group {
		flex-direction: column;
	}
}

.meta-bottombar .fl-module-content {
	margin: 0;
}
/****/

/* META ITEM */
.meta-item strong {
	color: #000;
	font-size: 16px;
	font-weight: 600 !important;
	line-height: 1.6;
}
.meta-item p,
.meta-item li,
.meta-item a {
	color: #484848;
	font-size: 18px;
	font-weight: 400 !important;
	line-height: 1.6;
	text-align: center;
}
.meta-item p:first-of-type {
	margin-bottom: 4px !important;
}
.meta-item a {
	text-decoration: none !important;
}
.meta-item a:hover {
	text-decoration: underline !important;
}
.meta-item a.fl-button:hover {
	text-decoration: none !important;
}
.meta-item ul {
	margin: 0;
	padding: 0;
}
.meta-item li {
	list-style-type: none;
	line-height: 1.6;
}
/****/

/* META BOX */
.meta-box > .fl-col-content {
	padding: 40px 20px;
	border-radius: 8px;
	margin-right: 20px !important;
	margin-left: 20px !important;
	background-color: #000034;
}
.meta-box.meta-gray > .fl-col-content {
	background: #F7F7F9;
}
/****/

/* SINGLE DIRECTORY */
.single-directory-entry .meta-col p {
	border-radius: 0;
	border: 0;
	padding: 0;
}
.single-directory-entry .meta-col div.fl-additional-advising-area,
.single-directory-entry .meta-col div.fl-additional-language-spoken,
.single-directory-entry .meta-col div.ieca-consulting-areas > div,
.single-directory-entry .meta-col:last-of-type p {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	
	color: #000034;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	border-radius: 12px;
	border: 1px solid #E4E4E4;
	padding: 40px;
	text-align: left;
}

.meta-item div.ieca-addresses ul > li:last-of-type:not(:only-of-type)::before {
	content: 'Additional Office';
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	margin-top: 28px;
	margin-bottom: 4px;
}
/****/

/* TEXT CENTER */
.text-center .fl-module-button .fl-button-wrap {
	text-align: center;
}
/****/

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