/*.story-hero[data-theme=deepmind]{background-color:#ff001e;}*/
.story-hero[data-theme=deepmind]{background-color:#00001e;background-image: url(/images/neurons.jpg);}
[data-dm-tmpl=milestones][data-theme=deepmind]{background-color: #00001e;}
.story-hero--gradient-wrap{top: 75vh;}
.story-hero[data-theme=deepmind] .story-hero--gradient{background:linear-gradient(to right,rgba(55,160,236,0) 0,rgba(247, 247, 247, 0.0) 7%,#00b8ff00 50%);}
.story-hero[data-theme=deepmind] .story-hero--item:not([data-story-item-state=active]) h1{color:#00001e8a}
.burger-btn--wrap:after{background-color:#00001e;}
.burger-btn span:after {background-color: #00dab5;}
.img-holder--publication, .img-holder--research {background-image: linear-gradient(0deg,rgba(83,66,169,0) 0,#5342a9 100%);}

.grad-map--publication:before, .grad-map--purple:before, .grad-map--research:before {background-color: #bb56e4;}
.grad-map--publication:after, .grad-map--purple:after, .grad-map--research:after {background-color: #adc71a;}

.grad-map--applied:before, .grad-map--green:before {background-color: #4cbec3;}
.grad-map--applied:after, .grad-map--green:after{background-color: #3c40ca;}

.bg-blue-1 {background-color: #00001e;}
.grad-map--blue:after, .grad-map--deepmind:after, .grad-map--external:after {background-color: #ffcc0e;}
.grad-map--blue:before, .grad-map--deepmind:before, .grad-map--external:before {background-color: #e5e5ff;}
.blue-3, [data-dm-tmpl=cookie-banner] .rich-text p a {color:#00dab5;}

.slider--scrollbar .swiper-scrollbar-drag {background-color: #00dab5;height: 5px;}

.nav-item--hover-applied .nav-mask{background-color: #01dab5;}
.nav-item--hover-applied .header .burger-btn--wrap, .nav-item--hover-applied .header:after{background-color: #01dab5;}
.site-nav--list-item.hover-active.site-nav--applied{background-color: #01dab5;}
.site-nav--applied .site-nav--sub-items{background-color: #01dab5;}

.nav-item--hover-deepmind .nav-mask{background-color: #01dab5;}
.nav-item--hover-deepmind .header .burger-btn--wrap, .nav-item--hover-deepmind .header:after{background-color: #01dab5;}
.site-nav--list-item.hover-active.site-nav--deepmind{background-color: #01dab5;}
.site-nav--deepmind .site-nav--sub-items{background-color: #01dab5;}

.nav-item--hover-research .nav-mask{background-color: #ff8500;}
.nav-item--hover-research .header .burger-btn--wrap, .nav-item--hover-research .header:after{background-color: #ff8500;}
.site-nav--list-item.hover-active.site-nav--research{background-color: #ff8500;}
.site-nav--research .site-nav--sub-items{background-color: #ff8500;}

[data-dm-tmpl=milestones][data-theme=deepmind] .section--header h1 {color:#00dab5;}
.no-touchevents .story-hero[data-theme=deepmind] .story-hero--item:not([data-story-item-state=active]):hover h1 {color: #00dab5;}
.heading--loader{background:#000042;}
.page-load-progress{background: rgba(255,255,0,0.4);}

.hero-cover--research {background-color: #0074ec;}

.header:not(.has-hero) .burger-btn--wrap, .header:not(.has-hero):after, .menu--is-open .header .burger-btn--wrap, .nav-item--hover .header .burger-btn--wrap, .nav-item--hover .header:after {}

.img-holder--publication, .img-holder--research {
    background-image: linear-gradient(0deg,rgba(97,5,5,0) 0,#140561 100%);
}

[data-dm-tmpl=image] figure .image--container video, [data-dm-tmpl=mp4] figure .image--container video {
    cursor: pointer;
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: 60vh;
    max-width: 800px;
}
[data-dm-tmpl=image] figure .image--container, [data-dm-tmpl=mp4] figure .image--container{
    position: relative;
}
[data-dm-tmpl=image-carousel] figure .image--container video {height: 100%;left: 0;object-fit: contain;max-height: 100%;max-width: 100%;width: 100%;}

pre.highlight{
background: #eee;
    font-family: Menlo,Consolas,Monaco,"Courier New",Courier,monospace;
    padding: 1em;
    font-weight: 400;
    overflow-x: scroll;
}

pre.highlight code{font-family: Menlo,Consolas,Monaco,"Courier New",Courier,monospace;}

[data-dm-tmpl=slideshow] figure {
  top: 50px;
}

[data-dm-tmpl=slideshow] .share {
  top: 10px;
}

.container img {max-width:100%;}

@media screen and (max-width: 63.9375em) {
  [data-dm-tmpl=slideshow] figure {
    top: 50%;
  }
}


.rich-text video{max-width:100%; background-color:#777;}
@media only screen and (max-width: 1024px) {
  [data-dm-tmpl=rich-text] .rich-text{overflow:visible;}
  .rich-text video{max-width:111.7635%;margin-left:-5.88229%;}
  main{overflow:hidden;}
  [data-dm-tmpl=image] figure .image--container video, [data-dm-tmpl=mp4] figure .image--container video {
    max-width:111.7635%;margin-left:-5.88229%;}
  [data-dm-tmpl=image-carousel] figure .image--container video {margin-left:0;}

}

[data-dm-tmpl=image] figure .image--container .icon, [data-dm-tmpl=mp4] figure .image--container .icon {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: currentColor;
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    transition: all .1s ease-in-out;
}

[data-dm-tmpl=image] figure .image--container .icon.icon-fullscreen, [data-dm-tmpl=mp4] figure .image--container .icon.icon-fullscreen {
    display: none;
}


[data-dm-tmpl=image] figure .image--container .icon, [data-dm-tmpl=mp4] figure .image--container .icon {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: currentColor;
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    transition: all .1s ease-in-out;
}

.no-touchevents [data-dm-tmpl=image]:hover .icon:not(.icon-arrow), .no-touchevents [data-dm-tmpl=mp4]:hover .icon:not(.icon-arrow) {
    opacity: 1;
    -ms-transform: none;
    transform: none;
}

.no-touchevents [data-dm-tmpl=image] figure .image--container .icon:hover, .no-touchevents [data-dm-tmpl=mp4] figure .image--container .icon:hover {
    opacity: .7;
}

.no-touchevents [data-dm-tmpl=image]:hover .icon:not(.icon-arrow), .no-touchevents [data-dm-tmpl=mp4]:hover .icon:not(.icon-arrow) {
    opacity: 1;
    -ms-transform: none;
    transform: none;
}

[data-dm-tmpl=image] figure, [data-dm-tmpl=mp4] figure {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

[data-dm-tmpl=image] figure .image--container .icon.icon-fullscreen-mobile, [data-dm-tmpl=mp4] figure .image--container .icon.icon-fullscreen-mobile {
    display: block;
}

.touchevents [data-dm-tmpl=image] figure .image--container .icon, .touchevents [data-dm-tmpl=mp4] figure .image--container .icon {
    opacity: 1;
    -ms-transform: none;
    transform: none;
    top: auto;
    right: 0;
    bottom: 100%;
}

@media screen and (min-width: 64.0625em)
[data-dm-tmpl=image] figure .image--container .icon, [data-dm-tmpl=mp4] figure .image--container .icon {
    top: 20px;
    right: 20px;
}

@media screen and (min-width: 48em) {
  [data-dm-tmpl=image] figure .image--container .icon.icon-fullscreen-mobile, [data-dm-tmpl=mp4] figure .image--container .icon.icon-fullscreen-mobile {
      display: none;
  }

  [data-dm-tmpl=image] figure .image--container .icon.icon-fullscreen, [data-dm-tmpl=mp4] figure .image--container .icon.icon-fullscreen {
    display: block;
  }
}

@media screen and (min-width: 64.0625em) {
  [data-dm-tmpl=image] figure .image--container .icon, [data-dm-tmpl=mp4] figure .image--container .icon {
      top: 20px;
      right: 20px;
  }
}

@font-face {
  font-family: "OCR A Std";
  src: url('/fonts/OCR-A-Std-Regular.ttf');
}

.story-hero {
    overflow: hidden;
    height: 100vh;
}

.story-hero--item-text {
    margin-top: 80vh;
}

.story-hero--logo {
    width: 256px;
    height: auto;
}

.site-nav {
    font-family: "OCR A Std";
}

section.story-hero .h4,  section.story-hero .rich-text h4 {
    font-family: "OCR A Std",Mikro,Helvetica,Arial,sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.6em;
}

.site-nav--list {
  display: inline-block;
}

.site-nav--list-right {
  float: right;
}

@media screen and (min-width: 64.0625em) {
  section.story-hero .g-lg-push-1 {
      margin-left: 0;
  }
}


.bg-blue-4 {
    background-color: #d5ad72;
}

.heading--careers {
    background-color: #52423b;
    border: 1px solid #52423b;
    box-shadow: 12px 0 0 #52423b, -12px 0 0 #52423b;
    color: #fff;
}

@media screen and (min-width: 64.0625em)
.heading--careers {
    box-shadow: 0.98039vw 0 0 #52423b, -0.98039vw 0 0 #52423b;
}

.btn {
    background-color: transparent;
    border: 1px solid #52423b;
    color: #52423b;
}

.btn:before {
    background-color: #52423b;
}

@media screen and (min-width: 48em){
  .g-md-push-1 {
      margin-left: 10%;
  }
}

@media screen and (min-width: 48em) {
  .three-up--item:first-of-type {
      margin-left: 2.94118%;
      margin-top: 0;
  }

  .three-up--item:nth-child(3n+1) {
      margin-left: 0;
      margin-top: 0;
  }
}

.header:not(.has-hero) .burger-btn--wrap, .header:not(.has-hero):after, .menu--is-open .header .burger-btn--wrap, .nav-item--hover .header .burger-btn--wrap, .nav-item--hover .header:after {
    background-color: #000000;
}

/* Hero mobile */
@media screen and (max-width: 47.9375em) {
  .story-hero {
    height: 56vh;
  }

  .story-hero--item-text {
    margin-top: 42vh;
  }

  section.story-hero .h4 {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 63.9375em) {

  .three-up--item:nth-of-type(even) {
    text-align: right;
    float: right;
  }

  .three-up--item:nth-of-type(even) .three-up--header {
    float: right;
  }
}