/* avoid header site name and slogan from overlapping */
.slogan {
  margin-top: 1.5rem !important;
}
/** Fix accessibility issue with header links */
.navbar #block-pfaffs-mainmenu .nav-item .nav-link {
  color: #DEDEDE !important;
}
.navbar #block-pfaffs-mainmenu .nav-item .nav-link:active,
.navbar #block-pfaffs-mainmenu .nav-item .nav-link:hover {
  color: #FFFFFF !important;
}


/* rm blue underline from lehigh logo in header */
.navbar-brand {
  border-bottom: none
}
.hide-logo {
  display: none !important;
}
img {
  max-width: 100%;
}
.w-33 {
  width: 33% !important;
}

.card {
  border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.card-header {
  background-color: #f1e7c8;
}

#content-after .views-bootstrap-list-group {
  padding-left: 0;
}

#block-pfaffs-pagetitle .card-body {
  padding-left: 0;
}

.form--inline {
  display: flex;
  flex-wrap: wrap; /* Allows items to wrap to the next line if necessary */
  gap: 1rem; /* Adds spacing between items */
  align-items: flex-start;
}

.form--inline .js-form-item,
.form--inline #edit-actions {
  display: inline-flex;
  flex-direction: column;
}

.form--inline label {
  font-weight: bold;
}

.view-content .view-grouping-header {
  font-weight: 700;
  font-size: 1.9705rem;
  margin-bottom: 1rem;
  text-transform: capitalize;
}

.navbar-nav .dropdown-menu {
  max-width: 100%;
}


blockquote,
.quote {
  text-align: center;
  font-size: 1rem;
  border: none !important;
  position: relative;

  &::before {
    content: "“";
    font-size: 10rem;
    font-family: "Arial";
    opacity: 0.1;
    position: absolute;
    top: 0px;
  }

  &::after {
    content: "”";
    font-size: 10rem;
    font-family: "Arial";
    opacity: 0.1;
    position: absolute;
    bottom: 0px;
  }
}

.view-id-people_associated_with_place .views-field-title {
  margin-left: 2rem;
}

.view-id-people_associated_with_place .views-field-title h3 {
  font-size: 1.5rem;
}

.view-id-people_associated_with_place .views-field-field-association-mention {
  margin-left: 4rem;
}

.view-works-associated-to-place .views-row {
  margin-bottom: 1rem;
}