/* Wikidot Content NoSidebar Style */

/* FONTS AND COLORS #0180B2 */

body {
    background-color:  #FFFFFF;
    color: #262624;
    font-family: "Helvetica Neue", "Open Sans", Calibri, Candara, Arial, sans-serif;
    }

    a           {color: #01A3B2; text-decoration: none;}
    a:hover     {color: #f24747; text-decoration: none;}
    a:visited   {}
        
    .navbar-default                         {background-color: #262624; border-color: transparent; }
    
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        background-color: transparent;
        color: #ffffff;
    }

    .navbar-default .navbar-nav>li>a        {color: #ffffff;}
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.active {color: #F24747;}  

    .navbar-default .navbar-brand           {color: transparent;}
    .navbar-default .navbar-brand:hover     {color: transparent;}
    
    
    @media (max-width: 768px) {
        .navbar-default .navbar-nav>li>a        {color: #ffffff;}
        .navbar-default .navbar-nav>li>a:hover  {color: #ffffff;}
    }
    
    .horizontal-scrollbar {
        background-color: #F02727;
    }
    
input.text:focus, input[type=text]:focus, textarea:focus{
    box-shadow: 2px 2px 4px -4px rgba(0,0,0,.05) inset;
    border-color: #3FA3C1;
    outline: none;
}

/* TOPBAR AND MENU */

.topbar {
    min-height: 70px;
}

.navbar .container {
    position: relative;
    padding-bottom: 0px;
}

.horizontal-scrollbar {
    position: fixed;
    top: 48px;
    left: 0px;
    height: 3px;
}

@media (max-width: 768px) {
    .horizontal-scrollbar {
        top: 56px;
    }
}

.navbar-default .navbar-nav>li>a {
    font-size: 18px;
    font-weight: 100;
}

.navbar-default .navbar-header { padding-top: 6px;}

.container>.navbar-collapse.wikidot-menu-collapse { margin-right: 70px;}

@media (max-width: 768px) {
    .wikidot-menu-collapse { margin-right: 0px;}
    .nav > li {
        font-size: 22px;
        font-weight: 100;
        text-align: right;
    }
    .container>.navbar-collapse.wikidot-menu-collapse { margin-right: 0px; }
}

.navbar-collapse {border: 0; box-shadow: none; max-height: none;}

.site-name {float: left;}
.site-name a{
    background: url(https://wikidot.com/common--theme/wikidot30/images/wikidot_logo_100x30.png) 0px 0px / 100px no-repeat;
    width: 100px;
    height: 30px;
    margin-top: 5px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: transparent;
}

@media (max-width: 768px) {
    .site-name {
        margin-left: 12px;
    }
    .site-name a{
        background-size: 100px;
        height: 40px;
        margin-top: 12px;
    }
}

.navbar>.container .navbar-brand {
    margin-left: 0px;
}

.site-subtitle {
    float: left;
    font-weight: 100;
    color: #ffffff;
    font-size: 20px;
    margin: 5px 0px 0px 13px;
}

.navbar-default .navbar-brand {
    margin-left: 0 !important;
}

/* HIDE SUBTITLE */

@media (max-width: 992px) {
    .site-subtitle {display: none;}
}

/* LOGIN STATUS */
/* Login Status colors*/

.loginStatus .btn.disabled{
    color: #FFFFFF;
}
    
.loginStatus:hover .btn.disabled{
    border: 2px solid #FFFFFF;
    background-color: #000000;
}

.loginStatus ul li a:hover,
.loginStatus ul li a:focus,
.loginStatus ul li a:hover i,
.loginStatus ul li a:focus i{
    color: #FFFFFF;
}

/* Login Status style */

.loginStatus .printuser{}
.loginStatus {
    padding-top: 4px;
    position: absolute;
    right: 20px;
}

@media(max-width: 767px) {
    .loginStatus {
        right: 100px;
    }
}

.loginStatus .logged-in .btn{
    background: none;
    border: none;
    padding: 0;
}

.loginStatus .btn.disabled{
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 50;
    opacity: 1;
    filter: alpha(opacity=100);
    border: 2px solid #929292;
    width: 28px;
    height: 28px;
    border-radius: 100% !important;
    font-size: 0;
}

.loginStatus .btn.disabled.user-karma-level-5 {border-color: #ff2d2d;}
.loginStatus .btn.disabled.user-karma-level-4 {border-color: #ec810e;}
.loginStatus .btn.disabled.user-karma-level-3 {border-color: #fff20e;}
.loginStatus .btn.disabled.user-karma-level-2 {border-color: #61f328;}
.loginStatus .btn.disabled.user-karma-level-1 {border-color: #61f3a7;}

.loginStatus .btn.dropdown-toggle{
    position: absolute;
    left: 0px;
    width: 54px;
    height: 30px;
    z-index: 49;
    padding: 4px 0px 0px 28px; 
}

.loginStatus .btn.dropdown-toggle .caret {
    border-top: 4px solid transparent;
}

.loginStatus:hover .btn.dropdown-toggle .caret{
    border-top: 4px solid #FFFFFF;
}

.login-status-sign-in {
    background-color: #428bca !important;
    border-color: #357ebd !important;
    padding: 4px 8px !important;
    font-weight: 100;
}

.loginStatus ul{  right: -20px !important; }
.loginStatus ul li i{  margin-right: 7px; }

.loginStatus .login-status-create-account,
.loginStatus > span{
    display: none;
}

.loginStatus button .badge{
    position: absolute;
    top: -7px;
    left: -12px;
    background-color: #F24747;
}

.loginStatus ul li a .badge{  margin-left: 10px;}

.loginStatus .disabled .printuser img.small {
    margin: 0;
    height: 24px;
    width: 24px;
    padding: 0;
    background: none !important;
    box-sizing: content-box;
    border-radius: 100%;
}

.loginStatus .printuser-show {
    padding: 5px 0px 0px 15px;
}

.loginStatus .printuser-show .printuser img.small {
    height: 16px;
    width: 16px;
    padding: 0px 15px 0px 8px;
}

/* SEARCH TOP BOX FORM */

#search-top-box form {
    position: relative;
}

@media (max-width: 768px) {
    #search-top-box {display: none;}
}

#search-top-box input.text {
    border: 1px solid #A6A6A4;
    border-radius: 28px;
    height: 28px;
    padding: 5px 10px;
    width: 100%;
}

#search-top-box input.button {
    display: none;
}

#search-top-box form:before {
    content: "";
    font-family: 'FontAwesome';
    font-size: 13px;
    position: absolute;
    right: 8px;
    top: 4px;
}

/* DOCS NAVIGATION */

.doc-navigation-sidebar {
    padding: 20px 0;
}

.doc-navigation-sidebar a {
    font-size: 16px;
    font-weight: 200;
    line-height: 20px;
    font-size: 16px;
    font-weight: 200;
    line-height: 27px;
    border-style: solid;
    border-color: transparent;
    border-width: 0px 0px 0px 4px;
    padding-left: 9px;
}

.doc-navigation-sidebar a:hover {
    border-color: red;
}

@media (max-width: 768px) {
    .doc-navigation-sidebar {padding: 0;}
    .doc-navigation-sidebar a {
        font-size: 18px;
        font-weight: 200;
        line-height: 30px;
    }
}

.docs-navigation {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

a.docs-navigation-toggle, a.docs-navigation:hover {
    float: none;
    margin-right: 0px;
    margin: 0;
    color: #333333;
    text-decoration: none;
    background-color: white;
    border-color: #adadad;
}

@media (max-width: 768px) {
    .doc-menu-collapse {
        text-align: right;
    }
}

/* PAGE CONTENT */

.page-title {
    border-style: solid;
    border-color: red;
    border-width: 0px 0px 0px 4px;
    padding-left: 9px;
    font-size: 32px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.breadcrumb {
    background-color: #e5e5e0;
    border-radius: 4px;
    font-style: italic;
    border-style: dotted;
    border-color: #888;
    border-width: 0px 0px 0px 0px;
    font-size: 12px;
}

/* FOOTER */

.footer {
    font-size: 23px;
    font-weight: 200;
    min-height: 300px;
    margin-top: 20px;
    padding-top: 50px;
    background: #222222 url(../images/footer_background.png) bottom right no-repeat;
}

.license-area {
    color: #CCC;
    font-size: 12px;
    padding-top: 53px;
}

@media (max-width: 768px) {
    .license-area {
        text-align: center;
    }
}

.page-options-container {
    text-align: center;
}

#page-options-bottom a.btn {margin-bottom: 5px;}

#action-area {
    clear: both;
    padding-top: 20px;
}

/* BLOG */

.blogpost-title {
    border-style: solid;
    border-color: #F24747;
    border-width: 0px 0px 0px 4px;
    padding-left: 9px;
    margin-top: 10px;
    margin-bottom: 0px;
    }
    
.blogpost-title {
    font-size: 32px;
    }

.blogpost-title a {
    color: #000;
    font-weight: normal;
}

.blogpost-title a:hover {
    color: #f24747;
}

@media (max-width: 768px) {
    .blogpost-title {
        font-size: 22px;
    }
}

.blogpost-author {
    color: #888;
    font-size: 12px;
}

.blogpost-content {
    font-size: 18px;
    font-weight: 200;
    text-align: justify;
    padding: 30px 0;
}

.blogpost-content p {
    text-indent: 30px;
}

.blogpost-content h1,h2,h3,h4,h5 {
    text-align: left;
}

.blogpost-content h2 {
    font-size: 26px;
    font-weight: 200;
    border-left-color: #444;
    border-left-style: solid;
    border-left-width: 4px;
    padding-left: 10px;
    margin: 40px 0;
    text-align: left;
    color: #444;
}

.blogpost-content .image-container{
	padding: 1em;
}

.blogpost-content .image-container.aligncenter{
	text-align: center;
}

.blogpost-content .image-container.alignright{
	padding-right: 0;
	text-align: right;
}
.blogpost-content .image-container.alignleft{
	padding-left: 0;
	text-align: left;
}
.blogpost-content .image-container.floatright{
	padding-right: 0;
	float: right;
}
.blogpost-content .image-container.floatleft{
	padding-left: 0;
	float: left;
}

.blogpost-comments {
    max-width: 300px;
    margin: 0 auto;
}

.blogpost-comments .icon {
    font-size: 40px;
    float: left;
}

.blogpost-comments .readmore {
    float: right;
    margin-top: 12px;
}

.blogpost-comments a {
    color: #000;
}

.blogpost-comments a:hover {
    color: #f24747;
}

.list-pages-item hr {
    border-top: 1px solid #CCC;
}

/* FEEDBACK */

.feedback .blogpost-title {
    margin-bottom: 10px;
}

.feedback .blogpost-title p{
    margin: 0;
}

.feedback .blogpost-content {
    padding: 0;
}

.feedback .blogpost-comments {
    max-width: none;
    margin: 0;
}

.feedback .blogpost-comments .icon {
    font-size: 22px;
    float: none;
}

.feedback .feedback-badge {
    float:left;
    margin: 5px 12px 0px 0px;
}

.feedback .feedback-badge-votes {
    margin: 0px 12px 0px 0px;
}

.feedback .feedback-wish-status {
    margin-right: 10px;
}

.feedback .feedback-wish-status span {
    width: 100%;
    margin: 0;
}

.feedback .feedback-wish-status .feedback-badge, .feedback .feedback-wish-status .feedback-badge-votes {
    margin: 5px 0 0 0;
}

#thread-container-posts {
    margin-top: 10px;
}

.feedback-menu {
    text-align: justify;
}

.feedback-menu .feedback-menu-collapse {
    padding: 20px 0 0 0;
}