/**
 * 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: 'Montserrat', sans-serif;
	font-weight: 400;
}

h2,
h3,
h4,
h5,
h6,
.site-title a,
.adjacent-entry-pagination a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

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

.author-box-title,
.entry-comments h3,
.comment-respond h3,
.widget-title,
.related > h2,
.up-sells > h2 {
	font-family: 'Montserrat', 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;
}

/* ## customizations
--------------------------------------------- */
cite, em, i {
    font-style: italic;
    font-family: times new roman;
}


.home .nav-primary .current-menu-item>a,
.nav-primary {
    background-color: #6c7076;
}
.nav-primary .sub-menu a {
    background-color: #6c7076;
    color: #e4e4e4;
}
.nav-primary .genesis-nav-menu>.menu-item::after, .nav-secondary .genesis-nav-menu>.menu-item::after {
    content: "/";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    color: rgba(0,0,0,.2);
}
.nav-primary .genesis-nav-menu>.menu-item:last-of-type::after {
    display: none;
}
.nav-primary a, .nav-primary .nav-search, .nav-secondary a, .nav-secondary .nav-search {
    color: rgba(255,255,255,.9);
}
.genesis-nav-menu a {
    font-family: 'Nunito',sans-serif;
    font-size: 17px;
    font-weight: 400;
}
:focus {
    color: #323232;
    outline: dotted 1px rgba(0,0,0,.3);
}

.home .nav-primary .current-menu-item>a {
    color: #f1572b;

}

.footer-widgets {
    background-color: #4e4e4e;
    color: rgba(255,255,255,.6);
    border-bottom: 1px solid rgba(0,0,0,.1);
    background-image: url(http://piedravolcanica.com.mx/wp-content/uploads/2019/09/squares.png);
}
.nav-secondary {
    background-color: #626365;
}
.site-footer {
    background: #626365;
    border-top: none;
}
.home .nav-secondary .current-menu-item>a {
    color: #f1572b;
    background-color: transparent;
}

.button.alt, .comment-reply-link, .entry-content .button.alt, .entry-content .more-link, .footer-widgets .button, .footer-widgets input[type=submit], .site-footer .button, .woocommerce .actions .button, .woocommerce a.button.add_to_cart_button, .woocommerce a.button.alt, .woocommerce table.shop_table .button {
    background-color: #f1582a;
    color: #ffffff;
    font-weight: 600;
    text-transform:uppercase;
}
/* # 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) {}