@charset "UTF-8";
body.item-set h2 {
  color: #BF283E;
  font-size: 52px;
  line-height: 1.1;
  max-width: 50rem;
}
body.item-set .item-sets {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
body.item-set .item-sets .item-set {
  border: 1px solid #fff;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  width: 100%;
}
body.item-set .item-sets .item-set:first-child {
  border: none;
  padding: 0;
}
body.item-set .item-sets .resource img {
  border: 1px solid #f2f2f2;
  margin: 0;
  max-width: 100%;
  position: relative;
  width: auto;
  float: none;
}
body.item-set .item-sets .resource h4 {
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.1;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 1px;
  z-index: 1;
  margin: 0;
  padding: 0.25rem 0.5rem 0 0;
}
body.item-set .item-sets .resource h4 a {
  background: #BF283E;
  color: #fff;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.1;
  line-height: 1.5;
  padding: 0.5rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
body.item-set .item-sets .resource h4 a:hover {
  color: #fff;
}
body.item-set .item-sets .item-set-thumb {
  margin-bottom: 1rem;
  position: relative;
}
body.item-set .item-sets .item-set-thumb .image a {
  display: block;
}
body.item-set .item-sets .item-set-thumb .image img {
  display: block;
  height: 250px;
  width: 100%;
  object-fit: cover;
  transition: all 0.25s ease-out;
}
body.item-set .item-sets .item-set-thumb .image img:hover {
  filter: grayscale(1);
}

@media screen and (min-width: 600px) {
  body.item-set .item-sets .item-set {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  body.item-set .item-sets .item-set {
    width: 33.33%;
  }
}
body.item.resource.show h2 {
  color: #BF283E;
  font-size: 52px;
  line-height: 1.1;
  max-width: 50rem;
}
body.item.resource.show h3 {
  font-family: proxima-nova, sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  text-transform: uppercase;
}
body.item.resource.show .property {
  border-top: 1px solid #eee;
  font-size: 17px;
  margin-bottom: 1rem;
  max-width: 50rem;
}
body.item.resource.show .property a {
  color: #BF283E;
}
body.item.resource.show .property h4 {
  color: #BF283E;
  font-family: proxima-nova, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.search-results-title h1 {
  color: #BF283E;
  font-size: 52px;
  line-height: 1.1;
  max-width: 50rem;
}

.search-results {
  font-size: 17px;
  margin-bottom: 3rem;
}
.search-results h2 {
  color: #BF283E;
  font-family: proxima-nova, sans-serif;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 1.1;
  max-width: 50rem;
  text-transform: uppercase;
}
.search-results ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-results li {
  border-top: 1px solid #eee;
  padding: 1rem 0;
}
.search-results li .date {
  color: #777;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.search-results li a {
  color: #111;
  display: block;
  font-family: kepler-std-semicondensed-dis, serif;
  font-size: 32px;
  line-height: 1.25;
  max-width: 48rem;
  transition: all 0.25s ease-out;
}
.search-results li a:hover {
  color: #BF283E;
}
.search-results .search-view-all a {
  background: #BF283E;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 2rem;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
}
.search-results .search-view-all a:hover {
  background: #aa2437;
}

@media screen {
  * {
    box-sizing: border-box;
  }

  html {
    height: 100%;
    padding: 0;
    margin: 0;
  }

  body {
    background-color: #fff;
    color: #111;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: proxima-nova, sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    word-wrap: break-word;
  }

  a:link {
    text-decoration: none;
    color: #920b0b;
  }

  a:visited {
    color: #920b0b;
  }

  a:active,
a:hover {
    color: #ed1616;
  }

  h1 {
    font-family: kepler-std-semicondensed-dis, serif;
    font-size: 40px;
    line-height: 60px;
  }

  h2 {
    font-family: kepler-std-semicondensed-dis, serif;
    font-size: 40px;
    line-height: 45px;
  }

  h3 {
    font-family: kepler-std-semicondensed-dis, serif;
    font-size: 25px;
    line-height: 45px;
  }

  h4 {
    font-family: kepler-std-semicondensed-dis, serif;
    font-size: 22.5px;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  /* @group ----- Forms ----- */
  input,
textarea,
button,
.button,
.resource-list.preview + a,
select {
    font-family: proxima-nova, sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    vertical-align: top;
  }

  input[type=text],
input[type=password],
input[type=email],
input[type=url],
textarea {
    appearance: none;
    background: #f2f2f2;
    border-radius: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 17px;
    height: 45px;
    border: 1px solid #dedede;
    padding: 0.5rem 1rem;
    margin: 0;
  }
  input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
    border: 1px solid #111;
    outline: none;
  }

  input[type=checkbox] {
    margin-top: -1rem;
  }

  textarea {
    height: 90px;
  }

  input[type=file] {
    line-height: 1;
    vertical-align: bottom;
    font-size: 15px;
  }

  button,
a.button,
.resource-list.preview + a,
[type=submit] {
    background-color: #BF283E;
    border-radius: 2px;
    color: #fff;
    padding: 0.5rem 1rem;
    display: inline-block;
    font-weight: 600;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    margin-bottom: 1rem;
    transition: all 0.25s ease-out;
  }
  button:hover,
a.button:hover,
.resource-list.preview + a:hover,
[type=submit]:hover {
    background: #aa2437;
  }

  select {
    background-color: #fff;
    padding: 7.5px;
    border-color: #dedede;
    height: 45px;
  }

  ::-webkit-input-placeholder {
    font-style: italic;
  }

  :-moz-placeholder {
    /* Firefox 18- */
    font-style: italic;
  }

  ::-moz-placeholder {
    /* Firefox 19+ */
    font-style: italic;
  }

  :-ms-input-placeholder {
    font-style: italic;
  }

  .field {
    border-top: 1px solid #f2f2f2;
    margin: 30px 0;
    padding-top: 1.25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .field .field-meta {
    font-size: 16px;
    line-height: 1.25;
    width: 25%;
    padding: 0;
  }

  .field .inputs {
    width: 75%;
    padding-left: 5.2631578947%;
  }
  .field .inputs > select, .field .inputs > textarea, .field .inputs > input[type=text], .field .inputs > input[type=password], .field .inputs > input[type=email], .field .inputs > input[type=url] {
    width: 100%;
  }
  .field .inputs input[type=checkbox] {
    vertical-align: bottom;
  }

  .field.required .field-meta:after {
    color: #BF283E;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    position: relative;
    top: -4px;
  }

  .field .value:not(:last-child) {
    margin-bottom: 15px;
  }

  .field-description {
    font-size: 15px;
  }

  /* @end */
  /* @group ----- Navigation ----- */
  .site-switcher {
    background: #000001;
    color: #fff;
    line-height: 1.1;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0.5rem 15px;
    display: flex;
    width: 100%;
  }
  .site-switcher h6 {
    color: #999;
    letter-spacing: 1.5px;
    font-size: 12px;
    margin: 0;
    padding-right: 1rem;
    text-transform: uppercase;
  }
  .site-switcher a {
    color: #fff;
    display: block;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding-right: 1rem;
    transition: all 0.25s ease-out;
  }
  .site-switcher a:hover {
    color: #BF283E;
  }

  header {
    background-image: url("../img/header.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 350px;
    position: relative;
  }

  header > h1 {
    background: rgba(0, 0, 0, 0.95);
    display: inline-block;
    margin: 0;
    padding: 2rem 2rem 0 2rem;
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 400px;
    transform: translateX(-200px);
  }

  header nav {
    background: rgba(0, 0, 0, 0.95);
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 0;
    width: 100%;
  }

  header nav.closed ul {
    height: 0;
    overflow: hidden;
    margin: 0;
  }

  header nav:before {
    background: #000001;
    font-family: "Font Awesome 5 Free";
    color: #fff;
    content: "";
    display: block;
    width: 37.5px;
    height: 37.5px;
    border: 1px solid #111;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    right: 5.2631578947%;
    top: -48.75px;
    cursor: pointer;
    line-height: 37.5px;
  }

  header nav.open {
    margin: 15px 0 -1px;
  }

  header nav.open:before {
    color: #fff;
    content: "";
  }

  header nav ul {
    padding-left: 0;
    list-style: none;
    position: relative;
    margin: 0 auto;
  }
  header nav ul a:link {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.25;
    text-transform: uppercase;
    width: 100%;
    padding: 7.5px;
    transition: all 0.25s ease-out;
  }
  header nav ul a:visited {
    color: #fff;
  }
  header nav ul a:hover {
    border-bottom: 0;
    padding-left: 1rem;
  }
  header nav ul li {
    border-top: 1px solid #333;
    padding: 0.5rem 1rem;
    position: relative;
  }
  header nav ul li:first-child {
    background: #BF283E;
  }
  header nav ul li:first-child:hover {
    background: #aa2437;
  }
  header nav ul li:first-child a:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    padding-right: 0.5rem;
  }
  header nav ul li li:last-of-type {
    padding-bottom: 0;
  }
  header nav ul li.active {
    background: #333;
    font-weight: 600;
  }
  header nav ul li.active a {
    color: #fff;
  }
  header nav ul li:hover {
    background: #222;
  }
  header nav ul li.parent {
    position: relative;
  }
  header nav ul .parent-link {
    display: flex;
  }
  header nav ul .parent-link > a {
    width: calc(100% - 60px);
  }
  header nav ul .child-toggle {
    color: #fff;
    width: 60px;
    text-align: center;
    background-color: #fff;
    border-left: 1px solid #fff;
    appearance: none;
  }
  header nav ul .child-toggle:before {
    color: #fff;
    font-family: "Font Awesome 5 Free";
    content: "";
  }

  header nav > ul > li:last-child {
    border-bottom: 1px solid #dedede;
    padding-bottom: -1px;
  }

  header nav > ul ul li {
    height: 0;
    overflow: hidden;
    border: 0;
  }

  header nav ul.open > li {
    height: auto;
    border-top: 1px solid #dedede;
    padding-top: -1px;
  }

  /* Second level items */
  header nav > ul > li > ul > li.active > a {
    margin-left: -1.5em;
  }

  header nav > ul > li > ul > li.active > a:before {
    content: ">";
    display: inline-block;
    width: 1.5em;
  }

  header nav > ul > li > ul > li a {
    padding-left: 30px;
  }

  /* Third level items */
  header nav > ul > li > ul > li > ul > li a {
    padding-left: 60px;
  }

  /* Fourth level items */
  header nav > ul > li > ul > li > ul > li > ul > li a {
    padding-left: 90px;
  }

  .sub-menu ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 15px;
  }

  .sub-menu li {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #dedede;
    padding: 7.5px 0 6.5px;
  }
  .sub-menu li:first-of-type {
    border-top: 1px solid #dedede;
    padding-top: 6.5px;
  }

  nav.pagination {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 45px;
  }

  .pagination input {
    text-align: center;
  }

  .resource-list + .pagination {
    border-color: transparent;
  }

  .pagination form {
    min-width: 90px;
  }

  .pagination form,
.pagination .button,
.pagination .resource-list.preview + a,
.pagination button,
.pagination .page-count {
    display: inline-block;
    vertical-align: top;
    height: 45px;
  }

  .pagination .button, .pagination .resource-list.preview + a {
    border: 1px solid #dedede;
    background-color: #dedede;
    width: 45px;
    text-align: center;
    padding: 7.5px;
    border-radius: 2px;
    color: #000;
    line-height: 30px;
  }

  .pagination .inactive.button, .pagination .resource-list.preview + a.inactive {
    opacity: 0.5;
    color: #ababab;
    background-color: white;
  }

  .pagination form,
.pagination .last {
    margin-right: 7.5px;
  }

  .pagination input {
    width: 60px;
  }

  .breadcrumbs {
    font-size: 15px;
    margin: 30px 0 -15px;
  }

  /* @end */
  /* @group ----- Site Page Pagination ----- */
  .site-page-pagination {
    margin-top: 5rem;
  }
  .site-page-pagination a {
    background: #f2f2f2;
    color: #111;
    display: inline-block;
    font-size: 15px;
    letter-spacing: 2px;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
  }

  /* @end */
  /* @group ----- Header ----- */
  .site-title h1 {
    font-size: 25px;
    line-height: 30px;
    padding-right: 30px;
  }

  header {
    margin: 0 0 75px;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    position: relative;
  }
  header > * {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5.2631578947%;
    display: block;
  }

  .site-title:hover,
.site-title:active {
    border-bottom: 0;
  }

  .site-title h1 {
    margin: 0;
  }

  button.o-icon-search {
    display: none;
  }

  #search {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    padding: 7.5px 5.2631578947%;
    padding-top: 1.5rem;
  }

  #search form {
    display: flex;
    flex-wrap: nowrap;
  }

  #search form input[type=text] {
    width: 100%;
  }

  #search form button[type=submit] {
    height: 45px;
    width: 45px;
    text-indent: -9999px;
    position: relative;
    border-radius: 0 3px 3px 0;
  }
  #search form button[type=submit]:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    text-indent: 0;
    line-height: 45px;
  }

  /* @end */
  /* @group ----- Footer ----- */
  footer {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    background: #111;
    padding: 2rem 10.5263157895% 30px;
    width: 100%;
  }

  .footer-asu h6 {
    color: #fff;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0.75rem;
    margin-top: 0;
    text-transform: uppercase;
  }
  .footer-asu .asu-logo {
    max-width: 320px;
  }

  /* @end */
  /* @group ----- Page and Blocks ----- */
  #content {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    flex: 1;
    padding: 0 5.2631578947% 30px;
    width: 100%;
  }

  #content .blocks h2:first-of-type {
    color: #BF283E;
    font-size: 52px;
  }

  .resource-list.preview + a {
    color: #000;
  }
  .resource-list.preview + a:hover {
    background-color: #787878;
    border-bottom-width: 0px;
    color: #fff;
  }

  /* @end */
  /* @group ----- Resource List ----- */
  ul.resource-list {
    list-style-type: none;
    padding-left: 0;
  }

  ul.resource-list .resource {
    border-bottom: 1px solid #dedede;
    padding-bottom: 29px;
    margin: 30px 0;
    overflow: hidden;
    position: relative;
  }
  ul.resource-list .resource > *:last-child {
    margin-bottom: 0;
  }
  ul.resource-list .resource:first-child {
    border-top: 1px solid #dedede;
    padding-top: 29px;
  }

  ul.resource-list .resource img {
    height: auto;
    width: 60px;
    float: right;
    margin-left: 15px;
  }

  ul.resource-list .resource h4 {
    font-size: 36px;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 0.5rem;
    max-width: 42rem;
  }
  ul.resource-list .resource h4 a {
    color: #BF283E;
  }
  ul.resource-list .resource h4 a:hover {
    color: #aa2437;
  }

  ul.resource-list .date {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
  }

  ul.resource-list .resource .description {
    font-size: 17px;
    line-height: 1.5;
    max-width: 42rem;
    overflow: hidden;
    position: relative;
  }

  ul.resource-list .resource img ~ * {
    width: calc(100% - 75px);
  }

  /* @end */
  /* @group ----- Browse ---- */
  .search-filters {
    margin-bottom: 30px;
  }

  .filter-label,
.filter-value {
    display: inline-block;
    border: 1px solid #dedede;
    padding: 6.5px;
  }

  .filter-label {
    background-color: #dedede;
  }

  .filter-value {
    margin-left: -5px;
  }

  .browse-controls {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 3rem;
  }

  nav.pagination {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    text-transform: uppercase;
  }

  .advanced-search {
    background: #f2f2f2;
    color: #BF283E;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
    margin-bottom: 2rem;
    padding: 1rem;
    text-transform: uppercase;
  }
  .advanced-search:hover {
    color: #aa2437;
  }

  /* @end */
  /* @group ----- Show ----- */
  .show-header {
    width: 100%;
  }
  .show-header h2 {
    margin: 0;
    margin-bottom: 3rem;
  }
  .show-header h3 {
    font-family: proxima-nova, sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
  }

  body.item-set .metadata {
    width: 100%;
  }
  body.item-set .metadata h4 {
    color: #BF283E;
    font-family: proxima-nova, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 0;
    text-transform: uppercase;
  }
  body.item-set .metadata .property {
    font-size: 17px;
    margin-bottom: 1rem;
    max-width: 40rem;
  }

  body.resource #content > h2:first-of-type + h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin: -30px 0 30px;
  }

  .property {
    margin-bottom: 30px;
  }

  .property h4 {
    margin-bottom: 0;
    font-size: 15px;
  }

  .resource-link img {
    width: auto;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7.5px;
  }

  .property .value a {
    display: inline-block;
    vertical-align: bottom;
  }

  .property .value:not(:last-child) img {
    margin-bottom: 7.5px;
  }

  .property .value:not(:last-child) img + a {
    margin-bottom: 7.5px;
  }

  .property .value .language {
    background-color: #d1d1d1;
    padding: 3.75px;
    font-size: 10px;
  }

  .property .private:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
  }

  #content .media.resource {
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    margin-right: 7.5px;
  }
  #content .media.resource:hover {
    border-bottom: 0;
  }

  #content .media.resource img {
    vertical-align: top;
    margin-bottom: 15px;
  }

  .media-render > * {
    max-width: 100%;
  }

  #linked-resources caption {
    text-align: left;
    font-weight: bold;
    border-bottom: 3px solid #ababab;
    padding: 7.5px 15px 4.5px;
  }

  #linked-filter h4 {
    margin-bottom: 15px;
  }

  #linked-resources .resource-link {
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }

  /* @end */
  /* @group ----- Advanced Search ----- */
  #advanced-search .value:not(:last-child) {
    margin-bottom: 15px;
  }

  .remove-value {
    text-indent: -9999px;
    position: relative;
    width: 45px;
    margin-left: 7.5px;
  }
  .remove-value:before {
    text-indent: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 45px;
  }

  /* @end */
  /* @group ----- Common Modules ---- */
  a.metadata-browse-link {
    font-size: 15px;
  }

  /* @end */
}
@media screen and (min-width: 800px) {
  #content {
    padding: 0 10.5263157895% 30px;
  }

  table {
    margin: 30px 0;
    border-collapse: collapse;
  }

  th,
td {
    text-align: left;
    padding: 7.5px 15px;
    padding-bottom: 6.5px;
    border-bottom: 1px solid #ababab;
  }

  /* @group ----- Header ----- */
  header {
    position: relative;
    padding: 15px 0 0;
    margin-bottom: 60px;
  }

  header > * {
    padding: 0 10.5263157895%;
  }

  header > h1 {
    background: rgba(0, 0, 0, 0.95);
    display: inline-block;
    margin: 0;
    padding: 2rem 2rem 0 2rem;
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 400px;
    transform: translateX(-200px);
  }

  /* @end */
  /* @group ----- Footer ----- */
  footer {
    padding: 2rem 10.5263157895% 30px;
  }

  /* @end */
  /* @group ----- Navigation ----- */
  header nav {
    margin: 0 auto !important;
    position: absolute;
    padding: 0 10.5263157895%;
  }

  header nav:before {
    content: "";
    border: 0;
    display: none;
  }

  header nav ul a {
    padding: 0;
  }

  header nav ul a:hover {
    padding-left: 0.5rem;
  }

  header nav ul li {
    padding: 0 0.5rem;
    position: static;
  }

  header nav.closed ul,
header nav ul ul li {
    height: auto;
    overflow: visible;
  }

  header nav ul a:hover {
    background-color: transparent;
  }

  header nav ul li,
header nav > ul li:last-child,
header nav > ul ul:hover > li {
    border: 0;
  }

  header nav ul.navigation {
    margin-left: -7.5px;
    position: static;
    display: flex;
    align-items: flex-start;
  }
  header nav ul.navigation li ul:before {
    display: none;
  }
  header nav ul.navigation > li:not(:last-child) {
    margin-right: 15px;
  }
  header nav ul.navigation > li > ul {
    position: absolute;
    top: 100%;
    left: -9999px;
    background-color: #fff;
    padding: 0;
    list-style: none;
    width: 100%;
    padding: 14px 0 6.5px;
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    z-index: 1;
  }
  header nav ul.navigation > li:hover > ul {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10.5263157895%;
    left: 0;
    right: 0;
    border-bottom: 0;
    border-color: #dedede;
  }
  header nav ul.navigation > li:hover > ul:after {
    content: "";
    left: -9999px;
    right: -9999px;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    z-index: -1;
  }
  header nav ul.navigation > li > ul > li {
    width: 25%;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 30px;
  }
  header nav ul.navigation > li > ul > li ul {
    font-weight: normal;
    padding: 0;
    list-style-type: none;
    height: auto;
  }
  header nav ul.navigation li.parent {
    position: static;
  }

  header nav > ul > li > a {
    margin: 7.5px;
  }

  header nav > ul > li > .parent-link {
    display: inline-block;
    width: 100%;
  }

  header nav > ul > li > .parent-link > a {
    margin: 7.5px;
    width: 100%;
  }

  /* All top-level nav items with siblings are parent items and get an arrow. */
  header nav > ul > li > .parent-link a:after {
    font-family: "Font Awesome 5 Free";
    content: "";
    display: inline-block;
    margin-left: 7.5px;
  }

  header nav > ul li:hover ul li {
    height: auto;
    padding: 0;
  }

  .child-toggle {
    display: none;
  }

  /* Second and Third level items */
  header .parent ul a {
    padding-left: 0;
  }

  header .parent .parent .parent ul a {
    padding-left: 15px;
  }

  .sub-menu ul {
    border-bottom: 1px solid #dedede;
    padding-bottom: 14px;
  }

  .sub-menu li {
    display: inline-block;
    border: 0;
    padding: 0;
    margin-right: 15px;
  }
  .sub-menu li:first-of-type {
    border: 0;
    padding: 0;
  }

  #search {
    background: none;
    border: none;
    left: 75%;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
  }

  #search form input[type=text],
#search form button[type=submit] {
    font-size: 15px;
    line-height: 30px;
    padding: 0.5rem 1rem;
  }

  #search form button[type=submit]:before {
    line-height: 30px;
    top: 8px;
  }

  /* @end */
  /* @group ----- Content ------ */
  #content .blocks h2:first-of-type {
    margin-top: 0;
  }

  /* @end */
  /* @group ----- Resource List ----- */
  ul.resource-list .resource img {
    width: 25%;
    height: auto;
    float: right;
    margin-left: 15px;
  }

  ul.resource-list .resource img ~ * {
    width: calc(100% - 135px);
  }

  /* @end */
  /* @group ----- Item Set ----- */
  body.item-set.item #content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  body.item-set.item #content > h2, body.item-set.item #content > h3 {
    width: 100%;
  }

  body.item-set .metadata {
    width: 100%;
    border-left: 1px solid #dedede;
    padding-left: 2rem;
    margin-right: 5.2631578947%;
    margin-bottom: 3rem;
  }

  body.item-set .metadata h4:first-of-type {
    margin-top: 0;
  }

  body.item-set #content .metadata ~ * {
    width: 100%;
    border-left: 1px solid #dedede;
    padding-left: 2rem;
  }

  body.item-set .item-set-items h3 {
    margin-top: 0;
  }

  body.item-set .metadata ~ nav.pagination:first-of-type {
    margin-bottom: 0;
  }

  /* @end */
  /* @group ----- Page and blocks ----- */
  .preview-block {
    clear: both;
  }

  ul.preview.resource-list li:first-of-type {
    border-top: 1px solid #dedede;
    padding-top: 29px;
  }

  /* @end */
}