/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** SECTION 1 - START HERE   ***************/

.h1, h1, .banner h1, h1.uppercase{
	font-size: 4.2em;
    font-weight: 300 !important;
    line-height: 1.15;
    margin-bottom: .15em;
}
.h2, h2, .banner h2, h2.uppercase {
	font-size: 2.4em;
    line-height: 1.2em;
    margin-bottom: .25em;
}
.h3, h3, .banner h3, h3.uppercase {
	font-size: 1.8em;
    line-height: 1.25em;
    margin-bottom: .3em;
}
.h4, h4, .banner h4, h4.uppercase{
    font-size: 1.1em;
    line-height: 1.35em;
    margin-bottom: .35em;
}
h5, .h5, .banner h5, h5.uppercase{
    font-size: 1em;
    line-height: 1.35em;
    margin-bottom: .35em;
}
a:not(a.button):not(.nav a):not(#footer a):not(#wp-toolbar a):not(.entry-header-text a):not(.post-sidebar a):not(#post-list a){
    text-decoration: underline;
}
.no-underline a{
    text-decoration: none !important;
}
.off-canvas-center.mfp-bg.mfp-ready {
    background: var(--primary-color) !important;
    opacity: .95 !important;
}
.off-canvas .sidebar-menu a:not(.button){
    font-family: 'Red Hat Text', sans-serif !important;
    color: #fff;
}
.off-canvas .sidebar-menu a:not(.button):hover{
    color: var(--secondary-color);
}
#top-bar .html.custom a {
    font-size: 1.3em;
    color: #fff;
    font-weight: 600;
}
a.button{
    font-weight: 600;
}
.row ul:not(.post-sidebar ul) {
    margin-left: 1em;
    margin-bottom: 1em;
}
.is-link:after {
    content: "\2192";
}
legend{
    border: none;
    text-transform: none;
}
.gfield-choice-input{
    margin-bottom: 0 !important;
}
.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label{
    font-size: 13px;
}
.gform_required_legend{
    display: none;
}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star{
    border: none;
    padding: 5px 0 5px 23px;
}
ul li.bullet-arrow:before, ul li.bullet-checkmark:before, ul li.bullet-star:before{
    color: var(--secondary-color);
}
.dark .social-icons .button.is-outline, .nav-dark .social-icons .button.is-outline{
    border-color: rgba(255, 255, 255, 1);
}
.button.white:not(.button.white.is-underline):not(.button.white.is-link):not(.button.white.is-outline) span{
    color: #000;
}
.button.white:not(.button.white.is-underline):not(.button.white.is-link):hover span{
    color: #000;
}
.nav>li>a>i.icon-menu{
    font-size: 2.5em;
    color: #fff;
}
.mfp-ready .mfp-close{
    opacity: 1;
}
.off-canvas .mfp-close{
    margin-top: 50px !important;
    margin-right: 10px !important;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a{
    color: #000;
}
blockquote{
    color: inherit;
    font-size: 100%;
    font-style: inherit;
    margin-left: 12px;
    border-color: var(--success-color);
}
.blog .row.row-large, .single-post .row.row-large, .category .row.row-large {
    max-width: 1500px;
}
h1.page-title{
    font-size: 2em;
    text-transform: none;
    letter-spacing: 0;
}
h1.entry-title{
    font-size: 3em;
}
h5.post-title{
    font-size: 1.8em;
}
.box-blog-post .box-image .image-cover{
    background-color: var(--primary-color);
}
.box-blog-post:hover .box-image img{
    opacity: .6;
}
.box-blog-post .from_the_blog_excerpt, .byline{
    display: none;
}
.blog-share a{
    color: var(--primary-color);
}
.blog-single .entry-header-text{
    border-bottom: 2px solid var(--primary-color);
}
img.alignright, img.alignleft, img.aligncenter{
    margin-top: .5em;
    margin-bottom: .5em;
}

/*************** SECTION 2 - MOBILE QA FIXES ONLY  ***************/
@media only screen and (max-width: 549px) {
    .h1, h1, .banner h1, h1.uppercase{
        font-size: 2.5em;
    }
    .h2, h2, .banner h2, h2.uppercase {
        font-size: 1.8em;
    }
    .h3, h3, .banner h3, h3.uppercase {
        font-size: 1.4em;
    }
    h1.page-title{
        font-size: 1.4em;
    }
    h1.entry-title{
        font-size: 2.3em;
    }
    h5.post-title{
        font-size: 1.7em;
    }
    .row ul {
        margin-left: .5em;
    }
    p .alignleft, p .alignright, .entry-content .alignleft, .entry-content .alignright{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .box-blog-post:hover .box-image img{
        opacity: 1;
    }
}

/*************** SECTION 3 - MEDIUM GRID AND UP  ***************/
@media only screen and (min-width: 550px) and (max-width: 850px) {
    .h1, h1, .banner h1, h1.uppercase{
        font-size: 3.4em;
    }
    .h2, h2, .banner h2, h2.uppercase {
        font-size: 2.3em;
    }
    .h3, h3, .banner h3, h3.uppercase {
        font-size: 1.6em;
    }
    h1.page-title{
        font-size: 1.6em;
    }
    h1.entry-title{
        font-size: 2.7em;
    }
    h5.post-title{
        font-size: 1.7em;
    }
    .pull-grey-background:after {
        content: '';
        background: #eee;
        position: absolute;
        display: block;
        top: -23em;
        left: 0;
        right: 0;
        bottom: 20em;
    }
    p .alignleft, .entry-content .alignleft {
        display: inline;
        float: left;
        margin-right: 1.5em;
    }
    p .alignright, .entry-content .alignright{
        display: inline;
        float: right;
        margin-left: 1.5em;
    }
    .box-blog-post:hover .box-image img{
        opacity: 1;
    }
}
/*************** SECTION 4 - Midsize  ***************/
@media only screen and (min-width: 850px) and (max-width: 1000px) {
    .nav-spacing-xlarge>li {
        margin: 0 7px;
    }
    .nav-size-xlarge>li>a {
        font-size: 1.0em;
    }
    #logo {
        width: 200px !important;
    }
}

/*************** SECTION 5 - DESKTOP AND UP  ***************/
@media only screen and (min-width: 1000px) {
    
}