/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.section-downloads h1,
.section-downloads h2,
.section-downloads h3 {
  text-align: center;
  margin: 0 0 50px 0; }
  @media (min-width: 981px) {
    .section-downloads h1,
    .section-downloads h2,
    .section-downloads h3 {
      text-align: left; } }

.section-downloads .downloads {
  display: flex;
  flex-direction: column;
  gap: 30px 60px; }
  @media (min-width: 981px) {
    .section-downloads .downloads {
      flex-direction: row;
      flex-wrap: wrap; }
      .section-downloads .downloads .download {
        flex: 1 1 calc(50% - 30px);
        max-width: calc(50% - 30px); } }
  @media (min-width: 1200px) {
    .section-downloads .downloads .download {
      flex: 1 1 calc(33.333% - 40px);
      max-width: calc(33.333% - 40px); } }
  .section-downloads .downloads .download.hide {
    display: none; }
    @media (min-width: 981px) {
      .section-downloads .downloads .download.hide {
        display: block; } }
  .section-downloads .downloads .download-in {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    text-decoration: none; }
    .section-downloads .downloads .download-in:hover .right .icon {
      background-color: var(--white);
      color: var(--night); }
    .section-downloads .downloads .download-in .icon {
      width: 50px;
      height: 50px;
      border-radius: 15px;
      color: var(--white);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      flex-shrink: 0;
      transition: ease-in-out all 200ms; }
    .section-downloads .downloads .download-in .left {
      display: flex;
      align-items: flex-start;
      gap: 15px; }
      .section-downloads .downloads .download-in .left .icon {
        background-color: var(--lightblue); }
      .section-downloads .downloads .download-in .left .text h5 {
        margin: 0; }
      .section-downloads .downloads .download-in .left .text p {
        margin: 0; }
    .section-downloads .downloads .download-in .right .icon {
      border: 1px solid var(--white); }
  @media (min-width: 981px) {
    .section-downloads .downloads .show-more-download {
      display: none; } }
  .section-downloads .downloads .show-more-download .link-icon {
    transform: rotate(90deg); }
    .section-downloads .downloads .show-more-download .link-icon span {
      font-size: 8px; }

.section-downloads.white .downloads .download-in:hover .right .icon {
  background-color: var(--night);
  color: var(--white); }

.section-downloads.white .downloads .download-in .right .icon {
  border-color: var(--night);
  color: var(--night); }

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