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

.banner-area .archive-title,
.banner-area .author-box-title,
.banner-area .entry-title,
.heading,
h1 {
	font-family: 'Muli', sans-serif;
	font-weight: 700;
}

.author-box-title,
.entry-comments h3,
.comment-respond h3,
.widget-title,
.related > h2,
.up-sells > h2 {
	font-family: 'Muli', sans-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,0.025);
	box-shadow: 0 4px 24px rgba(0,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) {}




/* DJA Changes 20190923 */
h1, h2, h3 {
	font-family: 'Muli', sans-serif!important;
}
.entry-title {
	clear: both;
	font-size: 2.1rem!important;
}

.button, input[type=button] { background-color: #db5c3b !important }

.rll-youtube-player {
	margin-bottom: 20px;
}

.simplefavorite-button {
	clear: both;
}

iframe:after {
	clear: both;
	display: block;
	content: "";
}

.entry-content {
	clear: both;
}

.height-md {
    padding-top: calc(1rem);
    padding-bottom: calc(1rem + 0.5vw);
}

@media only screen and (min-width: 993px) {
.content-sidebar .content-sidebar-wrap.has-boxed-child .sidebar-primary {
    margin: 0 44px;
}
}
@media only screen and (min-width: 993px) {
.home .sidebar-primary {
    margin: 22px 44px!important;
}	
}

@media only screen and (max-width: 993px) {
.sidebar {
    max-width: 95%;
    margin: 0 auto;
    margin-bottom: 0;
	}
	
	.content-sidebar-wrap {
        margin-top: 12px;
        margin-bottom: 12px;	
	}
	
	.entry-title {
        clear: both;
        font-size: 1.6rem!important;
	}
}
.sidebar .widget-title {
		clear: both;
        text-align: center;
        color: white;
        background-color: #9d6c16;
        padding: 12px 0px;
		font-size: 1.3rem!important;
		text-transform: uppercase;
}

.widget:after {
	clear: both;
	content: "";
	display: block;
}

a, .nav-primary a, .site-footer a {
    color: #9d6c16;
}

.nav-primary a:hover, .nav-primary .current-menu-item>a, .nav-primary .current-menu-item .bkmrk:before, .home .nav-primary .current-menu-item>a {
	color: white;
	background-color: #9d6c16;
}

.nav-primary {
    background-color: white;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
}

.site-footer {
    background-color: white;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		color: #9d6c16;
}

.site-footer a:hover {
	color: #9d6c16;
}

.modal-content-body:after,
.modal-content-footer:after {
 	clear:both
}

.modal-backdrop {
	 position: fixed;
	 width: 0;
	 height: 0;
	 background-color: rgba(0,0,0,.85);
	 top: 10%;
	 left: 50%;
	 z-index: 998;
	 opacity: 0;
	 -webkit-transition: opacity .2s ease;
	 -o-transition: opacity .2s ease;
	 transition: opacity .2s ease;
}

.modal-backdrop.active {
	 width: 100%;
	 height: 100%;
	 left: 0;
	 opacity: 1;
	 -webkit-transition: opacity .2s ease;
	 -o-transition: opacity .2s ease;
	 transition: opacity .2s ease;
}

.modal-content {
	 z-index: 999;
	 position: fixed;
	 top: -200%;
	 left: 50%;
	 width: 100%;
	 background-color: #fff;
	 -webkit-border-radius: 2px;
	 border-radius: 2px;
	 -webkit-transform: translateX(-50%);
	 -ms-transform: translateX(-50%);
	 transform: translateX(-50%);
	 -webkit-transition: all .2s ease;
	 -o-transition: all .2s ease;
	 transition: all .2s ease;
	 -webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,.5);
	 box-shadow: 5px 5px 0 0 rgba(0,0,0,.5);
}

.modal-content.small {
 	width: 400px
}

.modal-content.active {
	 top: 50px;
	 -webkit-transition:all .2s ease;
	 -o-transition:all .2s ease;
	 transition:all .2s ease;
}

.modal-content-body {
	 padding-top: 1em;
	 max-height: 90%;
	 overflow: auto;
	 zoom: 1;
}
.modal-content-body:after,
.modal-content-body:before {
 	content: " ";
 	display: table;
}
.modal-content-body.no-padding {
 	padding: 0
}
.modal-content-body h3,
.modal-content-body p {
 	padding:0 1em
}
.modal-content-footer {
	 zoom: 1;
	 padding: .7em;
	 -webkit-border-radius: 0 0 2px 2px;
	 border-radius: 0 0 2px 2px;
	 background-color: #ebebeb
}
.modal-content-footer:after,
.modal-content-footer:before {
	 content: " ";
	 display: table
}
.modal-header h3 {
 	padding: .3em .5em;
}

#favorites-modal {
	display: none;
}

.modal-dialog {
	margin-top: 150px!important;
}

.modal-footer {
	text-align: center;
}

/* fontawesome */


.bkmrk::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "dashicons"; 
	font-weight: 400;
	content: "\f453";
	color: #ff8ca9;
	font-size: 135%;
}

.cbr-twitter a::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "dashicons";
	font-weight: 400;
	content: "\f301";
	padding: 0 5px;
}

.cbr-facebook a::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "dashicons";
	font-weight: 400;
	content: "\f304";
	padding: 0 5px;
}

.cbr-instagram a::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "dashicons";
	font-weight: 400;
	content: "\f12d";
	padding: 0 5px;
}

.clear {
	clear: both;
	margin-top: 12px;
}