/* 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);
}

/* 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-origin="medium"],
.dac-android-11-page .devsite-card[dynamic-card-origin="blogger"],
.dac-android-11-page .devsite-card[dynamic-card-origin="youtube"],
.dac-android-11-page .devsite-card-curated-list {
  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-origin="medium"] .devsite-card-image-bg,
.dac-android-11-page .devsite-card[dynamic-card-origin="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-curated-list .devsite-landing-row-item-labels {
  color: var(--DAC_COLOR_SAPPHIRE);
  font: 500 14px/22px Roboto Mono,var(--DAC_BRAND_FONT);
  letter-spacing: 1.5px;
}

.dac-android-11-page .devsite-card-curated-list .devsite-landing-row-item-description-content {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dac-android-11-page .devsite-cal-blocks {
  padding-top: var(--DAC_SPACING_MEDIUM);
  padding-bottom: var(--DAC_SPACING_MEDIUM);
}

.dac-android-11-page .devsite-card-curated-list a {
  text-decoration: none !important;
}

.dac-android-11-page .devsite-card[dynamic-card-origin="medium"] h3,
.dac-android-11-page .devsite-card[dynamic-card-origin="blogger"] h3,
.dac-android-11-page .devsite-card[dynamic-card-origin="youtube"] h3,
.dac-android-11-page .devsite-card-curated-list 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: 840px) {
  .dac-android-11-page .devsite-card-curated-list:nth-child(3) {
    flex: 0 0 calc(50% - 12px);
  }
}

@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);
  }
}