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

a {
    color: #181149;
}



/* # My Styles
---------------------------------------------------------------------------------------------------- */

/* -------------- # Header Styles -------------- */

.site-header {
    background-color: #ffc709;
    border-bottom: 2px solid rgba(0,0,0,0.25);
}

.site-header .wrap {
	margin-top: 0;
	margin-bottom: 0;
}



/* -------------- # Nav Styles -------------- */

.home .site-header .elementor-header-nav-widget {
	position: absolute;
	z-index: 9;
}

.home .site-header .mega-menu .mega-menu-item .mega-menu-link {
	color: #fff !important;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.25);
}

.home .site-header .mega-menu .mega-menu-item .mega-menu-link:hover,
.home .site-header .mega-menu .mega-menu-item .mega-menu-link:focus {
	color: rgba(255, 255, 255, 0.5) !important;
}

@media only screen and (max-width: 767px) {
	
	.home .site-header .elementor-header-nav-widget {
		position: relative;
	}
	
	.home .site-header .mega-menu .mega-menu-item .mega-menu-link {
		color: #000 !important;
		text-shadow: none;
	}
	
	.home .site-header .mega-menu .mega-menu-item .mega-menu-link:hover,
	.home .site-header .mega-menu .mega-menu-item .mega-menu-link:focus {
		color: rgba(0, 0, 0, 0.5) !important;
	}
	
}

.genesis-nav-menu a {
    font-size: 125%;
}

.nav-header .nav-search:focus, 
.nav-header .nav-search:hover, 
.nav-header .sub-menu .current-menu-item>a, 
.nav-header .sub-menu .current-menu-item>a:focus, 
.nav-header .sub-menu .current-menu-item>a:hover, 
.nav-header .sub-menu a:focus, 
.nav-header .sub-menu a:hover, 
.nav-header a:focus, 
.nav-header a:hover, 
.nav-header>.current-menu-ancestor>a, 
.nav-header>.current-menu-item>a, 
.nav-header>.menu-item-has-children:not(.highlight):focus>a, 
.nav-header>.menu-item-has-children:not(.highlight):hover>a {
    color: #fff /*#181149*/;
    text-shadow: -1px -1px 0px rgba(0,0,0,0.05);
}

@media only screen and (max-width: 768px) {
	
	.nav-right-widget {
		border-top: 1px solid rgba(0,0,0,0.10);
	}
	
	.nav-right-widget .mega-menu {
		text-align: center !important;
	}
	
}

@media only screen and (max-width: 600px) {
	
	.nav-right-widget .mega-menu .mega-menu-item {
		border-bottom: 1px solid rgba(0,0,0,0.10) !important;
	}
	
	.nav-right-widget .mega-menu .mega-menu-item:last-child {
		border-bottom: none !important;
	}
	
}

.light-content, .light-content .entry-meta, 
.light-content .entry-meta a, 
.light-content .entry-title, 
.light-content .entry-title a, 
.light-content .gallery-caption, 
.light-content .wp-caption-text, 
.light-content h1, 
.light-content h2, 
.light-content h3, 
.light-content h4, 
.light-content h5, 
.light-content h6 {
    color: #000;
}


/* -------------- # Site Inner Styles -------------- */

.home .site-inner {
	max-width: 100% !important;
}

.elementor-template-full-width .site-inner {
	max-width: 100%;
	padding: 0;
}

/*.elementor-template-full-width .site-inner .elementor-section-wrap .elementor-section {
	position:;
}*/


/* -------------- # Footer Styles -------------- */

.site-footer {
	padding-top: 0;
	padding-bottom: 0;
	border-top: none !important;
	background-color: #181149;
}

.site-footer .gc-cs-link {
	color: #ffc709 !important;
}

.site-footer .gc-cs-link:hover {
	opacity: 0.75;
}




/* -------------- # Forminator Styles -------------- */

.forminator-custom-form {
	display: block !important;
}

.forminator-button {
	background-color: #ffc709 !important;
	color: #181149 !important;
	padding: 15px 25px !important;
	font-size: 1.5rem !important;
	text-transform: uppercase !important;
	border-radius: 5px !important;
}

.forminator-button:hover,
.forminator-button:focus {
	color: #fff !important;
	background-color: #181149 !important;
}


/* -------------- # Testimonials Styles -------------- */

.strong-form .strong-form-inner {
	padding: 0 !important;
}

.strong-form .required-notice {
	display: none !important;
	visibility: hidden !important;
}

.strong-form .button {
	background-color: #ffc709 !important;
    color: #181149 !important;
    padding: 15px 25px !important;
    font-size: 1.5rem !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
    width: 100% !important;
}

.strong-form .button:hover,
.strong-form .button:focus {
    color: #fff !important;
    background-color: #181149 !important;
}

.strong-view.modern .testimonial-content:before, 
.strong-view.modern .testimonial-content:after,
.strong-view.modern .testimonial-content p {
    color: #000;
}


/* # 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) {}
