#lib_main_page_spotlight {
  background: #FFFFA8 !important;
  color: black !important;
  border-style: solid;
  border-color: #CCC;
  border-width: 1pt;
  border-radius: 1pt;
}

a.highlighted {
    background: #F2A900;
    color: #330072;
    text-decoration: underline;
}

a.highlighted:hover,
a.highlighted:focus {
    background: #330072;
    color: #F2A900;
}

.grid {
  display: grid;
}

ul.grid {
  padding: 15px 0 0;
  margin: 0;
  list-style: none;
}

.grid-50-50 {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.grid-view-omni {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-gap: 30px;
}

.grid-view-omni .views-field-field-thumbnail img {
  width: 100%;
  height: 125px;
}
.object-fit img {
  object-fit: cover;
}

.grid-view-omni .views-field-title {
  padding: 0 10px;
}


.spacer-sm {
  height: 1em;
}
.spacer-md {
  height: 2.5em;
}
.spacer-lg {
  height: 5em;
}


#primoQuickSearchWrapper {
	padding: 15px 0;
}
#primoQuickSearchWrapper > img {
	max-width: 100px;
	margin-bottom: 15px;
}
#primoQuickSearchWrapper > form {
	margin-bottom: 15px;
}
#primoQuickSearchWrapper > form > input#primoQueryTemp {
	max-width: 70%;
	margin-right: 15px;
}

/**
** Header link styling
**/
.block-grid-wrapper > div[role="region"] {
  display: inline-flex;
}
.block-grid-wrapper > ul {
  display: inline-table;
}
ul.list-with-outline {
  display: none;
  padding: 10px;
  border: 1px solid #CCC;
  /* box-shadow: 0 0 9px 0 #CCC; */
  font-size: 12px;
  margin-right: 10px;
}
ul#header-app-links-list li.show-mobile {
  display: inline-block;
}
ul.list-with-outline > li {
  display: inline-block;
}
ul > li.chat-hours {
  border-right: 1px solid #CCC;
    padding-right: 10px;
    margin-right: 10px;
}
ul > li.chat-hours > span.icon {
  display: inline-block;
  font-size: 30px;
  padding-right: 10px;
}
ul > li.chat-hours > .link-content {
  display: inline-block;
}
ul > li.chat-hours > .link-content > span {
  display: block;
}
a#header-app-links-hours {
  cursor: pointer;
  display: block;
}
a#header-app-links-hours:hover > span,
a#header-app-links-hours:focus > span {
  color: #00A3E0;
}
a#header-app-links-hours::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #464646 transparent transparent transparent;
  border-top-style: solid;
  display: inline-block;
  margin-left: 5px;
}
.show-mobile a#header-app-links-hours::after {
  display: none;
}

#header-hours-dropdown-temp,
#header-hours-dropdown-mobile {
  position: absolute;
  top: -9999px;
  list-style: none;
  margin-right: 0;
  padding: 1.42857rem;
  width: 100%;
  height: auto;
  max-height: none;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 14px;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px;
  padding: 1.5em;
  max-width: 375px
}
#header-hours-dropdown-temp>*:first-child,
#header-hours-dropdown-mobile>*:first-child {
  margin-top: 0
}
#header-hours-dropdown-temp>*:last-child,
#header-hours-dropdown-mobile>*:last-child {
  margin-bottom: 0
}
#header-hours-dropdown-temp:before,
#header-hours-dropdown-mobile:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent transparent #fff transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -12px;
  right: 314px;
  z-index: 99
}
#header-hours-dropdown-temp:after,
#header-hours-dropdown-mobile:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  border-color: transparent transparent #ccc transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -14px;
  right: 313px;
  z-index: 98
}
#header-hours-dropdown-temp.right:before,
#header-hours-dropdown-mobile.right:before {
  left: auto;
  right: 314px
}
#header-hours-dropdown-temp.right:after,
#header-hours-dropdown-mobile.right:after {
  left: auto;
  right: 313px
}
.no-js #header-hours-dropdown-temp,
.no-js #header-hours-dropdown-mobile {
  top: 135px;
  max-height: 30px;
  overflow-y: scroll;
}

@media (min-width: 768px) {
  ul.list-with-outline {
    display: block;
  }
  ul#header-app-links-list li.show-mobile {
    display: none;
  }
}


@media (max-width: 768px) {
  .header__logo {
    max-width: 170px;
    margin-top: 1em;
  }
}