/* KS - app-button styling, from 3.3 */
a.app-button {
  background: #5b315e;
  border-radius: 11px;
  padding: 1rem;
  color: #fff;
  display: inline-block;
  font: normal bold 16px "Open Sans", sans-serif;
  text-align: center;
  margin: 0.25rem;
}
a.app-button:hover {
  background-color: #b3087f;
}
a.app-button, a.app-button::before {
  cursor: pointer;
}
/* KS - Widen page content */
@media screen and (min-width: 40em) {
  .region-header .region-inner-wrapper, .region-footer .region-inner-wrapper, .region-before-content .region-inner-wrapper, .region-after-content .region-inner-wrapper {
    max-width: 100rem;
  }
  .main-inner-wrapper, .region-after-content {
    max-width: 100rem;
  }
}
/* KS - Top Bar Wrapper */
@media (min-width: 80em) {
  .top-bar-wrapper .top-menu ul.menu-parent {
    display: flex;
    gap: 3rem;
  }
}
@media (min-width: 64em) and (max-width: 80em) {
  .top-bar-wrapper .top-menu ul.menu-parent {
    display: flex;
    flex-wrap: wrap;
  }
}
/* KS - Language switcher */
.stacks-language-switcher {
  margin-inline-start: 3rem;
}
/* KS - Callouts */
.container-callout .callout-item h3.title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-block-start: 1rem;
}
.container-callout .callout-item ul {
  list-style-type: none;
  margin: 0;
}
.container-callout .callout-details {
  margin-block: 0;
  height: inherit;
}
[about="/hours-locations"] .container-callout .callout-details img {
  height: 10rem;
  object-fit: cover;
}
/* KS - Block titles */
.block-container h2.block-title {
  border-bottom: 7px solid #fdcd9b;
  max-width: 30rem;
  margin-bottom: 1rem;
}
/* KS - Main navigation */
nav.menu-main, nav.menu-main button {
  font-weight: bold;
  letter-spacing: 0.1rem;
}
nav.menu-main ul.menu-parent {
  display: flex;
  flex-wrap: wrap;
  margin-block-start: 1rem;
  gap: 2rem !important;
}
/* KS - Search */
[dir="ltr"] .search-form-base .search-bar-container .form-type-textfield {
  margin: 0;
}
.button, .stacks-eds-advanced-search-form .search-toggle-operator {
  border-radius: 0;
}
#edit-search-form-stacks-external-catalogs-customiii-polaris-search-bar-container {
  margin-block-end: 2rem;
}
/* KS - Hide pause button */
/* KS - Research Guides */
.stacks_research_guide .research-guide-blocks .block-item > div {
  border: transparent;
}
/* KS - Research guide tabs + Friend menu + Library to you menu */
#block-research-guide-tab-block .tabs ul li a, #friend ul.navigation li a, #outreach ul.navigation li a, #foundation ul.navigation li a {
  background-color: whitesmoke;
  color: #5b315e;
  padding: 0.5em 1em;
  display: block;
  text-decoration: none;
}
#friend ul.navigation li, #outreach ul.navigation li, #foundation ul.navigation li {
  list-style-type: none;
  margin-inline-end: 1rem;
}
#block-research-guide-tab-block .tabs ul li a:hover, #friend ul.navigation li a:hover, #outreach ul.navigation li a:hover {
  color: white;
  background-color: #c83093;
  transition: background-color 300ms;
}
/* RG selected list items */
#block-research-guide-tab-block .tabs ul li a.selected, article[about="/friends"] #friend ul.navigation li a[href="/friends"], article[about="/friends-member"] #friend ul.navigation li a[href="/friends-member"], article[about="/friends-donations"] #friend ul.navigation li a[href="/friends-donations"], article[about="/book-fair"] #friend ul.navigation li a[href="/book-fair"], article[about="/friends-shop"] #friend ul.navigation li a[href="/friends-shop"], article[about="/outreach"] #outreach ul.navigation li a[href="/outreach"], article[about="/homebound-services"] #outreach ul.navigation li a[href="/homebound-services"], article[about="/school-partnerships"] #outreach ul.navigation li a[href="/school-partnerships"], article[about="/groups"] #outreach ul.navigation li a[href="/groups"], article[about="/tech-kits"] #outreach ul.navigation li a[href="/tech-kids"], article[about="/get-connected"] #outreach ul.navigation li a[href="/get-connected"], article[about="/foundation"] #foundation ul.navigation li a[href="/foundation"], article[about="/foundation-about"] #foundation ul.navigation li a[href="/foundation-about"], article[about="/foundation-involved"] #foundation ul.navigation li a[href="/foundation-involved"], article[about="/foundation-events"] #foundation ul.navigation li a[href="/foundation-events"], article[about="/foundation-contact"] #foundation ul.navigation li a[href="/foundation-contact"], article[about="/foundation-donate"] #foundation ul.navigation li a[href="/foundation-donate"], article[about="/foundation-board"] #foundation ul.navigation li a[href="/foundation-about"], article[about="/foundation-staff"] #foundation ul.navigation li a[href="/foundation-about"], article[about="/foundation-oursupporters"] #foundation ul.navigation li a[href="/foundation-about"], article[about="/foundation-fund"] #foundation ul.navigation li a[href="/foundation-about"], article[about="/foundation-literacy"] #foundation ul.navigation li a[href="/foundation-about"], article[about="/foundation-policies-and-reports"] #foundation ul.navigation li a[href="/foundation-about"], article[about="/foundation-trivia"] #foundation ul.navigation li a[href="/foundation-events"], article[about="/foundation-gala"] #foundation ul.navigation li a[href="/foundation-events"], article[about="/foundation-puzzlecontest"] #foundation ul.navigation li a[href="/foundation-events"], article[about="/foundation-5kyourway"] #foundation ul.navigation li a[href="/foundation-events"], article[about="/foundation-raffle"] #foundation ul.navigation li a[href="/foundation-involved"], article[about="/foundation-plannedgiving"] #foundation ul.navigation li a[href="/foundation-involved"], article[about="/foundation-biggames"] #foundation ul.navigation li a[href="/foundation-involved"], article[about="/foundation-shirts"] #foundation ul.navigation li a[href="/foundation-involved"], article[about="/foundation-givingday"] #foundation ul.navigation li a[href="/foundation-involved"], article[about="/foundation-givingtuesday"] #foundation ul.navigation li a[href="/foundation-involved"], article[about="/foundation-sponsor"] #foundation ul.navigation li a[href="/foundation-involved"], article[about="/foundation-gift"] #foundation ul.navigation li a[href="/foundation-involved"], article[about="/foundation-corporategift"] #foundation ul.navigation li a[href="/foundation-involved"], article[about="/foundation-tributes"] #foundation ul.navigation li a[href="/foundation-involved"], article[about="/foundation-shop"] #foundation ul.navigation li a[href="/foundation-involved"] {
  /* Friends menu selected list items */
  /* Library to You menu selected list items */
  /* Foundation menu selected list items */
  /* Foundation submenu selected list items */
  color: white;
  background-color: #5b315e;
}
/* KS - Chat with library button, code from 3.3 */
.user-logged-in #s-lch-widget-21081 {
  right: 2px;
}
.sse-open #s-lch-widget-21081 {
  display: none;
}
.s-lch-widget-float-btn {
  bottom: 60px !important;
  cursor: pointer;
}
.s-lch-profile {
  color: #5b315e !important;
}
#s-lch-autoload-profile .s-lch-profile-name {
  color: #5b315e !important;
}
#s-lch-autoload-profile {
  border-bottom: 1px solid #5b315e;
}
.s-la-widget .color_head {
  color: #5b315e;
}
.s-la-widget .btn-chat {
  color: #FFFFFF;
  background-color: #5b315e;
  border-color: #5b315e;
}
.s-la-widget .btn-chat hover {
  color: #5b315e;
  background-color: #fff;
  border-color: #5b315e;
}
.s-lch-pane header.s-lch-pane-header {
  border-bottom: 1px solid #5b315e;
}
.s-lch-msg-sys .s-lch-msg-txt {
  border-top: 1px dotted #5b315e;
  border-bottom: 1px dotted #5b315e;
}
.s-lch-widget-float-btn {
  z-index: 5 !important;
}
/* KS - Page titles */
.page-title-layout h1.page-title {
  padding-inline: 2rem;
  border-block-end: solid #dadada 1px;
}
/* KS - Back to top */
.back-to-top-enabled .scroll-top {
  background-color: #5b315e;
  border-radius: 0;
}
/* KS - Resource flows */
.slider-resource-flow .img-wrapper img {
  max-width: 175px;
}
.slider-resource-flow .slider-mini-layout-7 .slider-item {
  border: transparent;
}
/* KS - Sliders */
#block-stacks-content-listing-featured-slider-block, .slick-slider {
  z-index: 1;
}
/* KS - Library of Things page */
[about="/literacy-and-stem"] .stacks-slider {
  max-width: 35rem;
}
[about="/library-things"] .stacks-slider .slick-list .slick-track {
  margin-inline: 0;
}
/* KS - Hide slider-autoplay button */
.stacks-slider .slick-autoplay-toggle-button {
  display: none;
}
.page-node-type-news .node-content .image-holder-container {
  margin-right: 25px;
}
.content-listing-results .container-content-listing summary {
  padding: 0.9375em 1em !important;
  background-color: #ebebeb !important;
}
/* KS - Temp bug fix */
#stacks-content-listing-filters-form #edit-actions::before {
  content: "Hit 'Reset' between searches";
  display: block;
  font-size: 0.85rem;
}
/* KS - Search Filters */
.search-result-filter .filter-search-item {
  background: none;
}
/* HD - Foundation Button */
.foundation-btn {
  background-color: #4A8B2C;
  border: none;
  border-radius: 10px;
  color: white !important;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.foundation-btn:hover {
  background-color: #6bba47;
}
/* KS - Search */
.container-main-search-block .js-form-type-search {
  flex-basis: 100%;
}
/* JW - News layout - May 2 24 */
.page-node-type-news .container-item {
  display: flex;
  gap: 1rem;
}
.page-node-type-news .image-holder-container {
  margin-right: 0 !important;
  border: 1px solid #dadada;
  padding: 15px;
}
.page-node-type-news .image-holder-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.page-node-type-news .field--type-datetime {
  gap: 0.2em;
  flex-wrap: wrap;
  align-items: center;
}
.page-node-type-news .field--type-datetime .field__label {
  font-weight: bold;
}
.page-node-type-news .field--type-datetime .field__label::after {
  content: ":";
}
@media (max-width: 64em) {
  .page-node-type-news .container-item {
    flex-direction: column;
  }
}
/* HD - link path icon */
svg.ext path, svg.mailto path {
  display: none !important;
}
svg.ext, svg.mailto {
  display: none !important;
}
/* KS - Sliders Bug Fix */
@media screen and (min-width: 64em) {
  .block-stacks-content-listing-featured-slider-block .slider-mini-layout-5 .slick-slide {
    width: 269px !important;
  }
}
