.arcore__hero {
  background: rgba(0, 0, 0, 0) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 760px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  padding: 0 !important;
  position: relative;
  /* width: 100vw; */
  margin: 0 auto;
  max-width: 1820px
}

.arcore__hero .devsite-landing-row-inner {
  background-image: radial-gradient(ellipse, rgba(0, 0, 0, .3) 44%, rgba(0, 0, 0, 0) 72%);
}

.arcore__footer {
  background: rgba(0, 0, 0, .4) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 550px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  padding: 0 !important;
  position: relative;
  /* width: 100vw; */
  margin: 0 auto;
  max-width: 1820px
}

.arcore__footer .devsite-landing-row-inner {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 30px;
  border-radius: 8px;
}

.arcore__hero h2,
.arcore__hero .devsite-landing-row-description,
.arcore__footer h2,
.arcore__footer .devsite-landing-row-description {
  color: #fff !important;
}

.arcore__hero h2 {
  font: 900 92px / 84px 'Google Sans';
  text-shadow: #000 0 0 4px;
}

.arcore__hero p {
  color: #fff !important;
  font-weight: 600;
  text-shadow: #000 0 0 4px;
}

.arcore__hero .button {
  box-shadow: #000 0 0 12px;
}

@media screen and (max-width: 840px) {
  .arcore__hero h2 {
    font: 700 52px / 60px 'Google Sans';
  }

  .arcore__hero p {
    font-weight: 500;
  }
}

.arcore__video {
  height: auto;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: auto;
  z-index: -1;
}

.arcore__hero .devsite-landing-row-header {
  max-width: 720px;
}

.arcore__icon .devsite-landing-row-item-media {
  overflow: visible !important;
  position: relative;
}

.arcore__icon .devsite-landing-row-item-media::after {
  background: center / 36px no-repeat;
  bottom: -18px;
  content: '';
  height: 36px;
  left: calc(50% - 18px);
  position: absolute;
  width: 36px;
}

.arcore__icon--android .devsite-landing-row-item-media::after {
  background-image: url(/ar/images/ic_android@2x.png);
}

.arcore__icon--unity .devsite-landing-row-item-media::after {
  background-image: url(/ar/images/ic_unity@2x.png);
}

.arcore__icon--unreal .devsite-landing-row-item-media::after {
  background-image: url(/ar/images/ic_unreal@2x.png);
}

.arcore__icon--ios .devsite-landing-row-item-media::after {
  background-image: url(/ar/images/ios_icon.png);
}

.arcore__resources .devsite-landing-row-item-icon {
  font-size: 24px !important;
  height: 24px !important;
  width: 24px !important;
}

.arcore__news .devsite-landing-row-item {
  border: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  flex-direction: row-reverse;
}

.arcore__news .devsite-landing-row-item-description {
  padding: 44px 38px;
  width: 54%;
}

@media screen and (max-width: 840px) {
  .arcore__news .devsite-landing-row-item-description {
    width: 100%;
  }
}

.arcore__news .devsite-landing-row-item-media {
  display: flex;
  justify-content: center;
  width: 46%;
}

.arcore__news .devsite-landing-row-item-image {
  align-self: center;
  width: 100%;
}

.arcore__news--world .devsite-landing-row-item-media {
  background: #000;
  border-radius: 10px;
}

.arcore__news--world .devsite-landing-row-item-buttons {
  margin-top: 12px;
}

.arcore__banner.devsite-landing-row {
  padding: 24px 0;
}

.arcore__banner.devsite-landing-row a,
.arcore__banner.devsite-landing-row a:visited {
  color: #fff;
}

.arcore__banner.devsite-landing-row a {
  text-decoration: underline;
}

.arcore__banner.devsite-landing-row.devsite-landing-row-cta
.devsite-landing-row-item-description {
  max-width: 924px;
}

.color-scheme--dark .arcore__banner.devsite-landing-row a,
.color-scheme--dark .arcore__banner.devsite-landing-row a:visited {
  color: #000;
}

.arcore_community-background-top {
  background-image: url(/ar/images/case-studies/background-community-top.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.arcore_community-background-bottom {
  background-image: url(/ar/images/case-studies/background-community-bottom.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 600px) {
  .arcore_community-background-bottom {
    /* removes white line between sections on mobile */
    margin-top: -1px !important;
  }
  .arcore_community-background-bottom .devsite-landing-row-inner {
    /* adds padding to hackathon section on mobile */
    padding-top: 15px !important;
  }
}

.arcore_features-background-top {
  background-image: url(/ar/images/case-studies/background-features-top.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.arcore_features-background-top .devsite-landing-row-item-description {
  margin: auto !important;
}

.arcore_features-background-bottom {
  background-image: url(/ar/images/case-studies/background-features-bottom.png);
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 600px) {
  .arcore_features-background-bottom {
    /* removes white line between sections on mobile */
    margin-top: -1px !important;
  }

}

.arcore_community-card {
  border: none !important;
}

.arcore_sec-one {
  /* Adds the missing top padding to the first section of the page */
  padding: 64px !important;
}

.arcore_sec-one .devsite-landing-row-item-description {
  margin: auto !important;
}

@media screen and (max-width: 840px) {
  .arcore_sec-one {
    padding: 24px !important;
  }
}

@media screen and (max-width: 600px) {
  .arcore_sec-one {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .arcore-geospatial_sec-two .devsite-landing-row-item-description-content,
  .arcore_geospatial-aero .devsite-landing-row-item-description-content,
  .arcore_geospatial-unity .devsite-landing-row-item-description-content
   {
    /* adds padding to 1up sections */
    padding-right: 60px !important;
  }
}
.arcore_case_studies-catalog-hero {
  display: flex;
  align-items: center;
  height: 15rem;
  background-image: url(/ar/images/case-studies/background-casestudies.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.arcore_case_studies-catalog-hero .devsite-landing-row-inner {
  /* overrides center positioning of the main header for the partners page  */
  margin: 0 !important;
}

.arcore_features-bottom-cta .devsite-landing-row-inner {
  /* Allows positioning of CTA below items, instead of default positioning on the header of the row */
  display: flex !important;
  flex-direction: column-reverse;
}

.arcore_community-background-bottom {
  /* Allows positioning of CTA below items, instead of default positioning on the header of the row */
  display: flex !important;
  flex-direction: column-reverse;
}

.color-scheme--dark .arcore_logos-section .devsite-landing-row-group,
.color-scheme--dark .arcore_logos-section .devsite-landing-row-item-custom-image {
 background-color: lightgray;
}

.arcore_quote .devsite-landing-row-item-description {
  margin: auto !important;
}

.arcore_button-centered {
  margin: auto !important;
}

.devsite-collapsible-section {
  /* make lower nav sticky */
  transform: none !important;
}

.arcore_qoute-author {
  font-weight: 500;
  padding-bottom: 10px;
}
.devsite-card-content {
  /* align body across cards */
  display: flex !important;
  flex-direction: column !important;
}
.devsite-card-content .devsite-card-summary {
  /* align body across cards */
  margin-top: auto !important;
}

@media screen and (max-width: 600px) {
  .arcore_features-background-top .devsite-landing-row-item-body {
    /* Adds spacing between "ARCore fundamentals and media on mobile screens" */
    margin-top: 26px !important;
  }
}

@media screen and (max-width: 600px) {
  .devsite-footer-utility-button {
    /* moves "subscribe button on mobile below the newsletter call to action in the footer" */
    gap: 10px;
    flex-direction: column !important;
  }
}

.arcore-hackathons_cta .devsite-landing-row-header-buttons {
  /* removes whitespace shown on mobile in the hackathons section of the homepage */
  margin-top: -1px !important;
}

@media screen and (min-width: 1090px) {
  .acore__landing .arcore-divein .devsite-landing-row-group {
    grid: auto-flow/repeat(5,1fr) !important;
  }
}

/* ---- Geospatial Product page ---- */

.acore-geospatial__landing .arcore-geospatial_sec-two {
  background-color: #ebf7fe;
  padding-top: 64px !important;
}

.acore-geospatial__landing .arcore_geospatial-aero {
  background-color: #ebf7fe;
}

.acore-geospatial__landing .arcore_features {
  background-color: #ebf7fe;
}

.acore-geospatial__landing .arcore_sec-one-cards {
  background-color: #ebf7fe;
}

.acore-geospatial__landing .arcore-geospatial_divein {
  background-color: #ebf7fe;
  padding-top: 64px !important;
}

.color-scheme--dark .arcore-geospatial_divein {
  background-color: #3c4043;
}

.color-scheme--dark .arcore-geospatial_sec-two {
  background-color: #3c4043;
}

.color-scheme--dark .arcore_geospatial-aero {
  background-color: #3c4043 !important;
}

.color-scheme--dark .arcore_features {
  background-color: #3c4043;
}

.color-scheme--dark .arcore_sec-one-cards {
  background-color: #3c4043;
}

.acore-geospatial__landing .arcore-geospatial_sec-two .devsite-landing-row-item-description {
/* center description vertically */
  margin-top: auto;
  margin-bottom: auto;
}

.geospatial-logo-combo .devsite-landing-row-item-custom-image-icon {
  /* increase size of logos grouped together */
  width: 310px !important;
}

.geospatial-logo-single .devsite-landing-row-item-custom-image-icon {
  /* increase size of single logos */
  width: 110px !important;
}

.geospatial-logo-google_a_c .devsite-landing-row-item-custom-image-icon {
  /* increase size of google arts and culture logo */
  width: 230px !important;
}

.geospatial-logo-ntt .devsite-landing-row-item-custom-image-icon {
  /* increase size of google arts and culture logo */
  width: 180px !important;
}

.logos-size2 .devsite-landing-row-item-custom-image-icon {
  width: 150px !important;
}

.bird-logo .devsite-landing-row-item-custom-image-icon {
  /* increases size of bird logo without afecting aspect ratio */
  scale: 1.5 !important;
}


.acore-geospatial__landing .arcore-geospatial_divein .devsite-landing-row-group {
  grid-template-areas: 'a b c d';
}

.acore-geospatial__landing .arcore-geospatial_divein .devsite-landing-row-group .arcore-geospatial_dive_adobe {
  grid-area: b;
}

.acore-geospatial__landing .arcore-geospatial_divein .devsite-landing-row-group .arcore-geospatial_dive_unity {
  grid-area: c;
}

@media screen and (max-width: 600px) {
  .acore-geospatial__landing .arcore-geospatial_divein .devsite-landing-row-group {
    grid-template-areas: none;
  }

  .acore-geospatial__landing .arcore-geospatial_divein .devsite-landing-row-group .arcore-geospatial_dive_adobe {
    grid-area: auto;
  }

  .acore-geospatial__landing .arcore-geospatial_divein .devsite-landing-row-group .arcore-geospatial_dive_unity {
    grid-area: auto;
  }
}

.acore-geospatial__landing .arcore_logos-section {
  padding-top: 64px !important;
}

.acore-geospatial__landing .geospatial-build-section .devsite-landing-row-item-labels span {
  /* dificulty tags border radius */
  border-radius: 15px !important;
  padding: 5px 14px !important;
}

@media screen and (max-width: 600px) {
  .acore-geospatial__landing .arcore_sec-one .devsite-landing-row-item-body,
  .acore-geospatial__landing .arcore-geospatial_sec-two .devsite-landing-row-item-body {
    /* Adds spacing between titles and image geospatial */
    margin-top: 26px !important;
  }
}

.acore-geospatial__landing .arcore__footer .devsite-landing-row-header {
  /* Adds more vertical padding to the "get started" seciton  */
  padding: 100px !important;
}

.acore-geospatial__landing .arcore_features .devsite-landing-row-item-icon-container {
  /* sets features icon color to #1a73e8 */
  color: #1a73e8 !important
}

/* ---- The Latest on ARCore ---- */
.featured-text {
  background: #d2e3fc;
  border-radius: 50px;
  font-family: 'Roboto';
  font-size: 11px;
  font-weight: 500;
  margin-top: 26px !important;
  padding: 8px 24px;
  width: fit-content;
}

/* ---- How to create ---- */
.arcore_carousel-section {
  border: 1px solid #dadce0;
  border-radius: 8px;
  margin: 40px auto;
  padding: 40px 0 20px;
}

.geospatial-carousel-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  margin-bottom: 22px;
}

.geospatial-carousel-container > :nth-child(1) {
  width: 40%;
}

.geospatial-carousel-container > :nth-child(2) {
  border-radius: 8px;
  width: 50%;
}

.geospatial-carousel-title {
  color: var(--devsite-link-color);
  font-family: 'Google Sans';
  font-size: 32px;
}

.geospatial-carousel-description {
  font-size: 18px;
}

@media screen and (max-width: 600px) {
  .geospatial-carousel-container {
    flex-direction: column;
  }

  .geospatial-carousel-container > :nth-child(1) {
    width: 100%
  }

  .geospatial-carousel-container > :nth-child(2) {
    width: 100%
  }
}