.screenreader-only {
  display: block;
  overflow: hidden;
  height: 0;
  position: absolute;
}
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-uwai-button.btn--lightbg {
  color: #fff;
}
.wp-block-uwai-button.btn--lightbg:focus {
  background: #0079bf;
  outline: 1px solid #0079bf;
  outline-offset: 2px;
}
.wp-block-uwai-button.btn--darkbg {
  color: #333;
}
.wp-block-uwai-button.btn--darkbg:hover, .wp-block-uwai-button.btn--darkbg:focus {
  background-color: #ffe500;
  color: #333;
}
.wp-block-uwai-button.btn--darkbg:focus {
  outline: 1px solid #fff;
  outline-offset: 2px;
}
.wp-block-uwai-button.btn.btn--secondary--lightbg:focus {
  border-color: transparent;
  outline: 1px solid #0079bf;
}
.wp-block-uwai-button.btn.btn--secondary--darkbg {
  color: #fff;
}
.wp-block-uwai-button.btn.btn--secondary--darkbg:hover, .wp-block-uwai-button.btn.btn--secondary--darkbg:focus {
  color: #333;
  background-color: #ffe500;
}
.wp-block-uwai-button.btn.btn--secondary--darkbg:hover {
  background-color: #ffe500;
  border-color: #ffe500;
  color: #333;
}
.wp-block-uwai-button.btn.btn--secondary--darkbg:focus {
  outline: 1px solid #fff;
  outline-offset: 2px;
}
.wp-block-uwai-button.btn.btn--tertiary--darkbg {
  color: #333;
  background-color: buttonface;
}
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-uwai-uwai {
  background-color: var(--wp-admin-theme-color);
  color: #fff;
  padding: 2px;
}

.blade-links {
  margin: 1em !important;
}
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.event-card__date-info {
  display: inline-block;
  padding: 4px 8px;
  font-size: 0.8rem;
  font-weight: bold;
}

.upcoming-events .event-card__date-info {
  background-color: #FFD100;
}

.past-events .event-card__date-info {
  background-color: #D9D9D9;
}

.events-archive .event-cards {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.events-archive .event-cards .event-card {
  margin-top: 0;
  margin-bottom: 1rem;
}
.events-archive .event-cards .event-card .event-card__date {
  padding: 16px 24px 16px;
}
.events-archive .event-cards .event-card .event-card-info .event-card-info__time, .events-archive .event-cards .event-card .event-card-info .event-card-info__location {
  display: flex;
  align-items: center;
}
.events-archive .event-cards .event-card .event-card__link:hover img {
  opacity: 1;
}
.events-archive .event-cards .event-card .event-card__link:hover::before {
  background: transparent;
}
@media (min-width: 600px) {
  .events-archive .event-cards .event-card {
    margin-right: 1.1rem;
  }
}
@media (min-width: 576px) {
  .events-archive .event-cards {
    flex-direction: row;
  }
}
.events-archive .upcoming-events {
  background-color: #F2F2F2;
  margin-bottom: 3.3rem;
}
.events-archive .upcoming-events .event-card__date-info {
  background-color: #FFD100;
}
.events-archive .past-events .event-card__date-info {
  background-color: #D9D9D9;
}

.event-page .ucla.campus.masthead h1.entry-title {
  margin-bottom: 1rem;
}
.event-page .event-featured-img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.event-page .event-card-info__time, .event-page .event-card-info__location {
  display: flex;
  align-items: center;
}

.events-container.both, .events-container.upcoming, .events-container.past {
  display: flex;
  flex-wrap: wrap;
}
.events-container.both .event-card, .events-container.upcoming .event-card, .events-container.past .event-card {
  margin-top: 0;
  margin-bottom: 1rem;
}
.events-container.both .event-card .event-card__date, .events-container.upcoming .event-card .event-card__date, .events-container.past .event-card .event-card__date {
  padding: 16px 24px 16px;
}
.events-container.both .event-card .event-card-info .event-card-info__time, .events-container.both .event-card .event-card-info .event-card-info__location, .events-container.upcoming .event-card .event-card-info .event-card-info__time, .events-container.upcoming .event-card .event-card-info .event-card-info__location, .events-container.past .event-card .event-card-info .event-card-info__time, .events-container.past .event-card .event-card-info .event-card-info__location {
  display: flex;
  align-items: center;
}
.events-container.both .event-card .event-card__link .event-card__image, .events-container.upcoming .event-card .event-card__link .event-card__image, .events-container.past .event-card .event-card__link .event-card__image {
  -o-object-fit: cover;
     object-fit: cover;
}
.events-container.both .event-card .event-card__link:hover img, .events-container.upcoming .event-card .event-card__link:hover img, .events-container.past .event-card .event-card__link:hover img {
  opacity: 1;
}
.events-container.both .event-card .event-card__link:hover::before, .events-container.upcoming .event-card .event-card__link:hover::before, .events-container.past .event-card .event-card__link:hover::before {
  background: transparent;
}
@media (min-width: 600px) {
  .events-container.both .event-card, .events-container.upcoming .event-card, .events-container.past .event-card {
    margin-right: 1.1rem;
  }
}
.events-container.both .upcoming-events, .events-container.upcoming .upcoming-events, .events-container.past .upcoming-events {
  margin-bottom: 3.3rem;
}
.events-container.both .upcoming-events .event-card__date-info, .events-container.upcoming .upcoming-events .event-card__date-info, .events-container.past .upcoming-events .event-card__date-info {
  background-color: #FFD100;
}
.events-container.both .past-events .event-card__date-info, .events-container.upcoming .past-events .event-card__date-info, .events-container.past .past-events .event-card__date-info {
  background-color: #D9D9D9;
}
.hero-banner-container {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 436px;
}
.hero-banner-container.full-width {
  padding: 0 100vw;
  margin: 0 -100vw;
}
@media (min-width: 992px) {
  .hero-banner-container.full-width {
    padding: 0 50vw;
    margin: 0 -50vw;
  }
}
.hero-banner-container .hero-banner__content h1, .hero-banner-container .hero-banner__content h2, .hero-banner-container .hero-banner__content h3, .hero-banner-container .hero-banner__content h4, .hero-banner-container .hero-banner__content h5, .hero-banner-container .hero-banner__content h6, .hero-banner-container .hero-banner__content p {
  padding: 0;
}

@media (max-width: 1023px) {
  .story.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .story.full-width .story__featured-image {
    position: absolute;
    left: 50%;
  }
}
.story > .story__featured {
  float: none;
}
.story > .story__featured h1, .story > .story__featured h2, .story > .story__featured h3, .story > .story__featured h4, .story > .story__featured h5, .story > .story__featured h6, .story > .story__featured p {
  padding: 0;
}

@media (min-width: 1024px) {
  .story__featured {
    float: left;
  }
  .story__featured .story__featured-image {
    width: 75%;
    height: auto;
    max-height: 540px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .story__featured .story__featured-content {
    width: 50%;
    max-width: 576px;
    top: 35%;
    transform: none;
  }
}
@media (min-width: 1280px) {
  .col[class*=span] .story {
    padding: 0;
  }
}
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-uwai-uwai {
  background-color: var(--wp-admin-theme-color);
  color: #fff;
  padding: 2px;
}

.blade-links {
  margin: 1em !important;
}
.publications-archive .entry-title {
  color: #00598c;
}
.publications-archive .entry-title::before {
  content: "";
  margin-right: 1rem;
  border-left: 8px solid #FFD100;
}
.publications-archive .basic-card {
  margin: 32px 0.8rem 0 0;
}
.publications-archive .publication-img {
  max-width: 100%;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}

.publication-container {
  display: flex;
  justify-content: space-between;
  gap: 2%;
}
.publication-container .basic-card {
  margin: 0;
}
.publication-container .basic-card > .basic-card__info-wrapper {
  padding: 1rem 0;
}
.publication-container .basic-card > .basic-card__info-wrapper .basic-card__title span a {
  text-decoration: none;
  color: #00598c;
}
.publication-container .basic-card > .basic-card__info-wrapper .basic-card__title span a:hover {
  color: #fff;
}
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-uwai-uwai {
  background-color: var(--wp-admin-theme-color);
  color: #fff;
  padding: 2px;
}

.blade-links {
  margin: 1em !important;
}
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-uwai-uwai {
  background-color: var(--wp-admin-theme-color);
  color: #fff;
  padding: 2px;
}

.blade-links {
  margin: 1em !important;
}

.uwai-recent-post {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .uwai-recent-post {
    flex-direction: row;
  }

  .uwai-recent-post.right {
    flex-direction: column;
    align-items: flex-end;
  }

  .uwai-recent-post.left {
    flex-direction: column;
    align-items: flex-start;
  }

  .uwai-recent-post.center {
    flex-direction: row;
    justify-content: center;
  }

  .uwai-recent-post.wide {
    flex-direction: row;
    justify-content: space-between;
  }

  .uwai-recent-post.full {
    flex-direction: row;
    justify-content: space-around;
  }
}
.wp-block-uwai-ribbon.ribbon h1, .wp-block-uwai-ribbon.ribbon h2, .wp-block-uwai-ribbon.ribbon h3, .wp-block-uwai-ribbon.ribbon h4, .wp-block-uwai-ribbon.ribbon h5, .wp-block-uwai-ribbon.ribbon h6 {
  line-height: 1.4;
}
.wp-block-uwai-ribbon.ribbon.has-molecule h1, .wp-block-uwai-ribbon.ribbon.has-molecule h2, .wp-block-uwai-ribbon.ribbon.has-molecule h3, .wp-block-uwai-ribbon.ribbon.has-molecule h4, .wp-block-uwai-ribbon.ribbon.has-molecule h5, .wp-block-uwai-ribbon.ribbon.has-molecule h6 {
  position: relative;
  z-index: 1;
}
.wp-block-uwai-ribbon.ribbon.has-molecule h1::before, .wp-block-uwai-ribbon.ribbon.has-molecule h2::before, .wp-block-uwai-ribbon.ribbon.has-molecule h3::before, .wp-block-uwai-ribbon.ribbon.has-molecule h4::before, .wp-block-uwai-ribbon.ribbon.has-molecule h5::before, .wp-block-uwai-ribbon.ribbon.has-molecule h6::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='135' height='135'%3E%3Cpath d='M63.967.093l48.7 17.245 22.24 46.63-17.245 48.698-46.63 22.241-48.698-17.245L.093 71.032l17.245-48.698z' fill='%23FFD100' fill-rule='evenodd' opacity='.5'/%3E%3C/svg%3E");
  width: 135px;
  height: 135px;
  display: block;
  z-index: -1;
  position: absolute;
  top: -40px;
  left: -50px;
}
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.left-align {
  margin: 0 !important;
}
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-uwai-uwai {
  background-color: var(--wp-admin-theme-color);
  color: #fff;
  padding: 2px;
}

.blade-links {
  margin: 1em !important;
}
.blade-links .blade-links__box-link {
  color: #ffffff !important;
}
.gallery-container {
  display: flex;
  flex-direction: column;
}
.gallery-container .basic-card__title {
  margin: 0 0 1rem;
}
.gallery-container .basic-card__title a {
  text-decoration: none;
}
@media (max-width: 768px) {
  .gallery-container .basic-card {
    margin: 32px auto 0;
  }
}

@media (min-width: 768px) {
  .gallery-container {
    flex-direction: row;
  }
}

/*# sourceMappingURL=style-index.css.map*/