.ms-dropmenu .menu-name--main.menu-level-1 > li {
  border-top: 5px solid transparent;
}

.ms-dropmenu #block-welcome-main-menu li:hover, .ms-dropmenu #block-welcome-main-menu li:focus {
  background-color: #ededee;
}

body[class*='path-visit'] li#mlid-visit {
  border-top-color: #c1d82f;
}

.ms-dropmenu li#mlid-visit.menu__item--active-trail, .ms-dropmenu li#mlid-visit:hover, .ms-dropmenu li#mlid-visit:focus {
  border-top-color: #c1d82f;
}

body[class*='path-borrow'] li#mlid-borrow {
  border-top-color: #006c67;
}

.ms-dropmenu li#mlid-borrow.menu__item--active-trail, .ms-dropmenu li#mlid-borrow:hover, .ms-dropmenu li#mlid-borrow:focus {
  border-top-color: #006c67;
}

body[class*='path-download'] li#mlid-download {
  border-top-color: #872175;
}

.ms-dropmenu li#mlid-download.menu__item--active-trail, .ms-dropmenu li#mlid-download:hover, .ms-dropmenu li#mlid-download:focus {
  border-top-color: #872175;
}

body[class*='path-explore'] li#mlid-explore {
  border-top-color: #fdb913;
}

.ms-dropmenu li#mlid-explore.menu__item--active-trail, .ms-dropmenu li#mlid-explore:hover, .ms-dropmenu li#mlid-explore:focus {
  border-top-color: #fdb913;
}

body[class*='path-calendar'] li#mlid-calendar {
  border-top-color: #a0c4da;
}

.ms-dropmenu li#mlid-calendar.menu__item--active-trail, .ms-dropmenu li#mlid-calendar:hover, .ms-dropmenu li#mlid-calendar:focus {
  border-top-color: #a0c4da;
}

body[class*='path-about'] li#mlid-about {
  border-top-color: #7ac143;
}

.ms-dropmenu li#mlid-about.menu__item--active-trail, .ms-dropmenu li#mlid-about:hover, .ms-dropmenu li#mlid-about:focus {
  border-top-color: #7ac143;
}

body[class*='path-help'] #block-welcome-main-menu .ms-dropmenu li#mlid-help {
  border-top: 5px solid #ee3124;
}

.ms-dropmenu #block-welcome-main-menu li#mlid-help.menu__item--active-trail, .ms-dropmenu #block-welcome-main-menu li#mlid-help:hover, .ms-dropmenu #block-welcome-main-menu li#mlid-help:focus {
  border-top: 5px solid #ee3124;
}

/**
 * Colors
 * - Add or modify colors for all theme elements.
 * - Most colors are set in _variables.scss where you can make global changes
 *   without touching this file at all.
 * - If your theme is using the Color module be very careful about what you
 *   change in this file, or in the global _variables.scss file, the color
 *   schemes expect certain hex values to exist in the color.css file - it is
 *   safer to place colors in a partial that is not parsed by the Color module.
 ============================================================================ */
/**
 * base.elements
 ============================================================================ */
html {
  background-color: #636466;
}

body {
  background-color: transparent;
  color: #363636;
}

a {
  color: #005596;
}

a:visited {
  color: #005596;
}

a:active, a.active {
  color: #fdb913;
}

a:hover, a:focus {
  color: #fdb913;
}

blockquote {
  border-color: #939598;
}

blockquote p:first-child:before {
  color: #939598;
}

blockquote small {
  color: #5c5c5c;
}

blockquote.pull-right {
  border-right-color: #939598;
}

.contact-details {
  border-color: #939598;
}

.contact-details p:first-child:before {
  color: #939598;
}

hr {
  border-color: #939598;
}

/**
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background-color: #b3d4fc;
}

::selection {
  background-color: #b3d4fc;
}

del {
  color: #5c5c5c;
}

code,
pre,
var,
kbd,
samp {
  background: #ffffff;
}

/**
 * Web fonts
 ============================================================================ */
/* Override Font Awesome classes. */
.fa-border {
  border-color: #939598;
}

/*  Extra classes for Font Awesome. */
.fa-text-color {
  color: #363636;
}

.fa-text-color-light {
  color: #808080;
}

.fa-text-color-medium {
  color: #5c5c5c;
}

.fa-match-border {
  color: #939598;
}

.fa-match-border-light {
  color: #ededee;
}

.fa-match-link {
  color: #005596;
}

.fa-trans-white-25 {
  color: rgba(255, 255, 255, 0.25);
}

.fa-trans-white-50 {
  color: rgba(255, 255, 255, 0.5);
}

.fa-trans-white-75 {
  color: rgba(255, 255, 255, 0.75);
}

.fa-trans-black-25 {
  color: rgba(0, 0, 0, 0.25);
}

.fa-trans-black-50 {
  color: rgba(0, 0, 0, 0.5);
}

.fa-trans-black-75 {
  color: rgba(0, 0, 0, 0.75);
}

/**
 * Page
 *  - mainly for markup that is printed directly in page.html.twig and
 *    .l-r {}
 ============================================================================ */
.page {
  background-color: #ffffff;
}

.regions {
  background-color: transparent;
}

.pr-alert {
  background-color: #d31245;
  color: #ffffff;
}

.pr-alert a {
  color: #ffffff;
}

.pr-alert a:visited, .pr-alert a:active, .pr-alert a.active, .pr-alert a:hover, .pr-alert a:focus {
  color: #ffffff;
}

.pr-leaderboard {
  background-color: #ededee;
}

.pr-header {
  color: #363636;
  background-color: #ffffff;
}

.pr-header .regions {
  background: inherit;
}

.pr-header__header-third .myaccount-link a {
  color: #ffffff;
}

.pr-header__header-third .myaccount-link a:visited, .pr-header__header-third .myaccount-link a:active, .pr-header__header-third .myaccount-link a.active, .pr-header__header-third .myaccount-link a:hover, .pr-header__header-third .myaccount-link a:focus {
  color: #ffffff;
}

.pr-subheader .block {
  height: 4.5rem;
  padding: 1rem;
}

@media screen and (max-width: 70em) {
  .pr-subheader .block {
    height: 6rem;
  }
}

.pr-subheader__subheader-first .block {
  color: #ffffff;
  background-color: #003e70;
}

.pr-subheader__subheader-first .block .field {
  margin: 0;
}

.pr-subheader__subheader-first .block .field p {
  margin: 0;
  font-size: 11px;
}

@media screen and (max-width: 70em) {
  .pr-subheader__subheader-first .block {
    background-color: #636466;
    line-height: 1.1rem;
  }
}

@media screen and (min-width: 45.0625em) and (max-width: 70em) {
  .pr-subheader__subheader-first .block .subheader-hours, .pr-subheader__subheader-first .block .subheader-today {
    margin: 0.26667rem 0 0 0;
  }
}

@media screen and (max-width: 45em) {
  .pr-subheader__subheader-first .block .library-hours-today {
    font-size: 19px;
  }
  .pr-subheader__subheader-first .block .subheader-hours, .pr-subheader__subheader-first .block .subheader-today {
    font-size: 15px;
    margin: 0.6rem 0 0 0;
  }
}

@media screen and (max-width: 22em) {
  .pr-subheader__subheader-first .block .library-hours-today {
    font-size: 15px;
  }
  .pr-subheader__subheader-first .block .subheader-hours, .pr-subheader__subheader-first .block .subheader-today {
    font-size: 11px;
    margin: 0.6rem 0 0 0;
  }
}

.pr-subheader a {
  color: #ffffff;
}

.pr-subheader:visited {
  color: #ffffff;
}

.pr-subheader__subheader-second .block {
  background-color: #005596;
}

@media screen and (max-width: 70em) {
  .pr-subheader__subheader-second .block {
    background-color: #939598;
  }
}

.pr-navbar, .pr-header {
  color: #363636;
  background-color: #ffffff;
}

.pr-navbar .regions, .pr-header .regions {
  background: inherit;
}

@media screen and (max-width: 70em) {
  .pr-navbar, .pr-header {
    color: #ffffff;
    background-color: #005596;
  }
  .pr-navbar .regions, .pr-header .regions {
    background: inherit;
  }
}

.pr-navbar .menu a, .pr-header .menu a {
  color: inherit;
}

.pr-features {
  color: #363636;
  background-color: #939598;
}

.pr-features .regions {
  background: inherit;
}

.pr-subfeatures {
  color: #363636;
  background-color: #939598;
}

.pr-subfeatures .regions {
  background: inherit;
}

.pr-footer {
  color: #363636;
  border-top: 10px solid #005596;
  background-color: #ededee;
}

.pr-footer .regions {
  background: inherit;
}

.pr-footer .menu a {
  color: inherit;
}

.pr-footer .menu a.active, .pr-footer .menu a:hover, .pr-footer .menu a:focus {
  color: inherit;
}

/**
 * AT attribution message
 *  - a toggle setting in the theme settings, you can turn it on/off using
 *    the Markup overrides extension.
 ============================================================================ */
.attribution .l-rw {
  background-color: transparent;
}

.attribution .attribution__link {
  color: #363636;
}

/**
 * Feed Icons
 *  - icons are SVG, SEE feed-icon.html.twig in AT Core templates directory.
 ============================================================================ */
.feed-icon-rss__path {
  fill: rgba(0, 0, 0, 0.6);
}

/**
 * Branding styles
 *  - Drupal core branding block.
 ============================================================================ */
.site-branding__name-link:link, .site-branding__name-link:visited {
  color: #5c5c5c;
}

.site-branding__name-link:hover, .site-branding__name-link:active {
  color: #363636;
}

/**
 * Blocks
 ============================================================================ */
/**
 * Menus
 *  - style Drupal core block menus.
 *  - for the drop menu and other responsive menus see the mixins and the
 *    _navbar.scss partial.
 ============================================================================ */
.menu a {
  color: #005596;
  border-color: #939598;
}

.menu a:hover, .menu a:focus {
  color: #fdb913;
}

.menu a.active {
  color: #fdb913;
}

/**
 * Responsive menu styles.
 *
 * Mixins provide the basic structure and a base style (not much), the rest
 * is up to you, add colors, borders, padding and so on. Icons such as
 * the hamburger and arrows are set in variables in _variables.scss, and you
 * use the color variables for menus from there also.
 *
 * Menu styles are set in Appearance settings using the Responsive Menus extension.
 * There you select a block, breakpoint, a default style and a responsive style.
 * You can safely remove mixins from this file if you not going to use them later
 * on, and want to save a few bytes in stylesheet size.
 *
 * Each mixin takes one or more parameters. Use these to customize the basic structure
 * of the menu, or call options, for example you can place the offcanvas menu on the
 * left or right.
 *
 * Do not import into breakpoints unless you are not using the Responsive Menu
 * settings in Appearance Extensions, in which case you will need to load the
 * at_core/at.responsivemenus library and provide it's required drupalSettings.
 *
 * Breakpoints are handled in matchMedia using Enquire.
 *
 * Responsive styles are a combination of three things:
 *  1. Sass/CSS defined here (with breakpoints etc).
 *  2. jQuery: responsive-menus.js in AT Core libraries which adds/toggles classes.
 *  3. Theme settings as set in your themes Advanced extension settings.
 ============================================================================ */
.rm-toggle__link, .rm-toggle__link:hover, .rm-toggle__link:focus, .rm-toggle__link:active {
  color: #ffffff;
  background-color: #005596;
}

.rm-toggle__icon {
  fill: #ffffff;
}

.rm-toggle span {
  background-color: transparent;
}

.ms-offcanvas .rm-block__content .menu a,
.ms-offcanvas .rm-block__content .menu .rm-accordion-trigger,
.ms-vertical .rm-block__content .menu a,
.ms-vertical .rm-block__content .menu .rm-accordion-trigger,
.ms-slidedown .rm-block__content .menu a,
.ms-slidedown .rm-block__content .menu .rm-accordion-trigger,
.ms-tiles .rm-block__content .menu a,
.ms-tiles .rm-block__content .menu .rm-accordion-trigger {
  color: #ffffff;
  background-color: #636466;
}

.ms-offcanvas .rm-block__content .menu a:hover, .ms-offcanvas .rm-block__content .menu a:focus,
.ms-offcanvas .rm-block__content .menu .rm-accordion-trigger:hover,
.ms-offcanvas .rm-block__content .menu .rm-accordion-trigger:focus,
.ms-vertical .rm-block__content .menu a:hover,
.ms-vertical .rm-block__content .menu a:focus,
.ms-vertical .rm-block__content .menu .rm-accordion-trigger:hover,
.ms-vertical .rm-block__content .menu .rm-accordion-trigger:focus,
.ms-slidedown .rm-block__content .menu a:hover,
.ms-slidedown .rm-block__content .menu a:focus,
.ms-slidedown .rm-block__content .menu .rm-accordion-trigger:hover,
.ms-slidedown .rm-block__content .menu .rm-accordion-trigger:focus,
.ms-tiles .rm-block__content .menu a:hover,
.ms-tiles .rm-block__content .menu a:focus,
.ms-tiles .rm-block__content .menu .rm-accordion-trigger:hover,
.ms-tiles .rm-block__content .menu .rm-accordion-trigger:focus {
  color: #ffffff;
  background-color: #939598;
}

.ms-offcanvas .rm-block__content .menu a.is-active,
.ms-vertical .rm-block__content .menu a.is-active,
.ms-slidedown .rm-block__content .menu a.is-active,
.ms-tiles .rm-block__content .menu a.is-active {
  color: #ffffff;
  background-color: #939598;
}

.ms-offcanvas .rm-block__content .menu a.is-active[href="/"],
.ms-vertical .rm-block__content .menu a.is-active[href="/"],
.ms-slidedown .rm-block__content .menu a.is-active[href="/"],
.ms-tiles .rm-block__content .menu a.is-active[href="/"] {
  color: #ffffff;
  background-color: #636466;
}

.ms-offcanvas .rm-block__content .menu a.is-active[href="/"]:hover, .ms-offcanvas .rm-block__content .menu a.is-active[href="/"]:focus,
.ms-vertical .rm-block__content .menu a.is-active[href="/"]:hover,
.ms-vertical .rm-block__content .menu a.is-active[href="/"]:focus,
.ms-slidedown .rm-block__content .menu a.is-active[href="/"]:hover,
.ms-slidedown .rm-block__content .menu a.is-active[href="/"]:focus,
.ms-tiles .rm-block__content .menu a.is-active[href="/"]:hover,
.ms-tiles .rm-block__content .menu a.is-active[href="/"]:focus {
  color: #ffffff;
  background-color: #939598;
}

.ms-offcanvas .rm-block__content .rm-accordion-trigger__icon,
.ms-vertical .rm-block__content .rm-accordion-trigger__icon,
.ms-slidedown .rm-block__content .rm-accordion-trigger__icon,
.ms-tiles .rm-block__content .rm-accordion-trigger__icon {
  background-color: transparent !important;
  fill: #ffffff;
}

.ms-slidedown .rm-row,
.ms-slidedown .rm-region {
  background-color: #939598;
}

.ms-dropmenu .rm-block__content .menu-level-1 > li > span > a,
.ms-horizontal .rm-block__content .menu-level-1 > li > span > a {
  color: inherit;
  background-color: transparent;
}

.ms-dropmenu .rm-block__content .menu-level-1 > li > span > a:hover, .ms-dropmenu .rm-block__content .menu-level-1 > li > span > a:focus,
.ms-horizontal .rm-block__content .menu-level-1 > li > span > a:hover,
.ms-horizontal .rm-block__content .menu-level-1 > li > span > a:focus {
  background-color: #ededee;
}

.ms-dropmenu .rm-block__content .menu-level-1 > li > span > a.is-active[href="/"],
.ms-horizontal .rm-block__content .menu-level-1 > li > span > a.is-active[href="/"] {
  color: inherit;
  background-color: transparent;
}

.ms-dropmenu .rm-block__content .menu-level-2 a,
.ms-horizontal .rm-block__content .menu-level-2 a {
  background-color: #ededee;
}

.ms-dropmenu .rm-block__content .menu-level-2 a:hover, .ms-dropmenu .rm-block__content .menu-level-2 a:focus,
.ms-horizontal .rm-block__content .menu-level-2 a:hover,
.ms-horizontal .rm-block__content .menu-level-2 a:focus {
  color: #ffffff;
  background-color: #939598;
}

.ms-dropmenu .rm-block__content .menu-level-2 a.is-active,
.ms-horizontal .rm-block__content .menu-level-2 a.is-active {
  color: #ffffff;
  background-color: #939598;
}

.ms-overlay .rm-toggle {
  background-color: rgba(0, 0, 0, 0.875);
}

.ms-overlay .rm-toggle:hover, .ms-overlay .rm-toggle:focus {
  background-color: rgba(0, 0, 0, 0.95);
}

.ms-overlay .rm-toggle__link, .ms-overlay .rm-toggle__icon {
  background-color: transparent;
}

.ms-overlay .rm-toggle__link:hover, .ms-overlay .rm-toggle__link:focus, .ms-overlay .rm-toggle__icon:hover, .ms-overlay .rm-toggle__icon:focus {
  background-color: transparent;
}

.ms-overlay.rm-is-open .rm-toggle {
  opacity: 1;
  background-color: white;
}

.ms-overlay.rm-is-open .rm-toggle__icon {
  fill: black;
}

.ms-overlay .rm-block__content {
  background-color: rgba(0, 0, 0, 0.8);
}

.ms-overlay .rm-block__content .menu {
  background-color: transparent;
}

.ms-overlay .rm-block__content .menu a {
  color: white;
  background-color: rgba(0, 0, 0, 0.95);
}

.ms-overlay .rm-block__content .menu a:hover, .ms-overlay .rm-block__content .menu a:focus, .ms-overlay .rm-block__content .menu a.is-active {
  background-color: rgba(0, 0, 0, 0.75);
}

.ms-overlay .rm-block__content .menu a.is-active[href="/"] {
  background-color: rgba(0, 0, 0, 0.75);
}

.ms-overlay .rm-block__content .menu a.is-active[href="/"]:hover, .ms-overlay .rm-block__content .menu a.is-active[href="/"]:focus {
  background-color: rgba(0, 0, 0, 0.75);
}

.ms-overlay .rm-block__content .menu .rm-accordion-trigger {
  background-color: rgba(0, 0, 0, 0.95);
}

.ms-overlay .rm-block__content .menu .rm-accordion-trigger:hover, .ms-overlay .rm-block__content .menu .rm-accordion-trigger:focus {
  background-color: rgba(0, 0, 0, 0.75);
}

.ms-overlay .rm-block__content .menu .rm-accordion-trigger__icon {
  fill: white;
}

.ms-meganav .rm-block__content .menu a {
  color: inherit;
  background-color: transparent;
}

.ms-meganav .rm-block__content .menu a:hover, .ms-meganav .rm-block__content .menu a:focus {
  color: #ffffff;
  background-color: #939598;
}

.ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item {
  border-bottom: 1px solid #939598;
}

.ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item > span > a {
  color: #ffffff;
  background-color: #636466;
}

.ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item > span > a:hover, .ms-meganav.rm-is-open .rm-block__content .menu-level-1 > .menu__item > span > a:focus {
  color: #ffffff;
  background-color: #939598;
}

/**
 * Breadcrumbs
 ============================================================================ */
.breadcrumb li:before {
  color: #939598;
}

.breadcrumb a {
  color: #005596;
  text-decoration: none;
}

/**
 * Pagers
 * - Full system pager.
 * - Views mini pager.
 ============================================================================ */
.pager__link {
  border-color: #939598;
}

.pager__link:focus, .pager__link:hover {
  background-color: rgba(255, 255, 255, 0.75);
}

.pager__link:active {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.75);
  opacity: 0.9;
}

.pager__link--is-active {
  background-color: rgba(255, 255, 255, 0.75);
}

.pager--mini .pager__link--is-active {
  background-color: transparent;
  opacity: 0.65;
}

/**
 * Table Theme
 * Style Drupal selectors for tables.
 ============================================================================ */
thead tr {
  color: #363636;
  background-color: #e7f0f6;
}

tr,
td,
th {
  border-color: #939598;
}

/**
 * Forms
 *  - This probably seems like a lot - remember AT unsets system.theme.css and
 *    gives you complete control over all form elements.
 *
 * Note:
 *  - input type submit is treated as a 'button', see _buttons.scss
 *  - for drop buttons see _buttons.scss
 ============================================================================ */
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  color: #636466;
  border-color: #939598;
  background-color: #ffffff;
}

/**
 * Collapsible details.
 *
 * @see collapse.js
 * @thanks http://nicolasgallagher.com/css-background-image-hacks/
 */
details {
  border-color: #939598;
  background-color: transparent;
}

input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #ffffff;
  color: #363636;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
  background-color: #ffffff;
  color: #363636;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #363636;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #363636;
}

input.placeholder_text,
textarea.placeholder_text {
  color: #363636;
}

/**
 * Form Theme
 ============================================================================ */
.form-type-radio label.option,
.form-type-checkbox label.option {
  border-color: #939598;
  background-color: transparent;
}

.form-type-radio label.option:focus, .form-type-radio label.option:hover,
.form-type-checkbox label.option:focus,
.form-type-checkbox label.option:hover {
  background-color: rgba(255, 255, 255, 0.75);
}

.filter-wrapper {
  border-color: #939598;
}

.tips {
  color: #363636;
}

.description {
  color: #363636;
}

form .marker {
  color: #ee0000;
}

.form-required:after {
  color: #ee0000;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border-color: #f9c9bf;
}

/**
 * Vertical tabs.
 ============================================================================ */
.vertical-tabs {
  background-color: #ffffff;
  border-color: #939598;
}

.vertical-tabs__menu {
  background-color: transparent;
  border-top-color: #939598;
}

.vertical-tabs__menu-item {
  background: transparent;
  border-color: #939598;
}

.vertical-tabs__menu-item.is-selected {
  background-color: #ffffff;
}

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
  color: #363636;
}

.vertical-tabs__pane {
  background-color: #ffffff;
}

/**
 * Buttons
 * We include button styling separate (from _forms.scss) mainly because the form
 * styles are quite long already and we often want to add unique button variants.
 *
 *  - applies to elements with class "button", includes styles for:
 *  - input buttons
 *  - anchor links styled as buttons
 *  - drop buttons
 *  - action link buttons
 ============================================================================ */
button,
.button {
  color: #ffffff;
  background-color: #636466;
  border-color: #636466;
  opacity: 0.9;
}

button:hover, button:focus,
.button:hover,
.button:focus {
  opacity: 1;
  color: #ffffff;
  background-color: #fdb913;
  border-color: #fdb913;
}

button:visited,
.button:visited {
  color: #ffffff;
  background-color: #636466;
}

button[disabled]:hover,
.button[disabled]:hover {
  opacity: 1;
}

.button--primary {
  color: #ffffff;
  background-color: #636466;
  border: 1px #636466 solid;
}

.button--primary:link, .button--primary:visited {
  color: #ffffff;
  background-color: #636466;
  border-color: #636466;
}

.button--primary:hover, .button--primary:focus, .button--primary:active, .button--primary.active {
  color: #ffffff;
  background-color: #636466;
  border-color: #636466;
}

.button--danger {
  color: #a51b00;
  background-color: transparent;
  box-shadow: none;
}

.button--danger:link, .button--danger:visited {
  color: #a51b00;
  background-color: transparent;
  border-color: transparent;
}

.button--danger:hover, .button--danger:focus, .button--danger:active, .button--danger.active {
  color: #a51b00;
  background-color: transparent;
  border-color: transparent;
}

.button-action {
  opacity: 1;
}

#edit-preview {
  background-color: transparent;
  color: #636466;
}

button.link-edit-summary {
  background-color: inherit;
  color: #363636;
}

button.link-edit-summary:hover, button.link-edit-summary:focus {
  background-color: inherit;
  color: #363636;
}

/* Drop buttons */
.dropbutton-widget {
  background-color: transparent;
  border-color: #636466;
}

.dropbutton-widget:hover, .dropbutton-widget:focus {
  border-color: #636466;
}

.dropbutton .dropbutton-action .button {
  color: #ffffff;
  background-color: #636466;
}

.dropbutton .dropbutton-action .button:link, .dropbutton .dropbutton-action .button:visited {
  color: #ffffff;
  background-color: #636466;
  border-color: #ccc;
}

.dropbutton .dropbutton-action .button:hover, .dropbutton .dropbutton-action .button:focus, .dropbutton .dropbutton-action .button:active, .dropbutton .dropbutton-action .button.active {
  color: #ffffff;
  background-color: #636466;
  border-color: #ccc;
}

.dropbutton .secondary-action {
  border-top-color: #636466;
}

.dropbutton .secondary-action .button {
  background-color: transparent;
  color: #636466;
}

.dropbutton .dropbutton-toggle button:hover {
  background-color: transparent;
}

.dropbutton-multiple .dropbutton {
  border-right-color: #636466;
}

[dir="rtl"] .dropbutton-multiple .dropbutton {
  border-left-color: #636466;
}

.dropbutton-multiple.open .dropbutton-action .button {
  border-radius: 2px 0 0 0;
}

.dropbutton-arrow {
  color: #636466;
}

/**
 * Modal dialogs.
 *  -  override jQuery UI styles.
 ============================================================================ */
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.95);
  opacity: 0.3;
}

.ui-dialog .form-text {
  background-color: inherit !important;
  color: black !important;
  border-color: silver !important;
}

.ui-dialog .form-text::-webkit-input-placeholder {
  color: silver;
}

.ui-dialog .form-text::-moz-placeholder {
  color: silver;
}

.ui-dialog .form-text:-ms-input-placeholder {
  color: silver;
}

.ui-dialog .form-text::placeholder {
  color: silver;
}

.ui-dialog .form-type-radio label.option,
.ui-dialog .form-type-checkbox label.option {
  border-color: transparent;
  background-color: inherit;
}

.ui-dialog .form-type-radio label.option:focus, .ui-dialog .form-type-radio label.option:hover,
.ui-dialog .form-type-checkbox label.option:focus,
.ui-dialog .form-type-checkbox label.option:hover {
  color: inherit;
  background-color: inherit;
}

.ui-dialog .ui-dialog-titlebar {
  color: #363636;
}

.ui-dialog .ui-dialog-buttonpane button {
  color: #ffffff;
  background: #636466;
  border-color: #636466;
  opacity: 0.9;
}

.ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:focus {
  opacity: 1;
  color: #ffffff;
  background: #fdb913;
}

.ui-dialog .ui-dialog-buttonpane button:visited {
  color: #ffffff;
  background: #636466;
}

.ui-dialog .ui-dialog-buttonpane button[disabled]:hover {
  opacity: 1;
}

.ui-dialog .ui-dialog-buttonpane .button--primary {
  color: #ffffff;
  background-color: #636466;
  border: 1px #636466 solid;
}

.ui-dialog .ui-dialog-buttonpane .button--primary:link, .ui-dialog .ui-dialog-buttonpane .button--primary:visited {
  color: #ffffff;
  background-color: #636466;
  border-color: #636466;
}

.ui-dialog .ui-dialog-buttonpane .button--primary:hover, .ui-dialog .ui-dialog-buttonpane .button--primary:focus, .ui-dialog .ui-dialog-buttonpane .button--primary:active, .ui-dialog .ui-dialog-buttonpane .button--primary.active {
  color: #ffffff;
  background-color: #636466;
  border-color: #636466;
}

/**
 * File icons
 * AT un-sets Drupal core file field CSS for image icons and replaces them
 * with FontAwesome icons.
 ============================================================================ */
.file a:before {
  color: #808080;
}

/**
 * File upload widgets.
 ============================================================================ */
.field--widget-file-generic,
.field--widget-image-image {
  background-color: #e7f0f6;
  border-color: #939598;
}

.field--widget-file-generic details,
.field--widget-image-image details {
  background: transparent;
}

.field--widget-image-image .image-preview {
  background-color: transparent;
}

/**
 * Field Taxonomy Reference
 ============================================================================ */
/**
 * Labels.
 *  -  for example "new" mark on comments, tags etc.
 ============================================================================ */
.filter-help a:after,
.more-help-link a:after {
  color: #939598;
}

/**
 * Messages
 *  - System messages such as status, warning and error are NOT included
 *    here as we don't want them to shift or change in color module, since
 *    they are too important with regards to accessibility etc.
 ============================================================================ */
.dev-query {
  color: #ffffff;
}

body > pre,
.xdebug-var-dump {
  color: #ffffff;
}

.page .xdebug-var-dump {
  color: #363636;
}

body:before {
  color: #a51b00;
}

/**
 * Content Types (nodes)
 *  - in Drupal a content type is a bunch of fields we use to enter and display
 *    content, such as pages, blog posts, forum posts and so on. Each of those
 *    is usually a content type you create in the Drupal admin.
 *  - an instance of a content type (e.g. a single blog post) is called a node,
 *    the root template is called node.html.twg and the base selector is .node {}
 ============================================================================ */
.node--sticky {
  background-color: transparent;
  box-shadow: none;
}

.taxonomy-term--view-mode-full.atl--threecol-3-6-3 > .atl__lr.atl__cw > .atl__lc.lc-2,
.node--view-mode-full.atl--twocol-4-8 > .atl__lr.atl__cw > .atl__lc.lc-1 {
  background-color: #e7f0f6;
}

.node--view-mode-full.atl--twocol-4-8.node--unpublished > .atl__lr.atl__cw > .atl__lc.lc-1 {
  background-color: #e0e0e2;
}

.path-frontpage .node--view-mode-teaser, .path-frontpage .node--view-mode-teaser-promo, .path-frontpage .node--view-mode-teaser-condition {
  background-color: #e7f0f6;
  border-bottom: 5px solid #005596;
}

.path-frontpage .node--view-mode-teaser-top {
  color: #ffffff;
  background-color: #005596;
}

.path-frontpage .node--view-mode-teaser-top a, .path-frontpage .node--view-mode-teaser-top .field-node--dynamic-token-fieldnode-standing-head {
  color: #ffffff;
}

#block-views-block-frontpage-conditions-time-hoursday-terms {
  font-size: .8rem;
  line-height: 1.2rem;
  color: #ffffff;
  background-color: #005596;
}

#block-views-block-frontpage-conditions-time-hoursday-terms .field-node--dynamic-token-fieldnode-standing-head,
#block-views-block-frontpage-conditions-time-hoursday-terms .field-taxonomy-term--dynamic-token-fieldtaxonomy-term-standing-head-term {
  color: #ffffff;
}

#block-views-block-frontpage-conditions-time-hoursday-terms a {
  color: #ffffff;
  text-decoration: none !important;
}

#block-views-block-frontpage-conditions-time-hoursday-terms a:active, #block-views-block-frontpage-conditions-time-hoursday-terms a:hover {
  text-decoration: underline !important;
}

#block-views-block-frontpage-conditions-time-hoursday-terms h4 {
  font-size: 1rem;
  line-height: 1.125;
}

#block-views-block-frontpage-conditions-time-hoursday-terms .taxonomy_term.taxonomy-term--view-mode-teaser-condition, #block-views-block-frontpage-conditions-time-hoursday-terms .node.node--view-mode-teaser-condition, #block-views-block-frontpage-conditions-time-hoursday-terms .field-node--dynamic-token-fieldnode-cover-node-link {
  background-color: transparent;
  border-bottom: none;
}

.path-frontpage #main-content .block {
  font-size: .8rem;
  line-height: 1.2rem;
}

.path-frontpage #main-content .block .library-hours-today {
  font-size: 1rem;
}

.path-frontpage #main-content .block h4 {
  font-size: 1rem;
}

.path-frontpage #main-content .block h5.staff-picker {
  text-transform: uppercase;
}

.path-frontpage .field-node--dynamic-token-fieldnode-cover-node-link {
  min-height: 165px;
  background-color: #e7f0f6;
}

.path-frontpage #block-views-block-frontpage-block-5 {
  color: #ffffff;
  background-color: #005596;
  padding: 1rem;
  margin-bottom: 1rem;
}

.path-frontpage #block-views-block-frontpage-block-5 h2, .path-frontpage #block-views-block-frontpage-block-5 a {
  color: #ffffff;
}

.path-frontpage #block-views-block-frontpage-block-5 .item-list__item {
  list-style: outside disc none;
  margin-left: 1rem;
}

.path-frontpage #block-views-block-frontpage-block-5 .more-link {
  text-align: left;
}

.path-frontpage #block-welcome-content .views-col h4 {
  min-height: 2.5rem;
}

@media screen and (min-width: 45.0625em) and (max-width: 70em) {
  .path-frontpage #block-welcome-content .views-col h4 {
    min-height: 4.25rem;
  }
}

/**
 * Copying above styles for terms pages
 ============================================================================ */
.taxonomy_term--sticky {
  background-color: transparent;
  box-shadow: none;
}

.taxonomy_term.taxonomy-term--view-mode-teaser-promo, .taxonomy_term.taxonomy-term--view-mode-teaser-condition {
  background-color: #e7f0f6;
  border-bottom: 5px solid #005596;
}

.taxonomy_term.taxonomy-term--view-mode-teaser-top {
  color: #ffffff;
  background-color: #005596;
}

.taxonomy_term.taxonomy-term--view-mode-teaser-top a, .taxonomy_term.taxonomy-term--view-mode-teaser-top .field-taxonomy-term--dynamic-token-fieldtaxonomy-term-standing-head-term {
  color: #ffffff;
}

/**
 * Calendar key
 ============================================================================ */
.view-calendar .calendar-key {
  margin: .5em 0;
}

.view-calendar .calendar-key span {
  padding-left: .25rem;
  margin-right: 1rem;
  font-size: .9rem;
}

.view-calendar .calendar-key .calendar-key-all {
  border-left: 1rem solid #005596;
}

.view-calendar .calendar-key .calendar-key-owl {
  border-left: 1rem solid #f89728;
}

.view-calendar .calendar-key .calendar-key-nwl {
  border-left: 1rem solid #7ac143;
}

.view-calendar .calendar-key .calendar-key-wpk {
  border-left: 1rem solid #d31245;
}

.view-calendar .calendar-key .calendar-key-off {
  border-left: 1rem solid #7a603f;
}

.view-calendar .calendar-key .calendar-key-on {
  border-left: 1rem solid #939598;
}

@media screen and (max-width: 70em) {
  .view-calendar .view-header .calendar-key span {
    display: none;
  }
  .view-calendar .view-footer .calendar-key span {
    display: block;
  }
}

/**
 * Node Add Edit Forms.
 ============================================================================ */
.layout-region-node-secondary__inner {
  border-color: #939598;
  background-color: #e7f0f6;
}

.layout-region-node-secondary__inner .entity-meta details[open] {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.085);
}

.layout-region-node-secondary__inner .entity-meta details[open] > summary {
  background-color: rgba(0, 0, 0, 0.025);
}

/**
 * Aggregator
 ============================================================================ */
.aggregator-item {
  background-color: #e7f0f6;
  box-shadow: none;
}

/**
 * Forums
 *  - see table.scss for generic table styles.
 ============================================================================ */
.forum .icon svg {
  fill: rgba(0, 0, 0, 0.5);
}

/**
 * Search results pages
 ============================================================================ */
.item-list--search-results {
  background-color: transparent;
  box-shadow: none;
}

.search-result__snippet-info {
  color: #5c5c5c;
}

/**
 * Comments
 *  - comment field (holds comment title, form, comments etc)
 *  - styles for comments
 ============================================================================ */
.comment {
  border-color: #ededee;
}

/**
 * Social media
 *  - styles for socila media links, modules etc.
 ============================================================================ */
.block-social-media-links .platform__link,
.pane-social-media-link-widget .platform__link {
  color: #363636;
  opacity: 0.65;
}

.block-social-media-links .platform__link:hover, .block-social-media-links .platform__link:focus,
.pane-social-media-link-widget .platform__link:hover,
.pane-social-media-link-widget .platform__link:focus {
  opacity: 1;
}

/**
 * Views
 ============================================================================ */
.view-empty:not(:empty) .links a[href="/node/add"] {
  opacity: 0.9;
  color: #ffffff;
  background-color: #636466;
  border: 1px #636466 solid;
}

.view-empty:not(:empty) .links a[href="/node/add"]:hover, .view-empty:not(:empty) .links a[href="/node/add"]:focus {
  opacity: 1;
}

.view-empty:not(:empty) .links a[href="/node/add"][disabled]:hover {
  opacity: 1;
}

.view-empty:not(:empty) .links a[href="/node/add"]:link, .view-empty:not(:empty) .links a[href="/node/add"]:visited {
  color: #ffffff;
  background-color: #636466;
  border-color: #636466;
}

.view-empty:not(:empty) .links a[href="/node/add"]:hover, .view-empty:not(:empty) .links a[href="/node/add"]:focus, .view-empty:not(:empty) .links a[href="/node/add"]:active, .view-empty:not(:empty) .links a[href="/node/add"].active {
  color: #ffffff;
  background-color: #636466;
  border-color: #636466;
}

/**
 * CKEditor Colors
 * Pretty brutal, but effective, combines with other editor partials and files,
 * mainly for Mimic but will color borders for moono also.
 ============================================================================ */
.cke_chrome {
  border-color: #939598 !important;
  border-top-color: #939598 !important;
  border-bottom-color: #939598 !important;
  color: #363636 !important;
}

.cke_top {
  border-bottom-color: #939598 !important;
  background-color: #ffffff !important;
  color: #363636 !important;
}

.cke_bottom {
  border-top-color: #939598 !important;
  background-color: #ffffff !important;
  color: #363636 !important;
}

.cke_editable,
textarea.cke_source,
.cke_combopanel {
  background-color: transparent !important;
  color: #363636 !important;
}

.cke_combo_off a.cke_combo_button,
a.cke_button_off {
  color: #363636 !important;
}

.cke_combo_off a.cke_combo_button:hover, .cke_combo_off a.cke_combo_button:focus, .cke_combo_off a.cke_combo_button:active,
a.cke_button_off:hover,
a.cke_button_off:focus,
a.cke_button_off:active {
  background-color: #ffffff !important;
  color: #363636 !important;
}

.cke_combo_on a.cke_combo_button,
a.cke_button_on {
  background-color: #ffffff !important;
  color: #363636 !important;
}

.cke_combo_on a.cke_combo_button:hover, .cke_combo_on a.cke_combo_button:focus, .cke_combo_on a.cke_combo_button:active,
a.cke_button_on:hover,
a.cke_button_on:focus,
a.cke_button_on:active {
  background-color: #ffffff !important;
  color: #363636 !important;
}

.cke_panel,
.cke_combopanel {
  background-color: transparent !important;
  border-color: #939598 !important;
}

.cke_combo_text {
  color: #363636 !important;
}

.cke_combo_arrow {
  border-top-color: #939598 !important;
}

.cke_panel_listItem a {
  color: inherit !important;
}

* html .cke_panel_listItem a {
  color: #363636 !important;
}

*:first-child + html .cke_panel_listItem a {
  color: #363636 !important;
}

.cke_panel_listItem.cke_selected a {
  background-color: #ffffff !important;
}

.cke_panel_listItem a:hover, .cke_panel_listItem a:focus, .cke_panel_listItem a:active {
  background-color: #ffffff !important;
  color: #363636 !important;
}

.cke_reset_all,
.cke_button_icon:before {
  color: #363636 !important;
}

.cke_resizer {
  border-color: transparent #939598 transparent transparent !important;
}

a.cke_menu_button:after, a.cke_menu_button:before,
a.cke_combo_button:after,
a.cke_combo_button:before,
a.cke_button:after,
a.cke_button:before {
  display: none !important;
}

input.cke_dialog_ui_input_text,
input.cke_dialog_ui_input_password {
  background-color: white !important;
  color: black !important;
}

.ckeditor-dialog-loading,
.ckeditor-dialog-loading * {
  background-color: #ffffff !important;
  color: #363636 !important;
  border-color: #ededee !important;
}

.path-frontpage .pr-main__sidebar-second .view-id-frontpage.view-display-id-block_2 .views-row:first-of-type .node--view-mode-teaser-promo.node--type-news {
  background-color: #f4cdc8;
  border-bottom: 5px solid #d31245;
}

.pr-subheader #block-libraryhourslimitedservices a {
  text-decoration: underline;
}

.pr-subheader__subheader-first .block {
  background-color: #d31245;
  line-height: 1.4rem;
}

@media screen and (max-width: 70em) {
  .pr-subheader__subheader-first .block {
    background-color: #d31245;
  }
}

@media screen and (max-width: 45em) {
  .pr-subheader__subheader-first .block {
    height: 5rem;
  }
}

.page-node-type--hours-page .atl__lc.lc-1 .hours {
  border-width: 1px 0;
  border-style: dotted;
  border-color: #005596;
  margin-bottom: 1rem;
  padding: 0.73333rem;
}

.page-node-type--hours-page .atl__lc.lc-1 .hours h2 {
  text-transform: uppercase;
  color: #003e70;
  font-weight: 600;
  margin-bottom: 0.6rem;
  font-size: 19px;
}

.page-node-type--hours-page .atl__lc.lc-1 .hours .library-hours-of-operation.rows {
  font-size: .8rem;
}

.page-node-type--hours-page .atl__lc.lc-1 .hours .library-hours-of-operation.all-locations .library-hours-of-operation.rows {
  line-height: 1.3em;
}

.page-node-type--hours-page .atl__lc.lc-1 .hours .library-hours-of-operation.all-locations .library-hours-of-operation.rows [class*="1"] {
  margin-top: 11px;
}

.page-node-type--hours-page .pr-main__sidebar-second #block-libraryhoursfullclosuresscheduled h3.library-hours-title {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.6rem;
}

.page-node-type--hours-page .pr-main__sidebar-second #block-libraryhoursfullclosuresscheduled h4 {
  font-size: 1rem;
  margin-bottom: 0;
}
/*# sourceMappingURL=color.css.map */