/*
Theme Name: COEB by Yoko Co
Theme URI: http://www.yokoco.com
Version: 1.0.1
Description: A custom child theme for COEB. 
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. Footer
 * 6. General Styles
 * X. General Media Queries (Put most media queries in their respective sections)
*/

body {
	background-color: #fff; 
	  transition: background-color 0.5s;
}

.fl-page-content {
	background-color: rgba(0,0,0,0);
}

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

h1,h2,h3,h4,h5,h6,p,body {
	font-family: semplicitapro, sans-serif;
	font-weight: 500;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
}


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

@media screen and (min-width: 768px) {
		.larger h2 {
		font-size: 40px; 
	}
}

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

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

.bg-main {
	background: radial-gradient(78.1% 78.1% at 50% 78.1%, #50F1FC 0%, #030089 100%);
}

.bg-light {
	background-color: #fff; 
}

.bg-dark {
	background-color: #000; 
}

.purple-text, .purple-text p {
	color: #38377B; 
}

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

.fl-page-header-primary .fl-logo-img {
	max-width: 240px; 
}

.fl-page-nav-right .fl-page-nav-search a.fa-search {
    font-family: 'linearicons' !important;
    padding-top: 7px;
}

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

.fl-page-header, .fl-page-header-wrap {
	/* background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.5186449579831933) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.5186449579831933) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.5186449579831933) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); */
  border-bottom-style: none; /* Removes the 1px border below the menu */
  position: absolute;
  top: 0px; /* Height of top bar */
  width: 100%;
  z-index: 10;
}
.fl-page-header-fixed .fl-page-header-wrap {
	background: #fff; 
}

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

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

.banner-main-title {
}

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

.banner-main-breadcrumbs {
	opacity: 0.5; 
}

.home-main-banner-headline {
	text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}


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



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

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

@media screen and (min-width: 768px) {
		.awareness-section .fl-row-content-wrap {
		margin-top: -150px; 
	}
}

.floating-section .fl-row-content-wrap {
	background: #fff;
	background: #FFFFFF;
	box-shadow: 0px 15px 30px rgba(0, 61, 118, 0.1);
	border-radius: 8px; 
}

.floating-section {
	position: relative; 
	z-index: 2; 
}

.icon-top .fl-icon {
	vertical-align: top;
}

.icon-top .fl-icon-text {
	padding-left: 25px; 
}

.float-card .fl-col-content {
	background: #fff; 
	padding: 0px 20px 15px; 
	margin: 20px; 
	border-radius: 4px; 
}

.big-number {
	font-size: 100px; 
	line-height: 110px;
	opacity: 0.2; 
	margin-bottom: 20px; 
}

.join-container .fl-row-content-wrap {
	margin-left: 20px; 
	margin-right: 20px; 
}

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

@media screen and (max-width: 992px) {
	.home-main-banner {
		margin-bottom: -180px; 
	}
	.floating-section {
		margin-left: 20px; 
		margin-right: 20px; 
	}
	.explainer-col {
		margin: 0px 20px; 
	}
	.float-card {
		margin: 0px 20px 20px; 
	}
	.awareness-section .fl-row-content-wrap {
		background-image: none; 
	}
}