@charset "UTF-8";
/*
Theme Name: The WayForward Theme
Theme URI: http://wayforward.com
Description: The WayForward theme for WordPress – late 2013.
Author: BitPiston Studios
Author URI: http://bitpiston.com
Version: 1.0
*/

/* Resets and defaults
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
    don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold; font-weight: 600;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
    gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* General
-------------------------------------------------------------------------------*/

body {font: normal 400 14px/1.5 "Proxima Nova", "Helvetica Neue", Helvetica, sans-serif;}

body, select, input, textarea {color: #333;}

a {
    color: #409cc1;
    transition: color 0.25s ease;
    text-decoration: none;
}
a:hover, a:focus {
    color: inherit;
}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #58adf2; color: #fff; text-shadow: none;}
::selection {background: #58adf2; color: #fff; text-shadow: none;}

/*  j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #58adf2;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
p {margin: 0 0 1.5em;}


/* FlexSlider
-------------------------------------------------------------------------------*/

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

.flex-control-nav {
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
    text-align: center;
}
.flex-control-nav li {
    display: inline-block;
}
.flex-control-nav a {
    position: relative;
    z-index: 1000;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    margin: 0 7px;
    opacity: 0.5;
}
.flex-control-nav a:hover {
    background: #409cc1;
    opacity: 1;
}
.flex-control-nav a.flex-active {
    cursor: default;
    opacity: 1;
}
.flex-control-nav a.flex-active:hover {
    background: #fff;
}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
    display: inline-block;
    text-indent: -9999px;
}
.flex-direction-nav .flex-prev::after, .flex-direction-nav .flex-next::after {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s linear 0s, visibility 0.25s linear 0.25s;
    position: absolute;
    top: calc(50% - 32px);
    height: 64px;
    width: 64px;
    z-index: 1000;
    color: #fff;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: bold;
    line-height: 64px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    font-size: 64px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
    text-indent: 0;
}
.flexslider:hover .flex-direction-nav .flex-prev::after, .flexslider:hover .flex-direction-nav .flex-next::after,
.flexslider.hover .flex-direction-nav .flex-prev::after, .flexslider.hover .flex-direction-nav .flex-next::after {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s linear 0.3s, visibility 0.25s linear 0s;
}
.flex-direction-nav .flex-prev:hover::after, .flex-direction-nav .flex-next:hover::after {
    color: #409cc1;
}
.flex-direction-nav .flex-prev::after {
    left: 0;
    content: "\f104";
}
.flex-direction-nav .flex-next::after {
    right: 0;
    content: "\f105";
}


/* Structure
-------------------------------------------------------------------------------*/

html {
    background: #18191b;
}

body {
    background: url(./images/body-bg.png) 0 64px repeat;
    background-size: 297px 297px;
    min-width: 1000px;
    overflow: hidden;
}

#wrapper {
    width: 1000px;
    margin: 0 auto;
}


/* Header
-------------------------------------------------------------------------------*/

#header {
    height: 64px;
}

#logo {
    display: inline-block;
    text-indent: -9999px;
    background: url(./images/header-wf-logo-3.png) -20px 0 no-repeat;
    height: 64px;
    width: 275px;
}


/* Navigation
-------------------------------------------------------------------------------*/
#nav {
    float: right;
    font-size: 0;
}

#nav li {
    display: inline-block;
    margin: 0 6px;
    font-size: 14px;
}
#nav li:last-child {
    margin-right: -12px;
}
#nav a {
    display: block;
    height: 64px;
    line-height: 64px;
    text-decoration: none;
    color: inherit;
    font-weight: 600;
    padding: 0 12px;
    transition: color 0.25s ease;
}
#nav a:hover, #nav a:focus {
    color: #409cc1;
}

#hamburger-menu {
    display: none;
}

#account-menu {
    float: right;
    margin-right: -12px;
    margin-left: 18px;
    font-size: 0;
    position: relative;
}

#account-menu li {
    margin: 0 6px;
    font-size: 14px;
}
#account-menu .account-menu-item:hover {
    background: #fff;
}
#account-menu img.avatar {
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 4px;
}
#account-menu a {
    display: block;
    text-decoration: none;
    color: inherit;
    font-weight: 600;
    padding: 0 12px;
    transition: color 0.25s ease;
}
#account-menu > li > a {
    height: 64px;
    line-height: 64px;
}
#account-menu a:hover, #account-menu a:focus {
    color: #409cc1;
}
#account-menu .account-link::after {
    margin-left: 0.5em;
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#account-menu #account-sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50px;
    right: 12px;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    transition: opacity 0.25s linear 0s, visibility 0.25s linear 0.25s;
}
#account-menu .account-menu-item:hover #account-sub-menu {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s linear 0.3s, visibility 0.25s linear 0s;
}
#account-menu #account-sub-menu li {
    width: 172px;
    margin: 0;
    text-align: right;
    border-top: 1px solid rgba(0,0,0,0.05);
}
#account-menu #account-sub-menu a {
    padding: 8px 20px 6px 8px;
    width: 100%;
}


/* Page Headings
-------------------------------------------------------------------------------*/

#heading {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 160px;
    background: url(./images/hd_header_3.jpg) 50% 50% no-repeat;
    box-shadow: inset  0  9px 16px -6px rgba(0, 0, 0, 0.25),
                inset  0 -8px 16px -8px rgba(0, 0, 0, 0.25);
    color: #fff;
    min-width: 1000px;
}
#heading::after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
}
#heading .wrapper {
    width: 1000px;
    margin: 0 auto;
}
#heading h1 {
    line-height: 160px;
    font-size: 36px;
    font-weight: 600;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

#searchform, #bbp-search-form {
    position: absolute;
    right: calc(50% - 500px);
    top: 0;
    bottom: 0;
    width: 350px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#searchform input[type=search], #bbp-search-form input[type=search] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font: inherit;
    border: none;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    padding: 9px 7px 5px;
    height: 35px;
    line-height: 21px;
    -webkit-appearance: none;
    outline: none;
}
#searchform button, #bbp-search-form button {
    color: #666;
    font: inherit;
    border: none;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    border-left: 1px solid rgba(0,0,0,0.05);
    padding: 9px 10px 5px;
    background: #fff;
    font-weight: 400;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    height: 35px;
}
#searchform button span, #bbp-search-form button span {
    display: none;
}


/* Content
-------------------------------------------------------------------------------*/

/* Post Content */
.post-content ul, .post-content ol,
.game-description.content ul, .game-description.content ol
{
    list-style: initial;
    padding-left: 40px;
}

.post-content h1,
.game-description.content h1
{
    font-size: 2em;
}
.post-content h2,
.game-description.content h2 {
    font-size: 1.5em;
}

.post-content h3,
.game-description.content h3
{
    font-size: 1.17em;
}

.post-content h4,
.game-description.content h4
{
    font-size: 1.33em;
}

.post-content h5,
.game-description.content h5
{
    font-size: .83em;
}

.post-content h6,
.game-description.content h6
{
    font-size: .67em;
}

.game-description.content p img,
.post-content p img {
    margin: 0 !important;
}

#content {
    margin-top: 202px;
    padding-bottom: 28px;
    width: 1000px;
}

#content .header {
    background: #fff;
    padding: 14px;
    margin: 28px 0 14px;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
body:not(.single) #content section:first-child .header, body #games article .header {
    margin-top: 0;
}
#content .header a {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease;
}
#content .header a:hover, #content .header a:focus {
    color: #409cc1;
}
#content .header .fa, h2.entry-title .fa {
    float: right;
    opacity: 0.15;
    font-size: 125%;
}

#content .content {
    float: left;
    width: 100%;
    background: #fff;
    padding: 14px;
    margin-bottom: 14px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
#content .content p:last-child {
    margin-bottom: 0;
}
#content .message {
    float: none;
    margin-bottom: 42px;
}

.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.aligncenter {
    display: block;
    text-align: center;
    margin: 0 auto;
}

#content code, #content pre {
    padding: 0 3px 2px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 12px;
    color: #333333;
    background-color: #f5f5f5;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
}
#content pre {
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
}
#content pre, #content blockquote {
    display: block;
    padding: 9.5px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    border: none;
    border-left: 5px solid #dcdcdc;
    background-color: #f5f5f5;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    margin-bottom: 1.5em;
}
#content blockquote {
    position: relative;
    padding-left: 1.5em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
#content blockquote p:first-child::before, #content blockquote p:last-child::after {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.15;
}
#content blockquote p:last-child {
    margin-bottom: 0;
}
#content blockquote p + blockquote {
    margin-top: -1.5em;
    margin-bottom: 0;
}
#content cite {
    font-style: italic;
    display: block;
    text-align: right;
}
#content cite::before {
    content: "— ";
}

#bbpress-forums .bbp-topic-content ul,#bbpress-forums .bbp-reply-content ul,
#bbpress-forums #new-post ul {
    margin-left: 1.5em;
    padding-left: 0;
    list-style: square;
    margin-bottom: 1.5em;
}
#bbpress-forums .bbp-topic-content ul li, #bbpress-forums .bbp-reply-content ul li,
#bbpress-forums #new-post ul li {
    list-style: square;
}
#bbpress-forums .bbp-topic-content ol, #bbpress-forums .bbp-reply-content ol,
#bbpress-forums #new-post ol {
    margin-left: 1.5em;
    padding-left: 0;
    list-style: decimal;
    margin-bottom: 1.5em;
}
#bbpress-forums .bbp-topic-content ol li, #bbpress-forums .bbp-reply-content ol li,
#bbpress-forums #new-post ol li {
    list-style: decimal;
}
#bbpress-forums .bbp-topic-content ul li, #bbpress-forums .bbp-reply-content ul li,
#bbpress-forums .bbp-topic-content ol li, #bbpress-forums .bbp-reply-content ol li,
#bbpress-forums #new-post ul li, #bbpress-forums #new-post ol li {
    padding-left: 0;
}

#bbpress-forums .bbp-topic-content > :last-child, #bbpress-forums .bbp-reply-content > :last-child {
    margin-bottom: 0;
}

#content table {
    width: 100%;
    overflow: auto;
    display: block;
    margin: 15px 0;
    border-collapse: collapse;
    border-spacing: 0;
}
#content tr {
    border-top: 1px solid #ccc;
    background-color: #fff;
}
#content tr:nth-child(2n) {
    background-color: #f8f8f8;
}
#content th {
    border: 1px solid #ddd;
    padding: 6px 13px;
    font-weight: 600;
}
#content td {
    border: 1px solid #ddd;
    padding: 6px 13px;
}

#content hr {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFW…UAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
    border: 0 none;
    color: #ccc;
    height: 4px;
    padding: 0;
}

.wp-pagenavi {
    clear: none !important;
    font-size: 12px;
}
.wp-pagenavi span, .wp-pagenavi a {
    background: #fff;
    margin-bottom: 14px;
    border: none !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
#bbpress-forums .bbp-topics + .bbp-pagination {
    margin-top: 14px;
}


/* Footer
-------------------------------------------------------------------------------*/

#footer {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding: 42px 0;
    background: #18191b;
    color: #d4d4d4;
    color: rgba(255, 255, 255, 0.35);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 600;
    min-width: 1000px;
}
#footer .wrapper {
    width: 1000px;
    margin: 0 auto;
}

#footer a {
    color: inherit;
}
#footer a:hover, #footer a:focus {
    color: rgba(255, 255, 255, 0.8);
}

#secondary-nav-menu {
    padding-bottom: 7px;
    margin-bottom: 12px;
    border-bottom: 1px solid #333;
    text-align: right;
}
#secondary-nav-menu li {
    display: inline-block;
    margin: 0 6px;
}
#secondary-nav-menu li:last-child {
    margin-right: 0;
}
#secondary-nav-menu li.privacy {
    float: left;
    margin-left: 0;
}
#secondary-nav-menu li.coc {
    float: left;
}

#secondary-account-menu {
    float: right;
    margin-left: 6px;
}

#copyright {
    float: left;
    text-align: left;
}
#copyright a {
    margin-left: 7px;
}

#social-links-menu {
    text-align: right;
}
#social-links-menu li {
    display: inline-block;
    font-size: 20px;
    width: 18px;
    height: 20px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 3px;
}
#social-links-menu li:last-child {
    margin-right: 0;
}


/* Home
-------------------------------------------------------------------------------*/

/*
.page-home #heading, .page-home #heading::before {
    height: 480px;
}
*/

.page-home #heading {
    height: 480px;
    background-size: auto 480px;
}
.page-home #heading h1 {
    margin: 0 auto;
    position: relative;
    top: 131px;
    width: 832px;
    height: 218px;
    text-indent: -9999px;
    pointer-events: none;
    /*
    background: url(./images/heading-wf-logo.png) 0 0 no-repeat;
    */
}

.page-home #slideshow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.js .page-home #slideshow {
    opacity: 0;
}
.page-home #slideshow .flexslider {
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
}
.page-home #slideshow .flex-viewport {
    overflow: visible !important;
}
.page-home #slideshow .slides li {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-shadow: inset  0  9px 16px -6px rgba(0, 0, 0, 0.25),
                inset  0 -8px 16px -8px rgba(0, 0, 0, 0.25);
}
.page-home #slideshow .flexslider, .page-home #slideshow .slides li {
    max-width: 2257px;
    height: 480px;
}
.page-home #slideshow .slides a {
    display: block;
    text-indent: -9999px;
    width: 100%;
    height: 100%;
}
.page-home #slideshow .slides span {
    display: block;
    text-indent: -9999px;
}

.page-home #content {
    margin-top: 522px;
}

.page-home #blog {
    position: relative;
}
.page-home .posts-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.page-home #blog article {
    margin-right: 14px;
    background: #fff;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.page-home #blog article:last-child {
    margin-right: 0;
}

.page-home #awards .flexslider {
    margin-bottom: 14px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

#twitter .twitter-feed .widget {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#twitter .twitter-feed p {
    margin-right: 14px;
    background: #fff;
    padding: 14px;
    margin-bottom: 14px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-flex: 0 0 calc(50% - 7px);
    -moz-box-flex: 0 0 calc(50% - 7px);
    -webkit-flex: 0 0 calc(50% - 7px);
    -ms-flex: 0 0 calc(50% - 7px);
    flex: 0 0 calc(50% - 7px);
    width: calc(50% - 7px);
}
#twitter .twitter-feed p:nth-child(2n) {
    margin-right: 0;
}

#instagram .instagram-feed {
    margin-bottom: 14px;
}
#instagram .instagram-feed ul {
    height: 155px;
}
#instagram .instagram-feed li {
    display: inline-block;
    margin-right: 14px;
}
#instagram .instagram-feed li:last-child {
    margin-right: 0;
}
#instagram .instagram-feed li, #instagram .instagram-feed img {
    width: 155px;
    height: 155px;
}
#instagram .instagram-feed a, #instagram .instagram-feed img {
    display: block;
}

@media screen and (max-width: 1379px) {
    .page-home #slideshow .flexslider, .page-home #slideshow .slides li, .page-home #heading {
        height: 360px;
        background-size: auto 360px;
    }
    .page-home #content {
        margin-top: 402px;
    }
}


/* Games
-------------------------------------------------------------------------------*/

/*
#games-menu {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0;
    text-align: center;
}
#games-menu li {
    font-size: 14px;
    display: inline-block;
    margin: 0 6px;
}
#games-menu a {
    color: inherit;
    text-decoration: none;
    padding: 0 12px;
}
*/

.isotope-spinner {
    text-align: center;
}
.no-js .isotope-spinner {
    display: none;
}

.games-list {
    margin-left: -14px;
    width: calc(100% + 14px);
}
.js .games-list.hidden {
    display: none;
}
.no-js .games-list:not(.hidden) {
    display: none;
}
.games-list li {
    float: left;
    margin-bottom: 14px;
    margin-left: 14px;
}
/*
.no-js .games-list li:nth-of-type(even) {
    margin-right: 14px;
}
*/
.games-list a {
    display: block;
}
.games-list li, .games-list img {
    width: 324px;
    height: 160px;
}
.games-list img {
    display: block;
}
.games-list li.featured, .games-list li.featured img {
    width: 662px;
    height: 334px;
}

#games .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.game-media {
    -webkit-box-flex: 0 0 650px;
    -moz-box-flex: 0 0 650px;
    -webkit-flex: 0 0 650px;
    -ms-flex: 0 0 650px;
    flex: 0 0 650px;
    margin-bottom: 14px;
}
.game-media .flexslider {
    position: relative;
    overflow: hidden;
    background: #000;
    width: 650px;
    height: 320px;
}
.game-media .flexslider .slides li {
    text-align: center;
    width: 650px;
    height: 320px;
    line-height: 320px;
}
.game-media .flexslider .slides img {
    display: inline;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.game-media .flexslider .flex-control-nav {
    bottom: 0;
}
.game-meta {
    margin-left: 14px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.game-meta dt {
    font-weight: 600;
    float: left;
    margin-right: 14px;
}
.game-meta dd {
    margin-bottom: 14px;
}
.game-meta a {
    display: inline-block;
    margin-top: 14px;
}
.esrb-rating {
    margin-top: 42px;
}
.esrb-rating img {
    float: left;
    margin-right: 14px;
}
.esrb-rating span {
    display: inline-block;
    padding-top: 7px;
}
.game-buy-links {
    text-align: center;
    margin-bottom: 14px;
    vertical-align: bottom;
}
.game-buy-links a.button {
    float: none;
    margin: 0 14px;
    display: inline-block;
    color: transparent;
    text-indent: -9999px;
    height: 50px;
    width: 183px;
    background-size: 183px 50px !important;
}
.game-buy-links a.buy-steam {
    background: url(images/buy-steam.png) 0 0 no-repeat;
}
.game-buy-links a.buy-humble {
    background: url(images/buy-humble.png) 0 0 no-repeat;
}
.game-buy-links a.buy-apple-appstore {
    background: url(images/buy-appleappstore.png) 0 0 no-repeat;
    height: 52.5px;
    width: 150px;
    background-size: 150px 52.5px !important;
}
.game-buy-links a.buy-amazon-appstore {
    background: url(images/buy-amazonappstore.png) 0 0 no-repeat;
    height: 66px;
    width: 192px;
    background-size: 192px 66px !important;
}
.game-buy-links a.buy-playstation {
    background: url(images/buy-playstation.png) 0 0 no-repeat;
    height: 50px;
    width: 199px;
    background-size: 199px 50px !important;
}
.game-buy-links a.buy-other {
    background: url(images/buy-other.png) 0 0 no-repeat;
}
#game-downloads .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
#game-downloads .download-thumb {
    -webkit-box-flex: 0 0 342px;
    -moz-box-flex: 0 0 342px;
    -webkit-flex: 0 0 342px;
    -ms-flex: 0 0 342px;
    flex: 0 0 342px;
    margin-bottom: 14px;
}
#game-downloads .download-thumb img {
    display: inline;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
#game-downloads .download-details {
    margin-left: 14px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#game-downloads .download-details ul {
    margin-top: 1.5em;
    max-height: calc(192px - 3em - 28px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#game-downloads .download-details li {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.more-games {
    font-size: 13px;
    -moz-column-count: 3;
    -moz-column-gap: 28px;
    -webkit-column-count: 3;
    -webkit-column-gap: 28px;
    column-count: 3;
    column-gap: 28px;
}
.more-games li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Blog
-------------------------------------------------------------------------------*/

.article-list {
    margin-left: -14px;
    width: calc(100% + 14px);
}
.js .article-list.hidden {
    display: none;
}
.no-js .article-list:not(.hidden) {
    display: none;
}
article.post {
    float: left;
    background: #fff;
    padding: 14px;
    width: 493px;
    width: calc(50% - 7px);
    margin-bottom: 14px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.article-list article.post {
    width: calc(50% - 14px);
    margin-left: 14px;
}
article.post p:last-child {
    margin-bottom: calc(1.5em - 14px);
}
/*
.no-js article.post:nth-of-type(even) {
    margin-right: 14px;
}
*/
.single article.post {
    float: none;
    width: auto;
}

.post-title {
    font-size: 19px;
    font-weight: 300;
}
.post-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease;
}
.post-title a:hover, .post-title a:focus {
    color: #409cc1;
}

.post-meta {
    font-size: 13px;
    margin-bottom: 1.5em;
}
.post-meta span {
    padding: 0 0.5em;
    font-weight: 600;
}
.post-comments {
    float: right;
}

.more-link .fa-chevron-right {
    font-size: 11px;
}
.post-content img {
    max-width: calc(100% + 28px);
    height: auto;
    margin: 0 -14px;
}
.post-content img.aligncenter {
    max-width: 100%;
    margin: 0 auto;
}
.post-content img.alignleft {
    float: left;
    max-width: calc(100% - 28px);
    margin: 0 14px 0 0;
}
.post-content img.alignright {
    float: right;
    max-width: calc(100% - 28px);
    margin: 0 0 0 14px;
}


/* Jobs
-------------------------------------------------------------------------------*/

#jobs .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
#jobs .content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.page-jobs #jobs .content {
    width: 648px;
    margin-right: 14px;
}
#jobs .smartWidget {
    width: 338px;
    margin-bottom: 14px;
    padding: 14px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#jobs .srJobList {
    margin: 0;
    padding: 0;
    border: none;
    width: auto;
    height: auto;
    background: #ffffff none;
    border-collapse: separate;
    border-spacing: 0px;
}
#jobs .srJobList .srJobListTitles th {
    margin: 0;
    padding: 8px 10px;
    border: none;
    text-align: left;
    font-weight: 600;
}
#jobs .srJobList .srJobListJobOdd td, #jobs .srJobList .srJobListJobEven td  {
    margin: 0;
    padding: 6px 10px;
    border: none;
    text-align: left;
    font-weight: 400;
    cursor: pointer;
}
#smartWidget0 .srJobList .srJobListJobEven:hover *, #smartWidget0 .srJobList .srJobListJobOdd:hover * {
    background-color: #409cc1;
    color: #fff;
}


/* Support
-------------------------------------------------------------------------------*/

.faq-wrapper .question {
    cursor: pointer;
    font-size: 19px;
    font-weight: 300;
}
.faq-wrapper .question.active {
    cursor: default;
}
.no-js .faq-wrapper .question {
    cursor: default;
}
.faq-wrapper .question .fa {
    float: right;
    line-height: 1.5;
    font-size: 17.5px;
    opacity: 0.3;
}
.faq-wrapper .active .fa::before {
    content: "";
}
.faq-wrapper .answer {
    display: none;
    margin-top: 1.5em;
}
.no-js .faq-wrapper .answer {
    display: block;
}


/* Comments
-------------------------------------------------------------------------------*/

.commentlist {
    list-style: none;
}
.commentlist li {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 14px;
    margin-bottom: 14px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    font-size: 13px;
}
.commentlist .comment-meta {
    margin-bottom: 1.5em;
}
.commentlist .number {
    float: right;
}
.commentlist .comment-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.commentlist .author {
    -webkit-box-flex: 0 0 115px;
    -moz-box-flex: 0 0 115px;
    -webkit-flex: 0 0 115px;
    -ms-flex: 0 0 115px;
    flex: 0 0 115px;
}
.commentlist .comment-content {
    margin-left: 15px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-wrap: break-word;
    overflow-wrap: break-word;
    /*
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    */
}


/* Code of Conduct
-------------------------------------------------------------------------------*/

#code-of-conduct .content h2, #code-of-conduct-dialog .content h2 {
    margin: 3em 0 1.5em;
}
#code-of-conduct ul, #code-of-conduct-dialog ul {
    margin-bottom: 1.5em;
}
#code-of-conduct ul li, #code-of-conduct-dialog ul li {
    list-style: square;
    margin-left: 1.5em;
}


/* Forums
-------------------------------------------------------------------------------*/

#bbpress-forums {
    position: relative;
    margin-bottom: 0;
}

.bbp-meta-toggles, .single-forum #subscription-toggle {
    position: absolute;
    right: 14px;
    top: 15px
}
.bbp-user-page #subscription-toggle .is-subscribed a, .bbp-user-page #favorite-toggle .is-favorite a {
    display: inline-block;
    color: transparent;
    position: absolute;
    right: 7px;
    top: calc(50% - 9px);
    font-size: 14px;
}
.bbp-user-page #subscription-toggle .is-subscribed a::after, .bbp-user-page #favorite-toggle .is-favorite a::after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f057";
    color: #000;
}

.forum-archive #bbpress-forums .bbp-breadcrumb,
div.bbp-template-notice.info,
.bbp-header,
.bbp-topic-meta,
.single-forum #bbpress-forums li.bbp-body ul.forum .bbp-forums-list, .bbp-user-page #bbpress-forums li.bbp-body ul.forum .bbp-forums-list {
    display: none;
}
#bbpress-forums .bbp-breadcrumb {
    width: 100%;
    background: #fff;
    padding: 14px;
    margin-bottom: 14px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    font-weight: 600;
    font-size: 14px;
}
#bbpress-forums div.bbp-breadcrumb p {
    margin: 0;
    max-width: 85%;
}

#bbpress-forums .bbp-topics .bbp-topic-title .bbp-topic-meta {
    display: block;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    border-bottom: none;
    border-left: none;
    border-right: none;
    overflow: visible;
}

.forum-archive #bbpress-forums .bbp-breadcrumb, #bbpress-forums li.bbp-body ul.forum {
    border: none;
}
.forum-archive #bbpress-forums .bbp-forums-list li, .forum-archive #bbpress-forums .bbp-forums-list li.odd-forum-row, .forum-archive #bbpress-forums .bbp-forums-list li.even-forum-row,
.single-forum #bbpress-forums li.bbp-body ul.forum, .bbp-user-page #bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    border-top: none;
    background-color: #fff;
    height: auto;
    font-size: 12px;
}
.forum-archive #bbpress-forums .bbp-forums .bbp-forum-info > .bbp-forum-title,
.forum-archive #bbpress-forums .bbp-forums-list li.odd-forum-row, .forum-archive #bbpress-forums .bbp-forums-list li.even-forum-row,
.single-forum #bbpress-forums li.bbp-body ul.forum, .bbp-user-page #bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic,
#bbpress-forums .bbp-replies li.bbp-body div.topic, #bbpress-forums .bbp-replies li.bbp-body div.reply,
#bbpress-forums .bbp-search-results li.bbp-body div.topic, #bbpress-forums .bbp-search-results li.bbp-body div.reply, #bbpress-forums .bbp-search-results li.bbp-body div.forum {
    width: 100%;
    background: #fff;
    padding: 14px;
    margin-bottom: 14px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    position: relative;
}
.forum-archive #bbpress-forums .bbp-forums-list li:last-child,
#bbpress-forums li.bbp-body ul.topic:last-child {
    margin-bottom: 1px;
}
.forum-archive #bbpress-forums .bbp-forums .bbp-forum-info > .bbp-forum-title,
#bbpress-forums li.bbp-body ul.topic .bbp-topic-permalink {
    font-weight: 600;
    font-size: 14px;
    margin-top: 42px;
}
#bbpress-forums li.bbp-body ul.topic .bbp-topic-permalink {
    display: inline-block;
    max-width: 75%;
}
.forum-archive #bbpress-forums li.bbp-body ul.forum:first-child .bbp-forum-info > .bbp-forum-title,
#bbpress-forums li.bbp-body ul.topic .bbp-topic-permalink {
    margin-top: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}
.forum-archive #bbpress-forums .bbp-forums .bbp-forum-info > .bbp-forum-title a,
span.bbp-admin-links {
    color: inherit;
}
.forum-archive #bbpress-forums .bbp-forums .bbp-forum-info > .bbp-forum-title a:hover, .forum-archive #bbpress-forums .bbp-forums .bbp-forum-info > .bbp-forum-title a:focus,
.bbp-reply-header a.bbp-reply-permalink, span.bbp-admin-links a {
    color: #409cc1;
}
.forum-archive #bbpress-forums .bbp-forums .bbp-forum-info > .bbp-forum-title .fa {
    float: right;
    opacity: 0.15;
    font-size: 125%;
}

#bbpress-forums .status-closed a {
    color: #409cc1;
}
#bbpress-forums .status-closed, #bbpress-forums .status-closed a:hover, #bbpress-forums .status-closed a:focus {
    color: inherit;
}
.bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky {
    background: #fff !important;
}

#bbpress-forums .bbp-topics .bbp-topic-permalink {
    display: inline-block;
    height: auto;
    line-height: inherit;
    padding-left: 0;
}
#bbpress-forums .bbp-topics .topic .bbp-topic-title {
    height: auto;
}
#bbpress-forums li.bbp-body ul.topic .bbp-topic-meta {
    margin: 0;
    font-size: 12px;
}

#bbpress-forums .bbp-forums-list li,
.single-forum #bbpress-forums li.bbp-body ul.forum, .bbp-user-page #bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#bbpress-forums .bbp-forums-list .bbp-forum-title-container,
#bbpress-forums .bbp-forums-list .bbp-forum .topic-reply-counts,
#bbpress-forums .bbp-forums-list .freshness-forum-link,
.single-forum #bbpress-forums .bbp-forums .bbp-forum-info, .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-info,
.single-forum #bbpress-forums .bbp-forums .bbp-forum-topic-count, .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-topic-count,
.single-forum #bbpress-forums .bbp-forums .bbp-forum-freshness, .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-freshness,
#bbpress-forums li.bbp-body ul.topic .bbp-topic-meta,
#bbpress-forums li.bbp-body ul.topic .bbp-topic-reply-count,
#bbpress-forums li.bbp-body ul.topic .bbp-topic-freshness {
    width: auto;
    height: auto;
    padding: 0;
}
#bbpress-forums .bbp-forums-list .bbp-forum-title-container,
.single-forum #bbpress-forums .bbp-forums .bbp-forum-info, .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-info,
#bbpress-forums li.bbp-body ul.topic .bbp-topic-title {
    -webkit-box-flex: 2.5;
    -moz-box-flex: 2.5;
    -webkit-flex: 2.5;
    -ms-flex: 2.5;
    flex: 2.5;
}
#bbpress-forums .bbp-forums-list .bbp-forum-title-container a,
.single-forum #bbpress-forums .bbp-forums .bbp-forum-info > .bbp-forum-title, .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-info > .bbp-forum-title {
    font-weight: 600;
    font-size: 14px;
}
#bbpress-forums .bbp-forums-list .bbp-forum .topic-reply-counts,
.single-forum #bbpress-forums .bbp-forums .bbp-forum-topic-count, .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-topic-count,
#bbpress-forums li.bbp-body ul.topic .bbp-topic-reply-count {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}
#bbpress-forums .bbp-forums-list .bbp-forum .topic-reply-counts span,
.single-forum #bbpress-forums .bbp-forums .bbp-forum-topic-count span, .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-topic-count span,
#bbpress-forums li.bbp-body ul.topic .bbp-topic-reply-count span {
    display: inline-block;
    width: 38.5%;
}
#bbpress-forums .bbp-forums-list .freshness-forum-link,
.single-forum #bbpress-forums .bbp-forums .bbp-forum-freshness, .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-freshness,
#bbpress-forums li.bbp-body ul.topic .bbp-topic-freshness {
    -webkit-box-flex: 1.25;
    -moz-box-flex: 1.25;
    -webkit-flex: 1.25;
    -ms-flex: 1.25;
    flex: 1.25;
}
#bbpress-forums .bbp-forum-title-container p, #bbpress-forums .bbp-forum-content p {
    font-style: normal;
    margin: 0;
}
li.bbp-forum-freshness, li.bbp-topic-freshness {
    text-align: left;
    line-height: inherit;
}
#bbpress-forums .freshness-forum-link .last-posted-topic-title a, li.bbp-forum-freshness .last-posted-topic-title a {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

#bbpress-forums .bbp-replies {
    border: none;
}
#bbpress-forums div.bbp-reply-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums .bbp-search-results div.bbp-forum-header {
    background: transparent;
    border-top: none;
    padding: 0;
}
#bbpress-forums .bbp-search-results div.bbp-forum-header .bbp-meta a {
    float: right;
    margin-left: 10px;
}
span.bbp-admin-links a {
    text-transform: none;
    font-size: inherit;
}
#bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content {
    padding: 12px 0;
    font-size: 13px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    /*
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    */
}
.bbp-signature {
    font-size: 12px;
}
#bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-topic-author {
    text-align: left;
}
#bbpress-forums div.bbp-reply-author a.bbp-author-name, #bbpress-forums div.bbp-topic-author a.bbp-author-name {
    margin: 0;
}

.single-forum .bbp-forums, .bbp-user-page .bbp-forums {
    border-top: none;
}

.bbp-topics + .bbp-pagination, .bbp-replies + .bbp-pagination {
    margin-top: -20px;
}
.bbp-topics + .bbp-pagination + div, .bbp-replies + .bbp-pagination + div {
    margin-top: 60px;
}

.bbp-topic-pagination a {
    font-size: 11px;
    line-height: inherit;
    padding: 2px 3px 1px;
}

#bbpress-forums fieldset.bbp-form {
    border: none;
    width: 100%;
    background: #fff;
    padding: 14px;
    margin-bottom: 14px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
#bbpress-forums input[type=email], #bbpress-forums input[type=text], #bbpress-forums input[type=password], #bbpress-forums textarea,
#reply textarea {
    border: none;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 2px;
    padding: 9px 7px 5px;
    -webkit-appearance: none;
    width: 100%;
    max-width: 100%;
}
#bbpress-forums input[type=email], #bbpress-forums input[type=text], #bbpress-forums input[type=password] {
    height: 35px;
    line-height: 21px;
}
#bbpress-forums textarea, #reply textarea {
    height: 200px;
}
#bbpress-forums input[type=submit], #bbpress-forums input[type=reset], #bbpress-forums button[type=submit], #reply input[type=submit], a.button {
    border: none;
    background: #409cc1;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding: 9px 7px 5px;
    height: 35px;
    line-height: 21px;
    outline: none;
    -webkit-appearance: none;
    border-radius: 2px;
    cursor: pointer;
    float: right;
    margin-left: 14px;
}
#bbpress-forums input[type=submit], #bbpress-forums input[type=reset], #bbpress-forums button[type=submit] {
    margin-top: -46px;
}
#bbpress-forums input[type=radio], #bbpress-forums input[type=checkbox] {
    display: none;
}
#bbpress-forums input[type=radio] + label:before, #bbpress-forums input[type=checkbox] + label:before {
    display: block;
    float: left;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    text-align: center;
    border: 1px solid rgba(0,0,0,0.25);
    background: #fff;
    height: 21px;
    width: 21px;
    padding-left: 1px;
    margin-right: 5px;
    margin-top: -2px;
    color: #fff;
}
#bbpress-forums input[type=radio]:checked + label:before, #bbpress-forums input[type=checkbox]:checked + label:before {
    color: rgba(0, 0, 0, 0.75);
}
#bbpress-forums label {
    font-weight: 400;
    font-size: 14px;
}

.quicktags-toolbar {
    border-bottom: none !important;
    background: transparent !important;
}

div.bbp-template-notice, div.bbp-template-notice.error, div.bbp-template-notice.warning {
    border: none;
    border-radius: none;
    color: inherit;
    width: 100%;
    background: #fff;
    padding: 14px;
    margin-bottom: 14px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
div.bbp-template-notice p {
    font-size: 14px;
    padding: 0;
    margin: 0 !important;
    line-height: inherit;
}
div.bbp-template-notice p::before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f06a";
    margin-right: 6px;
}
#bbpress-forums fieldset.bbp-form div.bbp-template-notice {
    border: none;
    padding: 0;
    margin: 0;
    border-radius: none;
    background-color: transparent;
    color: inherit;
    box-shadow: none;
    margin-bottom: 14px;
}

#bbpress-forums #bbp-user-wrapper h2.entry-title {
    background: #fff;
    padding: 14px;
    margin: 28px 0 14px;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
#bbpress-forums #bbp-user-wrapper h2.entry-title:first-child, #account-backerkit h2:first-child {
    margin-top: 0;
}
#bbpress-forums #bbp-user-wrapper .bbp-user-section {
    font-size: 14px;
}
#bbpress-forums #bbp-user-wrapper fieldset fieldset {
    box-shadow: none;
    margin-bottom: 0;
}
#bbpress-forums #bbp-your-profile fieldset span.updated {
    float: left;
    clear: left;
    margin: 5px 0 0 20%;
    font-size: 12px;
}
#bbpress-forums #bbp-your-profile fieldset span.description,
#bbpress-forums #bbp-your-profile fieldset span.updated {
    background: none;
    border: none;
    padding: 0;
    font-style: normal;
}
#bbpress-forums #bbp-your-profile fieldset input, #bbpress-forums #bbp-your-profile fieldset textarea {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 2px;
}
#bbpress-forums #bbp-your-profile fieldset input:focus, #bbpress-forums #bbp-your-profile fieldset textarea:focus {
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    outline-color: rgba(88, 173, 242, 0.1);
}
#bbpress-forums #bbp-user-wrapper fieldset.submit {
    background: none;
    box-shadow: none;
}
#bbpress-forums #bbp-your-profile fieldset.submit button {
    margin-right: -20px;
    margin-top: 0;
}

/* Pledges */
#bbpress-forums #account-backerkit .backerkit-pledge {
    font-size: 14px;
}
#bbpress-forums #account-backerkit .pledge-status .fa {
    margin-left: 2px;
}
#bbpress-forums #account-backerkit .pledge-status .fa-unlock, #bbpress-forums #account-backerkit .pledge-status .fa-lock {
    margin-left: 4px;
    margin-right: 1px;
}
#bbpress-forums #account-backerkit .pledge-values span {
    padding: 0 0.5em;
    font-weight: 600;
}
#bbpress-forums #account-backerkit a.button {
    margin-left: 14px;
    margin-bottom: 14px;
}
#bbpress-forums #account-backerkit ul {
    margin-bottom: 1.5em;
}
#bbpress-forums #account-backerkit li {
    list-style: square;
    margin-left: 1.5em;
}
#bbpress-forums #account-backerkit #refresh-backerkit + .message {
    clear: both;
}
#bbpress-forums #account-backerkit #art_upload_wrapper {
    position: relative;
    font-size: 14px;
}
#bbpress-forums #account-backerkit .legal {
    font-size: 12px;
    margin-bottom: 1.5em;
}
#bbpress-forums #account-backerkit #art_form_output .status {
    margin-top: 28px;
}
#bbpress-forums #account-backerkit #art_form_output .progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    padding: 14px;
    display: none;
}
#bbpress-forums #account-backerkit #art_form_output .progress .bar {
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    margin-top: 400px;
    background: #fff;
    border: 1px solid #409cc1;
    position: relative;
}
#bbpress-forums #account-backerkit #art_form_output .progress .bar-bg {
    background: #409cc1;
    height: 26px;
    width: 0;
}
#bbpress-forums #account-backerkit #art_form_output .progress .percent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
#bbpress-forums #account-backerkit label[for="artwork-legal"] {
    margin-bottom: 1.5em;
    display: inline-block;
}
#bbpress-forums #account-backerkit #artwork-name, #bbpress-forums #account-backerkit #artist-name {
    width: calc(50% - 14px);
    float: left;
}
#bbpress-forums #account-backerkit #artist-name {
    float: right;
}
#bbpress-forums #account-backerkit #artwork {
    clear: both;
    margin-top: 14px;
}
#bbpress-forums #account-backerkit #submit-ajax {
    clear: both;
    margin-top: 28px;
}
/*
#bbpress-forums #account-backerkit input[disabled=disabled] {
    background: #efefef;
}
*/

/* Markdown editor */
#new-post .wmd-preview {
    margin-bottom: 1.5em;
    max-width: 972px;
}
#new-post .form-allowed-tags, #new-post .form-allowed-tags code {
    width: auto;
}
#new-post .form-allowed-tags {
    display: none;
    margin-bottom: 1.5em !important;
}
#wmd-heading-buttonbbp_reply_content, #wmd-hr-buttonbbp_reply_content,
#wmd-heading-buttonbbp_topic_content, #wmd-hr-buttonbbp_topic_content {
    display: none;
}
.wmd-spacer3 {
    left: 250px;
}
#wmd-undo-buttonbbp_reply_content, #wmd-undo-buttonbbp_topic_content {
    left: 270px !important;
}
#wmd-redo-buttonbbp_reply_content, #wmd-redo-buttonbbp_topic_content {
    left: 295px !important;
}

/* Polls */
#bbpress-forums .advpolls-buttons input[type=submit], #bbpress-forums .advpolls-buttons input[type=reset], #bbpress-forums .advpolls-buttons button[type=submit] {
    margin-top: 0;
}
#bbpress-forums .advpolls-answers input[type=radio], #bbpress-forums .advpolls-answers input[type=checkbox] {
    display: inline-block;
}
#bbpress-forums .advpolls-answers ul {
    padding-left: 0;
}
.advpolls p:empty, .advpolls .advpolls-form > p, .advpolls .advpolls-answers label br {
    display: none;
}
.advpolls .advpolls-answers input[type=checkbox] {
    vertical-align: baseline;
}


/* Login register ajax styles
-------------------------------------------------------------------------------*/

#login-register .overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
#login-register .container {
    display: none;
    position: absolute;
    top: 15%;
    left: calc(50% - 264px);
    right: calc(50% - 264px);
    width: 528px;
    z-index: 3000;
    box-shadow: 2px 2px 30px 10px rgba(0,0,0,0.25);
}

#login-register .tab-links li {
    float: left;
    width: calc(50% - 1px);
}
#login-register .tab-links li:last-child {
    float: right;
}
#login-register .tab-links a {
    display: block;
    background: rgba(255,255,255,0.85);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 14px 28px 10px;
    font-weight: 600;
}
#login-register .tab-links .active-tab a {
    border-color: #fff;
    color: #000;
    background: #fff;
}

#login-register .tab-container {
    background: #fff;
    padding: 28px 28px 24px;
}

#login-register .close-dialog {
    position: absolute;
    top: -30px;
    right: 16px;
    font-size: 24px;
    color: inherit;
}
#login-register .close-dialog .fa-stack {
    line-height: 1;
    height: auto;
    width: auto;
}

#login-register #register {
    display: none;
}
#login-register #forgot-password {
    display: none;
}
#login-register #reset-password {
    display: none;
}

#login-register #login h3, #login-register #register h3 {
    display: none;
}
#login-register #forgot-password h3 {
    margin-bottom: 1.5em;
}

#login-register form > div:not(.login_fields):not(.password-strength):not(#wp-social-login-connect-options) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5em;
}
#login-register form label {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font: inherit;
    border: none;
    border-radius: 2px 0 0 2px;
    padding: 9px 10px 5px;
    height: 35px;
    font-weight: 600;
    text-align: right;
}
#login-register form input[type=email], #login-register form input[type=text], #login-register form input[type=password] {
    width: 68%;
    font: inherit;
    border: none;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 2px;
    padding: 9px 7px 5px;
    height: 35px;
    line-height: 21px;
    -webkit-appearance: none;
}
#login-register form input[type=email]:focus, #login-register form input[type=text]:focus, #login-register form input[type=password]:focus {
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    outline-color: none;
}
#login-register input[type=submit], #login-register input[type=reset] {
    border: none;
    background: #409cc1;
    font: inherit;
    color: #fff;
    padding: 9px 7px 5px;
    height: 35px;
    line-height: 21px;
    outline: none;
    -webkit-appearance: none;
    border-radius: 2px;
    float: right;
    cursor: pointer;
}
#login-register input[type=submit]:disabled {
    cursor: default;
    background: rgba(0,0,0,0.25);
}
#login-register input[type=reset] {
    margin-right: 16px;
}
#login-register input[type=radio], #login-register input[type=checkbox] {
    display: none;
}
#login-register input[type=radio] + label:before, #login-register input[type=checkbox] + label:before {
    display: block;
    float: left;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    text-align: center;
    border: 1px solid rgba(0,0,0,0.25);
    background: #fff;
    height: 21px;
    width: 21px;
    padding-left: 1px;
    margin-top: -2px;
    color: #fff;
}
#login-register input[type=radio]:checked + label:before, #login-register input[type=checkbox]:checked + label:before {
    color: rgba(0, 0, 0, 0.75);
}
#register .email, #register .confirm-email {
    display: none !important;
}
#login-register .rememberme {
    margin-top: 9px;
    float: left;
}
#login-register .rememberme label {
    font-weight: 400;
    display: inline;
}
#login-register .forgot-password-link {
    display: inline-block;
    margin-top: 1.5em;
}

.strength-meter {
    margin-left: 32%;
    width: 68%;
    font-weight: 600;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 2px;
    padding: 9px 7px 5px;
    height: 35px;
    line-height: 21px;
    margin-bottom: 1.5em;
    text-align: center;
    background-color: #eee;
}
#bbpress-forums .strength-meter {
    margin-left: 0;
}
.strength-meter.short {
    background-color: #ffa0a0;
    border-color: #f04040 !important;
}
.strength-meter.bad {
    background-color: #ffb78c;
    border-color: #ff853c !important;
}
.strength-meter.good {
    background-color: #ffec8b;
    border-color: #fc0 !important;
}
.strength-meter.strong {
    background-color: #c3ff88;
    border-color: #8dff1c !important;
}

#wp-social-login-connect-with {
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 14px;
}
#wp-social-login-connect-options {
    padding: 10px 0 0;
    text-align: center;
    display: block;
    margin-bottom: 0;
}
.wsl_connect_with_provider {
    margin-right: 7px;
}
#wp-social-login-connect-options a {
    display: inline-block;
    height: 32px;
}


/* Code of Conduct Dialog
-------------------------------------------------------------------------------*/

#code-of-conduct-dialog .overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
#code-of-conduct-dialog .container {
    display: none;
    position: absolute;
    top: 15%;
    left: calc(50% - 368px);
    right: calc(50% - 368px);
    width: 736px;
    z-index: 3000;
    box-shadow: 2px 2px 30px 10px rgba(0,0,0,0.25);
    background: #fff;
    padding: 28px 28px 24px;
    overflow: scroll;
    overflow-x: hidden;
    max-height: 640px;
}


/* Games: Shantae PayPal
-------------------------------------------------------------------------------*/

.wf_games-shantae-half-genie-hero .pledge-level > img:first-child {
    margin-left: -5px;
    margin-bottom: 14px;
}
.wf_games-shantae-half-genie-hero .pledge-level p + form {
    margin-top: -0.75em;
}
.wf_games-shantae-half-genie-hero .pledge-level form + p {
    margin-top: 1.5em;
}
.wf_games-shantae-half-genie-hero #paypal + .wrapper > .content:first-child {
    background: #fff url(/wp-content/uploads/2014/06/paypal-logo.png) calc(100% - 14px) 50% no-repeat;
    background-size: 250px;
}



/* Print styles
-------------------------------------------------------------------------------*/

@media print {

}


/* Media queries
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
/* I did. Yep. Still gotta us MQ tho :) */

/* First break point calc from : #content{width}(=1000px) + page gutters(=14px) ) */

@media screen and (min-width: 1014px) {

    #navigation-container {
        /* Force to be always visible at larger screen sizes despite jQuery having hidden it.*/
        display: inline !important;
    }

}

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

    /* Remove preset 1000px width & max-width values */
    body,
    #heading,
    #footer {
        min-width: 0;
    }

    #wrapper,
    #heading .wrapper,
    #footer .wrapper,
    #content {
        width: 100%;
    }

    /* Nav
    -----------------*/

    #header {
        position: fixed;
        height: 64px;
        width: 100%;
        top: 0;
        z-index: 1100;
        background-color: white;
        box-shadow: 0 9px 20px rgba(0, 0, 0, 0.5)
    }

    #logo {
        /* Magic Number -8px : replaces magic number -20px to align logo with 14px page gutters. */
        background-position: -8px 50%;
        background-size: contain;
        width: 50%;
    }

    #searchform, #bbp-search-form {
        /* Consistent gutters w/ rest of page. */
        right: 14px;
        width: calc(100% - 28px);
        top: calc(50% + 14px);
    }

    #navigation-container {
        display: none;
        position: relative;
        box-shadow: 0 12px 19px -4px rgba(0, 0, 0, .5);
        overflow: hidden;
    }

    #account-menu, #nav {
        width: 100%;
        margin: 0;
        background-color: white;
        z-index: 1100;
    }

    #account-menu .account-link:after{
        display: none;
    }


/*    #account-sub-menu {
        display: none;
}*/

/* show log-out */
    #account-sub-menu li:not(.logout-menu-item) {
        opacity: 0;
    }

    #account-menu #account-sub-menu {
        visibility: hidden;
        opacity: 1;
        position: relative;
        top: 0px;
        z-index: 1000;
        background-color: transparent;
        box-shadow: 0 0px 0 rgba(0,0,0,0.05);
        transition: opacity 0.25s linear 0s, visibility 0.25s linear 0.25s;
    }

    #account-menu #account-sub-menu li:not(.logout-menu-item) {
        display: none;
    }

    #account-menu #account-sub-menu .logout-menu-item {
        opacity: 1;
        visibility: visible;
        margin-left: 19px;
        border-top: none;
        width: 100%;
        text-align: center;
        font-size: 16px;
    }

    #account-menu .account-menu-item:hover #account-sub-menu {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.25s linear 0.3s, visibility 0.25s linear 0s;
    }
    #account-menu #account-sub-menu li {
        width: 172px;
        margin: 0;
        text-align: right;
        border-top: 1px solid rgba(0,0,0,0.05);
    }
    #account-menu #account-sub-menu a {
        padding: 8px 20px 6px 8px;
        width: 100%;
    }

    #account-menu {
        text-align: center;
    }
    /* end show log-out */

    #account-menu > li > a {
        line-height: 40px;
        height: 40px;
        font-size: 16px;
    }
    #nav a {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    #nav li:last-child {
        margin-right: 0;
    }

    #account-menu li, #nav li {
        position: relative;
        display: block;
        margin: 0;
        text-align: center;
    }

    /* Hamburger CSS icon + transitions*/

    #hamburger-menu {
        display: block;
        height: 64px;
        width: 64px;
        right: 14px;
        top: 0;
        z-index: 1101;
        cursor: pointer;
        position: absolute;
    }

    #hamburger-menu span {
        display: block;
        position: absolute;
        background: rgb(51, 51, 51);
        border-radius: 1px;
        width: 22px;
        right: 21px;
        top: 29px;
        height: 4px;
        -webkit-transition: background 0s .25s;
                transition: background 0s .25s;
    }

    #hamburger-menu span:before,
    #hamburger-menu span:after {
        position: absolute;
        display: block;
        right: 0;
        width: 22px;
        height: 4px;
        background-color: rgb(51, 51, 51);
        border-radius: 1px;
        content: "";
        -webkit-transition-duration: .25s,.25s;
                transition-duration: .25s,.25s;
        -webkit-transition-delay: .25s, 0s;
                transition-delay: .25s, 0s;
    }

    #hamburger-menu span:before {
        -webkit-transition-property: top, -webkit-transform;
                transition-property: top, transform;
        top: 7px;
    }

    #hamburger-menu span:after {
        -webkit-transition-property: bottom, -webkit-transform;
                transition-property: bottom, transform;
        bottom: 7px;
    }

    #hamburger-menu.active span {
        background: 0 0;
    }
    #hamburger-menu.active span:before {
        top: 0;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transition-delay: 0s, .25s;
                transition-delay: 0s, .25s;
    }

    #hamburger-menu.active span:after {
        bottom: 0;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition-delay: 0s, .25s;
                transition-delay: 0s, .25s;
    }

    /* Heading
    -----------------*/

    #heading {
        top: 64px;
    }

    #heading h1 {
        /* It's harder to see things on a mobile screen. */
        text-shadow: 0 0 20px rgba(0, 0, 0, 1);
        text-align: center;
    }

    /* Pages
    -----------------*/

    /* -- General --*/
    #content {
        margin-top: 266px;
    }
    .page-home #slideshow .flexslider {
        min-width: 0;
    }
    .page-home #heading h1 {
        width: auto;
    }
    .page-home #content {
        margin-top: 472px;
    }

    #content .header .fa, h2.entry-title .fa,
    .forum-archive #bbpress-forums .bbp-forums .bbp-forum-info > .bbp-forum-title .fa
    {
        /* It's harder to see things on a mobile screen. */
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .wp-pagenavi {
        text-align: center;
        /* It's harder to see things on a mobile screen. */
        font-size: 20px;
    }

    /* -- Home --*/

    #instagram .instagram-feed ul {
        height: auto;
        text-align: center;
        /* Magic Number: the size of three instagram thumbnails (which have static width) */
        margin: 0 auto;
    }
    #instagram .instagram-feed li, #instagram .instagram-feed img {
        height: auto;
        width: calc(100% / 6);
        float: left;
        margin: 0;
    }
    #instagram .instagram-feed img {
        width: 100%;
    }
    #instagram .instagram-feed li {
        padding-left: 4px;
        padding-right: 4px;

    }



    /* -- Games / Isotope --*/
    .games-list {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .games-list li img, .games-list li.featured img {
        width: 100%;
        height: auto;
    }

    .games-list li, .games-list li.featured {
        width: 50% !important;
        height: auto;
        margin: 0;
        padding: 10px;
    }

    .games-list > li:nth-child(2n+3) {
        clear: both;
    }
    /* -- News -- */
    .article-list article.post {
        /* Enable full width posts */
        width: calc(100% - 14px);
    }

    /* -- Single Game -- */

    .game-media {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
    .game-media .flexslider {
        width: 100%;
    }

    .game-media .flexslider .slides li {
    }

    .game-media .flexslider .slides li img,
    .game-media .flexslider .slides iframe {
        top:0;
        left: 0;
        max-height: 100%;

    }
    .game-media .flexslider .slides iframe {
        max-width: 650px;
        width: 100%;
    }
    #games .wrapper {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .game-meta {
        -webkit-box-flex: 1;
        -webkit-flex: 1 auto;
            -ms-flex: 1 auto;
                flex: 1 auto;
    }
    .game-meta dd {
        margin-right: 10px;
        float: left;
    }
    .esrb-rating {
        clear: both;
    }

    .game-buy-links a.button {
        margin-bottom: 14px;
    }

    /* -- WayForums -- */

    #bbpress-forums {
        /* TODO: ... ... ... T___T */

    }

    /* -- Support -- */
    .faq-wrapper .question .fa {
        /* Add Padding for better visual clariyt on mobile (1/2 gutter) */
        padding-left: 14px;
        /* It's harder to see things on a mobile screen. */
        font-size: 26px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    /* -- About -- */
    #contact .content {
        /* Can't turn into grid as WP throws out random paragraphs with the wysiwyg.*/
        /* TODO something about this */
    }

    /* Footer
    */
    #footer {
        /* Consistent gutters w/ rest of page. */
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media screen and (max-width: 875px) {
    dt {
        clear:both;
    }
}
@media screen and (max-width: 780px) {

    /* Login
    -----------------*/
    #login-register .container {
        width: calc(100% - 28px);
        left: 14px;
        right: 14px;
    }

    /* Pages
    -----------------*/
    /* -- Home -- */
    .page-home #slideshow .flexslider, .page-home #slideshow .slides li, .page-home #heading  {
        background-size: auto 200px;
        height: 200px;
    }
    .page-home #content {
        margin-top: 312px;
    }
    #twitter .twitter-feed p {
        -webkit-box-flex: 100%;
        -webkit-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
        margin: 0;
    }

    /* -- Jobs -- */
    .page-jobs #jobs .content {
        width: auto;
    }
    /* -- WayForum -- */

    #bbpress-forums .bbp-forums-list .bbp-forum .topic-reply-counts span,
    .single-forum #bbpress-forums .bbp-forums .bbp-forum-topic-count span,
    .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-topic-count span,
    #bbpress-forums li.bbp-body ul.topic .bbp-topic-reply-count span
    {
        width: auto;
        margin-right: 10px;
    }

    .advpolls {
        width: auto !important;
    }

    /* Footer
    -----------------*/
    #secondary-account-menu {
        display: none;
    }
    #menu-footer-menu {
        text-align: center;
    }
    #secondary-nav-menu li.coc, #secondary-nav-menu li.privacy {
        float: none;
    }
    #social-links-menu{
        text-align: center;
    }
    #copyright {
        float: none;
        text-align: center;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 680px){
    /* -- Games -- */
    .games-list li, .games-list li.featured {
        width: 100% !important;
    }

    /* -- Jobs -- */

    #jobs .wrapper {
        /* Remove flex to return the item to the normal page flow*/
        display: block;
    }

    #jobs .smartWidget {
        width: 100%;
        text-align: center;
    }
    #jobs .smartWidget > div {
        width: 100%;
    }
}

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

    /* Nav Bar
    -----------------*/

    #header, #logo, #hamburger-menu {
        height: 50px;
    }

    #hamburger-menu {
        right: 0;
    }

    #heading {
        top: 50px;
    }
    #hamburger-menu span {
        top: 21px;
    }

    #content .header {
        margin: 7px 0 14px;
    }

    .page-home #content {
        margin-top: 254px;
    }

    #content {
        margin-top: 217px;
    }


    /* Login
    -----------------*/
    #login-register form > div:not(.login_fields):not(.password-strength):not(#wp-social-login-connect-options) {
        display: block;
    }
    #login-register form label {
        text-align: center;
    }

    #login-register form input[type=email],
    #login-register form input[type=text],
    #login-register form input[type=password] {
        width: 100%;
    }

    .strength-meter {
        margin-left: auto;
        margin-right: auto;
    }

    #login-register input[type=submit],
    #login-register input[type=reset] {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    #login-register input[type=reset] {
        margin-top: 10px;
    }

    /* Forum
    -----------------*/
    .bbp-meta-toggles {
        position: relative;
        padding-left: 4px;
        top: 0;
        right: 0;
        pointer-events: none;
    }

    .bbp-meta-toggles a {
        pointer-events: auto;
    }

    #bbpress-forums input[type=submit], #bbpress-forums input[type=reset], #bbpress-forums button[type=submit] {
        margin-top: 0;
    }

    #bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-topic-author {
        float: none;
    }

    #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
        margin-left: 0;
        padding: 0;
    }

    #bbpress-forums div.bbp-breadcrumb p {
        max-width: 100%;
    }

    #bbpress-forums li.bbp-body ul.topic .bbp-topic-permalink {
        max-width: 100%;
    }

    .bbp-topic-pagination {
        display: block;
        margin-left: 0;
        font-size: 200%;
    }

    #bbpress-forums .bbp-forums-list li, .single-forum #bbpress-forums li.bbp-body ul.forum, .bbp-user-page #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    #bbpress-forums .bbp-forums-list .bbp-forum-title-container, .single-forum #bbpress-forums .bbp-forums .bbp-forum-info, .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-info, #bbpress-forums li.bbp-body ul.topic .bbp-topic-title {
        -webkit-box-flex: 1;
        -webkit-flex: 1 auto;
            -ms-flex: 1 auto;
                flex: 1 auto;
    }
    #bbpress-forums .bbp-forums-list .freshness-forum-link, .single-forum #bbpress-forums .bbp-forums .bbp-forum-freshness, .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-freshness, #bbpress-forums li.bbp-body ul.topic .bbp-topic-freshness {
        -webkit-box-flex: 1;
        -webkit-flex: 1 auto;
            -ms-flex: 1 auto;
                flex: 1 auto;
    }

    #bbpress-forums .bbp-forums-list .freshness-forum-link,
    #bbpress-forums .bbp-forums-list .bbp-forum .topic-reply-counts,
    .single-forum #bbpress-forums .bbp-forums .bbp-forum-topic-count,
    .bbp-user-page #bbpress-forums .bbp-forums .bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.topic .bbp-topic-reply-count
    {
        display: none;
    }
    #bbp-single-user-details {
        float: none !important;
        width: auto !important;
    }
    #bbp-user-avatar {
        float: left !important;
        margin-left: 14px !important;
    }
    #bbp-user-navigation {
        float: right !important;
        margin-right: 14px !important;
    }
    #bbpress-forums #bbp-user-body {
        margin-left: 0;
    }

}

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

    /* Login
    -----------------*/
    #login-register ul.tab-links.clearfix a {
        min-height: 67px;
    }
}

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

    /* Login
    -----------------*/
    #login-register ul.tab-links.clearfix a {
        min-height: 88px;
    }
}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}