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



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

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

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

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

.bg-main {
	background-image: linear-gradient(90deg, #5c0a55 0%, #3e003f 100%); 
}

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

.bg-dark {
	background-color: #53094c; 
}

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

.fl-logo-img {
    max-width: 300px;
}

.fl-page-nav .navbar-nav li>a,
.fl-page-nav ul.sub-menu li a {
    padding: 0;
    margin: 15px;
}

a.fa-search {
	font-family: 'Linearicons-Free';
	padding-top: 7px;
}

a.fa-search:before {
	content: "\e86f";
	font-size: 15px;
}

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-submenu-icon-wrap .fl-submenu-toggle-icon {
    color: #53094c;
}

@media screen and (min-width: 768px) {
	.fl-page-header, .fl-page-header-wrap {
		/* Used for transparent headers. Remove through the "top" property if not using. */
    }
    .menu a::before {
        content: "";
        position: absolute;
        display: block;
        width: 50%;
        height: 2px;
        bottom: 0;
        left: auto;
        right: auto;
        background-color: #53094c;
        transform: scaleX(0);
        transition: transform 0.3s ease;
        transform-origin: top left;
    }

    .footer-main .menu a::before {
        bottom: 10px;
        width: 10%;
    }
    
    .sub-menu a::before {
        width: 20%;
    }
    
    .menu a:hover::before {
        transform: scaleX(1);
    }
}

@media screen and (min-width: 992px) {
    .fl-page-header-container {
        width: 1140px !important;
    }
}

@media screen and (max-width: 767px) {
    .fl-page-nav .navbar-toggle:focus {
        outline: none !important;
    }
    .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle:hover, .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle:focus {
        border: none;
    }
}
/******************************************************************************************/
/*************************************** 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 *************************************/
/******************************************************************************************/

/* Agenda */

.yoko-events-schedule td {
    padding: 20px;
}

.yoko-events-schedule .yoko-events-col-time {
    padding-bottom: 20px;
}

.yoko-events-session-title {
    font-size: 24px;
    margin-top: 0;
    line-height: 1.2;
}

.yoko-events-session-favorite-icon .fav-session-button {
    color: #3e003f;
}

.yoko-events-session-favorite-icon .fav-session-button:hover, #content .fav-session-button:hover {
    color: #eda95a;
}

.yoko-events-schedule.hide-redundant-times td.yoko-events-favorite-session:nth-child( 1n+2 ) {
    background-color: #f4f4f4;
}

@media screen and (min-width: 768px) {
    .yoko-events-schedule .yoko-events-time {
        padding-left: 0;
    }
}

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

.footer-main .fl-icon-text a {
    word-break: break-all;
}

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

/* AdSanity */

.adsanity-alignnone {
    margin: 0 auto;
}

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

@media screen and (max-width: 767px) {
    h1.fl-heading {
        font-size: 32px !important;
    }
    h2 {font-size: 28px;}
}