/* 
  Page Templates
*/

.ucla-content-header {
  grid-area: header;
}

.ucla-sidebar {
  grid-area: sidebar;
}

.ucla-content {
  grid-area: content;
}


.main {
  gap: 1.5rem 0;
  grid-template-areas:
    "header"
    "content"
    "pagination";
}

.page-template.page-template-page-left-sidebar .main,
.page-template.page-template-page-right-sidebar .main,
.post-template.post-template-single-left-sidebar .main,
.post-template.post-template-single-right-sidebar .main {
  grid-template-areas:
    "header"  
    "content"
    "sidebar";
}

body:not(.page-template-page-left-sidebar, .post-template-single-left-sidebar) .entry-content > *:not(.alignfull), body:not(.page-template-page-right-sidebar, .post-template-single-left-sidebar) .entry-content > *:not(.alignfull) {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

body:not(.page-template-page-left-sidebar, .post-template-single-left-sidebar) .entry-content > *:not(.alignfull).alignwide, body:not(.page-template-page-right-sidebar, .post-template-single-left-sidebar) .entry-content > *:not(.alignfull).alignwide {
  max-width: var(--wp--style--global--wide-size);
}

body.home:not(.page-template-page-left-sidebar, .post-template-single-left-sidebar) > .main.ucla-grid,
body.page-template-default:not(.page-template-page-left-sidebar, .post-template-single-left-sidebar) > .main.ucla-grid {
  gap: 0;
}

/**
  Default Templates
*/
.page-template-default ul.wp-block-list {
  padding-left: 1.5rem;
}


/**
  Sidebar Templates
*/

@media (min-width: 960px) {
  .page-template.page-template-page-left-sidebar .main, .post-template.post-template-single-left-sidebar .main {
    gap: 1.5rem 8.3333333%;
    grid-template-columns: 1fr 3fr;
    grid-template-areas:
      ". header"
      "sidebar content";
  }
  .page-template.page-template-page-right-sidebar .main, .post-template.post-template-single-right-sidebar .main {
    gap: 1.5rem 8.3333333%;
    grid-template-columns: 3fr 1fr;
    grid-template-areas:
      "header ."
      "content sidebar";
  }
}

@media (min-width: 1200px) {
  body:not(.page-template-page-left-sidebar, .post-template-single-left-sidebar) .entry-content > *:not(.alignfull, .wp-block-quote, .wp-block-list), body:not(.page-template-page-right-sidebar, .post-template-single-left-sidebar) .entry-content > *:not(.alignfull, .wp-block-quote, .wp-block-list) {
    padding-left: 0;
    padding-right: 0;
  }
}

/*
 Post Templates
*/

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

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

/* Search */
.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;
}

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