/* Additional "Download" icons (Camera Ready Template, APA Reference Examples) for the
   Submission section, plus the flex layout that keeps the whole row of icons from
   overflowing at narrow widths. Loaded after index.css so these rules take effect. */

.u-section-7 .u-image-5 {
  height: auto;
  transition-duration: 0.5s;
  margin-top: 0;
  margin-bottom: 0;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
}

.u-section-7 .u-text-9 {
  margin: 8px auto 0;
}

.u-section-7 .u-image-6 {
  height: auto;
  transition-duration: 0.5s;
  margin-top: 0;
  margin-bottom: 0;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
}

.u-section-7 .u-text-10 {
  margin: 8px auto 0;
}

.u-section-7 .u-image-5,
.u-section-7 .u-image-5:before,
.u-section-7 .u-image-5 > .u-container-layout:before,
.u-section-7 .u-image-6,
.u-section-7 .u-image-6:before,
.u-section-7 .u-image-6 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-7 .u-image-5.u-image-5.u-image-5:hover,
.u-section-7 .u-image-5.u-image-5.u-image-5.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-7 .u-image-6.u-image-6.u-image-6:hover,
.u-section-7 .u-image-6.u-image-6.u-image-6.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

/* index.css positions the original 3 icons with fixed pixel offsets that only just fit
   their container; adding 2 more icons that way overflowed the page at every width.
   Replacing the row with flexbox lets it wrap instead of overflowing. */
.u-section-7 .u-download-icons-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 1140px;
  margin: 30px auto 40px;
  position: relative;
  z-index: 2;
}

.u-section-7 .u-download-icons-row .u-group-elements-1,
.u-section-7 .u-download-icons-row .u-group-elements-2,
.u-section-7 .u-download-icons-row .u-group-elements-3,
.u-section-7 .u-download-icons-row .u-group-elements-4,
.u-section-7 .u-download-icons-row .u-group-elements-5 {
  margin: 0;
  width: 152px;
  height: auto;
  min-height: 0;
  transform: none;
}

@media (max-width: 575px) {
  .u-section-7 .u-download-icons-row {
    justify-content: center;
    margin-top: 20px;
  }
}