/** * 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: 'Georgia', sans-serif; font-weight: 300; } h2, h3, h4, h5, h6, .site-title a, .adjacent-entry-pagination a { font-family: 'Lato', sans-serif; font-weight: 200; } .banner-area .archive-title, .banner-area .author-box-title, .banner-area .entry-title, .heading, h1 { font-family: 'Lato', serif; } .author-box-title, .entry-comments h3, .comment-respond h3, .widget-title, .related > h2, .up-sells > h2 { font-family: 'Lato', 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-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: 768px) {} @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) {}