/**
* Page Layout Styling 
*/
/* Global */

.ucla-header--school__logo-link {
  inline-size: unset;
}

.ucla-header--school__custom-logo, .ucla-header--mobile-logo {
  max-height: 2.75rem;
}

.ucla-header--school__custom-logo.ucla-header--has-mobile-logo, .ucla-dept-footer__custom-logo.ucla-footer--has-mobile-logo {
  display: none;
}

.skip-nav__link {
  color: #ffffff;
  background-color: #00598c;
  position: absolute;
  left: 50%;
  transform: translateY(-100%);
  padding: 4px;
}

.skip-nav__link:focus {
  transform: translateY(0%);
  transition: transform 0.3s;
}

.ucla-header__site-name > a.ucla-header__site-name-img {
  line-height: 0;
  display: inline-block;
}

.ucla-header__site-name > a.ucla-header__site-name-img > img {
  width: 100%;
  max-width: 450px;
  height: auto;
}

.aligncenter {
  text-align: center;
}
.alignright {
  text-align: right;
}

pre.wp-block-code code {
  background-color: transparent;
}

.ucla-side-navigation-wrapper {
  display: none;
}

li.ucla-secondary-nav__link--active > a.ucla-secondary-nav__link {
  color: #ffffff;
  background-color: #00598c;
}

.ucla-dept-footer__container > img.ucla-dept-footer__custom_logo {
  max-height: 2.188rem;
  max-width: 550px;
}

.ucla-dept-footer h6.tertiary-nav-header > a {
  text-decoration: none;
}

.ucla-dept-footer__logo-text {
  font-weight: bold;
  color: #ffffff;
  font-size: 1.5rem;
}



@media (min-width: 960px) {
  .ucla-side-navigation-wrapper {
    display: block;
  }
}

.ucla-dept-footer {
  margin-top: 54px;
}

.ucla-breadcrumb {
  margin-bottom: 0.5rem;
}

.entry-content > *:not(.alignfull) {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;

  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.entry-content > *:not(.alignfull).alignwide {
  max-width: var(--wp--style--global--wide-size);
}

@media (min-width: 1200px) {
  .entry-content > *:not(.alignfull) {
    padding-left: 0;
    padding-right: 0;
  }
}

.ucla-wordpress__post-detail {
  margin-bottom: 2rem;
}

footer.ucla-wordpress__post-tags {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-top: 4rem;
}

footer.ucla-wordpress__post-tags > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

footer.ucla-wordpress__post-tags > ul > li {
  display: inline;
  margin-left: 23px;
}

footer.ucla-wordpress__post-tags > ul > li > a {
  text-decoration: none;
}

/* Default Page Template */
.post-thumbnail {
  display: flex;
  margin-bottom: 1.5rem;
}

.page-template:not(.home) > .ucla-header,
.page-template-default:not(.home) > .ucla-header,
.archive > .ucla-header,
.blog:not(.home) > .ucla-header,
.single-post > .ucla-header {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .page-template:not(.home) > .ucla-header,
  .page-template-default:not(.home) > .ucla-header,
  .archive > .ucla-header,
  .blog:not(.home) > .ucla-header,
  .single-post > .ucla-header {
    margin-bottom: 48px;
  }

  .post-thumbnail {
    margin-bottom: 2rem;
  } 
  
  .ucla-header--school__custom-logo {
    max-height: 3.563rem;
  }
  .ucla-header--school__custom-logo.ucla-header--has-mobile-logo, .ucla-dept-footer__custom-logo.ucla-footer--has-mobile-logo {
    display: block;
  }

  .ucla-header--mobile-logo, .ucla-footer--mobile-logo {
    display: none;
  }
}
@media (min-width: 1024px) {
  .page-template:not(.home) > .ucla-header,
  .page-template-default:not(.home) > .ucla-header,
  .archive > .ucla-header,
  .blog:not(.home) > .ucla-header,
  .single-post > .ucla-header {
    margin-bottom: 64px;
  }
}

.entry-content > ul:not([class]),.entry-content > ol:not([class]) {
  padding-left: 2rem;
  margin-block-end: 1em;
}

.ucla-dept-footer__tertiary-nav .ucla-dept-footer__nav-column .ucla-dept-footer__nav, .ucla-main-nav__list, .ucla-main-nav__sublist, .ucla-side-navigation__list, .ucla-breadcrumb__list, .ucla-secondary-nav__list {
  padding-left: 0;
}

/* Landing Page Template */

.page-template-page-landing.page-template > .ucla-header {
  margin-bottom: 0;
}

/* Sidebar Templates */
.ucla-side-navigation>.ucla-side-navigation__list>.ucla-side-navigation__list-item:not(.current-menu-item, .current-menu-ancestor, .current-menu-parent)>.ucla-side-navigation__list {
  display: none;
}

/* Search */
.search.search-results > .ucla-header,
.search.search-no-results > .ucla-header {
  margin-bottom: 32px;
}

.ucla-search__form {
  padding: 0;
  display: flex;
  margin-top: 1rem;
  margin-bottom: 57px;
}

.ucla-search__form label {
  width: 100%;
}

.ucla-search__field {
  padding: 0.781rem 1rem 0.781rem 3.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Ctitle%3ESearch%3C/title%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666666' d='M15.5 14h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2C16 5.9 13.1 3 9.5 3S3 5.9 3 9.5 5.9 16 9.5 16c1.6 0 3.1-.6 4.2-1.6l.3.3v.8l5 5 1.5-1.5-5-5zm-6 0C7 14 5 12 5 9.5S7 5 9.5 5 14 7 14 9.5 12 14 9.5 14z'/%3E%3C/svg%3E")
    1.5rem center / 1.5rem no-repeat #f2f2f2;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  flex-grow: 1;
}

.ucla-search__form > .ucla-btn {
  margin-left: 0.5rem;
}

@media (min-width: 768px) {
  .search.search-results > .ucla-header,
  .search.search-no-results > .ucla-header {
    margin-bottom: 48px;
  }
  .ucla-search__form {
    margin-bottom: 79px;
  }
}

@media (min-width: 1024px) {
  .search.search-results > .ucla-header,
  .search.search-no-results > .ucla-header {
    margin-bottom: 64px;
  }
  .ucla-search__form {
    margin-bottom: 102px;
  }
}

/* 404 */
.error-404__header {
  padding-top: 32px;
  padding-bottom: 24px;
}

@media (min-width: 768px) {
  .error-404__header {
    padding-top: 48px;
    padding-bottom: 29px;
  }
}

@media (min-width: 1024px) {
  .error-404__header {
    padding-top: 72px;
    padding-bottom: 32px;
  }
}

/* Block styling */
.entry-content > .wp-block-group.alignfull {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.wp-block-cover > .ucla__cover_button-control {
  position: absolute;
  right: 24px;
  bottom: 24px;
  color: #ffffff;
  z-index: 5;
  line-height: 0;
  cursor: pointer;
}

.wp-block-cover > .ucla__cover_button-control:focus {
  outline-color: #FFE500;
}

@media (min-width: 1200px) {
  .entry-content > .wp-block-group.alignfull {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Block pattern styles */
.wp-block-cover.ribbon-banner.alignfull > .wp-block-cover__inner-container.wp-block-cover-is-layout-flow, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container {
  width: 100%;
}


.ribbon-banner.wp-block-cover:not(.alignfull) > .wp-block-cover__inner-container {
  padding-left: 1.5rem;
}

.wp-block-cover.ribbon-banner.alignfull .wp-block-cover__inner-container > * {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}
.wp-block-cover.ribbon-banner.alignfull
  .wp-block-cover__inner-container
  > .alignfull {
  max-width: none;
}
.wp-block-cover.ribbon-banner.alignfull
  .wp-block-cover__inner-container
  > .alignwide {
  max-width: var(--wp--style--global--wide-size);
}