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

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

/* # 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, .025);
	box-shadow: 0 4px 24px rgba(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) {}
