/**
 * Theme Name:          Mai Lifestyle Pro
 * Theme URI............https://maitheme.com
 * Description:         Mai Lifestyle Pro is a custom child theme for The Genesis Framework.
 * Author:              MaiTheme.com
 * Author URI:          https://maitheme.com/
 * Version:             1.3.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
---------------------------------------------------------------------------------------------------- */

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

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

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

.header-before {
	background-color: #0100fc; padding: 10px; 
}

.header-before a {
	color: #fff; text-transform: uppercase; font-weight: 700;
}

.header-before a.contact {
	font-weight: 400; margin-left: 20px;
}


/* Changing the "boxed" content padding to 30 (instead of the default 36) per a recommendation from AdThrive to make our content area bigger */
.after-entry .widget.boxed, .author-box.boxed, .comment-respond-wrap.boxed, .comment-respond.boxed, .content-sidebar-wrap.boxed, .content.boxed, .entry-comments.boxed, .entry-pings.boxed, .entry.boxed, .sidebar .widget.boxed, .sidebar.boxed {
	padding: 30px; 
}

/*Styling used for the Start Here page - edited June/July 2022 */
.container-border-red {
    border: 3px solid #FF3939;
    box-sizing: border-box;
    padding: 7px;
}

.container-border-yellow {
    border: 3px solid #ffcc00;
    box-sizing: border-box;
    padding: 7px;
}

.container-border-orange {
    border: 3px solid #ff6501;
    box-sizing: border-box;
    padding: 7px;
}

.container-border-blue {
    border: 3px solid #0100fc;
    box-sizing: border-box;
    padding: 7px;
}


.container-border-green {
    border: 3px solid #01cc00;
    box-sizing: border-box;
    padding: 7px;
}

.container-border-purple {
    border: 3px solid #9501c7;
    box-sizing: border-box;
    padding: 7px;
}




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

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


.entry-content a {
	color: #1400ff;
	text-decoration: none;
}

.genesis-nav-menu a {font-weight: 700; text-transform: uppercase; color: #000; font-family: quicksand;}

.nav-header .nav-search:focus, .nav-header .nav-search:hover, .nav-header .sub-menu .current-menu-item > a, .nav-header .sub-menu .current-menu-item > a:focus, .nav-header .sub-menu .current-menu-item > a:hover, .nav-header .sub-menu a:focus, .nav-header .sub-menu a:hover, .nav-header a:focus, .nav-header a:hover, .nav-header > .current-menu-ancestor > a, .nav-header > .current-menu-item > a, .nav-header > .menu-item-has-children:not(.highlight):focus > a, .nav-header > .menu-item-has-children:not(.highlight):hover > a {
   color: #1400ff;
}

#custom_html-3 {background: #0100FC; padding: 0px; text-align: center; color: #fff; font-family: quicksand,serif; font-weight: 700; line-height: 1.3 !important; font-size: 14px;}

.wp-block-image.alignfull, .wp-block-image.alignwide, .wp-block-image img{
    max-width: 100% !important;
}


#home-subscribe p {
	font-size: 20px !important; 
	margin-bottom: 0px !important; 
	padding-bottom: 0px !important; 
	font-family: quicksand,serif; 
	font-weight: 700; 
	line-height: 1 !important;
}

	#home-hero p {
		font-family: quicksand, sans-serif; 
		font-size: 25px !important; 
		font-weight: 400;
	}

/* ## WooCommerce Styling - Update 2-11-2021 by Jen
--------------------------------------------- */

.woocommerce .a.button.alt, 
.woocommerce table.shop_table .button,
.button.single_add_to_cart_button.button.alt, 
.checkout-button.button.alt.wc-forward, 
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
	background-color:#0100fc;
 	color:#ffffff;
}

.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled]{
	opacity: .3;
	color: #ffffff;
}

/*Used to hide the categories and tags on WooCommerce product pages*/
.single-product .product_meta {
   display: none;
}

/* Hiding the "author" box on WooCommerce product pages */
.woocommerce-tabs .abh_box {
	display: none;
}

/* Prevents PayPal and Debit/Credit buttons on shop pages from hovering above the header when scrolling down the page */
.paypal-buttons > iframe {
    z-index: 10!important;
}

/* # Other Plug-in Styling
---------------------------------------------------------------------------------------------------- */
#simple-social-icons-4 ul li a, #simple-social-icons-4 ul li a:hover, #simple-social-icons-4 ul li a:focus {
    color: #ffffff !important;
    font-size: 18px;
}

/* CSS for centering leadpages scripts on the blog posts*/
.aligncenter {
    text-align: center;
}

/* GDPR Cookie Consent */
#cookie-law-info-bar {
	z-index:999999;
}


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

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

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

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

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

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