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

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

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

.banner-area .archive-title,
.banner-area .author-box-title,
.banner-area .entry-title,
.heading,
h1 {
	font-family: 'Playfair Display', serif;
}

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

.sidebar .widget-title {
	text-align: center;
}
p {
font-size: 17px;
}

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

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


/*Press Page layout
 ---------------------------------------------------------------------------------------------------- */
#press-box {
	clear: both;
}

.press-item {
	color: #333333;
	font-size: 0.8em;
	line-height: normal;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	text-align: center;
	width: 139px;
	height: 240px;
	overflow: hidden;
}


.press-item img {
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
}

.clear_text {
	clear: both;
}

/*Shaded Box
 ---------------------------------------------------------------------------------------------------- */
.shaded-box{
  border: 1px solid #ddd; padding: 10px;
}
.shaded-box p{
  margin: 0px !important;
}

.shaded-box.blue {
	background-color: #DEF3F7;
	border-left: 8px solid #1BADC6;
}

.shaded-box.grey {
	background-color: #f2f2f2;
  border-left: 8px solid #a9a9a9;
}

.shaded-box.green {
	background-color: #d9edc2;
	border: 1px solid #b2ce96;
}

.shaded-box.purple {
	background-color: #e2e2f9;
	border: 1px solid #bebde9;
}

.shaded-box.red {
	background-color: #FFD4CB;
	border-left: 8px solid #D95762;
}

.shaded-box.yellow {
	background-color: #fef5c4;
	border-left: 8px solid #FADF98;
}

.home-middle .featuredpost .alignleft {

    display: block !important;
    margin: 0 auto 4px !important;
    float: none !important;
	padding-top: 15px;
}

.home-middle .post-info{
	margin: 0px;
}

h4.author-box-title{
	text-align: left !important;
	padding-left: 44% !important;
}

.author-box img{
	float: left;
	padding-top: 60px;
	padding-right: 10px;
}

/*Colors - Links and buttons
 ---------------------------------------------------------------------------------------------------- */

a {
    color: #1badc6;
}

a:focus,
a:hover {
     color: #1BADC6;
}

/* Main button color */
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: #1badc6;
	color: #fff;
}

/* 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: #77b9c4;
	color: #fff;
}

/* 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: #e4e4e4;
	color: #515151;
}

/* 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: #d7d7d7;
	color: #515151;
}

/* 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:hover,
.nav-header a:focus,
.nav-header .current-menu-item > a,
.nav-header .current-menu-ancestor > a,
.nav-header .menu-item-has-children:not(.highlight):hover > a,
.nav-header .menu-item-has-children:not(.highlight):focus > 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: #1BADC6;
}

/* Header navigation sub-menu background/color */
.nav-header .sub-menu a {
	background-color: #fff;
	color: #323232;
}

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

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

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

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

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

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

/* Secondary navigation sub-menu hover background/color */
.nav-secondary .sub-menu a:hover,
.nav-secondary .sub-menu a:focus,
.nav-secondary .sub-menu .current-menu-item > a,
.nav-secondary .sub-menu .current-menu-item > a:hover,
.nav-secondary .sub-menu .current-menu-item > a:focus {
	background-color: #252525;
	color: #fff;
}
/* Mobile Nav Menu */

.mobile-menu a {
	color: #323232;
}

.mobile-menu > .menu-item > a {
	border-bottom-color: #dfdcdf;
}

.mobile-menu .sub-menu-toggle {
	border-color: #dfdcdf;
}

.mobile-menu .sub-menu {
	background-color: rgba(0,0,0,0.01);
	border-color: #dfdcdf;
	border-top: none;
}

.mobile-menu .sub-menu a {
	background-color: rgba(0,0,0,0.01);
}

.mobile-menu .sub-menu a:hover,
.mobile-menu .sub-menu a:focus,
.mobile-menu .sub-menu a:active {
	color: #067CCC;
}

.mobile-menu .sub-menu .sub-menu {
	border-top-color:#dfdcdf;
}

/* Before Header Nav Menu */

.header-before
{
	background-color: #def3f7;
	color: #fff;
}

/* Before Header current/hover link color */ 

.header-before a:hover,
.header-before a:focus,
.header-before .current-menu-item > a,
.header-before .current-menu-ancestor > a,
.header-before .menu-item-has-children:not(.highlight):hover > a,
.header-before .menu-item-has-children:not(.highlight):focus > a,
.header-before .nav-search:hover,
.header-before .nav-search:focus,
.header-before .sub-menu a:hover,
.header-before .sub-menu a:focus,
.header-before .sub-menu .current-menu-item > a,
.header-before .sub-menu .current-menu-item > a:hover,
.header-before .sub-menu .current-menu-item > a:focus {
	color: #ff7f66;
}
.header-before .menu-item a:hover {
	color: #ff7f66
}
	
/* Before Header sub-menu hover background/color */
.header-before .sub-menu a:hover,
.header-before .sub-menu a:focus,
.header-before .sub-menu .current-menu-item > a,
.header-before .sub-menu .current-menu-item > a:hover,
.header-before .sub-menu .current-menu-item > a:focus {
	background-color: #f2f2f2;
	color: #252525;
}

/* bloom form fixes 
----------------------------------------------- */
.et_bloom .et_bloom_inline_form .et_bloom_form_container{
	z-index: 0 !important;
}
.et_bloom .et_bloom_form_container .et_bloom_form_content span{
	margin-top: 10px !important;
}
.et_bloom input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
	line-height: 2.4;
}

/* Dark overlay fix */

.overlay.overlay-dark{
	background-color: rgba(0,0,0,.35);
}

/* top to middle text fix for all overlay boxes
----------------------------------------------- */
.middle-xs{
    align-items: unset;
}
/* fixes for as seen in section */
.pad-30 {
	padding-top: 30px;
}
.pad-35 {
	padding-top: 35px;
}
.pad-40 {
	padding-top: 40px;
}
.pad-45{
	padding-top: 45px;
}
.pad-50 {
	padding-top: 50px;
}
.white{
	color: #ffffff;
}
.top-padding {
	padding-top: 30px;
}

/* more link color override
-------------------------------------------- */
.entry-content .more-link:hover{
	background-color: #1AADC6;
	color: #ffffff;
}

/* Heart Icon
--------------------------------------------- */

.site-footer .icon {
	font-size: 20px;
}

.site-footer .love .icon {
	font-size: 12px;
	margin-left: 2px;
	margin-right: 2px;
	color: #ff7575
}

/* Color Buttons
------------------------------------------------------------ */
 
.button-blue,
.button-gray,
.button-green,
.button-purple,
.button-red,
.button-orange,
.button-yellow {
    color: #fff;
    padding: 5px 10px;
}
 
.button-blue:hover,
.button-gray:hover,
.button-green:hover,
.button-purple:hover,
.button-orange:hover,
.button-red:hover,
.button-yellow:hover {
    text-decoration: none;
}
 
.button-blue {
    background-color: #1BADC6;
    border: 1px solid #1BADC6;
}
 
.button-blue:hover {
    background-color: #83a2be;
    border: 1px solid #83a2be;
}
 
.button-gray {
    background-color: #bdbdbd;
    border: 1px solid #bdbdbd;
}
 
.button-gray:hover {
    background-color: #919191;
    border: 1px solid #919191;
}
 
.button-green {
    background-color: #b2ce96;
    border: 1px solid #b2ce96;
}
 
.button-green:hover {
    background-color: #86a36e;
    border: 1px solid #86a36e;
}
 
.button-purple {
    background-color: #bebde9;
    border: 1px solid #bebde9;
}
 
.button-purple:hover {
    background-color: #9291c7;
    border: 1px solid #9291c7;
}
 
.button-red {
    background-color: #e9b3b3;
    border: 1px solid #e9b3b3;
}
 
.button-red:hover {
    background-color: #c78787;
    border: 1px solid #c78787;
}

.button-orange {
    background-color: #ff7054;
    border: 1px solid #ff7054;
}
 
.button-orange:hover {
    background-color: #c78787;
    border: 1px solid #c78787;
}
 
.button-yellow {
    background-color: #fadf98;
    border: 1px solid #fadf98;
}
 
.button-yellow:hover {
    background-color: #ecb870;
    border: 1px solid #ecb870;
}