/*header*/
.pre-header{position: fixed; }
.BreadcrumbsBox{position: fixed !important; width: 100%; top: 68px;height: 20px;}
#titleBar{position: fixed; top: 20px; width: 100%;}
.Container{margin-top:70px;}

.Frame-content, .Breadcrumbs {  margin-top: 0 !important;  margin-bottom: 0 !important;}

[class^="vanilla-"][class$="-container-fullGutter-container-fullGutter-container-fullGutter"], .Breadcrumbs {  max-width: unset !important;  padding-left: 15px !important;  padding-right: 15px !important;}

.Container {  max-width: none !important;  padding-left: 115px !important;  padding-right: 115px !important;}/*post body width/borders */

.Content.MainContent {  width: 100% !important;  flex-shrink: 0 !important; }

.Panel-main {  display: none !important;}

.forum-threadlist-wrapper {  margin-top: 0 !important;}

.PageControls {  float: unset !important;  display: unset !important;  margin: 0 !important;}

.PageControls-filters, .PagerBefore, .NewDiscussion, .BoxNewDiscussion, .NumberedPager {  margin: 0 !important;  padding-top: 0 !important;  padding-bottom: 0 !important;  padding-left: 0 !important;}

.PageControls-filters {  width: 100% !important;}

.InformMessages {  left: auto !important;  right: 0 !important;}


/* threads */

.postbit-message, .Message.userContent {  padding: 0px !important;  margin: 0px !important;}

.postbit-message {  padding-left: 10px !important;  padding-right: 10px !important;}

.postbit-message ~ br {  display: none !important;}

.postbit-userinfo br {  display: none !important;}

.postbit-userinfo {  padding-top: 8px !important;  height: 100% !important;}

.ItemComment::after, .ItemComment::before, .MessageList::before, .MessageList::after {  display: none !important;}

.MessageList {  margin-bottom: 0 !important;}

.embedExternal {  margin: 0 !important;  width: 100% !important;  clear: none !important;}

.vanilla-d7cut4-collapsableContent-heightContainer {  height: auto !important;}

.vanilla-toe1gy-collapsableContent-gradient {  opacity: 0 !important;}

.vanilla-1vww8zj-collapsableContent-footer {  display: none !important;}

.postbit-postbody .clearleft {  clear: both !important;}

.postbit-header time {  visibility: hidden !important;}

.postbit-header time::after {  content: attr(title) !important;  visibility: visible !important;  position: absolute !important;  left: 25px !important;}



.bodybox-wrap {  padding-left: 100px !important;}

#latest + .Comment .postbit-header {  font-weight: bold !important;}


/* forums */

.forum-threadlist-thread-lastpost {  float: left !important;}

.forum-threadlist-thread-lastposter {  float:right !important;  width: unset !important;}

.Category {  float: right !important;}

.Frame-content .HomepageTitle {  display: block !important;}


.ReactButton.PopupWindow { display: none !important;}/* this removes "f" and birdy buttons */


.userShadow{border:1px solid #c4c4c4;box-shadow: 5px 5px #c4c4c4;margin-bottom: 20px !important;}


.post_link_ref, .post_link_ref a {  float:right;  color:#fff;  font-size: 12px;}


.Frame,.postbit-postdetails,.postbit-userinfo,.postbit-postbody {background: #1a0000 !important;color:#dadcde }

.Frame a {text-decoration:underline}


#PagerAfter a:not(.LastPage),#PagerBefore a:not(.LastPage),h1,h2,.userinfo-username-title,.paragraphMenu1-formattingMenus-button {color:#dadcde !important} 

/*@mention user */
.atMention {color:#e6e600 !important;}

button#paragraphMenu1-formattingMenus-button {  color: #fff;}


/* quoted box background */

.js-embed.embedResponsive * {  background: rgb(35, 30, 10);
    /* quoted comment txt */
  color: #dadcde;
}

/* link colour in quote */
article a {
  color: #ff9900 !important;/*cca300*, ffbf00*/
}


/* leave comment box */
.ql-editor{  background: rgb(34, 17, 0);
  color: #dadcde !important;}
[id*="thanks_"]{
background: #2f4050 !important;
color:#dadcde !important
}


.Item-Body a {text-decoration:underline !important; /*color:#e6e600!important*/}

/*reaction buttons design*/
.Reactions .ReactButton.Quote, .Reactions .ReactButton.ReactButton-Like, .Reactions .ReactButton.ReactButton-Flag, .Reactions .FlagMenu.ToggleFlyout {
 width:95px!important;
 /*height:30px!important;*/
 background:linear-gradient(#ff9900,#2f2310/* #ffa31a*/);
  color: #213244; /*this effects only Quote and Thanks buttons font if .Reactions .ReactButton.ReactButton-Flag disabled" */
 border:1px solid #4d4d4d;
 display:flex!important;
 justify-content:center!important;
 /*margin:4px!important*/
}
.Reactions {  padding: 0 !important;  margin: 0 !important;  margin-right: 10px !important;  position: relative !important;  float: right !important;}

/*.Reactions .ReactButton {color: #213244} /* this effect Flag button font alone */


/*change like to THANKS */
span.ReactLabel {display: none;}

.ReactButton-Like::after{
content: "Thanks";
text-indent: 0;
display: block;
line-height: initial;}

.ReactButton-Flag::after{
content: "Flag";
text-indent: 0;
display: block;
line-height: initial;}



/*button hover color*/
.Reactions .ReactButton:hover,
.Reactions .FlagMenu.ToggleFlyout:hover {
    background:linear-gradient(#f00,#750000); 
 } 
.Reactions .ReactButton.ReactButton.Quote:hover,
.Reactions .FlagMenu.ToggleFlyout.ReactButton.Quote:hover {
    background:linear-gradient(#ff0,#686800); 
 } 
.Reactions .ReactButton.ReactButton-Like:hover,
.Reactions .FlagMenu.ToggleFlyout.ReactButton-Like:hover {
    background:linear-gradient(#0f0,#004f00); 
 } 


/*button text font once hover*/
/*working*/
.Reactions .ReactButton.ReactButton-Flag:hover,
.FlagMenu.ToggleFlyout:hover .ReactButton-Flag {
 color:red!important;
    border:1.5px solid #f00;
}
.Reactions .ReactButton.Quote:hover,
.FlagMenu.ToggleFlyout:hover .Quote {
 color:yellow!important;
     border:1.5px solid #ff0;
}
.Reactions .ReactButton.ReactButton-Like:hover,
.FlagMenu.ToggleFlyout:hover .ReactButton-Like {
 color:#30ee30!important;
    border:1.5px solid #0f0;
}

/*last edited text color*/
div.PostEdited {
 margin-top:10px;
 font-size:80%;
 color:#b30505
}