/**
 * Theme Name: Planet Virtual Boy
 * Author: Christian Radke
 * Version: 4.0
 * Tags: buddypress, bbpress, responsive
 */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,caption,canvas,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,form,footer,header,hgroup,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tt,table,tbody,textarea,tfoot,thead,time,tr,th,td,u,ul,var,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;text-align:left;margin:0;padding:0;border:0;outline:0;background:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}blockquote,q{quotes:none;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}

html {
    height: 100%
}

body {
    background-color: #f1f1f1;
    /*background-image: url("https://www.virtual-boy.com/wp-content/themes/planetvb/img/background.png");*/
    color: #333;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    height: 100%;
    line-height: 1.3em;
    -moz-box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
}
body.page-transition * {
    cursor: wait !important;
}

#main-wrapper {
    min-height: 100%;
    -moz-box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

a {
    color: #333;
}

a:hover {
    color: #d31422;
}

b,
.bold {
    font-weight: bold;
}

i,
em,
.italic {
    font-style: italic;
}

blockquote {
    background: url("https://www.virtual-boy.com/wp-content/themes/planetvb/img/quote.png") no-repeat 4px 5px;
    color: #666;
    font-style: italic;
    padding: 6px 20px 6px 40px;
}

code {
    font-family:"Courier New", Courier, monospace;
}

h2, h3, h4, h5, h6 {
    font-family: Sec;
    margin-bottom: 15px;
}
h2
{
    font-size: 130%;
}
h3
{
    font-size: 110%;
}
h4, h5, h6
{
    font-size: 100%;
}

h2 a, h3 a, h4 a, h5 a, h6 a
{
    text-decoration: none;
}

strong {
    font-weight: bold;
}

img,
img a {
    border: none;
}

img.left {
    float: left;
    padding: 6px 0 0 0;
}
img.right {
    float: right;
    padding: 0 0 0 6px;
}

p {
    margin: 0 0 15px 0;
}

ul {
    list-style-type: square;
    padding: 0 25px 15px 25px;
}

ol {
    padding: 0 25px 15px 25px;
}

sup {
    display: inline-block;
    font-size: 70%;
    font-weight: bold;
    margin: 0 2px;
    vertical-align: top;
}

sup a
{
    text-decoration: none;
}

small {
    font-size: 80%;
    line-height: 130%;
}

table.table,
table.notification-settings {
    margin-bottom: 20px;
    width: 100%;
}
table.table td,
table.notification-settings td {
    line-height: 110%;
    padding: 10px;
    vertical-align: top;
}
table.table th,
table.notification-settings th {
    border-bottom: 1px solid #666;
    font-weight: bold;
    line-height: 110%;
    padding: 10px;
}
table.table-condensed th,
table.table-condensed td {
    padding: 5px 10px;
}
table.table tr:last-child td,
table.notification-settings tr:last-child td {
    border-bottom: none;
}
table .align-right {
    text-align: right;
}

::-webkit-scrollbar
{
    width: 12px;
}

::-webkit-scrollbar-thumb
{
    background: #ccc;
}

::-webkit-scrollbar-thumb:hover
{
    background: #aaa;
}


.container.content-main {
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/img/backgrounds/play.png') no-repeat right 20px;
}
.container.content-game {
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/img/backgrounds/cartridge.png') no-repeat right 20px;
}
.container.content-hardware {
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/img/backgrounds/head.png') no-repeat right 20px;
}
.container.content-homebrew,
.container.content-community {
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/img/backgrounds/controller.png') no-repeat right 20px;
}
.container.content-company,
.container.content-person,
.container.content-media {
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/img/backgrounds/shoulder.png') no-repeat right 20px;
}

.bbp-topic-pagination {
    display: block;
    float: right;
    overflow: auto;
}

.bbp-topic-pagination .page-numbers {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px 3px 3px 3px;
    color: rgba(0, 0, 0, 0.3);
    float: left;
    font-family: Sec;
    font-size: 9px;
    line-height: 13px;
    margin-right: 1px;
    text-align: center;
    text-decoration: none;
    width: 24px;
}

.bbp-topic-pagination .page-numbers:hover {
    border-color: #666;
    color: #333;
}

.bbp-forums-list {
    padding-bottom: 0;
}

.item.super-sticky,
.item.sticky {
    background-color: #C5E0C5;
    background-image: linear-gradient(to bottom, #f1f1f1 0%, #C5E0C5 100%);
}
.item.status-closed {
    opacity: .5;
}
.item.status-closed:hover {
    opacity: 1;
}
/*
#favorite-toggle,
#subscription-toggle {
    letter-spacing: -999em;
}
#favorite-toggle span,
#subscription-toggle span {
    letter-spacing: normal;
    opacity: .5;
}
#favorite-toggle > span.is-favorite,
#favorite-toggle:hover > span,
#subscription-toggle > span.is-subscribed,
#subscription-toggle:hover > span {
    opacity: 1;
}
*/

.bbp-the-content,
#bbp_forum_id,
#bbp_stick_topic_select,
#bbp_topic_status_select {
    width: 100%;
}

.bbp-topic-revision-log,
.bbp-reply-revision-log {
    border-left: 3px solid #aaa;
    color: #333;
    display: inline-block;
    font-size: 70%;
    line-height: 1.1em;
    list-style: none;
    margin-bottom: 15px;
    max-height: 150px;
    opacity: 0.4;
    overflow: auto;
    padding: 1px 10px;
    width: 100%;
}
.bbp-topic-revision-log:hover,
.bbp-reply-revision-log:hover {
    opacity: 1;
}
.bbp-topic-revision-log .bbp-author-avatar,
.bbp-reply-revision-log .bbp-author-avatar {
    display: none;
}
.bbp-topic-revision-log .avatar,
.bbp-reply-revision-log .avatar {
    vertical-align: text-bottom;
}

/*
.bbp-row-actions .favorite-toggle,
.bbp-row-actions .subscription-toggle {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    color: #FFF;
    display: inline-block;
    font-size: 21px;
    line-height: 32px;
    text-align: center;
    width: 32px;
}

.bbp-row-actions .favorite-toggle:hover,
.bbp-row-actions .subscription-toggle:hover {
    background-color: #d31422;
    color: #f1f1f1 !important;
}
*/

.bbp-reply-to {
    margin-left: 130px;
    padding: 12px 12px 12px 0;
    text-align: right;
}

#bbp-cancel-reply-to {
    text-align: right;
}

/* Dashed lines under forum posts */
.bbp-replies .message {
    border-bottom: 1px dashed #aaa;
}
.bbp-replies .message:last-child {
    border-bottom: none;
}
.bbp-body + .pagination {
    border-top: 1px dashed #aaa;
    padding-top: 20px;
}



/***** ATTACHMENTS *****/

.bbp-attachments,
.bbp-attachments-errors {
    border-top: none !important;
}

.message .bbp-attachments,
.message .bbp-attachments-errors {
    /*margin-top: 35px !important;*/
}

.bbp-attachments h6,
.bbp-attachments-errors h6 {
    color: #aaa;
    display: none;
    font-size: .8em !important;
    font-weight: normal !important;
}

.bbp-attachments ol {
    overflow: auto;
    padding: 0;
}
.bbp-attachments ol.with-icons {
    list-style: none;
}

.bbp-attachments li {
    color: #999;
    font-size: 80%;
    line-height: 16px;
    margin: 0 5px 5px;
}
.bbp-attachments ol.with-icons li {
    padding: 0 0 0 18px;
}
.bbp-attachments ol.with-icons li.bbp-atthumb {
    padding: 0;
}

.bbp-attachments li a {
    color: #999;
}
.bbp-attachments li a:first-child {
    color: #333;
    font-size: 14px;
}
.bbp-attachments li a:hover {
    color: #d31422
}

.d4p-attachment-addfile {
    clear: both;
    color: #999;
    display: block;
    font-size: 14px;
    padding: 5px;
    text-decoration: none;
}

.d4p-attachment-addfile:before {
    content: "\f067";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 5px;
    vertical-align: top;
}

.bbp-attachments legend {
    clear: both;
    color: #aaa;
    cursor: pointer;
    display: block;
    font-family: Sec;
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase;
}

.bbp-attachments.hide-notice .bbp-template-notice {
    display: none;
}

.bbp-attachments .bbp-template-notice p {
    margin: 0;
}

.bbp-attachments-form {
    margin-top: 5px;
}

.bbp-attachments-form label,
.bbp-attachments-form br {
    display: none;
}

.bbp-attachments-form input {
    float: left;
    margin-right: 2px;
}

.bbp-author-avatar {
    padding-right: 5px;
}

#bbpress-forums .bbp-attachments ol,
#bbpress-forums .bbp-attachments-errors ol {
    max-height: 180px;
    overflow: visible !important;
}

.box {
    background-color: #f1f1f1;
    border: 1px solid #000;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.box:after {
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.box img {
    border: none;
    border-radius: 0;
    float: left;
    max-width: intrinsic;
    max-width: -moz-fit-content;
    position: relative;
    z-index: 0;
}

.box .box-title {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 0 3px 3px 0;
    bottom: 10px;
    color: #f1f1f1;
    font-size: 14px;
    left: 0;
    line-height: 15px;
    max-width: 75%;
    opacity: 0;
    padding: 4px 10px;
    position: absolute;
    z-index: 2;
}
.box .box-title .meta {
    padding-top: 0;
}
.box:hover .box-title {
    opacity: 1;
    transition: opacity .5s;
}

/*
.box.placeholder:before {
    bottom: 50%;
    color: #333;
    content: "?";
    font-size: 46px;
    left: 50%;
    line-height: 100%;
    margin: -24px 0 0 -10px;
    opacity: .3;
    position: absolute;
    right: 50%;
    text-align: center;
    text-shadow: 0 1px 0 #f1f1f1, 0 -1px 0 #f1f1f1, 1px 0 0 #f1f1f1, -1px 0 0 #f1f1f1;
    top: 50%;
    z-index: 1;
}
*/

.status-canceled .box.placeholder:before {
    color: #d00;
    content: "×";
    font-size: 100px;
    font-weight: bold;
    margin: -56px 0 0 -30px;
}

.empty-box {
    background: #f1f1f1;
    border-radius: 2%;
    display: block;
    height: 150px;
    width: 150px;
}
/*.empty-box::before {
    background: none !important;
    color: #ccc;
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-size: 46px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 40%;
}*/



.box.mini:before {
    font-size: 18px;
    margin: -10px 0 0 -5px;
    font-weight: bold;
}
.box.mini img {
    height: 34px !important;
}
.box.mini .empty-box {
    height: 34px;
    width: 34px;
}

/* grid overrides */
.col > .box,
.col-static > .box,
.col > .box img,
.col-static > .box img {
    height: auto;
    width: 100%;
}

/* path overrides */
.path .box img {
    max-height: 144px;
    width: auto;
}

#live-search-results .empty-box {
    height: 50px;
    width: 50px;
}


/* format specific */

.box.format-3ds img {
    background-color: #f1f1f1;
    padding: .2em .2em .2em 0;
}

.box.format-64dd img {
    background-color: #444;
    height: 98%;
    padding: 1% 1% 1% 12%;
    width: 87%;
}

.box.format-dc img {
    background-color: #2B67AB;
    height: 96%;
    padding: 2% 2% 2% 9%;
    width: 89%;
}

.box.format-psx img {
    background-color: #333;
    height: 96%;
    padding: 2% 2% 2% 9%;
    width: 89%;
}

.avatar {
	border: 1px solid #000;
	border-radius: 3px;
    max-height: none !important;
}
.avatar-14 {
    vertical-align: bottom;
}


#item-buttons {
    margin-top: 20px;
}

#subnav {
    overflow: auto;
}
#subnav .last {
    float: right;
    margin-left: 15px;
}

.thread-options {
    white-space: nowrap;
}

.unread-count {
    background-color: #d31422;
    border-radius: 3px;
    color: #f1f1f1;
    display: inline-block;
    padding: 1px 8px;
}

#buddypress div.messages-options-nav {
    font-size: 80%;
    text-align: right;
}

.field-visibility-settings-toggle,
.field-visibility-settings-notoggle,
.field-visibility-settings {
    color: #aaa;
    font-size: 80%;
    font-style: italic;
}
.current-visibility-level {
    font-weight: bold;
}
.field-visibility-settings-toggle a,
.field-visibility-settings-notoggle a,
.field-visibility-settings a {
    color: #aaa;
}
.field-visibility-settings-toggle a:hover,
.field-visibility-settings-notoggle a:hover,
.field-visibility-settings a:hover {
    color: #d31422 !important;
}
.field-visibility-settings ul {
    list-style: none;
    padding: 0;
}


table.notification-settings tr > th:first-child,
table.notification-settings tr > td:first-child {
    display: none;
}
table.notification-settings .title {
    width: 84%;
}


div.bbp-template-notice ul {
    padding: 0 0 10px;
}

.bp-template-notice p,
#buddypress div#message p,
.notice p,
div.bbp-template-notice li,
div.indicator-hint {
    background-color: #efc;
    border: 1px solid #591;
    border-radius: 3px;
    color: #250;
    display: block;
    font-size: 90%;
    margin-bottom: 5px;
    padding: 10px 15px;
}
.bp-template-notice.error p,
#buddypress div#message.error p,
div.bbp-template-notice.error li,
div.bbp-template-notice.warning li,
.notice.error p,
.notice.warning p {
    background-color: #fdc;
    border-color: #a00;
    clear: left;
    color: #800;
}
.notice.info p,
div.bbp-template-notice.info li {
    background-color: #f0f8ff;
    border-color: #cee1ef;
}
.notice.important p,
div.bbp-template-notice.important li {
    background-color: #fffbcc;
    border-color: #e6db55;
}

#activity-stream .load-more {
    bottom: 0;
    left: 0;
    list-style-type: none;
    position: absolute;
    right: 10px;
}
#activity-stream .load-more > a {
    color: #999;
    display: block;
    text-decoration: none;
}
#activity-stream .load-more > a {
    opacity: .7;
}
#activity-stream .load-more:hover > a {
    color: #666;
}

#buddypress .user-profile {
    display: flex;
}
#buddypress .user-profile > div {
    margin-right: 30px;
}

#buddypress #settings-form .bp-screen-reader-text {
    display: none;
}

#buddypress #bp-webcam-avatar #avatar-crop-pane {
    border: none;
}








/*--------------------------------------------------------------
3.0 - BuddyPress
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 - Activity
--------------------------------------------------------------*/

#buddypress form#whats-new-form #whats-new-avatar {
float: left;
}
#buddypress form#whats-new-form #whats-new-content {
margin-left: 55px;
padding: 0 0 20px 20px;
}
#buddypress form#whats-new-form p.activity-greeting {
line-height: 0.5em;
margin-bottom: 15px;
margin-left: 75px;
}
#buddypress form#whats-new-form textarea {
background: #f1f1f1;
color: #555;
font-family: inherit;
font-size: 90%;
height: 20px;
padding: 6px;
width: 98%;
}
body.no-js #buddypress form#whats-new-form textarea {
height: 50px;
}
#buddypress form#whats-new-form #whats-new-options select {
max-width: 200px;
margin-top: 12px;
}
#buddypress form#whats-new-form #whats-new-submit {
float: right;
margin-top: 12px;
}
#buddypress #whats-new-options {
overflow: auto;
height: 0;
}
body.no-js #buddypress #whats-new-options {
height: auto;
}
#buddypress #whats-new:focus {
border-color: rgba(31, 179, 221, 0.9) !important;
outline-color: rgba(31, 179, 221, 0.9);
}


/*--------------------------------------------------------------
3.4 - Errors / Success Messages
--------------------------------------------------------------*/

#buddypress .standard-form#signup_form div div.error {
background: #faa;
color: #a00;
margin: 0 0 10px 0;
padding: 6px;
width: 90%;
}

@keyframes slideInFromRight {
    0% {
        right: -320px;
    }
    100% {
        right: 0px;
    }
}

#sitewide-notice #message {
    animation: .5s ease-out slideInFromRight;
    background: #111;
    border-radius: 3px 0 0 3px;
    bottom: auto;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    color: #f1f1f1;
    left: auto;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 71px;
    width: 300px;
    z-index: 9999999;
}

#sitewide-notice #message p {
    background-color: transparent;
    border: none;
    color: #f1f1f1;
    margin-bottom: 0;
    padding: 6px 0 0;
}

#sitewide-notice #close-notice {
    border-radius: 3px;
    cursor: pointer;
    height: 26px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 26px;
}

#sitewide-notice #close-notice .bp-screen-reader-text {
    display: none;
}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;cursor: -moz-zoom-out !important; cursor: -webkit-zoom-out !important;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent
{
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#cboxOverlay
{
    background: #f1f1f1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000;
}
#colorbox
{
    background: #f1f1f1;
    border: 1px solid #333;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 10001;
}
#cboxContent
{
    margin-bottom: 24px;
    overflow: visible;
}
.cboxIframe
{
    background:transparent;
}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent
{
    margin: 10px;
}
#cboxLoadingGraphic
{
    background:url('https://www.virtual-boy.com/wp-content/themes/planetvb/img/loading/loading.gif') no-repeat center;
}
#cboxLoadingOverlay{}
#cboxTitle
{
    bottom: -14px;
    font-size: 11px;
    font-weight: bold;
    height: 16px;
    left: 10px;
    overflow: hidden;
    position: absolute;
    color: #666;
}
#cboxCurrent
{
    background: #f1f1f1;
    bottom: -18px;
    color: #666;
    font-family: Sec;
    font-size: 13px;
    font-weight: normal;
    padding: 0 10px;
    position: absolute;
    right: 0;
}

#cboxSlideshow,
#cboxPrevious,
#cboxNext {
    background-color: rgba(255, 255, 255, .65);
    bottom: 10px;
    border: none;
    color: rgba(0,0,0,0.8);
    font-family: 'Font Awesome 5 Free';
    font-size: 40px;
    left: 0;
    margin: 0;
    max-width: 20%;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 150px;
}

#cboxClose
{
    display: none !important;
}
#cboxSlideshow:hover,
#cboxPrevious:hover,
#cboxNext:hover
{
    opacity: 1;
}

#cboxPrevious:before
{
    content: "\f04a";
    font-weight: bold;
}

#cboxNext:before
{
    content: "\f04e";
    font-weight: bold;
}
#cboxNext
{
    left: auto;
    right: 0;
}
#cboxSlideshow
{
    left: 33.333%;
}
#cboxSlideshow:before,
.cboxSlideshow_off #cboxSlideshow:hover:before,
.cboxSlideshow_on #cboxSlideshow:before
{
    content: "\f04b";
    font-weight: bold;
}
.cboxSlideshow_off #cboxSlideshow:before,
.cboxSlideshow_on #cboxSlideshow:hover:before
{
    content: "\f04c";
    font-weight: bold;
}

[rel*=lightbox],
[rel*=frame] {
    cursor: -moz-zoom-in !important;
    cursor: -webkit-zoom-in !important;
}

.cookiebanner {
    display: none;
}

.cookiebanner > div {
    align-items: center;
    background-color: #111;
    color: #f1f1f1;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    line-height: 22px;
    overflow: auto;
    padding: 10px 15px;
}

.cookiebanner > div > span > .more-info {
    color: #f1f1f1;
}

.flowplayer {
    background-color: rgba(0,0,0,0.15);
    border: 1px solid #333;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.flowplayer a[href="https://flowplayer.org/hello"] {
    visibility: hidden !important;
}
@font-face {
    font-family: 'Sec';
    font-style: normal;
    font-weight: normal;
    src: local('Oswald'),
        local('Oswald-Regular'),
        url('https://www.virtual-boy.com/wp-content/themes/planetvb/font/oswald/Oswald-Regular.woff') format('woff');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: normal;
    src: local('PT Sans'),
        local('PTSans-Regular'),
        url('https://www.virtual-boy.com/wp-content/themes/planetvb/font/ptsans/PTSans-Regular.woff') format('woff');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: bold;
    src: local('PT Sans Bold'),
        local('PTSans-Bold'),
        url('https://www.virtual-boy.com/wp-content/themes/planetvb/font/ptsans/PTSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'VB';
    src: url('https://www.virtual-boy.com/wp-content/themes/planetvb/font/virtual-logo/virtual_logo.eot') format('embedded-opentype'),
    url('https://www.virtual-boy.com/wp-content/themes/planetvb/font/virtual-logo/virtual_logo.woff') format('woff'),
    url('https://www.virtual-boy.com/wp-content/themes/planetvb/font/virtual-logo/virtual_logo.ttf') format('truetype'),
    url('https://www.virtual-boy.com/wp-content/themes/planetvb/font/virtual-logo/virtual_logo.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#content {
    margin-bottom: 250px;
}

footer {
    background-color: #111;
    border-top: 5px solid #d31422;
    bottom: 0;
    color: #999;
    font-family: Sec;
    font-size: 90%;
    height: 150px;
    left: 0;
    line-height: 130%;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-shadow: 0 1px 0 #111;
}

footer a {
    color: #aaa;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;
}
footer a.discord {
    color: #7289da;
}
footer a.youtube {
    color: #fc2405;
}
footer a.paypal {
    color: #13a0df;
}
footer a.patreon {
    color: #ca683d;
}
footer a:hover {
    color: #d31422;
}

footer i {
    padding-right: 3px;
    vertical-align: middle;
}

footer h3 {
    color: #eee;
    text-transform: uppercase;
    margin: 15px 0 5px;
}
footer h3 a {
    color: #eee;
}

footer .col:last-child {
    padding-top:20px;
    text-align:right;
}
label {
    cursor: pointer;
}

.generic-button {
    display: inline-block;
    float: left;
    margin: 3px 4px 0 0;
}

.generic-button > a,
.pvb-button {
    background: #ddd;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.3);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webit-box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-family: Sec;
    font-size: 13px;
    font-style: normal;
    height: 32px;
    line-height: 30px;
    outline: none;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: middle;
}

button.pvb-button,
input.pvb-button {
    line-height: 28px;
}

.pvb-button.alignright,
.pvb-button-wrapper.alignright {
    margin-left: 5px;
}

.generic-button:not(.inactive) > a:hover,
.pvb-button:not(.inactive):hover {
    box-shadow:
    0 1px 0 rgba(255, 255, 255, .5) inset,
    0 -1px 0 rgba(0, 0, 0, .05) inset,
    0 0 3px rgba(0, 0, 0, .15);
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}
.generic-button:not(.inactive) > a:hover:after,
.pvb-button:not(.inactive):hover:after {
    background-color: #333;
    background-image: linear-gradient(to bottom, #f1f1f1 0%, #333 100%);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: 0;
}
.generic-button:not(.inactive) > a:focus,
.pvb-button:not(.inactive):focus {
    box-shadow: 0 0 5px rgba(0, 0, 0, .4) inset;
}

.pvb-button[disabled] {
    opacity: 0.5;
}

.pvb-button.loading {
    color: transparent !important;
    text-shadow: none !important;
}
.pvb-button.pvb-button-has-sub-menu.loading {
    background-position: 25%;
}
.pvb-button.loading:focus {
    text-shadow: none !important;
}

.generic-button > a.inactive,
.pvb-button.inactive,
input[disabled] {
    opacity: 0.4;
    pointer-events: none;
}

.generic-button > a,
.pvb-button.grey {
    color: rgba(0,0,0,.6);
}
.generic-button:not(.inactive) > a:hover,
.pvb-button.grey:not(.inactive):hover {
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.pvb-button.hcolor_1 {
    background-color: #d31422;
    color: #f1f1f1 !important;
}
.pvb-button.hcolor_2 {
    background-color: #11b516;
    color: #f1f1f1 !important;
}
.pvb-button.hcolor_3 {
    background-color: #2873bf;
    color: #f1f1f1 !important;
}
.pvb-button.hcolor_4 {
    background-color: #ddc01c;
    color: #f1f1f1 !important;
}

.pvb-button-wrapper {
    display: inline-block;
    position: relative;
}
.pvb-button-wrapper > .pvb-button {
    padding-right: 35px;
}
.pvb-button-sub-menu {
    border: 1px solid transparent;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 3px 3px 0;
    bottom: 0;
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    line-height: 32px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition-delay: .1s;
    width: 24px;
    z-index: 100;
}
.pvb-button-sub-menu:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #f1f1f1;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    transition-delay: .3s;
}
.pvb-button-sub-menu > ul {
    right: 999em;
    list-style-type: none !important;
    opacity: 0;
    overflow: hidden;
    padding: 5px 0 0;
    position: absolute;
    transition-delay: .1s;
}
.pvb-button-sub-menu:hover > ul {
    right: 0;
    opacity: 1;
    transition-delay: .3s;
}
.pvb-button-sub-menu > ul > li {
    background-color: #f1f1f1;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    overflow: hidden;
}
.pvb-button-sub-menu > ul > li:first-child {
    border-radius: 3px 3px 0 0;
    border-top: 1px solid #666;
}
.pvb-button-sub-menu > ul > li:last-child {
    border-bottom: 1px solid #666;
    border-radius: 0 0 3px 3px;
}
.pvb-button-sub-menu > ul > li > a,
.pvb-button-sub-menu > ul > li > div {
    border-bottom: 1px solid #ccc;
    color: #666;
    display: block;
    font-size: 90%;
    line-height: 130%;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
}
.pvb-button-sub-menu > ul > li > a.loading {
    color: transparent;
}
.pvb-button-sub-menu > ul > li:last-child > a {
    border-bottom: none;
}
.pvb-button-sub-menu > ul > li > div:hover,
.pvb-button-sub-menu > ul > li > a:hover {
    background-color: rgba(0,0,0,.05);
}
.pvb-button-sub-menu > ul:before {
    border-bottom: 6px solid #666;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    right: 6px;
    position: absolute;
    top: 0;
    width: 0;
}
.pvb-button-sub-menu > ul:after {
    border-bottom: 6px solid #f1f1f1;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    right: 6px;
    position: absolute;
    top: 1px;
    width: 0;
}

select {
    cursor: pointer;
}

option {
    padding: 2px 5px;
}

optgroup {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
    padding: 2px 0;
}

optgroup:last-child {
    border-bottom: none;
}

::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5) !important;
}
::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5) !important;
}

textarea,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="text"],
input[type="file"],
input[type="url"],
select {
    background-color: #f1f1f1;
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webit-box-sizing: border-box;
    color: #555;
    font-size: 16px;
    height: 32px;
    padding: 0 8px;
}
input[type="file"] {
    font-size: 12px;
    height: auto;
    margin-bottom: 1px;
    padding: 8px;
}
select {
    padding: 5px;
}

textarea:hover, textarea:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="number"]:hover, input[type="number"]:focus,
input[type="password"]:hover, input[type="password"]:focus,
input[type="search"]:hover, input[type="search"]:focus,
input[type="text"]:hover, input[type="text"]:focus,
input[type="file"]:hover, input[type="file"]:focus,
input[type="url"]:hover, input[type="url"]:focus,
select:hover, select:focus {
    border: 1px solid #666;
    color: #222;
}

textarea {
    height: auto;
    padding: 8px;
    white-space: pre-wrap;
}

select.small {
    font-size: 12px;
    padding: 8px 5px;
}


.wp-editor-container {
    border: 1px solid #999 !important;
    border-radius: 3px !important;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
}


#colorbox.colorbox-has-buttons #cboxContent {
    margin-bottom: 60px;
}
.colorbox-buttons {
    bottom: -45px;
    position: absolute;
    right: 15px;
}
.colorbox-buttons > * {
    float: left;
    margin-left: 3px;
}

.activity-form textarea {
    height: 150px;
}


input.large,
select.large {
    font-family: Sec;
    font-size: 22px;
    height: 44px;
}
.pvb-button.large {
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
}


textarea {
    resize: vertical;
}
.thumb {
    border: 1px solid #333;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    overflow: auto;
}

a.thumb:hover {
    border-color: #d31422;
}

.loading {
    background-image: url("https://www.virtual-boy.com/wp-content/themes/planetvb/img/loading/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.inline-flag {
    height: 12px !important;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 3px;
}

.flag {
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 5px;
    height: 26px;
    margin-top: 5px;
}

.taxonomy-color {
    border: 1px solid #111;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .5) inset;
    height: 36px;
    width: 36px;
}

.taxonomy-image {
    border: 1px solid #111;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    height: 36px;
}

.relative {
    position: relative;
}

.secondary,
.secondary a {
    color: #999;
}
.secondary a:hover {
    color: #d31422;
    text-decoration: underline;
}

.subnav-container {
    overflow: auto;
}

.subnav-wrapper {
    float: left;
    margin-right: 10px;
}

.subnav-wrapper .block-label {
    padding: 0;
}

#subnav > ul,
.subnav {
    color: #999;
    font: 14px Sec;
    margin-bottom: 20px;
    overflow: auto;
    padding: 0;
}

#subnav > ul {
    padding-bottom: 5px;
}

#subnav > ul > li,
.subnav > li {
    float: left;
    list-style-type: none;
    margin: 0 3px 3px 0;
}

#subnav > ul > li > a,
.subnav > li > a,
.subnav > li > span {
    background-color: #ccc;
    border-radius: 3px;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    padding: 0 10px;
    text-decoration: none;
}

#subnav > ul > li > a:hover,
.subnav > li > a:hover,
.subnav > li > span:hover {
    background-color: #aaa;
    color: #f1f1f1;
}

#subnav > ul > li.selected > a,
.subnav > li.selected > a,
.subnav > li.selected > span,
#subnav > ul > li.current > a,
.subnav > li.current > a,
.subnav > li.current > span {
    background-color: #666;
    color: #f1f1f1;
    font-weight: normal;
}

#subnav > ul > li > a > span,
.subnav > li > a > span,
.subnav > li > span > span {
    background-color: #f1f1f1;
    border-radius: 3px;
    color: #ccc;
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    margin: 2px 0 0 5px;
    min-width: 10px;
    padding: 0 4px;
    text-align: center;
    vertical-align: text-top;
}

#subnav > ul > li:hover > a > span,
.subnav > li:hover > a > span,
.subnav > li:hover > span > span {
    color: #aaa;
}

#subnav > ul > li.selected > a > span,
.subnav > li.selected > a > span,
.subnav > li.selected > span > span,
#subnav > ul > li.current > a > span,
.subnav > li.current > a > span,
.subnav > li.current > span > span {
    color: #666;
}

.footnote {
    color: #999;
    font-size: 80%;
    font-style: italic;
    line-height: 1.3em;
}

.footnote a {
    color: #999;
}

.footnote a:hover {
    color: #d31422;
}

#content > .container {
    padding-bottom: 20px;
    padding-top: 20px;
}

.content-loading {
    background: url("https://www.virtual-boy.com/wp-content/themes/planetvb/img/loading/loading.gif") no-repeat center transparent;
    color: #999;
    font-size: 18px;
    font-style: italic;
    min-height: 70px;
    padding: 20px 0;
    text-align: center;
}

article {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 30px;
}

img {
    height: auto;
    max-width: 100%;
}

.empty {
    color: #aaa;
    font-style: italic;
}

.help {
    cursor: help;
}

.clear {
    clear: both;
    display: block;
}

.hidden {
    display: none;
}

.category-list li {
    color: #999;
    list-style-type: none;
    padding: 3px 0;
}

.category-list li img {
    float: left;
    margin: 3px 3px 0 0;
}

.category-list .children {
    padding-left: 20px;
}

.download-link {
    display: block;
    padding-left: 50px;
    position: relative;
    text-decoration: none;
}

.download-link:before {
    font-size: 40px !important;
    left: 0;
    line-height: 100%;
    position: absolute;
}

.selection-wrapper-static,
.selection-wrapper {
    margin-bottom: 20px;
    overflow: auto;
}
.selection {
    background: linear-gradient(#f1f1f1, rgba(0,0,0,.05));
    border: 1px solid #aaa;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    display: block;
    font-family: Sec;
    font-size: 13px;
    margin-top: .5%;
    padding: 10px;
    text-align: center;
    width: 99.5%;
}

.selection.selection-big {
    font-size: 16px;
    text-transform: uppercase;
}

.selection img {
    display: block;
    margin: auto;
}
.selection:hover {
    background: rgba(0,0,0,.05);
    color: #666;
}
a.selection {
    text-decoration: none;
}
.selection.width-100 {
    float: left;
    width: 100%;
}
.selection.width-50 {
    float: left;
    margin-right: .5%;
    width: 49.5%;
}
.selection.width-33 {
    float: left;
    margin-right: .5%;
    width: 32.83333%;
}
.selection.width-25 {
    float: left;
    margin-right: .5%;
    width: 24.5%;
}
.selection.width-20 {
    float: left;
    margin-right: .5%;
    width: 19.5%;
}

.trans-logo {
    background-color: #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    display: table;
}
.trans-logo > * {
    display: table-cell;
    height: 75px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 75px;
}
.trans-logo img {
    float: left;
    height: auto;
    max-height: 75px;
    max-width: 75px;
    width: auto;
}

.full-width {
    width: 100%;
}
img.full-width {
    height: auto;
}

.page-transition-loader {
    color: rgba(0,0,0,0.5);
    font-family: Sec;
    font-size: 32px;
    height: 11px;
    left: 50%;
    letter-spacing: 5px;
    margin: -50px 0 0 -68px;
    padding-bottom: 70px;
    position: fixed;
    text-transform: uppercase;
    top: 50%;
    width: 136px;
    z-index: 9999;
}

.cheat-button-image {
    vertical-align: middle;
    padding: 0 1px;
}



/***** PAGINATION *****/

.pagination {
    color: #aaa;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    overflow: auto;
}

.pagination-count,
.pagination-links {
    display: block;
    float: right;
    padding-left: 10px;
}

.pagination-links a,
.pagination-links span {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #aaa;
    float: left;
    font-family: Sec;
    font-size: 11px;
    line-height: 18px;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    width: 26px;
}

.pagination-links .current {
    background-color: #ccc;
    border-color: #666;
    color: #333;
}

.pagination-links a:hover {
    background-color: #eee;
    border-color: #999;
    color: #666;
}

.item-featured-image {
    max-height: 150px;
    overflow: hidden;
}

.item-featured-image img {
    float: left;
    width: 100%;
}

[data-show-more-content] {
    display: none;
}

.show-more-trigger {
    color: #999;
    cursor: pointer;
    font-size: 90%;
    font-style: italic;
    text-decoration: underline;
}

.show-more-trigger:hover {
    color: #d31422;
}

.data {
    font-family: "Courier New", Courier, monospace;
    font-size: 90%;
    white-space: pre-wrap;
}

.borderless {
    border: none !important;
    box-shadow: none !important;
}


.totop-wrapper {
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: -32px;
    z-index: 200;
}

.totop-button {
    background-color: #111;
    border-radius: 0 0 5px 5px;
    bottom: -32px;
    color: #f1f1f1;
    cursor: pointer;
    float: right;
    font-size: 13px;
    line-height: 32px;
    position: relative;
    text-align: center;
    width: 64px;
}

.totop-button:hover {
    background-color: #d31422;
}

.mobile {
    display: none !important;
}

#signup_form .error {
    color: red;
    font-size: 80%;
}
#signup_form .error:before {
    content: "\f06a";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: bold;
    padding-right: 3px;
    text-decoration: none;
    vertical-align: baseline;
}

.audio-player {
    margin-bottom: 10px;
    width: 100%;
}

.audio-player.inactive {
    opacity: .3;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    margin-top: 35px;
    text-transform: uppercase;
}

#content h2:first-child,
#content h3:first-child,
#content h4:first-child,
#content h5:first-child,
#content h6:first-child {
    margin-top: 15px;
}

a.tag-cloud-link {
    line-height: 100%;
    vertical-align: middle;
}
/*** 24 COLUMN RESPONSIVE GRID ***/

.container {
    margin: 0 auto;
    padding: 0 15px;
    position: static;
    max-width: 1140px;
}

.container:after {
    clear: both;
    content: "";
    display: block;
}

.row,
.row-no-padding {
    display: block;
}
.row {
    display: flex;
    padding-bottom: 15px;
}

.col,
.col-static {
    display: block;
    float: left;
    margin-left: 2%;
}

.row-no-padding:after,
.row:after,
.clr:after,
.group:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

/* TODO: rework grid to use flexbox or CSS grid instead of having to rely on the below hack */
.col.order_1,
.col:first-child:not([class*='order_']),
.col-static:first-child:not([class*='order_']) {
    margin-left: 0;
}

.span_1     { width: 2.25%; }
.span_2     { width: 6.5%; }
.span_3     { width: 10.75%; }
.span_4     { width: 15.0%; }
.span_5     { width: 19.25%; }
.span_6     { width: 23.5%; }
.span_7     { width: 27.75%; }
.span_8     { width: 32.0%; }
.span_9     { width: 36.25%; }
.span_10    { width: 40.5%; }
.span_11    { width: 44.75%; }
.span_12    { width: 49.0%; }
.span_13    { width: 53.25%; }
.span_14    { width: 57.5%; }
.span_15    { width: 61.75%; }
.span_16    { width: 66.0%; }
.span_17    { width: 70.25%; }
.span_18    { width: 74.5%; }
.span_19    { width: 78.75%; }
.span_20    { width: 83.0%; }
.span_21    { width: 87.25%; }
.span_22    { width: 91.5%; }
.span_23    { width: 95.75%; }
.span_24    { width: 100%; }

.order_1    { order: 1; }
.order_2    { order: 2; }
.order_3    { order: 3; }
.order_4    { order: 4; }
.order_5    { order: 5; }
.order_6    { order: 6; }
.order_7    { order: 7; }
.order_8    { order: 8; }
.header {
    background: #BF0F0E url('img/head-bg.jpg') no-repeat center;
    background-size: cover;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    cursor: pointer;
    height: 60px;
    position: relative;
    transition-duration: .3s;
    z-index: 1000;
}

.header > .container {
    position: relative;
}

#logo {
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 10px;
    color: #f1f1f1;
    float: left;
    height: 39px;
    line-height: 40px;
    margin: 6px 0 0;
    overflow: hidden;
    padding: 8px 0 0 9px;
    width: 38px;
}

.header .mobile-search {
    border-radius: 3px;
    color: rgba(0, 0, 0, .3);
    display: block;
    font-size: 32px;
    line-height: 38px;
    margin: 11px 0;
    position: absolute;
    right: 90px;
    text-align: center;
    text-decoration: none;
    width: 38px;
}

.header .menu-indicator {
    background: #000;
    border-radius: 10px;
    color: #CE1617;
    cursor: pointer;
    display: none;
    float: left;
    font-size: 24px;
    line-height: 49px;
    margin: 5px 0;
    text-align: center;
    width: 49px;
    z-index: 100;
}

header:not(.menu-active):hover #logo {
    display: none;
}
header:not(.menu-active):hover .menu-indicator {
    display: block;
}

.sitename {
    color: #000 !important;
    font-family: VB;
    font-size: 38px;
    float: left;
    line-height: 58px;
    margin: 0 0 0 15px;
    text-decoration: none;
}

.header .usermenu .not-logged-in {
    color: #300;
    top: -5px;
    position: relative;
}
.menu-active .header .usermenu .not-logged-in {
    color: #d31422;
}

.post-thumbnail
{
    border-radius: 3px;
    border: 1px solid #aaa;
    display: block;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    max-width: 110px;
}

.post-thumbnail img
{
    float: left;
    height: 80px;
    width: auto;
}

.float-thumb {
    display: inline-block;
    vertical-align: top;
}

.float-thumb.page-thumb img {
    height: 150px;
    width: 105px;
}

.float-thumb.page-medium img {
    height: 300px;
    width: 210px;
}

.cbembed
{
    background: #f1f1f1;
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
    transition: .3s;
}

.cbembed > a
{
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
}

.cbembed:hover
{
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    transform: rotate(-3deg) scale(1.15);
    z-index: 10;
}

.cbembed > a > img
{
    border: 1px solid #333;
    border-radius: 3px;
    float: left;
    max-height: 400px;
    width: auto;
}



figure {
    margin-bottom: 20px;
}

figure.float-left {
    float: left;
    margin-right: 20px;
}

figure.float-right {
    float: right;
    margin-left: 20px;
}

figcaption {
    font-weight: bold;
    font-size: 70%;
    line-height: 130%;
}

figcaption .credits {
    color: #999;
}
.indexmap {
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/img/indexmap.png') no-repeat center;
    background-size: cover;
    border-radius: 3px;
    overflow: hidden;
    padding-bottom: 10%;
    position: relative;
}
.indexmap a {
    bottom: 0;
    box-sizing: padding-box;
    color: #f1f1f1;
    font-family: Sec;
    font-size: 16px;
    left: 0;
    padding: 50px 0 5px 10px;
    position: absolute;
    text-decoration: none;
    text-shadow:
        0 1px 0 rgba(0, 0, 0, .5),
        0 -1px 0 rgba(0, 0, 0, .5),
        1px 0 0 rgba(0, 0, 0, .5),
        -1px 0 0 rgba(0, 0, 0, .5),
        1px 1px 0 rgba(0, 0, 0, .5),
        1px -1px 0 rgba(0, 0, 0, .5),
        -1px 1px 0 rgba(0, 0, 0, .5),
        -1px -1px 0 rgba(0, 0, 0, .5);
    width: 20%;
}
.indexmap a:nth-child(2) { left: 20%; }
.indexmap a:nth-child(3) { left: 40%; }
.indexmap a:nth-child(4) { left: 60%; }
.indexmap a:nth-child(5) { left: 80%; }

.item-block {
    margin-bottom: 25px;
    clear: both;
    position: relative;
    width: 100%;
}

.item-block.small-margin {
    margin-bottom: 10px;
}

.item-block-head {
    border-bottom: 1px solid #aaa;
    clear: both;
    color: #666;
    display: block;
    font-family: Sec;
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
    padding: 5px 0;
    position: relative;
    text-transform: uppercase;
}

.item-block-head .fa {
    font-size: 80%;
    line-height: 80%;
    margin-top: -6px;
    vertical-align: middle;
}

.item-block-count-wrapper {
    color: #aaa;
    font-size: 15px;
    font-style: italic;
    padding: 0 10px 5px;
    text-align: right;
}

.item-block-count {
    color: #aaa;
}

a.item-block-head:hover {
    color: #d31422;
    border-color: #d31422;
}

.item-block-head:before {
    display: none;
}

.item-block-head:hover:before {
    display: inline-block;
}

.item-block-head img {
    vertical-align: middle;
}

.item-block-head-sub {
    font-size: 80%;
    line-height: 100%;
    opacity: 0.3;
    padding-left: 5px;
}

.item-block-body {
    padding-top: 10px;
}


.item-block-body .item-block-head,
.item-table .item-block-head {
    font-size: 17px;
    padding: 25px 0 0;
}

.item-block-body .item {
    border-radius: 3px;
    border-top: 1px dashed #aaa;
    color: #333;
    cursor: pointer;
    display: block;
    line-height: 110%;
    padding: 10px;
    position: relative;
}
.item-block-body .item:first-child {
    border-top: none;
}

.item-block-body .item-full {
    border-radius: 3px;
    color: #333;
    display: block;
    line-height: 110%;
    padding: 10px;
    position: relative;
}

.item-block-body > .item:first-child,
.item-block-body > .item-full:first-child,
.item-block-body > .item-table,
.item-block-body > .message {
    margin-top: -10px;
}

.item-block-body .item.highlight {
    background-color: #FFE0DF;
    border-top: 1px solid #c00;
}

.item-block-body .item.disabled {
    opacity: .3;
    filter: grayscale(100%);
}

.item-block-body > .item:hover,
.item-block-body > .item.current,
.item-block-body > .item-full:hover,
.item-block-body > .item-full.current {
    background-color: rgba(0,0,0,.05);
}

.item-block-body .item-full .hover-links {
    display: none;
}

.item-block-body .item-full:hover .hover-links {
    display: block;
}

.item-block.hcolor_1 .item-block-head {
    border-bottom: 2px solid #d31422 !important;
}
.item-block.hcolor_1 a.item-block-head:hover {
    color: #d31422;
    border-color: #d31422;
}

.item-block.hcolor_2 .item-block-head {
    border-bottom: 2px solid #11b516 !important;
}
.item-block.hcolor_2 a.item-block-head:hover {
    color: #11b516;
    border-color: #11b516;
}

.item-block.hcolor_3 .item-block-head {
    border-bottom: 2px solid #2873bf !important;
}
.item-block.hcolor_3 a.item-block-head:hover {
    color: #2873bf;
    border-color: #2873bf;
}

.item-block.hcolor_4 .item-block-head {
    border-bottom: 2px solid #ddc01c !important;
}
.item-block.hcolor_4 a.item-block-head:hover {
    color: #ddc01c;
    border-color: #ddc01c;
}

.item-block-head.dark {
    border-color: #333;
}

a.item-block-head.dark:hover {
    background: #333 !important;
    border-color: #333 !important;
}

.item-block-body:after {
    clear: both;
    content: "";
    display: block;
}

.item-block .item-image {
    min-width: 40px;
    padding-right: 0 !important;
}

.item-block .item-image > div {
    float: left;
}

.item-block .title {
    display: block;
    font-family: Sec;
    line-height: 1.3em;
    overflow: visible;
    text-decoration: none;
}
.item-block .title a {
    text-decoration: none;
}

.item-block-body .item-full.post {
    border-radius: 0;
    border-bottom: 1px dashed #aaa;
    padding-bottom: 20px;
    padding-top: 20px;
}

.item-block-body .item-full.post.news {
    font-size: 20px;
    line-height: 1.3em;
    padding-left: 57px;
}

.type-icon {
    background-color: #999;
    border-radius: 50px;
    font-size: 18px;
    height: 37px;
    left: 10px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    width: 37px;
}

.type-icon.hcolor_1 {
    background-color: #d31422;
}
.type-icon.hcolor_2 {
    background-color: #11b516;
}
.type-icon.hcolor_3 {
    background-color: #2873bf;
}
.type-icon.hcolor_4 {
    background-color: #ddc01c;
}

.item-block-body .item-full.post.news .type-icon i {
    color: #f1f1f1;
}

.item-block-body .item-full.post .title {
    font-size: 26px;
    text-decoration: none;
    text-transform: uppercase;
}

.item-block .summary {
    display: block;
    font-size: 85%;
    font-style: italic;
    padding-top: 2px;
}

.item-block .content {
    line-height: 130%;
    padding-top: 15px;
}

.item-block .number {
    background: #bbb;
    border-radius: 3px;
    color: #f1f1f1;
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    margin: 4px 10px 0 0;
    text-align: center;
    width: 26px;
}

.item-block .right {
    display: block;
    float: right;
    margin-left: 10px;
}

.pvb-caption {
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.5);
    bottom: 3px;
    color: #f1f1f1;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 6px;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    right: 3px;
    z-index: 1;
}

.item-thumb .pvb-video-play-icon {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    color: #f1f1f1;
    font-size: 14px;
    margin: auto;
    padding: 3px 10px;
    position: absolute;
    top: 30px;
    z-index: 1;
}

.item-thumb.highlighted .pvb-video-play-icon {
    border-radius: 10px;
    font-size: 32px;
    padding: 10px 18px;
    top: 134px;
}

.item-thumb:hover .pvb-video-play-icon {
    background: #d31422;
}

.item-block-filters {
    border-bottom: 1px dashed #aaa;
    padding: 5px 10px;
    position: relative;
}

.item-block-filters::after {
    color: #aaa;
    content: "...";
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: -1;
}

.item-block[data-style="table"] .item-block-filters {
    padding: 10px 0;
}

.item-block-filters .refresh {
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 18px;
    line-height: 24px;
    opacity: .4;
    padding: 0;
    width: 25%;
}
.item-block-filters .refresh:before {
    font-size: 16px;
}
.item-block-filters .refresh:hover {
    opacity: 1;
}
.item-block-filters input,
.item-block-filters select {
    border: 1px solid #aaa;
    box-shadow: none;
    color: #666;
    float: right;
    font-size: 10px;
    height: 20px;
    margin-left: 5px;
    padding: 2px;
    transition: .3s;
    transition-delay: .1s;
    opacity: 0;
    width: 0;
}
.item-block-filters-filters input:focus,
.item-block-filters-filters select:focus,
.item-block-filters-filters:hover input,
.item-block-filters-filters:hover select {
    opacity: 1;
    width: 100%;
}

.item-block-filters input {
    padding: 2px 6px;
}

.item-block-filters-filters {
    float: right;
    width: 75%;
}
.item-block-filters-filters > div {
    box-sizing: border-box;
    float: right;
    padding-left: 5px;
    width: 100%;
}
.item-block-filters-filters.filters-2 > div { max-width: 49%; }
.item-block-filters-filters.filters-3 > div { max-width: 32.333333%; }
.item-block-filters-filters.filters-4 > div { max-width: 24%; }
.item-block-filters-filters.filters-5 > div { max-width: 19%; }

.item-block-filters select:hover {
    border: 1px solid #666;
    color: #333;
}

.item-block-filters .dk_container  {
    float: right;
    font-size: 10px;
    margin-left: 5px;
    opacity: 0.6;
}

.item-block-filters .dk_container:hover {
    opacity: 1;
}

.item-block-filters .dk_toggle {
    height: 24px;
    line-height: 24px;
}

.load-more {
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
    border-top: 1px dashed #aaa;
    clear: both;
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    font-family: Sec;
    font-size: 90%;
    font-weight: normal;
    padding: 10px;
    position: relative;
    text-transform: uppercase;
}

.load-more.loading span {
    visibility: hidden;
}

.load-more:hover {
    background-color: rgba(0,0,0,.05);
    color: #666;
}

.load-more-options {
    color: #aaa !important;
    float: right;
    visibility: hidden;
}

.load-more-options span {
    display: inline-block;
    padding: 0 1px;
}

.load-more:hover > .load-more-options {
    visibility: visible;
}

.load-more-options span:hover  {
    color: #666 !important;
}


/*** ITEM TABLE ***/

.item-table {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%;
}

.item-table > div {
    display: table-row !important;
}

.item-table-head > div {
    background: #ccc !important;
    color: #666;
    cursor: default !important;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.item-table-head > div:first-child {
    border-top-left-radius: 3px;
}

.item-table-head > div:last-child {
    border-top-right-radius: 3px;
}

.item-table .item {
    border-top: 1px dashed #aaa;
    position: static;
}

.item-table .item:first-child {
    border-top: none;
}

.item-table .item .right-align {
    text-align: right;
}

.item-table > div > div {
    display: table-cell;
    padding-right: 20px;
    vertical-align: top;
}

.item-table .item > div {
    cursor: pointer;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.item-table .item > div:first-child {
    border-radius: 3px 0 0 3px;
}
.item-table .item > div:last-child {
    border-radius: 0 3px 3px 0;
}

.item-table .item:hover > div {
    background-color: rgba(0,0,0,.05);
}

.item-table .number-big {
    color: #aaa;
    font: 25px Sec;
    vertical-align: top;
    width: 35px;
    vertical-align: top !important;
}

.item-table .item > div.align-top {
    vertical-align: top;
}

.item-table .gamescore-small {
    float: right;
}

.item-table .item.unread > div {
    background: #F9ECB8;
}

a.item-block-head,
.item-block-filters a,
.item-table a,
a.item,
.item a
{
    text-decoration: none;
}

.item-block-filters a,
.item-table a,
a.item,
.item a
{
    color: #333 !important;
}

.meta {
    color: #888;
    display: block;
    font-size: 70%;
    line-height: 130%;
    overflow: auto;
    padding-top: 2px;
}
.meta.inline {
    display: inline-block;
    line-height: 200%;
    padding-top: 0;
    vertical-align: middle;
}

.meta a,
a.meta {
    color: #888;
}

.meta .right {
    float: right;
    padding-left: 10px;
}

/*
.table-row-even {
    background-color: #eee;
}
.table-row-odd {
    background-color: #f1f1f1;
}
*/

.item-block.ext-filters .fa-search {
    margin-top: -5px;
    position: absolute;
}

.block-input[data-ftype="search"] {
    padding-left: 28px;
}

.item-block.ext-filters .fa-search:before {
    color: #666;
    font-size: 16px;
    left: 8px;
    position: absolute;
    top: 13px;
    z-index: 10;
}

.block-input::-moz-placeholder {
    box-shadow: none;
    color: rgba(0, 0, 0, 0.6) !important;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: normal;
}
.block-input::-webkit-input-placeholder {
    box-shadow: none;
    color: rgba(0, 0, 0, 0.6) !important;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: normal;
}

.list-count {
    color: #aaa;
    font-family: Sec;
    font-size: 18px;
}

.item-thumb {
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 112px;
    padding: 10px;
    position: relative;
    text-decoration: none;
    width: 50%;
}

.item-thumb:hover {
    background-color: rgba(0,0,0,.05);
    color: inherit;
}

.item-thumb:last-child {
    margin-bottom: 10px;
}

.item-thumb > span {
    display: block;
    float: left;
}

.item-thumb > span:first-child {
    align-content: center;
    background-color: #333;
    border: 5px solid #333;
    border-radius: 3px;
    bottom: 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 130px;
}

.item-thumb > span:first-child > img {
    display: inline-block;
    height: auto;
    max-height: 82px;
    max-width: unset;
    object-fit: contain;
    width: auto;
}

.item-thumb.pixelated > span:first-child > img {
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

.item-thumb > span:first-child > i {
    color: #f1f1f1;
    font-size: 40px;
    line-height: 82px;
}

.item-thumb > span:last-child {
    margin: 0 10px 0 150px;
}

.item-thumb:hover > span:last-child {
    overflow: auto;
}

.item-thumb.highlighted {
    height: 340px;
    width: 100%;
}
.item-thumb.highlighted > span:first-child {
    width: 520px;
}
.item-thumb.highlighted > span:first-child > img {
    max-height: 320px;
}
.item-thumb.highlighted > span:last-child {
    margin-left: 540px;
}

.item-block .item .show-on-hover,
.item-block .item-full .show-on-hover {
    visibility: hidden;
}
.item-block .item:hover .show-on-hover,
.item-block .item-full:hover .show-on-hover {
    visibility: visible;
}


/*** EDIT LIST ***/

.item-table .ui-sortable-helper {
    padding: 0 !important;
}
.item-table .ui-sortable-helper > div {
    background-color: #ddd !important;
}


/*** OPTION BLOCKS ***/

.option-block {
    overflow: auto;
}

.option-block.start-letter {
    margin-bottom: 10px;
}

.option-block > .option {
    background-color: #ccc;
    border-radius: 3px;
    color: #666;
    cursor: pointer;
    display: block;
    float: left;
    font: 12px/30px Sec;
    margin: 0 1% 1% 0;
    text-align: center;
    text-decoration: none;
    width: 99%;
}

.option-block.columns-2 > .option {
    width: 49%;
}

.option-block.columns-3 > .option {
    width: 32.3333%;
}

.option-block.columns-4 > .option {
    width: 24%;
}

.option-block > .option:hover {
    background-color: #aaa;
    color: #f1f1f1;
}

.option-block > .option.active {
    background-color: #666;
    color: #f1f1f1;
}

.start-letter > .option {
    width: 13%;
}

.block-label {
    clear: both;
    color: #aaa;
    cursor: pointer;
    display: block;
    font-family: Sec;
    font-size: 13px;
    line-height: 26px;
    padding-top: 12px;
    text-transform: uppercase;
}

.block-input {
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-sizing: border-box;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    height: 32px;
    padding: 0;
    width: 100%;
}

.block-select {
    border-radius: 3px;
    box-shadow: 0 1px 0 #FFF;
    width: 100%;
}

.block-selection-group label:before {
    content: "\f0c8";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 120%;
    width: 16px;
}
.block-selection-group label {
    border: 1px solid #999;
    border-radius: 3px;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-family: Sec;
    font-size: 70%;
    margin-bottom: 3px;
    padding: 3px 6px;
    text-transform: uppercase;
}
.block-selection-group label:hover {
    border-color: #111;
    color: #111;
}
.block-selection-group input {
    display: none;
}
.block-selection-group input:checked + label {
    background-color: #ddd;
    border-color: #111;
    color: #111;
}
.block-selection-group input:checked + label:before {
    content: "\f14a";
    font-weight: bold;
}

.canceled:before {
    color: #d00;
}

.color-block {
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 3px;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.remove-from-edit-list {
    background-color: #c00;
    border-radius: 3px;
    color: #f1f1f1;
    display: block;
    line-height: 22px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 16px;
    width: 22px;
}

/*** Order Number ***/

.item.update-icon.has-order-number {
    padding-left: 100px !important;
}

.item.update-icon.has-order-number::before {
    left: 60px;
}

.order-number {
    left: 10px;
    position: absolute;
    top: 13px;
}

.order-number-position {
    background: #666;
    border-radius: 50%;
    color: #f1f1f1;
    display: block;
    font-family: Sec;
    font-size: 12px;
    left: 0;
    line-height: 24px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 24px;
}

.order-number-sorter {
    color: #666;
    font-size: 18px;
    left: 30px;
    position: absolute;
    top: 3px;
}


/*** Chat Messages ***/

.item.chat-messages {
    padding-left: 54px;
}
.chat-messages .avatar-34 {
    left: 10px;
    position: absolute;
}
.item.chat-messages > div {
    padding-top: 5px;
}
.chat-messages .meta.alignright {
    margin: 0 0 5px 15px;
}


/*** UPDATE ICONS ***/

.item.update-icon {
    padding-left: 50px !important;
}

.update-icon:before {
    border-radius: 3px;
    color: #f1f1f1;
    font-family: 'Font Awesome 5 Free';
    font-size: 15px;
    left: 10px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 13px;
    vertical-align: baseline;
    width: 30px;
}


.icon-post-type-page:before,
.icon-post-type-post:before,
.icon-post-type-user:before {
    background-color: #d31422;
}

.icon-post-type-game:before,
.icon-post-type-game-rel:before,
.icon-post-type-credits:before,
.icon-post-type-interview:before,
.icon-post-type-topic:before,
.icon-post-type-document:before {
    background-color: #11b516;
}

.icon-post-type-album:before,
.icon-post-type-audio:before,
.icon-post-type-video:before,
.icon-post-type-merchandise:before,
.icon-post-type-patent:before,
.icon-post-type-press-release:before,
.icon-post-type-publication:before,
.icon-post-type-magazine:before,
.icon-post-type-reply:before,
.icon-post-type-link:before {
    background-color: #2873bf;
}

.icon-post-type-cheat:before,
.icon-post-type-contributor:before,
.icon-post-type-guide:before,
.icon-post-type-highscore-mode:before,
.icon-post-type-highscore:before,
.icon-post-type-tech-demo:before {
    background-color: #ddc01c;
}

.icon-post-type-3d-model:before,
.icon-post-type-manual:before,
.icon-post-type-hardware:before,
.icon-post-type-hardware-rel:before,
.icon-post-type-homebrew:before {
    background-color: #333;
}

.icon-post-type-company:before,
.icon-post-type-download:before,
.icon-post-type-event:before,
.icon-post-type-patch:before,
.icon-post-type-person:before,
.icon-post-type-score:before,
.icon-post-type-user-rating:before,
.icon-post-type-collection:before,
.icon-post-type-tool:before {
    background-color: #666;
}

.icon-post-type-album:before {
    content: "\f03e";
}
.icon-post-type-cheat:before {
    content: "\f005";
}
.icon-post-type-guide:before {
    content: "\f02d";
    font-weight: 900;
}
.icon-post-type-video:before {
    content: "\f03d";
    font-weight: 900;
}
.icon-post-type-audio:before {
    content: "\f001";
    font-weight: 900;
}
.icon-post-type-page:before,
.icon-post-type-post:before {
    content: "\f15b";
}
.icon-post-type-press-release:before {
    content: "\f0ac";
    font-weight: 900;
}
.icon-post-type-link:before {
    content: "\f0c1";
    font-weight: 900;
}
.icon-post-type-game:before,
.icon-post-type-game-rel:before,
.icon-post-type-homebrew:before,
.icon-post-type-tech-demo:before {
    background-image: url('/wp-content/themes/planetvb/img/types/game.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px;
    color: transparent;
    content: ".";
}
.icon-post-type-3d-model:before {
    content: "\f5ee";
    font-weight: 900;
}
.icon-post-type-company:before {
    content: "\f1ad";
}
.icon-post-type-download:before {
    content: "\f019";
    font-weight: 900;
}
.icon-post-type-patch:before {
    content: "\f3ff";
    font-weight: 900;
}
.icon-post-type-tool:before {
    content: "\f0ad";
    font-weight: 900;
}
.icon-post-type-contributor:before,
.icon-post-type-interview:before,
.icon-post-type-person:before,
.icon-post-type-user:before {
    content: "\f007";
}
.icon-post-type-document:before,
.icon-post-type-publication:before,
.icon-post-type-magazine:before,
.icon-post-type-manual:before,
.icon-post-type-patent:before {
    content: "\f02d";
    font-weight: 900;
}
.icon-post-type-collection:before {
    content: "\f007";
}
.icon-post-type-credits:before {
    content: "\f0c0";
    font-weight: 900;
}
.icon-post-type-score:before,
.icon-post-type-user-rating:before,
.icon-post-type-merchandise:before {
    content: "\f005";
    font-weight: 900;
}
.icon-post-type-event:before {
    content: "\f073";
}
.icon-post-type-hardware:before,
.icon-post-type-hardware-rel:before {
    background-image: url('/wp-content/themes/planetvb/img/types/hardware.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px;
    color: transparent;
    content: ".";
}
.icon-post-type-highscore:before {
    content: "\f091";
    font-weight: 900;
}
.icon-post-type-highscore-mode:before {
    content: "\f07c";
}
.icon-post-type-topic:before,
.icon-post-type-reply:before {
    content: "\f086";
}

/* SMARTPHONES - PORTRAIT & LANDSCAPE */
@media
only screen and (max-device-width: 800px),
only screen and (max-width: 800px)
{
    .container {
        padding: 0 2%;
        width: 96%;
    }
    .row {
        display: block;
    }
    .col {
        margin: 0 0 2%;
        width: 100%;
    }

    .sitename {
        display: none;
    }

    .item-table > .selection,
    .selection-wrapper > .selection {
        width: 100% !important;
    }

    .header .mobile-search {
        right: 70px;
    }

    .header .menu-indicator {
        display: none !important;
    }
    .header #logo {
        display: block !important;
    }

    .path .box,
    .path .trans-logo {
        float: none !important;
        margin-bottom: 15px;
        max-width: 150px !important;
    }
    .path #prevnext a[rel="previous"],
    .path #prevnext a[rel="next"] {
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.5) !important;
        color: #f1f1f1 !important;
        height: 40px;
        left: auto;
        right: 45px;
        top: 0;
        width: 40px;
    }
    .path #prevnext a[rel="next"] {
        right: 0 !important;
    }
    .path h1 {
        float: none !important;
        font-size: 28px !important;
    }
    .path div.buttons {
        float: none !important;
        padding-left: 0 !important;
    }

    .select-wrapper .tabs,
    .select-wrapper .menu {
        display: none !important;
    }
    .select-wrapper .select-inner-wrapper {
        display: block !important;
    }

    .menu {
        height: auto !important;
    }

    .menu .container,
    .menu .col {
        height: unset !important;
    }

    .menu .container {
        margin-bottom: 18px;
    }

    .menu .usermenu {
        margin-left: -2%;
        margin-right: -2%;
        padding-left: 2% !important;
        padding-right: 2% !important;
    }

    .menu .usermenu .buttonbar {
        border-radius: unset !important;
    }

    .menu .menu-main {
        height: 470px;
    }

    .menu .menu-main > div {
        padding: 0;
    }

    #main-menu-block-development {
        position: absolute;
        top: 140px;
    }

    #main-menu-block-community {
        position: absolute;
        top: 314px;
    }

    #main-menu-block-database {
        left: 190px;
        position: absolute;
        width: unset !important;
    }

    .optional {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }

    .message {
        min-height: 50px !important;
        padding-left: 10px !important;
    }
    .message-author {
        display: none;
    }
    .message-author-mobile {
        display: inline !important;
    }

    .wall > .item-wrapper {
        width: 100% !important;
    }

    #content {
        margin-bottom: 450px;
    }

    footer {
        padding-bottom: 50px;
    }
    footer .col:last-child {
        text-align: left;
    }

    .teaser {
        background-color: transparent !important;
        padding: 0 !important;
    }
    .teaser-bg-wrapper {
        display: none !important;
    }

    .teaser > div {
        display: block !important;
    }

    .item-table.responsive {
        display: block;
    }
    .item-table.responsive:after {
        clear: both;
        content: " ";
        display: block;
    }
    .item-table.responsive > * {
        display: block !important;
    }
    .item-table.responsive > * > * {
        display: block;
        padding-right: 0;
        width: 100%;
    }

    .item-table.responsive .box,
    .item-table.responsive .box *,
    .item-table.responsive .trans-logo,
    .item-table.responsive .trans-logo * {
        height: auto !important;
        max-height: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .item-thumb {
        width: 100%;
    }

    iframe, img, audio, video {
        max-width: 100% !important;
        height: auto !important;
    }
}

.menu {
    background-color: #333;
    border-bottom: 1px solid #111;
    color: #f1f1f1;
    display: none;
    height: 270px;
    position: relative;
}

.menu,
.mini-menu {
    background-image: repeating-linear-gradient(
            135deg,
            transparent,
            transparent 2px,
            rgba(0, 0, 0, .1) 2px,
            rgba(0, 0, 0, .1) 4px
    );
}

.menu .container,
.menu .col {
    height: 100%;
}

.menu a {
    color: #f1f1f1;
    text-decoration: none;
}

.menu a[href]:hover {
    text-decoration: underline;
}

.menu .menu-main {
    overflow: auto;
    padding: 10px 0;
}

.menu .menu-main h3 {
    border-bottom: 3px solid rgba(0, 0, 0, .3);
    margin-bottom: 3px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.menu .menu-main > div {
    float: left;
    overflow: auto;
    padding: 0 40px 20px 0;
}

#main-menu-block-database {
    width: 330px;
}

.menu .menu-main > div a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
}

.menu .menu-main > div .sub-menu {
    font-size: 80%;
    padding: 0 0 5px 15px;
}

.menu .menu-main > div > .fa {
    background-color: #111;
    color: #f1f1f1;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
}

.menu .menu-main h3 .fa,
.menu .menu-main h3 .icon-game {
    background-color: #111;
    border-radius: 5px;
    display: inline-block;
    height: 24px;
    line-height: inherit;
    margin-right: 6px;
    padding: 2px 8px;
    text-align: center;
    width: 20px;
}


.mini-menu {
    background-color: #333;
    border-bottom: 1px solid #111;
    color: #666;
    cursor: pointer;
    font-family: Sec;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-transform: uppercase;
}

.mini-menu .menu-icon {
    padding-right: 10px;
}

.mini-menu a {
    color: #999;
    text-decoration: none;
    padding-right: 10px;
}

.mini-menu a:hover {
    text-decoration: underline;
}

.mini-menu .container,
.mini-menu .col {
    height: 100%;
}

.mini-menu .col:last-child {
    background-color: rgba(0, 0, 0, .3);
    text-align: right;
}

.mini-menu .username {
    padding-left: 5px;
}
.comments-wrapper {
    margin-top: 60px;
}

.comments-show-button {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    width: 100%;
}

.message {
    border-radius: 3px;
    min-height: 60px;
    overflow: hidden;
    padding: 20px 10px 28px 80px;
    position: relative;
}

.message:hover {
    background-color: rgba(0,0,0,.05);
}

.message-meta {
    color: #aaa;
    font-size: 15px;
    line-height: 150%;
    margin-bottom: 10px;
}

.message-author-name {
    font-family: Sec;
}

.message:hover > .message-meta {
    display: block;
}
.message-meta a {
    color: #aaa;
    text-decoration: none;
}
.message-meta a:hover {
    color: #d31422;
}
.message-date {
    float: right;
}

.message-author {
    left: 10px;
    position: absolute;
    top: 20px;
    width: 62px;
}

.message-author-coins {
    font-size: 80%;
    line-height: 100%;
    padding-left: 5px;
}

.message-author-mobile {
    display: none;
}

.message-author a {
    color: #666;
    text-decoration: none;
}
.message-author a:hover {
    color: #d31422;
}

.message-body {
    font-size: 20px;
    line-height: 1.3em;
}
.message-body * {
    max-width: 100%;
}

.message.status-trash {
    background-color: #ffa;
    background-image: linear-gradient(to bottom, #f1f1f1 0%, #ffa 100%);
}
.message.status-spam {
    background-color: #fcc;
    background-image: linear-gradient(to bottom, #f1f1f1 0%, #fcc 100%);
}


.message-admin-links {
    bottom: 5px;
    color: rgba(0, 0, 0, .4);
    display: none;
    font-size: 12px;
    position: absolute;
    right: 10px;
    text-align: right;
}

.message-admin-links a {
    color: rgba(0, 0, 0, .4);
    text-decoration: none;
}

.message-admin-links a:hover {
    color: #d31422;
}

.message:hover .message-admin-links{
    display: block;
}

.message-author-mobile .avatar {
    vertical-align: text-bottom;
}

.path {
    background-color: rgba(0,0,0,.1);
    border-bottom: 1px solid #aaa;
    text-shadow: 0 1px 0 #eee;
}

.path > .container:first-child {
    padding: 15px;
    position: relative;
}

.path #breadcrumb {
    line-height: 100%;
    margin-bottom: 3px;

}

.path #breadcrumb a {
    color: #666;
    font-size: 12px;
    margin-right: 6px;
    opacity: .7;
    text-decoration: none;
}

.path #breadcrumb a:hover {
    color: #d31422;
    opacity: 1;
}

.path a {
    text-decoration: none;
}

.path h1 {
    color: #333;
    float: left;
    font-family: Sec;
    font-size: 36px;
    font-weight: normal;
    line-height: 120%;
    margin: 0;
    text-transform: uppercase;
}

.path h1 a {
    text-decoration: none;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .3);
}

.path .title-container:after {
    clear: both;
    content: " ";
    display: block;
}

.path .header-container {
    float: left;
    margin-bottom: 15px;
}

.path .details {
    font-size: 90%;
    overflow: auto;
}

.path .details div {
    float: left;
    margin-right: 10px;
}

.path div.buttons {
    float: right;
    padding: 8px 0 0 15px;
}

.path .button-wrapper:after {
    clear: both;
    content: " ";
    display: block;
}
.path .button-wrapper > * {
    margin-top: 20px;
}

.path .buttons > * {
    margin-top: 3px;
}

.path .excerpt {
    color: rgba(0, 0, 0, 0.5);
    font-style: italic;
    margin-top: 10px;
}

.path .excerpt a {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: underline;
}

.path .excerpt a:hover {
    color: #d31422;
}

.path .box,
.path .trans-logo {
    margin-right: 20px;
}


.tabs-wrapper {
    height: 26px;
    position: relative;
    z-index: 10;
}

.tabs {
    border-spacing: 1px 0;
    display: table;
    height: 26px;
    margin-bottom: -1px;
    padding: 1px 0 0;
    position: relative;
    table-layout: fixed;
    z-index: 20;
}

.tabs > li {
    background-color: #ddd;
    border: 1px solid #aaa;
    border-bottom-color: #aaa;
    border-radius: 3px 3px 0 0;
    display: table-cell;
    margin-right: 1px;
    list-style: none;
}

.tabs > li > a {
    color: rgba(0, 0, 0, 0.4);
    display: block;
    font-family: Sec;
    font-size: 12px;
    height: 21px;
    overflow: hidden;
    padding: 2px 10px 1px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.tabs > li:last-child a {
    margin-right: 0;
}

.tabs > li.selected,
.tabs > li:hover {
    background-color: #f1f1f1;
    border-color: #666;
}

.tabs > li.selected a,
.tabs > li:hover a {
    color: #333;
}

.tabs > li.selected,
.tabs > li.dropdown:hover {
    border-bottom: 1px solid #f1f1f1;
}

.tabs li.inactive a {
    color: rgba(0, 0, 0, 0.2);
}

.tabs li.loading a {
    visibility: hidden;
}

.tabs li a > span {
    background-color: #aaa;
    border-radius: 3px;
    color: #ddd;
    display: inline-block;
    font-size: 10px;
    line-height: 15px;
    margin: 1px 0 0 5px;
    min-width: 10px;
    padding: 0 4px;
    text-align: center;
    text-shadow: none;
    vertical-align: text-top;
}

.tabs > li.selected a span,
.tabs > li:hover a span {
    background-color: #666;
}

.tabs > li > ul {
    background-color: #f1f1f1;
    border: 1px solid #aaa;
    border-radius: 0 0 3px 3px;
    border-top: none;
    display: none;
    margin: 1px 0 0 -1px;
    padding: 0;
    position: absolute;
}

.tabs > li:hover > ul {
    display: block;
}

.tabs > li > ul > li {
    list-style: none;
}

.tabs > li > ul > li > a {
    border-top: 1px solid #ddd;
    color: #aaa;
    display: block;
    font-family: Sec;
    font-size: 12px;
    line-height: 1.5em;
    padding: 4px 36px 4px 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.tabs > li > ul > li > a:hover {
    background-color: rgba(0,0,0,.05);
}

.tabs > li > ul > li:first-child > a {
    border-top: none;
}



.select-wrapper .select-inner-wrapper {
    background-color: #666;
    border-radius: 3px 3px 0 0;
    display: none;
    padding: 6px 10px;
    position: relative;
    text-transform: uppercase;
}

.select-wrapper .select-inner-wrapper select {
    background-color: transparent;
    border: none;
    color: #f1f1f1;
    box-shadow: none;
    font-family: Sec;
    font-size: 14px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
}

.select-wrapper .select-inner-wrapper .select-arrow {
    color: #f1f1f1;
    position: absolute;
    font-size: 22px;
    right: 11px;
    text-shadow: none;
    top: 12px;
}



.path a[rel="previous"],
.path a[rel="next"] {
    border-radius: 3px;
    bottom: 20px;
    color: #999;
    position: absolute;
    top: 20px;
    width: 40px;
}

.path a[rel="previous"] {
    left: -60px;
}

.path a[rel="next"] {
    right: -60px;
}

.path:hover a[rel="previous"],
.path:hover a[rel="next"] {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.5);
}

.path a[rel="previous"]:hover,
.path a[rel="next"]:hover {
    background-color: #d31422;
    color: #f1f1f1;
    text-shadow: none;
}

.path a[rel="previous"]:before,
.path a[rel="next"]:before {
    left: 50%;
    margin: -9px 0 0 -6px;
    position: absolute;
    top: 50%;
}


/***** TEASER *****/

.teaser-wrapper {
    background-color: #ddd;
    overflow: visible;
    padding-top: 20px;
    position: relative;
}

.teaser-wrapper.front {
    background-image: repeating-linear-gradient(
        135deg,
        transparent,
        transparent 2px,
        rgba(0, 0, 0, .1) 2px,
        rgba(0, 0, 0, .1) 4px
    );
    font-size: 120%;
    line-height: 1.3em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.teaser-bg-wrapper {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.teaser-bg-wrapper img {
    margin-top: -100px;
    max-width: initial;
    min-height: 150%;
    min-width: 100%;
    opacity: 0.5;
    position: absolute;
}

.teaser-bg-overlay {
    background-image: url('https://www.virtual-boy.com/wp-content/themes/planetvb/img/teaser-bg.png');
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.teaser {
    background-color: rgba(255, 255, 255, .7);
    border-radius: 3px;
    margin-bottom: 20px;
    position: relative;
    padding: 20px;
    z-index: 20;
}

.teaser.front {
    overflow: auto;
}

.teaser ul {
    list-style-type: disc;
}

.path .teaser a[rel="previous"],
.path .teaser a[rel="next"] {
    bottom: 0;
    color: rgba(0,0,0,0.2);
    text-shadow: none;
    top: 0;
}
.path:hover .teaser a[rel="previous"],
.path:hover .teaser a[rel="next"] {
    background-color: rgba(255, 255, 255, 0.7);
    color: rgba(0,0,0,0.4);
}
.path .teaser a[rel="previous"]:hover,
.path .teaser a[rel="next"]:hover {
    background-color: #d31422;
    color: #f1f1f1;
}

.teaser-buttons {
    padding-top: 15px;
}

.teaser-buttons > a {
    font-size: 11px;
    font-style: italic;
    line-height: 16px;
    padding-top: 5px;
    position: relative;
    text-align: left;
}

.teaser-buttons > a > span:last-child {
    display: inline-block;
    font-family: Sec;
    font-size: 30px;
    font-style: normal;
    line-height: 1em;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .3);
    text-transform: uppercase;
}

.teaser-buttons > a > span:first-child {
    background-color: #444;
    border-radius: 5px;
    display: block;
    color: #f1f1f1;
    float: left;
    font-size: 22px;
    font-style: normal;
    line-height: 46px;
    margin: 2px 8px 0 0;
    text-align: center;
    width: 46px;
}

.teaser-buttons > a:hover > span:first-child {
    background-color: #d31422;
}

.teaser-buttons > a.hcolor_1:hover {
    color: #d31422
}

.teaser-buttons > a.hcolor_2:hover {
    color: #11b516
}

.teaser-buttons > a.hcolor_3:hover {
    color: #2873bf
}

.teaser-buttons > a.hcolor_4:hover {
    color: #ddc01c
}

.teaser-buttons > a.hcolor_1:hover > span:first-child {
    background-color: #d31422
}

.teaser-buttons > a.hcolor_2:hover > span:first-child {
    background-color: #11b516
}

.teaser-buttons > a.hcolor_3:hover > span:first-child {
    background-color: #2873bf
}

.teaser-buttons > a.hcolor_4:hover > span:first-child {
    background-color: #ddc01c
}

.member-image-edit-layer {
    background-color: rgba(255,255,255,.5);
    bottom: 0;
    font-size: 200%;
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity ease-out .3s;
    z-index: 10;
}

.member-image-edit-layer i {
    color: rgba(0,0,0,.3);
    text-shadow: none;
}

#item-header-avatar .box:hover .member-image-edit-layer,
.teaser-bg-wrapper:hover .member-image-edit-layer {
    opacity: 1;
}

.member-image-edit-layer + img {
    filter: blur(0);
    transition: filter ease-out .3s;
}

#item-header-avatar .box:hover .member-image-edit-layer + img,
.teaser-bg-wrapper:hover .member-image-edit-layer + img {
    filter: blur(5px);
}
/******************** GAMESCORES ********************/

.gamescore-mini,
.gamescore-small,
.gamescore {
    border-radius: 3px;
    box-sizing: border-box;
    color: #f1f1f1 !important;
    display: inline-block;
    font-family: Sec;
    font-size: 22px;
    height: 37px;
    line-height: 36px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    width: 100%;
}
.gamescore {
    border-radius: 5px;
    text-shadow: none;
}
.gamescore-small {
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    width: 34px;
}
.gamescore-mini {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    width: 26px;
}
.gamescore > .percent {
    font-size: 14px;
    margin-right: -10px;
    vertical-align: bottom;
}

.gamescore > .score-meta {
    font-size: 11px;
    vertical-align: middle;
    float: right;
    margin-right: 10px;
}
.gamescore > .score-meta > b {
    letter-spacing: 1px;
}




.rating {
    color: #666;
    font-family: 'Font Awesome 5 Free';
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    overflow: auto;
    padding-right: 50px;
    position: relative;
    width: 350px;
}
.rating > input {
    display: none;
}
.rating > label:before {
    content: "\f005";
    cursor: pointer;
    display: block;
    float: right;
    height: 32px;
    width: 10%;
}
.rating input:checked+label:before,
.rating input:hover+label:before,
.rating input:checked ~ input+label:before,
.rating input:hover ~ input+label:before {
    font-weight: bold;
}

.rating input[id="pvb-rate-score-1"]:checked+label:before,
.rating input[id="pvb-rate-score-1"]:hover+label:before,
.rating input[id="pvb-rate-score-1"]:hover ~ input+label:before,
.rating input[id="pvb-rate-score-1"]:checked ~ input+label:before {
    color: #FF0000;
}
.rating input[id="pvb-rate-score-2"]:checked+label:before,
.rating input[id="pvb-rate-score-2"]:hover+label:before,
.rating input[id="pvb-rate-score-2"]:hover ~ input+label:before,
.rating input[id="pvb-rate-score-2"]:checked ~ input+label:before {
    color: #FF0000;
}
.rating input[id="pvb-rate-score-3"]:checked+label:before,
.rating input[id="pvb-rate-score-3"]:hover+label:before,
.rating input[id="pvb-rate-score-3"]:hover ~ input+label:before,
.rating input[id="pvb-rate-score-3"]:checked ~ input+label:before {
    color: #F53305;
}
.rating input[id="pvb-rate-score-4"]:checked+label:before,
.rating input[id="pvb-rate-score-4"]:hover+label:before,
.rating input[id="pvb-rate-score-4"]:hover ~ input+label:before,
.rating input[id="pvb-rate-score-4"]:checked ~ input+label:before {
    color: #EA650B;
}
.rating input[id="pvb-rate-score-5"]:checked+label:before,
.rating input[id="pvb-rate-score-5"]:hover+label:before,
.rating input[id="pvb-rate-score-5"]:hover ~ input+label:before,
.rating input[id="pvb-rate-score-5"]:checked ~ input+label:before {
    color: #E09810;
}
.rating input[id="pvb-rate-score-6"]:checked+label:before,
.rating input[id="pvb-rate-score-6"]:hover+label:before,
.rating input[id="pvb-rate-score-6"]:hover ~ input+label:before,
.rating input[id="pvb-rate-score-6"]:checked ~ input+label:before {
    color: #D5CA15;
}
.rating input[id="pvb-rate-score-7"]:checked+label:before,
.rating input[id="pvb-rate-score-7"]:hover+label:before,
.rating input[id="pvb-rate-score-7"]:hover ~ input+label:before,
.rating input[id="pvb-rate-score-7"]:checked ~ input+label:before {
    color: #B2B117;
}
.rating input[id="pvb-rate-score-8"]:checked+label:before,
.rating input[id="pvb-rate-score-8"]:hover+label:before,
.rating input[id="pvb-rate-score-8"]:hover ~ input+label:before,
.rating input[id="pvb-rate-score-8"]:checked ~ input+label:before {
    color: #8E9819;
}
.rating input[id="pvb-rate-score-9"]:checked+label:before,
.rating input[id="pvb-rate-score-9"]:hover+label:before,
.rating input[id="pvb-rate-score-9"]:hover ~ input+label:before,
.rating input[id="pvb-rate-score-9"]:checked ~ input+label:before {
    color: #6B7F1B;
}
.rating input[id="pvb-rate-score-10"]:checked+label:before,
.rating input[id="pvb-rate-score-10"]:hover+label:before,
.rating input[id="pvb-rate-score-10"]:hover ~ input+label:before,
.rating input[id="pvb-rate-score-10"]:checked ~ input+label:before {
    color: #47661D;
}

.rating input:hover+label:after,
.rating input:checked+label:after {
    font-family: Sec;
    font-size: 20px;
    position: absolute;
    right: 0;
}
.rating input[value="1"]:checked+label:after, .rating input[value="1"]:hover+label:after { content: "1/10"; }
.rating input[value="2"]:checked+label:after, .rating input[value="2"]:hover+label:after { content: "2/10"; }
.rating input[value="3"]:checked+label:after, .rating input[value="3"]:hover+label:after { content: "3/10"; }
.rating input[value="4"]:checked+label:after, .rating input[value="4"]:hover+label:after { content: "4/10"; }
.rating input[value="5"]:checked+label:after, .rating input[value="5"]:hover+label:after { content: "5/10"; }
.rating input[value="6"]:checked+label:after, .rating input[value="6"]:hover+label:after { content: "6/10"; }
.rating input[value="7"]:checked+label:after, .rating input[value="7"]:hover+label:after { content: "7/10"; }
.rating input[value="8"]:checked+label:after, .rating input[value="8"]:hover+label:after { content: "8/10"; }
.rating input[value="9"]:checked+label:after, .rating input[value="9"]:hover+label:after { content: "9/10"; }
.rating input[value="10"]:checked+label:after, .rating input[value="10"]:hover+label:after { content: "10/10"; }

.rating:hover label:after {
    display: none;
}
.rating input:hover+label:after {
    display: block !important;
}

#searchform {
    position: absolute;
    right: 80px;
    top: 0;
    width: auto;
    z-index: 1;
}

#live-search-input + label {
    color: rgba(0, 0, 0, 0.25);
    font-size: 24px;
    left: 10px;
    line-height: 38px;
    opacity: 0;
    position: absolute;
    top: 12px;
    z-index: 101;
}

#live-search-input {
    background: #f1f1f1;
    border: 1px solid rgba(0,0,0,0.75);
    border-radius: 5px;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.6);
    font-family: Sec;
    font-size: 24px;
    box-sizing: border-box;
    height: 40px;
    margin: 10px 0;
    opacity: 0;
    padding: 0 10px 0 38px;
    position: relative;
    text-transform: uppercase;
    width: 110px;
    z-index: 100;
}

#live-search-input:focus {
    border: 1px solid #111;
}
#live-search-input:focus + label {
    color: rgba(0, 0, 0, 0.6);
}

#searchform:hover #live-search-input,
#live-search-input:focus {
    width: 360px;
}
#searchform:hover #live-search-input,
#live-search-input:focus,
#searchform:hover #live-search-input + label,
#live-search-input:focus + label {
    opacity: 1;
    transition-duration: .3s;
}


#live-search-results {
    background: #f1f1f1;
    border-left: 1px solid #111;
    border-right: 1px solid #111;
    border-bottom: 5px solid #111;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    display: none;
    font-size: 80%;
    left: 0;
    padding: 4px 0 0;
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 5002;
}


#live-search-input:focus ~ #live-search-results,
#live-search-results:hover,
#live-search-results:focus {
    display: block;
}

#live-search-results-header {
    background: #ddd;
    border-top: 1px solid #111;
    color: #999;
    cursor: initial;
    font-size: 12px;
    line-height: 15px;
    padding: 10px;
}

#live-search-message {
    line-height: 16px;
    width: 68%;
}

#live-search-message.loading {
    background: url("https://www.virtual-boy.com/wp-content/themes/planetvb/img/loading/loading.gif") no-repeat scroll left 4px transparent
}

.live-search-result,
#live-search-results .item {
    background-repeat: no-repeat;
    background-position: 8px 4px;
    border-top: 1px solid #ccc;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 130%;
    padding: 10px;
    position: relative;
    text-decoration: none;
}

#live-search-results .item.itemhover,
#live-search-results .item:hover,
#live-search-results-previous:hover,
#live-search-results-next:hover {
    background-color: rgba(0,0,0,.05);
    color: #d31422;
}

#live-search-results-body .title {
    font-family: Sec;
    font-size: 14px;
    text-transform: uppercase;
}

#live-search-results-previous,
#live-search-results-next {
    display: none;
}

#live-search-results-previous .item,
#live-search-results-next .item {
    color: #aaa;
    text-align: center;
}

#live-search-results-next .item {
    border-bottom: none;
}

#searchform-overlay {
    background-color: #f1f1f1;
    bottom: 0;
    cursor: pointer;
    display: none;
    left: 0;
    opacity: 0.85;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4999;
}

.search-hint {
    color: rgba(0, 0, 0, 0.3);
    font-family: Sec;
    font-size: 24px;
    line-height: 60px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    white-space: nowrap;
    z-index: 0;
}
#searchform:hover .search-hint {
    opacity: 0;
    transition-delay: .3s;
}

.search-hint .fa-search {
    vertical-align: 1px;
}

/*
Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 3px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-color: #f1f1f1;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #f1f1f1));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #f1f1f1 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #f1f1f1 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f1f1f1', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #f1f1f1 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 3px 3px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #f1f1f1));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #f1f1f1 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #f1f1f1 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #f1f1f1 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 19998;
    /* styles required for IE to work */
    background-color: #f1f1f1;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -2px;
    position: absolute;
    z-index: 19999;
    top: 100%;

    background: #f1f1f1;
    color: #333;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 3px 3px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 3px 3px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #666;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #666;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 3px 3px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 20000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
    box-shadow: none;

    background: #f1f1f1 url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2.png') no-repeat 100% -22px;
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #f1f1f1), color-stop(0.99, #eee));
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #f1f1f1 85%, #eee 99%);
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #f1f1f1 85%, #eee 99%);
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #f1f1f1 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #f1f1f1 url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2-spinner.gif') no-repeat 98%;
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2-spinner.gif') no-repeat 98%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #f1f1f1), color-stop(0.99, #eee));
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2-spinner.gif') no-repeat 98%, -webkit-linear-gradient(center bottom, #f1f1f1 85%, #eee 99%);
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2-spinner.gif') no-repeat 98%, -moz-linear-gradient(center bottom, #f1f1f1 85%, #eee 99%);
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2-spinner.gif') no-repeat 98%, linear-gradient(to bottom, #f1f1f1 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #666;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #f1f1f1 inset;
    box-shadow: 0 1px 0 #f1f1f1 inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f1f1f1), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #f1f1f1 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #f1f1f1 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f1f1f1', GradientType=0);
    background-image: linear-gradient(to top, #f1f1f1 0%, #eee 50%);
}

.select2-container-multi.select2-dropdown-open .select2-choice,
.select2-container-multi.select2-dropdown-open .select2-choices {
    border: 1px solid #666;
    border-bottom-color: #ccc;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    outline: none;
}
.select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
     border-bottom-color: #999;
     border-radius: 0 0 3px 3px;
     border-top-color: #ccc;
 }

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: rgba(0,0,0,.05);
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #f1f1f1;
    color: #333;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f1f1f1;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f1f1f1;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
    background: #f1f1f1;
    display: list-item;
    cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f1f1f1 url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2-spinner.gif') no-repeat 98%;
}

.select2-more-results {
    background: #f1f1f1;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f1f1f1;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f1f1f1;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    background-color: #f1f1f1;
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 1px;
    position: relative;
}

.select2-locked {
    background-color: #ddd;
    border-style: dashed !important;
    padding: 0 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.35);
    font-family: 'PT Sans', sans-serif;
    font-size: 90%;
    height: 28px;
    outline: none;
    padding: 0 8px;
}
.select2-container-multi.select2-dropdown-open .select2-choices .select2-search-field input {
    color: #666;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #f1f1f1 url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2-spinner.gif') no-repeat 98% !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: 0 0 2px #f1f1f1 inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    padding: 0 22px 0 5px;
    margin: 1px;
    line-height: 24px;
    position: relative;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin-left: 0;
    margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    background: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2.png') right top no-repeat;
    display: block;
    font-size: 1px;
    height: 13px;
    outline: none;
    position: absolute;
    right: 3px;
    top: 6px;
    width: 12px;
}
html[dir="rtl"] .select2-search-choice-close {
    left: 5px;
    right: auto;
}

.select2-container-multi .select2-search-choice-close {
    right: 5px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f1f1f1;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f1f1f1;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('https://www.virtual-boy.com/wp-content/themes/planetvb/inc/select2/select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}



.select2-result .meta,
.select2-search-choice .meta {
    padding-top: 0;
    white-space: nowrap;
}

.slick-slide {
    background-color: #111;
    background-position: center;
    background-size: cover;
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    height: 200px;
    position: relative;
}

.slick-slide .gamescore-small {
    border-radius: 0 5px 5px 0;
    bottom: 0;
    height: 46px;
    line-height: 46px;
    position: absolute;
    right: -43px;
    width: 46px;
}

.slick-title {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 0 5px 5px 0;
    bottom: 20px;
    color: #f1f1f1;
    font-family: Sec;
    font-size: 14px;
    left: 0;
    line-height: 15px;
    max-width: 75%;
    padding: 8px 23px 8px 20px;
    position: absolute;
    text-transform: uppercase;
    z-index: 2;
}

/* Arrows */
.slick-next,
.slick-prev {
    background-color: rgba(255, 255, 255, .65);
    bottom: 0;
    border: none;
    color: rgba(0,0,0,0.8);
    cursor: pointer;
    font-size: 40px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 150px;
    z-index: 10;
}
.slick-next {
    left: auto;
    right: 0;
}
.slick-next:hover,
.slick-prev:hover {
    opacity: 1;
}

/* Dots */
.slick-dots
{
    position: absolute;
    top: -32px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: right;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    color: #666;
}
.slick-dots li button:before
{
    color: #ccc;
    font-size: 32px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;
}
.slick-dots li.slick-active button:before
{
    color: #d31422;
}

.spoiler {
    background-color: #111;
    color: #111;
}

.spoiler img {
    opacity: 0;
}

.spoiler:hover {
    background-color: transparent;
    transition-duration: 1s;
}

.spoiler:hover img {
    opacity: 1;
    transition-duration: 1s;
}

.header .usermenu {
    color: #d31422;
    height: 61px;
    position: absolute;
    right: 0;
    transition-duration: .3s;
    width: 60px;
}

.menu-active .header .usermenu {
    background-color: #000;
}

.header .usermenu > div {
    cursor: pointer;
    float: left;
    font-size: 40px;
    height: 55px;
    line-height: 52px;
    padding: 9px 10px 0;
    position: relative;
    text-align: center;
    width: 40px;
}

.header .usermenu .avatar {
    height: 40px;
    width: 40px;
}


.menu .usermenu {
    background-color: rgba(0, 0, 0, .3);
    box-sizing: border-box;
    height: 100%;
    padding: 10px 15px;
    position: relative;
}

.menu .usermenu h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.menu .usermenu .link {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.menu .usermenu .divider {
    padding-bottom: 10px;
}

.menu .usermenu a {
    color: #f1f1f1;
}

.menu .usermenu .small {
    font-size: 11px;
    line-height: 14px;
    margin-top: -5px;
}

.menu .usermenu button,
.menu .usermenu input {
    border-color: #111;
    font-size: 14px;
    margin-bottom: 3px;
}

.menu .usermenu .buttonbar {
    background-color: #111;
    bottom: 0;
    border-radius: 0 0 5px 5px;
    left: 0;
    margin-bottom: -32px;
    position: absolute;
    right: 0;
    z-index: 999;
}

.menu .usermenu .buttonbar > a {
    display: block;
    float: left;
    font-size: 16px !important;
    line-height: 32px !important;
    text-align: center;
    width: 33.3333%;
}
.menu .usermenu .buttonbar > a:hover {
    background-color: rgba(255,255,255,0.1);
}

.menu .usermenu .buttonbar > a > .count-badge {
    background-color: #383;
    border-radius: 3px;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    margin-left: 5px;
    padding: 0 3px;
    position: absolute;
    text-align: center;
    top: 7px;
    letter-spacing: -1px;
}

#usermenu-notifs,
#usermenu-messages {
    text-decoration: none !important;
}

#usermenu-updates-count-badge {
    background-color: #383;
    border-radius: 3px;
    border: 2px solid #111;
    bottom: 10px;
    color: #f1f1f1;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 15px;
    padding: 0 3px;
    position: absolute;
    right: 3px;
    text-align: center;
}
.wall {
    margin: 10px -10px 0 0;
}

.wall > .item-wrapper {
    float: left;
    width: 33.33333%;
}

.wall.columns-1 > .item-wrapper { width: 100% }
.wall.columns-2 > .item-wrapper { width: 50% }
.wall.columns-3 > .item-wrapper { width: 33.33333% }
.wall.columns-4 > .item-wrapper { width: 25% }
.wall.columns-5 > .item-wrapper { width: 20% }

.wall > .item-wrapper > li.item {
    list-style-type: none;
}
.wall .block {
    margin-right: 10px;
}
.block {
    background-color: #f6f6f6;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 3px;
    border-top-width: 5px;
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}
.block:hover {
    background-color: rgba(0,0,0,.05);
}

.block.hcolor_1 { border-top-color: #d31422; }
.block.hcolor_2 { border-top-color: #11b516; }
.block.hcolor_3 { border-top-color: #2873bf; }
.block.hcolor_4 { border-top-color: #ddc01c; }
.block.site-1 { border-top-color: #111; }
.block.site-2 { border-top-color: #D6000B; }
.block.site-5 { border-top-color: #6D4D83; }
.block.site-6 { border-top-color: #098EC6; }

.block .item-head {
    display: block;
    padding: 10px 10px 5px;
}

.block.activity-item .activity-inner {
    overflow: hidden;
    max-height: 280px;
}

.block.activity-item.activity_update,
.block.activity-item.new_blog_comment,
.block.activity-item.new_blog_post {
    border-top-color: #d31422;
}
.block.activity-item.bbp_topic_create,
.block.activity-item.bbp_reply_create {
    border-top-color: #11b516;
}
/*.block.activity-item.pvb_highscore_approved {
    border-top-color: #2873bf;
}*/
.block.activity-item.joined_group,
.block.activity-item.created_group,
.block.activity-item.pvb_rating_added,
.block.activity-item.pvb_rating_updated,
.block.activity-item.pvb_highscore_approved {
    border-top-color: #ddc01c;
}

.block.activity-item.pvb_collection_added
{
    border-top-color: #111;
}

.block .content {
    color: rgba(0,0,0,0.5);
    line-height: 1.3em;
    padding: 10px;
}
.block .content a {
    color: rgba(0,0,0,0.5);
    text-decoration: underline;
}
.block .content a:hover {
    color: #d31422;
}

.block
.title > p {
    color: rgba(0,0,0,0.5);
    margin-bottom: 0;
}
.block .title a {
    text-decoration: none;
}

.block .item-head.activity-header .avatar {
    height: 16px;
    margin-right: 3px;
    width: 16px;
}
.block .item-head.activity-header .activity-avatar .avatar {
    float: left;
    height: 20px;
    margin: -3px 6px 0 0;
    width: 20px;
}

.block .item-head .sitelink {
    float: right;
    margin-left: 5px;
}

.block .meta {
    color: #aaa;
    padding: 0px 10px 10px;
}
.block .meta a {
    color: #aaa;
    text-decoration: none;
}
.block .meta a:hover {
    color: #d31422 !important;
}

.block .connected-items {
    background-color: rgba(0, 0, 0, 0.05);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
    font-size: 80%;
    padding: 6px 10px;
}
.block .connected-items a {
    color: rgba(0, 0, 0, 0.3);
}
.block .connected-items a:hover {
    color: #d31422;
}
.block .connected-items img {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    height: 25px;
    margin-right: 3px;
    vertical-align: bottom;
}

.block .actions a {
    display: none;
}
.block:hover .actions a,
.block .actions a.visible {
    display: inline-block;
}
.block .actions .active {
    color: #d31422;
    display: inline-block;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 0 0 2px 10px;
	display: inline;
}

img.alignleft {
	margin: 0 10px 2px 0;
	display: inline;
}

.alignright {
	float: right !important;
}

.alignleft {
	float: left !important;
}
	
.wp-caption {
	border: 1px solid #aaa;
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	border-radius: 3px;
}

.wp-caption img 
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text 
{
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

li.widget {
    list-style-type: none;
}