/**
 * 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: 400;
	color: #000000;
	background-color: #ffffff;
}

h1,
.banner-title,
.heading,
.widget-title,
.widgettitle {
	font-family: calibri,arial,sans-serif;     /* 'Roboto Slab', serif; xxxxxxxx */
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;       /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
}

h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
h1 { color: #000000; }
h2 { color: #3b9995;  font-size: 28px; font-weight: bold; }
h3 { color: #333333;  font-size: 24px; font-weight: bold; }

.heading { text-align: inherit; }

.nav-header_right  { font-size: 1.1em;  }
.genesis-nav-menu a,a:link {
    font-weight: normal;
	font-size: 1.0em;
	color: #296b68;
}
.genesis-nav-menu a:visited { color: #296b68; }
.genesis-nav-menu a:hover { color: #ffffff !important; background-color: #45b2af; text-decoration: none; }

.home .nav-header .current-menu-item>a, .nav-header .nav-search, .nav-header a { color: #000000; }

.nav-header .sub-menu a { background-color: #e8f2f1; color: #296b68; }
.nav-header .sub-menu a:hover { background-color: #45b2af; color: #ffffff; }

.genesis-nav-menu .sub-menu a {
    width: 280px;
    font-size: 1.0em;
    padding: 12px 18px;
    margin: 0;
}
.genesis-nav-menu .sub-menu li { width: 280px;  }

/* # 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) {
	ul#menu-top { display:none; }
	
		.mai-toggle, .mai-toggle:focus, .mai-toggle:hover {
      display: block; background-color: #bbd0f7;  /* menu icon background xxxxxxxxxxxxxxx */ }	/* 70a39c aqua */
	/* Mobile Menu */
#mai-menu.mai-menu { background-color: #0a255a; } /* background */
.mobile-menu { background-color: #bbd0f7; }  /* menu back */
.mobile-menu a {  margin-left: 0.5em; }
.mobile-menu a:hover {  background-color: #ffffff; }	

.mobile-menu .sub-menu { background-color: #e2e2e2; }
.mobile-menu .sub-menu a { color: #0a255a; background-color: #e2e2e2; }
.mobile-menu .sub-menu a:hover,
.mobile-menu .sub-menu a:focus,
.mobile-menu .sub-menu a:active {
	color: #000000; background-color: #ffffff;
}

.mobile-menu .current-page-ancestor > a,
.mobile-menu .current-menu-item > a {     color: #000000; }	

/*	Stop sidebar float right */
aside#genesis-sidebar-primary.sidebar.sidebar-primary.widget-area.has-boxed {	float: none; width: 100%; max-width: 100%; margin-left: 0px; }
}

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

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

/*
Sidebar
---------------------------------------------------------------------------------------------------- */

.sidebar {
	float: right;
	width: 230px;     /* 270 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */  
	background-color: #daf2f1;    /* b8d8f1 lt blue -- added xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	padding-left: 0em; padding-right: 0em;   /* added xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	border-radius: 15px;   /* added xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
}
.has-one-sidebar .sidebar-primary.has-boxed { flex: 1 0 250px;    max-width: 250px; }    /* 300 */
.sidebar .widget.boxed, .sidebar.boxed { background-color: #daf2f1; border: 0px; }

.sidebar a.b:link     { color: #e2e2e2;   background-color: #45b2af;     text-decoration: none;   font-weight: bold; font-size: 1.0em;  padding-top: .2em;  padding-bottom: .2em;  padding-left: 0.8em;  padding-right: 0.8em; border: 0px solid #bc5400; border-radius: 15px; }

.sidebar a.b:visited  { color: #e2e2e2;   background-color: #45b2af;     border: 0px solid #bc5400; }
.sidebar a.b:hover  { color: #ffffff !important;   background-color: #4fccc7;      border: 0px solid #009e0f; }

.site-footer {
    background-color: #3b9995;  text-align: center;  padding-top: 30px;  padding-bottom: 30px;
    border-top: 1px solid rgba(0,0,0,.1);  }

img		{ border: 0px solid #666666; border-radius: 0px; }
b.a		{ color: #296b68; font-size: 1.4em; }
hr		{ height: 2px;  background-color: #45b2af; border: 0px; }
a.jump  { scroll-margin-top: 150px; text-decoration: none !important; /* Jump Links */ }

.entry-content a,a:link 			{  	color: #45b2af;     }     /* logo red b6003b */
.entry-content a:visited	{  	color: #45b2af;     }
.entry-content a:hover 	{	color: #4fccc7 !important;  text-decoration: underline;   }

a.f,a.f:link 		{  	color: #f9d8bd;     }     
a.f:visited	{  	color: #f9d8bd;     }
a.f:hover 	{	color: #ffffff !important;  text-decoration: underline;   }

a.a 		{  	color: #ffdfa4;     }     
a.a:visited	{  	color: #ffdfa4;     }
a.a:hover 	{	color: #ffffff !important;  text-decoration: underline;   }

a.b:link     { color: #ffffff;   background-color: #45b2af;     text-decoration: none;   font-weight: 500; font-size: 1.2em;  padding-top: .2em;  padding-bottom: .2em;  padding-left: 0.8em;  padding-right: 0.8em; border: 2px solid #45b2af; border-radius: 15px; }

a.b:visited  { color: #ffffff;   background-color: #45b2af;     border: 2px solid #45b2af; }
a.b:hover  { color: #ffffff !important;   background-color: #4fccc7;      border: 2px solid #4fccc7; }

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    display: block !important;
    font-size: 14px !important;
    float: none !important;
    line-height: 1.0 !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
}
.wpforms-form button[type=submit] {
	background-color: #45b2af !important;
	border-color: #000000 !important;
	border-radius: 0px !important;
	color: #fff !important;
	margin-top: -30px !important;
}

.wpforms-form button[type=submit]:hover {
	background-color: #5ef2ed !important;
	border-color: #666666 !important;
	color: #ffffff !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea textarea {
    background-color: #fff;
    box-sizing: border-box;
    color: #000066;
	font-family: arial;
}
div.wpforms-container-full .wpforms-form input.wpforms-field-large, div.wpforms-container-full .wpforms-form select.wpforms-field-large, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large {
    max-width: 100%;
    color: #000066;
	font-family: arial;
}
.wpforms-confirmation-container-full {  /* Green Box */
    color: #333;
    margin: 0 0 24px 0;
    background-color: #e2e2e2 !important;
    border: 1px solid #45b2af !important;
    padding: 15px 15px;
}
.metaslider  { border: 4px solid #45b2af;  border-radius: 0px; }
.section { border-bottom: 0px solid #1c69bc; }

ul.a    { list-style-image: url(https://acscleaningserviceinc.com/wp-content/uploads/2023/03/check4.png);	margin-bottom: 0.6em; border: 0px; }

.header-before { background-color: #45b2af;   /* border-bottom: 1px solid #2b569a; */  }
.site-header { background-color: #daf2f1;   border-bottom: 2px solid #45b2af;  }
.site-footer { background-color: #3b9995;   /* xxxxxxxxxxxxxxxx */  }

/* Grid style */
.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;
}
.display-posts-listing.grid a,a:link,a:visited {
	color: #000066;
	text-decoration: none;
}
.display-posts-listing.grid a:hover {
	color: #000000 !important;
	text-decoration: underline;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
	border: 1px solid #000066;
}

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}