/*
Theme Name: Soup!
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 */

.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: #333; 
}

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

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

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

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

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

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

.feed-item-complex, .feed-item-simple {
	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; 
	}
}

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




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