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

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

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

.wp-custom-logo .title-area a {
    font-size: 16px;
    color: #323232;
}
h1.site-title {
    width: 20%;
    float: left;
}
nav#genesis-nav-primary {
    width: 80%;
    float: right;
    background: transparent;
    padding-top: 28px;
}
.site-inner {
    padding: 0;
    width: 100%;
    max-width: 100%;
}
.bg-grey {
    background: #F0F0F0;
}
section {
    padding: 50px 0;
}
section#home-content {
    padding: 0;
}
.about-box {
    background: #fff;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 0 5px #ccc;
    min-height: 460px;
}
.about-box img {
    fill: white;
    margin-bottom: 20px;
}
section#join {
    text-align: center;
}
section#join .btn {
    margin-top: 40px;
}
.team-box {
    text-align: center;
    margin: 15px 0;
    background: #fff;
    padding-bottom: 40px;
}
.widget {
    padding: 0;
}
.widget p{
    padding-bottom: 15px;
}
.site-footer .widget {
    text-align: center;
    margin-bottom: 0;
}
.nav-primary .menu {
    float: right;
}
.title-area {
    width: 87%;
}
.nav-primary a:hover {
    background: none;
    border-bottom: 2px solid #003E67;
    color: #003E67;
}
.nav-primary a {
    border-bottom: 2px solid transparent;
}
li.client_login {
    background: #3B78B5;
    height: 38px;
    margin-top: 8px !important;
    margin-left: 16px !important;
}
section#custom_html-3 {
    padding-top: 7px;
}
li.client_login:hover {
    opacity:0.8;
}
.wp-custom-logo .title-area li.client_login a{
    color: #fff;
    border-bottom:none;
}
.wp-custom-logo .title-area li.client_login a:hover{
    color: #fff;
    border-bottom:none;
}
.custom-widget.widget-area {
    background: #003E67; 
    text-align: center;
}
.custom-widget.widget-area p {
    font-size: 14px;
    padding: 15px 0;
    color: #fff;
}
h1.banner-title {
    font-size: 40px;
}
.banner-area p {
    font-size: 26px;
}
section#home-content em {
    font-size: 22px;
}
section#about h2 {
    margin-bottom: 25px;
    font-weight: bold;
}
h2{
    font-size:34px;
    font-family: 'Playfair Display';
    font-weight:bold;
}
h3{
    font-size:24px;
    font-family: 'Playfair Display';
}
p{
    font-size:14px;
}
.about-box h3 {
    font-weight: bold;
}
.about-box p {
    margin-bottom: 0;
}
section#join h3 {
    font-family: Open sans-serif;
}
.join-left.bg-grey, .join-right.bg-grey {
    margin-top: 40px;
    padding: 39px;
    margin-bottom: 10px;
    min-height: 284px;
}

.join-left p {
    max-width: 476px;
}

.btn-primary {
    color: #fff;
    background-color: #3B78B5;
    border-color: #3B78B5;
    border-radius: 0;
    padding: 10px 18px;
}
.team-box img {
    width: 100%;
    margin-bottom: 20px;
}
.team-box h3 {
    font-weight: bold;
}
section#disclosures {
    text-align: center;
}
.disclosures-box {
    width: 60%;
    margin: auto;
    background: rgba(255,255,255,0.7);
    padding: 40px 60px;
}
.disclosures-box p{
    margin-bottom:0;
}
section#rep-login {
    padding: 150px 0;
    color: #fff;
}
section#rep-login input[type="submit"] {
    background: #f0f0f0;
    color: #003E67;
}
section#rep-login input[type="password"] {
    width: 50%;
    display: block;
    margin: 25px auto;
    background: #fff;
    border-radius: 0;
}
section#rep-login input[type="password"]::placeholder {
    color:#323232;
}
section#rep-login input[type="submit"]:hover{
    opacity: 0.8;
}
footer.site-footer.text-sm p:last-child {
    font-size: 12px;
}
.contact-left.bg-white, .contact-right.bg-white {
    margin: 20px 0;
    padding: 40px;
    text-align: center;
}
section#contact h3 {
    font-weight: bold;
}
section#contact .contact-left.bg-white p,  section#contact .contact-right.bg-white p{
    margin-bottom:0;
}
.wrap {
    max-width: 1200px;
}
.blue-box {
    background: #003E67;
    color: #fff;
    padding: 40px;
    margin: 20px 0;
}
.blue-box h4 {
    font-weight: bold;
    font-family: 'Playfair Display';
    font-size: 20px;
}
.address, .numbers {
    padding-bottom: 26px;
    border-bottom: 1px solid #fff;
    margin-bottom: 45px;
}
.contact-form {
    margin: 20px 0;
    padding: 30px;
    background: #fff;
}
.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
    clear: none;
    float: left;
}
.ginput_container.ginput_container_text input {
    width: 100% !important;
}
.gform_wrapper {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    max-width: 100%;
}
input#gform_submit_button_1 {
    float: right;
    background: #3B78B5;
}
input#gform_submit_button_1:hover {
    opacity: 0.8;
}
section#links h5 {
    font-size: 16px;
    font-weight: bold;
}
#links li {
    list-style: disc;
    color: #3B78B5;
    margin-left: 15px;
    font-size: 14px;
}
a {
    color: #3B78B5;
    text-decoration: none;
}
.nav-primary a:focus{
    background:transparent !important;
}
.links-column {
    margin: 20px 0;
    display: inline-block;
}
.links-masonry {
    columns: 3;
    column-gap: 1em;
}
.blue-box p {
    margin-bottom: 6px;
}
p.site-title {
    display: inline;
}
.home .rep-menu {
    display: none;
}
.page-id-92 .home-menu {
    display: none;
}
.page-id-92 .section-content.width-auto {
    color: #fff;
}
.page-id-92 .banner-title {
    color: #fff;
}
form.post-password-form {
    padding: 40px 0;
}
.blue-header {
    background: #003E67;
    padding: 25px 0;
}
.blue-header h2 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 0;
}
section.section.banner-area.width-full.has-bg-image.light-content img {
    filter: brightness(60%) !important;
    z-index: 0;
}
section#account-business h2 {
    font-family: 'Open Sans';
    font-weight: bold;
}
section#account-business h2 {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 34px;
    margin-bottom: 40px;
}
section#clearing-accounts h2 {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 34px;
    margin-bottom: 40px;
}
section#advisory-programs h2 {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 34px;
    margin-bottom: 40px;
}
section#advisory-programs h3 {
    font-family: 'Open Sans';
    font-weight: bold;
    margin-bottom: 25px;
}
section#advisory-programs .col-md-4:nth-child(3) {
    margin-top: 50px;
}
h5 {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Open Sans';
}
section#links a {
    color: #3B78B5;
    text-decoration: underline;
    font-size: 14px;
}
.link-list {
    margin-bottom: 40px;
}
.link-list.terms p {
    font-size: 14px;
    font-style: italic;
    color: #323232;
}
.rep-list {
    margin-bottom: 30px;
}
.rep-list a {
    text-decoration: underline;
}
.compliance-list li {
    width: 75px;
    display: inline-block;
    font-size: 14px;
}
.compliance-list {
    width: 250px;
    display: block;
}
.contact-left.bg-white, .contact-right.bg-white {
    min-height: 190px;
}
section#rep-login h3 {
    font-family: 'Open Sans';
}
section#rep-login h2 {
    font-size: 40px;
}
/* # Media Queries (mobile-first)
---------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {
.container {
    max-width: 1200px;
}
}
@media screen and (max-width:1024px){
    form.search-form {
        display: none;
    }
    li.client_login {
        background: transparent;
        height: 38px;
        margin-top: 8px !important;
        margin-left: 0 !important;
    }
    h1.site-title {
        width: 100%;
    }
    .title-area {
        width: 50%;
    }
    .header-right {
        display: block !important;
    }
}

@media screen and (max-width:768px){
    section#rep-login {
        background: #003E67 !important;
    }
    #rep-login .col-md-6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .disclosures-box {
        width: 90%;
    }
    .about-box {
        margin-bottom: 25px;
    }
}

@media screen and (max-width:667px){
    .links-column {
        margin: 20px 0;
        display: block;
    }
    .links-masonry {
        columns: 1;
    }
    section#rep-login {
        padding: 50px 0;
    }
    .has-bg-image .bg-image {
        width: 1000px;
        max-width: 1000px;
    }
    section.section.banner-area.width-full.has-bg-image.light-content {
        overflow-x: hidden;
    }
}

.custom-logo-link {
    margin-right: 0 !important;
}