/*!
 * DO NOT OVERRIDE THIS FILE.
 * Generated with `npm run build`
 *
 * penn-start-theme - Customizable upstream starter theme
 * @version 0.1.0
 * @author University Communications
 * @link http://penntoday.upenn.edu/about-contact-us
 */

@font-face {
  font-family: "PerpetuaMT";
  src: url("/themes/custom/penn_libraries/assets/fonts/Perpetua/WebFonts/webFonts/PerpetuaMT/font.woff2") format("woff2"), url("/themes/custom/penn_libraries/assets/fonts/Perpetua/WebFonts/webFonts/PerpetuaMT/font.woff") format("woff");
}

@font-face {
  font-family: "ITC Stone Sans";
  font-weight: 700;
  src: url("/themes/custom/penn_libraries/assets/fonts/ITC-Stone-Sans/ITC-Stone-Sans_Bold.otf") format("opentype");
}

@font-face {
  font-family: "ITC Stone Sans";
  font-weight: 400;
  src: url("/themes/custom/penn_libraries/assets/fonts/ITC-Stone-Sans/ITC-Stone-Sans_Medium.otf") format("opentype");
}

@font-face {
  font-family: "ITC Stone Sans";
  font-weight: 600;
  src: url("/themes/custom/penn_libraries/assets/fonts/ITC-Stone-Sans/ITC-Stone-Sans_Semi-Bold.otf") format("opentype");
}

@font-face {
  font-family: "proxima-nova";
  font-weight: 800;
  src: url("/themes/custom/penn_libraries/assets/fonts/ProximaNova/Fonts/proximanova-extrabold.otf") format("opentype");
}

@font-face {
  font-family: "proxima-nova";
  font-weight: 700;
  src: url("/themes/custom/penn_libraries/assets/fonts/ProximaNova/Fonts/proximanova-bold.otf") format("opentype");
}

@font-face {
  font-family: "proxima-nova";
  font-weight: 400;
  src: url("/themes/custom/penn_libraries/assets/fonts/ProximaNova/Fonts/proximanova-medium.otf") format("opentype");
}

@font-face {
  font-family: "proxima-nova";
  font-weight: 500;
  src: url("/themes/custom/penn_libraries/assets/fonts/ProximaNova/Fonts/proximanova-semibold.otf") format("opentype");
}

@font-face {
  font-family: "proxima-nova";
  font-weight: normal;
  src: url("/themes/custom/penn_libraries/assets/fonts/ProximaNova/Fonts/proximanova-regular.otf") format("opentype");
}

@font-face {
  font-family: "Noto Serif Hebrew";
  font-weight: 350;
  size-adjust: 90%;
  src: url("/themes/custom/penn_libraries/assets/fonts/Noto_Serif_Hebrew/NotoSerifHebrew-VariableFont_wdth,wght.ttf") format("truetype");
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

@font-face {
  font-family: "Noto Sans Hebrew";
  font-weight: 350;
  src: url("/themes/custom/penn_libraries/assets/fonts/Noto_Sans_Hebrew/NotoSansHebrew-VariableFont_wdth,wght.ttf") format("truetype");
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

.bg-gray {
  background: #e2e4ec;
}

.bg-light-blue {
  background: #e2ecf4;
}

/* Tables (padding included just to keep table properties together */
p {
  margin-bottom: 2rem;
}

.font-sans {
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
}

.font-serif {
  font-family: "PerpetuaMT", "Noto Serif Hebrew", serif;
}

.section-header:only-child {
  margin-bottom: 0;
}

.section-header p:only-child {
  margin-top: 0;
}

.content-gallery .text-cta__title {
  font-size: 5.4rem;
}

h1, .h1, .wysiwyg h1, .wysiwyg .h1 {
  color: #072057 !important;
  font-size: 5.4rem !important;
  margin-bottom: 4.5rem !important;
  margin-top: 0 !important;
  line-height: 1.1;
}

@media (min-width: 1024px) {
  h1, .h1, .wysiwyg h1, .wysiwyg .h1 {
    font-size: 6rem !important;
    margin-bottom: 5rem !important;
    margin-top: 0 !important;
  }
}

h1::after, .h1::after, .wysiwyg h1::after, .wysiwyg .h1::after {
  background: #eeaa64 !important;
  bottom: -1rem !important;
  height: 0.5rem !important;
  opacity: 1 !important;
  width: 4rem !important;
}

@media (min-width: 1024px) {
  h1::after, .h1::after, .wysiwyg h1::after, .wysiwyg .h1::after {
    bottom: -1.4rem !important;
    height: 0.6rem !important;
  }
}

.detail_type_library h1,
.detail_type_spaces h1, .detail_type_library .h1,
.detail_type_spaces .h1, .detail_type_library .wysiwyg h1,
.detail_type_spaces .wysiwyg h1, .detail_type_library .wysiwyg .h1,
.detail_type_spaces .wysiwyg .h1 {
  color: #072057 !important;
  font-size: 4.5rem !important;
  margin-bottom: 2.1rem !important;
  margin-top: 0 !important;
  line-height: 1;
}

@media (min-width: 1024px) {
  .detail_type_library h1,
  .detail_type_spaces h1, .detail_type_library .h1,
  .detail_type_spaces .h1, .detail_type_library .wysiwyg h1,
  .detail_type_spaces .wysiwyg h1, .detail_type_library .wysiwyg .h1,
  .detail_type_spaces .wysiwyg .h1 {
    font-size: 4.5rem !important;
    margin-bottom: 2.1rem !important;
    margin-top: 0 !important;
  }
}

.staff-profile h1,
.blog-author h1:not(:only-child), .staff-profile .h1,
.blog-author .h1:not(:only-child), .staff-profile .wysiwyg h1,
.blog-author .wysiwyg h1:not(:only-child), .staff-profile .wysiwyg .h1,
.blog-author .wysiwyg .h1:not(:only-child) {
  margin-bottom: 0 !important;
}

.staff-profile h1::after,
.blog-author h1:not(:only-child)::after, .staff-profile .h1::after,
.blog-author .h1:not(:only-child)::after, .staff-profile .wysiwyg h1::after,
.blog-author .wysiwyg h1:not(:only-child)::after, .staff-profile .wysiwyg .h1::after,
.blog-author .wysiwyg .h1:not(:only-child)::after {
  content: none;
}

.bg-color.bg-blue h1, h1.page-header-hero__title, .bg-color.bg-blue .h1, .h1.page-header-hero__title, .bg-color.bg-blue .wysiwyg h1, .wysiwyg h1.page-header-hero__title, .bg-color.bg-blue .wysiwyg .h1, .wysiwyg .h1.page-header-hero__title {
  color: #FFFFFF !important;
}

/* Remove limitation of detail_type_collection once site-wide heading styles are ready to be implemented */
.detail_type_collection h2, .detail_type_collection .h2 {
  color: #072057 !important;
  font-size: 5rem !important;
  margin-bottom: 4rem !important;
  margin-top: 0 !important;
}

@media (min-width: 1024px) {
  .detail_type_collection h2, .detail_type_collection .h2 {
    font-size: 5.2rem !important;
    margin-bottom: 4.4rem !important;
    margin-top: 0 !important;
  }
}

.detail_type_collection h2::after, .detail_type_collection .h2::after {
  background: #4579b9 !important;
  bottom: -1rem !important;
  height: 0.5rem !important;
  opacity: 1 !important;
  width: 4rem !important;
}

@media (min-width: 1024px) {
  .detail_type_collection h2::after, .detail_type_collection .h2::after {
    bottom: -1.4rem !important;
    height: 0.6rem !important;
  }
}

.detail_type_collection .bg-blue h2 {
  color: #FFFFFF !important;
}

.detail_type_collection .bg-blue h2::after {
  background: #eeaa64 !important;
}

.detail_type_collection .quick-links--wide .quick-links__title {
  color: #072057 !important;
  font-size: 4.5rem !important;
  margin-bottom: 1.6rem !important;
  margin-top: 0 !important;
}

@media (min-width: 1024px) {
  .detail_type_collection .quick-links--wide .quick-links__title {
    font-size: 4.5rem !important;
    margin-bottom: 1.6rem !important;
    margin-top: 0 !important;
  }
}

.detail_type_collection .content-aside__content .section-header {
  margin-bottom: 4rem;
}

.detail_type_collection .content-aside__content h2, .detail_type_collection .content-aside__content .h2 {
  color: #072057 !important;
  font-size: 5rem !important;
  margin-bottom: 4rem !important;
  margin-top: 0 !important;
}

@media (min-width: 1024px) {
  .detail_type_collection .content-aside__content h2, .detail_type_collection .content-aside__content .h2 {
    font-size: 4.5rem !important;
    margin-bottom: 4.4rem !important;
    margin-top: 0 !important;
  }
}

.detail_type_collection .content-aside__aside h2.content-aside__title {
  color: #072057 !important;
  font-size: 1.6rem !important;
  margin-bottom: 5rem !important;
  margin-top: 1rem !important;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .detail_type_collection .content-aside__aside h2.content-aside__title {
    font-size: 1.6rem !important;
    margin-bottom: 5rem !important;
    margin-top: 1rem !important;
  }
}

.detail_type_collection .content-aside__aside h2.content-aside__title::after {
  background: #4579b9 !important;
  bottom: -1.4rem !important;
  height: 0.54rem !important;
  opacity: 1 !important;
  width: 2.8rem !important;
}

@media (min-width: 1024px) {
  .detail_type_collection .content-aside__aside h2.content-aside__title::after {
    bottom: -1.4rem !important;
    height: 0.54rem !important;
  }
}

.detail_type_collection .content-aside__aside .paragraph--type--aside-section-title:not(:first-child) h2.content-aside__title {
  margin-top: 6rem !important;
}

.detail_type_collection [class^="accordion-"] .section-header .section-header__title {
  margin-bottom: 4rem;
}

.detail_type_collection [class^="accordion-"] .section-header:not(.visually-hidden) + .js-wikit-accordion-group {
  margin-top: 1rem;
}

.detail_type_collection [class^="accordion-"] .section-header:not(.visually-hidden) + .js-wikit-accordion-toggle {
  margin-top: -1.5rem;
}

.detail_type_collection [class^="accordion-"] .section-header--centered:not(.visually-hidden) + .js-wikit-accordion-toggle {
  margin-top: -1.5rem;
  text-align: center;
}

.detail_type_collection .js-wikit-accordion-toggle {
  margin-top: .75rem;
  text-align: left;
}

.detail_type_collection .js-wikit-accordion-toggle .js-wikit-accordion-toggle__btn:first-of-type {
  padding-left: 0;
}

.gallery-slider .slick-arrow {
  border: none;
  border: none;
  width: 40px;
  height: 24px;
}

.gallery-slider .slick-arrow::before {
  content: '';
  background: url(/themes/custom/penn_libraries/assets/img/svg/icon-priority-arrow-hover.svg) no-repeat 50% 50%;
  width: 40px;
  height: 24px;
}

.gallery-slider .slick-arrow:hover {
  background: none;
}

.gallery-slider .slick-arrow:hover::before {
  background: url(/themes/custom/penn_libraries/assets/img/svg/icon-priority-arrow-hover.svg) no-repeat 50% 50%;
}

.keyboard--focus .gallery-slider .slick-arrow:focus {
  background: none;
}

.keyboard--focus .gallery-slider .slick-arrow:focus::before {
  background: url(/themes/custom/penn_libraries/assets/img/svg/icon-priority-arrow-hover.svg) no-repeat 50% 50%;
}

.btn {
  min-width: 162px;
  border-radius: 100px;
  padding: 18px;
}

@media (min-width: 768px) {
  .btn {
    font-size: 1.4rem;
  }
}

.btn--outline {
  border: 1px solid #4078BC;
}

.is-hovered .btn--outline, .btn--outline:hover, .btn--outline:focus {
  color: #fff;
  background: #4579B9;
}

.btn--outline-white, .btn--outline-white-secondary {
  border: 1px solid #fff;
}

.is-hovered .btn--outline-white, .btn--outline-white:hover, .btn--outline-white:focus {
  color: #4579b9;
}

.is-hovered .btn--outline-secondary, .btn--outline-secondary:hover, .btn--outline-secondary:focus {
  background: #072057;
  color: #FFF;
}

.page-header--centered .btn--outline-secondary {
  background: #FFF;
  border: 1px solid #4078BC;
}

.is-hovered .page-header--centered .btn--outline-secondary, .page-header--centered .btn--outline-secondary:hover, .page-header--centered .btn--outline-secondary:focus {
  background: #072057;
  color: #FFF;
}

.page-header--centered .btn--scroll-down {
  display: block;
  padding: 12px 27px 12px 8px;
  margin: 0 auto;
  margin-top: 26px;
}

.page-header--centered .btn--scroll-down::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(/themes/custom/penn_libraries/assets/img/svg/arrow-down.svg) no-repeat 50% 50%;
  width: 14px;
  height: 12px;
  margin-left: 15px;
  position: relative;
  -webkit-transition: inherit;
  transition: inherit;
  margin-right: 20px;
}

.is-hovered .page-header--centered .btn--scroll-down, .page-header--centered .btn--scroll-down:hover, .page-header--centered .btn--scroll-down:focus {
  background: #fff;
  color: #072057;
}

.link {
  font-size: 1.4rem;
}

.modal-citation {
  max-width: 600px;
  max-height: 400px;
  background: #4579b9;
  color: #fff;
}

.slick-dots li button::before {
  background: #c6cdd7;
}

.slick-dots li.slick-active button::before {
  background: #4579b9;
}

#content table:not([class*="gsc-"]) {
  background: #fff;
  border-color: #c6cdd7 !important;
  border-width: 0;
  color: #072057;
}

#content table:not([class*="gsc-"]) thead th {
  background: #072057;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 500;
  text-align: left;
}

#content table:not([class*="gsc-"]) tbody th {
  background: #fff;
  border-color: #c6cdd7 !important;
  border-width: 1px !important;
  color: #072057;
  font-weight: 500;
  text-align: left;
}

#content table:not([class*="gsc-"]) tbody tr:last-of-type th,
#content table:not([class*="gsc-"]) tr:last-of-type {
  border-bottom: none !important;
}

#content table:not([class*="gsc-"]) tr > * {
  background: #fff;
  color: #072057;
  border-color: #c6cdd7 !important;
  border-width: 1px !important;
  padding: 1.5rem !important;
  vertical-align: top;
}

#content table:not([class*="gsc-"]) tbody td {
  border-color: #c6cdd7 !important;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) #content table:not([class*="gsc-"]) td {
  color: #072057 !important;
}

#content table:not([class*="gsc-"]) h2, #content table:not([class*="gsc-"]) .h2,
#content table:not([class*="gsc-"]) h3, #content table:not([class*="gsc-"]) .h3,
#content table:not([class*="gsc-"]) h4, #content table:not([class*="gsc-"]) .h4,
#content table:not([class*="gsc-"]) h5, #content table:not([class*="gsc-"]) .h5,
#content table:not([class*="gsc-"]) h6, #content table:not([class*="gsc-"]) .h6,
#content table:not([class*="gsc-"]) p {
  color: #072057;
}

#content table:not([class*="gsc-"]).stacks-table tr:not(:last-of-type) {
  border-bottom: solid 1px #c6cdd7 !important;
}

section:not(.paragraph--search-results):not(.hours-calendar) #content table:not([class*="gsc-"]).show-th.special.stacks-table tr td:first-child {
  border-bottom: none !important;
}

.wysiwyg {
  /* Inline code */
  /* Code blocks */
}

.wysiwyg h3 {
  font-size: 3.5rem;
  margin-bottom: 3rem;
}

.wysiwyg h4 {
  font-size: 3.1rem;
}

.wysiwyg h5 {
  font-size: 2.2rem;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-weight: 700;
}

.wysiwyg h6 {
  font-size: 1.8rem;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #990000;
}

.wysiwyg p {
  font-size: 1.8rem;
  line-height: 1.7;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .wysiwyg p {
    font-size: 2rem;
    line-height: 1.6;
  }
}

.wysiwyg a:not(.btn) {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.wysiwyg p > code,
.wysiwyg li > code {
  background: #ececef;
  border: 0;
  color: inherit;
  display: inline;
  font-size: 1.6rem;
  line-height: inherit;
  padding: .1rem .5rem;
}

.wysiwyg pre:not(.no-border) code,
.wysiwyg pre:not(.no-border) .hljs {
  border: solid 1px #c6c6c6;
  font-size: 1.5rem;
  overflow-wrap: break-word;
  padding: 2rem;
  white-space: pre-wrap;
}

.bg-blue .wysiwyg li::before {
  background: #FFF;
}

.bg-blue .wysiwyg .social__item {
  color: #072057;
}

.wysiwyg.intro {
  /* Remove once all library homepage alerts have been switched to urgent or main site header alert fields */
}

.wysiwyg.intro p {
  color: #072057;
  line-height: 1.7;
}

@media (min-width: 768px) {
  .wysiwyg.intro p {
    font-size: 2rem;
  }
}

.wysiwyg.intro .wysiwyg-alert-content {
  background: #4579b9;
  margin-bottom: 2.1rem;
  padding: 20px;
}

.wysiwyg.intro .wysiwyg-alert-content:last-child {
  margin-bottom: 0;
}

.wysiwyg.intro .wysiwyg-alert-content .wysiwyg-alert__message,
.wysiwyg.intro .wysiwyg-alert-content .wysiwyg-alert__message p,
.wysiwyg.intro .wysiwyg-alert-content .wysiwyg-alert__message a {
  color: #FFFFFF;
}

.wysiwyg ul:not(.card__type) {
  margin-bottom: 2rem;
  margin-left: 1.8rem;
}

@media (min-width: 768px) {
  .wysiwyg ul:not(.card__type) {
    margin-left: 2rem;
  }
}

.wysiwyg ul:not(.card__type) li {
  color: #072057;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.wysiwyg ul:not(.card__type) li::before {
  background: #072057;
  top: 11px;
  height: 6px;
  width: 6px;
}

@media (min-width: 768px) {
  .wysiwyg ul:not(.card__type) li {
    font-size: 2rem;
    line-height: 1.6;
  }
  .wysiwyg ul:not(.card__type) li::before {
    top: 13px;
  }
}

.wysiwyg ul:not(.card__type).no-bullets li::before {
  display: none;
}

.wysiwyg .social__item {
  padding-left: 0px;
  color: #072057;
  font-weight: 400;
  font-size: 16px;
}

.wysiwyg .align-left,
.wysiwyg .align-right {
  float: initial;
  margin: 1rem auto 4rem auto;
  width: 100%;
}

.wysiwyg .align-left img,
.wysiwyg .align-right img {
  display: block;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .wysiwyg .align-left img,
  .wysiwyg .align-right img {
    float: none;
    height: auto;
    margin: 0;
    max-width: 100%;
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .wysiwyg figure.align-left,
  .wysiwyg .align-left,
  .wysiwyg img[style="float:left"] {
    float: left;
    margin: 1rem 4rem 2rem 0;
    width: auto;
  }
  .wysiwyg figure.align-right,
  .wysiwyg .align-right,
  .wysiwyg img[style="float:right"] {
    float: right;
    margin: 1rem 0 2rem 4rem;
    width: auto;
  }
}

.js-wikit-tabbed:not(.lib-search) .js-wikit-accordion__panel .wysiwyg ul li::before,
.js-wikit-tabbed:not(.vert-tabs) .js-wikit-accordion__panel .wysiwyg ul li::before {
  background: #FFF;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) select {
  color: #072057 !important;
}

.services-component .js-wikit-accordion__panel .wysiwyg .service-cat {
  margin-top: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.services-component .js-wikit-accordion__panel .wysiwyg .service-cat:last-child {
  border-bottom: none;
}

.services-component .js-wikit-accordion__panel .wysiwyg .service-cat a {
  text-decoration: none;
  font-family: "PerpetuaMT", "Noto Serif Hebrew", serif;
  font-weight: 400;
  font-size: 2rem;
}

.services-component .js-wikit-accordion__panel .wysiwyg .service-cat a:hover {
  text-decoration: underline;
}

.services-component .js-wikit-accordion__panel .wysiwyg form input[type="text"] {
  background: #FFFFFF;
  border: 1px solid rgba(7, 32, 87, 0.5);
  border-radius: 8px;
  padding-left: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
  max-width: 670px;
  color: #072057;
  font-weight: 400;
  font-size: 1.8rem;
  padding-top: 8px;
  padding-bottom: 8px;
}

.services-component .js-wikit-accordion__panel .wysiwyg form select {
  color: #072057;
}

.services-component .js-wikit-accordion__panel .wysiwyg form input[type="submit"] {
  /* styling */
  background-color: white;
  border: thin solid #072057;
  border-radius: 8px;
  font: inherit;
  line-height: 1.5em;
  margin-bottom: 20px;
  /* reset */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 48px;
  height: 48px;
  display: block;
  color: #072057;
}

.services-component .js-wikit-accordion__panel .wysiwyg form .input-search-row {
  background: #FFFFFF;
  border: 1px solid rgba(7, 32, 87, 0.5);
  border-radius: 8px;
  padding-left: 35px;
  border-bottom: 1px solid #DFDFDF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 48px;
  max-width: 670px;
}

.services-component .js-wikit-accordion__panel .wysiwyg form .input-search-row input[type="text"] {
  background: none;
  width: calc(100% - 48px);
  border: none;
  padding-left: 0;
  padding-right: 0;
  color: #072057;
  font-weight: 400;
  font-size: 1.8rem;
  margin-bottom: 0px;
  padding-left: 0px;
  border-radius: 0px;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
}

.services-component .js-wikit-accordion__panel .wysiwyg form .input-search-row button {
  width: 48px;
  height: 48px;
  display: block;
  text-align: right;
  position: relative;
  border-radius: 0px;
}

.services-component .js-wikit-accordion__panel .wysiwyg h2::after {
  background: #FFF;
}

.services-component .js-wikit-accordion__panel .wysiwyg ul li {
  padding-left: 0px;
}

.services-component .js-wikit-accordion__panel .wysiwyg ul li::before {
  display: none;
}

.services-component .js-wikit-accordion__panel .wysiwyg ul li a {
  text-decoration: none;
}

.services-component .js-wikit-accordion__panel .wysiwyg .quick-links {
  background: #4078bc;
  border: 7px solid rgba(255, 255, 255, 0.4);
}

.services-component .js-wikit-accordion__panel .wysiwyg .quick-links__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.services-component .js-wikit-accordion__panel .wysiwyg .quick-links::after {
  background: #4078bc;
}

.full-width-image figure {
  width: 100%;
}

.full-width-image figure img {
  width: 100%;
  height: auto;
}

.visually-hidden:not(:focus) {
  position: absolute !important;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  padding: 0 !important;
  border: none !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.a-z-search {
  background: none;
  padding: 0;
  margin-bottom: 0;
}

.a-z-search .contain {
  max-width: 100%;
}

.a-z-search__buttons {
  display: block;
}

.a-z-search__buttons .views-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  margin: 0 1rem;
}

.a-z-search__button {
  border: 1px solid transparent;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
  text-decoration: none;
  margin: 0;
  height: 4rem;
  width: 4rem;
}

.a-z-search__button:hover, .a-z-search__button:focus, .a-z-search__button.active {
  background: #072057;
  border-color: rgba(7, 32, 87, 0.5);
  color: #ffffff;
}

.a-z-search__button.active {
  background: #4579b9;
}

.a-z-search__button-last-child {
  margin-right: 0;
}

.a-z-search__row {
  background: #FFFFFF;
  border: 1px solid rgba(7, 32, 87, 0.5);
  border-radius: 8px;
  padding-left: 35px;
  padding-right: 26px;
}

.layout--accessibility {
  border: solid 1px #e3e4e6;
  background: #fff;
  padding: 3.4rem;
  font-size: 1.8rem;
}

@media (min-width: 768px) {
  .layout--accessibility .wysiwyg ul:not(.card__type) li,
  .layout--accessibility .wysiwyg p {
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {
  .layout--accessibility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.layout--accessibility .wysiwyg h3 {
  margin: 1rem 0 2rem;
}

.layout--accessibility .wysiwyg h3.card__title.entrance {
  text-align: center;
}

.layout--accessibility .wysiwyg h4 {
  font-size: 3rem;
  margin-top: 2rem;
}

.layout--accessibility .wysiwyg h5 {
  font-size: 2.5rem;
  margin-top: 2rem;
}

.layout--accessibility .wysiwyg h6 {
  font-size: 1.7rem;
  margin-top: 2.6rem;
}

.layout--accessibility .wysiwyg + .wysiwyg > h4 {
  margin: 0;
}

.layout--accessibility .holdleftcol {
  width: 100%;
  margin-top: 2rem;
}

@media (min-width: 1200px) {
  .layout--accessibility .holdleftcol {
    width: calc(100% - 56rem);
    min-width: 49.5%;
    margin-top: 0;
  }
}

.layout--accessibility .holdleftcol .accessibility-features.wysiwyg h4 {
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
}

.layout--accessibility .entrance-info {
  text-align: center;
  width: 55rem;
  max-width: 100%;
  margin: 0 auto;
}

.layout--accessibility .entrance-info img {
  width: 100%;
}

@media (min-width: 1200px) {
  .layout--accessibility .entrance-info {
    margin: 0 0 0 3rem;
    max-width: 49.5%;
  }
}

.layout--accessibility .wysiwyg p {
  margin-top: .5rem;
}

@media (min-width: 768px) {
  .layout--accessibility .wysiwyg.bathrooms ul:not(.card__type) {
    margin: .5rem 0 0;
  }
}

.layout--accessibility .wysiwyg ul:not(.card__type).pipe-sep-list,
.layout--accessibility .layout--accessibility .wysiwyg ul.pipe-sep-list {
  padding-left: 0;
  margin: .5rem 0 0;
}

.layout--accessibility .wysiwyg ul:not(.card__type).pipe-sep-list li,
.layout--accessibility .layout--accessibility .wysiwyg ul.pipe-sep-list li {
  color: #000;
  display: inline;
  font-size: 1.8rem;
  padding-left: 0;
}

.layout--accessibility .wysiwyg ul:not(.card__type).pipe-sep-list li::before,
.layout--accessibility .layout--accessibility .wysiwyg ul.pipe-sep-list li::before {
  content: "\00a0 | \00a0" !important;
  display: inline !important;
  position: relative;
  background: transparent !important;
  top: 0 !important;
  height: auto !important;
  width: auto !important;
  border-radius: 0;
  left: 0;
}

.layout--accessibility .wysiwyg ul:not(.card__type).pipe-sep-list li:first-child::before,
.layout--accessibility .layout--accessibility .wysiwyg ul.pipe-sep-list li:first-child::before {
  content: "" !important;
}

@media (min-width: 768px) {
  .layout--accessibility .wysiwyg ul.pipe-sep-list li::before {
    top: 0;
  }
}

.layout--accessibility .floorplan-link {
  padding-bottom: 3rem;
}

.layout--accessibility .arrow.location {
  background-image: url(https://www.library.upenn.edu/sites/default/files/images/floorplans/floorplan-icon.png) !important;
  background-repeat: no-repeat;
  height: 4.6rem;
  width: 8.5rem;
  display: block;
  background-size: auto 4.6rem;
}

.layout--accessibility .arrow.location::after {
  margin: 0;
  left: 6.5rem;
  top: 1.5rem;
  content: '';
  display: inline-block;
  background: url(https://www.library.upenn.edu/themes/custom/penn_libraries/assets/img/svg/red-arrow.svg) no-repeat 50% 50%;
  width: 1.8rem;
  height: 1.4rem;
  position: relative;
}

.layout--accessibility .field--name-field-directions-to-entrance,
.layout--accessibility .field--name-field-link-to-fres-directions-pd {
  display: inline;
}

.layout--accessibility .field--name-field-directions-to-entrance .field__item,
.layout--accessibility .field--name-field-directions-to-entrance .field__item a,
.layout--accessibility .field--name-field-link-to-fres-directions-pd .field__item,
.layout--accessibility .field--name-field-link-to-fres-directions-pd .field__item a {
  display: inline;
}

.accordion-columns__title {
  padding-bottom: 27px;
  border-bottom: 1px solid rgba(7, 32, 87, 0.3);
}

@media (min-width: 768px) {
  .accordion-columns__title {
    font-size: 3.6rem;
  }
}

.js-wikit-accordion__trigger {
  padding: 30px 20px;
}

.js-wikit-accordion__title {
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
}

.js-wikit-accordion__icon {
  top: 2px;
  width: 20px;
  margin-right: 12px;
}

.js-wikit-accordion__icon svg {
  width: 18px;
}

.js-wikit-accordion__item {
  border-bottom: 1px solid rgba(7, 32, 87, 0.3);
}

.js-wikit-accordion__item .section-header {
  margin-bottom: 4rem;
}

.js-wikit-accordion__item .section-header h2 {
  color: #FFFFFF !important;
  font-size: 4.5rem !important;
  margin-bottom: 1.6rem !important;
  margin-top: 0 !important;
}

@media (min-width: 1024px) {
  .js-wikit-accordion__item .section-header h2 {
    font-size: 4.5rem !important;
    margin-bottom: 1.6rem !important;
    margin-top: 0 !important;
  }
}

.js-wikit-accordion__item .section-header h2::after {
  display: none;
}

.js-wikit-accordion__item .section-header p {
  padding: 0;
}

.js-wikit-accordion__item section.bg-light-blue .section-header h2, .js-wikit-accordion__item section.bg-light-blue .section-header p, .js-wikit-accordion__item section.bg-gradient .section-header h2, .js-wikit-accordion__item section.bg-gradient .section-header p, .js-wikit-accordion__item section.bg-gray .section-header h2, .js-wikit-accordion__item section.bg-gray .section-header p {
  color: #072057 !important;
}

.js-wikit-accordion__item p {
  padding-left: 0;
  padding-right: 0;
}

.js-wikit-accordion__item:after {
  background: #4078bc;
}

.js-wikit-accordion__item a.arrow {
  color: #fff !important;
}

.js-wikit-accordion__item a.arrow:hover, .js-wikit-accordion__item a.arrow:focus {
  color: #fff !important;
  text-decoration: underline !important;
}

.js-wikit-accordion__item a.arrow::after {
  background: url(/themes/custom/penn_libraries/assets/img/svg/white-arrow.svg) no-repeat 50% 50%;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) .js-wikit-accordion__title {
  font-size: 2.4rem;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) .js-wikit-accordion__trigger {
  padding: 60px 20px 4px 17px;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) .js-wikit-accordion__icon {
  margin-right: 14px;
}

.js-wikit-accordion__item .wysiwyg ul {
  margin-top: 20px;
}

.js-wikit-accordion__item .wysiwyg ul li {
  margin-bottom: 5px;
  font-size: 1.5rem;
  color: #fff;
}

.js-wikit-accordion__item .wysiwyg ul li::before {
  background: #fff;
  top: 9px;
  width: 7px;
  height: 7px;
}

.js-wikit-accordion__item .wysiwyg ul:first-child {
  margin-top: 20px;
}

.js-wikit-accordion__panel {
  padding: 0 40px 0px 56px;
}

.js-wikit-tabbed .accordion-toggle-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.js-wikit-tabbed .accordion-toggle-tab_text {
  font-size: 1.8rem;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-weight: 700;
  margin-bottom: 1px;
}

@media (min-width: 1024px) {
  .js-wikit-tabbed .accordion-toggle-tab {
    display: none;
  }
}

.bg-blue .js-wikit-tabbed:not(.lib-search) .wikit-tab .js-wikit-accordion__title {
  color: #ffffff;
}

.bg-blue .js-wikit-tabbed:not(.lib-search) .wikit-tab .js-wikit-accordion__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.bg-blue .js-wikit-tabbed:not(.lib-search) .wikit-tab .js-wikit-accordion__icon svg {
  stroke: #fff;
}

.accordion-referenced-library .js-wikit-accordion__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.accordion-referenced-library .js-wikit-accordion__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.accordion-referenced-library .hours-header__label, .accordion-referenced-library .hours-header__hours {
  display: none;
}

.accordion-referenced-library .hours-header__hours {
  margin-left: 15px;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .accordion-referenced-library {
    margin-right: 0;
  }
}

.js .js-wikit-accordion__panel--open {
  max-height: 9000px;
}

.alert.sitewide-alert {
  background: #4078bc;
  padding: 2rem 0;
  /* Override penn_global */
}

.alert.sitewide-alert .contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.alert.sitewide-alert .contain .alert__message {
  color: #ffffff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.8rem;
  padding: 0;
  text-align: left;
}

.alert.sitewide-alert .contain .alert__message p, .alert.sitewide-alert .contain .alert__message ul {
  line-height: 1.4;
  margin: 0 0 1rem;
}

.alert.sitewide-alert .contain .alert__message p:last-child, .alert.sitewide-alert .contain .alert__message ul:last-child {
  margin-bottom: 0;
}

.alert.sitewide-alert .contain .alert__message a {
  color: #ffffff;
}

.alert.sitewide-alert .contain .alert__message a:hover, .alert.sitewide-alert .contain .alert__message a:focus {
  text-decoration: none;
}

.alert.sitewide-alert .contain .alert__close {
  color: #ffffff;
  padding: .5rem 0 0 2rem;
  /* Override penn_global */
  position: relative;
  right: 0;
  top: 0;
  -webkit-transform: none;
          transform: none;
}

@media (min-width: 1024px) {
  .alert.sitewide-alert .contain .alert__close span {
    display: block;
    margin: 0;
  }
}

.alert.sitewide-alert .contain .alert__close svg {
  fill: #ffffff;
  height: 20px;
  width: 20px;
}

.alert.sitewide-alert::after {
  display: none;
}

@media (min-width: 768px) {
  .article-card__title {
    font-size: 2.3rem;
  }
}

.article-card__link::after {
  background: #4579b9;
}

h2.aside-title {
  font-weight: 400;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 65px;
  position: relative;
}

h2.aside-title::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -15px;
  background: #4579b9;
  width: 28px;
  height: 6px;
}

.content-aside .content-aside__aside .paragraph--type--aside-section-title:first-child h2.content-aside__title {
  margin-top: 0;
}

.breadcrumbs {
  display: inline-block;
  margin-bottom: 2rem;
  text-align: left;
}

.breadcrumbs::after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin-bottom: 3.6rem;
  }
}

.breadcrumbs a.breadcrumb-home {
  float: left;
  height: 21px;
  margin: -3px 14px 6px 0;
  width: 24px;
}

@media (min-width: 768px) {
  .breadcrumbs a.breadcrumb-home {
    height: 24px;
    margin-top: -3.25px;
    width: 27px;
  }
}

.breadcrumbs ul {
  display: inline;
  list-style: none !important;
  margin: 0;
  padding-left: 0;
}

.breadcrumbs ul li {
  color: #072057;
  display: inline;
  font-weight: 400;
  font-size: 1.7rem !important;
  line-height: 1.7;
}

@media (min-width: 768px) {
  .breadcrumbs ul li {
    font-size: 1.8rem !important;
    line-height: 1.8;
  }
}

.breadcrumbs ul li::before {
  content: none;
}

.breadcrumbs ul li a {
  text-decoration: none;
  color: #072057;
}

.breadcrumbs ul li a:hover, .breadcrumbs ul li a:focus {
  text-decoration: underline;
}

.breadcrumbs ul li ul::before {
  content: '/';
  margin-left: 5px;
  margin-right: 5px;
}

@media (min-width: 768px) {
  .breadcrumbs ul li ul::before {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.hero-homepage .breadcrumbs__contain {
  margin: 0 auto;
  padding: 40px 20px 0;
}

@media (min-width: 1024px) {
  .hero-homepage .breadcrumbs__contain {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1630px) and (max-width: 1792px) {
  .hero-homepage .breadcrumbs__contain {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.hero-homepage .breadcrumbs {
  margin-bottom: 0;
}

.hero-homepage .breadcrumbs ul {
  margin: 0;
}

.hero-homepage .breadcrumbs li, .hero-homepage .breadcrumbs a {
  color: white;
}

.hero-homepage .breadcrumbs .breadcrumb-home img {
  -webkit-filter: brightness(1.25);
          filter: brightness(1.25);
}

/* Small button (ex: dept homepage search buttons) */
.btn.btn--small {
  background: #4078bc;
  border-radius: 2rem;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  max-width: 40rem;
  min-width: 6rem;
  padding: .7rem 2rem;
  text-transform: none;
  white-space: normal;
}

.is-hovered .btn.btn--small, .btn.btn--small:hover, .btn.btn--small:focus {
  background-color: #fff;
  color: #4579b9;
  outline: 1px solid #4078bc;
}

/* Layout - Buttons component */
.buttons .section-header__title.buttons__title {
  margin-bottom: 6.4rem;
}

@media (min-width: 1024px) {
  .buttons.section-margin {
    margin-bottom: 50px;
    margin-top: 50px;
  }
  .buttons.section-margin-bottom {
    margin-bottom: 50px;
  }
  .buttons.section-margin-top {
    margin-top: 50px;
  }
}

.buttons__set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  margin-bottom: 2rem;
  margin-top: 2rem;
  padding-left: 0;
  /* Individual buttons */
}

.wysiwyg .buttons__set:not(.card__type) {
  margin: 0;
}

.buttons__set.row.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.buttons__set.row.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.buttons__set.row.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.buttons__set.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.buttons__set.column.left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.buttons__set.column.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.buttons__set.column.right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.buttons__set .btn {
  margin: 0;
}

.status {
  text-transform: capitalize;
}

.desktop.hours-calendar .desk-cal-nav {
  margin-bottom: 1rem;
  margin-top: 4rem;
}

.desktop.hours-calendar table {
  border: solid 1px #e3e4e6 !important;
  table-layout: fixed;
  /* Don't display the extra cell in the bottom row is the month doesn't require it */
}

.desktop.hours-calendar table td.today {
  background: #fcf1e5;
}

.desktop.hours-calendar table td.today div.today {
  background: #eb9d4d;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: -.5rem -.5rem 0;
  padding: .5rem .75rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.desktop.hours-calendar table tbody tr td {
  vertical-align: top;
  -ms-word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
  height: 150px;
  line-height: 1.2;
  padding: 1.5rem;
  /* Cell data */
}

.desktop.hours-calendar table tbody tr td:not(:last-child) {
  border-right: solid 1px #e3e4e6 !important;
}

.desktop.hours-calendar table tbody tr td > div:not(:last-child) {
  margin-bottom: 1.5rem;
}

.desktop.hours-calendar table tbody tr td div.date-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}

.desktop.hours-calendar table tbody tr td div.date-container div.date {
  color: #072057;
  font-weight: 500;
  font-size: 1.6rem;
  padding-bottom: 0;
}

.desktop.hours-calendar table tbody tr td div.academic, .desktop.hours-calendar table tbody tr td div.secular {
  border: dashed 1px #072057;
  color: #072057;
  font-size: 1.6rem;
  padding: .25rem .5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.desktop.hours-calendar table tr:last-child td:empty {
  display: none;
}

.mobile.hours-calendar {
  width: 45rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem 2rem;
}

.mobile.hours-calendar .page-header .wysiwyg {
  padding-top: 0;
}

.mobile.hours-calendar .page-header .wysiwyg h1 {
  font-size: 3rem;
}

.mobile.hours-calendar div.date-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}

.mobile.hours-calendar div.date-container div.today {
  background: #eb9d4d;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 .5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 400px) {
  .mobile.hours-calendar .page-header .wysiwyg h1 {
    font-size: 4rem;
  }
}

.mobile.hours-calendar .mobile-cal-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-top: 3rem;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.mobile.hours-calendar .mobile-cal-nav .btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 20px;
  min-width: 3rem;
  padding: 12px;
}

.mobile.hours-calendar .mobile-cal-nav .btn.prev, .mobile.hours-calendar .mobile-cal-nav .btn.next {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 2rem;
  padding-left: 16px;
}

.mobile.hours-calendar .mobile-cal-nav .btn.now {
  -webkit-box-flex: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
  font-size: 1.4rem;
}

@media (min-width: 320px) {
  .mobile.hours-calendar .mobile-cal-nav {
    font-size: 1.7rem;
    gap: 1rem;
  }
  .mobile.hours-calendar .mobile-cal-nav .btn {
    min-width: 4.4rem;
  }
  .mobile.hours-calendar .mobile-cal-nav .btn.prev, .mobile.hours-calendar .mobile-cal-nav .btn.next {
    font-size: 2.4rem;
  }
  .mobile.hours-calendar .mobile-cal-nav .btn.now {
    font-size: 1.7rem;
  }
}

.mobile.hours-calendar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.mobile.hours-calendar ul li {
  padding: 1rem 1rem 0.75rem;
  border-bottom: 4px solid #fff;
}

.mobile.hours-calendar ul li div {
  /*display: inline;*/
  padding-bottom: 0.25rem;
}

.mobile.hours-calendar ul li div.secular, .mobile.hours-calendar ul li div.academic {
  display: block;
  text-transform: capitalize;
}

.mobile.hours-calendar ul li div.date {
  padding-bottom: 0.25rem;
}

.mobile.hours-calendar ul li:nth-child(odd) {
  background: #efefef;
}

.desktop.hours-calendar {
  display: none;
}

@media (min-width: 900px) {
  .desktop.hours-calendar {
    display: block;
  }
  .mobile.hours-calendar {
    display: none;
  }
}

.card-listing {
  padding: 70px 0;
}

.card-listing--align-left .card {
  text-align: left;
}

.card-listing .contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 768px) {
  .card-listing .contain {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  .card-listing {
    padding: 95px 0 45px;
  }
  .card-listing .card, .card-listing .faculty-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 10px);
            flex: 0 1 calc(50% - 10px);
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (-ms-high-contrast: none) {
  .card-listing .card, .card-listing .faculty-card {
    max-width: calc(50% - 10px);
  }
}

@media (min-width: 768px) {
  .card-listing .card:nth-child(even), .card-listing .faculty-card:nth-child(even) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .card-listing--3 .card, .card-listing--3 .faculty-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 10px);
            flex: 0 1 calc(50% - 10px);
  }
  .card-listing--3 .card:nth-child(even), .card-listing--3 .faculty-card:nth-child(even) {
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .card-listing--3 .card, .card-listing--3 .faculty-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.3% - 13.33px);
            flex: 0 1 calc(33.3% - 13.33px);
  }
}

@media screen and (min-width: 1024px) and (-ms-high-contrast: active), screen and (min-width: 1024px) and (-ms-high-contrast: none) {
  .card-listing--3 .card, .card-listing--3 .faculty-card {
    max-width: calc(33.3% - 13.33px);
  }
}

@media (min-width: 1024px) {
  .card-listing--3 .card:nth-child(3n), .card-listing--3 .faculty-card:nth-child(3n) {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .card-listing .card-listing .faculty-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.3% - 13.33px);
            flex: 0 1 calc(33.3% - 13.33px);
  }
}

@media screen and (min-width: 1200px) and (-ms-high-contrast: active), screen and (min-width: 1200px) and (-ms-high-contrast: none) {
  .card-listing .card-listing .faculty-card {
    max-width: calc(33.3% - 13.33px);
  }
}

@media (min-width: 1200px) {
  .card-listing .card-listing .faculty-card:nth-child(3n) {
    margin-right: 0;
  }
}

@media print {
  .card-listing .card-listing .faculty-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.3% - 13.33px);
            flex: 0 1 calc(33.3% - 13.33px);
  }
  .card-listing .card-listing .faculty-card:nth-child(3n) {
    margin-right: 0;
  }
}

.section-header + .card-listing {
  padding-top: 0;
}

@media print {
  .card-listing .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .card-listing--3 .card,
  .card-listing--3 .faculty-card,
  .card-listing--2 .card,
  .card-listing--2 .faculty-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 48%;
            flex: 0 1 48%;
  }
}

.card-listing {
  /* Why isn't all this card styling in _card.sccs? */
}

@media (min-width: 768px) {
  .card-listing {
    padding: 95px 0 45px;
  }
}

.card-listing .card {
  border: solid 1px #e3e4e6;
}

.card-listing .card .card__content {
  padding-bottom: 35px;
  border: 0;
}

.card-listing .card .card__content .wysiwyg p {
  color: #072057;
  font-size: 1.8rem;
}

@media (min-width: 1024px) {
  .card-listing .card .card__content .wysiwyg p {
    font-size: 1.8rem;
  }
}

.card-listing .card .card__figure {
  border-bottom: solid 1px #e3e4e6;
}

.card-listing .card .btn {
  border: 1px solid #4078bc;
  color: #072057;
}

.is-hovered .card-listing .card .btn, .card-listing .card .btn:hover, .card-listing .card .btn:focus {
  color: #fff;
  background: #4579b9;
}

.card-listing .card.event {
  text-align: left;
}

.card-listing .card.event .wysiwyg p:last-of-type {
  margin-bottom: 0;
}

.view-services-glossary .card-listing .contain::after,
.taxonomy-term-listing .card-listing .contain::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .view-services-glossary .card-listing .contain::after,
  .taxonomy-term-listing .card-listing .contain::after {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 10px);
            flex: 0 1 calc(50% - 10px);
  }
}

@media (min-width: 1024px) {
  .view-services-glossary .card-listing .contain::after,
  .taxonomy-term-listing .card-listing .contain::after {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.3% - 13.33px);
            flex: 0 1 calc(33.3% - 13.33px);
  }
}

.view-services-glossary .card-listing .wysiwyg,
.taxonomy-term-listing .card-listing .wysiwyg {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 3;
}

.section-header.no-description + .card-listing {
  padding-top: 50px;
}

.view-content .card-listing {
  padding-top: 0px;
}

/* Layout - Card Listing (2 & 3 Across Cards) */
.layout--card-listing header.section-header--centered .section-header__description {
  font-size: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.layout--card-listing header.section-header--centered .section-header__description > * {
  max-width: 950px;
}

.layout--card-listing header.section-header--centered .section-header__description ul {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.layout--card-listing header.section-header--centered .section-header__description ul li {
  margin-bottom: 0;
  color: #000;
}

.layout--card-listing.bg-blue .faculty-card * {
  color: #ffffff;
}

.card-slider .card {
  font-size: 1.6rem;
}

.bg-none .js-wikit-tabbed .card-slider .card,
.bg-none .js-wikit-tabbed .card-slider .card__figure,
.bg-none .js-wikit-tabbed .card-slider .card__content {
  border: solid 1px #e3e4e6;
}

.card {
  /* override weird behavior from site.css that was
     blocking the card type's link from functioning */
}

@media (max-width: 767px) {
  .card {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}

.card .card__title__link::after {
  content: none;
}

.card .card__content {
  padding: 35px;
}

.card .card__content .card__title:only-child,
.card .card__content .card__title:first-child {
  margin-top: 0;
}

.card .card__content .card__title:only-child,
.card .card__content .card__title:last-child {
  margin-bottom: 0;
}

.card .card__content .card__title + .wysiwyg > p:first-child,
.card .card__content .card__title + .contextual + .wysiwyg > p:first-child {
  margin-top: 1rem;
}

.card .card__content > *:last-child p:last-child {
  margin-bottom: 0;
}

.card .wysiwyg p {
  font-size: 1.8rem;
}

.card__image, .card__month__content {
  display: block;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.card--blog-post p {
  color: #072057;
  font-size: 1.8rem;
}

.card.is-hovered .card__image,
.card.is-hovered .card__month__content, .card:focus-within .card__image,
.card:focus-within .card__month__content {
  -webkit-transform: scale(1.025);
          transform: scale(1.025);
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .card .card__image,
  .card .card__month__content {
    -webkit-transform: scale(1.025);
            transform: scale(1.025);
  }
}

.card__title {
  margin-bottom: 9px;
  margin-top: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .card__title {
    font-size: 2.9rem;
    font-weight: 400;
    line-height: 1.2;
  }
}

.card ul.div-line {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}

.card ul.div-line li {
  display: inline;
}

.card ul.div-line li::before {
  content: none;
}

.card ul.div-line li + li::before {
  color: rgba(7, 32, 87, 0.3);
  content: "| ";
  padding: 0 0.15em;
}

.card__type {
  color: #072057;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 1.6px;
  list-style-type: none;
  margin: 0;
  padding-left: 0;
  text-transform: uppercase;
}

.card__type li {
  display: inline-block;
}

.card__type li + li::before {
  color: rgba(7, 32, 87, 0.3);
  content: "| ";
  padding: 0 0.15em;
}

.card__month {
  background: #4579b9;
  color: #fff;
  font-weight: 400;
  font-size: 2.5rem;
  text-align: center;
  text-transform: uppercase;
}

.card__month .card_month-day {
  font-size: 3rem;
  display: block;
  font-weight: 600;
  margin-top: 14px;
}

.card__month .card_month-day.multi-month {
  display: inline-block;
}

.card__time {
  color: #626262;
}

.card__date {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #626262;
}

.card.event .card__title {
  margin-top: 13px;
}

.card.event ul.card__cal-info {
  color: #626262;
  font-size: 1.6rem;
  line-height: 1.5;
}

.card.event:not(.featured-event-hero) .card__month {
  /* Basic event cards */
  aspect-ratio: auto 3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card.event:not(.featured-event-hero) .card__type {
  background: #072057;
  color: #ffffff;
  max-height: 60px;
  overflow: hidden;
  padding: 0 15px;
  position: absolute;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.card.event:not(.featured-event-hero) .card__type li + li::before {
  color: rgba(255, 255, 255, 0.6);
}

.card.event:not(.featured-event-hero) .card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.card.event:not(.featured-event-hero) .card__content .card__cal-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 12px;
  min-height: 100px;
}

.card.event:not(.featured-event-hero) .card__content .card__cal-info-container .card__access {
  color: #072057;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1.3px;
  margin-bottom: 0;
  margin-top: 12px;
  text-transform: uppercase;
}

.card.event:not(.featured-event-hero) .card__content .card__summary {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 4;
}

.card.event.featured-event-hero {
  max-width: 545px;
  position: relative;
  width: auto;
}

@media (max-width: 1023px) {
  .card.event.featured-event-hero {
    margin: 0 40px 40px;
  }
}

.card.event.featured-event-hero img {
  width: 100%;
}

.card.event.featured-event-hero .card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: none;
  height: auto;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #ffffff), to(rgba(255, 255, 255, 0.95)));
  background: linear-gradient(360deg, #ffffff 20%, rgba(255, 255, 255, 0.95) 100%);
  padding: 35px 30px;
}

.card.event.featured-event-hero .card__content .card__type-access {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.6;
}

.card.event.featured-event-hero .card__content .card__type-access .card__type {
  letter-spacing: 1.3px;
  margin-right: 20px;
}

.card.event.featured-event-hero .card__content .card__cal-info.div-line {
  margin-bottom: 20px;
}

.card.event.featured-event-hero .card__content .btn--outline {
  margin-top: 12px;
  margin-bottom: 0;
}

.card.event.featured-event-hero.card__without-image {
  margin-top: 140px;
  margin-left: 43px;
}

@media (max-width: 1023px) {
  .card.event.featured-event-hero.card__without-image {
    margin-top: 0;
  }
}

.card.event.featured-event-hero.card__without-image .card__content {
  position: static;
  padding: 15px;
}

.card.event.featured-event-hero.card__without-image .card__content .btn {
  margin-bottom: 0;
}

.card.event .card__content {
  border: 0;
  padding: 40px 30px 30px;
}

.card.event-meta {
  background: #4579b9;
  padding: 40px 40px 10px 40px;
}

.card.event-meta .card__content {
  border: none;
  padding: 0;
}

.card.event-meta .card__content a {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}

.card.event-meta .card__content .card__title {
  color: #fff;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-size: 2rem;
  margin-top: 0;
  padding-top: 20px;
  font-weight: 700;
}

.card.event-meta .card__content p {
  font-size: 2rem;
  color: #fff;
  font-weight: 400;
  margin-bottom: 1.1em;
}

.card.event-meta .card__content p a {
  color: #fff;
  border: none;
  text-decoration: underline;
}

.card__with-image .card__content {
  display: flow-root;
}

.card--blog-post .card__content p {
  margin-bottom: 0;
}

.card--blog-post .card__content a:not(.btn) {
  text-decoration: none;
}

.card--blog-post .card__content a:not(.btn):hover, .card--blog-post .card__content a:not(.btn):focus {
  text-decoration: underline;
}

.card--blog-post .card__content .card__content__header {
  margin-bottom: 0;
}

.card--blog-post .card__content .card__content__header .card__type {
  font-size: 1.5rem;
  font-weight: 500;
}

.card--blog-post .card__content .card__content__header .card__title {
  font-size: 2.9rem;
  margin: .5rem 0 .75rem 0;
}

.card--blog-post .card__content .card__content__header p.author {
  display: inline-block;
}

.card--blog-post .card__content .card__content__header p.author,
.card--blog-post .card__content .card__content__header p.authored-date {
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 0 0 .5rem 0;
}

.card--blog-post .card__figure {
  margin-bottom: 0;
}

.featured-event-hero {
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
  max-width: 545px;
}

.featured-event-hero img {
  width: 100%;
}

.featured-event-hero .card__content {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: none;
  height: auto;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(26.59%, #ffffff), to(rgba(255, 255, 255, 0.85)));
  background: linear-gradient(360deg, #ffffff 26.59%, rgba(255, 255, 255, 0.85) 100%);
}

.featured-event-hero .card__content .card__time {
  margin-bottom: 20px;
  display: block;
}

.featured-event-hero .card__content .card__type {
  margin-top: 0;
}

.featured-event-hero.card__without-image {
  margin-top: 140px;
  margin-left: 43px;
}

@media (max-width: 1023px) {
  .featured-event-hero.card__without-image {
    margin-top: 0;
  }
}

.featured-event-hero.card__without-image .card__content {
  position: static;
  padding: 15px;
}

.featured-event-hero.card__without-image .card__content .btn {
  margin-bottom: 0;
}

/* Standardize card borders */
.card:not(.featured-event-hero),
.content-aside__aside .card,
.listing-card {
  border: 1px solid #e3e4e6;
}

.card:not(.featured-event-hero) .card__figure,
.content-aside__aside .card__figure {
  border: 0;
  border-bottom: 1px solid #e3e4e6;
}

.card:not(.featured-event-hero) .card__content,
.content-aside__aside .card__content {
  border: 0;
}

@media (min-width: 768px) {
  .news-featured__featured .article-card::before {
    display: none;
  }
}

.article-card__link:hover, .article-card__link:focus {
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

.card-listing--2 .card .card__content {
  padding: 40px 30px 30px;
}

.card-listing--2 .card .card__title {
  padding-top: 0;
}

@media (min-width: 1024px) {
  .content-aside__title {
    font-size: 2.9rem;
    margin-top: 45px;
    margin-bottom: 59px;
  }
  .content-aside__title::after {
    display: none;
  }
}

@media (min-width: 1024px) {
  .content-aside .section-margin {
    margin-bottom: 50px;
    margin-top: 50px;
  }
  .content-aside .section-margin-bottom {
    margin-bottom: 50px;
  }
  .content-aside .section-margin-top {
    margin-top: 50px;
  }
}

.content-aside .content-aside__content .wysiwyg *:last-child {
  margin-bottom: unset;
}

.content-aside .content-aside__content .wysiwyg > p:last-child,
.content-aside .content-aside__content .wysiwyg > ul:last-child,
.content-aside .content-aside__content .wysiwyg > .listing-blog:last-child {
  margin-bottom: 0;
}

.content-aside .content-aside__content {
  margin-left: 0;
}

@media (max-width: 1023px) {
  .content-aside .content-aside__content {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}

.content-aside .content-aside__content:only-child {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

.content-aside .content-aside__content .wysiwyg-container {
  margin: 0;
  padding: 0;
}

.content-aside .content-aside__content .listing-blog h3 a:hover, .content-aside .content-aside__content .listing-blog h3 a:focus {
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}

.content-aside .content-aside__content nav.pager a {
  text-decoration: none;
}

.content-aside .content-aside__content nav.pager ul {
  margin: 2rem 0;
}

.content-aside .content-aside__content nav.pager ul li.pager__item {
  padding: 10px 5px 0 5px;
}

.content-aside .content-aside__content nav.pager ul li.pager__item::before {
  display: none;
}

.content-aside .content-aside__aside .content-aside__title,
.content-aside .content-aside__aside .aside-title {
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-bottom: 6rem;
  margin-top: 6rem;
  font-weight: 400;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  position: relative;
  color: #072057;
}

.content-aside .content-aside__aside .content-aside__title::after,
.content-aside .content-aside__aside .aside-title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -21px;
  background: #4579b9;
  opacity: 1;
  width: 28px;
  height: 6px;
}

.content-aside .content-aside__aside .content-aside__title.is-collection-related,
.content-aside .content-aside__aside .aside-title.is-collection-related {
  margin-top: 0;
}

@media (min-width: 1024px) {
  .content-aside .content-aside__aside .content-aside__title:first-of-type,
  .content-aside .content-aside__aside .aside-title:first-of-type {
    margin-top: 1rem;
  }
}

.content-aside .content-aside__aside .aside-content__section {
  margin-bottom: 2rem;
}

.content-aside .content-aside__aside .faculty-card {
  padding-bottom: 0;
}

.content-aside .content-aside__aside .paragraph--type--aside-w p {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 2rem;
}

.content-aside .content-aside__aside .wysiwyg p,
.content-aside .content-aside__aside .wysiwyg ul li {
  font-size: 1.8rem;
}

.is-hovered .content-aside .content-aside__aside .card a.btn, .content-aside .content-aside__aside .card a.btn:hover, .content-aside .content-aside__aside .card a.btn:focus {
  color: #fff;
}

.content-aside .content-aside__aside .quick-links {
  margin-bottom: 20px;
}

.content-aside .wysiwyg p,
.content-aside .wysiwyg ul li {
  color: #072057;
}

.content-aside.bg-blue .content-aside__aside {
  color: #fff;
}

.content-aside.bg-blue .content-aside__aside h3,
.content-aside.bg-blue .content-aside__aside .content-aside__title,
.content-aside.bg-blue .content-aside__aside .faculty-card__link,
.content-aside.bg-blue .content-aside__aside .faculty-card__contact {
  color: #fff;
}

.content-aside.bg-blue .wysiwyg p,
.content-aside.bg-blue .wysiwyg ul li {
  color: #fff;
}

.content-aside .js-wikit-accordion .section-header--centered {
  text-align: left;
}

.content-aside .js-wikit-accordion .section-header--centered h2::after {
  left: 0;
  -webkit-transform: none;
          transform: none;
}

.content-aside .js-wikit-accordion__item .wysiwyg:last-child {
  margin-bottom: 10px;
}

.content-aside .js-wikit-accordion__item .wysiwyg ul,
.content-aside .js-wikit-accordion__item .wysiwyg p {
  margin-bottom: 25px;
}

.content-aside .js-wikit-accordion__item .wysiwyg li,
.content-aside .js-wikit-accordion__item .wysiwyg p {
  color: #fff;
}

.content-aside .js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .listing-card__title {
  font-size: 2.7rem;
  line-height: 1.4;
  margin: 0 0 0.75em;
  text-transform: none;
}

.blog_post .page-header + .content-aside {
  padding-top: 0;
}

.blog_post .content-aside__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin: 0 auto;
  max-width: 1315px;
}

@media (min-width: 1024px) {
  .blog_post .content-aside__flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.blog_post .content-aside__content {
  width: 100%;
}

@media (min-width: 1024px) {
  .blog_post .content-aside__content {
    width: 63.14%;
  }
}

.blog_post .content-aside__content.contain {
  margin: 0;
}

.blog_post .content-aside__aside-container {
  background: #e2ecf4;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 32.55%;
          flex: 0 1 32.55%;
  margin-bottom: 5.5rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .blog_post .content-aside__aside-container {
    background: none;
    width: 32.55%;
  }
}

.blog_post .content-aside__aside-container .content-aside__aside {
  padding-bottom: 6rem;
  padding-top: 4.5rem;
  /* Blog post first title gets less margin-top, the rest get standard */
  /* Individual blog aside sections */
}

@media (min-width: 1024px) {
  .blog_post .content-aside__aside-container .content-aside__aside {
    padding-bottom: 0;
    padding-top: 0;
  }
}

.blog_post .content-aside__aside-container .content-aside__aside p {
  color: #072057;
  line-height: 1.4;
  margin: 0;
  text-wrap: normal;
}

.blog_post .content-aside__aside-container .content-aside__aside a {
  color: #072057;
  font-weight: 500;
  text-decoration: none;
}

.blog_post .content-aside__aside-container .content-aside__aside a:hover, .blog_post .content-aside__aside-container .content-aside__aside a:focus {
  text-decoration: underline;
}

.blog_post .content-aside__aside-container .content-aside__aside .aside-title {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

@media (min-width: 1024px) {
  .blog_post .content-aside__aside-container .content-aside__aside .aside-title {
    margin-bottom: 5rem;
    margin-top: 6rem;
  }
}

.blog_post .content-aside__aside-container .content-aside__aside .aside-section:first-of-type .aside-title {
  margin-top: .5rem;
}

@media (min-width: 1024px) {
  .blog_post .content-aside__aside-container .content-aside__aside .blog_post .content-aside__aside-container .content-aside__aside .aside-section:not(first-of-type) .aside-title {
    margin-top: 6rem !important;
  }
}

.blog_post .content-aside__aside-container .content-aside__aside .blog_post .content-aside__aside-container .content-aside__aside .aside-section:first-of-type .aside-title {
  margin-top: .5rem !important;
}

.blog_post .content-aside__aside-container .content-aside__aside .author_byline {
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .content-gallery .text-cta__title {
    font-size: 5.4rem;
  }
}

.content-gallery .text-cta p {
  font-size: 2rem;
  color: #072057;
}

@media (min-width: 768px) {
  .facts__wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.fact {
  text-align: center;
  position: relative;
  padding: 32px 10px;
  margin-bottom: 20px;
  width: 100%;
  background: #fff;
  border: none;
}

.fact:first-of-type {
  padding: 32px 10px;
}

.fact:last-child {
  border-right: none;
}

@media (min-width: 768px) {
  .fact {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.3% - 30px);
            flex: 0 1 calc(33.3% - 30px);
    padding: 98px 10px 78px 10px;
    margin-bottom: 0px;
  }
  .fact:first-of-type {
    padding: 98px 10px 78px 10px;
  }
  .fact .fact:last-child {
    border: none;
  }
}

.fact__title {
  margin-bottom: 3.2rem;
}

@media (min-width: 768px) {
  .fact__title {
    font-size: 8rem;
  }
}

.fact__caption {
  opacity: 1;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .fact__caption {
    font-size: 2rem;
    padding: 0 15px;
  }
}

.faculty-card {
  border: none;
}

.faculty-card:last-child {
  border: none;
}

.faculty-card::after {
  display: none;
}

.faculty-card__link:hover {
  text-decoration: underline;
}

.faculty-card__name {
  font-size: 2.9rem;
}

.faculty-card__job-title {
  color: #072057;
  font-size: 1.8rem;
  font-weight: 600;
  display: block;
  margin-top: 13px;
}

.faculty-card__contact {
  font-size: 1.8rem;
  opacity: 1;
  font-weight: 400;
  color: #072057;
  word-break: break-word;
  margin: 3px 0 7px;
}

.faculty-card__contact:hover, .faculty-card__contact:focus {
  text-decoration: none;
}

.faculty-card__image {
  width: 100%;
}

.faculty-card .card-bio-alt__meta {
  margin-top: 2rem;
}

.faculty-card .card-bio-alt__meta .meta--item {
  color: #072057;
  line-height: 1.6;
  margin: 0;
}

.faculty-card .card-bio-alt__meta .meta--item .label {
  font-weight: 600;
}

.faculty-card .card-bio-alt__meta .social__list {
  gap: 1.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.faculty-card .card-bio-alt__meta .social__list .social__item {
  margin: 0;
}

.content-aside__aside .faculty-card {
  text-align: left;
  padding-left: 0px;
  padding-right: 0px;
  max-width: 300px;
}

.faculty-grid .faculty-card:last-child {
  border: none;
}

@media (min-width: 1024px) {
  .faculty-grid .faculty-card:nth-child(3n), .faculty-grid .faculty-card:last-child {
    border-right: none;
  }
}

@media (min-width: 1200px) {
  .faculty-grid .faculty-card:nth-child(3n) {
    border-right: none;
    border-left: none;
  }
  .faculty-grid .faculty-card:nth-child(4n), .faculty-grid .faculty-card:last-child {
    border-right: none;
  }
}

.featured-initiative-card {
  background: #4078bc;
  padding: 16px;
}

.featured-initiative-card__wrap {
  border: 7px solid #7AA2D2;
  color: #FFF;
  padding: 90px 22px 85px 22px;
}

.featured-initiative-card--white .featured-initiative-card__wrap {
  border-color: #DBE9F5;
}

.featured-initiative-card__category {
  margin-bottom: 0px;
}

.featured-initiative-card__title {
  margin-top: 0;
  margin-bottom: 1.6em;
  line-height: 1.11;
}

.featured-initiative-card__title::after {
  bottom: -27px;
  background: #eeaa64;
  opacity: 1;
  width: 46px;
  height: 6px;
}

@media (min-width: 1024px) {
  .featured-initiative-card__title {
    font-size: 3.9rem;
    margin-bottom: 1.15em;
  }
}

.featured-initiative-card p {
  margin-bottom: 1.8em;
  max-width: 410px;
}

@media (min-width: 1024px) {
  .featured-initiative-card p {
    font-size: 2rem;
    line-height: 1.6;
  }
}

.featured-initiative-card--white {
  background: #fff;
}

.featured-initiative-card--white .featured-initiative-card__category {
  color: #072057;
}

.featured-initiative-card--white .featured-initiative-card__title {
  color: #072057;
}

.featured-initiative-card--white .featured-initiative-card__title::after {
  background: #4579b9;
}

.featured-initiative-card--white p {
  color: #072057;
}

.featured-initiative-card--white .btn {
  border: 1px solid #4078bc;
  color: #072057;
}

.is-hovered .featured-initiative-card--white .btn, .featured-initiative-card--white .btn:hover, .featured-initiative-card--white .btn:focus {
  color: #fff;
  background: #4579b9;
}

.featured-initiative-card--gray {
  background: #f2f2f3;
}

.featured-initiative-card--red {
  background: #990000;
}

/* Make sure the featured story/card don't block the page header when used
as the first field on the page */
@media (min-width: 1024px) and (max-width: 1199px) {
  .page-header + .field > .field__item:first-of-type .featured-story,
  .page-header-hero + .field > .field__item:first-of-type .featured-story {
    margin-top: 6rem;
  }
}

.featured-story .featured-initiative-card {
  max-width: 602px;
  text-align: left;
}

.featured-story .featured-initiative-card__category {
  text-align: left;
  font-size: 1.6rem;
  text-transform: none;
}

.featured-story .featured-initiative-card__wrap {
  padding: 50px 55px 48px 46px;
}

.featured-story .featured-initiative-card__title {
  margin-bottom: 1.6em;
}

.featured-story .featured-initiative-card__title::after {
  left: 0;
  -webkit-transform: none;
          transform: none;
  background: #eeaa64;
}

@media (min-width: 1024px) {
  .featured-story .featured-initiative-card__title {
    font-size: 7.5rem;
    margin-bottom: 0.75em;
  }
}

.featured-story .featured-initiative-card p {
  max-width: 445px;
  margin-bottom: 1em;
}

.featured-story .featured-initiative-card--white {
  background: linear-gradient(265.79deg, rgba(255, 255, 255, 0.92) 5.31%, #FFFFFF 94.02%);
  opacity: 0.95;
}

.featured-story .featured-initiative-card--white .featured-initiative-card__wrap {
  border-color: #FFF;
}

.featured-initiative-cards {
  background: none;
}

.floorplan {
  background-size: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
}

.floorplan__wrapper {
  width: 100%;
}

.floorplan__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.floorplan__highlight {
  background-color: rgba(133, 74, 207, 0.3);
  position: absolute;
  z-index: 3;
}

.floorplan#floorplan-vp {
  margin-bottom: 80px;
}

@media (min-width: 1024px) {
  .floorplan#floorplan-vp {
    margin-bottom: 150px;
  }
}

.floorplan#floorplan-fisher {
  margin-bottom: 80px;
}

.footer {
  padding-bottom: 0px;
}

.footer::before {
  display: none;
}

@media (min-width: 1024px) {
  .footer {
    padding: 71px 0 0;
  }
}

.footer__top {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #919DB2;
}

@media (min-width: 768px) {
  .footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.footer__top-subscribe h2 {
  font-weight: 400;
  font-size: 3.9rem;
  font-family: "PerpetuaMT", "Noto Serif Hebrew", serif;
  margin-right: 53px;
}

@media (min-width: 768px) {
  .footer__top-subscribe h2 {
    display: inline-block;
  }
}

.footer__logo {
  margin: 0 auto;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .footer__logo {
    margin-left: 0px;
  }
}

@media (min-width: 1200px) {
  .footer__logo {
    max-width: 284px;
  }
}

.footer__info {
  margin-bottom: 0.7em;
}

.footer__info a {
  color: white;
}

.footer__info.phone::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(/themes/custom/penn_libraries/assets/img/svg/icon-phone--footer.svg) no-repeat 50% 50%;
  width: 15px;
  height: 15px;
  position: relative;
  -webkit-transition: inherit;
  transition: inherit;
  margin-right: 14px;
}

.footer__info.location::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(/themes/custom/penn_libraries/assets/img/svg/icon-location--footer.svg) no-repeat 50% 50%;
  width: 15px;
  height: 20px;
  position: relative;
  -webkit-transition: inherit;
  transition: inherit;
  margin-right: 14px;
}

.footer__columns {
  display: block;
}

@media (min-width: 1024px) {
  .footer__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 768px) {
  .footer__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 222px;
            flex: 0 1 222px;
    margin-right: 75px;
  }
}

@media (min-width: 1024px) {
  .footer__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 390px;
            flex: 0 1 390px;
    margin-right: 20px;
  }
}

.footer__column + .footer__column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 52px;
}

@media (min-width: 768px) {
  .footer__column + .footer__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    max-width: 900px;
    margin-top: 0;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.footer__section {
  display: block;
}

.footer__section:first-child {
  width: 100%;
}

@media (min-width: 1024px) {
  .footer__section:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 68%;
            flex: 0 1 68%;
    max-width: 700px;
  }
}

.footer__section:last-child {
  width: 100%;
}

@media (min-width: 1024px) {
  .footer__section:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 32%;
            flex: 0 1 32%;
  }
}

.footer__section blockquote {
  border-left: none;
  margin-top: 20px;
  text-align: center;
  padding-left: 0px;
}

@media (min-width: 1024px) {
  .footer__section blockquote {
    text-align: right;
  }
}

.footer__section blockquote p {
  font-weight: 400;
  font-size: 2.4rem;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  margin: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 8px;
  line-height: 1.4;
  max-width: 100%;
}

@media (max-width: 1023px) {
  .footer__section blockquote p {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.footer__section blockquote cite {
  color: #fff;
  text-transform: none;
  font-size: 1.6rem;
  text-align: center;
  display: block;
}

.footer__section__title {
  font-size: 2.6rem;
  margin-bottom: 21px;
  margin-top: 10px;
}

.footer__section__title::after {
  display: none;
}

@media (max-width: 639px) {
  .footer__list {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

@media (min-width: 640px) {
  .footer__list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    margin-bottom: 20px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    margin-top: 20px;
  }
}

@media (min-width: 1400px) {
  .footer__list {
    margin-top: 20px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}

.footer__item {
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
  padding: 0 20px;
}

.footer__item a::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(/themes/custom/penn_libraries/assets/img/svg/orange-arrow.svg) no-repeat 50% 50%;
  width: 16px;
  height: 14px;
  position: relative;
  -webkit-transition: inherit;
  transition: inherit;
  margin-left: 11px;
}

@media (min-width: 768px) {
  .footer__item {
    padding: 0;
  }
}

.footer__bottom {
  background: #011748;
}

@media (max-width: 767px) {
  .footer__bottom {
    padding-bottom: 40px;
  }
}

.footer__bottom-columns {
  display: block;
}

@media (min-width: 1024px) {
  .footer__bottom-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    max-width: 100%;
  }
}

.footer__bottom-column {
  max-width: none;
}

@media (max-width: 1023px) {
  .footer__bottom-column:first-child {
    margin: 0px;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .footer__bottom-column:last-child {
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .footer__bottom-column:last-child {
    margin-left: auto;
  }
}

.footer__bottom-column ul.footer__list--social li.footer__item a.social__link {
  position: relative;
}

.footer__bottom-column ul.footer__list--social li.footer__item:focus a.social__link span.a11y,
.footer__bottom-column ul.footer__list--social li.footer__item a.social__link:focus span.a11y,
.footer__bottom-column ul.footer__list--social li.footer__item a.social__link span.a11y:focus {
  color: #fff !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  top: 2.5rem;
  font-size: 1.3rem;
  font-weight: normal;
}

.footer__bottom .footer__list {
  display: block;
  padding-top: 30px;
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .footer__bottom .footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.footer__bottom .footer__list--full {
  margin-left: 0px;
}

@media (max-width: 767px) {
  .footer__bottom .footer__list--full .footer__item {
    padding-left: 0px;
  }
}

@media (min-width: 768px) {
  .footer__bottom .footer__list--full .footer__item {
    margin: 0 30px 36px 0;
    margin-bottom: 36px;
  }
}

.footer__bottom .footer__list--full .footer__item :last-child {
  margin-right: 0px;
}

.footer__bottom .footer__list--full .footer__item::before {
  display: none;
}

.footer__bottom .footer__list--full .footer__item .footer__link {
  font-size: 1.6rem;
  text-transform: none;
}

.footer__bottom .footer__list--full .footer__item .footer__link::after {
  display: none;
}

.footer__bottom .footer__list--social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1023px) {
  .footer__bottom .footer__list--social {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 80px;
  }
}

.footer__bottom .social__link {
  color: #fff;
  width: auto;
  height: auto;
  border: none;
  border-radius: 0;
}

.footer__bottom .social__link::after {
  display: none;
}

@media (min-width: 768px) {
  .footer__bottom .social__link {
    margin-left: 24px;
  }
}

.footer__bottom .social__link::focus, .footer__bottom .social__link::hover, .footer__bottom .social__link::visited {
  color: #fff;
}

.footer__bottom .social__link-twitter {
  background: url(/themes/custom/penn_libraries/assets/img/svg/icon-footer-twitter.png) no-repeat 50% 50%;
  width: 27px;
  height: 22px;
}

.footer__bottom .social__link-flickr {
  background: url(/themes/custom/penn_libraries/assets/img/svg/icon-footer-flickr.png) no-repeat 50% 50%;
  width: 34px;
  height: 15px;
}

.footer__bottom .social__link-instagram {
  background: url(/themes/custom/penn_libraries/assets/img/svg/icon-footer-instagram.png) no-repeat 50% 50%;
  width: 22px;
  height: 22px;
}

.footer__bottom .social__link-youtube {
  background: url(/themes/custom/penn_libraries/assets/img/svg/icon-footer-youtube.png) no-repeat 50% 50%;
  width: 31px;
  height: 22px;
}

.footer__bottom .social__link-linkedin {
  background: url(/themes/custom/penn_libraries/assets/img/svg/icon-footer-linkedin.png) no-repeat 50% 50%;
  width: 24px;
  height: 22px;
}

.footer__bottom .social__link-facebook {
  background: url(/themes/custom/penn_libraries/assets/img/svg/icon-footer-facebook.png) no-repeat 50% 50%;
  width: 22px;
  height: 22px;
}

input:not(.home-search input, .search--header input, .lib-search input),
select,
textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

label {
  font-weight: 500;
  color: #072057;
  margin-bottom: 10px;
}

label strong {
  font-weight: 800;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #ffffff url(/themes/custom/penn_libraries/assets/img/svg/select-down.svg) no-repeat calc(100% - 22px) 50%;
  border: 1px solid rgba(7, 32, 87, 0.5);
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #072057;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 20px 40px 20px 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.form-item {
  max-width: 600px;
  width: 100%;
}

@media (min-width: 768px) {
  .form-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33% - 3rem);
            flex: 0 1 calc(33% - 3rem);
  }
}

.form-text {
  background: #ffffff;
  border: 1px solid rgba(7, 32, 87, 0.5);
  border-radius: 8px;
  color: #072057;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  font-weight: 400;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  max-width: 100%;
  padding: 20px;
  width: 100%;
}

.form-submit {
  border: solid 1px rgba(7, 32, 87, 0.5);
  border-radius: 16px;
  font-size: 1.4rem;
  margin-bottom: 0;
  min-width: unset;
  padding: 22px 40px;
}

.view-filters__container {
  margin-bottom: 4rem;
}

.view-filters__container .view-filters + .attachment-before {
  margin-top: 4rem;
}

.view-filters__container .view-filters:only-child {
  margin-bottom: 6rem;
}

@media (min-width: 1024px) {
  .view-filters__container .view-filters:only-child {
    margin-bottom: 8rem;
  }
  .content-aside__content .view-filters__container .view-filters:only-child {
    margin-bottom: 6rem;
  }
}

.view-filters__container .views-exposed-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}

.view-filters__container .views-exposed-form select,
.view-filters__container .views-exposed-form .form-text,
.view-filters__container .views-exposed-form .form-submit {
  margin-bottom: 0;
}

.view-filters__container .views-exposed-form .form-actions {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.view-filters__container .views-exposed-form .form-actions:has(.js-hide),
.view-filters__container .views-exposed-form .form-actions input.js-hide {
  display: none;
}

.view-filters__container .views-exposed-form .form-actions input,
.view-filters__container .views-exposed-form .form-actions select,
.view-filters__container .views-exposed-form .form-actions textarea {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

@media (min-width: 768px) {
  .view-filters__container .views-exposed-form {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .view-filters__container .views-exposed-form .form-item,
  .view-filters__container .views-exposed-form .form-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.3% - 3rem);
            flex: 0 1 calc(33.3% - 3rem);
  }
  .view-filters__container .views-exposed-form .js-form-type-textfield,
  .view-filters__container .views-exposed-form .search__container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
            flex: 0 1 80%;
  }
  .view-filters__container .views-exposed-form .form-actions,
  .view-filters__container .views-exposed-form .form-wrapper.form-actions {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    min-width: unset;
  }
}

@media (min-width: 1024px) {
  .view-filters__container .views-exposed-form {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .view-filters__container .views-exposed-form .form-item,
  .view-filters__container .views-exposed-form .form-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 300px;
  }
  .view-filters__container .views-exposed-form .js-form-type-textfield,
  .view-filters__container .views-exposed-form .search__container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
            flex: 0 1 30%;
  }
  .content-aside__content .view-filters__container .views-exposed-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content-aside__content .view-filters__container .views-exposed-form .form-item,
  .content-aside__content .view-filters__container .views-exposed-form .form-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.3% - 3rem);
            flex: 0 1 calc(33.3% - 3rem);
  }
  .content-aside__content .view-filters__container .views-exposed-form .js-form-type-textfield,
  .content-aside__content .view-filters__container .views-exposed-form .search__container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
            flex: 0 1 80%;
  }
}

@media (min-width: 1200px) {
  .view-filters__container .views-exposed-form .form-wrapper.form-actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .content-aside__content .view-filters__container .views-exposed-form .form-item,
  .content-aside__content .view-filters__container .views-exposed-form .form-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
  }
  .content-aside__content .view-filters__container .views-exposed-form .js-form-type-textfield,
  .content-aside__content .view-filters__container .views-exposed-form .search__container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 35%;
            flex: 0 1 35%;
  }
}

.content-moderation-entity-moderation-form .entity-moderation-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  padding: 2rem;
}

.content-moderation-entity-moderation-form .entity-moderation-form__item {
  margin: 0;
  width: 100%;
}

.content-moderation-entity-moderation-form .entity-moderation-form__item .form-item,
.content-moderation-entity-moderation-form .entity-moderation-form__item input,
.content-moderation-entity-moderation-form .entity-moderation-form__item select,
.content-moderation-entity-moderation-form .entity-moderation-form__item textarea {
  margin: 0;
}

.content-moderation-entity-moderation-form .entity-moderation-form__item:last-child {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

@media (min-width: 768px) {
  .content-moderation-entity-moderation-form .entity-moderation-form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content-moderation-entity-moderation-form .entity-moderation-form__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 28%;
            flex: 1 0 28%;
  }
  .content-moderation-entity-moderation-form .entity-moderation-form__item:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 170px;
            flex: 0 1 170px;
  }
  .content-moderation-entity-moderation-form .entity-moderation-form__item:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: end;
        align-self: flex-end;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .content-moderation-entity-moderation-form .entity-moderation-form__item:last-child .form-submit {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
}

@media (min-width: 1024px) {
  .content-moderation-entity-moderation-form .entity-moderation-form__item:nth-child(1) {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .content-moderation-entity-moderation-form .entity-moderation-form__item:nth-child(2) {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
  }
  .content-moderation-entity-moderation-form .entity-moderation-form__item:nth-child(3) {
    -webkit-box-flex: 4;
        -ms-flex: 4;
            flex: 4;
  }
  .content-moderation-entity-moderation-form .entity-moderation-form__item:last-child {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    width: auto;
  }
}

.content-moderation-entity-moderation-form.required .form-item-revision-log label::after {
  display: inline-block;
  margin-right: 0.15em;
  margin-left: 0.15em;
  content: "*";
  color: red;
  font-size: 1.5rem;
  vertical-align: text-top;
  line-height: 1;
}

.view-collections .views-exposed-form {
  width: 100%;
}

.view-collections .views-exposed-form input,
.view-collections .views-exposed-form select,
.view-collections .views-exposed-form textarea {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .view-collections .views-exposed-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 2em;
       -moz-column-gap: 2em;
            column-gap: 2em;
  }
}

@media (min-width: 1024px) {
  .view-collections .views-exposed-form {
    grid-template-columns: repeat(4, 1fr);
  }
}

.view-collections .views-exposed-form .form-item {
  display: block;
}

.view-collections .views-exposed-form .form-item label {
  width: 100%;
}

.view-collections .views-exposed-form .form-actions {
  display: none;
}

.header {
  /* Mobile search and menu toggles */
  /* Primary and secondary menus */
  /* Header search overlay opened */
}

.header__toggle-btn {
  fill: #97040c;
  height: 42px;
  width: 42px;
}

@media (min-width: 1024px) {
  .header__toggle-btn {
    margin-left: 27px;
    position: static;
  }
}

.header__menus {
  /* Main menu */
  /* Resources menu (About Us, Staff Directory, etc.) */
  /* Hide gray header line on largest screens */
}

@media (min-width: 1024px) {
  .header__menus .nav--primary {
    margin-top: 10px;
  }
}

.header__menus .nav--secondary {
  /* About Penn Libraries dropdown */
  /* Search toggle */
}

@media (min-width: 1024px) {
  .header__menus .nav--secondary .nav-dropdown {
    right: 227px;
  }
}

@media (min-width: 1024px) {
  .header__menus .nav--secondary button.header__toggle-btn.header__toggle-btn--search {
    cursor: pointer;
    display: inline-block;
    z-index: 3000;
  }
}

@media (min-width: 1400px) {
  .header:not(.header--extended) .header__menus::before {
    display: none;
  }
}

.header::before, .header::after,
.header .search--header.contain {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out;
}

.search-open .header {
  overflow-y: visible;
}

.search-open .header .search__close {
  background: transparent;
}

.search-opened .header .search--header.contain {
  border-bottom: 0;
  padding-top: 1rem;
  /* Header search close button */
}

@media (min-width: 768px) {
  .search-opened .header .search--header.contain {
    padding-top: 2rem;
  }
}

@media (min-width: 1400px) {
  .search-opened .header .search--header.contain {
    padding-top: .5rem;
  }
}

@media (min-width: 1660px) {
  .search-opened .header .search--header.contain {
    padding-top: 0;
  }
}

.search-opened .header .search--header.contain .search__close {
  background: transparent;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-size: 1.3rem;
  gap: .5rem;
  letter-spacing: 0.45px;
  padding: 20px;
  position: absolute;
  right: 10px;
  text-transform: uppercase;
  top: -5px;
}

@media (max-width: 1023px) {
  .search-opened .header .search--header.contain .search__close {
    display: none;
  }
}

@media (min-width: 1400px) {
  .search-opened .header .search--header.contain .search__close {
    padding: .5rem 2rem;
  }
}

.search-opened .header .search--header.contain .header-search-fields {
  background: transparent;
  border-radius: 0.7rem;
  border: 1px solid rgba(7, 32, 87, 0.5);
  padding: 1rem 0 1rem 2rem;
  position: relative;
}

.search-opened .header .search--header.contain .header-search-fields-items {
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  left: 2%;
  position: absolute;
  right: 0;
  top: 80%;
  z-index: 99;
}

.search-opened .header .search--header.contain .header-search-fields-items div {
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  cursor: pointer;
  padding: 10px;
}

.search-opened .header .search--header.contain .header-search-fields-items div a {
  color: black;
  font-family: "proxima-nova", "ITC Stone Sans", sans-serif;
  padding: 0.4rem 0;
  text-decoration: none;
}

.search-opened .header .search--header.contain .header-search-fields-items div a:hover {
  text-decoration: none;
}

.search-opened .header .search--header.contain .header-search-fields-active {
  background-color: #eee !important;
}

/* Don't know what this is */
@media (min-width: 1024px) {
  .hero-out .header {
    right: 0;
    width: calc(100% - 70px);
  }
  .hero-out #top.sidebarnav--expand .header {
    width: calc(100% - 140px);
  }
  body.gin--vertical-toolbar.hero-out .header {
    width: calc(100% - 136px);
  }
  body.gin--vertical-toolbar.hero-out #top.sidebarnav--expand .header {
    width: calc(100% - 206px);
  }
}

.hero-homepage {
  background: linear-gradient(110.07deg, #072057 0%, #08276A 100%);
  margin-bottom: 50px;
  overflow: visible;
}

@media (min-width: 1024px) {
  .hero-homepage {
    margin-bottom: 110px;
  }
}

.hero-homepage .page-header-hero__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0.2;
}

.hero-homepage .page-header-hero__contain {
  /* Override Penn Global header .contain flexbox */
  display: block;
  position: relative;
  z-index: 3;
}

.hero-homepage .page-header-hero__contain .page-header-hero__content {
  padding-bottom: 30px;
}

.hero-homepage .page-header-hero__contain .page-header-hero__content a.btn {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .hero-homepage .page-header-hero__contain .page-header-hero__content a.btn {
    margin-bottom: 40px;
  }
}

.hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .page-header-hero__content a.btn {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .page-header-hero__content a.btn {
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .page-header-hero__content,
  .hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .page-header-hero__figure .page-header-hero__picture {
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .front .hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .page-header-hero__content {
    margin-top: 184px;
  }
}

.hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .wysiwyg .page-header-hero__title,
.hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .wysiwyg .page-header-hero__subtitle,
.hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .wysiwyg p {
  color: #FFF;
}

.hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .wysiwyg .page-header-hero__title {
  font-family: "PerpetuaMT", "Noto Serif Hebrew", serif;
  font-size: 4.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.222222222;
  margin-top: 0;
  margin-bottom: 40px;
  position: relative;
}

@media (min-width: 768px) {
  .hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .wysiwyg .page-header-hero__title {
    font-size: 5.4rem;
  }
}

.hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .wysiwyg .page-header-hero__title::after {
  background: #EEAA64;
  bottom: -11px;
  content: "";
  display: block;
  height: 4px;
  opacity: 1;
  position: absolute;
  width: 40px;
}

.hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .wysiwyg .page-header-hero__subtitle {
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 1.25;
  position: relative;
  margin-bottom: 10px;
}

.hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .page-header-hero__figure {
  min-height: auto;
}

.hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .page-header-hero__figure .page-header-hero__picture {
  width: 100%;
}

@media (min-width: 1024px) {
  .hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .page-header-hero__figure .page-header-hero__picture {
    margin-bottom: -46px;
  }
  .front .hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .page-header-hero__figure .page-header-hero__picture {
    margin-top: 156px;
  }
}

.hero-homepage .page-header-hero__contain .page-header-hero__content__wrapper .page-header-hero__figure .page-header-hero__picture img {
  width: 100%;
  outline: 2px solid #FFFFFF;
  outline-color: rgba(255, 255, 255, 0.44);
  outline-offset: -20px;
}

@media (min-width: 1024px) {
  .hero-homepage.header-no-featured-image {
    margin-bottom: 80px;
  }
}

.hero-homepage.header-no-featured-image .page-header-hero__content__wrapper {
  display: block;
}

.hero-homepage.header-no-featured-image .page-header-hero__content {
  padding-bottom: 30px;
}

@media (min-width: 1024px) {
  .hero-homepage.header-no-featured-image .page-header-hero__content {
    padding-bottom: 70px;
  }
}

.hero-homepage.header-no-featured-image .page-header-hero__content__contain {
  max-width: unset;
}

.hero-homepage.header-no-featured-image .page-header-hero__figure {
  display: none;
}

.home-search {
  width: 100%;
  display: block;
  position: relative;
  background: #e2e4ec;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  z-index: 4;
  margin-bottom: 10.4rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.home-search .contain {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 2rem;
}

@media (min-width: 1024px) {
  .home-search .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.home-search .form-component {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  width: 46.1rem;
}

@media (min-width: 1080px) {
  .home-search .form-component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 65rem;
  }
}

@media (min-width: 1200px) {
  .home-search .form-component {
    width: 78rem;
  }
}

@media (min-width: 1300px) {
  .home-search .form-component {
    width: 86rem;
  }
}

.home-search .form-component form {
  display: block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 100%;
  width: 46.1rem;
  margin: 0 auto;
  color: #072057;
  font-weight: 400;
  font-size: 1.8rem;
  padding-top: 0;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
}

@media (min-width: 1080px) {
  .home-search .form-component form {
    margin: 0 2rem 0 0;
  }
}

@media (min-width: 1200px) {
  .home-search .form-component form {
    width: 60rem;
  }
}

@media (min-width: 1300px) {
  .home-search .form-component form {
    width: 68rem;
  }
}

.home-search .form-component form .search-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  border-radius: 0.7rem;
  border: 1px solid rgba(7, 32, 87, 0.5);
  padding: 1rem 0 1rem 2rem;
  position: relative;
  height: 6rem;
}

.home-search .form-component form .search-fields-items {
  position: absolute;
  z-index: 99;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  font-size: 1.8rem;
  top: 102%;
  left: 0;
  right: 0;
}

.home-search .form-component form .search-fields-items div {
  padding: 1rem;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.home-search .form-component form .search-fields-items div a {
  padding: 0.4rem 0;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  text-decoration: none;
  color: black;
}

.home-search .form-component form .search-fields-items div a:hover {
  text-decoration: none;
}

.home-search .form-component form .search-fields-active {
  background-color: #eee !important;
}

@media (min-width: 768px) {
  .home-search .form-component form {
    width: 461px;
  }
}

.home-search .form-component form .form__input {
  background: none;
  width: calc(100% - 48px);
  border: none;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.8rem;
  color: #072057;
  font-style: italic;
  float: left;
}

.home-search .form-component form .form__input:focus {
  outline: none;
}

.home-search .form-component form .form__input::-webkit-input-placeholder {
  font-size: 1.8rem;
  color: #072057;
  font-style: italic;
}

.home-search .form-component form .form__input::-moz-placeholder {
  font-size: 1.8rem;
  color: #072057;
  font-style: italic;
}

.home-search .form-component form .form__input:-ms-input-placeholder {
  font-size: 1.8rem;
  color: #072057;
  font-style: italic;
}

.home-search .form-component form .form__input::-ms-input-placeholder {
  font-size: 1.8rem;
  color: #072057;
  font-style: italic;
}

.home-search .form-component form .form__input::placeholder {
  font-size: 1.8rem;
  color: #072057;
  font-style: italic;
}

.home-search .form-component form .form__submit {
  width: 4.8rem;
  height: 4.8rem;
  display: block;
  text-align: right;
  position: relative;
}

.home-search .form-component form .form__submit svg {
  fill: #072057;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home-search .form-component form button {
  padding-right: 2.4rem;
}

.home-search .form-component .advanced-search {
  max-width: 100%;
  width: 46.1rem;
  margin: 1.3rem auto 0;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #fff;
  text-decoration: none;
  display: block;
}

@media (min-width: 1081px) {
  .home-search .form-component .advanced-search {
    width: auto;
    margin: 0;
  }
}

.home-search__links {
  max-width: 100%;
}

.home-search__links ul {
  max-width: 100%;
  width: 46.1rem;
  margin: 0;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1024px) {
  .home-search__links ul {
    width: auto;
    margin: -1rem 0 0;
  }
}

@media (min-width: 1081px) {
  .home-search__links ul {
    margin: 0;
  }
}

.home-search__links ul li {
  list-style: none;
  margin-right: 3.8rem;
}

.home-search__links ul li:last-child {
  margin-right: 0;
}

.home-search__links ul li a {
  color: #072057;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-decoration: none;
}

.home-search__links ul li a.btn {
  background: #fff;
  color: #072057;
  margin: 0;
}

.is-hovered .home-search__links ul li a.btn, .home-search__links ul li a.btn:hover, .home-search__links ul li a.btn:focus {
  background: #072057;
  color: #fff;
}

@media (min-width: 1200px) {
  .home-search .form-component form {
    width: 58rem;
  }
}

@media (min-width: 1300px) {
  .home-search .form-component form {
    width: 66rem;
  }
}

body.front .home-search {
  background: none;
  position: absolute;
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  body.front .home-search {
    position: relative;
    background: #384f80;
  }
}

body.front .home-search__links ul li a {
  color: #fff;
}

.grid__content {
  gap: 40px;
}

.icon-block {
  margin: 0;
  border: none;
  text-align: center;
  padding: 47px 25px 37px 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin-top: 22px;
  color: #072057;
  -webkit-transition: -webkit-box-shadow .2s ease;
  transition: -webkit-box-shadow .2s ease;
  transition: box-shadow .2s ease;
  transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
}

@media (min-width: 640px) {
  .icon-block {
    border-left: none;
    border-top: none;
  }
  .icon-block:last-of-type {
    border-right: none;
  }
  .grid__content--4 .icon-block {
    width: calc(100% - 48px);
  }
  .grid__content--4 .icon-block:nth-child(2n) {
    border-right: none;
  }
}

@media (min-width: 1024px) {
  .grid__content--4 .icon-block {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(25% - 40px);
            flex: 0 1 calc(25% - 40px);
    width: calc(25% - 40px);
  }
  .grid__content--4 .icon-block:nth-child(4n-2) {
    border-right: none;
  }
  .grid__content--4 .icon-block--plain {
    border: 0;
  }
}

.icon-block:first-of-type {
  padding: 47px 25px 37px 25px;
}

.icon-block:hover {
  -webkit-box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.15);
}

.icon-block img {
  margin-bottom: 31px;
}

.contain--wide.contain .image-slider {
  max-width: 1450px;
}

.contain--wide.contain .image-slider .slick-slide {
  max-width: 1450px;
}

.contain--wide.contain .image-slider .slick-slide img {
  height: 560px;
  width: 1450px;
  -o-object-fit: cover;
     object-fit: cover;
}

.contain--small .image-slider {
  max-width: 950px;
  margin: 0 auto;
}

.contain--small .image-slider .slick-slide {
  max-width: 950px;
}

.contain--small .image-slider .slick-slide img {
  height: 560px;
  width: 950px;
  -o-object-fit: cover;
     object-fit: cover;
}

.contain .image-slider {
  max-width: 1000px;
  margin: auto;
}

.contain .image-slider .slick-slide {
  max-width: 1000px;
}

.contain .image-slider .slick-slide img {
  height: 560px;
  width: 1000px;
  -o-object-fit: cover;
     object-fit: cover;
}

.image-slider--alt {
  max-width: 100%;
}

.image-slider--alt .slick-slide {
  max-width: 700px;
  opacity: 0.3;
  margin-left: 12px;
  margin-right: 12px;
}

.image-slider--alt .slick-slide .image-slider-card__controls {
  opacity: 0;
}

.image-slider--alt .slick-slide.slick-current {
  opacity: 1;
}

.image-slider--alt .slick-slide.slick-current .image-slider-card__controls {
  opacity: 1;
}

.image-slider--alt .slick-slide img {
  height: 560px;
  width: 700px;
  -o-object-fit: cover;
     object-fit: cover;
}

img.blog-author-photo {
  border-radius: 50%;
  max-width: 275px;
}

.layout {
  margin-bottom: 0;
  margin-top: 0;
}

@media (min-width: 1024px) {
  .layout {
    margin-bottom: 0;
    margin-top: 0;
  }
}

.layout.section-margin {
  margin-bottom: 50px !important;
  margin-top: 50px !important;
}

@media (min-width: 1024px) {
  .layout.section-margin {
    margin-bottom: 80px !important;
    margin-top: 80px !important;
  }
}

.layout.section-margin-bottom {
  margin-bottom: 50px !important;
}

@media (min-width: 1024px) {
  .layout.section-margin-bottom {
    margin-bottom: 80px !important;
  }
}

.layout.section-margin-top {
  margin-top: 50px;
}

@media (min-width: 1024px) {
  .layout.section-margin-top {
    margin-top: 80px;
  }
}

.layout__flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

iframe {
  max-width: 100%;
}

@media (min-width: 1024px) {
  .view-taxonomy-term-listing .view-header.section-padding {
    padding-bottom: 50px;
  }
}

.listing .views-element-container, .blog_posts .views-element-container {
  position: relative;
  z-index: 2;
}

.listing.bg-blue {
  /* Arrow is usually Penn red...make orange when on navy background */
}

.listing.bg-blue .section-header__link a::after, .listing.bg-blue .wysiwyg .section-header__link a::after {
  background: url(/themes/custom/penn_libraries/assets/img/svg/orange-arrow.svg) no-repeat 50% 50%;
}

/* Faculty grid */
.listing.view-id-library_staff .view-all-staff-btn__container {
  margin-top: 0;
  text-align: center;
}

.listing.view-id-library_staff.bg-blue .faculty-card * {
  color: #ffffff;
}

.listing.view-id-library_staff.bg-blue .btn {
  border: 1px solid #fff;
}

.listing.view-id-library_staff.bg-blue .btn:hover {
  color: #4579b9;
  background: #fff;
}

.blog_posts.page,
.taxonomy-term-listing .page,
.taxonomy_term_listing.page {
  background: linear-gradient(108.99deg, #f1f9ff 5.82%, #feefdf 100%);
  padding: 50px 0;
}

.blog_posts.page::after,
.taxonomy-term-listing .page::after,
.taxonomy_term_listing.page::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  width: 100%;
  height: 203px;
  z-index: -1;
}

.blog_posts.page .contain,
.taxonomy-term-listing .page .contain,
.taxonomy_term_listing.page .contain {
  position: relative;
  z-index: 10;
}

@media (min-width: 768px) {
  .blog_posts.page,
  .taxonomy-term-listing .page,
  .taxonomy_term_listing.page {
    padding: 80px 0;
  }
}

.spacer--vertical {
  height: 10rem;
}

.menu-offscreen {
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 99;
  visibility: hidden;
  padding: 16px 10px 30px 0px;
}

.menu-offscreen .navbar-toggle {
  display: none;
}

@media (max-width: 1023px) {
  .menu-offscreen {
    left: 0 !important;
    padding-bottom: 16px;
  }
  .menu-offscreen.opened {
    height: calc(100% - 72px);
    background: #E2E4EC;
    padding: 40px 0;
  }
  .menu-offscreen.opened .menu-offscreen__contain {
    display: block;
    height: 100%;
    padding: 0;
  }
  .menu-offscreen.opened .menu-offscreen__contain .menu-offscreen__nav--level-0 {
    height: 100%;
  }
}

@media (max-width: 1023px) and (max-width: 767px) {
  .menu-offscreen.opened {
    height: calc(100% - 60px);
  }
}

@media (max-width: 1023px) {
  .menu-offscreen .menu-offscreen__contain {
    display: none;
  }
  .menu-offscreen .menu-offscreen__nav--open {
    left: 0;
    z-index: 10;
    width: 100%;
  }
  .menu-offscreen .menu-offscreen__nav-toggler {
    opacity: 1;
    padding: 40px 20px;
    margin-bottom: 0;
  }
  .menu-offscreen .menu-offscreen__nav-toggler:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  }
  .menu-offscreen .menu-offscreen__nav-toggler:after {
    content: url("/themes/custom/penn_libraries/assets/img/svg/menu-arrow-right.svg");
  }
  .menu-offscreen .menu-offscreen__nav-toggler svg {
    margin-right: 30px;
  }
  .menu-offscreen .menu-offscreen__nav-toggler svg path {
    fill: #4078bc;
  }
  .menu-offscreen .menu-offscreen__nav-toggler svg.br-menu, .menu-offscreen .menu-offscreen__nav-toggler svg.ask {
    margin-right: 30px;
  }
  .menu-offscreen .menu-offscreen__nav-toggler-text {
    width: 100%;
  }
  .menu-offscreen .navbar-toggle {
    cursor: pointer;
    border: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }
  .menu-offscreen .navbar-toggle[aria-expanded='true'] {
    margin-top: -50px;
  }
  .menu-offscreen .navbar-toggle[aria-expanded='true']:after {
    content: url("/themes/custom/penn_libraries/assets/img/svg/menu-close.svg");
    background: #3069AD;
    padding: 20px;
    border-radius: 50px;
  }
  .menu-offscreen .navbar-toggle .icon-bar {
    display: block;
    width: 12px;
    height: 12px;
    margin: 2px;
    border-radius: 50px;
    -webkit-transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    background-color: #3069AD;
  }
  .menu-offscreen .navbar-toggle[aria-expanded='true'] .icon-bar {
    opacity: 0;
  }
  #menu-offscreen.opened .menu-offscreen__main .menu-offscreen__nav--level-0 {
    visibility: visible;
    opacity: 1;
    position: static;
    display: block;
    height: 100%;
  }
}

.menu-offscreen .side-logo {
  width: 100%;
  text-align: center;
  margin-bottom: 200px;
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

@media (max-width: 1023px) {
  .menu-offscreen .side-logo {
    display: none;
  }
}

@media (min-width: 1024px) {
  .menu-offscreen {
    background: #fff;
    position: fixed;
    top: 0px;
    bottom: 0;
    width: 100%;
    max-width: 70px;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    z-index: 99;
    left: -100%;
    visibility: hidden;
    padding: 16px 10px 30px 0px;
  }
  .menu-offscreen.sidebarnav--expand {
    max-width: 148px;
    -webkit-transition: all .35s ease-in;
    transition: all .35s ease-in;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
            transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  .menu-offscreen.sidebarnav--expand .menu-offscreen__nav-toggler-text, .menu-offscreen.sidebarnav--expand .menu-offscreen__nav-toggler-ask {
    opacity: 1;
    -webkit-transition: opacity .1s linear .1s;
    transition: opacity .1s linear .1s;
  }
}

.menu-offscreen--open {
  left: 0;
  visibility: visible;
  border-right: 0.5px solid rgba(0, 0, 0, 0.1);
}

.menu-offscreen__contain {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 15px;
}

.menu-offscreen .nav__link-text {
  display: inline-block;
}

.menu-offscreen__primary, .menu-offscreen__main {
  padding-bottom: 29px;
  margin-bottom: 19px;
}

.menu-offscreen__primary {
  margin-top: 14px;
}

.menu-offscreen__primary .nav__link {
  font-size: 2.3rem;
}

.menu-offscreen__main {
  padding-bottom: 20px;
}

.menu-offscreen__main .menu-offscreen__nav--level-0 .nav__link {
  font-size: 2.2rem;
}

.menu-offscreen__main .nav__menu-item--level-1 {
  border: 0;
  margin: 0;
  padding: 0;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .nav__link {
  font-size: 2rem;
  font-weight: normal;
  border-bottom: 2px solid #f2f2f3;
  padding-top: 18px;
  padding-bottom: 18px;
  display: block;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .nav__link .nav__link-text {
  padding-top: 8px;
  padding-bottom: 7px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 header {
  background: #4078bc;
  position: relative;
  padding: 46px 36px 48px 40px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 header h2 {
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 3rem;
  font-family: "PerpetuaMT", "Noto Serif Hebrew", serif;
  margin-top: 0px;
  margin-bottom: 0px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 header .menu-offscreen__return {
  position: absolute;
  width: 16px;
  height: 16px;
  display: block;
  right: 36px;
  top: 50px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content {
  width: 100%;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.chat {
  padding-top: 30px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.chat .flyout-ask {
  display: block;
  color: #fff;
  text-align: center;
  margin-bottom: 1rem;
  font-weight: bold;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-level-0 > .menu-item--level0 > .menu-item--toggle-container > .toggle-button {
  background: url(/themes/custom/penn_libraries/assets/img/svg/menu-close.svg) no-repeat 10% 62%;
  width: 20px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(-20px, 33px);
          transform: translate(-20px, 33px);
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-level-0 > .sub-menu {
  margin: 0 20px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-level-0 .menu-item--level0 > .sub-menu {
  padding: 0 40px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-level-0 .menu-item--level0 .menu-item--active-trail > .menu-item--container a {
  font-size: 1.8rem;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-level-0 .menu-item--level0 > .menu-item--toggle-container {
  background: #4078bc !important;
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 3rem;
  font-family: "PerpetuaMT", "Noto Serif Hebrew", serif;
  margin-top: 0px;
  margin-bottom: 0px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-level-0 .menu-item--level0 > .menu-item--toggle-container a {
  color: #fff;
  padding: 46px 36px 48px 40px;
  font-size: 3rem;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--level1 {
  font-size: 1.8rem;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--level1 > .sub-menu {
  visibility: hidden;
  opacity: 0;
  height: 0;
  -webkit-transition: height .25s ease-in-out;
  transition: height .25s ease-in-out;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--level1 a {
  color: #072057;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--level1.menu-item--expanded > .sub-menu li a:before {
  padding-left: 50px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--active-trail.menu-item--expanded > .sub-menu {
  visibility: visible;
  opacity: 1;
  height: auto;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--active-trail.menu-item--expanded > .sub-menu > .menu-item--expanded :not(.menu-item--active-trail) > .sub-menu {
  display: none;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--level2 a {
  font-size: 1.6rem;
  margin-left: 77px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--level2.menu-item--expanded a {
  margin-left: 77px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--level2.menu-item--expanded .toggle-button {
  left: 80px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--level3 a {
  font-size: 1.5rem !important;
  margin-left: 77px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--level3.menu-item--expanded a {
  margin-left: 77px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--level3.menu-item--expanded .toggle-button {
  left: 80px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--expanded:not(.menu-item--level0).menu-item--active-trail > .menu-item--toggle-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--expanded:not(.menu-item--level0).menu-item--active-trail > .menu-item--toggle-container .toggle-button {
  background: url(/themes/custom/penn_libraries/assets/img/svg/menu-arrow-down.svg) no-repeat 10% 62%;
  width: 20px;
  height: 50px;
  position: absolute;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--expanded:not(.menu-item--level0).menu-item--active-trail > .menu-item--toggle-container a {
  width: 100%;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--expanded:not(.menu-item--level0) .menu-item--toggle-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--expanded:not(.menu-item--level0) .menu-item--toggle-container .toggle-button {
  background: url(/themes/custom/penn_libraries/assets/img/svg/menu-arrow-right.svg) no-repeat 10% 62%;
  width: 20px;
  height: 50px;
  position: absolute;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .flyout-content.sidebar-menu .menu-item--expanded:not(.menu-item--level0) .menu-item--toggle-container a {
  width: 100%;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 ul {
  margin-left: 0px;
  padding-left: 0px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 ul li {
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.26);
}

.menu-offscreen__main .menu-offscreen__nav--level-1 ul li:last-child {
  border-bottom: none;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 ul li a {
  color: #fff;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  text-decoration: none;
  padding-top: 33px;
  padding-bottom: 25px;
  display: block;
  margin-left: 40px;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .nav__link--parent {
  font-size: 2.2rem;
  border: 0;
  padding-top: 20px;
  padding-bottom: 5px;
  display: block;
}

.menu-offscreen__main .menu-offscreen__nav--level-1 .nav__link--parent .nav__link-text {
  padding-top: 0;
  padding-bottom: 0;
}

.menu-offscreen__main .menu-offscreen__nav--level-1.breadcrumb-menu ul li {
  border-bottom: none;
}

.menu-offscreen__main .menu-offscreen__nav--level-1.breadcrumb-menu ul li .menu-item--container {
  border-bottom: 1px solid rgba(64, 120, 188, 0.26);
}

.menu-offscreen__main .menu-offscreen__nav--level-1.breadcrumb-menu ul li a {
  color: #072057;
}

.menu-offscreen__secondary .menu-offscreen__nav--level-0 .nav__link {
  font-size: 1.8rem;
  font-weight: 600;
}

.menu-offscreen__secondary .menu-offscreen__nav--level-1 .nav__link {
  font-size: rem(20);
  font-weight: normal;
  border-bottom: 2px solid #f2f2f3;
  padding-top: 18px;
  padding-bottom: 18px;
  display: block;
}

.menu-offscreen__secondary .menu-offscreen__nav--level-1 .nav__link .nav__link-text {
  padding-top: 8px;
  padding-bottom: 7px;
}

.menu-offscreen__nav {
  padding-left: 0;
  list-style: none;
}

.menu-offscreen__nav--level-0 .nav__link {
  font-weight: bold;
}

.menu-offscreen__nav--level-0 .nav__link-text {
  padding-top: 8px;
  padding-bottom: 7px;
}

.menu-offscreen__nav--level-1, .menu-offscreen__nav--level-2 {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 146px;
  width: 487px;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  overflow: visible;
  visibility: hidden;
  pointer-events: none;
  background: #3069AD;
  height: 100%;
}

.menu-offscreen__nav--level-1 .menu-offscreen__nav-toggler, .menu-offscreen__nav--level-2 .menu-offscreen__nav-toggler {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: #072057;
}

.menu-offscreen__nav--level-1.breadcrumb-menu, .menu-offscreen__nav--level-2.breadcrumb-menu {
  background: #F7FAFF;
}

.offscreen--level-2 .menu-offscreen__nav--level-1 {
  overflow: hidden;
}

.menu-offscreen__nav--level-2 {
  width: calc(100% - 50px);
}

.menu-offscreen__nav--level-2 .menu-offscreen__nav-link.nav__link--parent,
.menu-offscreen__nav--level-2 .nav__link.nav__link--parent {
  padding-top: 0;
}

.menu-offscreen__nav--open {
  visibility: visible;
  height: 100%;
  pointer-events: auto;
  overflow: auto;
  left: 146px;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.menu-offscreen__nav--open.menu-offscreen__nav--level-2 {
  position: fixed;
}

.menu-offscreen__nav-toggler {
  display: block;
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  color: #072057;
  border: 0;
  background: none;
  padding-left: 0;
  padding-right: 0;
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  /* Safari */
  padding-left: 17px;
  margin-bottom: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 4px solid transparent;
}

@media (max-width: 1023px) {
  .menu-offscreen__nav-toggler {
    width: 100%;
  }
}

.menu-offscreen__nav-toggler .svg {
  margin-right: 13px;
  display: inline-block;
  vertical-align: middle;
}

.menu-offscreen__nav-toggler.chat__button:hover .menu-offscreen__nav-toggler-text, .menu-offscreen__nav-toggler.chat__button:focus .menu-offscreen__nav-toggler-text {
  opacity: 1 !important;
}

.menu-offscreen__nav-toggler.chat__button:hover .menu-offscreen__nav-toggler-text svg.ask, .menu-offscreen__nav-toggler.chat__button:focus .menu-offscreen__nav-toggler-text svg.ask {
  opacity: 1;
}

.menu-offscreen__nav-toggler.chat__button:hover .menu-offscreen__nav-toggler-text .menu-offscreen__nav-toggler-ask, .menu-offscreen__nav-toggler.chat__button:focus .menu-offscreen__nav-toggler-text .menu-offscreen__nav-toggler-ask {
  opacity: .4;
}

.menu-offscreen__secondary .menu-offscreen__nav-toggler {
  font-size: 1.8rem;
  padding: 0;
  font-weight: 600;
}

.menu-offscreen__nav-toggler-text {
  padding-top: 8px;
  padding-bottom: 7px;
  font-size: 14px;
  display: inline-block;
}

@media (min-width: 1024px) {
  .menu__button .menu-offscreen__nav-toggler-text, .start__button .menu-offscreen__nav-toggler-text {
    opacity: 0;
  }
  .menu-offscreen__nav-toggler-text .menu-offscreen__nav-toggler-ask {
    opacity: 0;
  }
}

.menu-offscreen__nav-toggler svg {
  margin: 0;
  margin-right: 18px;
  display: inline-block;
  vertical-align: middle;
}

.menu-offscreen__nav-toggler svg.ask {
  margin-right: 9px;
  opacity: 1;
}

.menu-offscreen__nav-toggler svg.br-menu {
  margin-right: 11px;
}

.menu-offscreen__nav-toggler--open {
  border-left: 4px solid #4078bc;
}

.menu-offscreen__nav-toggler--open:active .menu-offscreen__nav-toggler-text {
  opacity: 1;
}

.menu-offscreen__nav-toggler--open svg.ask {
  opacity: 1;
}

.menu-offscreen__nav-toggler:focus {
  outline-offset: -3px;
  outline: rgba(0, 0, 0, 0.5) dotted 2px;
}

.menu-offscreen__nav-toggler.menu__button:hover .menu-offscreen__nav-toggler-text, .menu-offscreen__nav-toggler.start__button:hover .menu-offscreen__nav-toggler-text {
  opacity: .4;
}

.menu-offscreen__nav-toggler.start__button svg {
  width: 25px;
}

.menu-offscreen__nav-toggler.chat__button .menu-offscreen__nav-toggler-text {
  opacity: 1;
}

.menu-offscreen__nav-toggler.chat__button:hover .menu-offscreen__nav-toggler-ask {
  opacity: .4;
}

.menu-offscreen__nav .menu-offscreen__nav-toggler.chat_button .menu-offscreen__nav-toggler-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu-offscreen__nav .menu-offscreen__nav-toggler.chat_button:hover .menu-offscreen__nav-toggler-text svg.ask {
  opacity: 1;
}

.menu-offscreen__nav .menu-offscreen__nav-toggler.chat_button:hover .menu-offscreen__nav-toggler-text .menu-offscreen__nav-toggler-ask {
  opacity: .4;
}

@media (min-width: 1024px) {
  body.offscreen-levels-open .side-logo {
    opacity: 1;
  }
}

body:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(7, 32, 87, 0.58);
  opacity: 0;
  pointer-events: none;
}

.offscreen-open {
  overflow: hidden;
}

.offscreen-open:before {
  opacity: 1;
}

body.gin--vertical-toolbar .menu-offscreen {
  left: 66px;
  border-right: 0.5px solid rgba(0, 0, 0, 0.1);
}

.library-info {
  padding-bottom: 3rem;
}

@media (min-width: 1024px) {
  .library-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1024px) {
  .library-info {
    margin: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

.library-info__content__contain {
  padding: 2rem;
}

@media (min-width: 1024px) {
  .library-info__content__contain {
    padding: 7rem 2rem 0 0;
    max-width: 51.8rem;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}

@media (min-width: 1400px) {
  .library-info__content__contain {
    padding: 7rem 14.52991453% 0 0;
  }
}

@media (min-width: 1024px) {
  .library-info__content {
    margin: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

.library-info__content .btn {
  margin-top: 1.6rem;
}

.library-info__figure {
  position: relative;
  margin: 0 -2.2rem;
}

@media (min-width: 1024px) {
  .library-info__figure {
    margin: 0;
    margin-top: 6.6rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.library-info__figure img {
  width: 100%;
}

.library-info .contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* allowing the child elements of the <form> to wrap
		   to new lines when necessary: */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}

.library-info .contact-list__label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 17%;
          flex: 1 1 17%;
  min-width: 12rem;
  padding-top: .4rem;
}

.library-info .contact-list__content {
  /* assigning the flex-grow and flex-shrink (respectively)
		   properties to 1, in order that they grow/shrink by the
		   same amount relative to each other; and setting the
		   flex-basis to 40% (the percentage derived from the parent)
		   in order to assign a width that's too large to accommodate
		   more than two elements per line: */
  -webkit-box-flex: 1;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  font-weight: 400;
  font-size: 2rem;
  color: #072057;
}

.library-info .contact-list__content span.office-hours__item-slots {
  vertical-align: baseline;
}

.library-info .contact-list__content p {
  color: #072057;
  margin-top: 0;
  font-weight: inherit;
  margin-bottom: 1.2em;
}

.library-info .contact-list__label {
  color: #072057;
  font-size: 1.8rem;
  font-weight: 700;
  /* setting the margin-right of the <label> to 1em to enforce a
		   gutter between the <label> and the neighbouring <input> (the
		   CSS Box Alignment module (level 3) introduces the 'gap' property
		   that can also be used in the flexbox layout (among others) but
		   that's not yet supported by browsers, so we have to use margins: */
  margin-right: 1em;
}

.hours-header__label {
  font-weight: 600;
  padding-left: 9.5rem;
}

.hours-header__hours {
  font-weight: 400;
  padding-left: 2.3rem;
}

/* xxxxxxxxxxxxxxxx dept-hp xxxxxxxxxxxxxxxxxxxxxx*/
.detail_type_library {
  /*show one alert, not the other*/
  /*.dept-hp .forspaces.summary {
		display:  none;
	}*/
  /*h1*/
  /*blue area*/
  /*.header-width, 2 BLOCKS: */
  /*problem*/
  /**/
  /*xxx*/
  /*header section widths*/
  /*info*/
  /*alert at top of page*/
  /*alert in light blue header*/
  /*summary, e.g., Museum blurb*/
  /*address*/
}

.detail_type_library h1,
.detail_type_library_spaces h1 {
  font-size: 4.5rem;
  line-height: 1;
  margin-bottom: 2.1rem;
}

@media (min-width: 1024px) {
  .detail_type_library h1,
  .detail_type_library_spaces h1 {
    font-size: 4.5rem;
    line-height: 1;
    margin-bottom: 2.1rem;
  }
}

.detail_type_library .header-width {
  width: 128rem;
  max-width: 100%;
  margin: 0 auto;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro h1 {
  font-size: 4.8rem;
  margin-bottom: 2.1rem;
  line-height: 1;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro h1::after {
  bottom: -2.5rem;
  left: .5rem;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  height: .6rem;
}

@media (min-width: 1024px) {
  .detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro h1 {
    font-size: 3.8rem;
  }
}

@media (min-width: 1200px) {
  .detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro h1 {
    font-size: 4.3rem;
  }
}

@media (min-width: 1300px) {
  .detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro h1 {
    font-size: 4.8rem;
  }
}

.detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue,
.detail_type_library header.page-header.page-header--centered.bg-blue {
  position: relative;
  text-align: left;
  padding-top: 3rem;
  padding-bottom: 2rem;
  margin-bottom: 5rem;
}

.detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width,
.detail_type_library header.page-header.page-header--centered.bg-blue .header-width {
  width: 128rem;
  max-width: 100%;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue,
  .detail_type_library header.page-header.page-header--centered.bg-blue {
    padding-top: 4rem;
  }
}

.detail_type_library header.page-header.page-header--centered.bg-blue .header-width section.page-header-hero.library-info.section-margin {
  margin-bottom: 0;
}

.detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width section.page-header-hero.library-info,
.detail_type_library header.page-header.page-header--centered.bg-blue .header-width section.page-header-hero.library-info {
  margin-top: 0;
  display: inline-block !important;
}

.detail_type_library .header-width > .contain,
.detail_type_library .header-width section.page-header-hero.library-info,
.detail_type_library .header-width section.page-header-hero.library-info.section-margin {
  display: inline-block;
}

@media (min-width: 700px) {
  .detail_type_library header.page-header.page-header--centered.bg-blue .page-header-hero__image {
    max-width: 90%;
    margin: 0 auto;
  }
}

@media (min-width: 850px) {
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width > .contain,
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width section.page-header-hero.library-info,
  .detail_type_library header.page-header.page-header--centered.bg-blue .header-width > .contain,
  .detail_type_library header.page-header.page-header--centered.bg-blue .header-width section.page-header-hero.library-info {
    margin: 0;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    display: inline-block;
    vertical-align: top;
  }
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width section.page-header-hero.library-info,
  .detail_type_library header.page-header.page-header--centered.bg-blue .header-width section.page-header-hero.library-info {
    padding-right: 2rem;
    position: relative;
    top: 0;
  }
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width section.page-header-hero.library-info .contain,
  .detail_type_library header.page-header.page-header--centered.bg-blue .header-width section.page-header-hero.library-info .contain {
    padding-right: 0;
  }
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width section.page-header-hero.library-info .contain .page-header-hero__figure,
  .detail_type_library header.page-header.page-header--centered.bg-blue .header-width section.page-header-hero.library-info .contain .page-header-hero__figure {
    padding-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width section.page-header-hero.library-info .contain .page-header-hero__figure picture.page-header-hero__picture,
  .detail_type_library header.page-header.page-header--centered.bg-blue .header-width section.page-header-hero.library-info .contain .page-header-hero__figure picture.page-header-hero__picture {
    position: relative;
    top: .5rem;
    margin-top: 0;
  }
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width section.page-header-hero.library-info .contain .page-header-hero__figure picture.page-header-hero__picture img.page-header-hero__image,
  .detail_type_library header.page-header.page-header--centered.bg-blue .header-width section.page-header-hero.library-info .contain .page-header-hero__figure picture.page-header-hero__picture img.page-header-hero__image {
    outline: 1px solid #fff;
    outline-offset: -2rem;
    max-width: 100%;
  }
}

@media (min-width: 850px) {
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue,
  .detail_type_library header.page-header.page-header--centered.bg-blue {
    height: auto;
  }
}

@media (min-width: 900px) {
  .detail_type_library header.page-header {
    height: auto;
  }
}

@media (min-width: 1400px) {
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue,
  .detail_type_library header.page-header.page-header--centered.bg-blue {
    height: 42rem;
  }
}

@media (min-width: 850px) {
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width > .contain,
  .detail_type_library header.page-header .header-width > .contain {
    width: 58%;
  }
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width section.page-header-hero.library-info,
  .detail_type_library header.page-header .header-width section.page-header-hero.library-info {
    width: 40%;
  }
}

@media (min-width: 1000px) {
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width > .contain,
  .detail_type_library header.page-header .wysiwyg.intro.page-header--centered.bg-blue .header-width section.page-header-hero.library-info,
  .detail_type_library header.page-header .header-width > .contain,
  .detail_type_library header.page-header .header-width section.page-header-hero.library-info {
    width: 49%;
  }
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .page-header-hero__content__contain {
  padding: 0 2rem 2rem 0;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .page-header-hero__content__contain .paragraph--type--detail-type-library.page-header {
  padding-top: 0;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list {
  padding-top: 2.2rem;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list > div {
  margin-top: .8rem;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list .contact-list__label,
.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list .contact-list__content,
.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list .contact-list__content p,
.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list a {
  color: #072057;
  font-size: 1.8rem;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list a.btn.btn--outline {
  display: block;
  margin-top: 3rem;
  width: 13rem;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list .contact-list__label {
  font-weight: 700;
  margin-right: 1em;
  float: left;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list .contact-list__content p {
  font-weight: normal;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list a.arrow,
.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list button.arrow {
  color: #072057;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.6rem;
  text-transform: uppercase;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list a.arrow::after,
.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list button.arrow::after {
  content: '';
  display: inline-block;
  background: url(/themes/custom/penn_libraries/assets/img/svg/red-arrow.svg) no-repeat 50% 50%;
  width: 1.8rem;
  height: 1.4rem;
  margin-left: 1.5rem;
  position: relative;
  -webkit-transition: inherit;
  transition: inherit;
}

.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list a.btn.btn--outline:hover,
.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list a.btn.btn--outline:active,
.detail_type_library header.page-header.bg-blue .header-width .contain .wysiwyg.intro .page-header-hero__content .contact-list a.btn.btn--outline:focus {
  color: #fff;
}

@media (min-width: 850px) {
  .detail_type_library header.page-header div.contact-list div.contact-list__content.location {
    margin-right: -100%;
  }
  .detail_type_library header.page-header div.contact-list div.contact-list__content.location p.address-block {
    margin-left: 0 !important;
    clear: left;
  }
}

@media (min-width: 900px) {
  .detail_type_library header.page-header div.contact-list div.contact-list__content.location {
    margin-right: 0;
  }
}

@media (min-width: 1230px) {
  .detail_type_library header.page-header div.contact-list div.contact-list__content.location p.address-block {
    margin-left: 9.3rem !important;
    clear: none;
  }
}

.detail_type_library header.page-header .wysiwyg.intro p,
.detail_type_library header.page-header .wysiwyg.intro .contact-list__content p {
  font-size: 1.8rem;
  /*button
	  a.btn.btn--outline {
	  	display:block;
			margin-top: 3rem;
	  }*/
}

@media (min-width: 1024px) {
  .detail_type_library {
    /*rm dept-hp*/
  }
  .detail_type_library .page-header-hero__content__contain {
    padding: 0 2rem 0 0;
    max-width: 51.8rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
}

@media (min-width: 1400px) {
  .detail_type_library {
    /*rm dept-hp*/
  }
  .detail_type_library .page-header-hero__content__contain {
    padding: 0 14.52991453% 0 0;
  }
}

.detail_type_library .arrow.location {
  background-image: url(/sites/default/files/images/floorplans/floorplan-icon.png);
  background-repeat: no-repeat;
  height: 4.6rem;
  width: 8.5rem;
  display: block;
  background-size: auto 4.6rem;
}

.detail_type_library .arrow.location::after {
  margin: 0;
  left: 6.5rem;
  top: 1.5rem;
}

.detail_type_library .alert.alert--primary .alert__message p a {
  color: #fff;
}

.detail_type_library .dept-hp-alert-container {
  background: #e2ecf4;
  padding: 4rem 2rem 0;
}

.detail_type_library .dept-hp-alert-container .header-width .dept-hp-alert {
  background: #4078bc;
  margin: 0;
  padding: 2rem;
  width: 100%;
}

.detail_type_library .dept-hp-alert-container .header-width .dept-hp-alert p {
  line-height: 1.6;
  margin: 0 0 1rem;
  text-align: center;
}

.detail_type_library .dept-hp-alert-container .header-width .dept-hp-alert p:last-child {
  margin-bottom: 0;
}

.detail_type_library .dept-hp-alert-container .header-width .dept-hp-alert p, .detail_type_library .dept-hp-alert-container .header-width .dept-hp-alert a {
  color: #fff;
}

.detail_type_library .dept-hp-summary {
  margin-top: 7rem;
}

.detail_type_library .page-header div.contact-list div.contact-list__content.location p.address-block {
  margin-left: 9.3rem !important;
}

.detail_type_library .address-block > br:nth-child(3) {
  display: none;
}

.lib-search__container .lib-search {
  /* Padding for gradient */
  padding-bottom: 50px;
  padding-top: 50px;
  /* Remove all heading levels below once centralized */
}

.lib-search__container .lib-search h2,
.lib-search__container .lib-search .h2,
.lib-search__container .lib-search h3,
.lib-search__container .lib-search .h3,
.lib-search__container .lib-search h4,
.lib-search__container .lib-search .h4,
.lib-search__container .lib-search h5,
.lib-search__container .lib-search .h5,
.lib-search__container .lib-search h6,
.lib-search__container .lib-search .h6,
.lib-search__container .lib-search p {
  color: #072057;
}

.lib-search__container .lib-search h2,
.lib-search__container .lib-search .h2 {
  font-size: 3.5rem;
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  .lib-search__container .lib-search h2,
  .lib-search__container .lib-search .h2 {
    font-size: 4.5rem;
  }
}

.lib-search__container .lib-search h3,
.lib-search__container .lib-search .h3 {
  font-size: 3.5rem;
}

.lib-search__container .lib-search h4,
.lib-search__container .lib-search .h4 {
  font-size: 3.1rem;
}

.lib-search__container .lib-search h5,
.lib-search__container .lib-search .h5 {
  font-size: 2.2rem;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-weight: 700;
}

.lib-search__container .lib-search h6,
.lib-search__container .lib-search .h6 {
  font-size: 1.8rem;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #990000;
}

.lib-search__container .lib-search form {
  margin-bottom: 30px;
  max-width: 670px;
}

.lib-search__container .lib-search form h4 {
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-size: 2rem;
}

.lib-search__container .lib-search form label {
  font-size: 1.8rem;
}

.lib-search__container .lib-search form label.checkbox-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
}

.lib-search__container .lib-search form input[type="text"] {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(7, 32, 87, 0.5);
  color: #072057;
  display: block;
  float: none;
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 2rem;
  padding: 1rem 2rem !important;
  width: 100% !important;
}

.lib-search__container .lib-search form .input-group {
  display: block;
  max-width: 100%;
  width: 100%;
}

.lib-search__container .lib-search form select {
  color: #072057;
  font-size: 1.8rem;
  margin-bottom: 2rem;
  max-width: 670px;
  padding: 1rem 6rem 1rem 2rem;
}

.lib-search__container .lib-search form input[type="text"],
.lib-search__container .lib-search form select {
  min-height: 5.5rem;
}

.lib-search__container .lib-search form input[type="checkbox"] {
  margin-right: 9px;
}

.lib-search__container .lib-search form .input-group-btn button[type="submit"],
.lib-search__container .lib-search form input[type="submit"]:not(.ignore-old-styles),
.lib-search__container .lib-search form button[type="submit"] {
  /* styling */
  background: #4078bc none;
  border-radius: 21px;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
  height: auto;
  letter-spacing: normal;
  line-height: 1.2rem;
  margin-bottom: 4rem;
  min-width: 48px;
  padding: 1rem 2rem;
  text-shadow: none !important;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /* reset */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  color: #fff;
  display: block;
}

.is-hovered .lib-search__container .lib-search form .input-group-btn button[type="submit"], .lib-search__container .lib-search form .input-group-btn button[type="submit"]:hover, .lib-search__container .lib-search form .input-group-btn button[type="submit"]:focus, .is-hovered
.lib-search__container .lib-search form input[type="submit"]:not(.ignore-old-styles),
.lib-search__container .lib-search form input[type="submit"]:not(.ignore-old-styles):hover,
.lib-search__container .lib-search form input[type="submit"]:not(.ignore-old-styles):focus, .is-hovered
.lib-search__container .lib-search form button[type="submit"],
.lib-search__container .lib-search form button[type="submit"]:hover,
.lib-search__container .lib-search form button[type="submit"]:focus {
  background-color: #fff !important;
  color: #4579b9 !important;
  outline: 1px solid #4078bc !important;
  text-shadow: none !important;
}

.lib-search__container .lib-search form .input-search-row {
  background: #fff;
  border: 1px solid rgba(7, 32, 87, 0.5);
  border-radius: 8px;
  padding-left: 35px;
  border-bottom: 1px solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px;
  max-width: 670px;
}

.lib-search__container .lib-search form .input-search-row input[type="text"] {
  background: none;
  width: calc(100% - 48px);
  border: none;
  padding: 0;
  color: #072057;
  font-weight: 400;
  font-size: 1.8rem;
  margin-bottom: 0;
  border-radius: 0;
}

.lib-search__container .lib-search form .input-search-row button {
  width: 48px;
  height: 48px;
  display: block;
  text-align: right;
  position: relative;
  border-radius: 0;
}

.lib-search__container .lib-search form .form-items--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-items: flex-end;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .lib-search__container .lib-search form .form-items--inline {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 4rem;
  }
}

.lib-search__container .lib-search form .form-items--inline .form-item {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

.lib-search__container .lib-search form .form-items--inline .form-item *:not(label) {
  width: auto !important;
}

.lib-search__container .lib-search form .form-items--inline .form-item label {
  white-space: nowrap;
  width: 100%;
}

.lib-search__container .lib-search form .form-item .required::after {
  color: #990000;
  content: ' *';
  display: inline;
  font-size: 2.2rem;
}

.lib-search__container .lib-search .lib-search__content ul li {
  padding-left: 0;
}

.lib-search__container .lib-search .lib-search__content ul li::before {
  display: none;
}

.lib-search__container .lib-search .lib-search__content ul li a {
  text-decoration: none;
}

.lib-search__container .lib-search .lib-search__content p {
  font-size: 1.8rem;
  line-height: 1.7;
  margin-bottom: 2rem;
}

.lib-search__container .lib-search .lib-search__content a {
  color: #072057;
  font-size: 1.8rem;
}

.lib-search__container .lib-search .lib-search__content a:hover, .lib-search__container .lib-search .lib-search__content a:focus {
  text-decoration: none;
}

.lib-search__container .lib-search.js-wikit-tabbed .quick-links {
  background: #fff;
  border: 7px solid #dbe9f5;
}

.lib-search__container .lib-search.js-wikit-tabbed .quick-links__item {
  border-bottom: 1px solid rgba(7, 32, 87, 0.3);
  color: #072057;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  margin-bottom: 13px;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .lib-search__container .lib-search.js-wikit-tabbed .quick-links__item {
    font-size: 1.6rem;
    font-weight: 700;
  }
}

.lib-search__container .lib-search.js-wikit-tabbed .quick-links__link {
  color: #072057;
}

.lib-search__container .lib-search.js-wikit-tabbed .quick-links::after {
  background: #fff;
}

.lib-search__container .lib-search.js-wikit-tabbed [role="tablist"]:not(.slick-dots) {
  text-align: left;
}

.js .lib-search__container .lib-search.js-wikit-tabbed [role="tab"].tab-nav__link {
  color: #072057;
  font-weight: 400;
}

.js .lib-search__container .lib-search.js-wikit-tabbed [role="tab"].tab-nav__link[aria-selected="true"] {
  border-bottom: 3px solid #4078bc;
  font-weight: 700;
}

/* Prep to eventually redo all these search widgets */
.lib-search__container .lib-search {
  /* Main search section header */
  /* Form */
}

.lib-search__container .lib-search .h2 {
  margin-bottom: 5rem;
}

.lib-search__container .lib-search .h2::after {
  bottom: -11px;
  height: 5px;
}

@media (min-width: 1024px) {
  .lib-search__container .lib-search .h2::after {
    bottom: -15px;
    height: 6px;
  }
}

.lib-search__container .lib-search form.updated-search label {
  margin-bottom: 1.5rem;
}

.link-grid__title {
  line-height: 1em;
}

.link-list {
  margin-top: 41px;
}

.link-list__title {
  font-size: 1.6rem;
}

.link-list__title::after {
  width: 28px;
  height: 6px;
  background: #4579b9;
  bottom: -16px;
}

.link-list__list {
  padding-top: 21px;
}

.link-list__item {
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-size: 1.6rem;
  border-bottom: 1px solid rgba(7, 32, 87, 0.3);
  font-weight: 700;
  padding-bottom: 11px;
  margin-bottom: 14px;
}

.link-list__item:last-child {
  border-bottom: none;
}

.link-list__item a,
.link-list__item .link-list__link:not(.nolink) {
  color: #072057;
  text-decoration: none;
  display: inline-block;
  padding: 5px 0;
}

.link-list__item a:hover,
.link-list__item a:focus,
.link-list__item .link-list__link:not(.nolink):hover,
.link-list__item .link-list__link:not(.nolink):focus {
  text-decoration: underline;
}

.link-list__item .link-list__link.nolink,
.link-list__item .link-list__link.nolink:hover,
.link-list__item .link-list__link.nolink:focus {
  font-weight: 400;
  font-size: 1.65rem;
  text-decoration: none;
}

.view-content .link-list h3, .view-content .link-list .link-list__title {
  margin: 0 0 21px;
  padding: 0;
  font-family: "proxima-nova", "ITC Stone Sans", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  color: #072057;
  letter-spacing: 1.47px;
  position: relative;
  text-transform: uppercase;
}

.view-content .link-list h3::after, .view-content .link-list .link-list__title::after {
  content: '';
  display: block;
  width: 28px;
  height: 6px;
  background: #4579b9;
  position: absolute;
  bottom: -16px;
}

.view-content .link-list .link-list__item {
  border-bottom: 0;
  margin-bottom: 0;
}

.view-format-two_column_list .link-list {
  display: inline-block;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  page-break-inside: avoid;
  width: 100%;
  margin-left: 20px;
}

.listing-card {
  background: #ffffff;
  border: 1px solid #e3e4e6;
  padding: 34px;
}

.listing-card:last-child {
  border-bottom: 1px solid #e3e4e6;
  padding-bottom: 34px;
}

.listing-card__title,
.listing-card--large .listing-card__title {
  font-size: 2.9rem;
  font-weight: 400;
  line-height: 1.15;
}

.listing-card__title:only-child, .listing-card__title:first-child,
.listing-card--large .listing-card__title:only-child,
.listing-card--large .listing-card__title:first-child {
  margin-top: 0;
}

.listing-card__title:only-child, .listing-card__title:last-child,
.listing-card--large .listing-card__title:only-child,
.listing-card--large .listing-card__title:last-child {
  margin-bottom: 0;
}

.listing-card__title.h3 + p:not(.authored-date) {
  margin-top: 2rem;
}

@media (min-width: 1024px) {
  .listing-card {
    margin-bottom: 40px;
  }
}

.listing-card .card__type {
  margin-top: 0;
}

@media (min-width: 640px) {
  .listing-card__figure, .listing-card__picture {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 305px;
            flex: 0 1 305px;
    max-width: 305px;
    margin-right: 0;
    margin-left: 20px;
    margin-bottom: 0;
  }
}

.listing-card__detail > h3.listing-card__title:first-child {
  margin-top: 0;
}

.listing-card__detail p {
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #072057;
}

@media (max-width: 639px) {
  .listing-card__detail p {
    font-size: 1.8rem;
  }
}

@media (min-width: 1024px) {
  .listing-card__detail p {
    font-size: 1.8rem;
  }
}

.listing-card__detail .hero-meta__job_title {
  margin-bottom: 0;
  font-weight: bold;
}

@media (min-width: 640px) {
  .listing-card__detail {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 305px);
            flex: 0 1 calc(100% - 305px);
  }
}

.listing-card__taxonomy {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #072057;
}

.listing-card ul {
  margin: 2rem 0;
}

.listing-card ul.div-line {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}

.listing-card ul.div-line li {
  display: inline;
}

.listing-card ul.div-line li + li::before {
  color: rgba(7, 32, 87, 0.3);
  content: "| ";
  padding: 0 0.15em;
}

.listing-card__date, .listing-card__cal-info {
  color: #626262;
  font-size: 1.4rem;
  letter-spacing: 1.6px;
  line-height: 1.5;
  text-transform: uppercase;
}

@media (max-width: 639px) {
  .listing-card__date, .listing-card__cal-info {
    margin-top: 0;
  }
}

.listing-card__title {
  margin-bottom: 10px;
  margin-top: 13px;
}

.listing-card--person .listing-card__title {
  margin-bottom: 2px;
  margin-top: 0;
}

.listing-card__no-image .listing-card__detail {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

.listing-card__no-image .listing-card__detail p {
  margin-bottom: 2rem;
}

@media (min-width: 640px) {
  .listing-card--large .listing-card__figure, .listing-card--large .listing-card__picture {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 305px;
            flex: 0 1 305px;
    max-width: 305px;
    margin-right: 0;
    margin-left: 20px;
    margin-bottom: 0;
  }
}

.listing-card--small {
  border: none;
  padding: 0;
}

.listing-card--small figure {
  margin-left: 0;
}

.listing-card--small:last-child {
  border-bottom: none;
}

.listing-card.event {
  padding: 0;
}

.listing-card.event:last-child {
  padding: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .content-aside .listing-card.event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.listing-card.event .listing-card__detail {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(100% - 305px);
          flex: 0 1 calc(100% - 305px);
  margin-left: 207px;
  padding-top: 30px;
  padding-bottom: 28px;
  padding-right: 20px;
}

@media (max-width: 639px) {
  .listing-card.event .listing-card__detail {
    display: block;
    margin-left: 0;
    padding-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .listing-card.event .listing-card__detail {
    padding-right: 0;
  }
}

.listing-card.event .listing-card__detail .listing-card__summary {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 3;
}

.listing-card.event.listing-card__no-image .listing-card__detail {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  padding-right: 30px;
}

.listing-card.event .card__type-access {
  color: #072057;
  font-size: 1.4rem;
  line-height: 1.6;
}

@media (min-width: 960px) {
  .listing-card.event .card__type-access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .content-aside .listing-card.event .card__type-access {
    display: block;
  }
}

.listing-card.event .listing-card__figure {
  padding-top: 34px;
  padding-bottom: 34px;
  padding-right: 34px;
}

@media (max-width: 639px) {
  .listing-card.event .listing-card__figure {
    display: block;
    margin-left: 0;
    padding: 0 20px;
  }
}

.listing-card.event .card__month {
  display: inline-block;
  vertical-align: middle;
  width: 177px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (max-width: 639px) {
  .listing-card.event .card__month {
    display: block;
    position: relative;
    width: 100%;
    height: 140px;
  }
}

.listing-card.event .card__month-container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 100%;
}

.listing-card--blog-post .listing-card__detail p:last-child {
  margin-bottom: 0;
}

.listing-card--blog-post .listing-card__detail a:not(.btn) {
  text-decoration: none;
}

.listing-card--blog-post .listing-card__detail a:not(.btn):hover, .listing-card--blog-post .listing-card__detail a:not(.btn):focus {
  text-decoration: underline;
}

.listing-card--blog-post .listing-card__detail .listing-card__detail__header {
  margin-bottom: 2rem;
}

.listing-card--blog-post .listing-card__detail .listing-card__detail__header p {
  margin-bottom: 0;
}

.listing-card--blog-post .listing-card__detail .listing-card__detail__header .card__type {
  font-size: 1.5rem;
  font-weight: 500;
}

.listing-card--blog-post .listing-card__detail .listing-card__detail__header .listing-card__title {
  font-size: 2.9rem;
  margin: 4px 0;
}

@media (min-width: 1024px) {
  .listing-card--blog-post .listing-card__detail .listing-card__detail__header .listing-card__title {
    font-size: 3.1rem;
  }
}

.listing-card--blog-post .listing-card__detail .listing-card__detail__header .listing-card__title a:hover,
.listing-card--blog-post .listing-card__detail .listing-card__detail__header .listing-card__title a:focus {
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

.listing-card--blog-post .listing-card__detail .listing-card__detail__header p.author {
  display: inline;
}

.listing-card--blog-post .listing-card__detail .listing-card__detail__header p.author,
.listing-card--blog-post .listing-card__detail .listing-card__detail__header p.authored-date {
  font-size: 1.6rem;
  line-height: 1.4;
}

.listing-card--blog-post .listing-card__detail .listing-card__detail__header p.author:last-child,
.listing-card--blog-post .listing-card__detail .listing-card__detail__header p.authored-date:last-child {
  margin-bottom: 12px;
}

.listing-card--blog-post .listing-card__figure {
  margin-bottom: 0;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) h2.section-header__title {
  color: #072057;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .listing-card__title,
.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .listing-card p {
  color: #072057;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .listing-card__title a,
.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .listing-card p a {
  text-decoration: none;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .bg-blue h2.section-header__title {
  color: #fff;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .bg-blue .listing-card__title,
.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .bg-blue .listing-card p {
  color: #fff;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) h2.section-header__title {
  color: #fff;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .bg-gray h2.section-header__title,
.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .bg-gradient h2.section-header__title {
  color: #072057;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .bg-gray p,
.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .bg-gradient p {
  color: #072057;
}

.bg-blue .listing-card {
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 0;
  min-height: 184px;
}

.bg-blue .listing-card .listing-card__date {
  color: #fff;
}

@media (min-width: 1024px) {
  .nav__menu--level-0 > .nav__menu-item > .nav__menu-link,
  .nav__menu--level-0 > .nav__menu-item .nav__menu-link--children {
    font-weight: 600;
    font-size: 1.6rem;
  }
  .nav__menu--level-0 > .nav__menu-item > .nav__menu-link:before,
  .nav__menu--level-0 > .nav__menu-item .nav__menu-link--children:before {
    background: #4579b9;
  }
  .nav__menu--level-0 > .nav__menu-item > .nav__menu-link:after,
  .nav__menu--level-0 > .nav__menu-item .nav__menu-link--children:after {
    display: none;
  }
}

@media (max-width: 1023px) {
  nav.nav--primary .nav__menu--level-0 button.nav__menu-link {
    width: 100%;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .nav--secondary .nav__menu-link {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}

.nav--secondary .nav__menu-link:hover, .nav--secondary .nav__menu-link:focus {
  color: #072057;
}

.nav--secondary .nav__menu-link:focus {
  outline: 1px dotted;
}

@media (min-width: 1024px) {
  .nav-dropdown {
    min-width: 264px;
  }
}

@media (min-width: 1024px) {
  .nav-dropdown__toggle-btn {
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: none;
  }
}

.page-header-hero .wysiwyg h1,
.page-header .wysiwyg h1 {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .page-header-hero .wysiwyg h1,
  .page-header .wysiwyg h1 {
    font-size: 5.4rem;
  }
}

.page-header-hero .wysiwyg h1::after,
.page-header .wysiwyg h1::after {
  background: #eeaa64;
}

.page-header-hero .page-header--blog-author.has-photo,
.page-header .page-header--blog-author.has-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.page-header-hero .page-header--blog-author .blog-author-meta,
.page-header .page-header--blog-author .blog-author-meta {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 4rem 0 0;
  max-width: unset;
}

.page-header-hero .page-header--blog-author .blog-author-meta .author-name-and-title h1,
.page-header .page-header--blog-author .blog-author-meta .author-name-and-title h1 {
  color: #072057;
}

.page-header-hero .page-header--blog-author .blog-author-meta .author-name-and-title > *:last-child,
.page-header .page-header--blog-author .blog-author-meta .author-name-and-title > *:last-child {
  margin-bottom: 40px;
  margin-top: 0;
  position: relative;
}

.page-header-hero .page-header--blog-author .blog-author-meta .author-name-and-title > *:last-child.hero-meta__job_title,
.page-header .page-header--blog-author .blog-author-meta .author-name-and-title > *:last-child.hero-meta__job_title {
  margin-bottom: 40px;
}

.page-header-hero .page-header--blog-author .blog-author-meta .author-name-and-title > *:last-child.hero-meta__job_title.no-content,
.page-header .page-header--blog-author .blog-author-meta .author-name-and-title > *:last-child.hero-meta__job_title.no-content {
  margin-bottom: 50px;
}

.page-header-hero .page-header--blog-author .blog-author-meta .author-name-and-title > *:last-child::after,
.page-header .page-header--blog-author .blog-author-meta .author-name-and-title > *:last-child::after {
  background: #eeaa64;
  bottom: -16px;
  content: '';
  display: block;
  position: absolute;
  width: 40px;
  height: 4px;
}

@media (min-width: 768px) {
  .page-header-hero .page-header--blog-author .blog-author-meta .author-name-and-title > *:last-child::after,
  .page-header .page-header--blog-author .blog-author-meta .author-name-and-title > *:last-child::after {
    bottom: -20px;
  }
}

.page-header-hero .page-header--blog-author .author-photo,
.page-header .page-header--blog-author .author-photo {
  display: none;
}

@media (min-width: 768px) {
  .page-header-hero .page-header--blog-author .author-photo,
  .page-header .page-header--blog-author .author-photo {
    display: block;
    margin-left: 2.5rem;
    margin-top: 2rem;
  }
}

.page-header-hero.staff-profile h1,
.page-header.staff-profile h1 {
  color: #072057;
  margin-bottom: 0;
}

.page-header-hero.staff-profile h1::after,
.page-header.staff-profile h1::after {
  content: none;
}

.page-header-hero.staff-profile .hero-meta__job_title,
.page-header.staff-profile .hero-meta__job_title {
  margin-bottom: 40px;
  margin-top: 0;
  position: relative;
}

.page-header-hero.staff-profile .hero-meta__job_title::after,
.page-header.staff-profile .hero-meta__job_title::after {
  background: #eeaa64;
  bottom: -16px;
  content: '';
  display: block;
  position: absolute;
  width: 40px;
  height: 4px;
}

@media (min-width: 768px) {
  .page-header-hero.staff-profile .hero-meta__job_title::after,
  .page-header.staff-profile .hero-meta__job_title::after {
    bottom: -20px;
  }
}

.page-header-hero.staff-profile .wysiwyg.intro .hero-meta,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta,
.page-header.staff-profile .wysiwyg.intro .hero-meta,
.page-header .wysiwyg.intro .blog-author .hero-meta {
  display: block;
}

.page-header-hero.staff-profile .wysiwyg.intro .hero-meta__job_title,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta__job_title,
.page-header.staff-profile .wysiwyg.intro .hero-meta__job_title,
.page-header .wysiwyg.intro .blog-author .hero-meta__job_title {
  font-size: 2.2rem;
  font-style: italic;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  .page-header-hero.staff-profile .wysiwyg.intro .hero-meta__job_title,
  .page-header-hero .wysiwyg.intro .blog-author .hero-meta__job_title,
  .page-header.staff-profile .wysiwyg.intro .hero-meta__job_title,
  .page-header .wysiwyg.intro .blog-author .hero-meta__job_title {
    font-size: 2.4rem;
  }
}

.page-header-hero.staff-profile .wysiwyg.intro .hero-meta__contact,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta__contact,
.page-header.staff-profile .wysiwyg.intro .hero-meta__contact,
.page-header .wysiwyg.intro .blog-author .hero-meta__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: .25rem;
}

.page-header-hero.staff-profile .wysiwyg.intro .hero-meta__contact p,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta__contact p,
.page-header.staff-profile .wysiwyg.intro .hero-meta__contact p,
.page-header .wysiwyg.intro .blog-author .hero-meta__contact p {
  font-size: 1.8rem;
  margin: 0;
}

@media (min-width: 768px) {
  .page-header-hero.staff-profile .wysiwyg.intro .hero-meta__contact p,
  .page-header-hero .wysiwyg.intro .blog-author .hero-meta__contact p,
  .page-header.staff-profile .wysiwyg.intro .hero-meta__contact p,
  .page-header .wysiwyg.intro .blog-author .hero-meta__contact p {
    font-size: 2rem;
  }
}

.page-header-hero.staff-profile .wysiwyg.intro .hero-meta__contact .email,
.page-header-hero.staff-profile .wysiwyg.intro .hero-meta__contact .office,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta__contact .email,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta__contact .office,
.page-header.staff-profile .wysiwyg.intro .hero-meta__contact .email,
.page-header.staff-profile .wysiwyg.intro .hero-meta__contact .office,
.page-header .wysiwyg.intro .blog-author .hero-meta__contact .email,
.page-header .wysiwyg.intro .blog-author .hero-meta__contact .office {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.page-header-hero.staff-profile .wysiwyg.intro .hero-meta__contact .email .office-icon,
.page-header-hero.staff-profile .wysiwyg.intro .hero-meta__contact .office .office-icon,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta__contact .email .office-icon,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta__contact .office .office-icon,
.page-header.staff-profile .wysiwyg.intro .hero-meta__contact .email .office-icon,
.page-header.staff-profile .wysiwyg.intro .hero-meta__contact .office .office-icon,
.page-header .wysiwyg.intro .blog-author .hero-meta__contact .email .office-icon,
.page-header .wysiwyg.intro .blog-author .hero-meta__contact .office .office-icon {
  font-size: 26px;
}

.page-header-hero.staff-profile .wysiwyg.intro .hero-meta__contact .email .phone,
.page-header-hero.staff-profile .wysiwyg.intro .hero-meta__contact .office .phone,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta__contact .email .phone,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta__contact .office .phone,
.page-header.staff-profile .wysiwyg.intro .hero-meta__contact .email .phone,
.page-header.staff-profile .wysiwyg.intro .hero-meta__contact .office .phone,
.page-header .wysiwyg.intro .blog-author .hero-meta__contact .email .phone,
.page-header .wysiwyg.intro .blog-author .hero-meta__contact .office .phone {
  white-space: nowrap;
}

.page-header-hero.staff-profile .wysiwyg.intro .hero-meta__contact .office,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta__contact .office,
.page-header.staff-profile .wysiwyg.intro .hero-meta__contact .office,
.page-header .wysiwyg.intro .blog-author .hero-meta__contact .office {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.page-header-hero.staff-profile .wysiwyg.intro .hero-meta__contact .email,
.page-header-hero .wysiwyg.intro .blog-author .hero-meta__contact .email,
.page-header.staff-profile .wysiwyg.intro .hero-meta__contact .email,
.page-header .wysiwyg.intro .blog-author .hero-meta__contact .email {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-header-hero.staff-profile .wysiwyg.intro .page-header__cta,
.page-header-hero .wysiwyg.intro .blog-author .page-header__cta,
.page-header.staff-profile .wysiwyg.intro .page-header__cta,
.page-header .wysiwyg.intro .blog-author .page-header__cta {
  margin-top: 5rem;
}

.page-header-hero.page-header--centered.blog, .page-header-hero.blog, .page-header-hero.page-header--views-page,
.page-header.page-header--centered.blog,
.page-header.blog,
.page-header.page-header--views-page {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .page-header-hero.page-header--centered.blog, .page-header-hero.blog, .page-header-hero.page-header--views-page,
  .page-header.page-header--centered.blog,
  .page-header.blog,
  .page-header.page-header--views-page {
    margin-bottom: 6rem;
  }
}

.page-header-hero .wysiwyg.intro p.page-header-hero__subtitle,
.page-header .wysiwyg.intro p.page-header-hero__subtitle {
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-weight: 600;
  font-size: 1.7rem;
  letter-spacing: 0;
  line-height: 1.25;
  position: relative;
  margin-bottom: 10px;
}

.page-header-hero .wysiwyg.intro p.page-header-hero__subtitle a,
.page-header .wysiwyg.intro p.page-header-hero__subtitle a {
  text-decoration: none;
}

.page-header-hero .wysiwyg.intro p.page-header-hero__subtitle a:hover, .page-header-hero .wysiwyg.intro p.page-header-hero__subtitle a:focus,
.page-header .wysiwyg.intro p.page-header-hero__subtitle a:hover,
.page-header .wysiwyg.intro p.page-header-hero__subtitle a:focus {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .page-header-hero .wysiwyg.intro p.page-header-hero__subtitle,
  .page-header .wysiwyg.intro p.page-header-hero__subtitle {
    font-size: 1.8rem;
  }
}

.page-header-hero {
  max-width: none;
}

@media (min-width: 1400px) {
  .page-header-hero__content__contain {
    padding: 70px 14.52991453% 0 0;
  }
}

.page-header-hero__figure {
  min-height: auto;
}

@media (min-width: 1024px) {
  .page-header-hero__figure {
    padding-top: 86px;
  }
}

.page-header-hero__image {
  max-height: 700px;
}

@media (min-width: 1024px) {
  .page-header-hero__image {
    max-width: 100%;
  }
}

.page-header-hero .hero-meta {
  color: #072057;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 2.2rem;
}

.page-header-hero .rsvp,
.page-header-hero .page-header__cta {
  margin-bottom: 30px;
}

.page-header-hero .rsvp.event__past {
  margin-bottom: 60px;
}

.page-header-hero .rsvp.event__past .event__registration-link {
  display: none;
}

.page-header-hero .event__past-alert p {
  border: solid 1px #072057;
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 0;
  padding: 5px 20px;
}

.page-header-hero .event__registration-link {
  margin-bottom: 0;
}

.page-header-hero .event__hosts p {
  margin: 0 0 30px 0;
}

.page-header-hero .event__hosts p .event__hosts-label {
  font-weight: 600;
}

.page-header-hero .intro ul.card__type.div-line {
  background: #072057;
  margin-bottom: 24px;
  margin-top: 30px;
  max-height: 60px;
  overflow: hidden;
  padding: 0 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.page-header-hero .intro ul.card__type.div-line li {
  color: #ffffff;
  display: inline;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 1.6px;
  padding-left: 0;
  text-transform: uppercase;
}

.page-header-hero .intro ul.card__type.div-line li::before {
  /* Override site.css */
  content: none;
  display: unset;
  position: unset;
  background: none;
  width: unset;
  height: unset;
  border-radius: unset;
  top: unset;
  left: unset;
}

.page-header-hero .intro ul.card__type.div-line li + li::before {
  /* Event type */
  color: rgba(255, 255, 255, 0.6);
  content: "| ";
  padding: 0 0.15em;
}

.page-header-hero .event__cal-info {
  color: #072057;
  font-weight: 700;
  margin-bottom: 5px;
}

.page-header-hero .event__cal-info-block {
  margin-bottom: 30px;
}

.page-header-hero .event__cal-info.has-icon {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-header-hero .event__cal-info.has-icon .event__icon {
  margin-right: 10px;
  margin-top: 1px;
}

.page-header-hero .event__cal-info.has-icon .event__icon-text {
  font-size: 2rem;
  line-height: 1.4;
}

.page-header-hero .authored-date {
  color: #072057;
}

.page-header-hero.bg-blue {
  color: #072057;
  background: #e2ecf4;
}

.page-header-hero .contain.featured {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.page-header-hero .contain.featured.featured .page-header-hero__figure {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

@media (min-width: 1024px) {
  .page-header .wysiwyg.intro p,
  .page-header p {
    font-size: 2rem;
  }
}

.page-header .wysiwyg.intro .authored-date,
.page-header .authored-date {
  color: #072057;
}

.page-header .wysiwyg.intro .urgent-alert-content,
.page-header .urgent-alert-content {
  background: #4579b9;
  margin-bottom: 2.1rem;
  padding: 20px;
}

.page-header .wysiwyg.intro .urgent-alert-content:last-child,
.page-header .urgent-alert-content:last-child {
  margin-bottom: 0;
}

.page-header .wysiwyg.intro .urgent-alert-content .urgent-alert__message,
.page-header .wysiwyg.intro .urgent-alert-content .urgent-alert__message p,
.page-header .wysiwyg.intro .urgent-alert-content .urgent-alert__message a,
.page-header .urgent-alert-content .urgent-alert__message,
.page-header .urgent-alert-content .urgent-alert__message p,
.page-header .urgent-alert-content .urgent-alert__message a {
  color: #ffffff;
}

.page-header .wysiwyg.intro .hero-meta,
.page-header .hero-meta {
  color: #072057;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flexbox */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* vertically align center */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* wrap to new line on small screens */
}

.page-header .wysiwyg.intro .hero-meta > *,
.page-header .hero-meta > * {
  margin-bottom: 20px;
  /* to separate vertically on wrapping */
}

.page-header .wysiwyg.intro .hero-meta .social__media,
.page-header .hero-meta .social__media {
  display: inline-block;
  margin-top: 0;
  /* remove top margin from icons to align with text */
}

.page-header .wysiwyg.intro .hero-meta .social__media .social__list,
.page-header .hero-meta .social__media .social__list {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /* don't wrap icon block (move to new line together) */
}

.page-header .wysiwyg.intro.staff-profile h1,
.page-header.staff-profile h1 {
  color: #072057;
  margin-bottom: 0;
}

.page-header .wysiwyg.intro.staff-profile h1::after,
.page-header.staff-profile h1::after {
  content: none;
}

.page-header .wysiwyg.intro.staff-profile .hero-meta__job_title,
.page-header.staff-profile .hero-meta__job_title {
  margin-bottom: 40px;
  margin-top: 0;
  position: relative;
}

.page-header .wysiwyg.intro.staff-profile .hero-meta__job_title::after,
.page-header.staff-profile .hero-meta__job_title::after {
  background: #eeaa64;
  bottom: -16px;
  content: '';
  display: block;
  position: absolute;
  width: 40px;
  height: 4px;
}

@media (min-width: 768px) {
  .page-header .wysiwyg.intro.staff-profile .hero-meta__job_title::after,
  .page-header.staff-profile .hero-meta__job_title::after {
    bottom: -20px;
  }
}

.page-header .wysiwyg.intro.staff-profile .hero-meta,
.page-header.staff-profile .hero-meta {
  display: block;
}

.page-header .wysiwyg.intro.staff-profile .hero-meta__contact,
.page-header.staff-profile .hero-meta__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: .25rem;
}

.page-header .wysiwyg.intro.staff-profile .hero-meta__contact p,
.page-header.staff-profile .hero-meta__contact p {
  font-size: 1.8rem;
  margin: 0;
}

@media (min-width: 768px) {
  .page-header .wysiwyg.intro.staff-profile .hero-meta__contact p,
  .page-header.staff-profile .hero-meta__contact p {
    font-size: 2rem;
  }
}

.page-header .wysiwyg.intro.staff-profile .hero-meta__contact .email,
.page-header .wysiwyg.intro.staff-profile .hero-meta__contact .office,
.page-header.staff-profile .hero-meta__contact .email,
.page-header.staff-profile .hero-meta__contact .office {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.page-header .wysiwyg.intro.staff-profile .hero-meta__contact .email .office-icon,
.page-header .wysiwyg.intro.staff-profile .hero-meta__contact .office .office-icon,
.page-header.staff-profile .hero-meta__contact .email .office-icon,
.page-header.staff-profile .hero-meta__contact .office .office-icon {
  font-size: 26px;
}

.page-header .wysiwyg.intro.staff-profile .hero-meta__contact .email .phone,
.page-header .wysiwyg.intro.staff-profile .hero-meta__contact .office .phone,
.page-header.staff-profile .hero-meta__contact .email .phone,
.page-header.staff-profile .hero-meta__contact .office .phone {
  white-space: nowrap;
}

.page-header .wysiwyg.intro.staff-profile .hero-meta__contact .office,
.page-header.staff-profile .hero-meta__contact .office {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.page-header .wysiwyg.intro.staff-profile .hero-meta__contact .email,
.page-header.staff-profile .hero-meta__contact .email {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-header .wysiwyg.intro.staff-profile .page-header__cta,
.page-header.staff-profile .page-header__cta {
  margin-top: 5rem;
}

.page-header .wysiwyg.intro .date,
.page-header .date {
  color: #072057;
  margin-bottom: 30px;
  font-weight: 700;
}

.page-header .wysiwyg.intro .intro ul.card__type.div-line,
.page-header .intro ul.card__type.div-line {
  background: #072057;
  margin-bottom: 24px;
  margin-top: 30px;
  max-height: 60px;
  overflow: hidden;
  padding: 0 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.page-header .wysiwyg.intro .intro ul.card__type.div-line li,
.page-header .intro ul.card__type.div-line li {
  color: #ffffff;
  display: inline;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 1.6px;
  padding-left: 0;
  text-transform: uppercase;
}

.page-header .wysiwyg.intro .intro ul.card__type.div-line li::before,
.page-header .intro ul.card__type.div-line li::before {
  /* Override site.css */
  content: none;
  display: unset;
  position: unset;
  background: none;
  width: unset;
  height: unset;
  border-radius: unset;
  top: unset;
  left: unset;
}

.page-header .wysiwyg.intro .intro ul.card__type.div-line li + li::before,
.page-header .intro ul.card__type.div-line li + li::before {
  /* Event type */
  color: rgba(255, 255, 255, 0.6);
  content: "| ";
  padding: 0 0.15em;
}

.page-header .wysiwyg.intro .event__cal-info,
.page-header .event__cal-info {
  color: #072057;
  font-weight: 700;
  margin-bottom: 5px;
}

.page-header .wysiwyg.intro .event__cal-info-block,
.page-header .event__cal-info-block {
  margin-bottom: 30px;
}

.page-header .wysiwyg.intro .event__cal-info.has-icon,
.page-header .event__cal-info.has-icon {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-header .wysiwyg.intro .event__cal-info.has-icon .event__icon,
.page-header .event__cal-info.has-icon .event__icon {
  margin-right: 10px;
  margin-top: 1px;
}

.page-header .wysiwyg.intro .event__cal-info.has-icon .event__icon-text,
.page-header .event__cal-info.has-icon .event__icon-text {
  font-size: 2rem;
  line-height: 1.4;
}

.page-header .wysiwyg.intro .rsvp,
.page-header .wysiwyg.intro .page-header__cta,
.page-header .rsvp,
.page-header .page-header__cta {
  margin-bottom: 30px;
}

.page-header .wysiwyg.intro .rsvp.event__past,
.page-header .rsvp.event__past {
  margin-bottom: 60px;
}

.page-header .wysiwyg.intro .rsvp.event__past .event__registration-link,
.page-header .rsvp.event__past .event__registration-link {
  display: none;
}

.page-header .wysiwyg.intro .event__past-alert p,
.page-header .event__past-alert p {
  border: solid 1px #072057;
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 0;
  padding: 5px 20px;
}

.page-header .wysiwyg.intro.page-header--centered,
.page-header.page-header--centered {
  margin-bottom: 50px;
  padding-bottom: 60px;
  padding-top: 63px;
  position: relative;
  text-align: center;
}

.page-header .wysiwyg.intro.page-header--centered::before,
.page-header.page-header--centered::before {
  height: 10px;
  background: #e2ecf4;
  opacity: 0.6;
  content: "";
  display: block;
  position: absolute;
  top: 0;
}

.page-header .wysiwyg.intro.page-header--centered.blog,
.page-header.page-header--centered.blog {
  margin-bottom: 0;
}

.page-header .wysiwyg.intro.page-header--centered h1::after,
.page-header.page-header--centered h1::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 6px;
}

.page-header .wysiwyg.intro.page-header--centered .wysiwyg.intro p,
.page-header.page-header--centered .wysiwyg.intro p {
  max-width: 797px;
  margin: 0 auto;
}

.page-header .wysiwyg.intro.bg-blue,
.page-header.bg-blue {
  color: #072057;
  background: #e2ecf4;
}

.page-header .wysiwyg.intro .card__type,
.page-header .card__type {
  margin-top: 0px;
}

.pagination {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .pagination {
    margin: 20px 25px 0;
  }
}

.pagination li {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 5px 0px 5px;
  border-bottom: 4px solid transparent;
  margin-right: 30px;
}

.pagination li.active {
  border-bottom: 2px solid #4078bc;
}

.pagination li.active a {
  color: #4078bc;
}

.pagination li:last-child {
  margin-right: 0px;
}

.pagination li.pager__item--first a, .pagination li.pager__item--previous a, .pagination li.pager__item--ellipsis a, .pagination li.pager__item--next a, .pagination li.pager__item--last a {
  color: #4078bc;
}

.pagination a {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 21px;
  color: #072057;
  text-decoration: none;
}

.pagination a:hover, .pagination a:focus {
  color: #4078bc;
  text-decoration: none;
}

.bg-blue .pagination li.active {
  border-bottom: 2px solid #fff;
}

.bg-blue .pagination li.active a {
  color: #fff;
}

.bg-blue .pagination li.pager__item--first a, .bg-blue .pagination li.pager__item--previous a, .bg-blue .pagination li.pager__item--ellipsis a, .bg-blue .pagination li.pager__item--next a, .bg-blue .pagination li.pager__item--last a {
  color: #fff;
}

.bg-blue .pagination li a {
  color: #fff;
}

.penn-priorities {
  background: none;
}

.penn-priorities .section-header p {
  color: #072057;
}

.pill__label {
  font-weight: 700;
  color: #072057;
  margin-bottom: 10px;
}

.pills {
  margin-left: 0;
  padding-left: 0;
}

.pills li {
  list-style: none;
  display: inline-block;
  margin-left: 13px;
}

.pills li:first-child {
  margin-left: 0;
}

.pills li span.unlinked {
  padding: 11px 26px 11px 26px;
  background: #e2ecf4;
  color: #52658c;
  font-size: 1.4rem;
  border-radius: 100px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  letter-spacing: 1.8px;
  line-height: 1.3;
  text-align: center;
  font-weight: 600;
  margin: 0 0 20px 0;
}

.page-header-hero .pills.blog-header-tags,
.page-header .pills.blog-header-tags {
  margin-left: 0;
  margin-bottom: 0;
}

.page-header-hero .pills.blog-header-tags li,
.page-header .pills.blog-header-tags li {
  font-size: 0;
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.page-header-hero .pills.blog-header-tags li:not(:last-of-type),
.page-header .pills.blog-header-tags li:not(:last-of-type) {
  margin-right: 10px;
}

.page-header-hero .pills.blog-header-tags .pill,
.page-header .pills.blog-header-tags .pill {
  background: #4078bc;
  color: #ffffff;
  line-height: 1.6rem;
  min-width: unset;
  padding: 8px 18px;
}

.page-header-hero .pills.blog-header-tags .pill:hover, .page-header-hero .pills.blog-header-tags .pill:focus,
.page-header .pills.blog-header-tags .pill:hover,
.page-header .pills.blog-header-tags .pill:focus {
  background: #072057;
}

.wysiwyg ul.pills li {
  padding-left: 0;
}

.wysiwyg ul.pills li a {
  font-size: 1.4rem;
  line-height: 1.3;
  color: #52658c;
  padding: 11px 26px 11px 26px;
  font-weight: 600;
}

.is-hovered .wysiwyg ul.pills li a, .wysiwyg ul.pills li a:hover, .wysiwyg ul.pills li a:focus {
  color: #fff;
}

.wysiwyg ul.pills li::before {
  display: none;
}

.wysiwyg ul.pills li span.unlinked {
  padding: 11px 26px 11px 26px;
  background: #e2ecf4;
  color: #52658c;
  font-size: 1.4rem;
  border-radius: 100px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  letter-spacing: 1.8px;
  line-height: 1.3;
  text-align: center;
  margin: 0 0 20px 0;
  font-weight: 600;
}

.quick-links {
  border: 7px solid #DBE9F5;
}

.quick-links__title {
  margin-top: 15px;
}

@media (min-width: 768px) {
  .quick-links__title {
    font-size: 3.6rem;
    margin-bottom: 58px;
  }
}

.quick-links__item {
  border-bottom: 1px solid rgba(7, 32, 87, 0.3);
  color: #072057;
  padding-bottom: 10px;
  margin-bottom: 13px;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
}

@media (min-width: 768px) {
  .quick-links__item {
    font-size: 1.6rem;
    font-weight: 700;
  }
}

@media (min-width: 768px) {
  .quick-links--wide {
    padding: 60px;
  }
  .quick-links--wide .quick-links__list {
    grid-template-columns: repeat(2, 1fr);
    overflow: hidden;
  }
}

@media (min-width: 1024px) {
  .quick-links--wide {
    padding: 60px;
  }
  .quick-links--wide .quick-links__list {
    -webkit-column-gap: 42px;
       -moz-column-gap: 42px;
            column-gap: 42px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
  }
}

.quick-links--wide::after {
  display: none;
}

.quick-links--wide .quick-links__list {
  -webkit-column-gap: 42px;
     -moz-column-gap: 42px;
          column-gap: 42px;
  display: grid;
  overflow: hidden;
}

.quick-links--wide .quick-links__item {
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  padding-bottom: 14px;
  margin-bottom: -1px;
  margin-top: 1px;
  padding-top: 14px;
  font-size: 1.6rem;
}

.quick-links--wide .quick-links__item:last-child {
  margin-bottom: -1px;
  margin-top: 1px;
}

content-aside__aside .quick-links {
  max-width: 366px;
}

@media (min-width: 768px) {
  content-aside__aside .quick-links {
    padding-left: 33px;
    padding-right: 33px;
  }
}

.js-wikit-tabbed .quick-links {
  background: none;
  border: none;
  color: #072057;
  padding-top: 20px;
  padding-bottom: 20px;
}

.js-wikit-tabbed .quick-links__title, .js-wikit-tabbed .quick-links__link {
  color: #072057;
}

.js-wikit-tabbed .quick-links__after {
  background: #072057;
}

.bg-blue .js-wikit-tabbed .quick-links {
  color: #ffffff;
}

.bg-blue .js-wikit-tabbed .quick-links__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.bg-blue .js-wikit-tabbed .quick-links__item:last-child {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.bg-blue .js-wikit-tabbed .quick-links__title, .bg-blue .js-wikit-tabbed .quick-links__link {
  color: #ffffff;
}

.bg-blue .js-wikit-tabbed .quick-links__after {
  background: #ffffff;
}

#___gcse_0 {
  /*results*/
  /*search*/
  /* #gsc-iw-id1 holds table#gs_id50 */
  /* table#gs_id50 holds input and x */
  /* align search button on mobile device */
  /*x button*/
}

#___gcse_0 form.gsc-search-box.gsc-search-box-tools {
  height: 8rem;
}

#___gcse_0 form.gsc-search-box.gsc-search-box-tools > table.gsc-search-box {
  height: 6.6rem;
  margin-bottom: 0;
}

#___gcse_0 td.gsc-result-info-container {
  padding: 0 2rem 1rem 0 !important;
}

#___gcse_0 td.gsc-orderby-container {
  font-size: 1.8rem !important;
  padding: 0 0 1rem 2rem !important;
  /* Sort order dropdown */
}

#___gcse_0 td.gsc-orderby-container .gsc-selected-option-container,
#___gcse_0 td.gsc-orderby-container .gsc-option {
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-size: 1.8rem !important;
  font-weight: 400;
}

#___gcse_0 table.gsc-above-wrapper-area-container {
  margin-bottom: 0;
}

#___gcse_0 .gsc-webResult.gsc-result {
  padding: 2rem 0 3rem;
}

#___gcse_0 .gsc-resultsbox-visible {
  font-size: 1.8rem;
}

#___gcse_0 .gsc-resultsbox-visible a.gs-title,
#___gcse_0 .gsc-resultsbox-visible a.gs-title b {
  color: #072057;
  font-size: 2rem;
}

#___gcse_0 .gsc-resultsbox-visible .gs-promotion .gs-visibleUrl,
#___gcse_0 .gsc-resultsbox-visible .gs-webResult .gs-visibleUrl,
#___gcse_0 .gsc-resultsbox-visible #___gcse_0 .gsc-resultsbox-visible .gs-promotion .gs-visibleUrl,
#___gcse_0 .gsc-resultsbox-visible #___gcse_0 .gsc-resultsbox-visible .gs-webResult .gs-visibleUrl,
#___gcse_0 .gsc-resultsbox-visible #___gcse_0 .gsc-resultsbox-visible #___gcse_0 .gsc-resultsbox-visible .gs-promotion .gs-visibleUrl,
#___gcse_0 .gsc-resultsbox-visible #___gcse_0 .gsc-resultsbox-visible #___gcse_0 .gsc-resultsbox-visible .gs-webResult .gs-visibleUrl {
  color: #000;
}

#___gcse_0 .gsc-resultsbox-visible .gs-promotion .gs-visibleUrl,
#___gcse_0 .gsc-resultsbox-visible .gs-webResult .gs-visibleUrl {
  color: #555;
  font-size: 1.6rem;
}

#___gcse_0 .gsc-resultsbox-visible .gs-snippet {
  color: #333;
  font-size: 1.8rem;
}

#___gcse_0 .gsc-resultsbox-visible .gsc-table-result {
  margin-top: 1rem;
}

#___gcse_0 .gsc-resultsbox-visible .gs-web-image-box,
#___gcse_0 .gsc-resultsbox-visible .gs-promotion-image-box {
  margin: 0 2rem 0 0;
  width: 120px;
}

#___gcse_0 .gsc-resultsbox-visible .gs-web-image-box .gs-image,
#___gcse_0 .gsc-resultsbox-visible .gs-promotion-image-box .gs-promotion-image {
  border: 0;
  max-width: 12rem;
  max-height: 12rem;
  margin-right: 2rem;
}

#___gcse_0 table.gsc-search-box {
  height: 6.6rem;
}

#___gcse_0 .gsc-control-cse {
  padding: 0;
  border: none;
}

#___gcse_0 td.gsc-input {
  padding: 0 .5rem 0;
  font-size: 2rem;
}

#___gcse_0 table.gsc-above-wrapper-area-container {
  border: none;
}

@media (min-width: 768px) {
  #___gcse_0 table td#gs_tti50 {
    border: none;
  }
}

#___gcse_0 #gsc-iw-id1 {
  border: none;
}

#___gcse_0 table#gs_id50 {
  height: 6.6rem;
}

#___gcse_0 table#gs_id50.gstl_50.gsc-input td#gs_tti50.gsib_a input#gsc-i-id1.gsc-input {
  font-size: 2rem;
}

#___gcse_0 table#gs_id50.gstl_50.gsc-input td#gs_tti50.gsib_a input#gsc-i-id1.gsc-input:focus {
  margin-left: 0 !important;
}

#___gcse_0 td.gsc-search-button {
  padding: 0;
  vertical-align: top;
}

#___gcse_0 .gsc-search-button-v2,
#___gcse_0 td.gsc-search-button.gsc-search-button-v2 {
  border-radius: 0.7rem;
}

#___gcse_0 button.gsc-search-button.gsc-search-button-v2 {
  padding: 2.2rem;
  width: 100%;
  height: 6.7rem;
  background: #4579b9;
}

#___gcse_0 button.gsc-search-button.gsc-search-button-v2 svg {
  width: 2rem;
  height: 2rem;
}

#___gcse_0 .gsc-input #gsc-iw-id1 {
  padding: 0;
}

#___gcse_0 .gsc-result-info {
  font-size: 1.8rem;
}

#___gcse_0 #gs_cb50 {
  font-size: 3rem;
  color: #000;
}

#___gcse_0 .gsib_b {
  padding: 0.3rem 1.5rem 0 !important;
  border: none;
}

@media (min-width: 768px) {
  #___gcse_0 .gsib_b {
    padding: 0.3rem 2rem 0 !important;
  }
}

#___gcse_0 .gcsc-more-maybe-branding-root,
#___gcse_0 .gcsc-find-more-on-google {
  display: none;
}

#___gcse_0 .gs-result .gs-title {
  text-decoration: underline;
}

#___gcse_0 .gs-result .gs-title:hover, #___gcse_0 .gs-result .gs-title:focus {
  text-decoration: none;
}

/* force table border and radius */
#___gcse_0 table#gs_id50 {
  border: solid 1px #999 !important;
  border-radius: 0.7rem;
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
}

#___gcse_0 table#gs_id50 tr td {
  border: solid 1px transparent;
}

#___gcse_0 table#gs_id50 tr td:first-child {
  border-top-left-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem;
}

#___gcse_0 table#gs_id50 tr td:last-child {
  border-top-right-radius: 0.7rem;
  border-bottom-right-radius: 0.7rem;
  border-left: none;
}

#___gcse_0 table#gs_id50 tr td#gs_tti50 {
  border-top-left-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem;
  border: 1px solid transparent !important;
  padding-left: 1.4rem;
}

@media (min-width: 768px) {
  #___gcse_0 table td#gs_tti50 {
    border-top-left-radius: 0.7rem;
    border-bottom-left-radius: 0.7rem;
    border: 1px solid transparent !important;
  }
}

/* Autocomplete results */
table.gsc-completion-container {
  margin-top: 0;
}

table.gsc-completion-container tbody td {
  font-size: 1.8rem !important;
}

table.gsc-completion-container td.gssb_a {
  padding: 1rem 2rem !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #072057 !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #4579b9 !important;
}

.section-header {
  /* View all link doesn't need space above it as the first item
  in a content-aside with no title */
}

@media (min-width: 768px) {
  .section-header__title {
    font-size: 6.4rem;
  }
}

.section-header__title::after {
  bottom: -30px;
  background: #4579b9;
  opacity: 1;
  height: 6px;
}

@media (max-width: 1023px) {
  .section-header__title {
    margin-bottom: 1.6em;
  }
}

.section-header p {
  font-size: 2rem;
  line-height: 1.5;
  max-width: 750px;
}

@media (min-width: 640px) {
  .section-header__link:not(.section-header__link--no-title) {
    left: auto;
    right: 0;
    top: 0;
    margin: 0;
    -webkit-transform: none;
            transform: none;
    padding-top: 22px;
    position: absolute;
    width: 300px;
    text-align: right;
  }
}

@media (min-width: 640px) {
  .section-header.no-title .section-header__link {
    width: 100%;
    text-align: right;
  }
}

.section-header__link,
.wysiwyg .section-header__link {
  display: block;
  margin-top: 60px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
}

.section-header__link a,
.wysiwyg .section-header__link a {
  color: #072057;
  text-decoration: none;
}

.section-header__link a::after,
.wysiwyg .section-header__link a::after {
  content: '';
  display: inline-block;
  background: url(/themes/custom/penn_libraries/assets/img/svg/red-arrow.svg) no-repeat 50% 50%;
  width: 18px;
  height: 14px;
  margin-left: 15px;
  position: relative;
  -webkit-transition: inherit;
  transition: inherit;
}

.content-aside__content > *:first-child .section-header__link--no-title {
  margin-top: 0;
}

.section-header--w-link {
  position: relative;
  z-index: 5;
  margin-bottom: 45px;
}

.section-header--w-link.no-title {
  margin-bottom: 20px;
}

@media (max-width: 639px) {
  .section-header--w-link {
    margin-bottom: 0;
  }
}

@media (min-width: 640px) {
  .section-header--w-link {
    padding-bottom: 0;
  }
  .section-header--w-link .section-header__title {
    width: calc(100% - 310px);
    font-size: 3.9rem;
  }
  .section-header--w-link .section-header__title::after {
    display: none;
  }
}

.bg-blue .section-header__title {
  margin-bottom: 63px;
}

@media (min-width: 768px) {
  .bg-blue .section-header__title {
    font-size: 5.4rem;
  }
}

.bg-blue .section-header__title::after {
  background: #eeaa64;
}

.bg-blue .section-header a {
  color: #fff;
  text-decoration: none;
}

.bg-blue .section-header a:hover, .bg-blue .section-header a:focus {
  text-decoration: underline;
}

/* Styles specific to Service detail type nodes (until we can fix them sitewide) */
.detail_type_service h2,
.detail_type_service .h2,
.detail_type_service .section-header__title,
.detail_type_service .wysiwyg h2,
.detail_type_service .wysiwyg .h2,
.detail_type_service .content-aside__content .content-aside__title {
  color: #072057;
  font-size: 4rem;
}

@media (max-width: 1023px) {
  .detail_type_service h2,
  .detail_type_service .h2,
  .detail_type_service .section-header__title,
  .detail_type_service .wysiwyg h2,
  .detail_type_service .wysiwyg .h2,
  .detail_type_service .content-aside__content .content-aside__title {
    /* overriding what has been overridden elsewhere to return to browser default */
    margin-bottom: .83em;
  }
}

@media (min-width: 768px) {
  .detail_type_service h2,
  .detail_type_service .h2,
  .detail_type_service .section-header__title,
  .detail_type_service .wysiwyg h2,
  .detail_type_service .wysiwyg .h2,
  .detail_type_service .content-aside__content .content-aside__title {
    font-size: 4.5rem;
  }
}

@media (min-width: 1024px) {
  .detail_type_service h2,
  .detail_type_service .h2,
  .detail_type_service .section-header__title,
  .detail_type_service .wysiwyg h2,
  .detail_type_service .wysiwyg .h2,
  .detail_type_service .content-aside__content .content-aside__title {
    font-size: 5rem;
  }
}

.detail_type_service h2::after,
.detail_type_service .h2::after,
.detail_type_service .section-header__title::after,
.detail_type_service .wysiwyg h2::after,
.detail_type_service .wysiwyg .h2::after,
.detail_type_service .content-aside__content .content-aside__title::after {
  background: #4579b9;
  bottom: -11px;
  content: '';
  display: block;
  height: 5px;
  opacity: 1;
  position: absolute;
  width: 36px;
}

@media (min-width: 1024px) {
  .detail_type_service h2::after,
  .detail_type_service .h2::after,
  .detail_type_service .section-header__title::after,
  .detail_type_service .wysiwyg h2::after,
  .detail_type_service .wysiwyg .h2::after,
  .detail_type_service .content-aside__content .content-aside__title::after {
    bottom: -15px;
    height: 6px;
  }
}

.detail_type_service h3:not(.listing-card__title):not(.card__title),
.detail_type_service .h3,
.detail_type_service .wysiwyg h3,
.detail_type_service .wysiwyg .h3 {
  font-size: 3.3rem;
}

@media (min-width: 768px) {
  .detail_type_service h3:not(.listing-card__title):not(.card__title),
  .detail_type_service .h3,
  .detail_type_service .wysiwyg h3,
  .detail_type_service .wysiwyg .h3 {
    font-size: 3.5rem;
  }
}

@media (min-width: 1024px) {
  .detail_type_service h3:not(.listing-card__title):not(.card__title),
  .detail_type_service .h3,
  .detail_type_service .wysiwyg h3,
  .detail_type_service .wysiwyg .h3 {
    font-size: 3.6rem;
  }
}

.detail_type_service h4,
.detail_type_service .h4,
.detail_type_service .wysiwyg h4,
.detail_type_service .wysiwyg .h4 {
  font-size: 3.1rem;
}

@media (min-width: 768px) {
  .detail_type_service h4,
  .detail_type_service .h4,
  .detail_type_service .wysiwyg h4,
  .detail_type_service .wysiwyg .h4 {
    font-size: 3.25rem;
  }
}

@media (min-width: 1024px) {
  .detail_type_service h4,
  .detail_type_service .h4,
  .detail_type_service .wysiwyg h4,
  .detail_type_service .wysiwyg .h4 {
    font-size: 3.3rem;
  }
}

.detail_type_service .bg-blue h2,
.detail_type_service .bg-blue .h2,
.detail_type_service .bg-blue .section-header__title,
.detail_type_service .bg-blue .wysiwg h2,
.detail_type_service .bg-blue .wysiwg .h2 {
  color: #fff;
}

.detail_type_service .bg-blue h2::after,
.detail_type_service .bg-blue .h2::after,
.detail_type_service .bg-blue .section-header__title::after,
.detail_type_service .bg-blue .wysiwg h2::after,
.detail_type_service .bg-blue .wysiwg .h2::after {
  background: #fff;
  opacity: .4;
}

@media (min-width: 1024px) {
  .detail_type_service .layout--50-50 .layout__flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .detail_type_service .layout--50-50 .layout__flex .layout__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 48%;
            flex: 0 1 48%;
  }
}

.social__share {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: 1.8rem;
  grid-template-columns: repeat(auto-fill, 39px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-top: 4.5rem;
  padding: 0;
  width: 24rem;
}

@media (min-width: 768px) {
  .social__share {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .social__share {
    grid-template-columns: repeat(auto-fill, 48px);
  }
}

.social__share h2 {
  margin: 0;
  line-height: 1.6;
  color: #072057;
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  font-size: 1.8rem;
  width: auto;
}

.social__share h2::after {
  display: none;
}

@media (min-width: 768px) {
  .social__share h2 {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}

.social__share .social__item {
  margin: 0;
  width: auto;
}

.social__share .social__item .social__link {
  background-color: rgba(64, 120, 188, 0.2);
  border: 0;
  height: 39px;
  width: 39px;
}

.social__share .social__item .social__link:hover, .social__share .social__item .social__link:focus {
  background: #072057;
  border: 0;
}

@media (min-width: 1024px) {
  .social__share .social__item .social__link {
    background-color: #ffffff;
    border: 1px solid #c6cdd7;
    height: 48px;
    width: 48px;
  }
}

.social__share .social__item .social__link .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 18px;
  width: 18px;
}

.social__share .social__item .social__link.twitter .icon {
  background-image: url("/themes/custom/penn_libraries/assets/img/svg/blog-icon_twitter-blue.png");
}

.social__share .social__item .social__link.twitter:hover .icon,
.social__share .social__item .social__link.twitter:focus .icon {
  background-image: url("/themes/custom/penn_libraries/assets/img/svg/blog-icon_twitter-white.png");
}

.social__share .social__item .social__link.facebook .icon {
  background-image: url("/themes/custom/penn_libraries/assets/img/svg/blog-icon_facebook-blue.png");
}

.social__share .social__item .social__link.facebook:hover .icon,
.social__share .social__item .social__link.facebook:focus .icon {
  background-image: url("/themes/custom/penn_libraries/assets/img/svg/blog-icon_facebook-white.png");
}

.social__share .social__item .social__link.linkedin .icon {
  background-image: url("/themes/custom/penn_libraries/assets/img/svg/blog-icon_linkedin-blue.png");
}

.social__share .social__item .social__link.linkedin:hover .icon,
.social__share .social__item .social__link.linkedin:focus .icon {
  background-image: url("/themes/custom/penn_libraries/assets/img/svg/blog-icon_linkedin-white.png");
}

.social__share .social__item .social__link.email .icon {
  background-image: url("/themes/custom/penn_libraries/assets/img/svg/blog-icon_email-blue.png");
}

.social__share .social__item .social__link.email:hover .icon,
.social__share .social__item .social__link.email:focus .icon {
  background-image: url("/themes/custom/penn_libraries/assets/img/svg/blog-icon_email-white.png");
}

/* Tabs component */
.js-wikit-tabbed:not(.lib-search):not(.vert-tabs) {
  /* NOTE: Assumes default background of navy blue, overridden below */
  /* Navy blue component background color (default) */
  /* No component background color ('None') */
  /* Gradient, light blue, or gray component background */
}

.js-wikit-tabbed:not(.lib-search):not(.vert-tabs) h2.section-header__title {
  font-size: 5rem;
}

.js-wikit-tabbed:not(.lib-search):not(.vert-tabs) h2.section-header__title::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -15px;
  background: #072057;
  opacity: .4;
  width: 40px;
  height: 4px;
}

.bg-blue .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) h2.section-header__title::after {
  background: #fff;
}

.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) {
  /* Tabs container (ul) */
}

.bg-none .js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) .wysiwyg p, .bg-gradient .js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) .wysiwyg p, .bg-light-blue .js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) .wysiwyg p, .bg-gray .js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) .wysiwyg p {
  color: #072057;
}

.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) {
  border-bottom: none;
  margin-top: 13px;
  margin-bottom: 55px;
  /* Individual tab (li) */
  /* Individual tab link (a) */
}

.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) li[role="presentation"] {
  margin-bottom: 27px;
  margin-right: 27px;
}

.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) li[role="presentation"]:last-child {
  margin-right: 0;
}

.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link {
  background: rgba(255, 255, 255, 0.14);
  border: none;
  border-radius: 24px;
  color: #ffffff;
  padding: 14px 20px;
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 0;
  min-width: 116px;
  text-transform: none;
}

.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:hover, .js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:focus, .js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link[aria-selected="true"] {
  background: #4078bc;
  border: none;
  color: #ffffff;
}

.js .bg-blue .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) {
  background: #072057;
}

.js .bg-none .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link {
  background: none;
  border: 1px solid #4078bc;
  color: #072057;
}

.js .bg-none .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:hover, .js .bg-none .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:focus, .js .bg-none .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link[aria-selected="true"] {
  background: #4579b9;
  border: solid 1px #4579b9;
  color: #ffffff;
}

.js .bg-gradient .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link, .js .bg-light-blue .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link, .js .bg-gray .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link {
  background: #072057;
  border: none;
  color: #ffffff;
}

.js .bg-gradient .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:hover, .js .bg-gradient .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:focus, .js .bg-gradient .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link[aria-selected="true"], .js .bg-light-blue .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:hover, .js .bg-light-blue .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:focus, .js .bg-light-blue .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link[aria-selected="true"], .js .bg-gray .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:hover, .js .bg-gray .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:focus, .js .bg-gray .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link[aria-selected="true"] {
  background: #4078bc;
  border: none;
  color: #ffffff;
}

/* Vertical tabs component */
@media (min-width: 768px) {
  .vertical-tabs .js-wikit-tabbed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.js .vertical-tabs .js-wikit-tabbed [role="tablist"]:not(.slick-dots) {
  border-bottom: none;
  margin-top: 117px;
  margin-bottom: 0px;
}

@media (min-width: 768px) {
  .vertical-tabs .js-wikit-tabbed [role="tablist"]:not(.slick-dots) {
    margin-top: 117px;
    width: 28%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 28%;
            flex: 0 1 28%;
    min-width: 334px;
  }
}

.vertical-tabs .js-wikit-tabbed [role="tablist"]:not(.slick-dots) li {
  margin-right: 0px;
  display: block;
}

.vertical-tabs .js-wikit-tabbed [role="tablist"]:not(.slick-dots) li:last-child {
  margin-right: 0;
}

.vertical-tabs .js-wikit-tabbed [role="tab"].tab-nav__link {
  border-radius: 0;
  min-width: 100%;
  text-transform: uppercase;
  font-weight: 500;
  color: #072057;
  font-size: 1.8rem;
  background: none;
  min-width: auto;
  text-align: left;
  padding: 0;
  margin-bottom: 74px;
  position: relative;
}

.vertical-tabs .js-wikit-tabbed [role="tab"].tab-nav__link:hover {
  background: none;
  color: #072057;
}

.vertical-tabs .js-wikit-tabbed [role="tab"].tab-nav__link[aria-selected="true"] {
  border-bottom: none;
  background: none;
  color: #072057;
}

.vertical-tabs .js-wikit-tabbed [role="tab"].tab-nav__link[aria-selected="true"]::after {
  content: '';
  position: absolute;
  z-index: 3;
  top: -6px;
  right: -18px;
  width: 16px;
  height: 16px;
  display: block;
  background: #072057;
  border: 10px solid #FFFFFF;
  border-radius: 100px;
}

.vertical-tabs .js-wikit-tabbed .vertical-tabs__content {
  background: #eeeff4;
  padding: 40px 40px 40px 44px !important;
  position: relative;
  z-index: 2;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

@media (min-width: 768px) {
  .vertical-tabs .js-wikit-tabbed .vertical-tabs__content {
    width: calc(100% - 334px);
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 334px);
            flex: 0 1 calc(100% - 334px);
  }
}

@media (min-width: 1024px) {
  .vertical-tabs .js-wikit-tabbed .vertical-tabs__content {
    width: 72%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 72%;
            flex: 0 1 72%;
  }
}

.vertical-tabs .js-wikit-tabbed .vertical-tabs__content .wysiwyg > *:first-child {
  margin-top: 0;
}

.vertical-tabs .js-wikit-tabbed .vertical-tabs__content .wysiwyg > *:last-child {
  margin-bottom: 0;
}

/* Also see _link-list.scss */
.paragraph--todays-hours h2.section-header__title {
  font-size: 4.5rem;
  margin-bottom: 0.83em;
}

.paragraph--todays-hours h2.section-header__title::after {
  background: #072057;
  bottom: -15px;
  height: 4px;
  opacity: .4;
  width: 40px;
}

.paragraph--todays-hours .link-list__list .link-list__item {
  color: #072057;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 640px) {
  .paragraph--todays-hours .link-list__list .link-list__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.paragraph--todays-hours .link-list__list .link-list__item:last-child {
  border-bottom: 1px solid rgba(7, 32, 87, 0.3);
}

.paragraph--todays-hours .link-list__list .link-list__item .link-list__hours {
  font-weight: 400;
  white-space: nowrap;
}

@media (min-width: 640px) {
  .paragraph--todays-hours .link-list__list .link-list__item .link-list__hours {
    margin-left: 4rem;
  }
}

.paragraph--todays-hours .link-list__list .link-list__item .link-list__hours .link-list__link {
  text-decoration: underline;
}

.paragraph--todays-hours .link-list__list .link-list__item .link-list__hours .link-list__link:hover, .paragraph--todays-hours .link-list__list .link-list__item .link-list__hours .link-list__link:focus {
  text-decoration: none;
}

@media (min-width: 1200px) {
  .paragraph--todays-hours .link-list__list.link-list__columns {
    -webkit-columns: 50rem 2;
       -moz-columns: 50rem 2;
            columns: 50rem 2;
    -webkit-column-gap: 10rem;
       -moz-column-gap: 10rem;
            column-gap: 10rem;
    -webkit-column-rule: 1px solid rgba(7, 32, 87, 0.2);
       -moz-column-rule: 1px solid rgba(7, 32, 87, 0.2);
            column-rule: 1px solid rgba(7, 32, 87, 0.2);
  }
}

/* USER ACCOUNT SCREEN - Emulating backend form styles rather
than frontend theme */
.user-info {
  color: var(--gin-color-text) !important;
  font-family: var(--gin-font) !important;
  padding: 2rem 2rem 5rem 4rem;
}

.user-info .user-info__title {
  color: var(--gin-color-text) !important;
  font-size: 2.9rem !important;
  font-weight: var(--gin-font-weight-semibold);
  line-height: normal;
  letter-spacing: -0.05em;
  margin-bottom: 2rem !important;
}

.user-info h2 {
  font-size: 1.6rem !important;
  line-height: 1.4;
  margin: 0;
}

.user-info p, .user-info a, .user-info ul, .user-info ol, .user-info dl {
  font-size: 1.6rem;
}

.user-info a.button {
  padding: 1.2rem 2rem;
  border: 2px solid var(--gin-color-primary) !important;
  border-radius: var(--gin-border-m);
  -webkit-box-shadow: 0 1px 2px var(--gin-color-primary-light);
          box-shadow: 0 1px 2px var(--gin-color-primary-light);
  -webkit-transition: var(--gin-transition);
  transition: var(--gin-transition);
  font-size: 1.4rem;
  font-weight: var(--gin-font-weight-semibold);
  color: var(--gin-color-primary);
  background-color: transparent;
  display: inline-block;
  margin: 2rem 0 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.user-info a.button:hover {
  background-color: var(--gin-color-primary-hover);
  border-color: var(--gin-color-primary-hover) !important;
  color: var(--gin-color-button-text);
}

.user-info dl.account-data {
  margin: 0;
}

@media (min-width: 640px) {
  .user-info dl.account-data {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    grid-gap: 1rem 3rem;
  }
}

.user-info dl.account-data dt {
  font-weight: var(--gin-font-weight-semibold);
}

.user-info dl.account-data dt:not(:first-child) {
  margin-top: 1rem;
}

@media (min-width: 640px) {
  .user-info dl.account-data dt:not(:first-child) {
    margin-top: 0;
  }
}

.user-info dl.account-data dd {
  margin: 0;
}

.user-info .my-account {
  padding: 2.4rem;
  border: 1px solid var(--gin-border-color);
  border-radius: var(--gin-border-m);
  margin-top: 4rem;
  max-width: 350px;
}

.user-info .my-account p:first-child {
  margin-top: 0;
}

.user-info .my-account p:last-child {
  margin-bottom: 0;
}

.user-info .my-account .account-link {
  text-align: right;
}

/* Migrated from footer styles */
#user-login-form {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 8rem;
}

#user-login-form .form-actions {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#user-login-form .form-actions .btn,
#user-login-form .form-actions .btn--no-outline,
#user-login-form .form-actions .button {
  margin-top: 2rem;
}

#user-login-form input,
#user-login-form select,
#user-login-form textarea {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

.simplesamlphp-auth-login-link {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "proxima-nova", "ITC Stone Sans", sans-serif;
  letter-spacing: 1.8px;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  margin: 0 20px 20px 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #072057;
  min-width: 162px;
  border-radius: 100px;
  padding: 18px;
  padding-left: 50px;
  font-size: 1.4rem;
  border: 1px solid #4078bc;
  position: relative;
}

a.simplesamlphp-auth-login-link::before {
  content: " ";
  background-image: url("https://libapps.s3.amazonaws.com/sites/231/include/simplified-shield-icon.svg");
  position: absolute;
  top: 0px;
  left: 0px;
  height: 60px;
  width: 60px;
}

.loginBlock {
  border-top-width: 0.5px;
  border-top-style: solid;
  border-top-color: rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  padding: 2rem;
}

#adminLoginBlock {
  margin-left: 0;
  padding: 2rem;
}

.btn--no-outline {
  border: 0;
  color: #072057;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 1px;
  padding-left: 2rem;
}

#resetButton {
  width: 50rem;
}

@media (min-width: 1024px) {
  .video-w-card {
    margin: 100px 0;
  }
}

.video-w-card__icons {
  bottom: 31px;
}

.video-w-card__icons__circle {
  width: 34px;
  height: 34px;
  border: 2px solid #fff;
}

.video-w-card__icons .play {
  background-position: 60% 50%;
}

.video-w-card__icons .expand {
  width: 34px;
  height: 34px;
}

.video-w-card .featured-initiative-card__wrap {
  border: none;
  padding: 72px 40px 50px 40px;
}

@media (min-width: 768px) {
  .video-w-card .featured-initiative-card__title {
    font-size: 3.9rem;
  }
}

.view-format-two_column_list {
  max-width: 1315px;
  margin: 0 auto 60px;
}

.view-format-two_column_list .two-columns {
  -webkit-columns: 40rem 2;
     -moz-columns: 40rem 2;
          columns: 40rem 2;
  -webkit-column-gap: 10rem;
     -moz-column-gap: 10rem;
          column-gap: 10rem;
}

.view-format-two_column_list .two-columns.column-rule {
  -webkit-column-rule: 1px solid rgba(7, 32, 87, 0.2);
     -moz-column-rule: 1px solid rgba(7, 32, 87, 0.2);
          column-rule: 1px solid rgba(7, 32, 87, 0.2);
}

.view-format-two_column_list ul.two-column-list__list:not(.link-list__list) {
  padding-left: 0;
  list-style-type: none;
}

.row-format-fields .view-format-two_column_list ul.two-column-list__list:not(.link-list__list) li.two-column-list__item {
  font-size: 1.8rem;
  padding-bottom: 1.4rem;
}

.row-format-fields .view-format-two_column_list ul.two-column-list__list:not(.link-list__list) li.two-column-list__item a {
  color: #072057;
  text-decoration: underline;
}

.row-format-fields .view-format-two_column_list ul.two-column-list__list:not(.link-list__list) li.two-column-list__item a:hover, .row-format-fields .view-format-two_column_list ul.two-column-list__list:not(.link-list__list) li.two-column-list__item a:focus {
  text-decoration: none;
}

.view-format-two_column_list .row-format-card, .view-format-two_column_list .row-format-teaser {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.view-format-two_column_list .row-format-card ul, .view-format-two_column_list .row-format-teaser ul {
  list-style-type: none;
  padding-left: 0;
}

.view-format-two_column_list .row-format-card ul li.two-column-list__item, .view-format-two_column_list .row-format-teaser ul li.two-column-list__item {
  margin-bottom: 3rem;
}

/*=========*/
/* Mix-ins */
/*=========*/
/*=========*/
/* General */
/*=========*/
.freedman {
  /* Links */
  font-family: "proxima-nova", "ITC Stone Sans", "Noto Sans Hebrew", sans-serif;
  /*=============*/
  /* Site Header */
  /*=============*/
  /*=================*/
  /* Page Navigation */
  /*=================*/
  /*========*/
  /* Footer */
  /*========*/
}

.freedman a {
  color: #072057;
}

.freedman a:hover, .freedman a:focus {
  text-decoration: none;
}

.freedman h1, .freedman h2, .freedman .h2, .freedman h3, .freedman h4 {
  font-family: "PerpetuaMT", "Noto Serif Hebrew", serif;
}

.freedman h2, .freedman .h2 {
  font-size: 3.6rem;
  margin-bottom: 0;
}

.freedman h2:first-of-type, .freedman .h2:first-of-type {
  margin-top: 0;
}

@media (min-width: 768px) {
  .freedman h2, .freedman .h2 {
    font-size: 3.85rem;
  }
}

.freedman h2 ~ article > h3 {
  font-size: 3.6rem !important;
  margin-top: 0;
}

.freedman h2 ~ article > h3::after {
  content: none !important;
}

@media (min-width: 768px) {
  .freedman h2 ~ article > h3 {
    font-size: 3.85rem;
  }
}

.freedman h4 {
  font-size: 3.4rem;
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .freedman h4 {
    font-size: 3.6rem;
  }
}

.freedman h5 {
  font-family: "PerpetuaMT", "Noto Serif Hebrew", serif;
  font-size: 3.1rem;
  font-weight: 400;
  margin-top: 0;
}

@media (min-width: 768px) {
  .freedman h5 {
    font-size: 3.2rem;
  }
}

.freedman p, .freedman form, .freedman .a-z-search__button, .freedman dl {
  font-size: 1.8rem;
  line-height: 1.4;
}

.freedman .section-margin {
  margin: 4rem 0;
}

.freedman .section-margin-top {
  margin-top: 3rem;
}

@media (min-width: 768px) {
  .freedman .section-margin-top {
    margin-top: 4rem;
  }
}

.freedman .section-margin-bottom {
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .freedman .section-margin-bottom {
    margin-bottom: 4rem;
  }
}

.freedman .section-padding {
  padding: 4rem 0;
}

@media (min-width: 768px) {
  .freedman .section-padding {
    padding: 6rem 0;
  }
}

.freedman .text-align-center {
  text-align: center;
}

.freedman p, .freedman a, .freedman li {
  overflow-wrap: break-word;
}

.freedman dl {
  margin-top: 0;
  /* Nested dl */
}

.freedman dl dt {
  font-weight: 500;
  margin-top: 1rem;
}

.freedman dl dt:first-of-type {
  margin-top: 0;
}

.freedman dl dd {
  margin-left: 2rem;
}

@media (min-width: 768px) {
  .freedman dl {
    /* Display dt and dd side by side on larger screens */
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    line-height: 1.4;
  }
  .freedman dl dt, .freedman dl dd {
    border-bottom: solid 1px #e3e4e6;
    padding: .5rem 0;
  }
  .freedman dl dt:last-of-type, .freedman dl dd:last-of-type {
    border-bottom: 0;
  }
  .freedman dl dt {
    margin: 0;
  }
  .freedman dl dd {
    padding-left: 2rem;
    margin: 0 !important;
  }
}

.freedman dl:first-of-type dl {
  display: block;
  margin: 0;
  padding-left: 0;
}

.freedman dl:first-of-type dl dt, .freedman dl:first-of-type dl dd {
  border: 0 !important;
  margin-left: 0;
  padding: 0;
}

.freedman dl:first-of-type dl dt {
  margin-top: .5rem;
}

.freedman dl:first-of-type dl dt:first-of-type {
  margin-top: 0;
}

@media (min-width: 768px) {
  .freedman dl {
    /* Display dt and dd side by side on larger screens */
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    line-height: 1.4;
  }
  .freedman dl dt, .freedman dl dd {
    border-bottom: solid 1px #e3e4e6;
    padding: .5rem 0;
  }
  .freedman dl dt:last-of-type, .freedman dl dd:last-of-type {
    border-bottom: 0;
  }
  .freedman dl dt {
    margin: 0;
  }
  .freedman dl dd {
    padding-left: 2rem;
    margin: 0 !important;
  }
  .freedman dl dt, .freedman dl dd {
    border-color: #e3e4e6;
  }
}

.freedman .header {
  height: auto;
}

.freedman .header > .contain {
  /* Height */
  height: 90px;
  /* Border */
  border-bottom: 1px solid rgba(223, 223, 223, 0.7);
  /* Libraries logo */
}

@media (min-width: 1024px) {
  .freedman .header > .contain {
    height: 100px;
  }
}

@media (min-width: 768px) {
  .freedman .header > .contain {
    border: 0;
    padding-top: 0;
  }
}

.freedman .header > .contain .header__logo {
  max-width: 100%;
  width: 250px;
}

@media (min-width: 768px) {
  .freedman .header > .contain .header__logo {
    height: 105px;
    margin: 0;
    width: 300px;
  }
}

.freedman .header > .contain .header__logo svg {
  -webkit-transform: none;
          transform: none;
}

.freedman .pager__item a {
  text-decoration: none;
}

.freedman .pager__item a:hover, .freedman .pager__item a:focus {
  text-decoration: underline;
}

.freedman .footer {
  margin: 0;
  padding: 4rem 2rem;
}

.freedman .footer.bg-blue a {
  color: #fff;
}

.freedman .footer br ~ em {
  display: block;
  margin-top: 1.8rem;
}

/*==============*/
/* Browse Lists */
/*==============*/
.freedman.browselist {
  /* A-Z links */
  /* "Start at this prefix" form */
  /* Results list */
}

.freedman.browselist .a-z-search__buttons {
  line-height: 1.8;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.freedman.browselist .a-z-search__buttons .a-z-search__button:hover, .freedman.browselist .a-z-search__buttons .a-z-search__button:focus {
  text-decoration: underline;
}

.freedman.browselist .browse-prefix-form label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  font-weight: 400;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
}

.freedman.browselist .browse-prefix-form label input {
  margin: 0;
  max-width: 100%;
  padding: .5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  width: auto;
}

@media (min-width: 768px) {
  .freedman.browselist .browse-prefix-form label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2rem;
  }
}

.freedman.browselist ul.browse-results li.link-list__item {
  color: #072057;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.2;
  list-style: none;
  margin-bottom: 1.2rem;
  padding-bottom: 1rem;
}

.freedman.browselist ul.browse-results li.link-list__item a {
  font-weight: 500;
  text-decoration: none;
}

.freedman.browselist ul.browse-results li.link-list__item a:hover, .freedman.browselist ul.browse-results li.link-list__item a:focus {
  text-decoration: underline;
}

/*================*/
/* Search Results */
/*================*/
.freedman.searchwords {
  /* Header meta */
}

.freedman.searchwords .header-info dl {
  margin-top: 0;
  /* Nested dl */
  color: #072057;
  margin: 0;
}

.freedman.searchwords .header-info dl dt {
  font-weight: 500;
  margin-top: 1rem;
}

.freedman.searchwords .header-info dl dt:first-of-type {
  margin-top: 0;
}

.freedman.searchwords .header-info dl dd {
  margin-left: 2rem;
}

@media (min-width: 768px) {
  .freedman.searchwords .header-info dl {
    /* Display dt and dd side by side on larger screens */
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    line-height: 1.4;
  }
  .freedman.searchwords .header-info dl dt, .freedman.searchwords .header-info dl dd {
    border-bottom: solid 1px #e3e4e6;
    padding: .5rem 0;
  }
  .freedman.searchwords .header-info dl dt:last-of-type, .freedman.searchwords .header-info dl dd:last-of-type {
    border-bottom: 0;
  }
  .freedman.searchwords .header-info dl dt {
    margin: 0;
  }
  .freedman.searchwords .header-info dl dd {
    padding-left: 2rem;
    margin: 0 !important;
  }
}

.freedman.searchwords .header-info dl:first-of-type dl {
  display: block;
  margin: 0;
  padding-left: 0;
}

.freedman.searchwords .header-info dl:first-of-type dl dt, .freedman.searchwords .header-info dl:first-of-type dl dd {
  border: 0 !important;
  margin-left: 0;
  padding: 0;
}

.freedman.searchwords .header-info dl:first-of-type dl dt {
  margin-top: .5rem;
}

.freedman.searchwords .header-info dl:first-of-type dl dt:first-of-type {
  margin-top: 0;
}

@media (min-width: 768px) {
  .freedman.searchwords .header-info dl {
    /* Display dt and dd side by side on larger screens */
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    line-height: 1.4;
  }
  .freedman.searchwords .header-info dl dt, .freedman.searchwords .header-info dl dd {
    border-bottom: solid 1px #e3e4e6;
    padding: .5rem 0;
  }
  .freedman.searchwords .header-info dl dt:last-of-type, .freedman.searchwords .header-info dl dd:last-of-type {
    border-bottom: 0;
  }
  .freedman.searchwords .header-info dl dt {
    margin: 0;
  }
  .freedman.searchwords .header-info dl dd {
    padding-left: 2rem;
    margin: 0 !important;
  }
  .freedman.searchwords .header-info dl dt, .freedman.searchwords .header-info dl dd {
    border-color: #e3e4e6;
  }
}

@media (min-width: 768px) {
  .freedman.searchwords .header-info dl {
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
  }
  .freedman.searchwords .header-info dl dt, .freedman.searchwords .header-info dl dd {
    border: 0;
  }
}

.freedman.searchwords article {
  background: #fff;
  border: 1px solid #e3e4e6;
  margin: 2rem 0;
  padding: 3rem;
}

.freedman.searchwords article dl:last-of-type {
  margin-bottom: 0;
}

.freedman.searchwords article dl {
  margin-top: 0;
  /* Nested dl */
}

.freedman.searchwords article dl dt {
  font-weight: 500;
  margin-top: 1rem;
}

.freedman.searchwords article dl dt:first-of-type {
  margin-top: 0;
}

.freedman.searchwords article dl dd {
  margin-left: 2rem;
}

@media (min-width: 768px) {
  .freedman.searchwords article dl {
    /* Display dt and dd side by side on larger screens */
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    line-height: 1.4;
  }
  .freedman.searchwords article dl dt, .freedman.searchwords article dl dd {
    border-bottom: solid 1px #e3e4e6;
    padding: .5rem 0;
  }
  .freedman.searchwords article dl dt:last-of-type, .freedman.searchwords article dl dd:last-of-type {
    border-bottom: 0;
  }
  .freedman.searchwords article dl dt {
    margin: 0;
  }
  .freedman.searchwords article dl dd {
    padding-left: 2rem;
    margin: 0 !important;
  }
}

.freedman.searchwords article dl:first-of-type dl {
  display: block;
  margin: 0;
  padding-left: 0;
}

.freedman.searchwords article dl:first-of-type dl dt, .freedman.searchwords article dl:first-of-type dl dd {
  border: 0 !important;
  margin-left: 0;
  padding: 0;
}

.freedman.searchwords article dl:first-of-type dl dt {
  margin-top: .5rem;
}

.freedman.searchwords article dl:first-of-type dl dt:first-of-type {
  margin-top: 0;
}

@media (min-width: 768px) {
  .freedman.searchwords article dl {
    /* Display dt and dd side by side on larger screens */
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    line-height: 1.4;
  }
  .freedman.searchwords article dl dt, .freedman.searchwords article dl dd {
    border-bottom: solid 1px #e3e4e6;
    padding: .5rem 0;
  }
  .freedman.searchwords article dl dt:last-of-type, .freedman.searchwords article dl dd:last-of-type {
    border-bottom: 0;
  }
  .freedman.searchwords article dl dt {
    margin: 0;
  }
  .freedman.searchwords article dl dd {
    padding-left: 2rem;
    margin: 0 !important;
  }
  .freedman.searchwords article dl dt, .freedman.searchwords article dl dd {
    border-color: #e3e4e6;
  }
}

.freedman.searchwords article h3.h2 {
  margin-bottom: 4rem;
}

.freedman.searchwords article dl ~ dl {
  background: #f2f2f3;
  margin: 3rem 0;
  padding: 2rem 3rem;
  margin-bottom: 0;
}

.freedman.searchwords article dl ~ dl dt, .freedman.searchwords article dl ~ dl dd {
  border-color: #d6d7da;
}

.freedman.searchwords article dl ~ dl:last-of-type {
  margin-bottom: 0;
}

/*===============*/
/* Lookup Artist */
/*===============*/
.freedman.artistlookup {
  /* Header meta */
}

.freedman.artistlookup article {
  background: #fff;
  border: 1px solid #e3e4e6;
  margin: 2rem 0;
  padding: 3rem;
}

.freedman.artistlookup article dl:last-of-type {
  margin-bottom: 0;
}

.freedman.artistlookup .header-info dl {
  margin-top: 0;
  /* Nested dl */
  color: #072057;
  margin: 0;
}

.freedman.artistlookup .header-info dl dt {
  font-weight: 500;
  margin-top: 1rem;
}

.freedman.artistlookup .header-info dl dt:first-of-type {
  margin-top: 0;
}

.freedman.artistlookup .header-info dl dd {
  margin-left: 2rem;
}

@media (min-width: 768px) {
  .freedman.artistlookup .header-info dl {
    /* Display dt and dd side by side on larger screens */
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    line-height: 1.4;
  }
  .freedman.artistlookup .header-info dl dt, .freedman.artistlookup .header-info dl dd {
    border-bottom: solid 1px #e3e4e6;
    padding: .5rem 0;
  }
  .freedman.artistlookup .header-info dl dt:last-of-type, .freedman.artistlookup .header-info dl dd:last-of-type {
    border-bottom: 0;
  }
  .freedman.artistlookup .header-info dl dt {
    margin: 0;
  }
  .freedman.artistlookup .header-info dl dd {
    padding-left: 2rem;
    margin: 0 !important;
  }
}

.freedman.artistlookup .header-info dl:first-of-type dl {
  display: block;
  margin: 0;
  padding-left: 0;
}

.freedman.artistlookup .header-info dl:first-of-type dl dt, .freedman.artistlookup .header-info dl:first-of-type dl dd {
  border: 0 !important;
  margin-left: 0;
  padding: 0;
}

.freedman.artistlookup .header-info dl:first-of-type dl dt {
  margin-top: .5rem;
}

.freedman.artistlookup .header-info dl:first-of-type dl dt:first-of-type {
  margin-top: 0;
}

@media (min-width: 768px) {
  .freedman.artistlookup .header-info dl {
    /* Display dt and dd side by side on larger screens */
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    line-height: 1.4;
  }
  .freedman.artistlookup .header-info dl dt, .freedman.artistlookup .header-info dl dd {
    border-bottom: solid 1px #e3e4e6;
    padding: .5rem 0;
  }
  .freedman.artistlookup .header-info dl dt:last-of-type, .freedman.artistlookup .header-info dl dd:last-of-type {
    border-bottom: 0;
  }
  .freedman.artistlookup .header-info dl dt {
    margin: 0;
  }
  .freedman.artistlookup .header-info dl dd {
    padding-left: 2rem;
    margin: 0 !important;
  }
  .freedman.artistlookup .header-info dl dt, .freedman.artistlookup .header-info dl dd {
    border-color: #e3e4e6;
  }
}

@media (min-width: 768px) {
  .freedman.artistlookup .header-info dl {
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
  }
  .freedman.artistlookup .header-info dl dt, .freedman.artistlookup .header-info dl dd {
    border: 0;
  }
}

.freedman.artistlookup h2 {
  margin-bottom: 4rem;
}

.freedman.artistlookup h3.h2 {
  margin-bottom: 2rem;
}

.freedman.artistlookup article dl {
  margin-top: 0;
  /* Nested dl */
}

.freedman.artistlookup article dl dt {
  font-weight: 500;
  margin-top: 1rem;
}

.freedman.artistlookup article dl dt:first-of-type {
  margin-top: 0;
}

.freedman.artistlookup article dl dd {
  margin-left: 2rem;
}

@media (min-width: 768px) {
  .freedman.artistlookup article dl {
    /* Display dt and dd side by side on larger screens */
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    line-height: 1.4;
  }
  .freedman.artistlookup article dl dt, .freedman.artistlookup article dl dd {
    border-bottom: solid 1px #e3e4e6;
    padding: .5rem 0;
  }
  .freedman.artistlookup article dl dt:last-of-type, .freedman.artistlookup article dl dd:last-of-type {
    border-bottom: 0;
  }
  .freedman.artistlookup article dl dt {
    margin: 0;
  }
  .freedman.artistlookup article dl dd {
    padding-left: 2rem;
    margin: 0 !important;
  }
}

.freedman.artistlookup article dl:first-of-type dl {
  display: block;
  margin: 0;
  padding-left: 0;
}

.freedman.artistlookup article dl:first-of-type dl dt, .freedman.artistlookup article dl:first-of-type dl dd {
  border: 0 !important;
  margin-left: 0;
  padding: 0;
}

.freedman.artistlookup article dl:first-of-type dl dt {
  margin-top: .5rem;
}

.freedman.artistlookup article dl:first-of-type dl dt:first-of-type {
  margin-top: 0;
}

@media (min-width: 768px) {
  .freedman.artistlookup article dl {
    /* Display dt and dd side by side on larger screens */
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    line-height: 1.4;
  }
  .freedman.artistlookup article dl dt, .freedman.artistlookup article dl dd {
    border-bottom: solid 1px #e3e4e6;
    padding: .5rem 0;
  }
  .freedman.artistlookup article dl dt:last-of-type, .freedman.artistlookup article dl dd:last-of-type {
    border-bottom: 0;
  }
  .freedman.artistlookup article dl dt {
    margin: 0;
  }
  .freedman.artistlookup article dl dd {
    padding-left: 2rem;
    margin: 0 !important;
  }
  .freedman.artistlookup article dl dt, .freedman.artistlookup article dl dd {
    border-color: #e3e4e6;
  }
}

.freedman.artistlookup article dl ~ dl {
  background: #f2f2f3;
  margin: 3rem 0;
  padding: 2rem 3rem;
}

.freedman.artistlookup article dl ~ dl dt, .freedman.artistlookup article dl ~ dl dd {
  border-color: #d6d7da;
}

.freedman.artistlookup article dl ~ dl:last-of-type {
  margin-bottom: 0;
}

.freedman.artistlookup section dl {
  background: #f2f2f3;
  margin: 3rem 0;
  padding: 2rem 3rem;
  border: 1px solid #e3e4e6;
}

.freedman.artistlookup section dl dt, .freedman.artistlookup section dl dd {
  border-color: #d6d7da;
}

.freedman.artistlookup section dl:last-of-type {
  margin-bottom: 0;
}

.freedman.artistlookup section dl dt:first-of-type {
  margin-top: 0;
}

/*===================*/
/* Lookup Work/Album */
/*===================*/
.freedman.albumlookup h3.h2,
.freedman.itemlookup h3.h2 {
  margin-bottom: 4rem;
}

.freedman.albumlookup h2 ~ article,
.freedman.itemlookup h2 ~ article {
  margin-top: 4rem;
}

.freedman.albumlookup article,
.freedman.itemlookup article {
  background: #fff;
  border: 1px solid #e3e4e6;
  margin: 2rem 0;
  padding: 3rem;
}

.freedman.albumlookup article dl:last-of-type,
.freedman.itemlookup article dl:last-of-type {
  margin-bottom: 0;
}

.freedman.albumlookup article dl ~ dl,
.freedman.itemlookup article dl ~ dl {
  background: #f2f2f3;
  margin: 3rem 0;
  padding: 2rem 3rem;
}

.freedman.albumlookup article dl ~ dl dt, .freedman.albumlookup article dl ~ dl dd,
.freedman.itemlookup article dl ~ dl dt,
.freedman.itemlookup article dl ~ dl dd {
  border-color: #d6d7da;
}

.freedman.albumlookup article dl ~ dl:last-of-type,
.freedman.itemlookup article dl ~ dl:last-of-type {
  margin-bottom: 0;
}

.freedman.albumlookup article section article,
.freedman.itemlookup article section article {
  background: #f2f2f3;
  border: 1px solid #e3e4e6;
}

.freedman.albumlookup article section article h5,
.freedman.itemlookup article section article h5 {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .freedman.albumlookup article section article h5,
  .freedman.itemlookup article section article h5 {
    font-size: 3.4rem;
  }
}

.freedman.albumlookup article section article dt, .freedman.albumlookup article section article dd,
.freedman.itemlookup article section article dt,
.freedman.itemlookup article section article dd {
  border-color: #d6d7da;
}

.freedman.albumlookup article section article dl ~ dl,
.freedman.itemlookup article section article dl ~ dl {
  background: #fff;
  margin: 3rem 0;
  padding: 2rem 3rem;
}

.freedman.albumlookup article section article dl ~ dl dt, .freedman.albumlookup article section article dl ~ dl dd,
.freedman.itemlookup article section article dl ~ dl dt,
.freedman.itemlookup article section article dl ~ dl dd {
  border-color: #e3e4e6;
}

@media (min-width: 976px) {
  .toolbar-menu-administration
> .toolbar-menu
> .menu-item
.toolbar-menu
.menu-item
.toolbar-icon {
    font-size: 1.5rem !important;
  }
}

html {
  -ms-scroll-snap-type: y;
      scroll-snap-type: y;
  scroll-padding-top: 10rem;
}

@media (min-width: 1024px) {
  html {
    scroll-padding-top: 15rem;
  }
}

#top {
  margin-left: 70px;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

@media (min-width: 1024px) {
  #top.sidebarnav--expand {
    margin-left: 148px;
    -webkit-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
            transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
}

@media (max-width: 1023px) {
  #top {
    margin-left: 0;
  }
}

.bg-gradient {
  background: linear-gradient(108.99deg, #f1f9ff 5.82%, #feefdf 100%);
}

.bg-gradient::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  width: 100%;
  height: 203px;
  z-index: -1;
}

.bg-gradient .contain {
  position: relative;
  z-index: 10;
}

.align-center figcaption {
  text-align: center;
}

section,
article {
  scroll-margin-top: 15rem;
}

/* Override site.css */
.bg-color + .bg-color {
  margin-top: unset;
}

a.arrow, button.arrow {
  color: #030f28 !important;
  font-weight: 700;
  font-size: 1.6rem;
  text-decoration: none !important;
  text-transform: uppercase;
}

a.arrow::after, button.arrow::after {
  content: '';
  display: inline-block;
  background: url(/themes/custom/penn_libraries/assets/img/svg/red-arrow.svg) no-repeat 50% 50%;
  width: 1.8rem;
  height: 1.4rem;
  margin-left: 1.5rem;
  position: relative;
  -webkit-transition: inherit;
  transition: inherit;
}

a.arrow:hover, a.arrow:focus, button.arrow:hover, button.arrow:focus {
  color: #0a2e7d !important;
}

blockquote, .wysiwyg blockquote {
  border: 0;
}

blockquote p, .wysiwyg blockquote p {
  font-size: 2.9rem;
  font-style: italic;
  line-height: 1.5;
}

/* ========================================
 *                CONTENTS
 * ========================================
 *
 *  1. GENERAL HTML ELEMENTS
 *  --- 1.1 LISTS
 *  --- 1.2 LINKS LEFT UNSTYLED
 *
 *  2. HEADER
 *  --- 2.1 ALERT BAR
 *  --- 2.2 NAVIGATION MENUS
 *  --- 2.3 SEARCH
 *  --- 2.4 BREADCRUMBS
 *
 *  3. CONTENT TYPES
 *  --- 3.1 EVENTS
 *  --- 3.2 STAFF PROFILES
 *  --- 3.3 SOFTWARE AND TOOLS
 *
 *  4. PARAGRAPH TYPES
 *  --- 4.1 CONTENT ASIDE
 *  -------- 4.1.a CONTENT
 *  -------- 4.1.b ASIDE
 *  --- 4.2 VERTICAL TABS
 *  --- 4.3 CARDS (vertical)
 *  --- 4.4 LISTING CARDS (horizontal)
 *  --- 4.5 RESOURCE GRIDS
 *  --- 4.6 ACCORDIONS
 *  --- 4.7 WYSIWYG
 *  --- 4.8 PAGE HEADER HERO
 *  --- 4.9 CARD LISTING
 *
 *  5. FOOTER
 *
 *  6. ADMIN
 *  --- 6.1 PENNKEY LOGIN BUTTON
 *
 * ======================================== */
/*****************************
   1. GENERAL HTML ELEMENTS
 *****************************/
.wysiwyg strong {
  font-weight: 600;
}

a:not(.btn) {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

a:not(.btn),
a:not(.btn):hover,
a:not(.btn):focus {
  text-underline-offset: .15em;
  text-decoration-thickness: 1px !important;
}

/* Hide empty listing card header */
#para-33246 .section-header--centered {
  display: none;
}

/* Left align notable collection headers */
.detail_type_collection .section-header--centered {
  text-align: left;
}

.detail_type_collection .section-header--centered .section-header__title::after {
  left: 0;
  -webkit-transform: none;
          transform: none;
}

/* Undo decision to make H2 smaller inside content asides */
@media (min-width: 1024px) {
  .detail_type_collection .content-aside__content h2,
  .detail_type_collection .content-aside__content .h2 {
    font-size: 5.2rem !important;
  }
}

/*--- 1.1 LISTS ---*/
/* Make text in wysiwyg lists the same color as body text (not black) */
.wysiwyg:not(.intro) ol {
  font-size: 1.8rem;
  list-style-type: decimal;
  margin-bottom: 2rem;
  margin-left: 3rem;
}

@media (min-width: 768px) {
  .wysiwyg:not(.intro) ol {
    font-size: 2rem;
  }
}

.wysiwyg:not(.intro) ol ol {
  list-style-type: lower-alpha;
}

.wyiswyg:not(.intro) ol ol ol {
  list-style-type: lower-roman;
}

.wyiswyg:not(.intro) ol ol ol ol {
  list-style-type: decimal;
}

.wysiwyg:not(.intro) ol ul {
  list-style-type: circle;
}

.wysiwyg:not(.intro) ol li {
  font-size: inherit;
}

.wysiwyg:not(.intro) ol li::before {
  display: none;
}

.wysiwyg:not(.intro) ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) {
  font-size: 1.8rem;
  margin-bottom: 2rem;
  margin-left: 3.2rem;
}

@media (min-width: 768px) {
  .wysiwyg:not(.intro) ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) {
    font-size: 2rem;
  }
}

.wysiwyg:not(.intro) ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) li {
  color: inherit;
  font-size: inherit;
  line-height: 1.4;
  margin-bottom: 1.2rem;
  padding-left: 3rem;
}

@media (min-width: 768px) {
  .wysiwyg:not(.intro) ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) li {
    font-size: inherit;
    line-height: 1.4;
  }
}

.wysiwyg:not(.intro) ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) li {
  padding-left: 1.8rem;
}

.wysiwyg:not(.intro) ol ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) li {
  padding-left: 0;
}

.wysiwyg ol li::before,
.wysiwyg ul:not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) li::before {
  color: inherit;
  font-size: inherit;
  font-weight: 500;
  left: 0;
  position: absolute;
}

.js-wikit-accordion__item .wysiwyg ol li::before,
.js-wikit-accordion__item .wysiwyg ul:not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) li::before {
  background: #ffffff;
  color: #ffffff;
}

.wysiwyg ul:not(.card__type) li::before {
  top: 11px;
}

@media (min-width: 728px) {
  .wysiwyg ul:not(.card__type) li::before {
    top: 11px;
  }
}

.wysiwyg ul:not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) ul,
.wysiwyg ul:not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) ol,
.wysiwyg ol ul,
.wysiwyg ol ol {
  font-size: 1.8rem;
  padding-top: 1.2rem;
}

@media (min-width: 768px) {
  .wysiwyg ul:not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) ul,
  .wysiwyg ul:not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) ol,
  .wysiwyg ol ul,
  .wysiwyg ol ol {
    font-size: 2rem;
  }
}

@media (min-width: 768px) {
  .wysiwyg ol li::before,
  .wysiwyg ul:not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) li::before {
    font-size: inherit;
  }
}

.layout--accessibility .wysiwyg p,
.layout--accessibility .wysiwyg ul li,
.layout--accessibility .wyiswyg:not(.intro) ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) li,
.layout--accessibility .wysiwyg ol li {
  font-size: 1.8rem;
}

@media (min-width: 728px) {
  .layout--accessibility .wysiwyg p,
  .layout--accessibility .wysiwyg ul li,
  .layout--accessibility .wyiswyg:not(.intro) ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) li,
  .layout--accessibility .wysiwyg ol li {
    font-size: 1.8rem;
  }
}

/* Only used in blue footer lists on floorplan pages (ex: /vanpelt/ground) */
.wysiwyg:not(.intro) ul.parent-of-inline.small li {
  font-size: 1.5rem;
}

/* Lists inside tables */
.wysiwyg:not(.intro) table ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) li,
.wysiwyg:not(.intro) table ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list):not(.div-line) {
  font-size: 1.7rem;
}

/*-- 1.2 LINKS LEFT UNSTYLED BY WDG ---*/
/* Blue links */
.content-aside__aside .paragraph--type--aside-w a:not(.btn),
.image-slider-card__caption a:not(.btn),
*:not(.bg-blue) .section-header p a:not(.btn) {
  color: #072057;
  text-decoration: underline;
}

/* Remove underline on hover */
.content-aside__aside .paragraph--type--aside-w a:not(.btn):hover,
.content-aside__aside .paragraph--type--aside-w a:not(.btn):focus,
.image-slider-card__caption a:not(.btn):hover,
.image-slider-card__caption a:not(.btn):focus,
*:not(.bg-blue) .section-header p a:not(.btn):hover,
*:not(.bg-blue) .section-header p a:not(.btn):focus {
  text-decoration: none;
}

blockquote p,
.wysiwyg blockquote p {
  font-style: normal;
}

/*****************************
   2. HEADER
 *****************************/
/*--- 2.1 ALERT BAR ---*/
/* Improves margins on alert for larger screens */
@media (min-width: 1024px) {
  .alert__message p {
    margin-right: 50px;
  }
}

/*--- 2.2 NAVIGATION MENUS ---*/
/* Mobile nav menu support button padding */
@media (max-width: 1023px) {
  .nav.nav--secondary {
    padding-bottom: 20px;
  }
}

/* Fixes header navbar issue where support us button creeps in to line below*/
@media (min-width: 1024px) {
  .nav--secondary {
    position: absolute;
    right: 20px;
    top: 15px;
    margin-top: 0;
  }
}

/*--- 2.3 SEARCH ---*/
/* Improves global search bar links padding */
@media (max-width: 1023px) {
  .home-search__links ul {
    margin-top: 15px;
  }
}

/*--- 2.4 BREADCRUMBS ---*/
.breadcrumbs a.breadcrumb-home {
  height: 21px;
  margin: -5px 14px 6px 0;
  width: 24px;
}

.breadcrumbs ul li {
  font-size: 1.7rem;
  line-height: 1.7;
}

@media (min-width: 768px) {
  .breadcrumbs a.breadcrumb-home {
    height: 24px;
    width: 27px;
    margin-top: -3.25px;
  }
}

/*****************************
   3. CONTENT TYPES
 *****************************/
/*--- 3.1 EVENTS ---*/
/* Remove border from featured event header image */
.card.event.featured-event-hero .card__figure {
  border: none;
}

/* Force featured event header image square */
.card.event.featured-event-hero .card__figure img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Makes event dates appear larger and adds spacing between rsvp button */
.date {
  font-size: 2rem;
  padding-bottom: 20px;
}

/* Remove bottom margin of final paragraph in listing cards on event pages */
.event .listing-card p:last-child {
  margin-bottom: 0;
}

/* Add margin above sidebar on small screens, remove margin on large screens */
.event-series .content-aside__title {
  margin-top: 36px;
}

@media (min-width: 1200px) {
  .event-series .content-aside__title {
    margin-top: 10px;
  }
}

/* Temporarily add missing bottom padding to referenced event series cards */
.event .content-aside__aside > .card__content,
.event-series .content-aside__aside > .card__content {
  padding-bottom: 36px;
}

/* Left align cards in row of 2 or 3 instead of space-between */
.event .card-listing .contain::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .event .card-listing .contain::after {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 10px);
            flex: 0 1 calc(50% - 10px);
  }
}

@media (min-width: 1024px) {
  .event .card-listing .contain::after {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.3% - 13.33px);
            flex: 0 1 calc(33.3% - 13.33px);
  }
}

/* Remove padding from 2-across event card listings */
.card-listing--2 .card.event .card__title {
  padding: 0;
}

/*--- 3.2 STAFF PROFILES ---*/
/* Fix staff profile spacing */
.paragraph--type--detail-type-person + .content-aside {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.paragraph--type--detail-type-person + .content-aside + section + .section-padding {
  padding: 20px;
}

/*--- 3.3 SOFTWARE AND TOOLS ---*/
.view-software .js-form-item-category label {
  display: none;
}

.view-software .js-form-item-category:before {
  content: "Software Category";
  font-weight: 700;
  color: #072057;
}

.view-software .js-form-item-category select {
  margin-top: 10px;
}

/*****************************
   4. PARAGRAPH TYPES
 *****************************/
/*--- 4.1 CONTENT ASIDE ---*/
/*-------- 4.1.a CONTENT ---*/
.content-aside__title {
  font-size: 4rem;
}

.content-aside__content .full-width-image {
  margin-bottom: 2rem;
}

.content-aside:not(.bg-blue) .wysiwyg p,
.content-aside:not(.bg-blue) .wysiwyg ul li,
.content-aside:not(.bg-blue) .wysiwyg ol li {
  color: #000000;
}

.content-aside.bg-blue .wysiwyg p,
.content-aside.bg-blue .wysiwyg ul li,
.content-aside.bg-blue .js-wikit-accordion__title {
  color: #ffffff;
}

.content-aside.bg-blue .js-wikit-accordion__item:not(.is-expanded):not(.component__accordion__item) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.content-aside.bg-blue .js-wikit-accordion__item:not(.component__accordion__item) .js-wikit-accordion__icon svg {
  stroke: #ffffff;
}

@media (min-width: 1024px) {
  /* Quickly undoing styles erroneously added in overrides */
  .content-aside__title {
    font-size: 4.5rem;
    margin-top: 0;
  }
  .content-aside__content .content-aside__title::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -15px;
    background: #072057;
    opacity: 0.4;
    width: 40px;
    height: 4px;
  }
}

/* Increase font size of titles in listing cards within accordions in a Content Aside block */
.content-aside .js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .listing-card__title {
  letter-spacing: normal;
}

/* Only underline titles in listing cards within accordions on hover */
.content-aside .js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .listing-card__title a:hover,
.content-aside .js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) .listing-card__title a:focus {
  text-decoration: underline;
}

.content-aside__content .wysiwyg a.listing-card__title__link {
  text-decoration: none;
}

.content-aside__content .wysiwyg .listing-card__detail p,
.content-aside .js-wikit-accordion p,
.content-aside .js-wikit-accordion .wysiwyg ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list) {
  font-size: 1.8rem;
}

@media (min-width: 728px) {
  .content-aside__content .wysiwyg .listing-card__detail p,
  .content-aside .js-wikit-accordion p,
  .content-aside .js-wikit-accordion .wysiwyg ul:not(.card__type):not(.parent-of-inline):not(.pipe-sep-list) {
    font-size: 1.8rem;
  }
}

.content-aside__content .wysiwyg .is-hovered a.listing-card__title__link,
.content-aside__content .wysiwyg a.listing-card__title__link:hover,
.content-aside__content .wysiwyg a.listing-card__title__link:focus {
  text-decoration: underline;
}

/*-------- 4.1.b ASIDE ---*/
/* content aside buttons padding */
.content-aside__aside > article > .card__content {
  padding-bottom: 0;
}

.content-aside__aside .paragraph--type--aside-w p {
  line-height: 1.4;
}

/* Buttons margins */
.content-aside__aside > article > .card__content > a.btn {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Adds back padding to bottom of content aside referenced cards */
.content-aside__aside > article > .card__content {
  padding-bottom: 15px;
}

/* Reduce space between quick links title and list */
@media (min-width: 768px) {
  .quick-links__title {
    margin-bottom: 30px;
  }
}

/* Optional margins for extra Content Aside section titles added in the Aside - WYSIWYG */
.content-aside__title.margin-top-lg {
  margin-top: 60px;
}

.content-aside__title.margin-bottom-sm {
  margin-bottom: 50px;
}

/*--- 4.2 VERTICAL TABS ---*/
/* Temporary horizontal tabs slickdots fix */
.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) li[role="presentation"] {
  margin-bottom: 0;
}

.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) ul:not(.slick-dots) li[role="presentation"] {
  margin-bottom: 27px;
  margin-right: 27px;
}

/* Increase width and decrease padding of vertical tabs container  */
.vertical-tabs .js-wikit-tabbed .vertical-tabs__content {
  background: #eeeff4;
  padding: 12px 28px 30px 28px;
  position: relative;
  z-index: 2;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

@media (max-width: 767px) {
  /* Adds some padding below the view all links on mobile */
  .vertical-tabs .section-header__link {
    padding-bottom: 15px;
  }
}

@media (min-width: 640px) {
  .vertical-tabs .listing-card:not(.listing-card__no-image) .listing-card__detail {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(100% - 195px);
    flex: 0 1 calc(100% - 195px);
  }
}

@media (min-width: 768px) {
  .vertical-tabs .js-wikit-tabbed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media (min-width: 1380px) {
  .vertical-tabs .listing-card:not(.listing-card__no-image) .listing-card__detail {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(100% - 305px);
    flex: 0 1 calc(100% - 305px);
  }
}

/* Style text inside tabs (but not in listing cards) */
.vertical-tabs__content {
  color: #072057;
}

.vertical-tabs__content .section-header.section-header--centered h3 {
  font-size: 3rem;
  font-family: "PerpetuaMT", serif;
  font-weight: normal;
  line-height: 1.04;
  margin-top: 60px;
}

@media (min-width: 768px) {
  .vertical-tabs__content .section-header.section-header--centered h3 {
    font-size: 4rem;
    line-height: 1.25;
  }
}

.vertical-tabs .js-wikit-tabbed .vertical-tabs__content a:not(.btn),
.vertical-tabs .js-wikit-tabbed .vertical-tabs__content a:not(.btn):hover,
.vertical-tabs .js-wikit-tabbed .vertical-tabs__content a:not(.btn):focus {
  color: #072057;
}

/*--- 4.3 CARDS (vertical) ---*/
/* Whoops, committed an extra border style */
.bg-none .js-wikit-tabbed .card-slider .card {
  border: 0;
}

/* Standardize card borders */
.js-wikit-tabbed .card-slider .card__figure:not(.bg-blue .js-wikit-tabbed .card-slider .card__figure),
.js-wikit-tabbed .card-slider .card__content:not(.bg-blue .js-wikit-tabbed .card-slider .card__content),
.card:not(.featured-event-hero),
.content-aside__aside .card,
.listing-card {
  border: 1px solid #e3e4e6;
}

.card:not(.featured-event-hero) .card__figure,
.content-aside__aside .card__figure {
  border: 0;
  border-bottom: 1px solid #e3e4e6;
}

.card:not(.featured-event-hero) .card__content,
.content-aside__aside .card__content {
  border: 0;
}

.card.event .card__access {
  line-height: 1.6;
}

.js-wikit-tabbed .card-slider .card,
.js-wikit-tabbed .card-slider .card__figure,
.js-wikit-tabbed .card-slider .card__content {
  border: 0;
}

/* Increase card title size on smaller screens */
/* (default is font-size: 2rem, margin-top: 0) */
@media (max-width: 767px) {
  .card__title {
    font-size: 2.5rem;
    /* margin-top: 13px; */
  }
}

/* Fix button text color on title link hover */
.is-hovered .card-listing .card .btn,
.card.is-hovered .btn,
.card-listing .card .btn:hover,
.card-listing .card .btn:focus {
  color: #fff;
  background: #457aba;
}

/*--- 4.4 LISTING CARDS (horizontal) ---*/
/* Force listing card images to fill width */
.listing-card__figure img {
  width: 100%;
}

/* Style links to match rest of site */
.listing-card__detail a:not(.btn),
.listing-card__detail a:not(.btn):hover,
.listing-card__detail a:not(.btn):focus {
  color: #072057;
}

.listing-card__detail a:not(.btn):hover,
.listing-card__detail a:not(.btn):focus {
  text-decoration: none;
}

/* Add back bottom margin to final p on small screens */
@media (max-width: 1023px) {
  .listing-card p:last-child {
    margin-bottom: revert;
  }
}

/*--- 4.5 RESOURCE GRIDS ---*/
@media (min-width: 640px) {
  .grid__content--3 {
    margin: 75px -40px 0 0;
  }
  .grid__content--3 .grid-card {
    -ms-flex: 0 1 calc((100% / 3) - 40px);
    -webkit-box-flex: 0;
            flex: 0 1 calc((100% / 3) - 40px);
    margin-top: 0;
    width: calc((100% / 3) - 40px);
  }
}

/*--- 4.6 ACCORDIONS ---*/
/* Accordion title size */
.js-wikit-accordion__item:not(.component__accordion__item) .js-wikit-accordion__title {
  font-size: 1.8rem;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) .js-wikit-accordion__title {
  font-size: 2rem;
}

/* Prevent accordion title from jumping downward due to top padding */
.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) .js-wikit-accordion__trigger {
  padding: 26px 20px 20px 17px;
}

/* Lists inside accordions */
.js-wikit-accordion__item:not(.component__accordion__item) ul,
.js-wikit-accordion__item:not(.component__accordion__item) ol,
.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) ul,
.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) ol {
  margin-bottom: 40px;
}

.js-wikit-accordion__item:not(.component__accordion__item) ul li,
.js-wikit-accordion__item:not(.component__accordion__item) ol li,
.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) ul li,
.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) ol li {
  font-size: 1.8rem;
  margin-bottom: 5px;
}

.js-wikit-accordion__item:not(.component__accordion__item) ol li::before,
.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) ol li::before {
  color: inherit;
}

/* Add bottom padding to accordion panels */
.js .js-wikit-accordion__panel--open {
  padding: 10px 40px 40px 56px;
}

/*--- 4.7 WYSIWYG ---*/
/* Heading level classes to match actual heading levels */
.wysiwyg .h2,
.wysiwyg.intro p.h2 {
  margin-bottom: 4rem;
}

.bg-blue .wysiwyg .h2::after,
.bg-blue .wysiwyg h2::after {
  background: #fff;
}

.wysiwyg .h3,
.wysiwyg.intro p.h3 {
  font-size: 3.5rem;
}

.wysiwyg .h4,
.wysiwyg.intro p.h4 {
  font-size: 3.1rem;
  line-height: 1.294117647;
}

.wysiwyg .h5,
.wysiwyg.intro p.h5 {
  font-size: 2.2rem;
  font-family: "proxima-nova", "ITC Stone Sans", sans-serif;
  font-weight: 700;
}

.wysiwyg .h6,
.wysiwyg.intro p.h6 {
  font-size: 1.8rem;
  font-family: "proxima-nova", "ITC Stone Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #990000;
}

/* Make bullet lists in blue text blocks white */
.bg-blue .wysiwyg ul:not(.card__type) li {
  color: #ffffff;
}

.bg-blue .wysiwyg ul:not(.card__type) li::before {
  background: #ffffff;
}

.align-left,
.align-right {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.align-left img,
.align-right img {
  margin: 0;
  max-width: 100%;
  width: 100%;
}

.align-center img {
  display: block;
  margin: 0 auto;
}

.align-center figcaption {
  display: block;
  margin: 0 auto;
  text-align: left;
}

.wysiwyg figcaption {
  line-height: 1.2;
  padding-top: 1rem;
}

a:not(.btn) {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Code blocks */
.wysiwyg pre:not(.no-border) {
  padding: 2rem;
}

.wysiwyg pre:not(.no-border) code,
.wysiwyg pre:not(.no-border) .hljs {
  background: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.wysiwyg p pre code,
.wysiwyg li pre code {
  padding: 0;
}

@media (min-width: 1024px) {
  .align-left,
  .align-right {
    float: left;
    margin: 0 50px 40px 0;
  }
  .align-left img,
  .align-right img {
    margin: 1rem 0 0;
    max-width: 100%;
    width: auto;
  }
}

/*--- 4.8.1 PAGE HEADER HERO ---*/
/* Remove unnecessary flexbox from featured image */
@media (min-width: 1024px) {
  .page-header-hero__figure {
    display: block;
  }
  .page-header-hero__image {
    width: 100%;
  }
}

/*--- 4.8.2 PAGE HEADER CENTERED ---*/
/* Left align breadcrumbs even if header is centered */
.page-header--centered .breadcrumbs {
  float: left;
}

.page-header--centered .wysiwyg.intro {
  clear: both;
}

/*--- 4.9 CARD LISTING ---*/
/* Left align cards in last row of listing (instead of space-between) */
.card-listing .contain::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .card-listing .contain::after {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 10px);
            flex: 0 1 calc(50% - 10px);
  }
}

@media (min-width: 1024px) {
  .card-listing .contain::after {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.3% - 13.33px);
            flex: 0 1 calc(33.3% - 13.33px);
  }
}

/*--- 4.10 FEATURED STORY ---*/
.featured-story {
  overflow: visible;
}

.featured-story .featured-initiative-card {
  -webkit-box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.2);
}

.featured-initiative-card--white .featured-initiative-card__title__link {
  color: #072057;
}

.featured-story .featured-initiative-card p {
  font-size: 1.8rem;
}

@media (min-width: 1024px) {
  .featured-story .featured-initiative-card p {
    font-size: 2rem;
  }
}

.featured-initiative-card--white .featured-initiative-card__title__link:hover,
.featured-initiative-card--white .featured-initiative-card__title__link:focus {
  text-decoration-thickness: from-font;
}

.featured-story .featured-initiative-card__title {
  font-size: 5rem;
  margin-bottom: 6rem;
}

@media (min-width: 1024px) {
  .featured-story .featured-initiative-card__title {
    font-size: 7rem;
    line-height: 1.1;
    margin-bottom: 6rem;
  }
}

/*****************************
   5. FOOTER
 *****************************/
/* Improves footer responsiveness on smaller screens */
.footer__list {
  margin-top: 20px;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

@media (min-width: 768px) {
  .footer__bottom .footer__list--full {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 0;
  }
  .footer__bottom .footer__list--full .footer__item {
    margin: 20px 30px 20px 0;
  }
  .footer__info.location {
    max-width: 250px;
  }
}

@media (min-width: 1024px) {
  .footer__list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .footer__columns {
    margin-bottom: 20px;
  }
  .footer__bottom .footer__list--social {
    padding-top: 25px;
  }
}

.js .bg-none .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link {
  background: none;
  border: 1px solid #4078bc;
  color: #072057;
}

.js .bg-none .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:hover,
.js .bg-none .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:focus,
.js .bg-none .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link[aria-selected="true"] {
  background: #4579b9;
  border: solid 1px #4579b9;
  color: #ffffff;
}

.js .bg-gradient .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link,
.js .bg-light-blue .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link,
.js .bg-gray .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link {
  background: #072057;
  border: none;
  color: #ffffff;
}

.js .bg-gradient .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:hover,
.js .bg-light-blue .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:hover,
.js .bg-gray .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:hover,
.js .bg-gradient .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:focus,
.js .bg-light-blue .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:focus,
.js .bg-gray .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link:focus,
.js .bg-gradient .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link[aria-selected="true"],
.js .bg-light-blue .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link[aria-selected="true"],
.js .bg-gray .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) [role="tab"].tab-nav__link[aria-selected="true"] {
  background: #4078bc;
  border: none;
  color: #ffffff;
}