﻿/* 
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
*/




/* SKIP TO MAIN CONTENT */
.skipToMainContent {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skipToMainContent:focus {
    position: static;
    width: auto;
    height: auto;
}





/* 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 !important;
    font-weight: 600;
}
h2 {
    font-family: myriad-pro, Verdana, Arial, sans-serif !important;
    font-weight: 600;
}
h3 {
    font-family: myriad-pro, Verdana, Arial, sans-serif !important;
    font-weight: 600;
}
h4 {
    font-family: myriad-pro, Verdana, Arial, sans-serif !important;
    font-weight: 600;
}
h5 {
    font-family: myriad-pro, Verdana, Arial, sans-serif !important;
    font-weight: 600;
}
p {
    font-family: myriad-pro, Verdana, Arial, sans-serif !important;
    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:hover, .btn-olmstedMaroon:active, .btn-olmstedMaroon:focus {
        color: #ddd !important;
    }
    .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:hover, .btn-olmstedBlue:active, .btn-olmstedBlue:focus {
    color: #ddd !important;
}
.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;
}








/* REQUIRED BOOTSTRAP 4 OVERRIDES FOR DARK BANNER. */
.nav-link {
    color: #ffffff !important;
}
.nav-link-right {
    color: #ddd !important;
}
.nav-link:hover {
    color: #ded3ce !important;
}
.mr-auto-right-justify {
    margin-left: auto !important;
}