/* SRLF CSS Styles */
/* New Color Palette - June 2016 */
.astral-c {
    color: #356892; /* blue */
}

.milanored-c {
    color: #a63446; /* red */
}

.wildwatermelon-c {
    color: #FF506C; /* red opt */
}

.seagull-c {
    color: #87B1D3; /* blue */
}

.orange-c {
    color: #eca400; /* orange */
}

.goldenainoi-c {
    color: #FFCC59; /* yellow opt */
}

.darkgoldenrod-c {
    color: #B27C00; /* yellow opt */
}

.valhalla-c {
    color: #2d3142; /* purple */
}

.kashmirblue-c {
    color: #575F80; /* blue opt */
}

.greenspring-c {
    color: #a4b39b; /* green */
}

.xanadu-c {
    color: #75806E; /* green opt */
}

.mortargrey-c {
    color: #555555; /* grey */
}

.verylightgrey-c {
    color: #f9f9f9;
}

.lightgrey-c {
    color: #e9e9e9;
}

.lightergrey-c {
    color: #f5f5f5;
}

.lightestgrey-c {
    color: #f8f8f8;
}

.grey-c {
    color: #c5c5c5;
}

.darkgrey-c {
    color: #b0b0b0;
}

.darkergrey-c {
    color: #808080;
}

.black-c {
    color: #000000;
}

.white-c {
    color: #ffffff;
}

.astral-bg {
    background-color: #356892; /* blue */
}

.milanored-bg {
    background-color: #a63446; /* red */
}

.wildwatermelon-bg {
    background-color: #FF506C; /* red opt */
}

.seagull-bg {
    background-color: #87B1D3; /* blue */
}

.orange-bg {
    background-color: #eca400; /* orange */
}

.goldenainoi-bg {
    background-color: #FFCC59; /* yellow opt */
}

.darkgoldenrod-bg {
    background-color: #B27C00; /* yellow opt */
}

.valhalla-bg {
    background-color: #2d3142; /* purple */
}

.kashmirblue-bg {
    background-color: #575F80; /* blue opt */
}

.greenspring-bg {
    background-color: #a4b39b; /* green */
}

.xanadu-bg {
    background-color: #75806E; /* green opt */
}

.mortargrey-bg {
    background-color: #555555; /* grey */
}

.verylightgrey-bg {
    background-color: #f9f9f9;
}

.lightgrey-bg {
    background-color: #e9e9e9;
}

.lightergrey-bg {
    background-color: #f5f5f5;
}

.lightestgrey-bg {
    background-color: #f8f8f8;
}

.grey-bg {
    background-color: #d5d5d5;
}

.darkgrey-bg {
    background-color: #b0b0b0;
}

.darkergrey-bg {
    background-color: #808080;
}

.black-bg {
    background-color: #000000;
}

.white-bg {
    background-color: #ffffff;
}


/* End New Color Palette */

* {
    font-family: 'Lato', sans-serif;
}

html {
    min-width: 320px !important;
}

html,
body {
    height: 100%;
}


body {
    min-width: 320px;
}

body, p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}

a abbr[data-original-title], a abbr[title],
h1 abbr[data-original-title], h1 abbr[title],
h2 abbr[data-original-title], h2 abbr[title],
h3 abbr[data-original-title], h3 abbr[title],
h4 abbr[data-original-title], h4 abbr[title] {
    cursor: pointer;
    border-bottom: 0;
}

p, ul, li, strong {
    line-height: 1.2rem;
    font-size: 0.9rem;
    font-family: 'Lato', 'Open Sans', sans-serif;
    font-weight: 400;
}

@media screen and (min-width: 768px){
    p, ul, li, strong {
        line-height: 1.5rem;
        font-size: 1.0rem;
    }
}

abbr[title] {
    border-bottom-style: none;
}


ul {
    list-style-type: square;
}



/* HEADER TO MATCH PUBLIC WEB NAVIGATION */

.slf-header-wrapper {
    --slf-home-color: #75806E;
    --slf-search-color: #555555;
    --slf-about-color: #2d3142;
    --slf-contacts-color: #a63446;
    --slf-deposits-color: #eca400;
    --slf-map-color: #a4b39b;
    --slf-imaging-color: #87b1d3;
    --slf-using-color: #356892;
}

.slf-header-wrapper {
    background-color: #356892;
    color: #fff;
}

.slf-header-link svg {
    width: 336px;
    margin-left: 2px;
}

@media screen and (min-width: 768px) {
    .slf-header-link svg {
        width: 375px;
    }
}

.slf-header-text {
    margin-left: 4px;
}

@media screen and (min-width: 768px) {
    .slf-header-text {
        margin-left: 0;
        padding-bottom: 5px;
    }
}

@media screen and (min-width: 1200px) {
    .slf-header-text {
        padding-bottom: 3px;
    }
}

.slf-header-text-small {
    font-size: 0.8rem;
}

@media screen and (min-width: 992px) {
    .slf-header-text-small {
        font-size: 1rem;
    }
}

.slf-header-text-large {
    font-size: 1rem;
}

@media screen and (min-width: 992px) {
    .slf-header-text-large {
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 1200px) {
    .slf-header-text-large {
        font-size: 1.5rem;
    }
}

.slf-header-menu {
    padding: 4px 10px 4px 4px;
    margin-right: 10px;
}

@media screen and (min-width: 992px) {
    a.slf-header-menu {
        margin-right: 20px;
    }
}

a.slf-header-menu-button {
    color: #fff !important;
    font-size: 1.5rem;
    padding: 0 6px 0 6px;
    margin: 1px;
}

@media screen and (min-width: 992px) {
    a.slf-header-menu-button {
        font-size: 2rem;
    }
}

a.slf-header-menu-button:hover {
    margin: 0;
    border: 1px solid #fff;
}

ul.slf-header-menu-dropdown {
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.slf-header-menu-dropdown li a {
    text-decoration: none;
    color: #fff;
}

    .slf-header-menu-dropdown li a:hover {
        text-decoration: none;
        color: #FFF;
    }

li.slf-home:hover {
    background-color: var(--slf-home-color);
}
li.slf-search:hover {
    background-color: var(--slf-search-color);
}
li.slf-about:hover {
    background-color: var(--slf-about-color);
}
li.slf-contacts:hover {
    background-color: var(--slf-contacts-color);
}
li.slf-deposits:hover {
    background-color: var(--slf-deposits-color);
}
li.slf-map:hover {
    background-color: var(--slf-map-color);
}
li.slf-imaging:hover {
    background-color: var(--slf-imaging-color);
}
li.slf-using:hover {
    background-color: var(--slf-using-color);
}

.dropdown-toggle::after {
    display: none;
}
li.dropdown-item {
    background-color: rgba(0,0,0,0.8);
}
.dropdown-item a {
    display: inline-block;
    width: 100%;
}

li.slf-home {
    border-left: 10px solid var(--slf-home-color); /* xanadu - green opt */
}

li.slf-search {
    border-left: 10px solid var(--slf-search-color); /* dark grey */
}

li.slf-map {
    border-left: 10px solid var(--slf-map-color); /* greenspring - green */
}

li.slf-about {
    border-left: 10px solid var(--slf-about-color); /* valhalla - purple */
}

li.slf-contacts {
    border-left: 10px solid var(--slf-contacts-color); /* milanored - red */
}

li.slf-deposits {
    border-left: 10px solid var(--slf-deposits-color); /* orange */
}

li.slf-imaging {
    border-left: 10px solid var(--slf-imaging-color); /* seagull - blue */
}

li.slf-about {
    border-left: 10px solid var(--slf-about-color); /* valhalla - purple */
}

li.slf-using {
    border-left: 10px solid var(--slf-using-color); /* astral - blue */
}

/* SECTION COLORS */
.slf-home {
    background-color: #75806E; /* xanadu - green opt */
}

.slf-search {
    background-color: #555555; /* dark grey */
}

.slf-map {
    background-color: #a4b39b; /* greenspring - green */
}

.slf-about {
    background-color: #2d3142; /* valhalla - purple */
}

.slf-contacts {
    background-color: #a63446; /* milanored - red */
}

.slf-deposits {
    background-color: #eca400; /* orange */
}

.slf-imaging {
    background-color: #87b1d3; /* seagull - blue */
}

.slf-about {
    background-color: #2d3142; /* valhalla - purple */
}

.slf-using {
    background-color: #356892; /* astral - blue */
}

/*TRANSITION - for navigation elements*/
.slf-nav-buttons a, .slf-section-navigation a, .slf-nav-dropdown a, .slf-social-buttons a {
    -moz-transition: background-color .25s, color .25s;
    -o-transition: background-color .25s, color .25s;
    -webkit-transition: background-color .25s, color .25s;
    transition: background-color .25s, color .25s;
}

/*FOOTER TO MATCH PUBLIC WEB NAVIGATION*/
.slf-social {
    background-color: #2d3142;
    color: #a4b39b;
}

.slf-social-buttons {
    text-align: center;
}

div.slf-social-buttons a,
div.slf-social-buttons a:visited {
    color: #a4b39b;
    text-decoration: none;
}

.slf-social-buttons a:hover {
    color: #87b1d3;
    text-decoration: none;
}


.slf-social-buttons div {
    text-align: center;
}

a.slf-social-button span {
    padding-top: 5px;
    display: block;
}

.slf-social-button {
    width: 90px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

@media screen and (min-width: 992px) {
    .slf-social-button {
        margin-left: 25px;
        margin-right: 25px;
    }
}

.slf-social-button-icon {
    clear: both;
    font-size: 1.0rem;
    height: 1.5rem;
    text-align: center;
    color: inherit;
}

/*    .slf-social-button-icon:after {
        content: "\A";
        color: inherit;
    }
*/

.slf-copyright-footer {
    background-color: #2d3142;
    color: #a4b39b;
    height: 20px;
    text-align: center;
}

.slf-copyright-content {
    text-align: center;
    vertical-align: middle;
    font-size: 0.65rem;
    margin-bottom: 0;
}

/*BOOTSTRAP OVERRIDES*/

.container-fluid {
    padding: 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

@media print {
    .no-print{
        display: none !important;
    }
}