/* ============================================================ */
/* Pages: EXPERIENCE */

/* ------------------------------ Main */
.page-experience main {
  grid-template-columns: 1fr;
}

.page-experience main > * {
  grid-column: 1;
}

/* ------------------------------ List */
.page-experience--list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1rem;
}

/* ------------------------------ Position */
.page-experience--position {
  width: calc(33% - 2rem);
  margin: 0 1rem 1rem;
}

.page-experience--position h2,
.page-experience--position .employer {
  margin: 0;
}

.page-experience--position h2 {
  font-weight: normal;
  font-variant: normal;
}

.page-experience--position .employer {
  font-weight: 700;
}

.page-experience--position .meta {
  opacity: 0.6;
  font-style: italic;
  font-size: 0.8rem;
}

.page-experience--position .meta span + span {
  margin-left: 0.5rem;
}

.page-experience--position .meta span::before {
  content: "• ";
}

.page-experience--position .details {

}

/* ------------------------------ Media queries */
@media screen and (max-width: 992px) {
  .page-experience--position {
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 768px) {
  .page-experience--position {
    width: 100%;
  }
}