/**
 * Theme Name:          Mai Law Pro
 * Theme URI............https://maitheme.com
 * Description:         Mai Law Pro is a custom child theme for The Genesis Framework.
 * Author:              Mike Hemberger, BizBudding Inc
 * Author URI:          https://bizbudding.com/
 * Version:             1.3.0
 *
 * Template:            genesis
 *
 * License:             GPL-2.0+
 * License URI:         http://www.opensource.org/licenses/gpl-license.php
 */


/* Table of Contents

	- Defaults
	- Media Queries (mobile-first)
	- Media Queries (mobile-second)

*/


/* # Defaults
---------------------------------------------------------------------------------------------------- */

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

h1,
.banner-title,
.heading,
.widget-title,
.widgettitle {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    letter-spacing: 1px;
}

h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.text-md {
    font-size: 1.2rem;
}

.heading {
    text-align: inherit;
}

.genesis-nav-menu a {
    font-weight: normal;
}

.site-footer {
    background-color: #fdd835;
    border-top: 0px solid rgba(0, 0, 0, .1);
}

.home .nav-secondary .current-menu-item > a,
.nav-secondary,
.nav-secondary .sub-menu a {
    background-color: #fdd835;
}

.nav-secondary .current-menu-ancestor>a,
.nav-secondary .current-menu-item>a,
.nav-secondary .nav-search:focus,
.nav-secondary .nav-search:hover,
.nav-secondary .sub-menu .current-menu-item>a,
.nav-secondary .sub-menu .current-menu-item>a:focus,
.nav-secondary .sub-menu .current-menu-item>a:hover,
.nav-secondary .sub-menu a:focus,
.nav-secondary .sub-menu a:hover,
.nav-secondary a:focus, .nav-secondary a:hover,
.nav-secondary>.menu-item-has-children:focus>a,
.nav-secondary>.menu-item-has-children:hover>a {
    color: #000;
}

.site-footer,
.site-footer .widget-title,
.site-footer .widgettitle,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: rgba(0,0,0,.6);
}

.site-footer a:focus,
.site-footer a:hover {
    color: rgba(0,0,0,1);
}

.home .nav-secondary .current-menu-item>a,
.nav-secondary .nav-search,
.nav-secondary a {
    color: #413f3f;
}


/* Mega Menu */

/* Already in genesis sample theme */
.genesis-nav-menu .sub-menu .sub-menu {
    margin: -56px 0 0 199px;
}

/* Add the following below it */
.genesis-nav-menu .megamenu .sub-menu {
    background-color: #fff; /* same color as .genesis-nav-menu .sub-menu a */
    border: 1px solid #eee; /* optional, if a border is desired */
    height: auto;
    width: 610px; /* make width needed plus 10px */
    column-count: 3; /* optional to change the order of the items to be vertical */
    column-gap: 0; /* optional to change the order of the items to be vertical */
}

.genesis-nav-menu .megamenu.move .sub-menu {
    right: 0;
} /* optional to right align the sub-menu */

.genesis-nav-menu .megamenu .sub-menu a {
    border: 0; /* optional */
    width: 200px; /* 1/3 width for 3 columns */
    /* width: 300px; /* 1/2 width for 2 columns */
}

/* Mobile Menu
This is not needed for mobile-first themes - see blog post for this.
Find section @media only screen and (max-width: 1023px) {
In that section find, already in genesis sample theme
*/
.js .genesis-nav-menu .sub-menu .sub-menu {
    margin: 0;
}

/* Add the following below it */
.genesis-nav-menu .megamenu .sub-menu {
    column-count: 0; /* optional if added above */
    overflow: hidden;
    width: 100%;
}

.genesis-nav-menu .megamenu .sub-menu a {
    width: auto;
}

/* # Media Queries (mobile-first)
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 545px) {
}

@media only screen and (min-width: 769px) {
}

@media only screen and (min-width: 993px) {
}

@media only screen and (min-width: 1160px) {
}

/* # Media Queries (mobile-second)
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1159px) {
}

@media only screen and (max-width: 992px) {
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 544px) {
}