@import url('//fonts.googleapis.com/css?family=Varela+Round');

h1, h2, h3 {
    text-shadow: 2px 2px 2px #000;
}
p {
    font-size: 0.9em;
}
div.container {
    font-family: 'Varela Round';
}
.forumRubrique {
    font-size: 1.3em;
    text-transform: capitalize;
    padding:10px;
    color:white;
    background-color: #6c060a;
    border-bottom: 1px solid #33060a;
    cursor: pointer;
}

#addNewPostBtn {
    color: #000;
    font-weight: bold;
    white-space: normal;
}

.forumRubrique:hover {
    background-color: #6c3a31;
}

button.btn-xs:hover {
    padding: 1px 5px;
}

div.container {
    padding: 0px;
}
div.container {
    background-color: #333;
    color:#FFF;
}
div.post {
    padding: 0px 40px;
    /*border-bottom: 1px solid #888;*/
    margin: 10px 0px;
}

div.post div.myanswer {
    opacity: 0;
}
div.subject {
    font-size: 1.6em;
    text-shadow: 2px 2px 2px #000;
}
div.subject:first-letter, h2:first-letter, h3:first-letter, div.rubriqueDescription:first-letter, span.upperCase:first-letter {
    text-transform: uppercase;
}

img.avatar32 {
    width: 32px;
    height:32px;
    border-radius: 32px;
}

div.myanswer {
    margin-top: 10px;
}

img.avatar16 {
    width: 16px;
    height:16px;
    border-radius: 16px;
}


div.post:hover div.myanswer {
    opacity: 1;
}
button.addAnswerBtn {
    background-color: #000000;
    color:white;
    cursor: pointer;
}
button.addAnswerBtn:hover {
    color:red;
}
button, button:active, button:hover {
    padding: 6px 12px;
}
.answerContainer {
    padding: 10px;
    margin: 10px;
    border-left: 7px solid #f0ad4e;
    clear: both;
    transition-duration: 0.2s;
    background-color: #2B2B2B;
    border-radius: 10px;
}
/*
a.zebra:nth-child(even), div.forumRubrique:nth-child(even) {
    background-color: #000;
}*/

.answerContainer:hover {
    background-color: #777;
    transition-duration: 0.2s;
}
.numberAnswers {

    padding-bottom: 5px;
    clear: both;
    padding: 10px;
    font-size: 0.8em;
    background-color: #292929;
}
.h3, h3 {
    font-size: 19px;
}
button.btn-xss {
    font-size: 0.7em;
    padding:2px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #464646;
}
.rubriqueDescription {
    font-size: 0.7em;
    padding: 8px;
}

div.answerContainer button  {
    display: none;
}

div.answerContainer:hover button{
    display: inline-block;
}

div.post button{
    /*display: none;*/
    opacity: 0;
    transition-duration: 0.4s;
}

div.post:hover button{
    /*display: inline-block;*/
    opacity: 1;
    transition-duration: 0.4s;
}

img+b+p {
    display: inline;
}
button.close:hover, button.note-btn:hover {
    padding: 5px 10px;
}
img {
    max-width: 100%;
}
div.forumHeader {
    padding: 20px;
    background-color: #661010;;
}
div.forumHeader img {
    float: right;
    width: 180px
}
@media screen and (max-width: 800px) {
    div.forumHeader img {
        width: 57px;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    div.post {
        padding: 0px 20px;
        margin: 5px 0px;
    }
}