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

/**************************************************
  #### UNITY EDITOR
**************************************************/

.unity-editor section#content{
  padding-bottom: 0px; padding-top: 0px;
}
.unity-editor .hero {
  padding: 120px 0 180px 0;
}
.unity-editor .hero:before {
  background-image: url(../../images/assets/backgrounds/unity-editor.jpg);
}
.unity-editor .extentions-table {
  border: #ececec 1px solid; border-bottom: 0; border-right: 0;
}
.unity-editor .extentions-table .ext {
  width: 33.333333334%; float: left; height: 36px; line-height: 36px; font-size: 0.875em; text-align: center; border-bottom: #ececec 1px solid; border-right: #ececec 1px solid;
}
.unity-editor ul.checkmarks {
  list-style-type: none; margin: 0 0 15px 0;
}
.unity-editor ul.checkmarks li:before {
  font-family: 'entypo-plus'; content: "\e908"; font-size: 0.8125em; position: absolute; top: 1px; left: 0; color: #8ac249;
}

/**************************************************
  #### UNITY MULTIPLATFORM
**************************************************/

.unity-multiplatform .hero {
  padding: 120px 0 180px 0;
}
.unity-multiplatform .hero:before {
  background-image: url(../../images/unity/multiplatform/unity-multiplatform.jpg);
}

div.platform-icon {
  width: 70px; height: 70px; padding: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 20px rgba(34,44,55,0.15); -moz-box-shadow: 0 0 20px rgba(34,44,55,0.15); box-shadow: 0 0 20px rgba(34,44,55,0.15);
}
div.platform-icon div.logo {
  background-color: transparent;
}
.unity-multiplatform section#content{
  padding-bottom: 20px;
}
.unity-multiplatform .unity-section {
  background: rgb(255,255,255); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 33%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 33%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 33%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}
.unity-multiplatform .unity-section .wrap {
  width: 100%; padding: 0; overflow: hidden;
}
.unity-multiplatform .unity-section div.devices {
  width: 100%; position: absolute; top: 0; bottom: 0;
}
section.content-wrapper {
  padding-top: 60px; padding-bottom: 60px; position: relative;
}
.unity-multiplatform #mobile-section div.devices {
  left: 58.3333333333%; background: url(../../images/unity/multiplatform/mobile-phones.png) 60px 50% no-repeat;
}
.unity-multiplatform div.vr-headsets img.headset {
  display: inline-block;
}
.unity-multiplatform #desktop-section div.devices {
  left: -58.3333333333%; background: url(../../images/unity/multiplatform/desktop-laptop.png) right 50% no-repeat; margin: 0 0 0 -60px;
}
.unity-multiplatform #web-section div.devices {
  left: -58.3333333333%; background: url(../../images/unity/multiplatform/web-browser.png) right 50% no-repeat; margin: 0 0 0 -60px;
}
.unity-multiplatform #tv-section {
  background: none; padding: 0 0 40px 0;
}
.unity-multiplatform #tv-section div.devices {
  left: 58.3333333333%; background: url(../../images/unity/multiplatform/tv-tv.png) 0 100% no-repeat;
}


.unity-multiplatform .top-icons .platform-icon { cursor: pointer; }
.unity-multiplatform .top-icons .np { cursor: auto; }
.unity-multiplatform .hidden { opacity: 0; visibility: hidden; }
.unity-multiplatform .inpage-nav { width: 100%; position: fixed; top: 0; z-index: 999; background: rgba(34,44,55,0.99); display: none; }
.unity-multiplatform .inpage-nav ul { float: left; list-style: none; }
.unity-multiplatform .inpage-nav ul li { float: left; margin: 0 20px 0 0; -webkit-backface-visibility: hidden; }
.unity-multiplatform .inpage-nav ul li a { height: 42px; line-height: 42px; display: block; float: left; text-transform: uppercase; color: #fff; text-decoration: none; }
.unity-multiplatform .inpage-nav ul li a:hover { text-decoration: underline; }

/* VR */
.vr section#content{ padding-top: 0; padding-bottom: 0; }
.vr-ar div.vr-headsets img.headset { display: inline-block; }

/**************************************************
  #### UNITY ROADMAP
**************************************************/

.unity-roadmap a.expand { display: block; float: none; }
.unity-roadmap a.expand:before, .unity-roadmap a.expanded:before { background-color: #222c37; }
.unity-roadmap .pa15 { padding: 15px 120px 15px 15px !important; }
.unity-roadmap .status { width: 100px; height: 100%; line-height: 52px; text-align: center; text-transform: uppercase; font-size: 0.6875em; position: absolute; top: 0; right: 0; border-left: #fff 1px solid; }
.s-discussing .status { background-color: #222c37; color: #fff; }
.s-testing .status { background-color: #00cccc; color: #fff; }
.s-released .status { background-color: #19e3b1; color: #fff; }
.s-designing .status { background-color: #fff600; color: #1b2229; }
.s-developing .status { background-color: #ff0066; color: #fff; }
.s-validating .status { background-color: #d10b92; color: #fff; }

/**************************************************
  #### UNITY QA
**************************************************/

.unity-qa.patchreleases section#content{ padding-bottom: 0px; }
.unity-qa .patch-releases .patch .head { padding: 20px; cursor: pointer; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; transition: background .2s ease; }
.unity-qa .patch-releases .patch .head:hover { background: #f5f8f9; }
.unity-qa .patch-releases .patch .head h4 { font-size: 1.5em; }
.unity-qa .patch-releases .expand:before, .unity-qa .patch-releases .expanded:before { top: 2px; font-size: 90%; }
.unity-qa .patch-releases .patch .notes { max-height: 500px; overflow: auto; border: #ececec 1px solid; border-bottom: 0; }

.test-tools { border-left: #ececec 1px solid; border-top: #ececec 1px solid; }
.test-tools .g4 { position: relative; z-index: 1; outline: transparent 2px solid; border-right: #ececec 1px solid; border-bottom: #ececec 1px solid; -webkit-transition: outline .2s ease; -moz-transition: outline .2s ease; transition: outline .2s ease; }
.test-tools .g4:last-child { border-right: #ececec 1px solid; }
.test-tools .g4:hover { outline: #002835 2px solid; border-color: transparent; z-index: 2; }


/****************************************
  ==== UNITY RELEASE NOTES
****************************************/

.full-release { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; }
.full-release .flex-column { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.full-release .stuck { position: fixed; top: 0; }
.node-type-unity-release footer.main-footer { background-color: #fff; }
.back-to-top { margin: 0; position: fixed; z-index: 1; bottom: 20px; right: 50px; display: none; }

/**************************************************
  #### UNITY ENGINE FEATURES
**************************************************/

.engine-features div.faq div.info { padding-bottom: 0; }

/****************************************
  ==== MEDIA QUERIES
****************************************/

@media only screen and (max-width: 1160px){

div.console-controllers img {
  width: 30%;
}

}

@media only screen and (min-width: 768px) and (max-width: 980px){

.unity-multiplatform div.vr-headsets img.headset {
  width: 20%;
}


}
@media only screen and (max-width: 767px){

/* Editor */
.unity-editor .hero { padding: 0 0 60px 0; }
.unity-editor .hero:before { background-image: url(../../images/assets/backgrounds/unity-editor-m.jpg); }

/* Multiplatform */
.unity-multiplatform .hero { padding: 0 0 60px 0; }
.unity-multiplatform .hero:before { background-image: url(../../images/unity/multiplatform/unity-multiplatform-m.jpg); }

.unity-multiplatform #mobile-section div.devices {
  background: none;
}
.unity-multiplatform div.vr-headsets img.headset {
  width: 16%;
}
.unity-multiplatform #desktop-section div.devices {
  background: none;
}
.unity-multiplatform #web-section div.devices {
  background: none;
}
.unity-multiplatform #tv-section {
  padding: 0 0 20px 0;
}
.unity-multiplatform #tv-section div.devices {
  background: none;
}
.unity-multiplatform .trailers .g4 { width: 50%; }
.unity-multiplatform .trailers .g4:last-child { display: none; }

.vr-ar div.vr-headsets img.headset { max-width: 30%; }

/* QA */
.unity-qa .patch .meta {  }
.unity-qa .patch .download { display: none; }
.unity-qa .patch .gray-btn { margin: 0 !important; }
.unity-qa .blog-header h1 { width: 100%; }
.unity-qa .blog-header .blue-btn { float: left !important; margin: 0 0 15px 0; }
.unity-qa.patchreleases .filter .g5 { width: 75%; }
.unity-qa.patchreleases .filter .g7 { width: 25%; }

.full-release .g3 { width: 100%; }
.full-release .g3 .bl { border: 0; border-top: #ececec 1px solid; padding-top: 20px !important; }
.full-release .g3 .pl30 { padding-left: 0 !important; padding-top: 20px; }

}
@media only screen and (min-width: 480px) and (max-width: 767px){

.unity-qa .g2 { width: 100%; }
.unity-qa .post .g3 { width: 20%; padding-right: 0; }
.unity-qa .post .g9 { width: 80%; }

}
@media only screen and (max-width: 479px) {

.unity-multiplatform div.vr-headsets img.headset {
  width: 25%;
}
.unity-multiplatform .trailers .g4 { width: 100%; }

div.editor-slider { height: 350px; }
div.editor-slider ul li.slide:before, div.editor-slider ul li.slide div.text p { display: none; }
div.editor-slider ul li.slide div.text { background: #222c37; background: rgba(34,44,55,0.85); padding: 20px; top: 0; text-align: center; }
div.editor-slider ul li.slide div.text h1 { margin: 0; }

.unity-qa .g2, .unity-qa .g3 { width: 100%; }
.unity-qa .post .g3 { display: none; }
.unity-qa .post .g9 { width: 100%; }
.unity-qa .patch div.right { display: none; }

.vr .g3 { width: 100%; }
.vr-ar div.vr-headsets img.headset { display: none; }

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

}