/**
 * 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;
 */
 
@font-face {
    font-family:"BrannbollSmal";
    src:url("fonts/BrannbollSmal.eot?") format("eot"),url("fonts/BrannbollSmal.woff") format("woff"),url("fonts/BrannbollSmal.ttf") format("truetype"),url("fonts/BrannbollSmal.svg#BrannbollSmal") format("svg");
    font-weight:normal;
    font-style:normal;
    
}


.height-md {
    padding-top: calc(1vw) !important;
    padding-bottom: calc(1vw) !important;    
}


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

p {		
    text-align:center;		
}

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: 'BrannbollSmal', serif;
}

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

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

.nav-primary .current-menu-item>a, .nav-primar.nav-search:focus{
    color: #FFF;
}

.nav-primary .current-menu-ancestor>a, .nav-primary .current-menu-item>a, .nav-primary .menu-item-has-children:focus>a, .nav-primary .menu-item-has-children:hover>a, .nav-primary .nav-search:focus, .nav-primary .nav-search:hover, .nav-primary a:focus, .nav-primary a:hover {
    background-color: #B3CE6E;
}

.nav-primary .sub-menu .current-menu-item>a, .nav-primary .sub-menu .current-menu-item>a:focus, .nav-primary .sub-menu .current-menu-item>a:hover, .nav-primary .sub-menu a:focus, .nav-primary .sub-menu a:hover {
    background-color: #252525;
}

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

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

.genesis-nav-manu a {
    padding: 14px 18px;
}

section.section.banner-area.width-full.text-xs-center.text-lg {
    background-color: #FFF !important;
}
::-moz-selection {
    background-color: #323232;
}

::selection {
    background-color: #B3CE6E;
}

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


/* ## Soliloquy slider ---------------- */

.soliloquy-container {
    margin: 0 auto !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) {
        wp-custom-logo .site-title a {
        max-width: 600px;
    }
    
    .custom-logo {
        max-width: 70%;
        margin: 0 auto;
    }
}

@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) {
    .center-xs {
        max-width: 80%;
    }
}

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