/**
 * 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.3-mod
 *
 * Template:            genesis
 *
 * License:             GPL-2.0+
 * License URI:         http://www.opensource.org/licenses/gpl-license.php
 */

/* Full Width Gutenberg */
.alignwide { margin-left: -80px; margin-right: -80px }
.alignfull { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); max-width: 100vw }
.alignfull img { width: 100vw }


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

/* Landing Page structure */

.page-template-landing .site-header {
	border: none;
	margin-top: 0;
}

.page-template-landing .site-inner {
	max-width: none;
	width: 100%;
	padding: 0;
	background: #fff;
}

.page-template-landing .content-sidebar-wrap {
	margin-top: 0;
}

.page-template-landing .content-sidebar-wrap main > article {
	border: 0;
	max-width: 1248px;
	box-shadow: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
}

#menu-custom-landing-page li a {
	font-family: oswald, sans-serif;
	text-transform: uppercase;
	color: #452a26;
	font-weight: 400;
	font-size: 18px;
}

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

.user-menus-servings-recipe {
	width: 65px;
	box-sizing: border-box;
}

.button:hover, .entry-content .button:hover {
	border: 2px solid #000;
}

.section-content a[class*="button-"] {
	display: inline-block;
}

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

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

/* Footer */

.footer-widgets-1 .menu li {
	cursor: pointer;
}

.custom-menu-page .footer-widgets {
	background: #f6b900;
}

.custom-menu-page .footer-widgets a {
	color: #45262a;
}

.custom-menu-page .footer-widgets a:hover {
	color: #dd7836;
}

/* Memberpress */

.mepr-payment-methods-radios label {
	display: block;
}

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

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

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

	#genesis-footer-widgets {
		display: none;
	}

}

@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: 960px) {

	.user-menus-buttons-container {
		display: none;
	}

	body table.user-menus-ingredients {
		margin-top: 20px !important;
	}

}

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

	body .header-before {
		display: block;
	}

}

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