/*
Theme Name: Trion Corporate 2015
Author: Trion
Author URI: //trionworlds.com/
Description: The Trion Corporate theme for WordPress is a custom HTML5 theme
Version: 1.0
*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
/*all style 0px and up here*/
body{margin:0 auto;padding:0;background:#1f1f1f;font-size:5vw;font-family:'Source Sans Pro',sans-serif;}
h1,h2,h3,h4,h5,h6,[role="menu"] a{font-family:'Quantico',sans-serif;}
.clear{clear:both;height:0;overflow:auto;zoom:1;}

a{text-decoration:none;color:#FFF;}
a:hover{text-decoration:underline;color:#FFF;}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);-moz-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-weight:bold;height:auto;line-height:normal;padding:15px 23px 14px;position:absolute;left:5px;top:5px;text-decoration:none;width:auto;z-index:100000}
.hide-text{text-indent:200%;white-space:nowrap;overflow:hidden}
input{color:#000;}
a{-webkit-transition:border-color 0.3s ease-in-out,background-color 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;transition:border-color 0.3s ease-in-out,background-color 0.3s ease-in-out,transform 0.3s ease-in-out;}
a.more,button, .btn{font-family:'Quantico',sans-serif;font-weight:bold;font-size:0.8em;margin-top:0.4em;text-transform:uppercase;padding:6px 1.2em 4px 1.2em;background:#333;border:1px solid #999;-webkit-box-shadow:0 1px 1px 0 #111;-moz-box-shadow:0 1px 1px 0 #111;box-shadow:0 1px 1px 0 #111}
.btn {font-size: 1.4em;}
a.more:hover,button:hover, .btn:hover{color:#FFF;text-decoration:none;background-color:#351c21;border-color:#ae2229;}
.btn[disabled]:hover{color:#FFF;text-decoration:none;background-color:#333;border-color:#999;cursor:not-allowed;}
.wrapper{clear:both;position:relative;width:100%;margin:0 auto;background:transparent;color:#FFF;overflow:hidden;}
.wrapper,.glyph-nav,.cookie-compliance-message{max-width:1140px;}
.cookie-compliance-container{z-index:1000;padding:0 4%;position:fixed;top:0;color:#fff;background:rgba(64,64,64,0.9);border-bottom:1px solid #ae2229;-webkit-box-shadow:0 0 0 1px #000;-moz-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000;font-size:1em;width:92%;}
.cookie-compliance-container .hide-cookie-compliance{margin-bottom:1em;}
h1.main-logo{position:relative;margin:0 auto;max-width:450px;width:80%;top:-15px;}
h1.main-logo a{
  display: block;
  background: url(//webcdn.triongames.com/trion/images/trion-logo-top.png) no-repeat scroll 0 0 / 100% 100%;
  height: 0;
  padding-bottom: 38.08219%;
  width: 100%;
}
.graphical-header .glyph-logo{position:relative;margin:0 auto;padding:70px 0 0 0;max-width:168px;width:100%;top:0px;}
.graphical-header .glyph-logo span{
  display:block;
  background:url(//webcdn.triongames.com/trion/images/glyph-logo.png) no-repeat scroll 0 0 / 100% 100%;
  height:0;max-width:168px;padding-bottom:141.07143%;width:100%;
}
.glyph-copy{padding:3% 2% 0 2%;}
/*
display:block;margin-bottom:0;background:url(//webcdn.triongames.com/archeage/img/trion-logo2.png) no-repeat scroll center top / 100% 100%;height:0;padding-bottom:29.22078%;}
*/
h2{text-transform:uppercase;font-size:1.750em}
.center{margin:0 auto;text-align:center;}
.top-banner{
/*scaling version*/
/*position:relative;background:url(//webcdn.triongames.com/trion/images/top-bg.jpg) no-repeat scroll center top / 100% 100%;height:0;max-width:1920px;padding-bottom:17.86458%;width:100%;*/
/*specific size version*/
position:relative;background:url(//webcdn.triongames.com/trion/images/top-bg.jpg) no-repeat scroll center -100px / 1920px 343px;
height:230px;
}
.glyph-nav{margin:0 auto;padding:1em;text-align:right;font-size:0.875em;letter-spacing:1px;}
.glyph-nav ul,.header-nav ul,.footer-nav ul{padding:0;margin:0 auto;color:#FFF;}
.glyph-nav ul li,.header-nav ul li,.footer-nav ul li{display:inline;}
.glyph-nav ul li a{padding:4px 9px;margin:0 1em 0 0;display:inline-block;}
.glyph-nav ul li.target{float:right;position:relative;}
.glyph-nav ul li.target a{background:#000;margin:0;}
.glyph-nav ul li.target a.language{position:relative;padding:4px 8px;border:1px solid #999;display:block;}
.glyph-nav ul li.target a.language:after{position:absolute;content:"\25B6";right:9px;top:3px}
.glyph-nav ul li.target:hover a.language:after{content:"\25BC";top:4px;}
.glyph-nav ul li.target a{min-width:72px;text-align:left;}
.glyph-nav ul li.target a:hover{color:#FFF;background-color:#ae2229;text-decoration:none;}
.glyph-nav ul li.target ul.sub{display:none;z-index:1;position:absolute;left:0;border:1px solid #999;border-top:none;}
.glyph-nav ul li.target:hover .sub{display:block}
.glyph-nav ul li.target:hover a.language{border-bottom:none;}
.glyph-nav ul li.target ul.sub li,.glyph-nav ul li.target ul.sub li a{display:block;}
.glyph-nav ul li.target ul.sub li a{margin:0;min-width:70px;}
.social-nav{clear:both;width:100%;position:relative;}
.social-nav a{display:inline-block;background:transparent url(//webcdn.triongames.com/trion/images/social-logos.png) no-repeat scroll 0 0;background-size:300.00000% 100.00000%;height:0;padding-bottom:29%;width:29%;margin:2%;}
.social-nav .twitch{background-position:0 0;}
.social-nav .twitter{background-position:50% 0;}
.social-nav .facebook{background-position:100% 0;}
.footer-nav{padding:0;}
.footer-nav,.footer-copyright{font-size:0.875em;clear:both;}
.footer-nav,.footer-logos,.footer-copyright{margin:0 0 2% 0;}
.footer-nav ul{margin:0;}
.footer-nav li,.footer-logos div{display:inline-block;}
.footer-nav ul li{padding:0 4% 0 0;}
.footer-logos div{margin-right:24px;}
.footer-logos .trion{max-width:203px;width:100%;}
.footer-logos .trion a,.footer-logos .trion span{background:transparent url(//webcdn.triongames.com/trion/images/trion-logo.png) no-repeat scroll center top / 100% 100%;display:block;height:0;margin-bottom:0;padding-bottom:28.07882%;}
.footer-logos .privacy-certified{max-width:48px;width:100%;}
.footer-logos .privacy-certified a{background:transparent url(//webcdn.triongames.com/common/ratings/privacy_certified.gif) no-repeat scroll center top / 100% 100%;display:block;height:0;margin-bottom:0;padding-bottom:134.21053%;}
.navigation{padding:1em 0;}
/*.content-wrap{padding-top:2em;}*/
.content-wrap h2.header-text,.graphical-header h2.header-text{margin:0;}
.home-news{padding:2em 0;}
/*glyph page custom styles*/
.graphical-header .header-container
{
  position:relative;border-bottom: 1px solid #ae2229;-webkit-box-shadow:0 7px 14px 0px #111;-moz-box-shadow:0 7px 14px 0px #111;box-shadow:0 7px 14px 0px #111;
}
.graphical-header.glyph-header .header-container{
  color:#FFF;min-height:190px;background:transparent url(//webcdn.triongames.com/trion/images/crosshatch-bg.png) repeat scroll 0 0;
}
.content-wrap.games .posts{margin-top:3em;}
/* == WordPress WYSIWYG Editor Styles == */

img{max-width:100%;height:auto;}
iframe{max-width:100%;}
.entry-content img {
  margin: 0 0 1.5em 0;
  }
.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
  }
.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
  }
.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
  }
.alignnone, img.alignnone {
  clear:both;display:block;margin:0 auto;
  }
img.size-full{max-width:100%;height:auto;}
.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
  }
.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
  }
.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
  }
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
  }
blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
  }
blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
  }
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

.flexslider-bottom-nav{display:none;}
.page-template-homepage-php .graphical-header{position:relative;}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  overflow:hidden;
}
#slider.flexslider{margin:-70px auto 0 auto;position:relative;max-height:580px;text-align:center;max-width:1920px;z-index:0;}
#slider.flexslider img {
  background:url(//webcdn.triongames.com/trion/images/games-bg-6.jpg) 0 0 no-repeat scroll transparent;
  background-size:cover;
  height:0;
  width:100%;
  margin-top:70px;
  padding-bottom:59.53307%;
  overflow:hidden;
  /* Do not scale the image */
  /* Center the image within the element */
  object-fit:none;
  object-position:center;
}

.flex-active-slide{transition:all 0.3s ease;}
#slider.flexslider ul{margin:0;padding:0;}
#slider.flexslider .slide-game-details{display:none;}
#slider.flexslider .slide-game-details
{
  background:none;
  box-shadow:none;
  display:block;
  height:0;
  left:0;
  margin:0 auto;
  padding:0;
  position:relative;
  top:-100px;
  width:100%;
}
#slider.flexslider .slide-game-details p
{
  padding:1em;
  margin:0;
  text-align:left;
  color:#FFF;
}



#slider.flexslider .slide-game-details p.slide-game-logo{padding-bottom:0;}
#slider.flexslider .slide-game-details p.slide-game-logo,
#slider.flexslider .slide-game-details p.slide-game-info{display:none;}
#slider.flexslider .slide-game-details p.slide-game-link{text-align:center;  position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%); -webkit-transform:translateX(-50%);width: 100%;}
p.slide-game-link a.more{font-size:1.1em;padding:5px 3em;}
#slider.flexslider .slide-game-details img
{
  background:none;
  width: auto;
  height: 48px;
  margin:0 auto;
  display:block;
  object-fit: initial;
  object-position: initial;
}
#slider.flexslider .slide-game-details.atlasreactor img{width:85%;height:auto;margin:-65px auto 0;}
#slider.flexslider .slide-game-details.devilian img{width:86%;height:auto;margin:-55px auto 0;}
#slider .flex-direction-nav,#carousel .flex-direction-nav{display:none;}
.graphical-header .flexslider-bottom-nav .wrapper{position:relative;bottom:-44px;margin-bottom:0}
#carousel.flexslider .slides{list-style:none;margin:0;padding:0;}
#carousel.flexslider .slides li:hover{
  -webkit-box-shadow:inset 0 0 0 2px #C3262D;
  -moz-box-shadow:inset 0 0 0 2px #C3262D;
  box-shadow:inset 0 0 0 2px #C3262D;
  border: 2px solid rgba(0,0,0,0.8);
  cursor:pointer
}
#carousel.flexslider .slides li{float:left !important;text-align: center;height: 60px;padding: 15px 0;border: 2px solid rgba(50,50,50,0.8); margin: 0 10px;}
#carousel.flexslider .slides li img[src*='rift']{width:62% !important;}
#carousel.flexslider .slides li:first-child{margin-left:0;}
#carousel.flexslider .slides li:last-child{margin-right:0;}
#carousel.flexslider .slides li img{
position:relative;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
margin-top:31px;
width:80%;
-webkit-backface-visibility: hidden;
outline: 1px solid transparent;
}

#carousel.flexslider .slides li.flex-active-slide{
-webkit-box-shadow: inset 0 0 0 2px #C3262D,inset 0 0 0 3px #f08d00;
-moz-box-shadow: inset 0 0 0 2px #C3262D,inset 0 0 0 3px #f08d00;
box-shadow: inset 0 0 0 2px #C3262D,inset 0 0 0 3px #f08d00;
border: 2px solid rgba(0,0,0,0.8);
background: #130000; /* Old browsers */
background: -moz-linear-gradient(top,  #130000 0%, #270101 57%, #440000 66%, #b61e00 91%, #b61e00 91%, #ffa200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#130000), color-stop(57%,#270101), color-stop(66%,#440000), color-stop(91%,#b61e00), color-stop(91%,#b61e00), color-stop(100%,#ffa200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #130000 0%,#270101 57%,#440000 66%,#b61e00 91%,#b61e00 91%,#ffa200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #130000 0%,#270101 57%,#440000 66%,#b61e00 91%,#b61e00 91%,#ffa200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #130000 0%,#270101 57%,#440000 66%,#b61e00 91%,#b61e00 91%,#ffa200 100%); /* IE10+ */
background: linear-gradient(to bottom,  #130000 0%,#270101 57%,#440000 66%,#b61e00 91%,#b61e00 91%,#ffa200 100%); /* W3C */
}
#carousel.flexslider .slides li{
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #242424 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#242424)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#242424 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#242424 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#242424 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#242424 100%); /* W3C */
}
#cycle-2 .cycle-slide { border:3px solid #fff; }
#cycle-2 .cycle-slide-active { border:3px solid #004; }
.page-template-homepage-php .graphical-header .header-container,.page-template-homepage-php .graphical-header .flex-viewport{margin-bottom:-14px;}
#slider.flexslider .slider-img-only{display:block;}
#slider.flexslider video{display:none;}

.mobile-nav{display: block;list-style: none;height: 60px;position: absolute;z-index: 2;padding: 5px 0;overflow: hidden;width: 100%;font-size: 20px;top:160px;background:rgb(16, 16, 16) !important;}
.mobile-nav a{box-shadow:none !important;}
.mobile-nav li:first-child{left:-20px;}
.mobile-nav li:first-child a:after{content:'';width:30px;height:30px;margin:-6px 0 0 10px;background:url(//webcdn.triongames.com/dv/img/menu-burger.png) 0 0 no-repeat;background-size:contain;display:inline-block;top:5px;position:absolute;}
.mobile-nav.expanded{height:auto;z-index:4;}
.mobile-nav.expanded:before{content:'';width:100%;height:10000px;position:fixed;top:0;left:0;}
.mobile-nav:hover, .mobile-nav:active{cursor:pointer;}
.mobile-nav li{text-align:center;margin:20px 0;top:-3px;position:relative;list-style-type:none;}
.header-nav {display:none;position:relative;text-align:center;margin:0 auto;z-index:1;}
[role="menu"]{box-shadow:0 0 3px 3px rgba(0,0,0,0.75), inset 0 1px 0 0px #ae2229,inset 0 -1px 0 0px #ae2229;background:rgba(16,16,16,0.8);}
    
[role="menu"] ul{text-transform:uppercase;padding:0}
.header-nav ul{display:table;background-color:rgba(0,0,0,0.2);height:70px;width:100%;margin:0 auto;-webkit-box-shadow:inset 0 1px 0 0px #ae2229,inset 0 -1px 0 0px #ae2229;}
.header-nav ul li{position:relative;top:24px;}
.header-nav ul li#menu-item-1788{display:none;}
.header-nav ul li a{position:relative;display:inline;font-size:16px;padding:24px 0;text-shadow:0 1px 6px #000,0 -1px 6px #000,-1px 1px 6px #000,1px -1px 6px #000;}

[role="menu"] ul li a:hover,
[role="menu"] ul li.current_page_parent a,
[role="menu"] ul li.current-menu-item a{text-decoration:none;text-shadow:0 1px 6px #FF0000,0 -1px 6px #FF0000,-1px 1px 6px #FF0000,1px -1px 6px #FF0000;
  -webkit-box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.8),inset 0 -2px 0 0px rgba(0,0,0,0.8);
  -moz-box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.8),inset 0 -2px 0 0px rgba(0,0,0,0.8);
  box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.8),inset 0 -2px 0 0px rgba(0,0,0,0.8);
}
    
.header-nav .menu li:first-child{display:none;}

/* About Page */
.page-template-page-about-php .article-wrap ul { list-style-type: none; padding-left: 0; text-align: center;}
.page-template-page-about-php .article-wrap ul li { display: inline-block; padding: 1.5%;}
.page-template-page-about-php .article-wrap img { max-width: 200px; border-radius: 2px; padding: 2px; background-color: #FFF;}

/* Creator Page */
.page-template-page-creators-php .article-wrap {margin:0;}
.creators-wrap {background-color: #555;padding-bottom: 2em;}
.creators-wrap img {margin-top: 1.2em;}
.creators-wrap-header {
  background: transparent url(//webcdn.triongames.com/corp/images/creators/header2.jpg) no-repeat center top;
  background-size: 100.00000% 100.00000%;
  height: 0;
  max-width: 1920px;
  padding-bottom: 30.20833%;
  width: 100%;
}
.creators-form {width:96%;margin:0 auto;}
.creators-form label input, .creators-form select {color: #ccc;background-color: #050505;border: 1px solid #515151;margin: 0.25em 0;padding: 0.45em;border-radius: 3px;width:100%;box-sizing: border-box;}
.creators-form label input.error, .creators-form select.error {border: 1px solid red;}
.creators-form .gamesPlayed, .creators-form .tosAgreement {padding-top:1em;}
.creators-form .tosAgreement a {text-decoration: underline;}
.creators-form span.error {display: block;color: #f31;}
/* News */
.type-post a {color:#ae2229;}
.post-title a {color:#fff;}
/* older/lower-resolution smartphones iPhone 2G-5S and up */
@media only screen and (min-width : 320px){
  body{font-size:1em;background:#1f1f1f url(//webcdn.triongames.com/trion/images/starfield-bg.jpg) repeat scroll center top;}
  .wrapper{width:98%;padding:0 1%;}
  .content-wrap,.graphical-header{background: #1f1f1f; /* Old browsers */
    background: -moz-linear-gradient(top,  #1f1f1f 0%, #111111 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#111111)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1f1f1f 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1f1f1f 0%,#111111 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1f1f1f 0%,#111111 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1f1f1f 0%,#111111 100%); /* W3C */}
    
    #mobile-menu:after{display:none;content:'';width:40px;height:40px;background-color:red;opacity:1;position:absolute;margin:-3px 0 0 10px;background:url(//www.magx.com/www/images/lifestyle/calories-hamburger/calories-hamburger.jpg) 0 0 no-repeat;background-size:contain;}
    
  #slider.flexslider .slide-game-details.rift{background:#001828;-webkit-box-shadow:inset 0 0 0 1px #4faccf,inset 0 0 0 4px #271868;-moz-box-shadow:inset 0 0 0 1px #4faccf,inset 0 0 0 4px #271868;box-shadow:inset 0 0 0 1px #4faccf,inset 0 0 0 4px #271868;}
  #slider.flexslider .slide-game-details.rift a.more{background:#25325C;border-color:#7fbcff;}
  #slider.flexslider .slide-game-details.trove{background:#328fda;-webkit-box-shadow:inset 0 0 0 1px #c7e2ff,inset 0 0 0 4px #65abe3;-moz-box-shadow:inset 0 0 0 1px #c7e2ff,inset 0 0 0 4px #65abe3;box-shadow:inset 0 0 0 1px #c7e2ff,inset 0 0 0 4px #65abe3;}
  #slider.flexslider .slide-game-details.defiance{background:#222A2D;-webkit-box-shadow:inset 0 0 0 1px #EFD9BA,inset 0 0 0 4px #4D5969;-moz-box-shadow:inset 0 0 0 1px #EFD9BA,inset 0 0 0 4px #4D5969;box-shadow:inset 0 0 0 1px #EFD9BA,inset 0 0 0 4px #4D5969;}
  #slider.flexslider .slide-game-details.devilian{background:#222A2D;-webkit-box-shadow:inset 0 0 0 1px #EFD9BA,inset 0 0 0 4px #4D5969;-moz-box-shadow:inset 0 0 0 1px #EFD9BA,inset 0 0 0 4px #4D5969;box-shadow:inset 0 0 0 1px #EFD9BA,inset 0 0 0 4px #4D5969;}
  #slider.flexslider .slide-game-details.devilian a.more{background:#161818;border-color:#EFD9BA;}
  #slider.flexslider .slide-game-details.trove a.more{background:#12578E;border-color:#ffff10;}
  #slider.flexslider .slide-game-details.archeage{background:#2a4454;-webkit-box-shadow:inset 0 0 0 1px #19303c,inset 0 0 0 4px #2a546d;-moz-box-shadow:inset 0 0 0 1px #19303c,inset 0 0 0 4px #2a546d;box-shadow:inset 0 0 0 1px #19303c,inset 0 0 0 4px #2a546d;}
  #slider.flexslider .slide-game-details.defiance a.more{background-color:#1D1D1D;border-color:#ff7606;}
  #slider.flexslider .slide-game-details.archeage a.more{background-color:#11232D;border-color:#ffecd8;}
  #slider.flexslider .slide-game-details.atlasreactor{background:#4c6c4d;-webkit-box-shadow:inset 0 0 0 1px #a3e7a5,inset 0 0 0 4px #a3e7a5;-moz-box-shadow:inset 0 0 0 1px #a3e7a5,inset 0 0 0 4px #a3e7a5;box-shadow:inset 0 0 0 1px #a3e7a5,inset 0 0 0 4px #a3e7a5;}
  #slider.flexslider .slide-game-details.atlasreactor a.more{background:#161818;border-color:#a3e7a5;}

  #slider.flexslider .slide-game-details{left:0;width:100%;top:-20px;}

.header-nav ul li a .nav-top-angles:before,
.header-nav ul li.current_page_parent a .nav-top-angles:before,
.header-nav ul li.current-menu-item a .nav-top-angles:before{
  /*position:16x263;size:15x7(wxh)*/
  opacity:1;
  background: url(//webcdn.triongames.com/trion/images/sprite.png) repeat-x scroll center top;
  background-size: 464.28571% 5271.42857%;
  background-position: 32.00000% 72.65193%;
  top: 0px;
  content: "";
  position: absolute;
  height: 7px;
  left: -15px;
  width: 15px;
}
.header-nav ul li a .nav-top-angles:after,
.header-nav ul li.current_page_parent a .nav-top-angles:after,
.header-nav ul li.current-menu-item a .nav-top-angles:after{
  /*position:16x256*/
  opacity:1;
  background: url(//webcdn.triongames.com/trion/images/sprite.png) repeat-x scroll center top;
  background-size: 433.33333% 5271.42857%;
  background-position: 32.00000% 70.71823%;
  top: 0px;
  content: "";
  position: absolute;
  height: 7px;
  right: -15px;
  width: 15px;
}
.header-nav ul li a .nav-bottom-angles:before,
.header-nav ul li.current_page_parent a .nav-bottom-angles:before,
.header-nav ul li.current-menu-item a .nav-bottom-angles:before{
  /*position:31x256*/
  opacity:1;
  background: url(//webcdn.triongames.com/trion/images/sprite.png) repeat-x scroll center bottom;
  background-size: 464.28571% 5271.42857%;
  background-position: 62.00000% 70.71823%;
  bottom: 1px;
  content: "";
  position: absolute;
  height: 7px;
  left: -15px;
  width: 15px;
}
.header-nav ul li a .nav-bottom-angles:after,
.header-nav ul li.current_page_parent a .nav-bottom-angles:after,
.header-nav ul li.current-menu-item a .nav-bottom-angles:after{
  /*position:31x263*/
  opacity:1;
  background: url(//webcdn.triongames.com/trion/images/sprite.png) repeat-x scroll center top;
  background-size: 433.33333% 5271.42857%;
  background-position: 62.00000% 72.65193%;
  bottom: 1px;
  content: "";
  position: absolute;
  height: 7px;
  right: -15px;
  width: 15px;
}
.header-nav ul li a .nav-mid:before,
.header-nav ul li a .nav-mid:after,
.header-nav ul li.current_page_parent a .nav-mid:before,
.header-nav ul li.current_page_parent a .nav-mid:after,
.header-nav ul li.current-menu-item a .nav-mid:before,
.header-nav ul li.current-menu-item a .nav-mid:after
{
  opacity:1;
  background: url(//webcdn.triongames.com/trion/images/sprite.png) repeat-x scroll center top;
  background-size: 101.56250% 6150.00000%;
  content: "";
  position: absolute;
  height: 6px;
  left: 0;
  width: 100%;
}
.header-nav ul li a .nav-mid:before,
.header-nav ul li.current_page_parent a .nav-mid:before,
.header-nav ul li.current-menu-item a .nav-mid:before
{
  background-position: 0% 80.44077%;
  top: 1px;
}
.header-nav ul li a .nav-mid:after,
.header-nav ul li.current_page_parent a .nav-mid:after,
.header-nav ul li.current-menu-item a .nav-mid:after
{
  background-position: 0% 82.09366%;
  bottom: 2px;
}

.header-nav ul li a .nav-top-angles:before,
.header-nav ul li a .nav-bottom-angles:after,
.header-nav ul li a .nav-mid:before,
.header-nav ul li a .nav-mid:after,
.header-nav ul li a .nav-top-angles:after,
.header-nav ul li a .nav-bottom-angles:before
{
opacity:0;
}
.header-nav ul li a:hover .nav-top-angles:before,
.header-nav ul li a:hover .nav-top-angles:after,
.header-nav ul li a:hover .nav-mid:before,
.header-nav ul li a:hover .nav-mid:after,
.header-nav ul li a:hover .nav-bottom-angles:before,
.header-nav ul li a:hover .nav-bottom-angles:after{
opacity:1;
-webkit-transition:opacity 0.3s ease-in-out;
transition:opacity 0.3s ease-in-out;
}

  .footer-wrap
  {
    position:relative;
    margin:0 auto;
    padding-top:4em;
    background: url(//webcdn.triongames.com/trion/images/bottom-bg.png) repeat-x scroll center top / 100% 100%;
    background-size: 1920px 48px;
  }
.footer-wrap:before {
  position: absolute;
  content: "";
  background: url(//webcdn.triongames.com/trion/images/starfield-bg.jpg) repeat-x scroll center top;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  left: 0;
}
  .article-wrap{/*background:#333;*/padding:2%;margin:3em 0 0 0;}
  .creators-wrap .article-wrap {margin:0;}
  .posts .post{position:relative;z-index:1;width:100%;display:inline-block;padding:0;vertical-align:top;margin:1.3% 0;}
  .posts .post .post-panel{overflow:hidden;padding:0 0.7em;background:#414141;position:relative;}
  .home-news .posts .post{position:relative;width:100%;display:block;padding-bottom:3%;margin:0;background:#414141;-webkit-box-shadow:0 0 0 1px #000;-moz-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000;position:relative;overflow:hidden;}
  .home-news .posts .post a.more, .btn{margin:3%;color:#fff;}
  .home-news .posts .post .post-panel{padding:3%;background:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
  .home-news .posts .post .post-panel header h3{margin:0;padding-bottom:0.2em;text-transform:uppercase;line-height:20px;}
  .home-news .posts .post .post-panel p{margin:0;}
  .home-news{clear:both;overflow:hidden}

  .games .posts .post{width:96%;margin:0;padding:2%;/*background-color:#333;*/}
  .games .posts .post .game-wrapper{position:relative;background:transparent url(//webcdn.triongames.com/trion/images/games-bg-6.jpg) no-repeat scroll 100% 0 / 500% 100%;height:0;padding-bottom:59.53307%;}
  .games .posts .post .game-wrapper .game-info{visibility:hidden;opacity:0;display:none;}
  .games .posts .post span{
    -webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;
    width:100%;
    background-color:rgba(0,0,0,0.8);
    display:block;
    margin:0 auto;
    text-align:center;
    padding:1em 0;
    -webkit-box-shadow:0 -1px 0 0 rgba(119, 119, 119,0.8);
    -moz-box-shadow:0 -1px 0 0 rgba(119, 119, 119,0.8);
    box-shadow:0 -1px 0 0 rgba(119, 119, 119,0.8);
    position:absolute;
    bottom:0;
  }
  .games .posts .post span a.more, .btn{cursor:pointer}
  .section-heading .header-bg-wrap:before
  {
z-index:2;
position:absolute;top:0;left:0;content:"";width:100%;height:70px;
background-color:#000;
border-top:1px solid #454545;border-bottom:1px solid #ae2229;
background:-moz-linear-gradient(top,#000000 0%,#161616 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000000),color-stop(100%,#161616));
background:-webkit-linear-gradient(top,#000000 0%,#161616 100%);
background:-o-linear-gradient(top,#000000 0%,#161616 100%);
background:-ms-linear-gradient(top,#000000 0%,#161616 100%);
background:linear-gradient(to bottom,#000000 0%,#161616 100%);
-webkit-box-shadow:0 1px 0 0 #000;-moz-box-shadow:0 1px 0 0 #000;box-shadow:0 1px 0 0 #000;
  }
  .section-heading{position:relative;margin-top:3em;}
  .section-heading .header-bg-wrap{display:block;width:100%;max-width:320px;margin:0 auto;margin-bottom:-7px;}
  .section-heading .header-bg{position:relative;z-index:2;
background:transparent url(//webcdn.triongames.com/trion/images/header-bg.png) no-repeat scroll center top / 100% 100%;
background-image:url(//webcdn.triongames.com/trion/images/header-bg.png),-moz-linear-gradient(top,#1F1F1F 15%,transparent 85%);
background-image:url(//webcdn.triongames.com/trion/images/header-bg.png),-webkit-gradient(linear,left top,left bottom,color-stop(15%,#1F1F1F),color-stop(85%,transparent));
background-image:url(//webcdn.triongames.com/trion/images/header-bg.png),-webkit-linear-gradient(top,#1F1F1F 15%,transparent 85%);
background-image:url(//webcdn.triongames.com/trion/images/header-bg.png),-o-linear-gradient(top,#1F1F1F 15%,transparent 85%);
background-image:url(//webcdn.triongames.com/trion/images/header-bg.png),-ms-linear-gradient(top,#1F1F1F 15%,transparent 85%);
background-image:url(//webcdn.triongames.com/trion/images/header-bg.png),linear-gradient(to bottom,#1F1F1F 15%,transparent 85%);
display:block;height:0;margin-bottom:0;padding-bottom:24.37500%}
  .section-heading h2.header-text{z-index:3;
text-align:center;text-transform:uppercase;margin:0 auto;text-shadow:0 0 3px #FF0000,0 0 6px #FF0000;letter-spacing:2px;
position:absolute;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;text-align:center;}
  .single-post .section-heading h2.header-text{position:relative;top:0;-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%);}
  .single-post #nav-above.navigation{margin-top:0;}
  /*.home-careers {margin:2% 0;}*/
  .home-careers .job {position:relative;display:block;z-index:1;width:94%;margin:0;overflow:hidden;padding:3%;background:#414141;-webkit-box-shadow:0 0 0 1px #000;-moz-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000;}
  .home-careers .job .jobLocation{margin:0;}
  .home-careers .job .jobName{display:block;}
  .home-news .posts .post:nth-child(even),.home-careers .jobs .job:nth-child(even){background:#333}
  .home-news .posts .post:nth-child(odd),.home-careers .jobs .job:nth-child(odd){background:#555}

  .underline-left{position:relative;float:left;width:48%;border-top:6px solid #ae2229;border-bottom:1px solid rgba(0,0,0,0.5);overflow:hidden;}
  .underline-right{position:absolute;width:100%;max-width:16px;z-index:10;}
  .underline-right .underline-bg{display:block;background:transparent url(//webcdn.triongames.com/trion/images/sprite.png) no-repeat scroll center top / 100% 100%;background-size:406.25000% 5271.42857%;height:0;max-width:16px;padding-bottom:43.75000%;width:100%;background-position:34.69388% 74.58564%;z-index:10;}

  .posts.type2 .post header{background-color:#000;border-top:1px solid #393939;border-bottom:1px solid #ae2229;}
  .posts.type2 .post header h3{margin:0;text-transform:uppercase;padding:0.5em 0.5em 0.5em 0.7em;}
  .posts.type2 .post .post-panel{clear:both;top:-6px;z-index:-1;}
  .posts.type2.glyph .post .post-panel{min-height:98px;}
  .posts.type2 .post:nth-child(even) .post-panel:nth-child(even),
  .posts.type2 .post:nth-child(odd) .post-panel:nth-child(odd){background-color:#333;}
  .posts.type2 .post:nth-child(even) .post-panel:nth-child(odd),
  .posts.type2 .post:nth-child(odd) .post-panel:nth-child(even){background-color:#555;}

  .graphical-header .header-container{min-height:190px;margin-top:-70px;}
  .graphical-header.standard-header .header-container{height:463px;}

  .graphical-header.careers-header .header-container{background:transparent url(//webcdn.triongames.com/trion/images/careers-header-768.jpg) no-repeat center top;}
  .graphical-header.games-header .header-container{background:transparent url(//webcdn.triongames.com/trion/images/games-header.jpg) no-repeat center top;}
  .graphical-header.about-header .header-container{background:transparent url(//webcdn.triongames.com/trion/images/about-header.jpg) no-repeat center top;}
  .graphical-header.creator-header .header-container{background:transparent url(//webcdn.triongames.com/corp/images/creators/header.jpg) no-repeat center top;}

  .graphical-header.standard-header .wrapper{max-width:630px;padding-bottom:1px;}
  .graphical-header.standard-header .wrapper h2{background:transparent url(//webcdn.triongames.com/trion/images/header-text-bg.png) no-repeat center bottom / 630px 75px;text-align:center;margin:0 auto;background-size:630px 75px;height:0;padding-bottom:75px;font-size:2.250em;text-shadow:0 0 3px #FF0000,0 0 6px #FF0000;letter-spacing:2px;padding-top:388px;}
  .graphical-header.standard-header .wrapper h2 span{display:block;padding-top:0.55em;}

  .graphical-header.glyph-header .wrapper
  {
    background: -moz-radial-gradient(center, ellipse cover,  rgba(153,153,153,0.3) 0%, rgba(255,255,255,0) 50%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(153,153,153,0.3)), color-stop(50%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(153,153,153,0.3) 0%,rgba(255,255,255,0) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(153,153,153,0.3) 0%,rgba(255,255,255,0) 50%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(153,153,153,0.3) 0%,rgba(255,255,255,0) 50%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(153,153,153,0.3) 0%,rgba(255,255,255,0) 50%); /* W3C */
  }
  .graphical-header .wrapper{margin-bottom:-15px;}
  .page-template-homepage-php .graphical-header .wrapper:after,.page-template-homepage-php .graphical-header .wrapper .flexslider:after{display:none;}
  .graphical-header .flexslider:after,.graphical-header .wrapper:after{display:block;content:"";
    font-size: 0px;line-height: 0%;width: 50%;border-top: 6px solid #ae2229;border-right: 14px solid transparent;border-left: 14px solid transparent;clear:both;margin:0 auto -6px auto;
    -webkit-box-shadow:0 4px 7px 0px rgba(16,16,16,0.5);-moz-box-shadow:0 4px 7px 0px rgba(16,16,16,0.5);box-shadow:0 4px 7px 0px rgba(16,16,16,0.5);
    position:relative;bottom:-1px;
  }
  .posts.type2.glyph .post:nth-child(even) .post-panel:nth-child(even),
  .posts.type2.glyph .post:nth-child(odd) .post-panel:nth-child(odd),
  .posts.type2.glyph .post:nth-child(even) .post-panel:nth-child(odd),
  .posts.type2.glyph .post:nth-child(odd) .post-panel:nth-child(even){background-color:#333;}
  .glyph{padding-top:3em;}
    
    
  .social-nav{text-align:center;}
  .social-nav a{height:70px;width:70px;margin:2%;padding-bottom:0;}
  .footer-nav, .footer-logos, .footer-copyright{margin:5% 0 2% 0;text-align:center;}

}

/* newer smartphones iPhone 6 and up */
@media only screen and (min-width : 375px){
}

/* large smartphones iPhone 6 Plus and up */
@media only screen and (min-width : 414px){
  .top-banner{background-position:center top;height:343px;}
  h1.main-logo{width:100%;top:25px;}
  .header-nav ul li{padding:0 2%;}
  .header-nav ul li a{font-size:18px;padding:23px 0 22px 0}
  .mobile-nav{top:274px;}
  @-moz-document url-prefix() {
    .header-nav ul li a{padding:24px 0 21px 0}
  }
  /*.posts .post{width:49%;margin:1%;}
  .posts .post:first-child{margin-left:0;} */
  .home-careers .job .jobDesc{display:block;}
}
/*@media only screen and (min-width : 414px) and (max-width : 959px){
  .posts .post:nth-child(2n){margin-right:0;}
  .posts .post:nth-child(2n+1){margin-left:0;}
}*/

@media only screen and (min-width : 414px) and (orientation: landscape),only screen and (min-width : 768px){
  .left{float:left;}
  .right{float:right;}
  .social-nav{position:absolute;width:200px;right:1%;top:0;text-align:right;}
  .social-nav a{width:48px;height:48px;padding-bottom:0;}
  .footer-nav, .footer-logos, .footer-copyright{margin:0 0 2% 0;text-align:left;}
    .mobile-nav{top: 274px;}
  .page-template-homepage-php .graphical-header .header-container, .page-template-homepage-php .graphical-header .flex-viewport{margin-bottom:0;}
  .graphical-header .flexslider:after, .graphical-header .wrapper:after{bottom:0;}
  .glyph-header .glyph-logo{padding:12% 6% 0 6%;width:15%}
  .glyph-header .glyph-copy-wrap{width:70%;padding:0 3% 0 0;display:table;height:238px;}
  .glyph-header .glyph-copy{display:table-cell;vertical-align:middle;}
}

/* tablets and up */
@media only screen and (min-width : 768px){
  .creators-form {width: 33%;}
  .creators-wrap-header {height:340px;padding-bottom:0;max-width:initial;background-size:initial;}
  #slider.flexslider li{height:580px;}
  #slider.flexslider img{width:auto;}
  #slider.flexslider video, #slider.flexslider .slider-img-only{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);}
 #slider.flexslider .slide-game-details{width:392px;height:276px;margin:0;left:calc(50% - 440px);top:135px;position:absolute;}
  #slider.flexslider .slide-game-details p.slide-game-logo{display:block;}
    #slider.flexslider .slide-game-details a.more:hover{border-width:2px !important;}
  #slider.flexslider .slide-game-details.rift .slide-game-logo img,
  #slider.flexslider .slide-game-details.trove .slide-game-logo img,
  #slider.flexslider .slide-game-details.archeage .slide-game-logo img{width:92%;height:auto;margin-top:-36px;}
  #slider.flexslider .slide-game-details.rift .slide-game-logo img{width:50%;}
  #slider.flexslider .slide-game-details.archeage .slide-game-logo img{width:75%;}
  #slider.flexslider .slide-game-details p.slide-game-info{display:block;}
  .fr #slider.flexslider .slide-game-details p.slide-game-info{font-size:0.8em;}
  .de #slider.flexslider .slide-game-details p.slide-game-info{font-size:0.9em;}
  #slider .flex-direction-nav{display:table-row;}
  #slider.flexslider img{height:580px;padding-bottom:0;margin-top:0;}
  .flexslider-bottom-nav{display:block;background:url(//webcdn.triongames.com/trion/images/home-lower-nav.png) no-repeat scroll center top;height:150px;position:absolute;width:100%;bottom:0px;}
  .flex-nav-prev,.flex-nav-next{z-index:10;display:table-row;margin:0;padding:0;text-indent:200%;white-space:nowrap;overflow:hidden}
  .flex-nav-prev{position:absolute;top:46%;left:30px;}
  .flex-nav-next{position:absolute;top:46%;right:30px;}
  .flex-prev,.flex-next
  {
    display:block;background:url(//webcdn.triongames.com/trion/images/sprite.png) no-repeat scroll 0 0;background-size:100.00000% 576.56250%;width:65px;height:64px;
  }
  .flex-next
  {
    background-position:0 20.98361%;
  }
  .flex-prev:hover,.flex-prev:active{background-position:0 41.96721%;}
  .flex-next:hover,.flex-next:active{background-position:0 62.95082%;}

  .header-nav ul li#menu-item-1788{display:inline;}
  .graphical-header.careers-header .header-container{background-image:url(//webcdn.triongames.com/trion/images/careers-header.jpg);}
  .page-template-homepage-php .graphical-header .header-container{height:580px;}
  .graphical-header .header-container,
  .glyph-header .glyph-copy-wrap{height:463px;}
  /*.header-nav ul li{padding:0 1.5%;}*/
  .header-nav ul li a .nav-mid{padding-left:1%;padding-right:1%;}
  #nav-above.navigation{position:relative;margin-top:-2em;z-index:3;padding:0 1em;}
  #nav-below.navigation{padding:3em 0 0;}
  .navigation .nav-previous{float:left;position:relative;top:-21px;right:-2px;}
  .navigation .nav-next{float:right;position:relative;top:-21px;right:2px;}
  .cookie-compliance-message p {float:left;width:80%;}
  .cookie-compliance-message .hide-cookie-compliance{float:right;width:20%;margin-top:26px}
  .cookie-compliance-message .hide-cookie-compliance button{float:right;}
  .section-heading h2.header-text{font-size:2em;}
  .home-news .posts,.home-careers .jobs{display:table;width:100%;}
  .home-news .posts .post{padding-bottom:3em;}
  .home-news .posts .post,.home-careers .job{width:50%;display:table-cell;height:auto;overflow:hidden;}
  .home-news .posts .post a.more{position:absolute;bottom:0;}
  .home-careers .job{padding:1.5%;}
  .home-careers .job .jobLocation{float:right;}
  .home-careers .job .jobName{float:left;}
  .home-careers .job a.more{clear:both;float:left;}
  .home-news .posts:nth-child(even) .post:nth-child(even),.home-careers .jobs:nth-child(even) .job:nth-child(even),
  .home-news .posts:nth-child(odd) .post:nth-child(odd),.home-careers .jobs:nth-child(odd) .job:nth-child(odd) {background: #333}
  .home-news .posts:nth-child(even) .post:nth-child(odd),.home-careers .jobs:nth-child(even) .job:nth-child(odd),
  .home-news .posts:nth-child(odd) .post:nth-child(even),.home-careers .jobs:nth-child(odd) .job:nth-child(even) {background: #555}
  .games .posts .post{width:46%;}
/*  .games .posts .post span{width:92%;bottom:9%;}*/
}

@media only screen and (max-width: 1145px) and (min-width: 768px){
    #slider.flexslider .slide-game-details{left:130px;width:322px;}
}

/* desktop and up */
@media only screen and (min-width:960px){
  #slider.flexslider img{width:100%;}
  /*#slider.flexslider .slide-game-details{width:392px;height:276px;margin:0;left:calc(50% - 400px);top:135px;position:absolute;}
  #slider.flexslider .slide-game-details p.slide-game-logo{display:block;}*/
  #slider.flexslider .slider-img-only{display:none;}
  #slider.flexslider video{display:block;}
  #slider.flexslider video, #slider.flexslider .slider-img-only{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);}

  /*#slider.flexslider .slide-game-details{margin-left:280px;}*/
  .header-nav{display:block;}
  .mobile-nav{display:none;}
  .header-nav ul li{padding:0 1.5%;}
  .header-nav ul li a .nav-mid{padding-left:2%;padding-right:2%;}
  .post-title{float:left;width:68%;}
  .post-date{float:right;width:30%;padding-left:2%;text-align:right;margin-top:-5px;}
  .cookie-compliance-message{margin:0 auto;}
  /*.posts .post{width:100%;margin:1.3% 0;}
  .posts .post:nth-child(3n){margin-right:0;}
  .posts .post:nth-child(3n+1){margin-left:0;}*/
  .games .posts .post .game-wrapper .game-info{font-size:0.875em;display:block;overflow:hidden;position:absolute;top:0;width:90%;padding:0 5%;background-color:rgba(16,16,16,0.9);height:100%;-webkit-transition:visibility 0s 0.3s,opacity 0.3s ease-in-out;transition:visibility 0s 0.3s,opacity 0.3s ease-in-out;}
  .games .posts .post .game-wrapper .game-info p{padding-top:2%;}
  .games .posts .post .game-wrapper:hover .game-info{visibility:visible;opacity:1;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;}
  .games .posts .post .game-wrapper:hover span{background-color:rgba(200,200,200,0.2);}
}

/* @2x Images (Pixel Ratio of 1.5+) */
@media only screen and (-o-min-device-pixel-ratio: 6/4),only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-resolution: 1.5dppx){
  .social-nav a{background-image:url(//webcdn.triongames.com/trion/images/social-logos@2x.png)}
  .flexslider-bottom-nav{background-image:url(//webcdn.triongames.com/trion/images/home-lower-nav@2x.png);background-size:auto 120%;}
  .top-banner{background-image:url(//webcdn.triongames.com/trion/images/top-bg@2x.jpg)}
  h1.main-logo a{background-image:url(//webcdn.triongames.com/trion/images/trion-logo-top@2x.png)}
  .footer-logos .trion a{background-image:url(//webcdn.triongames.com/trion/images/trion-logo@2x.png)}
  .header-nav ul li a:active .nav-top-angles:before,
  .header-nav ul li.current_page_parent a .nav-top-angles:before,
  .header-nav ul li.current-menu-item a .nav-top-angles:before{
    background-image: url(//webcdn.triongames.com/trion/images/sprite@2x.png);
  }
  .header-nav ul li a:active .nav-top-angles:after,
  .header-nav ul li.current_page_parent a .nav-top-angles:after,
  .header-nav ul li.current-menu-item a .nav-top-angles:after{
    background-image: url(//webcdn.triongames.com/trion/images/sprite@2x.png);
  }
  .header-nav ul li a:active .nav-bottom-angles:before,
  .header-nav ul li.current_page_parent a .nav-bottom-angles:before,
  .header-nav ul li.current-menu-item a .nav-bottom-angles:before{
    background-image: url(//webcdn.triongames.com/trion/images/sprite@2x.png);
  }
  .header-nav ul li a:active .nav-bottom-angles:after,
  .header-nav ul li.current_page_parent a .nav-bottom-angles:after,
  .header-nav ul li.current-menu-item a .nav-bottom-angles:after{
    background-image: url(//webcdn.triongames.com/trion/images/sprite@2x.png);
  }
  .header-nav ul li a:active .nav-mid:before,
  .header-nav ul li a:active .nav-mid:after,
  .header-nav ul li.current_page_parent a .nav-mid:before,
  .header-nav ul li.current_page_parent a .nav-mid:after,
  .header-nav ul li.current-menu-item a .nav-mid:before,
  .header-nav ul li.current-menu-item a .nav-mid:after
  {
    background-image: url(//webcdn.triongames.com/trion/images/sprite@2x.png);
  }
  .section-heading .header-bg{position:relative;z-index:2;
    background:transparent url(//webcdn.triongames.com/trion/images/header-bg@2x.png) no-repeat scroll center top / 100% 100%;
    background-image:url(//webcdn.triongames.com/trion/images/header-bg@2x.png),-moz-linear-gradient(top,#1A1A1A 15%,transparent 85%);
    background-image:url(//webcdn.triongames.com/trion/images/header-bg@2x.png),-webkit-gradient(linear,left top,left bottom,color-stop(15%,#1A1A1A),color-stop(85%,transparent));
    background-image:url(//webcdn.triongames.com/trion/images/header-bg@2x.png),-webkit-linear-gradient(top,#1A1A1A 15%,transparent 85%);
    background-image:url(//webcdn.triongames.com/trion/images/header-bg@2x.png),-o-linear-gradient(top,#1A1A1A 15%,transparent 85%);
    background-image:url(//webcdn.triongames.com/trion/images/header-bg@2x.png),-ms-linear-gradient(top,#1A1A1A 15%,transparent 85%);
    background-image:url(//webcdn.triongames.com/trion/images/header-bg@2x.png),linear-gradient(to bottom,#1F1F1F 15%,transparent 85%);
  }
  .underline-right .underline-bg{
    background-image:url(//webcdn.triongames.com/trion/images/sprite@2x.png);
  }
}