/* ~~~Latest Topics CSS~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~ */

.posterAvatar{
   width:50px;
   height:50px;
   border: 0px solid #295822;
   float: left;
   margin-top:-66px;
   margin-left:4px;
   position:relative;
   z-index:0;
}

.posterAvatar img {
   width: 50px;
   height: 50px;
   object-fit: cover;
   border: 1px solid #295822;
   background: #050505;
}

.postGroup {
   font-size:12px;
   color:#98FB98;
   white-space: nowrap;
   width: 84%;
   overflow: hidden;
   text-overflow: ellipsis;
   border: 0px solid #000000;
   text-align: left;
   margin-left:58px;
   margin-top:-76px;
}

.arrows{
   font-size:15px;
   color:#FFFFFF;
}

.postTitle{
   font-size:14px;
   color:#09E002;
}

a.postTitle:link,
a.postTitle:visited,
a.postTitle:hover,
a.postTitle:active {
   color: #09E002;
   text-decoration: none;
}

a.postTitle:hover{
   text-decoration: none;
   cursor: default;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.postText {
   font-size:14px;
   color:#98FB98;
   line-height: 20px;
}

.postText img.smilies,
.postText img.emoji {
   max-width: 24px;
   max-height: 20px;
   width: auto;
   height: auto;
   object-fit: contain;
   vertical-align: text-bottom;
}

.postAuthor {
   color:#C4C4C4;
}

.postTime {
   font-size:11px;
   color:#C4C4C4;
}

.buttonBackground a:link,
.buttonBackground a:visited,
.buttonBackground a:hover,
.buttonBackground a:active {
   text-decoration: none;
}

.postGroup a:link,
.postGroup a:visited,
.postGroup a:hover,
.postGroup a:active {
   text-decoration: none;
}

.postGroup a .postText {
   color: #98FB98;
}

.postlink {
   color: #ff0000;
}

.button {
   background: rgba(0, 0, 0, 0.01);
   height: 70px;
   width:100%;
   border: none;
   color: white;
   padding: 15px 32px;
   text-align: left;
   text-decoration: none;
   display: inline-block;
   position:relative;
   z-index:0;
}

a.button:hover{
   background: rgba(0, 0, 0, 0.2);
   border: solid;
   border-width: 3px;
   border-color: #1A1A1A;
   border-style: double;
}

.buttonUnread {
   background: rgba(0, 0, 0, 0.01);
   height: 70px;
   width:100%;
   border: solid;
   border-width: 1px;
   border-color: #09E002;
   color: white;
   padding: 15px 32px;
   text-align: left;
   text-decoration: none;
   display: inline-block;
   position:relative;
   z-index:0;
}

a.buttonUnread:hover{
   text-decoration: none;
   border: solid;
   border-width: 2px;
   border-color: #09E002;
}

.buttonBackground {
   background: rgba(0, 0, 0, 0.52);
   height: 70px;
   width:100%;
   text-align: left;
   text-decoration: none;
   display: inline-block;
   z-index:-1;
   border-left: 1px solid rgba(255, 255, 255, 0.08);
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* ~~~Latest Updates CSS~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~ */

.latest-updates-background {
   background: rgba(0, 0, 0, 0.52);
   height: 20%;
   width:100%;
   padding:20px;
   margin-top:0;
   margin-bottom:14px;
   text-decoration: none;
   display: inline-block;
   z-index:-1;
   border-left: 2px solid rgba(255, 255, 255, 0.1);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.latest-updates-background:last-child {
   margin-bottom: 0;
}