/*
 * temporary theme for Blox.pl early prototype
 * author: JK
 */

body {background-color: #eee; margin-bottom: 90px;}
a { text-decoration: none;}
a:hover, a:focus {opacity: .7; text-decoration: none;}

.label {font-weight: normal;}
.label-default {background-color: #1C2130;}
input,textarea {border-radius: 3px;-webkit-border-radius: 3px;border: 1px solid #BBC297;padding: 10px;}

.btn-toolbar { margin-bottom: 20px;}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus  {}
.btn-primary:hover, .btn-primary:focus {opacity: .9}
.alert.alert-warning {background: #fff;color: #4d4d4d; border:none;}
.alert.alert-warning h4 {font-weight: bold;}


#navbar-blog #home {display: none;}
#navbar-general {margin-bottom: 0;padding-bottom: 20px;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: transparent !important;}

#navbar-general .open > a .caret, #navbar-general .open > a:hover .caret, #navbar-general .open > a:focus .caret {border-top-color: #F38630 !important; border-bottom-color: #F38630 !important;}
#navbar-general > li > a:hover, #navbar-general > li > a:focus {background-color: transparent !important; }
.navbar-default {background-color: #eee !important;  background-image: none !important; box-shadow: none;}
.navbar-inverse {background-color: #1C2130 !important; border-color: #1C2130 !important; background-image: none !important;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color: #0D101A !important; background-image: none !important;}
.nav-stacked > li, .nav-stacked > li + li {float: none !important; }
.nav-stacked > li > a > .glyphicon {padding-right: 2em;}
ul.nav-stacked {width: 100% !important;}

.navbar-inverse .navbar-nav > li > a {color: #fff;}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {color: #777;background-color: transparent;cursor: auto;}
.navbar-nav {margin: 0 !important; }
.navbar-collapse {padding: 0 !important;}
.navbar-brand {padding: 15px !important;}
#navbar-post-actions {background-color: #1C2130 !important;padding-top: 10px !important; color: #fff;}
.bloxPostTitle {font-size: 18px !important;  padding: 7px !important; margin-bottom: 10px !important; width: 100%;}
#editor {margin-top: 12px;}

.nav-tabs {margin-bottom: 20px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: transparent;}
.media-list li { border-bottom: 1px solid #E0E4CC;margin: 0 0 20px 0;padding: 0 0 20px 0;position: relative;}
.media:first-child {margin-top: 20px;}
.media-heading  {color: #666; font-size: 20px !important;  font-weight: normal; line-height: 28px; padding-bottom: 3px !important; }
.media-heading  a {color: #1a1a1a; text-shadow: 1px 1px #fff; }
.media-heading  a:hover {background-color: #aaa;}
.media-heading  .glyphicon { color: #cccccc; font-size: 14px;}
.media-body{padding-right: 160px;}
.media-object {height: 100%;margin: 0 0 20px 0;padding: 0 0 0 20px;top: 0;position: absolute;right: 0; width: 120px;height: 80%;}
.media-object .label, .bloxListEasy .media-object .media-data, .bloxListEasy .media-object .media-comments {clear: right;float: right;font-size: 13px;line-height: 1;margin: 0 0 6px 0;}
.media-object .media-data, .bloxListEasy .media-object .media-comments{text-align: right;width: 100%;}
.media-object .media-data a{color: #666;}
.media-list p {color: #666;}
.post-info {margin-top: 15px; clear: both;}

.additional-info {margin-top: 50px; margin-bottom: 50px; }
@media (max-width: 993px) {
    .nav-stacked > li, .nav-stacked > li + li {float: left !important;}
}

@media (min-width: 768px) {
    #home {margin-left: -50px;}
    #home a:hover {color: #000;}
    .desktop-collapse {display:  none !important;}
}

@media (max-width: 767px) {
    #home {float: left;}
    #home a {padding:5px 0 !important;}
    #editor {padding-top: 5px; clear: both;}
    .container {padding-right: 0; padding-left: 0;}
    .mobile-collapse {display:  none !important;}
    .nav-stacked > li, .nav-stacked > li + li {float: none !important;}
    .bloxListEasy li {margin: 0 0 10px 0;padding: 0 0 10px 0;}
    .bloxListEasy .media-body{padding-right: 0;}
    .bloxListEasy .media-object {height: 100%; margin: 0; padding: 0; position: relative; width: auto; height: auto;}
    .bloxListEasy .media-object .label, .bloxListEasy .media-object .media-data, .bloxListEasy .media-object .media-comments {float: none;}
    .btn-delete .btn-label, .btn-preview .btn-label {display: none;}
    .btn-publish .glyphicon {display: none;}
    .navbar-fixed-bottom {position: relative; z-index: 1;}
    body {padding-bottom: 0 !important;}
    .editorContainer {padding-top: 5px; clear: both;}
}
.editorContainer {
    margin-top: 10px; 
}

.post-info {
    margin-top: auto;
    margin-bottom: auto;
}

.post-info > div {
    margin-bottom: 10px;
}
.post-info__buttons {
    overflow: hidden;
}
@media screen and (max-width: 960px){
    .post-info__buttons *{
        font-size: 11px;
        padding: 1px;
        margin: 0;
    }
}

.post-info__time,
.post-info__type {
    margin-top: 15px;
}

.btn-custom-hide {
    color: #F38630;
    background: none;
    border: none;
}

.alert-danger--custom {
    color: #f00;
}

.alert-danger--custom-hidden {
    display: none;
}

.blox-post-title--alert {
    border-color: #f00;
}

.new-entry .btn-delete,
.new-entry .btn-preview {
    opacity: 0;
    display: none;
}

.btn-group {
    margin-right: 3px;
}

textarea {
    height: 120px;
    width: 100%;
}

/* tagi bootstrap-tagsinput */
/*INFO: Jest brzydki bug, powodujący, że jak się użyje z-indexów by lista podpowiedzi
 nie była pod spodem menu dolnego, to i wtedy pole do wpisywania jest nad tym menu*/
.navbar-fixed-bottom {
    /*z-index: 1;*/
}

.bootstrap-tagsinput {
    width: 100%;
    margin-top: 5px;
    position: relative;
    /*z-index: 100;*/
}

/* typehead */
.typeahead,
.tt-query,
.tt-hint {
    width: 396px;
    /*height: 30px;*/
    padding: 8px 12px;
    /*font-size: 24px;*/
    /*line-height: 30px;*/
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    width: 422px;
    margin-top: 4px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    /*-webkit-border-radius: 8px;
         -moz-border-radius: 8px;
                    border-radius: 8px;*/
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.gist {
    font-size: 14px;
}

.tagsinput {
    display: none;
}

#BloxCache {
    visibility: hidden; position: absolute; top: -20000em; left: -20000em;
}

#BloxCache * {
    display: none; 
}

/* bootstrap tweaks START */
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
    cursor: pointer;
} 

#tinymce p{
    position: relative;
    border: 1px solid red;
}

.fb_iframe_widget{  
    top: -1px!important;
}

body.loginPage .col-md-offset-3{
    margin: 0 auto;
    width: 100%;    
    position: relative;
    z-index: 200;
} 

body.loginPage .form-horizontal{
    /* border: 1px dashed #3276b1; */
    width: 500px!important;
    margin: 0 auto!important;
    padding: 15px;
}


body.loginPage .form-horizontal .form-control{
    width: 145%;
}

body.loginPage .col-md-4.col-md-offset-4.additional-info{
    margin: 10px auto!important;
    padding: 10px 0!important;  
    float: none; 
    text-align: center; 
    display: block;
}  

#post .fb-share-button span:first-child{
    vertical-align: middle!important;
}  

@media screen and (max-width: 960px){
    .bloxListEasy #blog-navbar-collapse.collapse.navbar-collapse{
        display: block;
    }

    .bloxListEasy li{
        font-size: 0.750em;
        margin: 0;
        padding: 0;
    }
} 
@media (max-width: 767px) {
    .container { 
    }
    body.loginPage .form-horizontal .form-control{
        width: 100%;
    }
} 

html{ 
    height: 100%;
}

body{  
    height: 100%;
} 

#editor_ifr,
#editor{ 
    height: 100%!important;
    min-height: 500px!important; 
    display: block; 
    background: url('http://biv.gazeta.pl/css/blox/themes/oslo/images/loading.gif') no-repeat;
    background-position: center center;
} 


#editorContainer{ 
    margin-bottom: 150px;
}

.panel-stats .list-group-item {float: left; width:33%; border-bottom: none; margin-bottom: 2px}
.panel-stats h2 {display: inline;}
.panel-stats span.label {vertical-align: text-top;}

/* bootstrap tweaks STOP */