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

/**************************************************
  #### GET UNITY: DOWNLOAD
**************************************************/

.unity-download .flex-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.unity-download .flex-column { padding: 10px 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.unity-download .btn.xl { padding: 20px 60px; }

.unity-download div.dropdown { height: 0; overflow: hidden; background: #fff; text-align: left; position: absolute; top: 26px; left: -10px; right: -10px; z-index: 17; -webkit-box-shadow: 0 1px 20px rgba(34,44,55,0.3); -moz-box-shadow: 0 1px 20px rgba(34,44,55,0.3); box-shadow: 0 1px 20px rgba(34,44,55,0.3); }
.unity-download div.open { height: auto; overflow: visible; border-top: #002835 5px solid; font-weight: 300; }
/*.unity-download div.open:before { content: ''; display: block; position: absolute; top: -20px; left: 40px; border: transparent 8px solid; border-bottom-color: #002835;  }*/
.unity-download div.dropdown .content { padding: 10px 15px; }
.unity-download .dropdown-wrap .lbl { cursor: pointer; }
.unity-download .dropdown-wrap .lbl:after { content: ''; display: block; position: absolute; top: 5px; right: -11px; border: transparent 4px solid; border-top-color: #002835; }

.unity-download .release-box p {font-size: 1em;}

.unity-download .download-wrap .btn {float: none; width: 50%;}
.unity-download .download-wrap .text {text-align: center; width: 50%;}
.unity-download .download-wrap .get-hub.text {margin-top: 15px;}

/**************************************************
  #### GET UNITY: THANK YOU
**************************************************/

.blog-posts .post a { position: relative; z-index: 1; outline: transparent 2px solid; border: #ececec 1px solid; border-right: 0; -webkit-transition: outline .2s ease; -moz-transition: outline .2s ease; transition: outline .2s ease; }
.blog-posts .post:last-child a { border-right: #ececec 1px solid; }
.blog-posts .post a:hover { outline: #002835 2px solid; border-color: transparent; z-index: 2; }
.blog-posts .post img { width: 100px; height: 100px; margin: 0 auto; }

.latest-tutorials img { position: absolute; top: 0; left: 0; }

.latest-showcase a { width: 100%; display: block; float: left; overflow: hidden; z-index: 2; padding: 0 1px 1px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.personal .icon, .professional .icon { margin: 0 auto 10px auto; }

.benefits .benefit { width: 33.3333333334%; padding: 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.benefits .benefit a { width: 100%; display: block; color: #455463; padding: 20px 0 20px 50px; font-size: 1.0625em; background: url(../../images/assets/icons/yes.png) 15px 20px no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: transparent 2px solid; -webkit-transition: outline .2s ease; -moz-transition: outline .2s ease; transition: outline .2s ease; }
.benefits .benefit a:hover { outline: #002835 2px solid; border-color: transparent; z-index: 2; }

/**************************************************
  #### UNITY DOWNLOAD ARCHIVE
**************************************************/

.unity-download .select-box .options {
  width: 280px;
}
.unity-download .archive .row:hover {
  background: #f0f0f0;
}

/**************************************************
  #### UNITY RELEASE NOTES & WHATS NEW
**************************************************/

.notes h3 { margin: 30px 0 10px 0; font-size: 1.6875em; line-height: 1.2em; color: #1b2229; font-family: 'avalonbold'; text-transform: uppercase; }
.notes h3:first-of-type { margin: 0 0 10px 0; }
.notes h4 { padding: 20px 0 0 0; }
.notes ul { list-style-type: none; }
.notes ul li { padding: 0 0 8px 20px; background: none; position: relative; font-size: 0.9375em; }
.notes ul li:before { content: "\2022"; font-size: 1.75em; position: absolute; top: 0; left: 0; color: #455463; }
.notes ul li ul { padding: 7px 0 0 0; }
.notes ul li ul li { font-size: 1em; }
.notes ul li ul li:before { content: "\2022"; font-size: 1.75em; position: absolute; top: 0px; left: 0; color: #455463; }
.notes ul li ul li ul { padding: 7px 0 0 0; }
.notes ul li ul li ul li { font-size: 1em; }
.notes ul li ul li ul li:before { content: "-"; font-size: 1.15em; position: absolute; top: -2px; left: 0; color: #455463; }

.whatsnew-menu .notes-list { border-top: #002835 1px solid; padding: 15px 0 0 0; }

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

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

.unity-download .archive .row .g4, .unity-download .archive .row .g8 { width: 100%; }
.unity-download .archive .row .sb { float: left !important; margin: 0 0 10px 0; }
.unity-download .archive .row .btn { float: left !important; margin: 0 10px 10px 0; }
.unity-download .archive .row h1 { font-size: 1.75em; }

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

.benefits .benefit { width: 50%; }
.specs .filler { display: none; }
.side .pl30 { padding-left: 0 !important; }
.side .bl { border: 0; }
}
@media only screen and (max-width: 479px) {
.benefits .benefit { width: 100%; }
.blog-posts .post { width: 100%; }
.latest-tutorials .g3 { width: 100%; }
div.fullwidth-tabs { padding: 0 10px; }
div.fullwidth-tabs ul li { width: 100%; }
.models-wrapper .model .action .gray-btn { padding: 0 20px; }
.enterprise .check { width: 100%; }
.resources ul li { width: 50%; }

}

/*****************
Latest Showcase hover animation
*****************/

.latest-showcase div a {z-index: 2; position: relative; overflow: hidden; }
.latest-showcase div a .rel {overflow: hidden; z-index: 1; }
.latest-showcase div a .img-content { max-height: 189px; overflow: hidden; background-repeat: no-repeat;}
.latest-showcase div a .img-content img { -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; margin: 0 auto; max-width: 100%; }
.latest-showcase div a .img-content:hover { max-height: 189px; overflow: hidden; z-index: 1;}
.latest-showcase div a .img-content:hover img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.update div a .img-content { max-height: 124px;}
@media only screen and (min-width: 1120px){
    .update div a .img-content {height: 0; padding-bottom: 56.25%;}
}
.update div a .img-content img {margin: 0 auto; max-width: 100%;}
@media (min-width: 767px) and (max-width: 1120px){
    .latest-showcase div a .img-content {height: 0; padding-bottom: 56.25%;}
}