/* color *****************************************************************************/

:root{

    /*
    --color-light: #fff;
    --global-color-1: #111111;
    --global-color-2: #ffc021;
    --color-gold-1: #cca335;
    --color-alert: #f75151;
    --color-warning: #fff47f;
    --color-success: #7bed5b;
    --color-std-link: #5b9be6;
    */

    /******** NEW GLOBAL SET *********************/

    --global-color-1: #111111;
    --global-color-1-highlight: ;
    --global-color-1-dim: ;

    --global-color-2: #d6b657;
    --global-color-2-highlight: ;
    --global-color-2-dim: ;

    --global-color-3: #d2cec0;
    --global-color-3-highlight: ;
    --global-color-3-dim: ;

    --global-color-h-1: #d2cec0;
    --global-color-h-2: #d6b657;

    --global-color-body-text: #d2cec0;

    --global-color-std-link: #d6b657;

    /* --color-main-menu:
    --color-main-menu-highlight:
    --color-mobile-menu:
    --color-mobile-menu-highlight: */

}


:root{
    /* --global-font-fam-1: 'Bodoni Moda', serif !important; */
    /* --global-font-fam-2: 'Roboto', sans-serif !important; */
    --global-font-fam-1: 'Cinzel', serif;
    --global-font-fam-2: 'Roboto', serif;

}

/* type ******************************************************************************/

body{
    font-size: 16px;
}

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


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


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

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

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

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



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

h4{
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--global-color-h-1);
}

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

/* main root controlled in cust style 1 >>> active in dyn css ID
: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-2);
}
*/

.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-3) !important;
}

.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-3) !important;
}

#main ul li, #main ol li{
    color: var(--global-color-body-text) !important;
    font-family: var(--global-font-fam-2);
    font-size: 1.35rem;
}

.page-title h1{
    font-size: 2.8rem !important;
    color: var(--global-color-2);
    font-family: var(--global-font-fam-1) !important;
    line-height: 1.3 !important;
}

/* layout ****************************************************************************/

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

.page-title.solid-bg {
    background-color: var(--global-color-1);
}

#main-blog-grid-wrapper .vc_grid-item .vc_gitem-zone{
    background-color: transparent !important;
}

#main-blog-grid-wrapper .vc_grid-item .vc_btn3{
    color: #000 !important;
}
#main-blog-grid-wrapper .vc_grid-item .vc_gitem-zone h4{
    color: var(--global-color-h-1) !important;
    font-family: var(--global-font-fam-1);
}

.single-post h1{
    color: var(--global-color-h-2) !important;
    font-family: var(--global-font-fam-1) !important;
}

/*blog*/

.single-post .author-info.entry-author{
    display: none;
}

/*footer*/

#footer{
    background-color: var(--global-color-1) !important; 
}

#footer .wf-container-footer{
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

/* UI / controllers ******************************************************************/

#main a, a:hover {
    color: var(--global-color-2);
}

.branding a img, .branding img {
    width: auto;
    /* height: auto; */
    max-height: 70px;
}

.header-bar .branding{
    margin-bottom: 0;
}

.masthead.sticky-on .branding img{
    width: auto;
    max-height: 40px;
}

.mobile-header-bar .mobile-branding img {
    /* max-width: 100%; */
    height: auto;
    max-height: 35px;
    width: auto;
}

.phantom-fade .show-phantom#phantom {
    animation: opacity-lat .7s ease 0s 1 normal both;
    animation-delay: .1s;
}

.phantom-fade .hide-phantom#phantom {
    animation: fade-out-anim .5s ease 0s 1 normal both;
} 

#phantom .hide-phantom .menu-item-text::before{
    visibility: hidden !important;
}
#phantom .show-phantom .menu-item-text::before{
    visibility: hidden !important;
}

.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .from-centre-line > li > a .menu-item-text:before{
    background: var(--color-gold-1) !important;
}

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

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

.this-svc-section .vc_btn3{
    border: 1px solid var(--global-color-2) !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--global-color-2) !important;
    border-radius: 0 !important;
    font-size: 16px;
    font-family: var(--global-font-fam-2);
}

.vc_separator.vc_sep_color_grey .vc_sep_line {
    border-color: #343434;
}

/* other *****************************************************************************/

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