/**
 * Base layer: root custom properties, reset, and generic element styling.
 *
 * Ported (DRUP-3910, Phase 1) from wms-style-guide's Fractal-compiled SCSS:
 *   - bits/00-base/base/_04-base.scss
 *   - bits/00-base/base/_05-colorbox.scss
 *   - bits/00-base/base/_ck-editor.scss
 *   - bits/00-base/base/_customizations.scss
 *   - bits/00-base/base/_print.scss
 *
 * SCSS variables resolved to literal values (cross-checked against the
 * compiled public/css/global.css); nesting flattened; mixins expanded.
 * The @include transition mixin call in the source resolves at compile
 * time to Bootstrap's transition() mixin (not the theme's own vendor-
 * prefixed @mixin transition in assets/scss/_mixins.scss), per the
 * actually-served output — hence `transition: all 0.2s ease-in-out;`
 * plus the prefers-reduced-motion override below, rather than prefixed
 * `all 0.2s` declarations.
 */

:root {
  /* Accent Colors */
  --maroon: #722723;
  --maroon_light: #742e2a;
  --navy_darkest: #040c21;
  --navy_dark: #1d2a4d;
  /* UCPA Approved Colors */
  --lehigh_brown: #502d0e;
  --lehigh_brown_02: #f6f4f2;
  --lehigh_brown_20: #dec8b2;
  --lehigh_brown_60: #9f7549;
  --lehigh_brown_80: #83541e;
  --gold: #ffe41e;
  --gold_20: #fffbe1;
  --gold_60: #fdeca1;
  --gold_80: #fde780;
  --gold_k20: #d5bf4d;
  --teal: #88c6bc;
  --teal_20: #e8f3f0;
  --teal_60: #80c7bc;
  --teal_k20: #6ba69e;
  --teal_k60: #3d6762;
  --blue: #81b0d2;
  --blue_20: #dee9f4;
  --blue_75: #8ac3ea;
  --blue_k20: #5394b8;
  --blue_k60: #2b5870;
  --grey: #d0cac2;
  --grey_20: #f4f3f2;
  --grey_60: #e1dfda;
  /* Base Colors */
  --base_font: #212529;
  --white: #ffffff;
  --off_white: #f1f1f1;
  --black: #000000;
  --grey_darkest: #333333;
  --grey_light: #e1e1e1;
  --grey_lightest: #f8f8f8;
  --drop_shadow: #F0F0F0;
  --hyperlink: #497ba4;
  --hyperlink_breadcrumb: #335671;

  /* UCPA Brand Colors */
  --first-light: #f5e9ad;
  --cherry-blossom: #fcd8d6;
  --golden-hour: #ffe41e;
  --autumn-dusk: #eba033;
  --mountaintop-mist: #d1e9e8;
  --bethlehem-sky: #66b0ff;
  --spring-violet: #5e74ee;
  --night-sky: #12354c;
  --patina-green: #afedc9;
  --valley-green: #2cb357;
  --serenity-garden: #1b3a24;

  /* accent color */
  --accent_color: #ffe41e;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: #ffffff;
  background-color: var(--white, #ffffff);
  font-size: 1.1rem;
}

body.context-group header.top .site-name {
  font-size: 0.875rem;
  color: #ffffff;
  color: var(--white, #ffffff);
}

@media (min-width: 768px) {
  body.context-group header.top .site-name {
    font-size: 1.25rem;
  }
}

body.context-group header.top .group-name {
  font-size: 1rem;
  color: #ffffff;
  color: var(--white, #ffffff);
}

@media (min-width: 768px) {
  body.context-group header.top .group-name {
    font-size: 1.5rem;
  }
}

b,
strong {
  font-weight: 600;
}

main {
  max-width: 1600px;
  margin: 1rem;
}

@media (min-width: 768px) {
  main {
    margin: 1rem auto;
    padding: 0 1rem;
  }
}

/* .container-fluid also matches .container-sm/-md/-lg/-xl here because
   Bootstrap's grid partial extends .container-fluid from those classes;
   preserved from the served output to avoid a visual regression. */
main > .container-fluid, main > .container-sm, main > .container-md, main > .container-lg, main > .container-xl {
  padding: 0;
}

main > .container-fluid .row, main > .container-sm .row, main > .container-md .row, main > .container-lg .row, main > .container-xl .row {
  margin: 0;
}

a:focus {
  text-decoration: underline;
}

a:hover {
  color: #497ba4;
  color: var(--hyperlink, #497ba4);
}

a:focus,
button:focus {
  outline-style: solid;
  outline-color: rgba(229, 151, 0, 0.7);
  outline-width: 5px;
}

img {
  height: auto;
}

.text-formatted img {
  max-width: 100%;
}

button {
  border: none;
  padding: 0;
  background-color: inherit;
}

iframe {
  max-width: 100%;
  width: 100%;
}

iframe#sizetracker {
  float: unset;
}

.main-content li,
.main-content p {
  line-height: 1.6;
}

.main-content a {
  color: #497ba4;
  color: var(--hyperlink, #497ba4);
  border-bottom: 1px solid #e1e1e1;
  border-bottom: 1px solid var(--grey_light, #e1e1e1);
  text-decoration: none;
  font-weight: bold;
  word-break: break-word;
  transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .main-content a {
    transition: none;
  }
}

.main-content a:not(.btn):hover,
.main-content a:not(.btn):focus {
  text-decoration: none;
  color: #000000;
  color: var(--black, #000000);
  border-bottom: 2px solid #ffe41e;
  border-bottom: 2px solid var(--accent_color, #ffe41e);
}

.main-content a.btn {
  margin: 0 0 1rem 0;
}

.u-a11y-text,
.element-invisible {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/******* get rid of 'x' on search bars   ******/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type="text"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type="text"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
/*******    ******/

/*****  Drupal cms fixes  *****/
body.cke_editable_themed {
  background-color: #ffffff;
  background-color: var(--white, #ffffff);
}

.tabs a,
.menu-item a {
  border: 0;
  font-weight: normal;
}

.tabs a.is-active,
.menu-item a.is-active {
  border: 0;
  font-weight: normal;
}

.tabs a {
  border-bottom: 2px solid transparent; /** Fix for content jumping on tabs */
}

.tabs a.is-active {
  border-bottom: 2px solid transparent;
}

/* Style and Format dropdown */
.cke_panel_container body {
  background: #ffffff !important;
  background: var(body-bg, #ffffff) !important;
  color: #212529 !important;
  color: var(--body-color, #212529) !important;
}

.cke_panel_listItem > a > * {
  font-size: 1.126rem;
  color: #212529;
  color: var(--body-color, #212529);
  font-weight: 400;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.extlink span {
  margin: 0 0 0 0.25rem;
  font-size: .75rem;
}

.preview-form {
  width: 50vw;
  padding: 1rem;
}

.preview-form .node-preview-backlink {
  padding: 0.5rem;
  background-color: #497ba4;
  background-color: var(--hyperlink, #497ba4);
  color: #ffffff;
  color: var(--white, #ffffff);
  border-bottom: 0;
  border: 2px solid #497ba4;
  border: 2px solid var(--hyperlink, #497ba4);
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .preview-form .node-preview-backlink {
    transition: none;
  }
}

.preview-form .node-preview-backlink::before {
  font-family: "Font Awesome 6 Pro";
  content: '\f053';
  margin: 0 0.75rem 0 0;
}

.preview-form .node-preview-backlink:hover,
.preview-form .node-preview-backlink:focus {
  background-color: #ffffff;
  background-color: var(--white, #ffffff);
  color: #497ba4;
  color: var(--hyperlink, #497ba4);
}

.preview-form .form-type-select {
  display: flex;
  flex-direction: column;
}

.preview-form .form-type-select .form-select {
  width: 200px;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 20px;
  background: #000;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  border: 5px solid #000;
  background: #fff;
}

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  width: 60px;
  height: 145px;
  text-indent: -9999px;
}

#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  width: 60px;
  height: 145px;
  text-indent: -9999px;
}

#cboxClose {
  position: absolute;
  top: 5px;
  right: 15px;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
}

/* add margin to images in ckeditor */
.cke_editable img {
  margin: 1rem;
}

.cke_editable .align-left img {
  margin: 1rem 1rem 1rem 0;
}

.cke_editable .align-right img {
  margin: 1rem 0 1rem 1rem;
}

.chosen-container-single .chosen-single {
  background: unset;
  border: 0;
  border-radius: unset;
  box-shadow: unset;
}

.chosen-container-single .chosen-single:hover,
.chosen-container-single .chosen-single:focus {
  border: 0;
  color: inherit;
}

.chosen-container-single .chosen-single span {
  font-weight: normal;
}

.chosen-container-single .chosen-single div {
  display: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  box-shadow: unset;
  border: 0;
  background: none;
}

/* GDPR banner customizations */
.eu-cookie-compliance-popup-open #sliding-popup {
  opacity: 0.9;
}

.eu-cookie-compliance-banner button {
  background-color: #ffffff !important;
  background-image: none;
  text-shadow: none;
  border: 1px solid #000000 !important;
  box-shadow: none;
  border-radius: 0px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.eu-cookie-compliance-banner button:hover {
  background-color: #FBDD40 !important;
  background-image: none;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message {
  max-width: 80%;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message a {
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
  border-bottom: 0;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message h1,
.eu-cookie-compliance-banner .eu-cookie-compliance-message h2,
.eu-cookie-compliance-banner .eu-cookie-compliance-message h3,
.eu-cookie-compliance-banner .eu-cookie-compliance-message p {
  font-weight: normal;
}

.eu-cookie-compliance-banner #popup-text {
  line-height: 1.1;
}

.eu-cookie-compliance-banner #popup-text p {
  font-size: 14px;
}

.eu-cookie-compliance-banner #popup-text p a {
  text-decoration: none;
}

.eu-cookie-compliance-banner #popup-text p a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .eu-cookie-compliance-banner #popup-text {
    line-height: 1.20;
  }
}

.path-group .views-exposed-form .form--inline {
  align-items: center;
}

/* End GDPR banner customizations */

.right-content .views-exposed-form .form--inline .form-item {
  float: unset;
}

.right-content .views-exposed-form .form--inline input.form-submit {
  margin: 0;
}

@media print {
  body {
    color: #000000 !important;
    font-size: 12pt !important;
  }

  a {
    color: #000000 !important;
    border: 0 !important;
  }

  .container-fluid, .container-sm, .container-md, .container-lg, .container-xl,
  .row {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .header .logo-wrapper {
    display: block !important;
    background-color: unset !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 1rem 0 !important;
  }

  .header .logo-wrapper .logo {
    filter: invert(100%) hue-rotate(180deg) brightness(120%) contrast(150%);
  }

  h1 {
    font-size: 18pt !important;
  }

  h2 {
    font-size: 16pt !important;
  }

  h3 {
    font-size: 14pt !important;
  }

  h4,
  h5,
  h6 {
    font-size: 12pt !important;
  }

  .main-content {
    max-width: unset !important;
    padding: unset !important;
  }

  .mobile-search,
  footer,
  .hero_img,
  .story-slide {
    display: none !important;
  }

  .header-wrapper {
    background-color: unset !important;
  }

  .header-wrapper .navigation-wrapper {
    display: none;
  }

  .header-wrapper .title {
    display: block !important;
    margin: 0 !important;
  }

  .homepage_hero .hero_text {
    padding: 0 !important;
    margin: 1rem 0 !important;
    max-width: unset !important;
    border: 0 !important;
    background-color: unset !important;
  }

  main {
    margin: 1rem 0 !important;
  }

  .btn.dark-grey {
    padding: 1rem !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
    background-color: unset !important;
  }

  .content-top {
    background-color: unset !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 1rem 0 !important;
  }

  .card-group {
    display: block !important;
  }

  .card {
    background-color: unset !important;
    border: unset !important;
    border-left: unset !important;
  }

  .card .collapse:not(.show) {
    display: block !important;
  }

  .card .card-header {
    border: unset !important;
  }

  .card .card-header .btn {
    border: 0;
  }

  .right-content {
    max-width: unset !important;
  }

  .right-content .navigation {
    display: none !important;
  }

  nav[aria-label="breadcrumb"] {
    display: none !important;
  }

  .hero-wrapper {
    background-image: unset !important;
    width: unset !important;
    margin: unset !important;
  }

  .hero-wrapper img {
    display: none !important;
  }

  #page-content img {
    display: none !important;
  }

  .card-group .card {
    border: 0 !important;
  }

  .cta {
    background-color: unset !important;
    padding: unset !important;
    margin: 16px 0 !important;
    text-align: left !important;
    color: unset !important;
  }

  .cta h2 {
    color: unset !important;
  }

  .cta p {
    text-align: left !important;
    color: unset !important;
  }

  .cta.image,
  .cta .cta_btns {
    display: block !important;
  }

  .cta .cta_text {
    background-color: unset !important;
    display: block !important;
  }

  .cta .cta_img {
    margin: 0 !important;
    display: none !important;
  }

  .cta .btn {
    padding: 1rem !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
    background-color: unset !important;
  }

  .cta .cta_btns .btn {
    padding: 1rem !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
    background-color: unset !important;
  }

  .cta .cta_text {
    color: unset !important;
  }

  .cta-wrapper {
    background-image: none !important;
    display: block !important;
    aspect-ratio: unset !important;
    max-width: unset !important;
    margin: 16px 0 !important;
  }

  .cta-wrapper .cta-content {
    position: unset !important;
    background-color: unset !important;
    color: unset !important;
    width: unset !important;
    transform: unset !important;
    padding: unset !important;
  }

  .cta-wrapper .cta-content h2 {
    color: unset !important;
  }

  .cta-wrapper .cta-content .btn {
    padding: 1rem !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
    background-color: unset !important;
  }

  .photo_gallery {
    display: block !important;
    background-color: unset !important;
  }

  .photo_gallery img {
    display: none !important;
  }

  .hero-wrapper {
    aspect-ratio: unset !important;
  }

  .hero-wrapper .hero-content {
    position: unset !important;
    padding: 0 !important;
    width: unset !important;
  }

  .hero-wrapper .hero-content h2 {
    color: unset !important;
  }

  .image_w_text-img .image_w_text-caption {
    color: #000000 !important;
    background-color: unset !important;
  }

  .large_img-caption {
    color: #000000 !important;
    background-color: unset !important;
  }

  .fontawesome-icons,
  .fa,
  .far,
  .fas {
    display: none !important;
  }

  .position_details,
  .profile_component--profile_title {
    border: 0 !important;
  }

  .quick_buttons ul {
    display: block !important;
  }

  .quick_buttons ul li {
    max-width: unset !important;
    text-align: left !important;
    display: block !important;
  }

  .btn {
    padding: 1rem !important;
    border: 1px solid #000000;
    color: #000000 !important;
    background-color: unset !important;
  }

  form {
    display: none !important;
  }

  .sidebar_events-list {
    background-color: unset !important;
    border: unset !important;
  }

  .sidebar_events-list .events-item {
    border: unset !important;
  }

  .sidebar_events-list .events-item .event-img {
    display: none !important;
  }

  .news-list {
    background-color: unset !important;
    border: unset !important;
  }

  .news-list .sidebar-news-item {
    border: 0 !important;
  }

  .card-body {
    padding: 0;
  }

  #page-content {
    padding: 0 !important;
  }

  .button-list.section-display {
    background: unset !important;
    gap: 10px !important;
    padding: unset !important;
    justify-content: flex-start !important;
  }

  blockquote,
  .quote {
    border: unset !important;
    border-top: unset !important;
    border-bottom: unset !important;
    margin: 0 !important;
    padding: 0 !important;
    color: unset !important;
    font-size: unset !important;
    text-align: left !important;
  }

  blockquote::after, blockquote::before,
  .quote::after,
  .quote::before {
    display: none;
  }

  .business_card {
    text-align: left !important;
    color: unset !important;
    padding: unset !important;
    border: unset !important;
    margin: unset !important;
    max-width: unset !important;
  }

  .business_card h2 {
    text-align: left !important;
    color: unset !important;
    padding: unset !important;
  }

  .stats-section {
    padding: unset !important;
  }

  .stats-section .slick-dotted.slick-slider .slick-arrow {
    display: none !important;
  }

  .stats-section .slick-list {
    height: unset !important;
  }

  .stats-section .stats-wrapper {
    background-color: unset !important;
    background-image: unset !important;
    height: unset !important;
    width: unset !important;
  }

  .stats-section .stats-wrapper .stats-button .btn {
    background-color: unset !important;
    margin: unset !important;
  }

  .news-section .news-item {
    margin: 16px 0 !important;
    padding: unset !important;
  }

  .news-section .news-item-date,
  .news-section .news-item-author {
    margin: unset !important;
  }

  .content_grid-col {
    max-width: unset !important;
    padding: unset !important;
  }
}

/* table.scss */
.table,
.table-striped,
.webform-submission-form table {
  border-radius: 4px;
  border-spacing: 0;
  margin: 0 0 1rem 0;
  width: 100%;
}
.table thead tr,
.table-striped thead tr,
.webform-submission-form table thead tr {
  background-color: #502d0e;
  background-color: var(--lehigh_brown, #502d0e);
  color: #ffffff;
  color: var(--white, #ffffff);
}
.table th,
.table-striped th,
.webform-submission-form table th {
  background-color: #502d0e;
  background-color: var(--lehigh_brown, #502d0e);
  color: #ffffff;
  color: var(--white, #ffffff);
}
.table th a,
.table-striped th a,
.webform-submission-form table th a {
  word-break: unset;
  color: #ffffff;
  color: var(--white, #ffffff);
}
.table th a:hover, .table th a:focus,
.table-striped th a:hover,
.table-striped th a:focus,
.webform-submission-form table th a:hover,
.webform-submission-form table th a:focus {
  color: #ffffff;
  color: var(--white, #ffffff);
}
.table th a span,
.table-striped th a span,
.webform-submission-form table th a span {
  color: #ffffff;
  color: var(--white, #ffffff);
}
.table th a span:hover, .table th a span:focus,
.table-striped th a span:hover,
.table-striped th a span:focus,
.webform-submission-form table th a span:hover,
.webform-submission-form table th a span:focus {
  color: #ffffff;
  color: var(--white, #ffffff);
}
.table tr:nth-of-type(even),
.table-striped tr:nth-of-type(even),
.webform-submission-form table tr:nth-of-type(even) {
  background-color: #f4f3f2;
  background-color: var(--grey_20, #f4f3f2);
}
.table tr:nth-of-type(odd),
.table-striped tr:nth-of-type(odd),
.webform-submission-form table tr:nth-of-type(odd) {
  background-color: #ffffff;
  background-color: var(--white, #ffffff);
}
.table td a,
.table-striped td a,
.webform-submission-form table td a {
  word-break: unset;
}

.webform-submission-form table th,
.webform-submission-form table td {
  padding: 0.75rem;
}
.webform-submission-form table th p:last-of-type,
.webform-submission-form table td p:last-of-type {
  margin-bottom: 0;
}
.webform-submission-form table.responsive-enabled tr {
  background-color: unset;
}
.webform-submission-form table.responsive-enabled tr th,
.webform-submission-form table.responsive-enabled tr td {
  padding: 0 0.5rem;
  background-color: unset;
  color: #212529;
}
.webform-submission-form table.responsive-enabled tr th:first-of-type,
.webform-submission-form table.responsive-enabled tr td:first-of-type {
  padding: 0 0.5rem 0 0;
}
.webform-submission-form table.responsive-enabled tr th:last-of-type,
.webform-submission-form table.responsive-enabled tr td:last-of-type {
  padding: 0 0 0 0.5rem;
}
.webform-submission-form table.responsive-enabled.webform-table thead tr {
  background-color: #502d0e;
  background-color: var(--lehigh_brown, #502d0e);
  color: #ffffff;
  color: var(--white, #ffffff);
}
.webform-submission-form table.responsive-enabled.webform-table th {
  background-color: #502d0e;
  background-color: var(--lehigh_brown, #502d0e);
  color: #ffffff;
  color: var(--white, #ffffff);
}
.webform-submission-form table.responsive-enabled.webform-table th a {
  word-break: unset;
  color: #ffffff;
  color: var(--white, #ffffff);
}
.webform-submission-form table.responsive-enabled.webform-table th a:hover, .webform-submission-form table.responsive-enabled.webform-table th a:focus {
  color: #ffffff;
  color: var(--white, #ffffff);
}
.webform-submission-form table.responsive-enabled.webform-table th a span {
  color: #ffffff;
  color: var(--white, #ffffff);
}
.webform-submission-form table.responsive-enabled.webform-table th a span:hover, .webform-submission-form table.responsive-enabled.webform-table th a span:focus {
  color: #ffffff;
  color: var(--white, #ffffff);
}
.webform-submission-form table.responsive-enabled.webform-table tr:nth-of-type(even) {
  background-color: #f4f3f2;
  background-color: var(--grey_20, #f4f3f2);
}
.webform-submission-form table.responsive-enabled.webform-table tr:nth-of-type(odd) {
  background-color: #ffffff;
  background-color: var(--white, #ffffff);
}
.webform-submission-form table.responsive-enabled.webform-table td,
.webform-submission-form table.responsive-enabled.webform-table th {
  padding: 0.75rem;
}
.webform-submission-form table.responsive-enabled.webform-table td:first-of-type,
.webform-submission-form table.responsive-enabled.webform-table th:first-of-type {
  padding: 0.75rem;
}
.webform-submission-form table.responsive-enabled.webform-table td:last-of-type,
.webform-submission-form table.responsive-enabled.webform-table th:last-of-type {
  padding: 0.75rem;
}
.webform-submission-form table.responsive-enabled.webform-table td a,
.webform-submission-form table.responsive-enabled.webform-table th a {
  word-break: unset;
}

/* pagination.scss */
.pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.pagination li {
  margin: 0 0.5rem;
  font-size: 0.9rem;
}
@media (min-width: 768px) {
  .pagination li {
    margin: 0 1rem;
    font-size: 1rem;
  }
}
.pagination li a {
  color: #333333;
  color: var(--grey_darkest, #333333);
  font-weight: normal;
  border-bottom: 0;
}
.pagination li a.page-link {
  display: unset;
  padding: 0;
  margin-left: unset;
  background-color: inherit;
  border: 0;
}
.pagination li.active a.page-link {
  background-color: unset;
  border-color: unset;
  color: inherit;
  text-decoration: underline;
}
.pagination li.first::before, .pagination li.previous::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f100";
  margin: 0 2px 0 0;
  position: relative;
  top: 1px;
}
.pagination li.previous::before {
  content: "\f104";
}
.pagination li.next::after, .pagination li.last::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f105";
  margin: 0 0 0 2px;
  position: relative;
  top: 1px;
}
.pagination li.last::after {
  content: "\f101";
}

/* text_types.scss */
/* Bare-element rules only (h1-h6/.h1-.h6, a, blockquote/.quote, .page-title).
   The text_types--headings/--blockquote SDC-candidate sub-parts are out of
   scope here and are left for the later component-conversion phase. */
.page-title {
  width: auto;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

h1,
.page-title {
  font-family: meursault-variable, Georgia, Palatino, serif;
}

@media (max-width: 991.98px) {
  h1,
  .page-title {
    font-size: 2.875rem;
  }
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
}

h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
  font-family: DopisBold, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h2,
.h2 {
  color: #502d0e;
  font-size: 2.375em;
  font-weight: 400;
}

@media (max-width: 991.98px) {
  h2,
  .h2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 768px) {
  .right-content h2,
  .right-content .h2 {
    font-size: 2rem;
  }
}

@media (min-width: 768px) {
  .right-content h3,
  .right-content .h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .right-content h4,
  .right-content .h4 {
    font-size: 1.25rem;
  }
}

a {
  color: #497ba4;
  color: var(--hyperlink, #497ba4);
  border-bottom: 2px solid #497ba4;
  border-bottom: 2px solid var(--hyperlink, #497ba4);
  text-decoration: none;
  font-weight: bold;
  transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  a {
    transition: none;
  }
}

a:hover,
a:focus {
  text-decoration: none;
  color: #000000;
}

blockquote,
.quote {
  color: #333333;
  text-align: center;
  font-size: 1.5rem;
  border-top: solid 3px #502d0e;
  border-bottom: solid 3px #502d0e;
  margin: 0 0 2rem 0;
  padding: 2rem;
  position: relative;
}

blockquote::before,
.quote::before {
  content: "“";
  color: #502d0e;
  font-size: 20rem;
  font-family: "Arial";
  opacity: 0.1;
  position: absolute;
  top: -110px;
  left: -1rem;
}

blockquote::after,
.quote::after {
  content: "”";
  color: #502d0e;
  font-size: 20rem;
  font-family: "Arial";
  opacity: 0.1;
  position: absolute;
  bottom: -250px;
  right: -1rem;
}

blockquote .source,
.quote .source {
  margin: 1rem 0 0 0;
  font-size: 1rem;
  color: #333333;
  font-style: italic;
}

blockquote .source::before,
.quote .source::before {
  content: "- ";
}

/* images.scss */
/* Bare/generic content-image rules only. Excluded as out of scope:
   - .favicon img (component-scoped to the images--favicon SDC candidate)
   - the nested ".fractal-preview & { ... }" rule inside .lehigh-logo
     (styles the Fractal styleguide's own preview-page wrapper class,
     which never appears in Drupal-rendered markup, so it is not
     theme-global for the live site). */
.image img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.figure,
.caption-img {
  margin: 0 0 1.5rem;
}

.figure figcaption,
.figure .figure-caption,
.caption-img figcaption,
.caption-img .figure-caption {
  text-align: left;
  padding: 0.5rem;
  background-color: #333333;
  color: #ffffff;
  font-size: 0.875rem;
}

figure.caption-img.align-left {
  margin: 0 1.5rem 1.5rem 0;
}

figure.caption-img.align-right {
  margin: 0 0 1.5rem 1.5rem;
}

figure.caption-img.align-center {
  margin: 0 auto 1.5rem;
}

.lehigh-logo {
  margin: 0 1rem 0 0;
  flex-grow: 2;
  max-width: 180px;
}

@media (min-width: 768px) {
  .lehigh-logo {
    min-width: 200px;
  }
}

img.align-left {
  padding: 1rem 1rem 1rem 0;
}

img.align-right {
  padding: 1rem 0 1rem 1rem;
}