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

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

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

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

/* Backgrounds */

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

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

.bg-dark > .fl-row-content-wrap, .bg-dark > .fl-col-content, .bg-dark.fl-module {
	background: radial-gradient(44.62% 76.55% at 49.27% 113.22%, rgba(25, 70, 187, 0.2) 0%, rgba(0, 0, 0, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(38.83% 118.6% at 49% 6.6%, rgba(3, 79, 251, 0.3) 0%, rgba(29, 20, 61, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, linear-gradient(180deg, #18094B 0%, #160928 93.53%);
}

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

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

.fl-page .fl-page-nav-right.fl-page-header-fixed .fl-page-header-wrap {box-shadow: 0px 0px 33px rgba(83, 83, 85, 0.1);}

.fl-page-header-fixed .fl-page-header-logo {
	text-align: left !important;
	padding-left: 0px !important;
}

.fl-page-nav-right.fl-page-header-fixed .navbar-nav li>a, .fl-page-header-fixed .navbar-nav li>a {color: #131D7A;}
.fl-page-nav-right.fl-page-header-fixed .navbar-nav li>a:hover, .fl-page-header-fixed .navbar-nav li>a:hover {color: #BC1F3C;}

@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%;
		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; 
	}
	.fl-page-header-container {padding-top: 0px;}
	.fl-page-header-logo-col {
		background-color: #fff;
		width: 25%;
		padding: 10px 30px 20px;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.fl-page-nav-right .fl-page-header-logo {
		text-align: center;
		padding-left: 30px;
	}
	.fl-page-nav-col {width: 75%;}
}

@media screen and (max-width: 767px) {
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {top: 37px;}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle *,
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li>a {color: #162d4f;}
}

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

.banner-main .fl-row-content-wrap {border-bottom-left-radius: 100px;}

.banner-main .fl-row-content-wrap::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(16, 3, 64, 0.6) 0%, rgba(16, 3, 64, 0) 25.98%), linear-gradient(0deg, #224292 0%, rgba(0, 1, 4, 0.15) 32.11%), linear-gradient(60.58deg, #01247C 12.6%, rgba(0, 0, 0, 0) 90.71%), radial-gradient(37.64% 171.59% at 27.29% 89.91%, rgba(66, 118, 255, 0.5) 1.96%, rgba(2, 52, 185, 0) 100%);
	border-bottom-left-radius: 100px;
}

.banner-main .fl-row-content {
	z-index: 99;
	position: relative;
}

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

.fl-page-nav ul.sub-menu li a {color: #221062 !important;}
.fl-page-nav ul.sub-menu li a:hover {color: #BC1F3C !important;}

@media screen and (max-width: 767px) {
	.banner-main .fl-row-content-wrap::after {border-bottom-left-radius: 30px;}
}

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

/* Static Grids */

.icon-cards {text-align: center;}

.icon-cards .fl-module-photo > .fl-module-content {margin-top: 40px !important;}

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

.fl-post-feed-post {
	border: none;
	margin-bottom: 20px !important;
}

.invert .fl-post-grid-post .fl-post-text {color: #162d4f !important;}
.invert .fl-post-grid-post .fl-post-text a {color: #221062 !important;}
.invert .fl-post-grid-post .fl-post-text button.simple-button *, .invert .fl-post-grid-post .fl-post-text a.button.simple-button * {color: #BC1F3C !important;}
.invert .fl-page .button.simple-button::after, a.button.simple-button::after {content: url(/wp-content/themes/yoko-polukai-child/images/arrow-red.svg) !important;}
.fl-post-more-link a.button.simple-button .fl-button-text::after, .fl-page .button.simple-button .fl-button-text::after, a.button.simple-button .fl-button-text::after {border-bottom: 2px solid #BC1F3C !important;}

/* Complex Feeds */

.fl-post-grid-post h2.fl-post-title {padding-bottom: 10px;}

.feed-item-complex, .feed-item-simple {
	padding: 40px;
	background-color: #fff;
}

.feed-item-complex, .feed-item-simple, .fl-post-grid-post {
	border-radius: 30px;
	box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.13);
}

.fl-post-grid-post {border: none;}

.fl-post-grid-post img {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.fl-post-grid-post .fl-post-text {padding: 30px;}

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

/* People Grid */

.fl-post-grid-post.person img {
	border-radius: 50% !important;
	padding: 40px;
	height: 350px;
    width: 350px;
    object-fit: cover;
}

.fl-post-grid-post.person .fl-post-text {text-align: center;}

/* Simple Feeds */

.feed-item-simple h2.fl-post-title {
	font-size: 24px;
	margin-bottom: 15px;
}

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

/* Posts */

.sidebar-posts {
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.06);
	border-radius: 30px;
	margin-bottom: 40px;
	padding: 20px;
}

/* Projects */

.pp-photo-gallery-content img {border-radius: 30px;}

/******************************************************************************************/
/*************************************** 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;
	display: flex;
}

.footer-main .menu li a::before {
	content: url(/wp-content/themes/yoko-polukai-child/images/chevron-right.svg);
	height: 18px;
	width: 18px;
	margin-right: 5px;
}

.footer-main .menu li a:hover {
	text-decoration: underline;
}

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

/******************************************************************************************/
/************************************ 6 GENERAL STYLES ************************************/
/******************************************************************************************/

.fl-page-nav-search form input.fl-search-input, .fl-page-nav-search form input.fl-search-input:focus {color: #162d4f;}

.fl-module-photo:not(.no-curves) .fl-photo-content img, .pp-gallery-image {border-radius: 30px;}

/* Curved with Dark Behind */

.curve-dark-bg {background: linear-gradient(180deg, #224393 0%, #180A4C 100%);}

.curve-dark-bg .fl-row-content-wrap {
	background: #fff;
    margin-right: 40px;
    background-position: 0 -50%;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
}

.curve-dark-bg.services-row .fl-row-content-wrap .fl-row-content {margin-top: -130px;}

@media screen and (max-width: 767px) {
	.curve-dark-bg .fl-row-content-wrap {
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
	}
}

/* Page - Sidebar */

.main-cta {
	padding: 20px 40px;
	border-radius: 30px;
	background: radial-gradient(44.62% 76.55% at 49.27% 113.22%, rgba(25, 70, 187, 0.2) 0%, rgba(0, 0, 0, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(78.21% 83.4% at 49% 6.6%, rgba(3, 79, 251, 0.3) 0%, rgba(29, 20, 61, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, linear-gradient(180deg, #18094B 0%, #160928 93.53%);
}

/* Map + Accordion Styles */

.fl-accordion-item {
	border-color: #DCE7EF !important;
	border-radius: 30px;
}

/* BB Pagination */

.bg-dark .fl-builder-pagination li a.page-numbers {color: #fff;}
.bg-dark .fl-builder-pagination li a.page-numbers:hover, .bg-dark .fl-builder-pagination li span.current {color: #221062;}

/* FacetWP Pagination */

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

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

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

/* Footer CTA */

.cta-dark-bg .footer-cta-container, .project-template-default .footer-cta-container {background: linear-gradient(200deg, #160928 0%, #160928 50%, #fff 50%, #fff 100%);}

/* Cookie Bar */

.seopress-user-consent {border: 0px !important;}

.seopress-user-consent a {text-decoration: underline;}
.seopress-user-consent a:hover {color: #bc1f3c;}

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