:root {
  --DAC_CARD_PROMO_VERTICAL_IMAGE_HEIGHT: 252px;
}

.dac-android-11-page .dac-card-promo-vertical {
  border: 2px solid var(--DAC_COLOR_SAPPHIRE);
  box-shadow: var(--DAC_BOX_SHADOW) var(--DAC_BOX_SHADOW) var(--DAC_COLOR_SAPPHIRE);
}

.dac-android-11-page .dac-card-promo-vertical:not(:first-child) {
  margin-left: calc(var(--DAC_SPACING_SMALL) * 2);
}

.dac-android-11-page .dac-android-11-weeks .dac-card-promo-vertical {
  max-width: 550px;
}

/* Fix margins on heading and buttons */
.dac-android-11-page .a11-card-promo .devsite-landing-row-item-labels + h3,
.dac-android-11-page .dac-card-promo-vertical .devsite-landing-row-item-labels + h3 {
  margin-top: 8px;
}

.dac-android-11-page .a11-card-promo .devsite-landing-row-item-buttons,
.dac-android-11-page .dac-card-promo-vertical .devsite-landing-row-item-buttons {
  padding-top: var(--DAC_SPACING_MEDIUM);
}

/* Fix font sizing on description text */
.dac-android-11-page .a11-card-promo .devsite-landing-row-item-description-content,
.dac-android-11-page .dac-card-promo-vertical .devsite-landing-row-item-description-content {
  font: 400 16px/24px var(--DAC_BRAND_FONT)
}

/* Make images look like background images on promo cards. */
.dac-android-11-page .dac-card-promo-vertical .devsite-landing-row-item-image img {
  display: block;
  max-width: 100%;
  object-fit: cover;
}

/* Hide any overflow from the images. */
.dac-android-11-page .dac-card-promo-vertical .devsite-landing-row-item-media {
  overflow: hidden;
}

.dac-android-11-page .dac-card-promo-vertical .devsite-landing-row-item-image,
.dac-android-11-page .dac-card-promo-vertical .devsite-landing-row-item-image > a {
  background: none;
  display: flex;
  height: var(--DAC_CARD_PROMO_VERTICAL_IMAGE_HEIGHT);
  justify-content: center;
}

.dac-android-11-page .dac-card-promo-vertical .devsite-landing-row-item-image img {
  display: block;
  object-fit: contain;
  padding: 0;
  width: auto;
}

/* Custom promo-vertical image styling for the 11 weeks of Android hub */
.dac-android-11-weeks .dac-card-promo-vertical .devsite-landing-row-item-media img {
  height: 160px;
  margin: var(--DAC_SPACING_MEDIUM) auto;
  width: 160px;
}

.dac-android-11-page .a11-card-promo .devsite-landing-row-item-body {
  height: 90%;
}

/* Custom promo image styling for the 11 weeks of Android hub */
.dac-android-11-weeks .a11-card-promo .devsite-landing-row-item-media img {
  left: 50%;
  margin: 64px 0;
  position: relative;
  transform: translateX(-50%);
  width: 300px;
}

@media screen and (max-width: 600px) {
  .dac-android-11-page .a11-promo-cards.devsite-landing-row-cards .dac-card-promo-vertical:not(:first-of-type) {
    margin: var(--DAC_SPACING_MEDIUM) 0 0;
  }
}

@media screen and (min-width: 601px) and (max-width: 840px) {
  .a11-promo-cards .devsite-landing-row-group {
    flex-direction: column;
  }

  .a11-promo-cards .dac-card-promo-vertical {
    flex-direction: row !important;
    margin: 0;
  }

  .a11-promo-cards .dac-card-promo-vertical:not(:first-child) {
    margin: var(--DAC_SPACING_MEDIUM) 0 0 !important;
  }

  .a11-promo-cards .dac-card-promo-vertical .devsite-landing-row-item-media,
  .a11-promo-cards .dac-card-promo-vertical .devsite-landing-row-item-description {
    flex: 1 0 50%;
  }

  .a11-promo-cards .dac-card-promo-vertical .devsite-landing-row-item-media {
    order: 2;
  }

  .a11-promo-cards .dac-card-promo-vertical .devsite-landing-row-item-description {
    order: 1;
  }

  .a11-promo-cards .dac-card-promo-vertical .devsite-landing-row-item-image {
    height: 100%;
  }

  .a11-promo-cards .dac-card-promo-vertical .devsite-landing-row-item-image img {
    padding: var(--DAC_SPACING_LARGE);
  }
}