/*
Back to top button 
*/
#button {
	position: fixed;
	bottom: 60px;
	right: 42px;
	opacity: 0.65;
	z-index: 1;
}
#button a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#button a:hover {
	color: rgba(248, 34, 34, 0.9);
}
/* arrow icon (span tag) */
#button span {
	width: 56px;
	height: 56px;
	display: block;
/*	margin-bottom: 7px; */
	background:rgba(255, 0, 0, 0.8) url(../../post-button.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	filter: drop-shadow(5px 5px 5px rgba(75, 75, 75, 0.985));
}
#button a:hover span {
	background-color: rgba(255, 0, 0, 1.0);
}


#bottombar {
    margin: 0;
    display: flex;
    background-color: rgba(255, 255, 255, 0.561);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
    position: fixed;
    width: 100%;
    bottom: 0;
	 left: 0;
    background: white;
	 z-index: 1;
	 text-decoration: none;
	 line-height:1.0;
}
@media screen and (min-width: 993px) {
   #bottombar {
		  display: none;
    }
	#button{
		   bottom: 22px;
	}
}
@media screen and (min-width: 400px) {
    #bottombar {
        font-size: medium;
    }
}
@media screen and (max-width: 399px) {
    #bottombar {
        font-size: small;
    }
}
.p {
    display: table-cell;
    text-align: center;
    color: black;
	 margin: auto;
}

#thread-wrapper{
	 box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
}