/*
 * Copyright 2024 AffinityCE, LLC.
 * This file and its contents are proprietary business information and
 * may not be copied, shared, or reproduced in any fashion without the
 * express written approval by the Managing Partners of AffinityCE, LLC.
 */

/* CLIENT-SPECIFIC CSS RULES

   Created: 2012-09-10 - dbo
   Updated: 2017-03-07 - dbo - Flexbox updates
            2019-09-27 - dbo - Improved colors
            2024-07-19 - DBO - Clean up inappropriate styles

   PURPOSE:
   Set up CSS elements to present project custom UI for each Activity Manager client instance
*/

body {
    background-color: var(--color-white);
    background-size: auto; /* implied 100% height and width */
    margin: 0;
}

h1, h2, h3 {
    font-weight: bold;
}

#main_area {
    position: relative;
    clear: both;
    background-color: var(--color-white);
}

/* 2024-07-19 DBO Note padding below! This should be changed for
   sites that use banner images
 */
#header {
    --color-page-head-bg: #ffffff!important;
    min-height: 7.5rem;
    background: var(--color-page-head-bg);
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    min-height:200px;
}

#navbar {
    background-color: var(--color-navbar-bg);
}

#footer {
    height: 3.125rem;
    background: var(--color-page-foot-bg);
}

#footer a {
    color: var(--color-page-foot-a);
}

.color-header-text {
    color: var(--color-white);
}

#bottombar {
    border-top: 0.0625rem solid var(--color-bottombar-top);
    margin-top: 1rem;
    background-color: var(--color-bottombar-bg);
}

nav#bottombar.new {
    margin: 0;
    padding: 0 0.875rem;
    line-height: 1.5rem;
}

/* -- END OF FILE -- */