/**
 * Theme Name:          Mai Law Pro
 * 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.0.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;
}

.heading {
	text-align: inherit;
}

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


/* # CLB Edits
---------------------------------------------------------------------------------------------------- */



.genesis-nav-menu a, .site-title a, h1, .banner-title, .heading, .widget-title, .widgettitle {
	font-family: 'Roboto Condensed', sans-serif;
}

.banner-title, .entry-title, .footer-widgets li, .heading, h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', sans-serif;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 16rem;
}

.site-title a {
    font-size: 36px;
    font-weight: 300;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: -1px;
    margin-left: 0;
    margin-bottom: 0;
}

.site-description {
    margin: 0;
    padding: 0px 0 0;
    color: #333333;
    font-family: 'Roboto','sans-serif';
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 24px;
}

.nav-primary {
    background-color: #2e4e86;
}

.nav-primary .current-menu-ancestor>a, .nav-primary .current-menu-item>a, .nav-primary .nav-search:focus, .nav-primary .nav-search:hover, .nav-primary a:focus, .nav-primary a:hover, .nav-primary>.menu-item-has-children:focus>a, .nav-primary>.menu-item-has-children:hover>a {
	background-color: #3b63ab;
	color: #fff;
}

.nav-primary .sub-menu a:focus, .nav-primary .sub-menu a:hover {
	background-color: #3b63ab;
	color: #fff;
}

.home .nav-primary .current-menu-item>a, .nav-primary {
    background-color: #2e4e86;
}

.nav-primary .sub-menu a {
    background-color: #3b63ab;
    color: #e4e4e4;
}

li.right.date {
	display: none;
}

.site-footer {
    background-color: #2e4e86;
    border-top: none;
}

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


.icon-headline {
	color: #fff;
}

.icon-card:hover {
	background: #2e4e86;
}

.icon-card-text {
	text-align: left;
	padding-bottom: 20px;
}

.home .icon-card h3 {
	font-size: 1.6em;
	padding-top: 20px;
}

.icon-card {
    text-align: center;
    padding: 20px;
    padding-top: 40px;
    background: #3b63ab;
    margin-bottom: 40px;
    transition: all ease-in-out .35s;
    color: #fff;
}

.icon-card:hover {
    transform: translate3d(0,-6px,0);
}

.icon-card a, .icon-card a:hover, .entry-content .clb-icon-card-area a:hover {
	color: #fff;
	text-decoration: none !important;
}

.button, .entry-content .button, .entry-content .more-link, .menu-item.highlight>a, .woocommerce #payment #place_order, .woocommerce .button.alt.checkout-button, .woocommerce .button.alt.single_add_to_cart_button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #payment #place_order, button, input[type=button], input[type=reset], input[type=submit] {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 18px 24px;
	background: #3b63ab;
}

#menu-item-1094 a {
    background-color: #365DA0;
    border-radius: 3px;
    box-shadow: none;
    color: #ffffff !important;
}

#sitelogo {
	float: left;
	margin-right: 12px;
	width: 50px;
}

.program-explore-area {
	display: block;
	clear: both;
}

.blog .entry-header:first-of-type {
    margin-top: 0px;
}

.entry-title a:hover, a {
	color: #3b63ab;
}

#menu-item-1132 a:hover, #menu-item-1094 a:hover  {
    background-color: #333;
}

.site-header-row .col-xs-auto {
	flex-grow: 1;
}

/* ---- Hide newsletter stuff except on NL pages ----- */

#custom_html-2 {
	display: none;
}

.page-template-template-newsletter-single-issue #custom_html-2, .page-template-template-newsletter-single-issue #custom_html-3, .single-newsletter #custom_html-2, .single-newsletter #custom_html-3 {
	display: block;
}






h2.language-name {
	margin-top: 60px;
}

.grant-credit {
	margin-top: 60px;
	padding: 20px;
	background: #eee;
	font-size: 13px;
	line-height: 1.3;
	font-style: italic;
}

.language-list {
	display: grid;
    -webkit-column-gap: 20px;
    column-gap: 20px;
	row-gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: min-content;
	
	display: -ms-grid;
    display: grid;
    -webkit-column-gap: 20px;
    column-gap: 20px;
	row-gap: 20px;
	-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: -webkit-min-content;
	grid-auto-rows: min-content;
}

.individual-resource-item {
	width: 100%;
	text-align: center;
}

.language-list .button.full {
	height: 100%;
}

#menu-item-1094 a {
    border-bottom: none;
}





/* # 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) {
	.language-list {
		grid-template-columns: 1fr;
	}
	.language-list .button.full {
		width: 100%;
	}
}

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