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

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

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

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

.fontawesome {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
}

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


/* Features Slider Styles
---------------------------------------------------------------------------------------------------- */
/* Icon Row Styles */
.icon-wrapper {
  box-sizing: border-box;
  margin: 0 auto !important;
  padding: 0;
  max-width: 960px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.icon {
  margin: 0 !important;
  width: 25%;
  list-style-type: none;
  box-sizing: border-box;
}

.icon-link {
  display: block;
  position: relative;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  filter:saturate(60%);
}

.icon-link.active {
  opacity: 1;
  filter:saturate(125%);
}

.icon img {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .icon-wrapper {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .icon {
    max-width: 130px;
    width: auto;
  }

  .icon-link.active::after {
    content: "";
    height: 20px;
    width: 20px;
    background-color: #E0ECEE;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 43%;
    right: 43%;
    bottom: -11px;
    z-index: -1;
  }
}


/* Features Content and other fixes */
.features-wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}

.features-content {
  background-color: #E0ECEE;
  list-style-type: none;
  padding: 2em;
  display: none;
  text-align: center;
  transition: all 0.4s ease-in-out;
}

.features-content.active {
  display: block;
}

.features-content h3 {
  font-family: 'Playfair Display', sans-serif;
  font-weight: 400;
  font-size: 1.7em;
  color: #26437e;
  margin: 0 auto 0.3em;
  line-height: 1.3;
}

.features-content p {
  font-family: 'Open Sans', sans-serif;
  color: #323232;
  margin-bottom: 0;
}

.site-header {
	overflow: hidden;
}

/* Compatibility fix: replace missing Font Awesome 5 down-angle */
.front-page-1 .fa-angle-down {
    font-family: inherit !important;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-top: 6px;
}

.front-page-1 .fa-angle-down::before {
    content: none !important;
}