/*
 * Vertically align an element without using Flexbox
 */
/*
 * Add a color overlay absolutelly positionned over something
 */
/*
 * Overwrite browser placeholders styles
 */
/*
 * Convert images to background
 */
/*
 * Responsive shapes
 */
/*
 * Remove mobile/iOS default buttons
 */
/*
 * Change font size from pixels to rem
 */
/*- Font -*/
/*- Colors -*/
@media screen and (max-width: 1620px) {
  .person {
    flex-direction: column;
    gap: 25px;
  }
  .person__content {
    height: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .people {
    grid-template-columns: 1fr;
  }
  .person:nth-child(4n+2), .person:nth-child(4n+3) {
    background: transparent;
  }
  .person:nth-child(2n) {
    background: #f0f6fd;
  }
}
@media screen and (max-width: 991px) {
  .dashboard__nav a {
    justify-content: center;
  }
  .dashboard__nav span {
    display: none;
  }
  .page-template-portail #main {
    padding-top: 175px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard__content h2 {
    text-align: left;
  }
}
@media screen and (max-width: 680px) {
  .dashboard__content {
    padding: 45px 35px;
  }
}
@media screen and (max-width: 550px) {
  .dashboard-header {
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 30px;
  }
  .dashboard-header h1 {
    text-align: left;
  }
  .dashboard-header .user {
    display: none !important;
  }
  .dashboard__content h2 {
    font-size: 1.125rem;
    padding-bottom: 10px;
  }
  .activities {
    padding: 20px;
  }
  .person {
    padding: 25px;
  }
}
@media screen and (max-width: 420px) {
  .dashboard__content {
    padding: 35px 20px;
  }
}

/*# sourceMappingURL=portail.css.map */