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

a,
.sidebar .widget-title,
.sidebar .widgettitle,
.banner-title,
h1,
h1.entry-title {
    color: #2c587b;
}

a:focus,
a:hover {
     color: #323232;
}

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

blockquote {
	border-color: #2c587b;
}

blockquote:before {
	color: #fff;
}

h2,
h3,
h4,
h5,
h6,
.site-title a,
.adjacent-entry-pagination a,
h1,
.banner-title,
.heading,
.author-box-title,
.entry-comments h3,
.comment-respond h3,
.widget-title,
.related > h2,
.up-sells > h2 {
	font-family: 'Playfair Display', serif;
}

.banner-area .archive-title,
.banner-area .entry-title,
.heading,
h1,
h1.entry-title {
    font-size: 2.5rem;
}

/* Main button color */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button,
.menu-item.highlight a,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button.alt.single_add_to_cart_button,
.woocommerce .button.alt.checkout-button {
	background-color: #28577f;
	color: #fff;
}

/* Main button color hover */
button:hover,
button:focus,
input:hover[type="button"],
input:focus[type="button"],
input:hover[type="reset"],
input:focus[type="reset"],
input:hover[type="submit"],
input:focus[type="submit"],
.button:hover,
.button:focus,
.entry-content .button:hover,
.entry-content .button:focus,
.menu-item.highlight.current-menu-item > a,
.menu-item.highlight > a:hover,
.menu-item.highlight > a:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce .button.alt.single_add_to_cart_button:hover,
.woocommerce .button.alt.single_add_to_cart_button:focus,
.woocommerce .button.alt.checkout-button:hover,
.woocommerce .button.alt.checkout-button:focus {
	background-color: #26557a;
	color: #fff;
}

/* Alt button color */

.button.alt,
.comment-reply-link,
.entry-content .button.alt,
.entry-content .more-link,
.footer-widgets .button,
.site-footer .button,
.woocommerce .actions .button,
.woocommerce a.button.alt,
.woocommerce a.button.add_to_cart_button {
	background-color: #26557a;
	color: #fff;
}

/* Alt button color hover */
.button.alt:hover,
.button.alt:focus,
.comment-reply-link:hover,
.comment-reply-link:focus,
.entry-content .button.alt:hover,
.entry-content .button.alt:focus,
.entry-content .more-link:hover,
.entry-content .more-link:focus,
.footer-widgets .button:hover,
.footer-widgets .button:focus,
.site-footer .button:hover,
.site-footer .button:focus,
.woocommerce .actions .button:hover,
.woocommerce .actions .button:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce a.button.add_to_cart_button:focus {
	background-color: #323232;
	color: #fff;
}

/* Primary navigation background color */
.home .nav-primary .current-menu-item > a{
		background-color: #1d4160;
}

.nav-primary {
	background-color: #29577a;
}

/* Primary navigation link color */
.home .nav-primary .current-menu-item > a,
.nav-primary .nav-search,
.nav-primary .nav-search:focus,
.nav-primary a {
	color: #fff;
}

/* Primary navigation current/hover link color */
.nav-primary a:hover,
.nav-primary a:focus,
.nav-primary .current-menu-item > a,
.nav-primary .current-menu-ancestor > a,
.nav-primary .menu-item-has-children:hover > a,
.nav-primary .menu-item-has-children:focus > a,
.nav-primary .nav-search:hover,
.nav-primary .nav-search:focus {
	background-color: #1d4160;
	color: #fff;
}

/* Primary navigation sub-menu background/color */

.nav-primary .sub-menu a {
	background-color: #26557a;
	color: #fff;
}

/* Primary navigation sub-menu hover background/color */
.nav-primary .sub-menu a:hover,
.nav-primary .sub-menu a:focus,
.nav-primary .sub-menu .current-menu-item > a,
.nav-primary .sub-menu .current-menu-item > a:hover,
.nav-primary .sub-menu .current-menu-item > a:focus {
	background-color: #1d4160;
	color: #fff;
}

.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;
}


/* ## Gravity Form
--------------------------------------------- */

.content div.gform_wrapper {
	background-color: #28577f;
	color: #fff;
	padding: 40px;
}

.content div.gform_wrapper button,
.content div.gform_wrapper input[type="button"],
.content div.gform_wrapper input[type="submit"],
.content div.gform_wrapper .button {
	background-color: #fff;
	color: #28577f;
}

.content div.gform_wrapper button:hover,
.content div.gform_wrapper input[type="button"]:hover,
.content div.gform_wrapper input[type="submit"]:hover,
.content div.gform_wrapper .button:hover {
	background-color: #323232;
	color: #fff;
}

.content div.gform_wrapper .gfield_required {
	color: #fff;
}

/* ## Tribe Event
--------------------------------------------- */

div#tribe-events-content {
	padding: 40px 0 0;
}

div.tribe-common .tribe-common-c-btn,
div.tribe-common a.tribe-common-c-btn {
	background-color: #28577f;
	color: #fff;
}

div.tribe-common .tribe-common-c-btn:hover,
div.tribe-common a.tribe-common-c-btn:hover {
	background-color: #323232;
	color: #fff;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-events-calendar-list__event-title a {
	color: #28577f;
}


.tribe-common--breakpoint-medium.tribe-common .tribe-events-calendar-list__event-title a:hover {
	color: #323232;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
	background-color: #28577f;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-events-calendar-list__event-date-tag-daynum {
	background-color: #e9e9e9;
	color: #28577f;
	padding-bottom: 10px;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-b3 {
	font-size: 18px;
}

.tribe-common .tribe-common-anchor-thin-alt,
.tribe-events .tribe-events-c-ical__link {
	color: #28577f;
	border-color: #28577f;
}

.tribe-events .tribe-events-c-ical__link:before{
  color: #28577f;
}

.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date .tribe-events-calendar-month__day-date-daynum,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link .tribe-events-calendar-month__day-date-daynum {
	background-color: #28577f;
	padding: 8px;
	border-radius: 50%;
    color: #334aff;
	color: #fff;
	display: inline-block;
	height: 44px;
	width: 44px;
	line-height: 1.2;
}

.tribe-events .tribe-events-c-ical__link:hover {
	color: #fff;
	background-color: #28577f;
	border-color: #28577f;
}

div.tribe-common .tribe-common-h8 {
	font-size: 16px;
}

div.tribe-common .tribe-common-h8 a {
	color:#2b597d;
}

div.tribe-events .tribe-events-calendar-month__calendar-event-datetime {
	font-size: 15px;
}

.footer-widgets {
	background-color: #2b597d;
	color: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
}

.footer-widgets div.gform_wrapper .gform_heading {
	text-align: center;
	color: #fff;
}

.footer-widgets div.gform_wrapper .gform_heading h3 {
	font-size: 2rem;
	font-family: 'Playfair Display', serif;
}
	

.footer-widgets .widget-title, .footer-widgets .widgettitle {
	text-align: center;
	font-size: 2.5rem;
}


/* Alpacas
-------------------------------------------------------*/

.general-info {
	overflow: hidden;
}

.general-info p {
	text-transform: capitalize;
	margin-bottom: 8px;
}

.sidebar .widget ul,
.sidebar .widget li li {
	margin-left: 0;
}

.sidebar .widget li.cat-item {
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
	margin-bottom:  8px;
}

.sidebar .widget_wp_categories_widget ul li span.post-count {
	box-shadow: none;
}

.sidebar .widget_wp_categories_widget .cat-have-child ul.children {
	padding: 0;
	margin: 0;
}

.sidebar .widget_wp_categories_widget .cat-have-child ul.children {
	background-color: transparent;
}

.sidebar .widget_wp_categories_widget .cat-have-child ul.children li {
	padding-left: 10px;
}

.sidebar .widget_wp_categories_widget li.cat-item.cat-have-child::after {
	width: 12px;
	height: 12px;
	transform: none;
	background-size: contain;
}


.alpacas-grid .bod {
	margin-bottom: 0;
}

.alpaca-color {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -5px;
}

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	margin-bottom: 40px;
}

.alpaca-list {
	overflow: hidden;
	margin-bottom: 40px;
}

.alpaca-list .one-fourth {
	margin-right: 20px;
	margin-bottom: 0;
}

.alpaca-list h2 {
    font-size: 1.625em;
    margin-bottom: 5px;
}


.alpaca-list p {
	line-height: 1.2;
	font-size: 0.925rem;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.offspring ul {
	margin-left: 0;
}

.offspring li {
	list-style: none;
}

.offspring figure.one-fourth {
	margin-right: 14px;
}

.offspring li p {
	margin-bottom: 4px;
	text-transform: capitalize;
}

.offspring .info {
	overflow: hidden;
}
	
div.docs {
	clear: both;
	margin-bottom: 40px;
}

div.docs ul {
	margin-left: 0;
}

div.docs li {
	list-style: none;
}

div.docs li a {
    display: inline-block;
    vertical-align: middle;
}
div.docs li img {
	float: left;
	max-width: 24px;
	max-height: 24px;
	margin-right: 10px;
}

.offspring-name a {
	text-decoration: none;
}
	
/* # 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) {}