/*
 * global customization
 *
 */

.devsite-main-content .devsite-landing-row-header-text h2,
.devsite-main-content .devsite-landing-row-item-description:not(.devsite-landing-row-item-icon-description) h3 {
  color: #424242;
}

.devsite-main-content .devsite-landing-row-description {
  width: calc((100% - 20px)*2/3);
}

@media only screen and (max-width: 720px) {
  .devsite-main-content .devsite-landing-row-description {
    width: 100%;
  }
}

.firebase-hero-button.button {
  height: auto;
  padding: 16px;
}

.firebase-hero-button.button:hover {
  background-color: #ffffff;
}

.firebase-hero-button.button:not(:hover) {
  box-shadow: none;
}

.firebase-divider-row.devsite-landing-row {
  border-top: 1px solid #ebebeb;
  margin-top: 60px;
}

/*
 * custom icon rows
 *
 * .firebase-big-icons
 * .firebase-platform-android
 * .firebase-platform-ios
 * .firebase-platform-web
 * .firebase-platform-cpp
 * .firebase-platform-unity
 *
 */

.firebase-big-icons .devsite-landing-row-item-icon-container {
  height: 88px;
  width: 88px;
}

.firebase-big-icons .devsite-landing-row-item-icon-background-grey .devsite-landing-row-item-icon-container {
  background: #f7f7f7;
}

.firebase-big-icons .devsite-landing-row-item-icon-background .devsite-landing-row-item-icon,
.firebase-big-icons .devsite-landing-row-item-icon-is-white .devsite-landing-row-item-icon {
  font-size: 48px;
  height: 88px;
  padding: 20px;
  width: 88px;
}

.firebase-big-icons .devsite-landing-row-item-icon-description h3 {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}

.firebase-big-icons .devsite-landing-row-item-icon-description h3:not(:hover) {
  color: #424242;
}

.firebase-big-icons .devsite-landing-row-item-icon-description ul {
  list-style: none;
  padding: 0;
}

.firebase-big-icons .devsite-landing-row-item-icon-description ul li a:not(:hover) {
  color: #757575;
}

.firebase-big-icons .devsite-landing-row-item-icon-background :link .devsite-landing-row-item-icon-container:hover {
  box-shadow: none;
}


/*
 * custom product list
 *
 * .firebase-docs-products-row
 * .firebase-product-list
 * .firebase-product-list-develop
 * .firebase-product-list-quality
 * .firebase-product-list-grow
 *
 */

.firebase-product-list.devsite-landing-row-item {
  flex-direction: column !important;
}

.firebase-product-list .devsite-landing-row-item-image {
  width: 80%;
  margin: 0 auto 40px !important;
  max-width: 500px;
}

.firebase-product-list .devsite-landing-row-item-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
}

.firebase-product-list .devsite-landing-row-item-list-item {
  flex: 1 1 100%;
  margin: 14px 0;
}

@media only screen and (max-width: 1000px) and (min-width: 721px) {
  .firebase-product-list .devsite-landing-row-item-list-item {
    flex-basis: 50%;
  }
}

.firebase-product-list .devsite-landing-row-item-list-item:not(:first-child) {
  margin: 14px 0;
}

.firebase-product-list .devsite-landing-row-item-description h3 {
  font-size: 20px;
  font-weight: 500;
}

.firebase-product-list .devsite-landing-row-item-list-item-icon-description h4 {
  font-weight: 500;
}

.firebase-product-list .devsite-landing-row-item-list-item-icon-description h4 a:not(:hover) {
  color: #424242;
}

.firebase-product-list .devsite-landing-row-item-list-item-icon-description .gmp-platform-icons {
  color: #9E9E9E !important;
  font-size: 24px;
  height: 24px;
  width: 24px;
}

.firebase-product-list .devsite-landing-row-item-list-item-icon-description span.gmp-platform-icons:first-of-type {
  margin-left: 0;
}

.firebase-product-list .devsite-landing-row-item-list-item-icon-container {
  box-shadow: 0 1px 0.2px rgba(255,255,255,.5) inset, 0 -1px 0.2px rgba(255,143,0,.3) inset, 3px 3px 0 #b3e5fc;
  height: 48px;
  overflow: hidden;
  width: 48px;
}

.firebase-product-list .devsite-landing-row-item-list-item-icon {
  margin-left: 1px;
  padding: 11px;
}

.firebase-product-list.firebase-product-list-develop .devsite-landing-row-item-list-item-icon-container {
  background-color: #ffc107;
}

.firebase-product-list.firebase-product-list-develop .devsite-landing-row-item-list-item-icon {
  text-shadow: 0 0 #ffb300, 1px 1px #ffb300, 2px 2px #ffb300, 3px 3px #ffb300, 4px 4px #ffb300, 5px 5px #ffb300, 6px 6px #ffb300, 7px 7px #ffb300, 8px 8px #ffb300, 9px 9px #ffb300, 10px 10px #ffb300, 11px 11px #ffb300, 12px 12px #ffb300, 13px 13px #ffb300, 14px 14px #ffb300, 15px 15px #ffb300, 16px 16px #ffb300, 17px 17px #ffb300, 18px 18px #ffb300, 19px 19px #ffb300, 20px 20px #ffb300, 21px 21px #ffb300, 22px 22px #ffb300, 23px 23px #ffb300, 24px 24px #ffb300, 25px 25px #ffb300, 26px 26px #ffb300, 27px 27px #ffb300, 28px 28px #ffb300, 29px 29px #ffb300, 30px 30px #ffb300;
}

.firebase-product-list.firebase-product-list-grow .devsite-landing-row-item-list-item-icon-container {
  background-color: #ff9800;
}

.firebase-product-list.firebase-product-list-grow .devsite-landing-row-item-list-item-icon {
  text-shadow: 0 0 #fb8c00, 1px 1px #fb8c00, 2px 2px #fb8c00, 3px 3px #fb8c00, 4px 4px #fb8c00, 5px 5px #fb8c00, 6px 6px #fb8c00, 7px 7px #fb8c00, 8px 8px #fb8c00, 9px 9px #fb8c00, 10px 10px #fb8c00, 11px 11px #fb8c00, 12px 12px #fb8c00, 13px 13px #fb8c00, 14px 14px #fb8c00, 15px 15px #fb8c00, 16px 16px #fb8c00, 17px 17px #fb8c00, 18px 18px #fb8c00, 19px 19px #fb8c00, 20px 20px #fb8c00, 21px 21px #fb8c00, 22px 22px #fb8c00, 23px 23px #fb8c00, 24px 24px #fb8c00, 25px 25px #fb8c00, 26px 26px #fb8c00, 27px 27px #fb8c00, 28px 28px #fb8c00, 29px 29px #fb8c00, 30px 30px #fb8c00;
}

.firebase-product-list.firebase-product-list-quality .devsite-landing-row-item-list-item-icon-container {
  background-color: #ffab00;
}

.firebase-product-list.firebase-product-list-quality .devsite-landing-row-item-list-item-icon {
  text-shadow: 0 0 #ff9800, 1px 1px #ff9800, 2px 2px #ff9800, 3px 3px #ff9800, 4px 4px #ff9800, 5px 5px #ff9800, 6px 6px #ff9800, 7px 7px #ff9800, 8px 8px #ff9800, 9px 9px #ff9800, 10px 10px #ff9800, 11px 11px #ff9800, 12px 12px #ff9800, 13px 13px #ff9800, 14px 14px #ff9800, 15px 15px #ff9800, 16px 16px #ff9800, 17px 17px #ff9800, 18px 18px #ff9800, 19px 19px #ff9800, 20px 20px #ff9800, 21px 21px #ff9800, 22px 22px #ff9800, 23px 23px #ff9800, 24px 24px #ff9800, 25px 25px #ff9800, 26px 26px #ff9800, 27px 27px #ff9800, 28px 28px #ff9800, 29px 29px #ff9800, 30px 30px #ff9800;
}

@media only screen and (max-width: 1000px) {
  .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .firebase-product-list.devsite-landing-row-item:not(.devsite-landing-row-item-no-image) {
    flex-direction: column;
  }
  .devsite-landing-row:not(.devsite-landing-row-logos) .firebase-product-list .devsite-landing-row-item-image {
    order: 0;
    width: 100%;
  }
}

/*
 * firebase footer cta
 *
 * .firebase-try-cta
 *
 */

.devsite-landing-row.firebase-try-cta {
  padding-bottom: 80px;
  padding-top: 80px;
}

.firebase-try-cta.devsite-landing-row-cta {
  text-align: left;
}

.firebase-try-cta .devsite-landing-row-item-description h3 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 300;
  line-height: 68px;
}

.firebase-try-cta .button {
  margin-left: 0;
}

.firebase-try-cta .devsite-landing-row-item-icon-container {
  height: 80px;
  margin-bottom: 32px;
  margin-left: 0;
  width: 80px;
}

.firebase-try-cta .devsite-landing-row-item-icon {
  height: 80px;
  margin-left: 0;
  width: 80px;
}