﻿.Framework_Header div.NavigationContainer, .Framework_Footer
{
    background-color: #696969;    
}

/*.Framework_Header
{
    pointer-events: none;
    opacity: 0.6;
}*/

.Framework_Header input,
.Framework_Header textarea,
.Framework_Header select,
.Framework_Header button,
.Framework_Header a
{
    background-color: #f2f2f2 !important;
    color: #888;
    /* cursor: not-allowed;*/
}
.Framework_Header .Framework_IconButton,
.Framework_Header a.active
{
    background: #696969;
    border: 2px solid #696969;
    color: #696969;
}
.noTouchEvents .Framework_Header .Framework_IconButton:hover,
.noTouchEvents .Framework_Header input:hover
{
    color: black;
    border: 2px solid black;
}

.Framework_Footer a
{
    background: none;
    color: #888;
}

.Framework_Logo
{
    display: flex;
    align-items: center;
    gap: 8px; /* space between logo and text */
}
.header-wrapper
{
    display: flex;
    align-items: center; /* aligns separator with text block */    
}
.header-text-container
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
}

.header-separator
{
    font-size: 4.8rem;    
    line-height: 1;
    color: #000;
}

.header-text
{
    font-size: 1.5rem;
    font-weight: 600;
    color: #000;
}

.header-subtext
{
    font-size: 1.1rem;
    font-weight: 600;
    color: #000;
}