/* ---- Edit CSS ----

If you are unfamiliar with CSS, there are some learning resources in the help
section on the right-hand side of the page.

Here are some things you should know before you begin:

1. Any definitions you enter here will be related to your custom theme. If you
   change to a different theme, these definitions will no longer be visible on
   this page. If you switch back to your custom theme, your changes will be
   present.
	
2. Your custom css definitions will be included *after* the theme
   css files. So, your definitions will take precedence over the theme ones.
	
3. When you preview your changes, you are the only one who can see the preview.

4. Feel free to delete these comments!

*/

/*__________________POLLS__________________*/

/* Positioning of Poll Containers */
.Poll.PollForm.Hero.js-poll-form, 
.Poll.PollResults.Hero.js-poll-results {
	padding-left: 35px;
}

/* Spacing of the tiny message on top of your posts if you voted */
.PollVote {
	padding-bottom: 10px;
}

/* Turn poll flag blue */

.Tag-Poll {
    background-color: #2e5fab;
}

/*__________________EDITED POST MESSAGE__________________*/

/* Color & position of message shown when post was edited.*/ 
div.PostEdited {
    color: #B4632B;
    text-align: right;
}

/*__________________SPOILER COLOR__________________*/
.Message .Spoiler {
    /*color: #ffffff !important;*/
    background-color: #FFFFE0 !important;
    font-weight: 400 !important;
}

.Message .Spoiler:hover {
    /*color: #ffffff !important;*/
    background-color: #FFFFE0 !important;
    font-weight: 400 !important;
}

/*__________________SPOILER COLOR FOR CZ__________________*/
body.cs .Message .Spoiler {
    /*color: #ffffff !important;*/
    background-color: #C8E4BA !important;
    font-weight: 400 !important;
}

body.cs .Message .Spoiler:hover {
    /*color: #ffffff !important;*/
    background-color: #C8E4BA !important;
    font-weight: 400 !important;
}

/*__________________SPOILER COLOR FOR PT__________________*/
body.pt .Message .Spoiler {
    /*color: #ffffff !important;*/
    background-color: #C8E4BA !important;
    font-weight: 400 !important;
}

body.pt .Message .Spoiler:hover {
    /*color: #ffffff !important;*/
    background-color: #C8E4BA !important;
    font-weight: 400 !important;
}

/*__________________SPOILER COLOR FOR PT__________________*/
body.de .Message .Spoiler {
    /*color: #ffffff !important;*/
    background-color: #C8E4BA !important;
    font-weight: 400 !important;
}

body.de .Message .Spoiler:hover {
    /*color: #ffffff !important;*/
    background-color: #C8E4BA !important;
    font-weight: 400 !important;
}

/*__________________LISTS__________________ */

/*Fixing bullet points from second post on*/
ul.MessageList.DataList.Comments .Message ul {
	list-style-type: disc;
}
ul.MessageList.DataList.Comments .Message ul ul, .Message ol ul {
	list-style-type: circle;
}
ul.MessageList.DataList.Comments .Message ul ul ul, .Message ol ul ul, .Message ol ol ul, .Message ul ol ul {
	list-style-type: square;
}


/*__________________MAXIMUM IMAGE SIZE, RESCALING__________________*/

/* Rescale all images bigger than message width & activity width */
.Excerpt img {
	max-width:100%!important;
}

.Message img {
	max-width:775px!important;
}


/*__________________NAVIGATION FIXES__________________ */
.main-navigation .navbar-nav li:last-child {
    display: inline;
}

.nav>li:nth-child(4) {
	display: none;
}

/*__________________PROMOTED CONTENT MODULE (CM POSTS CAROUSEL)__________________ */

.BoxPromoted .DataList .Item .AuthorWrap .PhotoWrap {
	margin-right: 2px;
	margin-bottom: 10px;
}

.BoxPromoted .DataList .Item .AuthorWrap .Username {
	display:inline-block;
}

.BoxPromoted .DataList .Item .Meta {
    margin: 1px 0;
}


/*__________________GROUPS__________________ */

/*Fix Announcement, Discussion and Calendar width*/
.Group-Content .Group-Box {
	width: 100%;
}

/*Add spaces between avatars of members*/
.Group-Box .PhotoGrid .PhotoWrap, .Group-Box .Group-Member.UserTile .PhotoWrap  {
	padding: 0px 2px 22px 0px;
}

/*Join button positioning*/
.Group-Header .Group-Buttons {
    margin-right: 11px;
}

/*Move discussion titles to the left*/
.Groups .DataList .ItemContent {
    padding-left: 0px;
}


/* Make sure text cannot break the layout */
.Group-Description {
	overflow:auto;
}

/* Adjust font settings and positioning for group description */
.Group-Header .Meta {
    	font-size: 14px;
    	margin-top: 10px;
	margin-left: -6px;
}

/* Fix some layout issues with group header and descriptions */
.Group-Header-Info {
    	display:table;
}

/* Give group banner rounded edges */
.Group-Banner {
	border-radius:4px;
	margin-bottom:-2px;
}

/*Make group avatar have rounded edges */
.PhotoWrapLarge {
	border-radius:4px;
}

/* Fix group options button to not look greyed out */
.Button.GroupOptionsTitle {
	opacity: initial;
	margin-top:18px;
}

/* Fix group overviews to show as aligned table-like layout */
.media-list-container.Group-Box .ItemContent{
	float:none;
	margin-left:50px;
	width: 83%;
}

/* Button positioning */
.Group-Header .Group-Buttons {
    /*margin-top: 7px;*/
    margin-right: 6px;
}

/*Change color of group description text/links*/
div.Meta.Group-Meta.Group-Info span.label {
	color: #000000;
	font-size: 14px;
}

/* Cap image width to container width so that the layout doesn't break */
.Group-Description img {
	max-width:650px!important;
}

/* Button spacing */
.btn-group, .btn-group-vertical, .ButtonGroup>.Button {
        margin: 11px 0px;
}

/* Make sure even these buttons have rounded corners */
.btn-group, .btn-group-vertical, .ButtonGroup>.Button:first-child:not(:last-child) {
	border-radius: 4px;
}
.ButtonGroup>.Button:last-child:not(:first-child) {
	border-radius:4px;
}


/*__________________COLORED POSTS__________________ */

/* CM and Mod posts appear in green color */
.Item.Role_CommunityManager .Item-Body div.Message, 
.Item.Role_CommunityManager h2, 
.MessageList.Conversation.Role_CommunityManager .Message {
	color: #245b31;
}

.Item.Role_ModGreen .Item-Body div.Message, 
.Item.Role_ModGreen h2, 
.MessageList.Conversation.Role_ModGreen .Message {
	color: #245b31;
}

.Item.Role_ModDarkBlue .Item-Body div.Message, 
.Item.Role_ModDarkBlue h2, 
.MessageList.Conversation.Role_ModDarkBlue .Message {
	color: #0000cd;
}

.Item.Role_ModDarkGreen .Item-Body div.Message, 
.Item.Role_ModDarkGreen h2, 
.MessageList.Conversation.Role_ModDarkGreen .Message {
	color: #008080;
}

.Item.Role_ModPink .Item-Body div.Message, 
.Item.Role_ModPink h2, 
.MessageList.Conversation.Role_Pink .Message {
	color: #cc0099;
}

.Item.Role_FormerModerators .Item-Body div.Message, 
.Item.Role_FormerModerators h2, 
.MessageList.Conversation.Role_FormerModerators .Message {
	color: #006400;
}

/*__________________LOL Button Removal__________________ */

.disableLOL .ReactButton-LOL,
.disableLOL .CountItemWrap-LOL {
        display:none!important;
}

/*__________________Notification Box Linespace Reduction__________________ */
.de .InfoMessage a br
{
    display: none;
}

.de .InfoMessage a img
{
    margin-bottom: 3px;
}

/*__________________FR Froum Page TOP message__________________ */
#custom-fr-message {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#custom-fr-message br {
    display: none;
}

/*__________________Video Preview__________________ */
.VideoPreview {
margin: 0 auto;!important
}

/*__________________Hide email fields__________________ */
.UserBox .Email {
    display: none;
}
.UserBox .Username {
    padding-top: 10px;
    padding-bottom: 10px;
}