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


/* Table of Contents

	- Defaults
	- Structure and Layout
	- Common Classes
	- Content Area
		- Entry Meta
	- Media Queries (mobile-first)
	- Media Queries (mobile-second)

*/


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

/**
 * Retina Logo
 *
 * If uploading double sized (retina) image,
 * put exactly half the width in pixels for retina display.
 * Example: Retina (2x) image is 360px by 90px, CSS should be:
 * max-width: 180px;
 */
.wp-custom-logo .site-title a {
	max-width: 150px;
}

body {
	font-family: 'Open Sans', sans-serif;
	/*font-weight: 300;*/
	font-weight: 400;
}

h2,
h3,
h4,
h5,
h6,
.site-title a,
.adjacent-entry-pagination a {
	font-family: 'Muli', sans-serif;
	font-weight: 800;
}

.banner-area .archive-title,
.banner-area .author-box-title,
.banner-area .entry-title,
.heading,
h1 {
	font-family: 'Muli', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

.banner-area .archive-title, .banner-area .entry-title, .heading, h1, h1.entry-title {
    font-size:2.8rem;
}

.author-box-title,
.entry-comments h3,
.comment-respond h3,
.widget-title,
.related > h2,
.up-sells > h2 {
	font-family: 'Muli', sans-serif;
}

.sidebar .widget-title {
	text-align: center;
}

a {
    color: #cc0000;
}

a:focus,
a:hover {
     color: #920000;
     outline: none !important;
}

table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {
	color: #cc0000 !important;
	font-weight: bold !important;
}

.events-table td {
	padding-left: 15px !important;
}

/* Main button color */

div.css-search {
	padding: 10px;
}
div.css-search div.em-search-main div.em-search-field input {
	border: 1px solid #ccc;	
	margin-left: 10px;
}

div.css-search div.em-search-main .em-search-submit {
	line-height: 5px;
	padding: 12px 20px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button,
.menu-item.highlight a,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button.alt.single_add_to_cart_button,
.woocommerce .button.alt.checkout-button {
	background-color: #cc0000;
}

/* Main button color hover */
button:hover,
button:focus,
input:hover[type="button"],
input:focus[type="button"],
input:hover[type="reset"],
input:focus[type="reset"],
input:hover[type="submit"],
input:focus[type="submit"],
.button:hover,
.button:focus,
.entry-content .button:hover,
.entry-content .button:focus,
.menu-item.highlight.current-menu-item > a,
.menu-item.highlight > a:hover,
.menu-item.highlight > a:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce .button.alt.single_add_to_cart_button:hover,
.woocommerce .button.alt.single_add_to_cart_button:focus,
.woocommerce .button.alt.checkout-button:hover,
.woocommerce .button.alt.checkout-button:focus {
	background-color: #840000;
}

/* Alt button color */
.button.alt,
.comment-reply-link,
.entry-content .button.alt,
.entry-content .more-link,
.footer-widgets .button,
.site-footer .button,
.woocommerce .actions .button,
.woocommerce a.button.alt,
.woocommerce a.button.add_to_cart_button {
	background-color: #cc0000;
}

/* Alt button color hover */
.button.alt:hover,
.button.alt:focus,
.comment-reply-link:hover,
.comment-reply-link:focus,
.entry-content .button.alt:hover,
.entry-content .button.alt:focus,
.entry-content .more-link:hover,
.entry-content .more-link:focus,
.footer-widgets .button:hover,
.footer-widgets .button:focus,
.site-footer .button:hover,
.site-footer .button:focus,
.woocommerce .actions .button:hover,
.woocommerce .actions .button:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce a.button.add_to_cart_button:focus {
	background-color: #840000;
}

/* Header navigation link color */
.home .nav-header .current-menu-item > a,
.nav-header .nav-search,
.nav-header .nav-search:focus,
.nav-header a {
	color: #323232;
}

/* Header navigation current/hover link color */

.nav-header a {
  position: relative;
  text-decoration: none;
  display: inline-block;
  color: black;
  padding: 5px 12px;
  transition: color ease 0.3s;
  margin-left: 20px;
  font-weight: 800;
  font-family: 'Muli';
  color: #333;
  text-transform: uppercase;
}

.nav-header a::before {
	content: '';
	position: absolute;
	/* z-index: -1;*/
	z-index: 1;
	width: 100%;
	height: 7%;
	left: 0;
	bottom: 0;
	background-color: #cc0000;
	transition: all ease 0.3s;
	color: #fff !important;
}

.nav-header a:hover. .sfHover, .sfHover:hover {
	color: #fff !important;
	z-index: 100 !important;
}

.sub-menu a::before {
	z-index: -1;
}

.nav-header a:hover::before {
	height: 100%;
	color: #fff !important;
	z-index: -1;
}

.genesis-nav-menu > .menu-item-has-children > a::after {
	margin-top: -10px !important;
}

.nav-header .sub-menu {
	margin-left: 20px;
}

.genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a {
	width: 220px;
	font-weight: normal;
}

.nav-header a:focus,
.nav-header .current-menu-item > a,
.nav-header .current-menu-ancestor > a,
.nav-header .nav-search:hover,
.nav-header .nav-search:focus,
.nav-header .sub-menu a:hover,
.nav-header .sub-menu a:focus,
.nav-header .sub-menu .current-menu-item > a,
.nav-header .sub-menu .current-menu-item > a:hover,
.nav-header .sub-menu .current-menu-item > a:focus {
	color: #cc0000;
}

.nav-header .menu-item:not(.highlight):hover > a,
.nav-header .menu-item:not(.highlight):focus > a,
.nav-header .menu-item-has-children:not(.highlight):hover > a,
.nav-header .menu-item-has-children:not(.highlight):focus > a {
	transition: background-color ease 1.3s;
	background-color: #cc0000;
	color: #fff;
}

.nav-header .sub-menu a:hover,
.nav-header .sub-menu a:focus{
	color: #cc0000 !important;
	background-color: #fff !important;
}


/* Header navigation sub-menu background/color */
.nav-header .sub-menu a {
	background-color: #fff;
	color: #323232;
	font-weight: 400;
	font-family: 'Open Sans';
}



/* Header navigation sub-menu hover background/color */
.nav-header .sub-menu a:hover,
.nav-header .sub-menu a:focus,
.nav-header .sub-menu .current-menu-item > a,
.nav-header .sub-menu .current-menu-item > a:hover,
.nav-header .sub-menu .current-menu-item > a:focus {
	background-color: #f4f4f4;
	color: #323232;
}

/* Primary navigation background color */
.home .nav-primary .current-menu-item > a,
.nav-primary {
	background-color: #323232;
}

/* Primary navigation link color */
.home .nav-primary .current-menu-item > a,
.nav-primary .nav-search,
.nav-primary .nav-search:focus,
.nav-primary a {
	color: #e4e4e4;
}

/* Primary navigation current/hover link color */
.nav-primary a:hover,
.nav-primary a:focus,
.nav-primary .current-menu-item > a,
.nav-primary .current-menu-ancestor > a,
.nav-primary .menu-item-has-children:hover > a,
.nav-primary .menu-item-has-children:focus > a,
.nav-primary .nav-search:hover,
.nav-primary .nav-search:focus {
	background-color: #252525;
	color: #fff !important;
}

/* Primary navigation sub-menu background/color */
.nav-primary .sub-menu a {
	background-color: #323232;
	color: #e4e4e4;
}

/* Primary navigation sub-menu hover background/color */
.nav-primary .sub-menu a:hover,
.nav-primary .sub-menu a:focus,
.nav-primary .sub-menu .current-menu-item > a,
.nav-primary .sub-menu .current-menu-item > a:hover,
.nav-primary .sub-menu .current-menu-item > a:focus {
	background-color: #252525;
	color: #fff;
}

.su-post-comments-link {
	display: none !important;
}

.su-posts-default-loop .su-post-meta {
	margin-bottom: 2px !important;
}
.su-posts-default-loop h2.su-post-title {
	margin-bottom: 0px !important;
}

.overlay.overlay-light::after {
    background-color: rgba(255,255,255,.75) !important;
}

/* # Content Area
---------------------------------------------------------------------------------------------------- */

.adjacent-entry-pagination a,
.after-entry .widget,
.author-box,
.comment-respond,
.entry,
.entry-comments,
.entry-pings,
.sidebar .widget,
.sticky-header.scroll .site-header {
	-webkit-box-shadow: 0 4px 24px rgba(0,0,0,0.025);
	box-shadow: 0 4px 24px rgba(0,0,0,0.025);
}

p > a {
	color: #333;
  border-bottom: 2px solid #cc0000;
}


/* ## Entry Meta
--------------------------------------------- */

.entry-comments .comment-meta {
	-webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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