/*type*/

:root{
    --heading-font-family-1: 'open sans', sans-serif;
    --menu-font-family-1: 'open sans', sans-serif;
    --controller-font-family-1: 'open sans', sans-serif;
    --body-font-family-1: 'Noto Sans', sans-serif;
    --body-p-font-size: 1.1rem;
    --body-p-big-font-size: 1.25rem;
    --base-h-font-size: 3.25rem;
    --base-h-font-size-tablet: 3.25rem;
    --base-h-font-size-mobile: 3.25rem;
    --subh-multiplier: .5;

    --h1-font-size: calc(var(--base-h-font-size)*1);
    --h1-sub-font-size: calc(var(--h1-font-size)*.55);
    --h2-font-size: calc(var(--base-h-font-size)*.88);
    --h2-sub-font-size: calc(var(--h2-font-size)*.68);
    --h3-font-size: calc(var(--base-h-font-size)*.72);
    --h3-sub-font-size: calc(var(--h3-font-size)*.50);
    --h4-font-size: calc(var(--base-h-font-size)*.64);
    --h5-font-size: calc(var(--base-h-font-size)*.52);
    --h6-font-size: calc(var(--base-h-font-size)*.40);

    --footer-font-family-1: 'Open-Sans', sans-serif;
    --footer-p-font-size: 1.1rem;
    --test: var(--)
}

html{
    font-size: 16px !important;
}

/**************************************************************************/
/* header area */
/**************************************************************************/

/* top bar */
.dt-mobile-menu-icon:not(.floating-btn):not(:hover) .menu-toggle-caption{
    color: var(--color-p);
    font-family: var(--menu-font-family-1);
    font-size: 1rem;
}

.masthead .top-bar .mini-contacts{
    color: var(--color-p);
    font-family: var(--menu-font-family-1);
    font-size: 1rem;
    font-weight: 600;
}

.masthead .top-bar .mini-contacts i{
    color: var(--color-p);
    font-family: var(--menu-font-family-1);
    font-size: 1rem;
}
/**/

#primary-menu .menu-text{
    font-family: var(--menu-font-family-1);
    font-weight: 600;
    text-transform: uppercase !important;
    font-size: 1.05rem;
}

.page-title :is(h1 , .page-title-breadcrumbs li span){
    font-family: var(--heading-font-family-1);
}

.page-title h1{
    font-size: var(--h1-font-size);
}

.page-title :is(.breadcrumbs,.breadcrumbs a, h1){
    color: white;
}

#main #content :is(h1,h2,h3,h4,h5,h6){
    font-family: var(--heading-font-family-1) !important;
}

.mobile-main-nav li > a .menu-text{
    font-family: var(--heading-font-family-1);
    font-size: 1.2rem;
}

/**************************************************************************/
/* main content */
/**************************************************************************/


#main #content h1{
    font-size: var(--h1-font-size);
    font-weight: 400;
    color: var(--color-1);
    line-height: 1em;
    text-transform: uppercase;
    margin-top: 0;
}
#main #content h1+h1{
    font-size: var(--h1-sub-font-size);
    color: var(--color-1);
    text-transform: none;
    color:var(--color-p);
}

#main #content h2{
    font-size: var(--h2-font-size);
    line-height: 1em; 
    font-weight: 400;
    color: var(--color-2);
    text-transform: uppercase;
    margin-bottom: 1.5rem !important;
    margin-top: 0;
}
#main #content h2:has(+ h2){
    margin-bottom: 0 !important;
}
#main #content h2+h2{
    font-size: var(--h2-sub-font-size);
    color: var(--color-1);
    text-transform: none;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

#main #content h3{
    font-size: var(--h3-font-size);
    line-height: 1em;
    font-weight: 400;
    color: var(--color-1);
    text-transform: uppercase;
    margin-top: 0;
}
#main #content h3+h3{
    font-size: var(--h3-sub-font-size);
    color: var(--color-1);
    text-transform: none;
    color:var(--color-p);
}

#main #content h4{
    font-size: var(--h4-font-size);
    font-weight: 400;
    line-height: 1em;
    color: var(--color-1);
    margin-top: 0;
}

#main #content h5{
    font-size: var(--h5-font-size);
    font-weight: 400;
    line-height: 1em; 
    color: var(--color-1);
}

#main #content h6{
    font-size: var(--h6-font-size);
    font-weight: 400;
    line-height: 1em; 
    color: var(--color-1);
}

#main #content p{
    font-family: var(--body-font-family-1);
    font-size: var(--body-p-font-size) ;
    color: var(--color-p);
}

#main #content p:has( + :not(p)){
    margin-bottom: 35px !important;
}

/**************************************************************************/
/* sidebar */
/**************************************************************************/

.sidebar-divider-vertical.sidebar-right .sidebar .sidebar-content p{
    font-family: var(--body-font-family-1);
    font-size: var(--body-p-font-size) ;
    color: var(--color-p);
}



/**************************************************************************/
/* footer */
/**************************************************************************/
#footer h3{
    font-family: var(--body-font-family-1);
    font-size: var(--body-p-font-size) ;
    line-height: 1.2em;
    color: white;
    font-weight: 700;
    margin-top: 0;
}

#footer p{
    font-family: var(--body-font-family-1);
    font-size: var(--body-p-font-size) ;
    color: white;
}


#footer #bottom-bar .bottom-text-block{
    text-align: center;
}



/**************************************************************************/
/* qrys */
/**************************************************************************/
@media screen and (max-width: 992px) {
    .sidebar-content #block-11{
        display: none;
    }   
}

@media screen and (max-width: 768px) {

        :root{
            --base-h-font-size: 2.5rem;
        }

        #main #content h1{
        font-size: var(--h1-font-size);
        font-weight: 400;
        color: var(--color-1);
        line-height: 1em;
        text-transform: uppercase;
        margin-top: 0;
    }
    #main #content h1+h1{
        font-size: var(--h1-sub-font-size);
        color: var(--color-1);
        text-transform: none;
        color:var(--color-p);
    }

    #main #content h2{
        font-size: var(--h2-font-size);
        line-height: 1em; 
        font-weight: 400;
        color: var(--color-2);
        text-transform: uppercase;
        margin-bottom: 1.5rem !important;
        margin-top: 0;
    }
    #main #content h2:has(+ h2){
        margin-bottom: 0 !important;
    }
    #main #content h2+h2{
        font-size: var(--h2-sub-font-size);
        color: var(--color-1);
        text-transform: none;
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
    }

    #main #content h3{
        font-size: var(--h3-font-size);
        line-height: 1em;
        font-weight: 400;
        color: var(--color-1);
        text-transform: uppercase;
        margin-top: 0;
    }
    #main #content h3+h3{
        font-size: var(--h3-sub-font-size);
        color: var(--color-1);
        text-transform: none;
        color:var(--color-p);
    }

    #main #content h4{
        font-size: var(--h4-font-size);
        font-weight: 400;
        line-height: 1em;
        color: var(--color-1);
        margin-top: 0;
    }

    #main #content h5{
        font-size: var(--h5-font-size);
        font-weight: 400;
        line-height: 1em; 
        color: var(--color-1);
    }

    #main #content h6{
        font-size: var(--h6-font-size);
        font-weight: 400;
        line-height: 1em; 
        color: var(--color-1);
    }
}