/*
Theme Name: Sheltered 2015
Theme URI: http://www.unicube.net/sheltered
Author: Team17
Author URI: http://www.team17.com/
Template: twentysixteen
Description: A custom theme for showcasing Sheltered, a game by Unicube.
Version: 1.0
License: Copyright Unicube Studios Ltd, all rights reserved
Tags: black, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: sheltered-theme

This theme is a child theme of Twentysixteen. Twentysixteen, like WordPress, is licensed under the GPL.
*/

/* Add our custom font from the game for use in links */ 
@font-face {
    font-family: 'shelteredserifbold';
    src: url('css/fonts/typewriterrandom-bold-webfont.eot');
    src: url('css/fonts/typewriterrandom-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/typewriterrandom-bold-webfont.woff2') format('woff2'),
         url('css/fonts/typewriterrandom-bold-webfont.woff') format('woff'),
         url('css/fonts/typewriterrandom-bold-webfont.ttf') format('truetype'),
         url('css/fonts/typewriterrandom-bold-webfont.svg#shelteredserifbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { margin:0; padding:0; background: #000 url('images/sheltered-bg2.jpg') no-repeat fixed left top; background-size:100%; }
body { font-size: 16px; margin:0px; }
body {
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.75)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */
}
body, button, label, .widecolumn label, input, select, textarea, .buy-box a, a:hover, .main-navigation a, .main-navigation li:hover > a, .main-navigation li.focus > a, p, .widget .widget-title, .site-info a:hover, .site-info a:focus, .entry-title, #signupform label, #signupform input {
	color: #4a4b45;
	/*font-family: 'shelteredserifbold', serif;*/
        font-family: 'Open Sans', sans-serif;
	line-height: 1.75;
}

p, a, span, div, li, label { font-size: .9rem; }

.entry-content-container p, .entry-content-container div,.entry-content-container span,.entry-content-container li,.entry-content-container a, .really_simple_twitter_widget li,.sidebar p { font-family: 'Open Sans', sans-serif; }

.error-message,p.error-message, p.login-error { color:#AF140C; }

.new-topic-notifier { display:none; }

.entry-content a, .entry-summary a, .page-content a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover { box-shadow: 0px 0px 0px 0px currentcolor; }

h1.entry-title { /*background:transparent url('images/title-bg.png') repeat-x;*/
    background:transparent url('images/content-bg.png'); min-height:70px; padding:5px 0px 5px 15px; box-shadow: 0px 3px 8px 1px #000; font-family: 'shelteredserifbold', serif; font-weight:normal; }

.post-title, .post-navigation .post-title {font-family: 'shelteredserifbold', serif; font-weight:normal; font-size:1.2em; }

.archive .entry-header .entry-title { margin-bottom:1px;font-size:1.3em; }
.entry-title a { font-size:1.1em; }
.entry-title a:hover {font-family:inherit;}

.site-main > article { margin-bottom:2.5em; }

.post-navigation, .post-navigation div + div { border-top:none; border-bottom:none; }

.nav-previous { float:left;}
.nav-next { float:right; }

body:not(.search-results) article:not(.sticky) .posted-on { display:inline; }

h1, h2, h3, h4, h5, h6, h1.page-title, .entry-title { font-weight:normal !important; color: #4a4b45; font-family: 'shelteredserifbold', serif; font-weight:normal; }

a { color: #89400b; }
.widget .widget-title { font-size:1.5rem; text-transform: none; font-weight:normal; }

a:hover, a:active, a:focus { text-decoration:underline; }

fieldset { border: 1px solid #4a4b45; }

.clearfix { display:block; width:100%; height:2px; clear:both; }

.page-header { border-top: none; }

/*User header area */
#user-header { background:rgba(18,18,18,.30); box-shadow: 0px 3px 15px 1px #000; padding:5px 80px; text-align:right;position:fixed;z-index:9999999;display:block; width:100%; }
.welcome-header { float:left;font-family: 'shelteredserifbold', serif;font-weight:normal; }
.welcome-header,.header-profile-meta,.header-profile-meta a { color:#F7F4ED; }
.header-profile-meta a { text-decoration:underline; }
.header-profile-meta a:hover { color:#b0bfd1; }
.bbp-profile { /*visibility:hidden;*/ }

/*Main container*/
.site { background-color: transparent; }

/*Site logo - site title */
.site-branding, .site-description { margin:auto; text-align:center; width:100%; }
.site-title { text-align:center; margin:0px auto 25px auto; clear:both; }
.site-description { color: #B19349; font-size:1.5rem; text-shadow: 0px 2px 2px rgba(0, 0, 0, .8); font-family: 'shelteredserifbold', serif; font-weight:normal; }
.site-title a img { width:100%; }

/*Menus*/
/*Top*/
.responsive.login-link, .responsive.register-link,.responsive .logout-link,.responsive .profile-link,.responsive .admin-link { display:none; }

#menu-main-menu { background:#EDD7B1; padding:5px; }
#menu-main-menu li { border-top:none; border-bottom:1px solid #4a4b45; }
#menu-toggle, #site-header-menu { position:relative; z-index:9999999; }
@media screen and (min-width: 910px) {
    #site-header-menu { margin:20px auto; flex: 0 1 auto; clear: both; text-align:center;background: transparent url('images/right-menu-bg.png') no-repeat right bottom; padding-right:85px; height:67px; }
    #site-navigation { background: transparent url('images/left-menu-bg.png') no-repeat left bottom; padding-left:85px; height:68px; }
    #menu-main-menu { display: block; background:transparent url('images/menu-bg.png') repeat-x; height:75px; padding-bottom:5px; }
    #menu-main-menu li { border-top:none; border-bottom:none; }
    #site-header-menu-right { background: transparent url('images/right-menu-bg.png') no-repeat; }
    #site-navigation ul { margin:0px 0px 5px 0px; display:block; }
    #site-navigation ul li a { font-size:1.5rem; font-family: 'shelteredserifbold', serif; font-weight:normal; }
}


/*Content*/
.entry-content-container { padding:5px 5px; /*background:#E0D5B8 url('images/content-bg-lg.jpg');*/ 
    background: -moz-radial-gradient(center, ellipse cover,  rgba(232,221,192,1) 0%, rgba(232,221,192,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(232,221,192,1)), color-stop(100%,rgba(232,221,192,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(232,221,192,1) 0%,rgba(232,221,192,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(232,221,192,1) 0%,rgba(232,221,192,0) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(232,221,192,1) 0%,rgba(232,221,192,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(232,221,192,1) 0%,rgba(232,221,192,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.entry-content { 
    border: 64px solid transparent;
    -webkit-border-image: url('images/content-bg-border.jpg') 12% fill round; /* Safari 3.1-5 */
    -o-border-image: url('images/content-bg-border.jpg') 12% fill round; /* Opera 11-12.1 */
    border-image: url('images/content-bg-border.jpg') 12% fill round;
    box-shadow: 0px 3px 7px 2px #000;
} 
#youtube-home iframe { 
    margin-bottom:20px;
    border: 30px solid transparent;
    -webkit-border-image: url('images/ragged-border.png') 30 round; /* Safari 3.1-5 */
    -o-border-image: url('images/ragged-border.png') 30 round; /* Opera 11-12.1 */
    border-image: url('images/ragged-border.png') 30 round;
}

/*Sidebar*/
aside { margin-bottom:20px; }
.buy-box { margin-bottom:40px; }
#secondary .widget { 
    border: 35px solid transparent;
    -webkit-border-image: url('images/content-bg-border.jpg') 12% fill round; /* Safari 3.1-5 */
    -o-border-image: url('images/content-bg-border.jpg') 12% fill round; /* Opera 11-12.1 */
    border-image: url('images/content-bg-border.jpg') 12% fill round; 
    background: -moz-radial-gradient(center, ellipse cover,  rgba(232,221,192,1) 0%, rgba(232,221,192,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(232,221,192,1)), color-stop(100%,rgba(232,221,192,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(232,221,192,1) 0%,rgba(232,221,192,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(232,221,192,1) 0%,rgba(232,221,192,0) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(232,221,192,1) 0%,rgba(232,221,192,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(232,221,192,1) 0%,rgba(232,221,192,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow: 0px 5px 10px 2px #000;
}
.widget a { box-shadow:none; }
.sidebar .widget-title { font-family: 'shelteredserifbold', serif !important; font-weight:normal; }
.buy-box a { display:block; /*min-width:230px;*/ padding:7px; background:transparent url('images/button.png'); border:none; box-shadow: 0px 2px 5px 0px currentcolor; font-weight:normal;font-family: 'shelteredserifbold', serif; font-weight:normal; }
.buy-box a:hover { box-shadow: 0px 1px 2px 0px currentcolor; }

/*Footer*/
@media (min-width:900px) {
    .site-footer {
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.95))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    }

    .footer-text { position: relative; top:30px; margin-bottom: 0px; margin-left: 75%; display: block; }
    .menu-footer-container li { float:right; }
}
.menu-footer-container { padding-right:40px; }
.menu-footer-container li, .menu-footer-container a, .site-info a, .copyright { color:#eae0c2; text-shadow: 0px 2px 2px rgba(0, 0, 0, .8); }
.site-footer .site-title::after { content: ""; }
.site-info li, .site-info a { text-align:left; }
.menu-footer-container li { list-style-type: none; padding-left:10px; }
.menu-footer-container li:after { content:" /"; }
.menu-footer-container li.last:after { content:""; }
.menu-footer-container li a { font-size:.85rem; }
#footer-grad { 
    position: absolute;
    height: 150px;
    background: #000;
    display: block;
    bottom: 0px;
}

/*Forms - VFB*/
.visual-form-builder fieldset {
    clear: both;
    margin: 15px 0px;
    padding: 0px;
    border: none;
    border-radius: 0px;
    background-color: transparent;
}

.visual-form-builder label, label.vfb-desc {
    display: block;
    margin: 0px;
    padding: 0px 0px 3px;
    color: #4a4b45;
    font-weight:normal;
}

.visual-form-builder .vfb-legend {
    margin: 5px 14px;
    padding: 0px 6px;
    border-bottom: none;
    color: #900;
    font-size: inherit;
    font-weight:normal;
}


.vfb-submit, input.vfb-submit[type="submit"] {
    font-size: 1.1em;
}
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
    border: none;
    border-radius: 02px;
    background: transparent url('images/button.png'); border:none; box-shadow: 1px 2px 5px 0px #4a4b45;
    color: #4f4b45;
    font-family: 'shelteredserifbold', serif;
    font-weight: normal;
    line-height: 1;
    padding: 0.75em 0.875em 0.625em;
    text-transform: none;
    outline: medium none;
    margin-right:7px;
margin-top:25px;
}

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: transparent url('images/button.png'); border:none; box-shadow: 1px 1px 2px 0px #4a4b45;
    color: #4a4b45;
    outline: medium none;
}

input.vfb-large, input[type="text"].vfb-large, input[type="tel"].vfb-large, input[type="email"].vfb-large, input[type="url"].vfb-large, select.vfb-large,input, input[type="text"], input[type="tel"], input[type="email"], input[type="url"], select {
    width: 100%;
    height: 55px !important;
    font-size:1.2rem;
}
input[type="submit"],button { width:auto !important; height:48px !important; }
input[type="checkbox"],input[type="radio"] { width:22px !important; float:left; }
input[type="checkbox"] { margin-top:-15px !important; }



/*Cookies*/
#cookie-notice .button.wp-default {
    font-family: 'shelteredserifbold', serif;
    font-size:1rem;
    line-height: 18px;
    padding: 2px 12px;
    background: transparent url('images/button.png'); border:none; box-shadow: 0px 2px 5px 0px #000;
}

/* Forum - bbPress */
.quicktags-toolbar input[type="button"] { width: auto !important; height: auto !important; }
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding:0px; }
.bbp-forums { margin-top:65px !important; margin-left:6px !important; margin-right:6px !important; box-shadow: 0px 2px 4px 0px #333; }
#bbpress-forums li.bbp-header { background: transparent url('images/column-headings.png'); box-shadow: 0px 2px 5px 0px #000; }
ul.forum-titles li, .bbp-header div, .bbp-header a.favorite-toggle, .bbp-header a.subscription-toggle { color:#F6F3EA !important; }
.single-forum a.subscription-toggle { float:right; }
span.bbp-admin-links a { color: #879ea5; }
span.bbp-admin-links a:hover { text-decoration:underline; }
a.favorite-toggle, a.subscription-toggle { text-decoration:underline; }
a.favorite-toggle:hover, a.subscription-toggle:hover { color:#879ea5 !important; }
#bbpress-forums li.bbp-header { border-top:none; }
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { font-weight: normal !important; }
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: 1px solid #EDD7B1; }
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top:1px solid #EDD7B1; }
ul.odd, #bbpress-forums div.bbp-reply-header { background-color:#f6f3ea !important; }
ul.even { background-color:#f6f5f4 !important; }
#bbpress-forums li.bbp-footer { background: #EDD7B1 none repeat scroll 0% 0%; border-top: 1px solid #dfceb0; }
div.bbp-template-notice.info { border: 1px solid #dfceb0; background-color: #f6f5f4; }
.bbp-author-avatar { margin-right:5px; }
#bbpress-forums fieldset.bbp-form { border: 1px solid #4a4b45; }
#bbpress-forums div.bbp-reply-header { }
#bbpress-forums #bbp-user-wrapper h2.entry-title { background: transparent none !important; }
#bbpress-forums #bbp-your-profile fieldset label[for] { width:auto; font-size: .9rem; }
#bbpress-forums #bbp-your-profile fieldset span.description { border: 1px solid #dfceb0; background-color: #f6f5f4; }
.bbp-author-name,.bbp-forum-freshness,.bbp-forum-freshness a,.bbp-forum-topic-count,.bbp-forum-reply-count,.bbp-subforum-topic-count,.bbp-subforum-post-count { /*font-size:.7rem;*/ margin-top:10px !important; }
.bbp-forum { display:block !important; width:100%;padding:7px; border-bottom:1px solid #EDE3CA; }
.bbp-forum:last-child { border-bottom:none; }
.bbp-forum:first-child { padding-top:12px; }
li.bbp-forum:hover { background:#EDE3CA !important; }
.bbp-forum a.bbp-forum-link { background: transparent none; text-decoration:none; white-space:nowrap; display:block;font-family: 'Open Sans', sans-serif; font-size:.9rem; margin-left:5px; }
#bbpress-forums p.bbp-topic-meta img.avatar { float:left; margin-bottom:0px;width:20px; }
.bbp-has-subforums ul { width:100%; display:block; }
.bbp-forum-title, li.title-forum-title a { font-family: 'shelteredserifbold', serif !important; font-weight:normal; display:block; width:100%; padding:5px 7px; background: transparent url('images/button.png'); }
#bbp-user-navigation li a:hover { background: rgba(238,238,238,.8); }
#bbpress-forums .bbp-forums-list { border-left:none; padding-left:0px; margin-left:0px; }
.bbp-forum-freshness, li.bbp-topic-freshness,li.bbp-topic-freshness a,.bbp-topic-started-by,.bbp-topic-reply-count { /*text-align: left;*/ /*font-size:.7rem !important;*/ }
.forum-titles li.bbp-topic-freshness, .forum-titles .bbp-topic-reply-count { font-size:.9rem !important; } 
.bbp-forum-content { margin:10px 15px !important; }
.info-forum-info { border-bottom:1px solid #EDE3CA; }
ul.topic li { padding-left:10px; }
.bbp-topic-description { display:none; }
.bbp-subforum .bbp-forum-link,.bbp-topic-permalink,.bbp-author-name,.bbp-topic-freshness a { color:#0d4d9b; }
.bbp-subforum-topic-count,.bbp-subforum-post-count { position: absolute; text-align: left; width: 10%; margin-top: -20px !important; }
.bbp-subforum-topic-count { left:57.2%; }
.bbp-subforum-post-count { left:64.45%; margin-left:5px; }
.bbp-reply-content p, .bbp-admin-links a, .quicktags-toolbar input[type="button"],.bbp-forum-topic-count,.bbp-forum-reply-count,.bbp-forum-freshness { font-family: 'Open Sans', sans-serif; }
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta, span.bbp-admin-links a { font-size:.9rem; font-family: 'Open Sans', sans-serif; }
div.bbp-template-notice, div.indicator-hint { display:none; }
div.bbp-no-topic div.bbp-template-notice { display:inherit; }

 /*Avatars for Forum*/
 input#basic-local-avatar { height:auto !important; }


/*Misc responsive rules*/
@media screen and (min-width: 61.5625em) {
        body:not(.search-results) article:not(.type-page) .entry-content {
        float: none !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 44.375em) {
    .site { margin: 0px !important; padding:0px; }
    body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {
        background: inherit;
        content: "";
        display: block;
        height: 0px;
        left: 0px;
        position: fixed;
        width: 100%;
        z-index: 99;
    }
}

@media (max-width: 980px) {
    .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets { margin-right:20px; margin-left:15px; }
    .content-area { margin-right:0px; width:100%; float:none; }
    .sidebar { clear:both; width:100%; margin-left:15px; margin-right:20px; padding-right:0px; padding-left:0px; float:none; }
    .buy-box p { display:block; width:98%; }
    .buy-box a { min-width:auto /*235px*/; padding:7px; margin:auto; }
}

@media (max-width: 909px) {
    #user-header { display:none; }
    .responsive.user-links { clear:both; display:block; margin:auto; padding:20px 0px; text-align:center; }
    .responsive.user-links div { margin:auto; text-align:center; }
    .responsive span { float:left; margin-right:20px; }
    .responsive .profile-link a,.responsive .logout-link a, .responsive .login-link a, .responsive .admin-link a { color:#F7F4ED; font-size:.9rem; }
}

@media (max-width:800px) {
    .archive #primary { margin-bottom:2em;}
    .site-main > article { margin-bottom:7em; }
    .archive .entry-header .entry-title { margin-bottom:1em; }
    .sidebar { padding-right:80px; }
    #bbpress-forums p.bbp-topic-meta { margin: 5px 0px 5px 0px; }
    .bbp-forum a.bbp-forum-link { white-space:normal; }
    span.bbp-subforum { display:block; width:40%; }
}

@media (max-width:375px) {
    .info-forum-info { display:none; }
    .entry-content {border-width: 5px; }
}