/*!
 * 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
 */

@import url("//hello.myfonts.net/count/4962b9");
@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: 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");
}

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

/*This is the bottom shadow overlayed on an image to offset white text*/
.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%;
}

.bg-gray {
  background: #E2E4EC;
}

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

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

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

.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;
}

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

.wysiwyg li {
  font-size: 1.7rem;
  color: #072057;
}

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

.wysiwyg.intro p {
  color: #072057;
}

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

.wysiwyg ul li {
  font-size: 1.4rem;
  color: #000;
}

.wysiwyg ul li::before {
  background: #072057;
  top: 7px;
}

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

.wysiwyg ul.no-bullets li::before {
  display: none;
}

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

@media (min-width: 768px) {
  .wysiwyg img[style="float:right"] {
    float: right;
    margin: 0 0 40px 50px;
  }
  .wysiwyg mg[style="float:left"] {
    float: left;
    margin: 0 50px 40px 0;
  }
}

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

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

.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) *:not(.btn) table {
  margin-top: 20px;
  max-width: 100%;
  border: 1px solid #fff;
}

@media (min-width: 0px) and (max-width: 639px) {
  .js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) table {
    display: block;
    overflow: auto;
  }
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) table thead th {
  border-bottom: 1px solid #fff;
  padding: 10px;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) table tbody td {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 10px;
}

.js-wikit-accordion__item.is-expanded:not(.component__accordion__item) *:not(.btn) table tbody td:last-child {
  border-right: none;
}

.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", 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;
}

.lib-search p, .lib-search h2, .lib-search h3, .lib-search h4, .lib-search h5, .lib-search h6 {
  color: #072057;
}

.lib-search form {
  max-width: 670px;
  margin-bottom: 30px;
}

.lib-search form input[type="text"] {
  background: #FFFFFF;
  border: 1px solid rgba(7, 32, 87, 0.5);
  border-radius: 8px !important;
  padding-left: 35px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px !important;
  width: 100% !important;
  color: #072057;
  font-weight: 400;
  font-size: 1.8rem;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14px;
  display: block !important;
  float: none !important;
}

.lib-search form .input-group {
  display: block !important;
  width: 100% !important;
  max-width: 100%;
}

.lib-search form select {
  color: #072057;
  padding-top: 8px;
  padding-bottom: 8px;
  max-width: 670px;
  padding-left: 14px;
}

.lib-search form label {
  font-weight: 400;
  font-size: 1.8rem;
  margin-right: 17px;
}

.lib-search form input[type="checkbox"] {
  margin-right: o9px;
}

.lib-search form input[type="submit"], .lib-search form button[type="submit"] {
  /* styling */
  background-color: #4078BC !important;
  background: #4078BC !important;
  background-image: none !important;
  border: none !important;
  font-size: 1.4rem !important;
  font-family: "proxima-nova", "ITC Stone Sans", sans-serif !important;
  border-radius: 21px !important;
  line-height: 1.5em !important;
  margin-bottom: 20px !important;
  padding: 10px 20px !important;
  min-width: 48px !important;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  height: auto !important;
  line-height: 1.2rem !important;
  font-weight: normal;
  letter-spacing: normal !important;
  /* reset */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  color: #fff;
  border: none;
}

.is-hovered .lib-search form input[type="submit"], .lib-search form input[type="submit"]:hover, .lib-search form input[type="submit"]:focus, .is-hovered .lib-search form button[type="submit"], .lib-search form button[type="submit"]:hover, .lib-search form button[type="submit"]:focus {
  outline: 1px solid #4078BC !important;
  background-color: #fff !important;
  color: #4579B9 !important;
}

.lib-search 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;
}

.lib-search 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;
}

.lib-search form .input-search-row button {
  width: 48px;
  height: 48px;
  display: block;
  text-align: right;
  position: relative;
  border-radius: 0px;
}

.lib-search h2::after {
  background: #fff;
}

.lib-search ul li {
  padding-left: 0px;
}

.lib-search ul li::before {
  display: none;
}

.lib-search ul li a {
  text-decoration: none;
}

.lib-search .quick-links {
  background: #fff;
  border: 7px solid #DBE9F5;
}

.lib-search .quick-links::after {
  background: #fff;
}

@media (min-width: 768px) {
  .align-right, img[style="float:right"] {
    float: right;
    margin: 0 0 40px 50px;
  }
  .align-left, img[style="float:left"] {
    float: left;
    margin: 0 50px 40px 0;
  }
}

@media (min-width: 768px) {
  figure .align-right {
    float: none;
    margin: 0px;
  }
  figure .align-left {
    float: none;
    margin: 0px;
  }
}

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

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

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

.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-top: 0px;
  margin-bottom: 0px;
}

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

.a-z-search__button {
  font-size: 2rem;
  margin-right: 22px;
  text-decoration: none;
}

.a-z-search__button:hover, .a-z-search__button:focus {
  color: #4579B9;
}

.a-z-search__button--active {
  border-color: #4579B9;
}

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

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

.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", 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:after {
  background: #4078BC;
}

.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.is-expanded .wysiwyg ul {
  margin-top: 20px;
}

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

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

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

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

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

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

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

.alert--primary {
  background: #4078BC;
  color: #fff;
}

.alert::after {
  display: none;
}

.alert__close {
  color: #fff;
}

.alert__close svg {
  fill: #fff;
}

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

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;
}

.breadcrumbs {
  display: block;
  margin-bottom: 20px;
  text-align: left;
}

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

.breadcrumbs a.breadcrumb-home {
  float: left;
  width: 27px;
  height: 24px;
  margin-right: 18px;
  margin-top: -3px;
}

.breadcrumbs ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}

.breadcrumbs ul li {
  color: #072057;
  font-weight: 400;
  font-size: 1.8rem;
  display: inline-block;
}

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

.breadcrumbs ul li ul {
  display: inline-block;
}

.breadcrumbs ul li ul::before {
  content: '/';
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

.status {
  text-transform: capitalize;
}

.mobile {
  display: none;
}

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

.card-listing .card .card__content {
  padding-bottom: 35px;
  border: 1px solid #DBDBDB;
}

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

.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;
}

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

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

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

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

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

.card__type {
  color: #072057;
  font-weight: 400;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.card__access {
  text-transform: none;
  padding-left: 33px;
}

.card__month {
  text-align: center;
  font-weight: 400;
  font-size: 2.5rem;
  text-transform: uppercase;
  color: #fff;
  background: #4579B9;
  padding-top: 40px;
  padding-bottom: 46px;
}

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

.card__time {
  color: #626262;
}

.card__date {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 30px;
  color: #757575;
}

.card.event .card__content {
  padding-top: 40px;
  border-top: none;
}

.card.event .card__content .wysiwyg p {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.card.event .card__figure {
  border: 1px solid #DBDBDB;
  border-bottom: none;
}

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

.card.event .card__title__link {
  text-decoration: none;
}

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

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

.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", sans-serif;
  font-size: 2rem;
  margin-top: 0px;
  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;
}

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

.listing-card.event:last-child {
  padding: 0px;
}

.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: 42px;
  padding-bottom: 34px;
}

@media (max-width: 639px) {
  .listing-card.event .listing-card__detail {
    display: block;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.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: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
  }
}

.listing-card.event .card__month {
  display: inline-block;
  vertical-align: middle;
  width: 177px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

@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%;
}

.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__title {
  margin-bottom: 17px;
}

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

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

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

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

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

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

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

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

.content-aside__aside .content-aside__title::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -21px;
  background: #4579B9;
  opacity: 1;
  width: 28px;
  height: 6px;
}

@media (min-width: 1024px) {
  .content-aside__aside .content-aside__title {
    margin-top: 36px;
  }
}

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

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

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

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

.content-aside .wysiwyg ul li.pager__item::before {
  display: none;
}

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

.content-aside.bg-blue .content-aside__aside .content-aside__title, .content-aside.bg-blue .content-aside__aside h3, .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;
}

@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: none;
}

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

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

.faculty-card__contact {
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 3px;
  opacity: 1;
  font-weight: 400;
  color: #072057;
}

.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;
}

.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;
}

.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", 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.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", 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 .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 {
  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-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;
}

select {
  margin-bottom: 30px;
  background: #FFFFFF;
  background-image: url(/themes/custom/penn_libraries/assets/img/svg/select-down.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 22px) 50%;
  color: #072057;
  border-radius: 8px;
  font-family: "proxima-nova", "ITC Stone Sans", sans-serif;
  padding: 20px 60px 20px 40px;
  border: 1px solid rgba(7, 32, 87, 0.5);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}

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

.views-exposed-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

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

.form-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

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

.form-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;
}

.service-search-form-container {
  max-width: 757px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .service-search-form-container {
    margin-top: 50px;
  }
}

.service-search-form-container label {
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  text-transform: uppercase;
}

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

.service-search-form-container .service-search-form .views-exposed-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

.service-search-form-container .service-search-form .views-exposed-form .form-item {
  background: none;
  border: none;
  padding-left: 0;
  padding-right: 0;
  width: calc(100% - 78px);
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(100% - 78px);
          flex: 0 1 calc(100% - 78px);
}

.service-search-form-container .service-search-form .views-exposed-form .form-item:focus {
  outline: none;
}

.service-search-form-container .service-search-form .views-exposed-form .form-item .form-text {
  background: none;
  border: none;
  padding-left: 20px;
  padding-right: 0;
  border-radius: 0px;
  margin-bottom: 0px;
  max-width: none;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 17px;
  font-style: italic;
}

.service-search-form-container .service-search-form .views-exposed-form .form-item .form-text:focus {
  outline: none;
}

.service-search-form-container .service-search-form .views-exposed-form .form-submit {
  width: 78px;
  height: 100%;
  display: block;
  text-align: right;
  position: relative;
}

.service-search-form-container .service-search-form .views-exposed-form .form-submit svg {
  fill: #072057;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
  .service-search-form-container .service-search-form .views-exposed-form {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.a-z-search .service-search-form-container {
  margin-top: 0px;
}

@media (min-width: 1024px) {
  .a-z-search .service-search-form-container .service-search-form .views-exposed-form .form-item .form-text {
    padding-left: 37px;
  }
}

.search__container {
  width: 100%;
  max-width: 100%;
}

.search__container .form-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

.search__container .form-item .form-text {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 17px;
}

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

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

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

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

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

@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);
  }
}

.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: 104px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.home-search .contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 1023px) {
  .home-search .contain {
    display: block;
  }
}

.home-search .form-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 640px;
}

@media (max-width: 1080px) {
  .home-search .form-component {
    display: block;
  }
}

.home-search .form-component form {
  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;
  max-width: 461px;
  color: #072057;
  font-weight: 400;
  font-size: 1.8rem;
  padding-top: 18px;
  padding-bottom: 14px;
  font-family: sans;
}

@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;
}

.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: 48px;
  height: 48px;
  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: 24px;
}

.home-search .form-component .advanced-search {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 19px;
  color: #fff;
  text-decoration: none;
  margin-left: 35px;
  display: block;
}

@media (max-width: 1080px) {
  .home-search .form-component .advanced-search {
    margin-left: 0px;
    margin-top: 20px;
  }
}

.home-search__links ul {
  margin: 0px;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.home-search__links ul li {
  list-style: none;
  margin-right: 38px;
}

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

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

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

.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;
}

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

@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;
}

.image-slider {
  max-width: 700px;
}

.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 .slick-slide img {
  height: 560px;
  width: 840px;
  -o-object-fit: cover;
     object-fit: cover;
}

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

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

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

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

.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", 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.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", 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", 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: 30px;
}

@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: 20px;
}

@media (min-width: 1024px) {
  .library-info__content__contain {
    padding: 70px 20px 0 0;
    max-width: 518px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}

@media (min-width: 1400px) {
  .library-info__content__contain {
    padding: 70px 14.52991453% 0 0px;
  }
}

@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: 16px;
}

.library-info__figure {
  position: relative;
  margin: 0 -22px;
}

@media (min-width: 1024px) {
  .library-info__figure {
    margin: 0;
    margin-top: 66px;
    -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: 120px;
  padding-top: 4px;
}

.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: 0px;
  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;
}

a.arrow, button.arrow {
  color: #072057;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.6rem;
  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: 18px;
  height: 14px;
  margin-left: 15px;
  position: relative;
  -webkit-transition: inherit;
  transition: inherit;
}

.hours-header__label {
  font-weight: 600;
  padding-left: 95px;
}

.hours-header__hours {
  font-weight: 400;
  padding-left: 23px;
}

.js-wikit-accordion__item.is-expanded .hours-header__label, .js-wikit-accordion__item.is-expanded .hours-header__hours {
  display: none;
}

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

.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", 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;
}

.listing-card {
  background: #FFFFFF;
  border: 1px solid #CBD0DC;
  padding: 34px;
}

.listing-card:last-child {
  border-bottom: 1px solid #CBD0DC;
  padding-bottom: 34px;
}

@media (min-width: 1024px) {
  .listing-card {
    margin-bottom: 40px;
  }
}

@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: 0px;
    margin-left: 20px;
    margin-bottom: 0;
  }
}

@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__date {
  color: #626262;
}

.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: 24px;
}

@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: 0px;
    margin-left: 20px;
    margin-bottom: 0;
  }
}

.listing-card--large .listing-card__title {
  font-weight: 400;
  font-size: 2.9rem;
  margin-top: 10px;
}

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

.listing-card--small {
  border: none;
  padding: 0px;
}

.listing-card--small figure {
  margin-left: 0px;
}

.listing-card--small:last-child {
  border-bottom: none;
}

.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: 0px;
  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 (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 {
  max-width: none;
}

.page-header-hero__figure {
  min-height: auto;
}

.page-header-hero__image {
  max-height: 700px;
}

.page-header-hero .hero-meta {
  color: #072057;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 2.2rem;
}

.page-header-hero .date {
  color: #072057;
  margin-bottom: 30px;
  font-weight: 700;
}

.page-header-hero .rsvp, .page-header-hero .page-header__cta {
  margin-bottom: 30px;
}

.page-header-hero .authored-date {
  color: #072057;
}

.page-header-hero.blog {
  margin-bottom: 100px;
}

.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;
}

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

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

.header-overlay .contain {
  position: relative;
  z-index: 3;
}

@media (min-width: 1024px) {
  .header-overlay .contain .page-header-hero__content {
    margin-top: 184px;
  }
}

.header-overlay .contain .page-header-hero__figure {
  min-height: auto;
}

.header-overlay .contain .page-header-hero__figure .page-header-hero__picture {
  width: 100%;
}

@media (min-width: 1024px) {
  .header-overlay .contain .page-header-hero__figure .page-header-hero__picture {
    margin-bottom: -46px;
    margin-top: 156px;
  }
}

.header-overlay .contain .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;
}

.header-overlay .contain .wysiwyg h1, .header-overlay .contain .wysiwyg p, .header-overlay .contain .wysiwyg h3 {
  color: #fff;
}

.header-overlay .contain .wysiwyg h3 {
  font-family: "proxima-nova", "ITC Stone Sans", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
}

@media (min-width: 768px) {
  .wysiwyg h1 {
    font-size: 5.4rem;
  }
}

.wysiwyg h1::after {
  background: #EEAA64;
}

@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;
}

@media (min-width: 1024px) {
  .page-header .wysiwyg.intro h1,
  .page-header h1 {
    margin-bottom: 66px;
  }
  .page-header .wysiwyg.intro h1::after,
  .page-header h1::after {
    bottom: -39px;
  }
}

.page-header .wysiwyg.intro .hero-meta,
.page-header .hero-meta {
  color: #072057;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 2.2rem;
}

.page-header .wysiwyg.intro .hero-meta span,
.page-header .hero-meta span {
  margin-right: 42px;
}

.page-header .wysiwyg.intro .hero-meta .social__media,
.page-header .hero-meta .social__media {
  display: inline-block;
}

.page-header .wysiwyg.intro .date,
.page-header .date {
  color: #072057;
  margin-bottom: 30px;
  font-weight: 700;
}

.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.blog, .page-header .wysiwyg.intro.page-header--centered,
.page-header.blog,
.page-header.page-header--centered {
  position: relative;
  text-align: center;
  padding-top: 63px;
  padding-bottom: 60px;
  margin-bottom: 50px;
}

.page-header .wysiwyg.intro.blog::before, .page-header .wysiwyg.intro.page-header--centered::before,
.page-header.blog::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.blog h1::after, .page-header .wysiwyg.intro.page-header--centered h1::after,
.page-header.blog h1::after,
.page-header.page-header--centered h1::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 6px;
}

.page-header .wysiwyg.intro.blog .wysiwyg.intro p, .page-header .wysiwyg.intro.page-header--centered .wysiwyg.intro p,
.page-header.blog .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;
}

.pagination {
  text-align: center;
  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: 0px;
  padding-left: 0px;
}

.pills li {
  list-style: none;
  display: inline-block;
  margin-left: 13px;
}

.pills li:first-child {
  margin-left: 0px;
}

.pills li span.unlinked {
  padding: 11px 26px 11px 26px;
  display: block;
  background: #E2ECF4;
  color: #52658C;
  font-size: 1.4rem;
  border-radius: 100px;
  display: inline-block;
  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: 600;
  margin: 0 20px 20px 0;
  margin-right: 0px;
}

.wysiwyg ul.pills li {
  padding-left: 0px;
}

.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;
  display: block;
  background: #E2ECF4;
  color: #52658C;
  font-size: 1.4rem;
  border-radius: 100px;
  display: inline-block;
  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;
  margin-right: 0px;
  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", 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", 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, .bg-blue .quick-links {
  border: none;
  background: #072057;
  padding-top: 20px;
  padding-bottom: 20px;
}

.js-wikit-tabbed .quick-links__item, .bg-blue .quick-links__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.js-wikit-tabbed .quick-links__item:last-child, .bg-blue .quick-links__item:last-child {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.js-wikit-tabbed .quick-links__link, .bg-blue .quick-links__link {
  color: #fff;
}

.js-wikit-tabbed .quick-links::after, .bg-blue .quick-links::after {
  background: #072057;
}

.bg-blue .quick-links__title {
  color: #fff;
}

.lib-search.js-wikit-tabbed .quick-links {
  background: #fff;
  border: 7px solid #DBE9F5;
}

.lib-search.js-wikit-tabbed .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", sans-serif;
}

@media (min-width: 768px) {
  .lib-search.js-wikit-tabbed .quick-links__item {
    font-size: 1.6rem;
    font-weight: 700;
  }
}

.lib-search.js-wikit-tabbed .quick-links__link {
  color: #072057;
}

.lib-search.js-wikit-tabbed .quick-links::after {
  background: #fff;
}

@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;
}

.section-header__link {
  display: block;
  margin-top: 60px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
}

@media (min-width: 640px) {
  .section-header__link {
    left: auto;
    right: 0;
    top: 0;
    margin: 0;
    -webkit-transform: none;
            transform: none;
    padding-top: 22px;
    position: absolute;
    width: 300px;
    text-align: right;
  }
}

.section-header__link a {
  color: #072057;
  text-decoration: none;
}

.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;
}

.section-header--w-link {
  position: relative;
  z-index: 5;
  margin-bottom: 45px;
}

@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;
}

.social__item {
  margin-left: 8px;
  margin-right: 8px;
}

.social__item.label {
  margin-right: 20px;
}

.social__item .social__link:hover {
  background: #fff;
}

.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) {
  border-bottom: none;
  margin-top: 13px;
  margin-bottom: 55px;
}

.js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) li {
  margin-right: 20px;
}

.js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tablist"]:not(.slick-dots) li:last-child {
  margin-right: 0;
}

.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tab"].tab-nav__link {
  padding: 10px 20px;
  font-weight: 600;
  font-size: 1.6rem;
  background: rgba(255, 255, 255, 0.14);
  border-radius: 21px;
  min-width: 116px;
  text-transform: none;
}

.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tab"].tab-nav__link:hover {
  background: #4078BC;
}

.js .js-wikit-tabbed:not(.lib-search):not(.vert-tabs) [role="tab"].tab-nav__link[aria-selected="true"] {
  border-bottom: none;
  background: #4078BC;
}

@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: 12px 75px 75px 75px;
  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;
}

.js-wikit-tabbed.lib-search [role="tablist"]:not(.slick-dots) {
  text-align: left;
}

.js .js-wikit-tabbed.lib-search [role="tab"].tab-nav__link {
  color: #072057;
  font-weight: 400;
}

.js .js-wikit-tabbed.lib-search [role="tab"].tab-nav__link[aria-selected="true"] {
  border-bottom: 3px solid #4078BC;
  font-weight: 700;
}

@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;
  }
}

@media (min-width: 976px) {
  .toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu .menu-item .toolbar-icon {
    font-size: 1.5rem !important;
  }
}

#top {
  margin-left: 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);
}

@media (min-width: 1024px) {
  #top.sidebarnav--expand {
    margin-left: 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);
  }
}

@media (max-width: 1023px) {
  #top {
    margin-left: 0px;
  }
}

.bg-gradient {
  background: linear-gradient(108.99deg, #F1F9FF 5.82%, #FEEFDF 100%);
}

.bg-gradient::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  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;
}

.bg-gradient .contain {
  position: relative;
  z-index: 10;
}

.align-center figcaption {
  text-align: center;
}