/* ====================================================
 * Company: Unity Technologies
 * Author:  Rickard Andersson, rickard@unity3d.com
======================================================= */

/**************************************************
  #### HERO
**************************************************/

div.hero div.gradient { z-index: 0; }
.g12.offices { z-index: 1; }
img.offices-img { position: absolute; top: -25px; left: 0; right: 0; max-height: 110%; }
.public-relations div.hero:before {
  background-image: url('../../images/company/pr/pr-hero.jpg');
}

/**************************************************
  #### STATS
**************************************************/

.stats-number { font-size: 2.5em; line-height: 0.2em; margin-top: 20px; }
.stats-text { font-size: 1.5em; }
.stats-text-sm { font-size: 1em; font-family: 'Open Sans', sans-serif; }
.br { box-sizing: border-box; border-right: 1px solid #fff; }

/**************************************************
  #### FAST FACTS
**************************************************/

.company-fastfacts section#content { padding-bottom: 0 !important; }
.company-fastfacts div.grid-wrapper { max-width: 1200px; }
.company-fastfacts div.game { width: 25%; height: 150px; padding: 0; }
.company-fastfacts div.game div.bg { width: 100%; height: 150px; overflow: hidden; }
.company-fastfacts div.game div.image { width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: auto 150px; -moz-background-size: auto 150px; background-size: auto 150px; -webkit-transition: -webkit-transform 0.6s ease-out; -moz-transition: -moz-transform 0.6s ease-out; -o-transition: -o-transform 0.6s ease-out; transition: transform 0.6s ease-out; }
.company-fastfacts div.game:hover div.image { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.company-fastfacts div.game div.hover { width: 100%; position: relative; }
.company-fastfacts div.game div.info { width: 100%; height: 150px; position: absolute; top: 0; left: 0; z-index: 10; background: rgba(34,44,55,0.7); font-size: 16px; text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.company-fastfacts div.game div.hover:hover div.info { opacity: 1; filter: alpha(opacity=100); }
.company-fastfacts div.game div.hover p.b { width: 90%; margin: 0 auto; padding: 55px 0 0 0; }
.company-fastfacts div.game div.hover p { width: 90%; margin: 0 auto; }

/**************************************************
  #### COMPANY NEWS
**************************************************/

.company-press .date { width: 15%; float: left; color: #999; font-size: 0.875em; }
.company-press .title { width: 85%; float: left; font-size: 0.875em; }
a.cn { font-size: 0.5em; text-decoration: underline; }

/**************************************************
  #### COMPANY BRAND
**************************************************/

.company-brand div.hero {
  height: 400px;
}
.company-brand div.hero:before {
  background-image: url(../../images/assets/backgrounds/hero.png);
}
.company-brand .toolbar .dl { height: 30px; line-height: 30px; float: right; font-size: 1em; margin: 5px 0 0 5px; padding: 0 10px; }
.company-brand .toolbar .dl span { font-size: 0.75em; text-transform: uppercase; }
.company-brand .toolbar .version { width: 40px; height: 40px; float: left; margin: 0 5px 0 0; display: inline; cursor: pointer; }
.company-brand .toolbar .icon { width: 40px; height: 40px; background: #fff url(../../images/assets/elements/brand-toolbar.png) 0 0 no-repeat; position: relative; }
.company-brand .toolbar .current .icon { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4); box-shadow: 0 0px 3px rgba(0,0,0,0.4); }
.company-brand .toolbar .pri { background-position: 0 0; }
.company-brand .toolbar .inv { background-position: -40px 0; }
.company-brand .toolbar .pro { background-position: -80px 0; }
.company-brand .toolbar .con { background-position: -120px 0; }

.company-brand .logo-wrapper img { padding: 13.3% 30%; }
.company-brand .logo-wrapper.logo-wrapper-mwu img { padding: 9.5% 30%; }
.company-brand #clearspace { padding: 23px 0; }
.company-brand #clearspace img { padding: 0 0%; margin: 0 auto; }
.company-brand #inverse, .company-brand #mwu-inverse { background: #000 }
/**************************************************
  #### PR DOWNLOADS
**************************************************/

.pr-downloads div.name { width: 60%; }
.pr-downloads div.meta { width: 40%; }

/**************************************************
  #### MEDIA QUERIES
**************************************************/

@media only screen and (max-width: 980px){
.company-press .date { width: 100%; margin: 0; }
.company-press .title { width: 100%; }
}

@media only screen and (min-width: 479px) and (max-width: 980px){
  div.stats div.br { border: hidden; }
  div.stats div.flex-column, div.stats div.flex-column div.g12 { padding: 0; }
  div.stats { margin-top: 60px; }
}

@media only screen and (max-width: 767px){
.pr-downloads div.name { width: 100%; }
.pr-downloads div.meta { width: 100%; }
.pr-downloads div.meta .ml20 { float: left !important; margin: 0 10px 0 0 !important; }
.company-brand .dont-images .g4 { width: 50% !important; }
.company-fastfacts .game:nth-child(7), .company-fastfacts .game:nth-child(8) { display: none; }
.br { border: none; }
img.offices-img { opacity: 0; }
.company-fastfacts div.hero { background-image: url(../../images/company/pr/offices-mob.png); background-size: cover; }
.company-brand div.hero {
  height: 250px;
}
.company-brand div.hero:before {
  background-position-y: 45px;
}
}

@media only screen and (max-width: 479px){
.company-fastfacts .fact { width: 100%; }
.company-fastfacts .stats .g8 .g3 { width: 50%; }
.company-fastfacts .game:nth-child(5),.company-fastfacts .game:nth-child(6),.company-fastfacts .game:nth-child(7), .company-fastfacts .game:nth-child(8) { display: none; }
}
@media only screen and (min-width: 600px) and (max-width: 900px){
.company-fastfacts div.grid-wrapper { max-width: 900px; }
.company-fastfacts div.game { width: 33.33333333334%; }
}
@media only screen and (min-width: 480px) and (max-width: 599px){
.company-fastfacts div.grid-wrapper { max-width: 600px; }
.company-fastfacts div.game { width: 50%; }
}
@media only screen and (max-width: 479px){
.company-fastfacts div.grid-wrapper { max-width: 300px; padding: 0 15px; }
.company-fastfacts div.game { width: 100%; }
}

/* New */
.growth-card {
  background-color: white;
  text-align: center;
  height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
}

.growth-facts .g4 {
  padding: 15px;
}

.growth-card h3 {
  font-weight: 700;
  font-size: 6em;
  color: #383838;
  margin-bottom: 0;
}

.growth-card h4 {
  font-weight: 700;
  font-size: 2.3em;
  color: #383838;
  margin-bottom: 0;
}

.growth-card p {
  margin-bottom: 0;
}

/****************************************
  ==== PLATFORM ICONS
****************************************/

/* div.platform-icon {
  width: 60px; height: 60px; margin: 5px; float: left; display: inline; padding: 5px; background: #fff;
} */
div.g-center div.platform-icon {
  float: none; display: inline-block;
}
div.platform-icon a, div.platform-icon div.logo {
  width: 50px; height: 50px; display: block; background-image: url(../../images/ui/sprites/platform-logos-v2.png); background-color: #fff;
}

div.platform-icon .wii-u {      	     background-position: 0 0px;     }
div.platform-icon .xbox-one {        	 background-position: 0 -50px;   }
div.platform-icon .oculus {          	 background-position: 0 -100px;  }
div.platform-icon .ar-core {      	   background-position: 0 -150px;  }
div.platform-icon .intel {      	     background-position: 0 -200px;  }
div.platform-icon .fb-gameroom {       background-position: 0 -250px;  }
div.platform-icon .hololens {          background-position: 0 -300px;  }
div.platform-icon .ios {      	       background-position: 0 -350px;  }
div.platform-icon .android {      	   background-position: 0 -400px;  }
div.platform-icon .universal-windows { background-position: 0 -450px;  }
div.platform-icon .vuforia {      	   background-position: 0 -500px;  }
div.platform-icon .steam-vr {          background-position: 0 -550px;  }
div.platform-icon .win {      	       background-position: 0 -600px;  }
div.platform-icon .web-gl {      	     background-position: 0 -650px;  }
div.platform-icon .google-cardboard {  background-position: 0 -700px;  }
div.platform-icon .ps-vita {      	   background-position: 0 -750px;  }
div.platform-icon .apple {      	     background-position: 0 -800px;  }
div.platform-icon .nintendo-switch {   background-position: 0 -850px;  }
div.platform-icon .nintendo-3ds {      background-position: 0 -900px;  }
div.platform-icon .psvr {      	       background-position: 0 -950px;  }
div.platform-icon .gearvr {      	     background-position: 0 -1000px; }
div.platform-icon .win-mixed-reality { background-position: 0 -1050px; }
div.platform-icon .xiaomi {          	 background-position: 0 -1100px; }
div.platform-icon .tvos {      	       background-position: 0 -1150px; }
div.platform-icon .arkit {      	     background-position: 0 -1200px; }
div.platform-icon .linux {      	     background-position: 0 -1250px; }
div.platform-icon .androidtv {      	 background-position: 0 -1300px; }
div.platform-icon .ps4 {      	       background-position: 0 -1350px; }
div.platform-icon .daydream {      	   background-position: 0 -1400px; }

@media only screen and (max-width: 1250px) {
  .growth-card h4 {
    font-size: 1.5em;
  }
}

/****************************************
  ==== RETINA IMAGES
****************************************/

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio:2){

  div.platform-icon a, div.platform-icon div.logo {
    background-image: url(../../images/ui/sprites/platform-logos-v2@2x.png); -webkit-background-size: 50px 1450px; -moz-background-size: 50px 1450px; -o-background-size: 50px 1450px; background-size: 50px 1450px;
  }

}