/* CSS variables */
:root {
    --blood-orange: #EF4123;
}

* {
    font-family: "Whitney", Arial;
}

/* preset custom styles */
#mainHeader {
    background-image: -webkit-linear-gradient(#EF4123 50%, #EF4123 100%);
}

.searchButton {
    color: #ffffff;
    background: var(--blood-orange);
    background-color: #B3B3B3;
}

#header_LibraryName .logoLink {
    font-family: "Whitney", Arial;
    font-weight: bold;
}

#alert-banner {
    color: #ffffff;
    background-color: #B3B3B3;
    font-family: "Whitney", Arial;
    font-weight: bold;
}

#alert-banner {
    color: #FFFFFF;
    background-color: #B3B3B3;
}

/* responsive styles */

.navbar-custom {
    background: var(--blood-orange) !important;
}

#nav-search .input-group .search-submit {
    background: #EF4123;
}

#sidebar-wrapper a {
    color: #EF4123;
}

#languageSelectionControl {
    font-size: 0.8em;
}

#headerLanguageControl {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 0.8em;
    padding: 0.55em 0.75em;
}

#headerLanguageControl a {
    padding: 0.2em;
    font-size: 1.2em;
}

/* my account > fees styling */

.noRefundsMessage {
    color: #b11313;
    border: 1px solid #ffd6d6;
    background: #fee;
    border-radius: 10px;
    padding: 0.5em;
    margin-bottom: 0.5em;
}

/* my account > view library card styling */
.mobile-library-card{
    margin-top: 98px;
}