/**
 * @file
 * View styles.
 */

.view > * {
  -webkit-margin-after: var(--size-8);
  margin-block-end: var(--size-8);
}

.view > *:last-child {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

@media (min-width: 768px) {
  .view > * {
    -webkit-margin-after: var(--size-12);
    margin-block-end: var(--size-12);
  }
}

@media (--tablet) {
  .view > * {
    -webkit-margin-after: var(--size-12);
    margin-block-end: var(--size-12);
  }
}

.view-header {
  display: flex;
  justify-content: space-between;
}

.view-header .view-header__link {
  color: var(--ucla-blue);
  font-size: var(--font-size-2);
}

.view-header .view-header__link:hover {
  color: var(--midnight-joshua-tree);
}

.view-content .views-form {
  background-color: white;
  border-radius: 2px;
  border: 1px solid var(--gray-200);
  box-shadow: 0 2px 4px hsla(0, 0%, 0%, 0.1);
  box-sizing: border-box;
  margin-top: 0;
  padding: 1.5rem;
  width: 100%;
}

.view-content .views-form form {
  display: flex;
  flex-direction: column;
  flex-wrap: initial;
}

.view-content .views-row {
  -webkit-margin-before: var(--size-8);
  margin-block-start: var(--size-8);
}

.view-content .views-row:first-child {
  -webkit-margin-before: 0;
  margin-block-start: 0;
}