/*landing page*/

/*-------------------------------------------------------------------------- color*/


/*-------------------------------------------------------------------------- typog*/


body{
    font-size: 16px;
}

h1, h2, h3{
    font-family: var(--global-font-fam-1);
    font-weight: 300 !important;
    text-transform: uppercase !important;
}


.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a .menu-text{
    font-family: var(--global-font-fam-1) !important;
    font-weight: 200 !important;
    text-transform: uppercase !important;
    color: var(--global-color-body-text) !important;
}

.light-preset-color.masthead:not(#phantom):is(.sticky-on) .main-nav > li > a .menu-text{
    font-family: var(--global-font-fam-1) !important;
    font-weight: 200 !important;
    text-transform: uppercase !important;
    color: var(--global-color-body-text) !important;
}


h2{
    font-size: 2.8rem;
    line-height: 1.12em;
    color: var(--global-color-h-1);
}

h2.primary-color-2{
    color: var(--global-color-2);
}

h2.hasSubH{
    /* line-height: 1em; */
}

h2.hasSubH + h2{
    font-size: 1.5rem;
    line-height: 1.3rem;
    font-family: var(--global-font-fam-3);
    font-weight: 300 !important;
    text-transform: capitalize !important;
}

/* main root controlled in cust style 1 */

:is(#this-card-row-1 , 
#this-card-row-2 , 
#this-card-row-3) h2{
    color: var(--global-color-h-1);
}

:is(#this-card-row-1 , 
#this-card-row-2 , 
#this-card-row-3, 
#this-row-testimonials) h2.hasSubH + h2{
    color: var(--global-color-h-2);
}

h3{
    color: var(--global-color-h-1);
    font-size: 1.85rem;
}

p{
    color: var(--global-color-body-text);
    font-family: var(--global-font-fam-2) !important;
    font-weight: 300;
    font-size: 1.35rem;
    line-height: 1.3em;
}


/*-------------------------------------------------------------------------- view*/
main{
    padding-top: 0 !important;
}

img.lazyloading{
    opacity: 100 !important;
}

xxx.wpb-content-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.vc_section{
    max-width: 1270px !important;
    padding-inline: 15px !important;
}

.this-row-boxed{
    max-width: 1300px;
    margin-inline: auto;
}

.reg-full-w{
    left: 0 !important;
    margin: auto;
}


/*-------------------------------------------------------------------------- */

#content{
    background-color: var(---global-color-1);
}

/*-------------------------------------------------------------------------- */

.top-bar{
    display: none;
}

.l-to-r-line > li > a i.underline {
    bottom: -5px;
    background-color: var(--global-color-2) !important;
    height: 1px;
}

xxx#page > div.masthead.mixed-header.side-header-menu-icon.floating-menu-icon-right.medium-menu-icon.hamburger-bg-enable.hamburger-bg-hover-enable.hamburger-border-enable.hamburger-border-hover-enable.medium-mobile-menu-icon.show-sub-menu-on-hover.shadow-decoration > header > div.menu-toggle{
    top: 10px;
    right: 10px;
}

xxx.masthead.inline-header{
    position: absolute !important;
    background-color: #13131300 !important;
    width: 100%;
}

.transparent .masthead:not(.side-header) {
    background: none;
}

.masthead.inline-header{
    background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgb(15, 15, 15)) !important;
}

.header-bar .branding a img{
    height: 100px;
    width: auto;
}

#this-block-hero-sig-img{
    display: none;
}

.classic-header.logo-center .branding > a{
    max-width: 380px !important;
}

.top-bar{
    margin-bottom: 0px !important;
}

.masthead:not(.sticky-on) .header-bar{
    height: 120px !important;
}

.header-bar .branding{
   /*  margin-bottom: -20px; */
}

.mini-contacts.phone{
    display: none !important;
}

.top-bar.full-width-line:after{
    border: 0 !important;
}


/*-------------------------------------------------------------------------- */



#main{
    background-color: var(---global-color-1);
}

#main > .wf-wrap{
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    background-color: var(---global-color-1);
}


/*-------------------------------------------------------------------------- */


xxx.this-card-row{
    padding-inline: 30px;
}

.scroll-top.on {
    right: 10px !important;
    left: initial !important;
    opacity: 1;
    z-index: 109;
}

.sticky-mobile-logo-first-switch{
    display: none !important;
}

xxx.mobile-header-bar{
    position: absolute !important;
}

#this-row-hero{
    background-color: var(--std-primary-color-1);
    height: 100vh !important;
    width: 100% !important;
    z-index: 10;
    margin-left: 0 !important;
    position: relative;
    /* background-attachment: fixed; */


    background-image: url(../../../wp-content/uploads/2026/02/5_proc-scaled-1.webp) !important;
    background-position: 37% 10% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


/*-------------------------------------------------------------------------- */


#this-card-row-1{
    background-color: var(--std-primary-color-1);
    height: 100vh !important;
    /* width: 100% !important; */
    z-index: 10;
    margin: auto !important;
    position: relative;
}

#this-pic-row-1{
    /* background-color: var(--std-primary-color-1; */
    z-index: 15;
    position: relative;
    /*left: 0 !important;*/
    margin: auto;
    max-width: 1300px;
}

#this-card-row-2{
    background-color: var(--std-primary-color-1);
    height: 100vh !important;
    /* width: 100% !important; */
    z-index: 20;
    margin: auto !important;
    position: relative;
}

#row-1-col-2-push{
    margin-top: 350px;
}

#row-2-col-2-push{
    margin-top: 350px;
}

#this-pic-row-2{
    /* background-color: var(--std-primary-color-1); */
    z-index: 25;
    position: relative;
    left: 0 !important;
    margin: auto;
    max-width: 1300px;
}

#this-card-row-3{
    /* background-color: var(--std-primary-color-1); */
    height: 100vh !important;
    /* width: 100% !important; */
    z-index: 30;
    margin: auto !important;
    position: relative;
}

#this-pic-row-3{
    z-index: 35;
    position: relative;
    left: 0 !important;
    margin: auto;
    max-width: 1300px;
}

#this-row-testimonials .this-col-testimonial p {
    font-size: 1.5rem;
}

#this-anchor-contact-form{
    margin-top: -75px;
    position: absolute;
}


/*-------------------------------------------------------------------------- */



#footer{
    display: none;
}


#footer #media_image-3{
    text-align: center  !important;
}

#footer #custom_html-2,
#footer #custom_html-3,
#footer #custom_html-4
{
    text-align: center !important;
}

#footer > .wf-wrap{
    padding: initial;
    margin: auto;
}


/*********************************************************************** controller */
/* links, button, form fields, etc... any user interactivity */


.univ-btn-gold-1 .vc_btn3{
    border: 1px solid var(--global-color-2) !important;
    background-color: var(--color-light) !important;
    background-image: none !important;
    color: var(--global-color-2) !important;
    border-radius: 0 !important;
    font-family: var(--global-font-fam-2);
}

.univ-btn-white-1 .vc_btn3{
    border: 1px solid var(--color-light) !important;
    background-color: var(---global-color-1) !important;
    background-image: none !important;
    color: var(--color-light) !important;
    border-radius: 0 !important;
    font-family: var(--global-font-fam-2);
}

.univ-btn-dark-1 .vc_btn3{
    border: 1px solid var(--global-color-2) !important;
    background-color: var(--global-color-2) !important;
    background-image: none !important;
    color: var(--global-colorl-button-text-1) !important;
    border-radius: 0 !important;
    font-family: var(--global-font-fam-2);
    font-size: 1.2rem;
}

a {
    color: var(--global-color-std-link);
}


.univ-btn-dark-1.this-book-consult{
    display: flex !important;
    justify-content: center;
}

.frm_forms label{
    color: var(--color-light) !important;
}

.frm_forms :where(input, textarea){
    background-color: #262626 !important;
    color: var(--color-light) !important;
    border: 0 !important;
}

.frm_forms .frm_button_submit{
    background-color: var(--global-color-2) !important;
    border: 0 !important;
    font-size: 24px !important;
    box-shadow: none !important;
}

.frm_forms .frm_error{
    color: var(--color-alert) !important;
}

/*********************************************************************** qry */

@media screen and (max-width: 767px) {
    #row-1-col-2-push{
        margin-top: initial;
    }
    
    #row-2-col-2-push{
        margin-top: initial;
    }
  }
  
@media screen and (max-width: 768px){

    /*typog*/

    /*color*/

    /*view*/

    .top-bar{
        display: none;
    }
    #this-block-hero-sig-img{
        display: block;
    }

    .mobile-branding{
        /* display: none; */
    }
    .mobile-header-space{
    height: 0 !important;
    }
    .masthead.inline-header{
    position: absolute;
    background-color: #13131300 !important;
    width: 100%;
    }

    /*controller*/


}