/* ---- 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 Container */
.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;
}

/*__________________EDITED POST MESSAGE__________________*/

/* Color & position of message shown when post was edited. */
div.PostEdited {
    color: #91765c;
    text-align: right;
}

/*__________________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;
}
/*____________ FIXING FONT IN RUSSIA ___________________*/

body.ru,{
  font-family: Arial, Helvetica, sans-serif; }
  body.ru .main-navigation {
    font-family: Arial, Helvetica, sans-serif; }
  body.ru .contentBox .page-content {
    font-family: Arial, Helvetica, sans-serif; }
  body.ru .DataList.Condensed .Item h1,
  body.ru .DataList.Condensed .Item h2,
  body.ru .DataList.Condensed .Item h3,
  body.ru .DataList.Condensed .Item h4,
  body.ru .DataList.Condensed .Item h5,
  body.ru .DataList.Condensed .Item h6 {
      font-family: Arial, Helvetica, sans-serif; 
}

/*__________________ROLE DISPLAY (TRIAL AND ERROR, NEEDS MORE WORK)__________________*/
/*-
.MessageList .Item.Role_CommunityManager .Item-Header .RoleTitle, 
.MessageList .Item.Role_Moderator .Item-Header .RoleTitle {
        display: inline;
	position: absolute;
	visibility: hidden;
}

.MessageList .Item.Role_CommunityManager .Item-Header .RoleTitle:before{
        content: "\a Community Manager";
	visibility: visible;
}

.MessageList .Item.Role_Moderator .Item-Header .RoleTitle:before{
        content: "Moderator";
	visibility: visible;
}-*/


/*Fix Navigation*/
.main-navigation .navbar-nav li:last-child {
    display: inline;
}

.nav>li:nth-child(4) {
	display:none;
}
.nav>li:last-child {
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
}


/*__________________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;
}


/*__________________SPOILER COLOR__________________*/
.Message .Spoiler {
    color: #3a2d1d !important;
    background-color: #e4be94  !important;
    font-weight: 400 !important;
}

.Message .Spoiler:hover {
    color: #3a2d1d !important;
    background-color: #e4be94  !important;
    font-weight: 400 !important;
}


/*_______________________________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;
}

/*__________________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;
}


/*__________________BLUE POSTS__________________ */

/* CM and Mod posts appear in navy color */
.Item.Role_CommunityManager .Item-Body div.Message, 
.Item.Role_CommunityManager h2, 
.MessageList.Conversation.Role_CommunityManager .Message {
	color: navy;
}

.Item.Role_Moderator .Item-Body div.Message, 
.Item.Role_Moderator h2, 
.MessageList.Conversation.Role_Moderator .Message  {
	color: navy;
}

.Item.Role_EmpireFamily .Item-Body div.Message,
.Item.Role_EmpireFamily h2,
.MessageList.Conversation.Role_EmpireFamily .Message  {
    color: navy;
}

.Item.Role_Bugwatch .Item-Body div.Message,
.Item.Role_Bugwatch h2,
.MessageList.Conversation.Role_Bugwatch .Message  {
    color: navy;
}

    /* CZ Mod posts appear in navy color */
body.cs .Item.Role_Moderator .Item-Body div.Message, 
body.cs .Item.Role_Moderator h2, 
body.cs .MessageList.Conversation.Role_Moderator .Message  {
	color: #054405;
}