/* --------------------------------------------------- backdrop containing splash image */
#review_backdrop { 
    position:absolute; top:0;left:0;width:100%;height:100%; z-index:0; 
    background-color:inherit;
    overflow:hidden;
    /*background-image:linear-gradient( 0deg, rgba(45,50,55, .01), rgba(0,0,0,.3) 50%, rgba(0, 0, 0, .8) 95% ); */
} 
#review_backdrop * { 
            transition: all 0.4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s; 
         -o-transition: all 0.4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s; 
       -moz-transition: all 0.4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s; 
    -webkit-transition: all 0.4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s; 
}

#review_backdrop img.bg { width:100%; height:auto; opacity:1; z-index:1; } 

/* mobile defaults */
#review_backdrop img.bg { transform:scale(3); }
@media only screen and (min-width:625px)  { #review_backdrop img.bg { transform:scale(1.7); } }
@media only screen and (min-width:925px)  { #review_backdrop img.bg { transform:scale(1.2); } }
@media only screen and (min-width:1120px) { #review_backdrop img.bg { transform:scale(1); } }
/* END ----------------------------------------------- backdrop containing splash image */



/* ------------------------------------------- review content and nested flex container */
#review-content { width:100%; margin:0 auto; }
#review-content .flex-container { 
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display:flex; 
    flex-direction:row; 
    -webkit-flex-direction:row; 
}
/* END --------------------------------------- review content and nested flex container */



/* -------------------------------------------------------------- review header element */
#review_header { position:relative; letter-spacing:.15em; color:#fff; text-align:center; text-transform:uppercase; }
#review_header img { position:absolute;top:0;left:0;width:100%; height:auto; }
#review_header ul { list-style-type:none; font-weight:400; margin:0; padding:0; }
#review_header li { display:inline-block;padding:2px 10px; width:50%; vertical-align:top; }
#review_header li:first-child { text-align:right; }
#review_header li:last-child { text-align:left; border-left:1px solid #ececec; }
#review_header a { color:#00deff; text-decoration:underline; font-weight:inherit; }
#review_header a:hover { color:#c9d9ee; }

/* mobile defaults */
#review_header { padding:50px 20px 75px; }
#review_header ul { font-size:.6em; }

@media only screen and (min-width:625px)  { #review_header { padding:100px 30px 75px;  } #review_header ul { font-size:.8em; } }
@media only screen and (min-width:925px)  { #review_header { padding:150px 30px 100px; } }
@media only screen and (min-width:1120px) { #review_header { padding:200px 30px 125px; } }
/* END ---------------------------------------------------------- review header element */



/* --------------------------------------------------- game title within header element */
#game_title { font-weight:400; font-size:.8em; } 
@media only screen and (min-width:625px) { #game_title { font-size:1em; } }
/* END ----------------------------------------------- game title within header element */



/* ---------------------------------------------- review subtitle within header element */
#review_subtitle { 
    margin:10px 0; 
    font-size:2em; 
    font-family:'Roboto'; font-weight:700; 
    text-shadow: 1px 1px 4px rgba(0,0,0,.8); 
}
@media only screen and (min-width:625px) { #review_subtitle { font-size:3.5em; } }
/* END ------------------------------------------ review subtitle within header element */



/* ---------------------------------------------- details section for desktop platforms */
.platforms { }
.platforms ul { list-style-type:none; margin:0; width:100%; padding:0; font-size:0; position:relative; }
.platforms li { display:inline-block; text-align:center; padding:10px; margin:1px; }
.platforms li img { width:35px; height:auto; margin:0 auto; vertical-align:middle; }

.desktop-details { font-size:16px; color:#999; padding-top:5px; text-align:left; }
.desktop-details .t { font-weight:300; font-size:.9em; }
.desktop-details .v { font-weight:700; margin-bottom:30px; font-size:1.2em; }
.desktop-details .v:last-child { margin-bottom:50px; }

.desktop-platforms { position:relative; overflow:hidden; }
.desktop-platforms.platforms li { display:block; text-align:center; padding:10px; margin:0 0 1px 0; }
.desktop-platforms.platforms li img { width:55px; z-index:10; }
.desktop-platforms .sub { font-size:10px;color:#999;margin-top:8px; text-transform:uppercase;font-weight:500; }
/* END ------------------------------------------ details section for desktop platforms */



/* ----------------------------------------------- details section for mobile platforms */
.mobile-details { font-size:11px; color:#999; padding:7px 0; text-align:center; }
.mobile-details .t { font-weight:700; }
.mobile-details .v { font-weight:300; font-size:.9em; }
.mobile-details ul { list-style-type:none; margin:0; padding:0; }
.mobile-details li { display:inline-block; padding:10px; }
/* END ------------------------------------------- details section for mobile platforms */



/* ------------------------------------------------------- page container, content card */
.page-container .card { background-color:#fff; padding:35px; } 
@media only screen and (min-width:625px) { .page-container .card { padding:55px; } } 
@media only screen and (min-width:925px) { .page-container .card { padding:25px; } }
/* END --------------------------------------------------- page container, content card */


/* ------------------------------------------------- content box: contains text, images */
.content-box { position:relative; z-index:5; } 
.content-box .section_text { padding:0; margin-bottom:2.5em; letter-spacing:.1em; color:#000; }
.content-box .section_title { text-align:center; font-family:"Roboto Condensed"; font-weight:400; margin:.5em 0; }
.content-box img { width:100%;height:auto; }

/* fix for legacy WP content */
.content-box .game-title, 
.content-box i, 
.content-box em { font-family:"Roboto"; font-style:italic; font-weight:300; }

.content-box { padding:0px; }
.content-box .section_title { font-size:1.7em; }
.content-box .section_text { line-height:1.5em; font-size:.8em; }

@media only screen and (min-width:625px)  { .content-box .section_title { font-size:2em; } .content-box .section_text { line-height:1.8em; font-size:1em; } }
@media only screen and (min-width:925px)  { .content-box .section_title { font-size:2.7em; } .content-box { margin:0 25px; } }
@media only screen and (min-width:1120px) { .content-box .section_title { font-size:3.3em; } }
/* END --------------------------------------------- content box: contains text, images */


.console-text { font-size:10px; margin:9px 0; color:#999; font-weight:300; }
@media only screen and (min-width:925px) { .console-text { font-size:14px; font-weight:600; } }

/* ------------------------------------------------------------------- rating container */
#rating-container { padding:5%;margin-top:35px; border:1px solid #ececec; background-color:rgba(255,255,255,.7); z-index:5; text-align:center; position:relative; }
#rating-container img { vertical-align:bottom; height:auto; width:30%; }
@media only screen and (min-width:625px) { 
    #rating-container { margin-top:50px; } 
    #rating-container img { width:20%; } 
}
@media only screen and (min-width:925px) { 
    #rating-container { width:130%; margin-left:-15%; }
}
/* END --------------------------------------------------------------- rating container */



/* ------------------------------------------------- trailer section: contains bookend image */
#trailer { background-color:#fff;position:relative; z-index:0; margin-top:-115px; font-size:0; }
#trailer img { width:100%;height:auto; vertical-align:bottom; }
#trailer-mask {
    position:absolute;top:0;bottom:0;left:0;right:0;
    background-image:linear-gradient( 0deg, rgba(250,250,250, .0) 50%, rgba(250, 250, 250, 1) 95% ); 
}
@media only screen and (min-width:925px) { #trailer { margin-top:-155px; } }
/* END --------------------------------------------- trailer section: contains bookend image */



/* ------------------------------------------------- pull_quote */
.decision   { line-height:1.5; font-weight:700; font-family:'Roboto Condensed'; color:#00a7e8;text-align:center; margin:10px 0; font-size:1em; }
.pull_quote { line-height:1.5; font-weight:700; font-family:'Roboto Condensed'; color:#00a7e8;text-align:center; text-transform:uppercase; }
.pull_quote { width:90%; margin:30px auto; background-color:rgba(255,255,255,.7);border:1px solid #ececec; padding:40px 30px;  font-size:.9em; }
@media only screen and (min-width:925px) { 
    .pull_quote { font-size:1.5em; width:120%; margin:50px auto 50px -10%; } 
    .decision { font-size:1.4em; }
}
/* END --------------------------------------------- pull_quote */



/* ----------------------------------------------------------- mobile: game information */
#mobile-meta { padding:10px 0; background-color:rgba(0,0,0,.4); text-align:center; }
#mobile-meta > div { vertical-align:top; }
#mobile-meta { display:block; }
@media only screen and (min-width:925px) { #mobile-meta { display:none; } }
/* END ------------------------------------------------------- mobile: game information */



/* ------------------------------------------------ desktop: game information, column 1 */
.desktop-col-1{ display:none; }
@media only screen and (min-width:925px) { .desktop-col-1 { display:block; flex:0 0 160px; } }
/* END ------------------------------------------------------ desktop: game information */



/* ------------------------------------------------------------- desktop: column 3, ads */
.desktop-col-3 { height:600px; background-color:rgba(0,0,0,.4); position:relative; overflow:hidden; display:none; }
.desktop-col-3 img.bg { opacity:.4; position:absolute; top:0;left:0; z-index:0; }
@media only screen and (min-width:925px) { .desktop-col-3 { display:block; flex:0 0 160px} }
/* END --------------------------------------------------------- desktop: column 3, ads */



/* ---------------------------------------------------------------------- flick gallery */
.gallery-buffer { padding:3em 0; background-color:rgba(0,0,0,.3); }
#review-gallery { width: 100%; height:0; position:relative; padding-bottom:44%; background-color:transparent; }
#review-gallery .flickity-viewport { position: absolute; width: 100%; }
#review-gallery .c { height:100%; width:80%; margin:0 10px 0 0;} 
#review-gallery .c .mask { background-color:rgba(0,0,0,.75); position:absolute;top:0;right:0;left:0;bottom:0; } 
#review-gallery .c.is-selected .mask { background-color:transparent; } 
#review-gallery .c img { width:100%; }
.flickity-prev-next-button { width:75px; height:75px; }
.flickity-prev-next-button.next { display:none; }
.flickity-prev-next-button.previous { display:none; }
@media only screen and (min-width:625px) { 
    .flickity-prev-next-button.next { display:block; right: -6px; }
    .flickity-prev-next-button.previous { display:block; left: -6px; }
}
@media only screen and (min-width:800px) { 
    .flickity-prev-next-button.next { display:block; right: 0px; }
    .flickity-prev-next-button.previous { display:block; left: 0px; }
}
@media only screen and (min-width:925px) { 
    .flickity-prev-next-button.next { right: 15px; }
    .flickity-prev-next-button.previous { left: 15px; }
}
/* END ------------------------------------------------------------------ flick gallery */




/*
     FILE ARCHIVED ON 15:29:05 Apr 28, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:40:49 Apr 26, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.583
  exclusion.robots: 0.068
  exclusion.robots.policy: 0.059
  cdx.remote: 0.053
  esindex: 0.009
  LoadShardBlock: 50.745 (3)
  PetaboxLoader3.datanode: 81.422 (4)
  load_resource: 121.99
  PetaboxLoader3.resolve: 60.681
*/