/**
 * 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)

*//*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 10, 2019 */



@font-face {
    font-family: 'novecento_widebold';
    src: url('webfonts/novecentowide-bold-webfont.woff2') format('woff2'),
         url('webfonts/novecentowide-bold-webfont.woff') format('woff'),
url('webfonts/novecentowide-bold-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}


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

h2,
h3,
h4,
h5,
h6,
.site-title a,
.adjacent-entry-pagination a {
	font-family: 'novecento_widebold', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

.banner-area .archive-title,
.banner-area .author-box-title,
.banner-area .entry-title,
.heading,
h1 {
	font-family: 'novecento_widebold', serif;
	text-transform: uppercase;
	font-size: 3em;
}

h2 {
	font-size: 2.5em;
}

.last h2 {
	font-size: 4em;
	margin-bottom: 40px;
}

h3 {
	font-size: 2em;
}

.authors h3 {
	font-size: 1.6em;
}

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

h2.widget-title {
	font-size: 1.6em;
}

button,
.button,
.entry-content .button {
	border-radius: 5px;
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 30px;
	padding: 20px;
}

.entry-content .button:hover {
	opacity: 0.6;
}

.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,0.025);
	box-shadow: 0 4px 24px rgba(0,0,0,0.025);
}

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

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

/* ## Custom
--------------------------------------------- */

.site-header {
	display: none;
}

.height-xl.bottom {
    padding-top: calc((1rem + 30vw) * 2 - 60px);
    padding-bottom: 60px;
}

.shareables {
	padding: 0 10px;
	width: 33%;
}

.retailers {
	padding: 0 10px;
	width: 33%;
}

.pum-content a:hover {
	opacity: 0.6;
}

.pum-content h3 {
	color: #fff;
}

p:not([class])>a:not([class]),
a:hover,
a:focus {
	border-bottom: none;
}

.footer {
	background-color: #000;
}

/* # 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) {
.banner-title, h1, h1.entry-title {
    font-size: 5rem;
}
	
}

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

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

@media only screen and (max-width: 1159px) {
	
	.height-xl.bottom {
    	padding-top: calc((1rem + 40vw) * 2 - 60px) !important;
    	padding-bottom: 60px;
	}
}

@media only screen and (max-width: 992px) {
	.height-xl.bottom {
    	padding-top: calc((1rem + 50vw) * 2 - 60px) !important;
    	padding-bottom: 60px;
	}
}

@media only screen and (max-width: 768px) {
	.shareables {
		width: 50%;
	}
}

@media only screen and (max-width: 544px) {
	
	.height-xl.bottom {
    	padding-top: calc((1rem + 60vw) * 2 - 60px) !important;
    	padding-bottom: 70px;
	}
	
	.shareables {
		width: 100%;
	}
	
	.last h2 {
	font-size: 3em;
	margin-bottom: 40px;
}
}