/**
 * 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.0.1
 *
 * 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
---------------------------------------------------------------------------------------------------- */

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
}

.banner-area .banner-title,
.heading,
h1,
h2,
h3,
h4,
h5,
h6,
.site-title a,
.adjacent-entry-pagination a {
	font-family: 'Arbutus Slab', serif;
	font-weight: 400;
}

.image-bg .inner-light .heading {
	color: #f6ca6f;
	text-shadow: 0px 0px 6px #fff;
}

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

/* ## Colors
--------------------------------------------- */

a {
	color: #f6ca6f;
}

a:focus,
a:hover {
	color: #fff0a0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button,
.entry-content .more-link,
.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: #f3e287;
	color: rgba(0,0,0,0.6);
	text-transform: uppercase;
	letter-spacing: 1px;
}

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,
.entry-content .more-link:hover,
.entry-content .more-link: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: #fff0a0;
	color: rgba(0,0,0,0.6);
}

.entry-content .more-link {
	font-size: 14px;
}

.archive-pagination a {
	background-color: #f1f1f1;
	color: rgba(0,0,0,0.6);
}

.archive-pagination .active a,.archive-pagination a:focus,.archive-pagination a:hover {
	background-color: #f3e287;
	color: rgba(0,0,0,0.6);
}

/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* # Common Classes
---------------------------------------------------------------------------------------------------- */

.image-bg .inner-light {
	position: relative;
	background-color: rgba(255,255,255,.9);
}

.image-bg .inner-light:before,
.image-bg .inner-light:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-style: solid;
	border-color: transparent;
	border-width: 20px;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	width: 100%
}

.image-bg .inner-light:before {
	border-top-width: 0;
	border-bottom-color: rgba(255,255,255,.9);
	top: -20px;
}

.image-bg .inner-light:after {
	border-bottom-width: 0;
	border-top-color: rgba(255,255,255,.9);
	bottom: -20px;
}

.breadcrumb {
	-webkit-font-smoothing: antialiased;
}

/* # Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	font-size: 14px;
	font-weight: 700;
}

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

.nav-header .hightlight a {
	background-color: #f3e287;
	color: rgba(0,0,0,0.6);
}

.nav-header .hightlight a:hover,
.nav-header .hightlight a:focus {
	background-color: #fff0a0;
	color: rgba(0,0,0,0.6);
}

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

.home .nav-primary .current-menu-item > a,
.nav-primary .nav-search,
.nav-primary .nav-search:hover,
.nav-primary .nav-search:focus,
.nav-primary a {
	color: #000;
}

.nav-primary .current-menu-item > a,
.nav-primary .current-menu-ancestor > a {
	background-color: #fff0a0;
}

.nav-primary a:hover,
.nav-primary a:focus,
.nav-primary .nav-search:hover,
.nav-primary .nav-search:focus {
	background-color: #dacb79;
}

.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 {
	color: #fff;
}

.home .nav-secondary .current-menu-item > a,
.nav-secondary {
	background-color: #f3e287;
	color: #000;
}

.home .nav-secondary .current-menu-item > a,
.nav-secondary .nav-search,
.nav-secondary .nav-search:focus,
.nav-secondary a {
	color: #000;
}

.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: transparent;
	color: #fff;
}


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

/* ## Front Page
--------------------------------------------- */

.home .section.image-bg {
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.home-banner {
	/* background-position: center right; */
}

.home-amazon-deals .amzn-native-container {
	margin: auto;
}

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

.site-footer {
	background: #f3e287;
	color: #000;
}

.site-footer a {
	color: #000;
}

/* # Plugins
---------------------------------------------------------------------------------------------------- */

.enews-widget input {
	font-size: 16px;
	margin-bottom: 16px
}

.enews-widget input[type=submit] {
	margin: 0;
	width: 100%
}

.enews form + p {
	margin-top: 24px
}

.rp4wp_component_title a {
	display: block;
	color: #000;
	text-align: center;
}

.simple-social-icons ul.aligncenter {
	margin-left: 0 !important;
}

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