/*
Theme Name: AVCA 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 Styles */

h1, h2, h3, h4, h5, h6, p, a, li {
	font-family: "proxima-nova", sans-serif;
}
h4 {
	font-weight: 600;
}
h5 {
	letter-spacing: 0.15em !important;
}
h5, h6 {
	text-transform: uppercase;
}

.larger p {
	font-size: 21px;
	line-height: 1.5;
}

.xlarger p {
	font-size: 26px;
	line-height: 1.5;
}

.smaller p {
	font-size: 16px;
	line-height: 1.5;
}
.smaller ul li {
	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 {
	letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
	.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-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,
.invert p,
.invert strong,
.invert em {
	color: rgba(255, 255, 255, 0.8);
}
.invert h1,
.invert h2,
.invert h3,
.invert h4,
.invert h5,
.invert h6 {
	color: #FFFFFF;
}

/* Backgrounds */

.bg-main > .fl-row-content-wrap,
.bg-main > .fl-col-content,
.bg-main.fl-module {
	background: linear-gradient(180deg, #005AC5 0.95%, rgba(0, 139, 255, 0) 81.05%), linear-gradient(181.08deg, #005AC5 0.7%, #008BFF 118.16%);
}
.bg-light > .fl-row-content-wrap,
.bg-light > .fl-col-content,
.bg-light.fl-module {
	background-color: #FAFAFA;
}
.bg-dark > .fl-row-content-wrap,
.bg-dark > .fl-col-content,
.bg-dark.fl-module {
	background-color: #002442;
}

.bg-light-gradient > .fl-row-content-wrap,
.bg-light-gradient > .fl-col-content,
.bg-light-gradient.fl-module {
	background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FAFAFA;
	border-radius: 0 0 20px 20px;
}

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

.topbar .topbar-right-col > .fl-col-content {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}

.navigation > .fl-row-content-wrap {
	background-color: #0073D4;
	margin-right: 40px;
	margin-left: 40px;
	border-radius: 18px;
	height: 90px;
}
.navigation .fl-menu .menu:before,
.navigation .fl-menu .menu:after {
	display: none;
}
.navigation .fl-menu ul.menu {
	width: 100%;
	justify-content: space-between;
}
.navigation ul.menu > li:first-child a {
	padding-left: 0;
}
.navigation ul.menu > li:first-child a {
	padding-left: 0;
}
.navigation ul.menu > li.fl-menu-search-item a.fl-button {
	background-color: transparent;
	padding-right: 0;
}
.navigation ul.menu > li.fl-menu-search-item a.fl-button > i {
	font-size: 16px;
	font-weight: bold;
}
.navigation .fl-menu-mobile-clone {
	background-color: #0073D4;
	margin-top: -60px;
}
@media screen and (min-width: 993px) {
	.navigation ul.menu > li:hover > a,
	.navigation ul.menu > li:hover > div.fl-has-submenu-container > a {
		text-decoration: underline !important;
		text-underline-offset: 6px;
	}
	.fl-theme-builder-header-sticky .navigation > .fl-row-content-wrap {
		border-radius: 90px;
	}
}
@media (max-width: 1210px) and (min-width: 993px) {
	.navigation > .fl-row-content-wrap {
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	.navigation ul.menu > li a {
		padding-left: 10px;
		padding-right: 10px;
	}
	.navigation ul.menu > li.fl-menu-search-item a.fl-button {
		padding-left: 10px;
	}
}
@media screen and (max-width: 992px) {
	.navigation > .fl-row-content-wrap {
		margin-right: 0;
		margin-left: 0;
		border-radius: 0;
		height: 60px;
	}
	.navigation ul.menu {
		padding-top: 90px;
		padding-bottom: 30px;
		text-align: left;
	}
	.navigation ul.menu > li a {
		padding-left: 0;
	}
	.navigation ul.menu .sub-menu .menu-item a::before {
		display: none;
	}
}

.navigation ul.sub-menu {
	border-radius: 18px;
}

.navigation button.fl-menu-mobile-toggle {
	padding: 0;
}
@media screen and (max-width: 992px) {
	.navigation button.fl-menu-mobile-toggle .svg-container svg {
		display: none;
	}
	.navigation button.fl-menu-mobile-toggle .svg-container::after {
    content: "\e92b";
    font-family: 'Linearicons';
    position: relative;
    top: -8px;
    right: 0;
    font-size: 25px;
    color: #FFFFFF;
	}
	.navigation button.fl-menu-mobile-toggle.fl-active .svg-container::after {
		content: "\e92a";
	}
	.navigation button.fl-menu-mobile-toggle {
		background-color: transparent !important;
	}
}

@media screen and (max-width: 992px) {
	.navigation .fl-menu .fl-menu-toggle:before {
		right: 10px;
	}
	.navigation .fl-menu .fl-has-submenu.fl-active > .fl-has-submenu-container .fl-menu-toggle {
		right: -14px;
	}
}


@media screen and (min-width: 769px) {
	.homepage-slider .grid-cards-featured {
		padding-right: 10px;
		padding-left: 10px;
	}
	.homepage-slider .grid-cards-featured > .fl-col-content > .fl-col-group > div.card-featured > .fl-col-content {
		height: 390px;
	}
	.homepage-slider .keen-slider > div.keen-slider__slide:nth-child(2n) {
		margin-top: 50px;
	}
}
@media screen and (max-width: 768px) {
	.homepage-slider .grid-cards-featured {
		padding-right: 0;
		padding-left: 20px;
	}
	.homepage-slider .grid-cards-featured > .fl-col-content > .fl-col-group > div.card-featured > .fl-col-content {
		height: 135px;
		padding-top: 0;
	}
	.homepage-slider .grid-cards-featured div.card-featured .fl-col-content {
		border-radius: 7px;
	}
	.homepage-slider .card-featured {
		margin: 0;
	}
}

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-fixed .fl-page-header-wrap {
		background: #fff; 
	}
}

@media screen and (max-width: 767px) {
	.fl-page-bar {display: none;}
}

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


.banner-main h2.fl-heading {
	font-weight: 400;
	font-size: 20px;
	line-height: 1.8;
}
@media screen and (min-width: 993px) {
	.subtitle-homepage h2.fl-heading {
		font-size: 36px;
	}
}
@media screen and (max-width: 768px) {
	.banner img {
		aspect-ratio: 1/1;
		object-fit: cover !important;
		object-position: center;
	}
	.banner h2.fl-heading {
		font-size: 18px;
	}
}



.banner-archive .leadin h5 span:nth-child(2)::before,
.banner-archive .leadin h5 span:nth-child(3)::before {
	content: '-';
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}

.banner-archive-people p {
	margin-bottom: 0;
}
.banner-archive-people .banner-archive-meta-info .fl-rich-text {
	display: inline-flex;
}
.banner-archive-people .banner-archive-meta-info .fl-rich-text > p:nth-child(2)::before {
    content: ',';
    display: inline;
    margin-right: 3px;
}
.banner-archive-people .banner-featured-img img {
	height: 372px;
	border-radius: 20px;
}



.banner > .fl-row-content-wrap {
	border-radius: 18px;
	margin-right: 40px;
	margin-left: 40px;
	position: relative;
}
.banner > .fl-row-content-wrap::after {
	content: '';
	background: linear-gradient(180deg, #005BC5 5.85%, #0069D7 36.28%, rgba(0, 139, 255, 0) 113.98%), url('/wp-content/uploads/2023/06/asset-main-banner.svg'), linear-gradient(181.08deg, #005AC5 0.7%, #008BFF 118.16%);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
	opacity: 0.6;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 18px;
}
.banner > .fl-row-content-wrap::before {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
	z-index: 2;
	top: 90px;
	right: 0;
}
.banner > .fl-row-content-wrap > .fl-row-content {
	position: relative;
	z-index: 2;
}
.navigation > .fl-row-content-wrap > .fl-row-content {
	position: relative;
	z-index: 3;
}
.banner-featured-img img {
	border-radius: 13px;
	height: 442px;
	object-fit: cover;
}
.banner-featured-img img,
.banner-featured-img .fl-photo-content {
	width: 100%;
}
@media (max-width: 1210px) and (min-width: 993px) {
	.banner > .fl-row-content-wrap {
		margin-right: 20px;
		margin-left: 20px;
	}
}
@media (max-width: 992px) {
	.banner > .fl-row-content-wrap {
		margin-right: 0;
		margin-left: 0;
		border-radius: 0;
	}
	.banner > .fl-row-content-wrap::after {
		border-radius: 0;
	}
	.banner > .fl-row-content-wrap::before {
		top: 60px;
	}
	.banner-featured-img img {
		height: 300px;
	}
}
@media (max-width: 768px) {
	.banner > .fl-row-content-wrap {
		border-radius: 0;
	}
	.banner > .fl-row-content-wrap::after {
		background-image: url('wp-content/uploads/2023/05/asset-banner-bg-mobile.svg');
	}
	.banner > .fl-row-content-wrap::before {
		display: none;
	}
	.banner-featured-img img {
		height: 150px;
	}
}



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


/******************************************************************************************/
/************************************ 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 */

.complex-list, .simple-list {
	border: 1px solid #ddd; 
	padding: 20px; 
}

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

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



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

.footer-main, .footer-main .menu li a {
}

.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-sub {
	font-size: 0.75em; 
}

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

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



.footer-cta-container > .fl-row-content-wrap {
	margin-right: 40px;
	margin-left: 40px;
	border-radius: 20px;
	position: relative;
}
.footer-cta-container > .fl-row-content-wrap::after {
	content: '';
	background-image: url('/wp-content/uploads/2023/05/asset-prefooter-cta.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	border-radius: 20px;
}
.footer-cta-container > .fl-row-content-wrap .fl-row-content {
	position: relative;
	z-index: 2;
}
.footer-cta-container .fl-heading {
	font-size: 80px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 1.1;
}
.footer-cta-container strong {
	color: #FFFFFF;
}
@media screen and (max-width: 992px) {
	.footer-cta-container .fl-heading {
		font-size: 50px;
	}
}
@media screen and (max-width: 768px) {
	.footer-cta-container > .fl-row-content-wrap {
		margin-right: 20px !important;
		margin-left: 20px !important;
	}
	.footer-cta-container > .fl-row-content-wrap::after {
		display: none;
	}
	.footer-cta-container .fl-heading {
		font-size: 32px;
	}
}

.footer-cta-container .gform_wrapper {
	border: 0;
	padding: 0;
	max-width: 380px;
	margin: 0 0 0 auto;
}
.footer-cta-container .gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 30px;
}
.footer-cta-container .gform_wrapper .gform-grid-col {
	padding-right: 0 !important;
}
.footer-cta-container .gform_wrapper .gfield {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding-bottom: 18px;
}
.footer-cta-container .gform_wrapper.gravity-theme .gfield input,
.footer-cta-container .gform_wrapper.gravity-theme .gfield input::placeholder,
.footer-cta-container .gform_wrapper.gravity-theme .gfield select {
	background-color: transparent;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
	color: #FFFFFF;
}
.footer-cta-container .gform_wrapper.gravity-theme .gfield input,
.footer-cta-container .gform_wrapper.gravity-theme .gfield select {
	margin-top: 0;
}
.footer-cta-container .gform_wrapper.gravity-theme .gform_footer {
	padding: 0;
	padding-top: 40px;
	margin: 0;
}
.footer-cta-container .gform_wrapper.gravity-theme .gform_footer input {
	margin-bottom: 0;
}
.footer-cta-container .gform_wrapper.gravity-theme .gfield select > option {
	color: rgba(0, 49, 90, 0.8);
	font-size: 15px;
}
.footer-cta-container .gform_wrapper.gravity-theme .ginput_complex span {
	margin: 0;
}
@media screen and (max-width: 992px) {
	.footer-cta-container .gform_wrapper {
		max-width: 100%;
	}
}



.footer-main a,
.footer-main p {
	color: rgba(0, 49, 90, 0.8);
	font-size: 18px;
	line-height: 1.8;
	font-weight: 400;
}
.footer-main a:hover {
	color: #0073D4;
}
.footer-main .menu li a {
	padding-bottom: 20px;
}
.footer-sub p,
.footer-sub a {
	color: rgba(0, 49, 90, 0.8);
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 0;
	font-weight: 400;
}
@media screen and (max-width: 992px) {
	.footer-sub-left .fl-module-content {
		margin-bottom: 0;
	}
	.footer-sub-left,
	.footer-sub-right {
		text-align: center;
	}
}
/******************************************************************************************/
/************************************ 6 GENERAL STYLES ************************************/
/******************************************************************************************/

.box-outline .fl-col-content {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}
.col-sidebar .box-outline .fl-col-content {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 24px;
}

.col-sidebar .meta-information p {
	margin-bottom: 0;
}
.col-sidebar .meta-information a,
.col-sidebar .meta-information p,
.col-sidebar .meta-information ul li {
	color: rgba(0, 36, 67, 0.8);
	line-height: 1.6;
}
.col-sidebar .meta-information a:hover p {
	color: #0073d4 !important;
}
.col-sidebar .meta-information ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
}



.gradient-color > .fl-col-content {
	background: linear-gradient(90.02deg, #005AC5 0.02%, #008BFF 99.98%), #222222;
}



.box-solid > .fl-col-content {
	background: linear-gradient(180deg, #005BC5 5.85%, #0069D7 36.28%, rgba(0, 139, 255, 0) 113.98%), linear-gradient(181.08deg, #005AC5 0.7%, #008BFF 118.16%);
	box-shadow: 0px 4px 38px rgba(0, 111, 204, 0.1);
	border-radius: 18px;
	position: relative;

}
.box-solid > .fl-col-content::after {
	content: '';
	background-image: url('/wp-content/uploads/2023/05/asset-bg-sidebar.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 18px;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.box-solid > .fl-col-content > div {
	position: relative;
	z-index: 1;
}



.meta-information.meta-info-website a {
	color: #0073D4 !important;
}



.general-breadcrumbs p {
	margin-bottom: 0;
	line-height: 1.8;
}
.general-breadcrumbs p,
.general-breadcrumbs a {
	color: rgba(255, 255, 255, 0.7) !important;
}
.general-breadcrumbs a:hover {
	color: #FFFFFF !important;
	text-decoration: underline !important;
	text-underline-offset: 6px;
}
@media screen and (max-width: 768px) {
	.general-breadcrumbs p {
		text-align: center;
		line-height: 1.5;
	}
}

.general-share-buttons .a2a_kit {
	display: flex;
	line-height: 1;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 17px;
}
.general-share-buttons .a2a_kit i {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
	line-height: 1;
}
.general-share-buttons .a2a_kit i:hover {
	color: #FFFFFF;
}
@media screen and (max-width: 768px) {
	.general-share-buttons .a2a_kit {
		justify-content: center;
	}
}



.gutters > .fl-row-content-wrap,
.gutters-round > .fl-row-content-wrap {
	border-radius: 18px;
	margin-right: 40px;
	margin-left: 40px;
}
@media screen and (max-width: 1210px) {
	.gutters > .fl-row-content-wrap,
	.gutters-round > .fl-row-content-wrap {
		margin-right: 20px;
		margin-left: 20px;
	}
}
@media screen and (max-width: 768px) {
	.gutters > .fl-row-content-wrap {
		border-radius: 0;
		margin-right: 0;
		margin-left: 0;
	}
	.gutters-round > .fl-row-content-wrap {
		margin-right: 0;
		margin-left: 0;
	}
}



.bg-pattern > .fl-row-content-wrap {
	position: relative;
}
.bg-pattern > .fl-row-content-wrap .fl-row-content {
	position: relative;
	z-index: 1;
}
.bg-pattern > .fl-row-content-wrap::after {
	content: '';
	opacity: 0.6;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 18px;
}

.bg-dark.bg-pattern > .fl-row-content-wrap::after {
	background: url('/wp-content/uploads/2023/05/asset-bg-dark-pattern.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.bg-main.bg-pattern > .fl-row-content-wrap::after {
	background: url('/wp-content/uploads/2023/05/asset-bg-main-pattern.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
}


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

