/* ~~~~~ Welcome CSS ~~~~~ */
/* ~ Shows user messages ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~ */

.loginHelp{
   font-size: 12px;
   font-weight:normal;
   padding-top:10px;
}

.forum-access {
   display: flex;
   align-items: stretch;
   justify-content: space-between;
   flex-direction: column;
   gap: 8px;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent;
   box-shadow: none;
}

.forum-access__heading {
   min-width: 0;
}

.forum-access__kicker {
   display: block;
   color: #98fb98;
   font-family: oswald, roboto, sans-serif;
   font-size: 13px;
   letter-spacing: 0;
   text-transform: uppercase;
}

.forum-access h2 {
   margin: 2px 0 0;
   color: #fff;
   font-family: oswald, roboto, sans-serif;
   font-size: 25px;
   line-height: 1.15;
   text-transform: uppercase;
}

.forum-login {
   flex: 1;
   margin-top: 8px;
}

.forum-login__fields {
   display: grid;
   grid-template-columns: 1fr;
   gap: 8px;
}

.forum-login input[type=text],
.forum-login input[type=password] {
   width: 100%;
   min-height: 32px;
   border: 1px solid #2c2c2c;
   background: #050505;
   color: #fff;
   padding: 5px 8px;
   font-size: 13px;
}

.forum-login input:focus {
   border-color: #777;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08);
   outline: none;
}

.forum-login__button,
.forum-action {
   border: 1px solid #3a3a3a;
   background: #111;
   color: #fff;
   font-family: oswald, roboto, sans-serif;
   text-transform: uppercase;
}

.forum-login__button:hover,
.forum-action:hover {
   background: #222;
   color: #fff;
   text-decoration: none;
}

.forum-login__button {
   min-height: 32px;
   width: 100%;
   min-width: 0;
   padding: 4px 10px;
   font-size: 13px;
}

.forum-login__meta {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 6px;
   color: #cfcfcf;
   font-size: 12px;
}

.forum-login__meta a {
   color: #e07d02;
}

.user-menu__avatar img {
   width: 42px;
   height: 42px;
   object-fit: cover;
   border: 1px solid #16e701;
   background: #050505;
}

.user-menu {
   align-items: center;
}

.user-menu__avatar {
   display: inline-flex;
   margin-right: 8px;
}

.userAvatar{
   max-width:42px;
   max-height:42px;
   border: 1px solid #295822;
}

.usernameLoggedIn{
   display:inline-block;
   margin-right:8px;
   font-family:oswald,sans-serif;
   text-transform:uppercase;
   font-weight:400;
   font-size:14px;
   padding:5px 2px;
   white-space: nowrap;
}

.btn-black{background-color:#000;color: #bfbfbf;}
.btn-black:hover{color: #FFF;}
.btn-black:active{text-decoration: none;}

.user-menu__button {
   border-left: 1px solid rgba(22, 231, 1, 0.18);
   padding-left: 10px;
   padding-right: 10px;
}

.user-menu__dropdown {
   background-color: #000;
   border: 1px solid rgba(22, 231, 1, 0.35);
}

.message_unread{
    display:inline-block;
    margin-left: -14px;
    margin-top: -5px;
    border-radius: 10px;
    background-color:red;
    color:white;
    font-size: 11px;
    padding: 1px 7px;
    z-index:4;
    position: absolute;
}

.message_read{
    display:inline-block;
    margin-left: -14px;
    margin-top: -5px;
    border-radius: 10px;
    background-color:#303030;
    color:white;
    font-size: 11px;
    padding: 1px 7px;
    z-index:3;
    position: absolute;
}

.messageBadge {
   margin-left:0;
}

@media only screen and (max-width: 991px) {
   .forum-access {
      align-items: stretch;
      flex-direction: column;
   }

   .forum-login__fields {
      grid-template-columns: 1fr;
   }
}

@media only screen and (max-width: 600px) {
   .forum-access {
      padding: 16px;
   }

   .forum-access h2 {
      font-size: 22px;
   }
}

.user-menu {
   display: inline-flex;
   justify-content: flex-end;
   min-width: 270px;
}

.user-menu--guest {
   gap: 0;
}

.user-menu__button--label {
   min-width: 150px;
   font-size: 13px;
}