/*
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: 3.8em;
	line-height: 1.15em;
    letter-spacing: .02em !important;
	margin-bottom: .15em;
}
h2, .h2, .banner h2, h2.uppercase{
	font-size: 2.6em;
    line-height: 1.15em;
    letter-spacing: .01em !important;
    margin-bottom: .2em;
}
h3, .h3, .banner h3, h3.uppercase {
	font-size: 1.3em;
    line-height: 1.25em;
    letter-spacing: .02em !important;
    margin-bottom: .25em;
}
h4, .h4, .banner h4, h4.uppercase {
	font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: .25em;
}
.uppercase{
    letter-spacing: 0 !important;
}
.small-margin h2, .small-margin h3{
    margin-bottom: .1em;
}

/*MAIN HEADER + NAV*/

.shade-top {
    background: rgba(30,48,40,.2); 
    background: linear-gradient(180deg,#1e3028 0,transparent 85%);
    opacity: .7;
}
.transparent #masthead .header-nav-main.nav-right {
    border-top: 1px solid rgba(203, 166, 105, .7);
    padding-top: 4px;
}
.transparent #logo img {
    max-height: 95px !important;
    margin-top: -45px;
}
.transparent #top-bar{
    background-color: transparent !important;
}
.transparent .nav-dark .nav>li>a, .nav-dark .nav>li.active>a, .nav-dark .nav>li>a{
    color: #fff;
}
.transparent .nav-dark .nav>li>a:hover, .nav-dark .nav>li.active>a:hover, .button.primary i, .button.alert i, .button.white i, #top-bar i, #top-bar .header-button-1 a:hover, .mobile-nav.nav>li>a:hover, .nav-column>li>a:hover, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav-dropdown li.active>a:hover, .off-canvas .sidebar-menu a:not(.button):not(.social-icons a):hover, .nav-dark .nav>li>a:hover{
    color: var(--success-color);
}
.nav-spacing-xlarge>li {
    margin: 0 19px;
}
.header-wrapper:not(.stuck):not(.transparent .header-wrapper) .header-main .header-nav {
    margin-top: 0 !important;
}
.top-bar-nav > li > a{
    font-size: .9em;
}
#top-bar .header-button-1 a{
    font-size: 1.25em;
    letter-spacing: 0;
}
.mobile-nav.nav>li>a, .nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav-dropdown li.active>a{
    color: var(--secondary-color);
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
    background-color: #fff;
}
.off-canvas .sidebar-menu a:not(.button):not(.social-icons a){
    text-transform: capitalize;
    color: var(--secondary-color);
    font-size: .9em;
}
.off-canvas a.button{
    display: block;
    font-size: 1.2em;
}
.off-canvas .nav>li.html{
    text-align: center;
}
.nav-sidebar.nav-vertical>li+li.header-social-icons{
    border-top: none;
    padding-top: 0;
}
.off-canvas .html .social-icons{
    font-size: 1.25em;
}

/*BUTTON STYLING*/

.button {
	font-weight: 700;
	letter-spacing: .07em;
}
.button:not(.button.is-small):not(.button.is-smaller):not(.button.is-large):not(.button.is-larger):not(.button.is-xlarge){
    font-size: .85em;
}
.button.white:not(.button.white.is-outline):not(.button.white.is-underline):not(.button.white.is-link) span, .button.white:not(.button.white.is-underline):not(.button.white.is-link):hover span{
    color: var(--primary-color);
}

/* TESTIMONIALS */

.sp-testimonial-pro-wrapper .sp-testimonial-pro-section.sp-tpCarousel {
    padding-bottom: 0 !important;
}
.sp-tpro-modal-testimonial .tpro-testimonial-title .sp-tpro-testimonial-title, .sp-tpro-modal-testimonial .tpro-client-testimonial, .sp-tpro-modal-testimonial .tpro-client-name {
    text-align: left !important;
}
.sp-testimonial-pro-section .sp-testimonial-pro-item .sp-testimonial-pro{
    outline: 2px solid #cba66b;
    outline-offset: -10px;
}

/*OTHER STYLING*/

.gradient-fade:before{
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    height: 100%;
    overflow: hidden;
    width: 100%;
    background: linear-gradient(to bottom, rgba(30,48,40,0.8) 0%,rgba(30,48,40,0) 69%,rgba(30,48,40,0) 99%);
    /*Permalink: https://colorzilla.com/gradient-editor/#1e3028+0,1e3028+99&0.8+0,0+69*/ 
}
.section-boxed{
    width: inherit;
    margin-left: 2%;
    margin-right: 2%;
}
.social-icons a {
    color: var(--primary-color);
}
.social-icons a:hover {
    color: var(--success-color);
}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-star, ul li.bullet-cross{
    border: none;
    padding: 5px 0 5px 23px;
}
ul li.bullet-arrow:before, ul li.bullet-checkmark:before, ul li.bullet-star:before{
    color: var(--success-color);
}
*.hover-green .banner .banner-bg.fill .overlay{
    transition: .35s;
}
.hover-green .banner:hover .banner-bg.fill .overlay{
    background-color: rgba(6, 87, 18, .7) !important;
}
legend{
    border: none;
    text-transform: none;
}
.gfield-choice-input{
    margin-bottom: 0 !important;
}
.gform_required_legend{
    display: none;
}
.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label{
    font-size: 13px;
}

/* BLOG */

.blog-wrapper .post-sidebar{
    background-color: var(--alert-color);
    padding-top: 60px;
}
.blog-wrapper .post-sidebar .widget-title{
    letter-spacing: 0;
    color: var(--secondary-color);
}
.blog-archive.page-wrapper, .blog-single.page-wrapper{
    padding-top: 0;
    padding-bottom: 0;
}
.blog-wrapper #post-list, .blog-single>.row>.col{
    padding-top: 40px;
}
.blog-wrapper .article-inner.has-shadow{
    box-shadow: none !important;
}
.article-inner footer.entry-meta{
    border-bottom: 0;
}
.article-inner .entry-header .entry-category, .byline{
    display: none;
}
.article-inner .entry-header .is-divider, .post-sidebar .widget .is-divider{
    background-color: var(--success-color);
    max-width: 80px;
}
.article-inner a.more-link{
    border-color: var(--success-color) !important;
    padding: 3px 20px;
}
.article-inner a.more-link:hover{
    border-color: var(--primary-color) !important;
}
.blog-wrapper #post-list .article-inner, .blog-single>.row>.col .post{
    border-top: 4px solid var(--alert-color);
}
.post-sidebar .widget>ul>li+li{
    border-color: #f7f6f4;
}
.blog-archive .archive-page-header{
    background-color: #fff;
}
.blog-archive .archive-page-header>.row>.col{
    padding-top: 30px;
}
.blog-archive h1.page-title{
    text-transform: none;
    font-size: 2em;
}
.single-post .blog-featured-title .page-title-bg {
    background-image: url(/wp-content/uploads/2025/02/Patternbkg.jpg) !important;
}
.single-post .blog-featured-title .title-overlay.fill{
    background-color: transparent !important;
}
blockquote{
    font-size: 100%;
    color: inherit;
    font-style: inherit;
    margin-left: 18px;
    border-color: var(--success-color);
}
.alignright, .alignleft, .aligncenter{
    margin-top: .5em;
    margin-bottom: .5em;
}


/* PORTFOLIO */

.portfolio-box.box h6{
    text-transform: capitalize !important;
    opacity: 1;
    color: #fff;
    font-size: 1.05em;
}
.portfolio-archive .portfolio-box.box h6{
    font-size: 1.6em;
}
.portfolio-box.box .portfolio-box-category{
    color: #fff;
    opacity: 1;
    margin-top: .4em;
}
.portfolio-archive  .portfolio-box.box .portfolio-box-category{
    font-size: 1em;
}
.portfolio-box.box-shade .shade{
    opacity: .8;
    background: linear-gradient(0deg, #202020 0, rgba(50, 50, 50, 0) 40%);
}
.portfolio-archive .portfolio-box.box-shade .box-text, .portfolio-archive .portfolio-box.box-shade .shade, .portfolio-archive .portfolio-box .image-cover, .portfolio-archive .portfolio-box .portfolio-box-category {
    transition: all 0.25s 0s ease-in-out;
}
.portfolio-archive .portfolio-box.box-shade:hover .shade{
    background: linear-gradient(0deg, #202020 0, rgba(50, 50, 50, 0) 50%);
}
.portfolio-archive .portfolio-box.box-shade:hover .box-text{
    bottom: 18%;
}
.portfolio-archive .title-overlay.fill, .portfolio-single-page .title-overlay.fill{
    background-color: transparent !important;
}
.portfolio-archive .featured-title .page-title-inner {
    padding-top: 100px;
    padding-bottom: 40px;
}
.portfolio-archive h1.entry-title{
    text-transform: none;
    font-size: 5em;
}
.portfolio-archive .portfolio-box:hover .image-cover{
    filter: blur(4px);
    -webkit-filter: blur(4px);
}
.portfolio-archive .portfolio-box-category:after {
    content: '';
    display: block;
    border-bottom: solid 2px transparent;
    width: 18%;
    margin: 10px auto 0;
}
.portfolio-archive .portfolio-box:hover .portfolio-box-category:after {
    border-color: var(--success-color);
}
.portfolio-page-wrapper .portfolio-element-wrapper>.row.row-small, .portfolio-page-wrapper .portfolio-element-wrapper>.container.mb-half, .portfolio-single-page .portfolio-top .row:not(.portfolio-summary .row){
    max-width: 1425px !important;
}
.portfolio-single-page .portfolio-share{
    display: none;
}
.portfolio-single-page .portfolio-summary>.row{
    margin: 0 auto;
    max-width: 1050px !important;
}
.portfolio-single-page .portfolio-summary.pb{
    padding-bottom: 0;
}
.portfolio-single-page .portfolio-summary>.row>.col{
    padding: 0 20px 20px !important;
}
.portfolio-single-page .featured-title{
    background-color: #fff !important;
    text-shadow: none !important;
}
.portfolio-single-page .featured-title .page-title-bg{
    box-shadow: none !important;
}
.portfolio-single-page .featured-title .page-title-inner{
    padding: 60px 20px 0;
}
.portfolio-single-page .featured-title .title-bg.fill{
    display: none;
}
.portfolio-single-page h1.entry-title{
    color: var(--secondary-color);
    text-transform: none;
}
.portfolio-single-page h1.entry-title:after {
    content: '';
    display: block;
    border-bottom: solid 2px var(--success-color);
    width: 200px;
    margin: 30px auto 0;
}
.portfolio-single-page .featured_item_cats a{
    color: var(--primary-color);
    font-weight: 700;
    text-transform: uppercase;
    opacity: 1;
}
.portfolio-archive .nav.filter-nav>li>a{
    font-size: .95em;
    text-transform: capitalize;
    letter-spacing: 0;
    padding-bottom: .3em;
}
.portfolio-archive .nav.filter-nav>li.active>a{
    color: var(--secondary-color);
}
.portfolio-archive .nav-line-bottom.filter-nav>li>a:before{
    background-color: var(--success-color);
}
.portfolio-archive .nav.filter-nav>li{
    margin: 0 10px;
}
.portfolio-archive ul.nav.filter-nav{
    margin-bottom: 15px;
}

/*************** SECTION 2 - MOBILE QA FIXES ONLY  ***************/
@media only screen and (max-width: 549px) {
    h1, .h1, .banner h1, h1.uppercase {
	   font-size: 2.2em;
    }
    h2, .h2, .banner h2, h2.uppercase{
	   font-size: 1.8em;
    }
    h3, .h3, .banner h3, h3.uppercase {
        font-size: 1.25em;
    }
    h4, .h4, .banner h4, h4.uppercase {
		font-size: 1.05em;
    }
    .transparent #top-bar{
        background-color: var(--primary-color) !important;
    }
    .transparent .header-main {
        height: 75px !important;
    }
    .transparent #logo img {
        max-height: 75px !important;
        margin-top: 0;
    }
    .flickity-page-dots {
        pointer-events: inherit;
    }
    .blog-archive h1.page-title{
        font-size: 1.6em;
    }
    p .alignleft, p .alignright, .entry-content .alignleft, .entry-content .alignright{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .portfolio-archive .featured-title .page-title-inner {
        padding-top: 70px;
        padding-bottom: 30px;
    }
    .portfolio-archive h1.entry-title{
        font-size: 2.8em;
    }
    .portfolio-single-page .featured-title .page-title-inner{
        padding: 40px 20px 0;
    }
    .portfolio-single-page .portfolio-summary>.row>.col{
        padding: 0 20px 0 !important;
    }
    .portfolio-single-page h1.entry-title{
        font-size: 1.9em;
    }
    .portfolio-single-page h1.entry-title:after {
        margin: 15px auto 0;
    }

}

/*************** 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: 2.8em;
    }
    h2, .h2, .banner h2, h2.uppercase{
	   font-size: 2em;
    }
    h3, .h3, .banner h3, h3.uppercase {
        font-size: 1.25em;
    }
    .transparent #top-bar{
        background-color: var(--primary-color) !important;
    }
    .transparent .header-main {
        height: 75px !important;
    }
    .transparent #logo img {
        max-height: 75px !important;
        margin-top: 0;
    }
    .blog-archive h1.page-title{
        font-size: 1.7em;
    }
    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;
    }
    .portfolio-archive .featured-title .page-title-inner {
        padding-top: 80px;
        padding-bottom: 30px;
    }
    .portfolio-archive h1.entry-title{
        font-size: 4em;
    }
    .portfolio-archive .portfolio-box.box h6{
        font-size: 1.6em;
    }
    .portfolio-single-page .featured-title .page-title-inner{
        padding: 50px 20px 0;
    }

}

/*************** SECTION 3 - MEDIUM GRID AND UP  ***************/
@media only screen and (min-width: 850px) and (max-width: 1050px) {
    .nav-spacing-xlarge>li {
        margin: 0 10px;
    }
    .nav-size-large>li>a {
        font-size: .9em;
    }
    #logo {
        width: 200px !important;
    }
}

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