/* Custom padding between header and dynamic content */
.dac-android-11-page .devsite-landing-row.a11-dynamic-content-header {
  padding-bottom: 0;
}

.dac-android-11-page .devsite-landing-row.a11-dynamic-content-header h2 {
  font: 600 40px/48px var(--DAC_BRAND_FONT);
}

/* Custom styles for "see more" button */
.dac-android-11-weeks .a11-dynamic-content-header .devsite-landing-row-header-buttons {
  position: relative;
}

.dac-android-11-weeks .a11-dynamic-content-header .button {
  color: var(--DAC_COLOR_CORNFLOWER);
  position: absolute;
  right: 48px;
  top: -72px;
}

/* Devsite pagination styles */
.dac-android-11-page devsite-pagination {
  margin-top: 48px;
}

.dac-android-11-weeks devsite-pagination .devsite-pagination-more-button,
.dac-android-11-weeks devsite-pagination .devsite-pagination-less-button {
  background: var(--DAC_COLOR_WHITE);
  color: var(--DAC_COLOR_SAPPHIRE);
  font: 600 20px/22px var(--DAC_BRAND_FONT);
  overflow: visible;
  padding: 0;
  text-transform: lowercase;
}

.dac-android-11-weeks devsite-pagination .devsite-pagination-more-button:focus,
.dac-android-11-weeks devsite-pagination .devsite-pagination-less-button:focus {
  outline: -webkit-focus-ring-color auto 5px;
}

.dac-android-11-weeks devsite-pagination .devsite-pagination-more-button:before {
  content: "Load ";
  text-transform: capitalize;
}

.dac-android-11-weeks devsite-pagination .devsite-pagination-more-button:after {
  content: 'keyboard_arrow_down';
  font: 600 24px/24px 'Material Icons';
  position: relative;
  top: 4px;
}

.dac-android-11-weeks devsite-pagination .devsite-pagination-less-button:before {
  content: "Show ";
  text-transform: capitalize;
}

.dac-android-11-weeks devsite-pagination .devsite-pagination-less-button:after {
  content: 'keyboard_arrow_up';
  font: 600 24px/24px 'Material Icons';
  position: relative;
  top: 4px;
  left: -120px;
}

/* Dynamic content cards overrides */
.dac-android-11-page .devsite-card-wrapper[type="blog"] {
  flex: 0 0 calc(25% - 32px);
}

.dac-android-11-page .devsite-card[dynamic-card-type="medium"],
.dac-android-11-page .devsite-card[dynamic-card-type="blogger"],
.dac-android-11-page .devsite-card[dynamic-card-type="youtube"] {
  background: #fff;
  border: 2px solid var(--DAC_COLOR_ANDROID_GREEN);
  box-shadow: var(--DAC_BOX_SHADOW) var(--DAC_BOX_SHADOW) var(--DAC_COLOR_ANDROID_GREEN);
}

.dac-android-11-page .devsite-card[dynamic-card-type="medium"] .devsite-card-image-bg,
.dac-android-11-page .devsite-card[dynamic-card-type="blogger"] .devsite-card-image-bg {
  display: none;
}

.dac-android-11-page .devsite-card .devsite-card-content-wrapper .devsite-card-content a {
  text-decoration: none;
}

.dac-android-11-page .devsite-card[dynamic-card-type="medium"] h3,
.dac-android-11-page .devsite-card[dynamic-card-type="blogger"] h3,
.dac-android-11-page .devsite-card[dynamic-card-type="youtube"] h3 {
  color: #000;
  font: 600 24px/32px var(--DAC_BRAND_FONT);
}

/* Media queries */
@media screen and (max-width: 950px) {
  .dac-android-11-page .devsite-card-wrapper[type="blog"] {
    flex: 0 0 calc(50% - 32px);
  }
}

@media screen and (max-width: 800px) {
  .dac-android-11-weeks .a11-dynamic-content-header .button {
    position: unset;
  }
}

@media screen and (max-width: 600px) {
  .dac-android-11-page .devsite-card-wrapper[type="blog"] {
    flex: 0 0 calc(100% - 32px);
  }
}
