/* 
OLMSTED COUNTY CORE COLORS
--------------------------
#8e2a1e - Maroon
#9ea0a3 - Stone
#5a5b5d - Charcoal
#000000 - Black

OLMSTED COUNTY ACCENT COLOR PALETTE
----------------------------------
#004d71 - Blue
#be6a19 - Orange
#fec057 - Yellow
#718137 - Green
#f8f4e5 - Off White

OLMSTED COUNTY NEUTRALS
-----------------------
#928884 - Medium Gray
#a49e99 - Gray
#ded3ce - Light Gray
*/


/* CORE COLOR BACKGROUNDS */
.olmstedCoreMaroonBkgr {
    background-color: #8e2a1e;
}

.olmstedCoreStoneBkgr {
    background-color: #9ea0a3;
}

.olmstedCoreCharcoalBkgr {
    background-color: #5a5b5d;
}

.olmstedCoreBlackBkgr {
    background-color: #000000;
}

/* ACCENT COLOR BACKGROUNDS */
.olmstedAccentBlueBkgr {
    background-color: #004d71;
}

.olmstedAccentOrangeBkgr {
    background-color: #be6a19;
}

.olmstedAccentYellowBkgr {
    background-color: #fec057;
}

.olmstedAccentGreenBkgr {
    background-color: #718137;
}

.olmstedAccentOffWhiteBkgr {
    background-color: #f8f4e5;
}

/* NEUTRAL COLOR BACKGROUNDS */
.olmstedNeutralMediumGrayBkgr {
    background-color: #928884;
}

.olmstedNeutralConcreteBkgr {
    background-color: #a49e99;
}

.olmstedNeutralPeachBkgr {
    background-color: #ded3ce;
}



/* CORE COLORS */
.olmstedCoreMaroon {
    color: #8e2a1e;
}

.olmstedCoreStone {
    color: #9ea0a3;
}

.olmstedCoreCharcoal {
    color: #5a5b5d;
}

.olmstedCoreBlack {
    color: #000000;
}

/* ACCENT COLORS */
.olmstedAccentBlue {
    color: #004d71;
}

.olmstedAccentOrange {
    color: #be6a19;
}

.olmstedAccentYellow {
    color: #fec057;
}

.olmstedAccentGreen {
    color: #718137;
}

.olmstedAccentOffWhite {
    color: #f8f4e5;
}

/* NEUTRAL COLORS */
.olmstedNeutralMediumGray {
    color: #928884;
}

.olmstedNeutralConcrete {
    color: #a49e99;
}

.olmstedNeutralPeach {
    color: #ded3ce;
}



h1 {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
    font-weight: 600;
}

h2 {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
    font-weight: 600;
}

h3 {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
    font-weight: 600;
}

h4 {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
    font-weight: 600;
}

h5 {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
    font-weight: 600;
}

p {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
    font-weight: 400;
}










/*/////// CUSTOM BOOTSTRAP BUTTONS ///////*/

/* MAROON BUTTON */
.btn-olmstedMaroon {
    background-color: #8e2a1e;
    border-color: #811d11;
    color: #FFFFFF;
}

    .btn-olmstedMaroon:hover,
    .btn-olmstedMaroon:focus,
    .btn-olmstedMaroon:active,
    .btn-olmstedMaroon.active {
        background-color: #7e1a0e;
        border-color: #660200;
        color: #FFFFFF;
    }

    .btn-olmstedMaroon.disabled:hover,
    .btn-olmstedMaroon.disabled:focus,
    .btn-olmstedMaroon.disabled:active,
    .btn-olmstedMaroon.disabled.active,
    .btn-olmstedMaroon[disabled]:hover,
    .btn-olmstedMaroon[disabled]:focus,
    .btn-olmstedMaroon[disabled]:active,
    .btn-olmstedMaroon[disabled].active,
    fieldset[disabled] .btn-olmstedMaroon:hover,
    fieldset[disabled] .btn-olmstedMaroon:focus,
    fieldset[disabled] .btn-olmstedMaroon:active,
    fieldset[disabled] .btn-olmstedMaroon.active {
        background-color: #8e2a1e;
        border-color: #811d11;
        color: #FFFFFF;
    }


/* BLUE BUTTON */
.btn-olmstedBlue {
    background-color: #004d71;
    border-color: #004064;
    color: #FFFFFF;
}

    .btn-olmstedBlue:hover,
    .btn-olmstedBlue:focus,
    .btn-olmstedBlue:active,
    .btn-olmstedBlue.active {
        background-color: #003d61;
        border-color: #002549;
        color: #FFFFFF;
    }

    .btn-olmstedBlue.disabled:hover,
    .btn-olmstedBlue.disabled:focus,
    .btn-olmstedBlue.disabled:active,
    .btn-olmstedBlue.disabled.active,
    .btn-olmstedBlue[disabled]:hover,
    .btn-olmstedBlue[disabled]:focus,
    .btn-olmstedBlue[disabled]:active,
    .btn-olmstedBlue[disabled].active,
    fieldset[disabled] .btn-olmstedBlue:hover,
    fieldset[disabled] .btn-olmstedBlue:focus,
    fieldset[disabled] .btn-olmstedBlue:active,
    fieldset[disabled] .btn-olmstedBlue.active {
        background-color: #004d71;
        border-color: #004064;
        color: #FFFFFF;
    }


/* GREEN BUTTON */
.btn-olmstedGreen {
    background-color: #718137;
    border-color: #64742a;
    color: #FFFFFF;
}

    .btn-olmstedGreen:hover,
    .btn-olmstedGreen:focus,
    .btn-olmstedGreen:active,
    .btn-olmstedGreen.active {
        background-color: #617127;
        border-color: #49590f;
        color: #FFFFFF;
    }

    .btn-olmstedGreen.disabled:hover,
    .btn-olmstedGreen.disabled:focus,
    .btn-olmstedGreen.disabled:active,
    .btn-olmstedGreen.disabled.active,
    .btn-olmstedGreen[disabled]:hover,
    .btn-olmstedGreen[disabled]:focus,
    .btn-olmstedGreen[disabled]:active,
    .btn-olmstedGreen[disabled].active,
    fieldset[disabled] .btn-olmstedGreen:hover,
    fieldset[disabled] .btn-olmstedGreen:focus,
    fieldset[disabled] .btn-olmstedGreen:active,
    fieldset[disabled] .btn-olmstedGreen.active {
        background-color: #718137;
        border-color: #64742a;
        color: #FFFFFF;
    }


/* CHARCOAL BUTTON */
.btn-olmstedCharcoal {
    background-color: #5a5b5d;
    border-color: #4d4e50;
    color: #FFFFFF;
}

    .btn-olmstedCharcoal:hover,
    .btn-olmstedCharcoal:focus,
    .btn-olmstedCharcoal:active,
    .btn-olmstedCharcoal.active {
        background-color: #4a4b4d;
        border-color: #323335;
        color: #FFFFFF;
    }

    .btn-olmstedCharcoal.disabled:hover,
    .btn-olmstedCharcoal.disabled:focus,
    .btn-olmstedCharcoal.disabled:active,
    .btn-olmstedCharcoal.disabled.active,
    .btn-olmstedCharcoal[disabled]:hover,
    .btn-olmstedCharcoal[disabled]:focus,
    .btn-olmstedCharcoal[disabled]:active,
    .btn-olmstedCharcoal[disabled].active,
    fieldset[disabled] .btn-olmstedCharcoal:hover,
    fieldset[disabled] .btn-olmstedCharcoal:focus,
    fieldset[disabled] .btn-olmstedCharcoal:active,
    fieldset[disabled] .btn-olmstedCharcoal.active {
        background-color: #5a5b5d;
        border-color: #4d4e50;
        color: #FFFFFF;
    }

.nav-link-right {
    color: #ddd !important;
}


.mr-auto-right-justify {
    margin-left: auto !important;
}

#overlay {
    background: #ffffff;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
    opacity: .80;
}

.nav.flex-column.nav-pills.me-3 > .nav-link.active {
    background-color: #004d71;
    border-color: #004064;
    color: #FFFFFF;
}

form {
    width: 100%;
}

.testBanner {
    font-size: x-large;
    font-weight: bold;
    border: 2px solid black;
    position: fixed;
    top: 0;
    right: 0;
    transform: translate(29.29%, -100%) rotate(45deg); /* 29.29% = 100%*(1 - cos(45deg)) */
    color: #fff;
    text-align: center;
    width: var(--w);
    transform-origin: bottom left;
    padding: 5px 0 calc(var(--d) + 5px);
    background: linear-gradient(rgba(0,0,0,0.6) 0 0) bottom/100% var(--d) no-repeat var(--c);
    clip-path: polygon(0 100%,0 calc(100% - var(--d)),50% calc(100% - var(--d) - var(--w)/2),100% calc(100% - var(--d)),100% 100%,calc(100% - var(--d)) calc(100% - var(--d)), var(--d) calc(100% - var(--d)));
    --d: 0px;
    --w: 200px;
    --c: red;
    z-index: 99999999;
}


.footer {
    width:75%;
    text-align: center;
    flex-shrink: 0;
    bottom: 0;
    position:fixed;
}