/* @version 1.5.5 */

/* Info center recent posts */
#ic_recentposts td, #ic_recentposts span {
	vertical-align: middle; 
	float: none;
}
	
/* likes popup */
#likes .adi_item_context .avatar {  
	padding: 0;
	display: inline-flex;
	margin: 0 4px 4px 0;
}
/* likes popup and who action*/
#likes .adi_item_context, #likes span.floatright.like_time, span.contact_info.floatright {
	vertical-align: middle;
	display: inline-block;
	line-height: 38px;
	margin: 0;
}
/* who action */
#mlist span.member .adi_item_context {
	margin: -4px 4px -2px 0;
}

/* memberlist avatars */
[data-adi~="memberlistname"] {
	display: flex; 
	align-items: center;
}

/* alerts avatars */
.alerts_unread .unread_notify_image {
	width: 40px;
}

/* header avatar */
.adi_header  {
	display: table-cell;
	align-self: center;
	text-align: center;
	vertical-align: middle;
	width: 48px;
}

/* avatar showalerts (not the menu) */
.adi_item_alert {
	position: relative;
	object-fit: scale-down;
    margin: 4px 0 4px 4px;
    vertical-align: bottom;
	width: 44px;
}

#alerts .alert_image {
    width: 40px;
	padding: 0;
}

#alerts .alert_image .avatar+.alert_icon {
	right: 2px;
}

/* mention */
div.post .adi_item_costum {
	margin: 0 -4px 0 6px;
}

div.list_posts .adi_item_costum {
	margin: 0px 0px 0px 6px;
}
	
.post span[data-adi~="avatar"]::before, .list_posts span[data-adi~="avatar"]::before {
	content: "@";
    top: 24px;
    left: -5px;
    position: absolute;
	color: #4d4d4d;
    width: 15px;
    height: 15px;
	font-size: 12px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    vertical-align: middle;
	z-index: 1;
}

div.post span[data-adi~="img"]::before, div.list_posts span[data-adi~="img"]::before {
    top: 28px;
	font-size: 12px;
}

/* avatar layout */
.avatar, .adi_item_context, .adi_item_costum {
	position: relative;
	object-fit: scale-down;
    vertical-align: bottom;
	justify-content: center;
    align-content: center;
    display: inline-flex;
    font-weight: 550;
}
#profileview .avatar {
	margin: 0px;
}

.poster .avatar {
	margin: 4px 0px 4px 0px;
}

.avatar, .adi_item_context, .adi_item_costum {
    margin: 4px 4px 4px 0px;
}

/* initails */
span.adi_item_topic {
	position: relative;
	object-fit: scale-down;
    margin: -4px 8px 4px 0 !important;
    vertical-align: bottom;
	justify-content: center;
    align-content: center;
    display: inline-flex;
} 

/* image */
.adi_item_topic {
	display: inline-block;
	padding: 0;
	position: relative;
    margin: -10px 4px 0 0;
	
}

[data-adi="href"]:hover {
  text-decoration: none; 
}

[data-adi="href"] span.avatar, [data-adi="href"] img.avatar {
  cursor: pointer;
}

/* menu avatars */
#profile_menu .adi_item_context {
	margin: 0 -10px 0 0;
}

/* avatar post and costum */
.adi_item_post, .adi_item_costum {
    position: relative;
	margin: -2px 4px 0 0;
}

.topic_details .adi_item_post, .topic_details .adi_item_costum {
	float: left;
}
	
/* avatar layout topic header */
.adi_item_topic .avatar[data-adi~="avatar"] {
	line-height: 46px;
	width: 48px;
	height: 48px;
	font-size: 28px;
}

#display_head {
	position: relative; 
    display: table;
	width: 100%;
}

.avatar[data-adi~="avatar"], .adi_initial[data-adi~="avatar"] {
	width: 36px;
	height: 36px;
	line-height: 34px;
	font-size: 22px;
	color: #ffffff;
	cursor: default;
}

#profile_menu_top>.avatar {
	line-height: 17px;
	width: 18px;
	height: 18px;
	font-size: 10px;
	margin: 2px 5px 0 0;
    float: left;
}

li.avatar, .avatar, .poster .avatar[data-adi~="avatar"], #profileview .avatar[data-adi~="avatar"], #profileview .adi_item_context {
	width: 65px;
	height: 65px;
	line-height: 60px;
	font-size: 42px;
}

li.avatar a:hover {
	text-decoration: none;
}

li.avatar span.avatar, li.avatar img.avatar  {
  cursor: pointer;
}

li.avatar span.avatar.guest, li.avatar img.avatar.guest {
	cursor: default;
}

[data-adi~="shadow"] {
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.40)	
}

#profile_menu_top>.avatar[data-adi~="shadow"] { /* smaller */
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15);
}

[data-adi~="circle"] {
	border-radius: 100%;
}

li.avatar [data-adi~="inner"], #profileview [data-adi~="inner"] {
	box-shadow: -2px -2px rgba(0, 0, 0, 0.15);
}

[data-adi~="inner"] {
	box-shadow: -1px -1px rgba(0, 0, 0, 0.15);
}

[data-adi~="log_in"] {
	background: #42b72a; /* #89e75a; */
    border-color: #74d246;
}

[data-adi~="log_un"] {
	background: #a7a2a2;
    border-color: #969292;
}

[data-adi~="icon"] {
	position: absolute;
	box-sizing: border-box;
}

[data-adi~="back"] {
	right: 4px;
    bottom: 4px;
	padding: 5px;
	background: #f8f8f8;
}

[data-adi~="front"] {
	right: 6px;
    bottom: 6px;
    padding: 3px;
}

#profileview [data-adi~="back"] { 
	right: 0px;
    padding: 8px;	
    bottom: 0px;
}

#profileview [data-adi~="front"] {
	right: 2px;
    padding: 6px;
    bottom: 2px;
}

.poster [data-adi~="back"] { 
	right: 0px;
    padding: 8px;	
    bottom: -4px;
}

.poster [data-adi~="front"] {
	right: 2px;
    padding: 6px;
    bottom: -2px;
}

/* avatar layout topic header initials*/
.adi_item_topic [data-adi~="back"] { 
	right: 0px;
    padding: 6px;	
    bottom: 0px;
}

.adi_item_topic [data-adi~="front"] {
	right: 2px;
    padding: 4px;
    bottom: 2px;
}

/* avatar layout topic header image*/
div.adi_item_topic [data-adi~="back"] { 
	right: 4px;
    padding: 6px;	
    bottom: 4px;
}

div.adi_item_topic [data-adi~="front"] {
	right: 6px;
    padding: 4px;
    bottom: 6px;
}

/* avatar layout showalerts */
.adi_item_alert [data-adi~="back"] { 
	right: 6px;
    bottom: 4px;
	padding: 5px;
}

.adi_item_alert [data-adi~="front"] {
	right: 8px;
    bottom: 6px;
    padding: 3px;
}

/* board/messageindex */
.adi_print {
	display: flex;
	flex-direction: row;
}
	
.adi_item_topic_first {
	display: inline-block;
	align-self: center;
	text-align: center;
	padding: 0;
	flex-shrink: 0;
	order:2;
	position: relative;
	margin-right: 4px;
}

/* responsive stuff */
@media screen and (max-width: 720px) {
	.adi_print .adi_item_board, .adi_print .adi_item_topic_first, .adi_print .adi_item_topic_last {
		display: none;
	}
}

.adi_print .board_icon, #topic_header .board_icon {
	order:1;
}

.adi_print .info, #topic_header .info {
	order:3;
}

.adi_print .board_stats, #topic_header .board_stats {
	order:4;
}

.adi_print .lastpost, #topic_header .lastpost {
	order:6;
	width: 20%;	
}

.no_board_topics .lastpost {
	width: 20%;
	margin-left: 44px;	/* this is the total width of avatar element */
}

.adi_recent {
	float: left;
    bottom: 5px;
    position: relative;
}

/* responsive stuff */
@media (max-width: 1024px) and (min-width: 856px) {
	.adi_print .lastpost {
		width: 20%;
		margin: 0px;
	}
}

/* responsive stuff */
@media (max-width: 855px) and (min-width: 721px) {
	.adi_print .lastpost {
		margin: 0px !important;
	}
}

/* responsive stuff */
@media screen and (max-width: 720px) {
	.adi_print .lastpost {
		width: 100%;
	}
}

#topic_container .lastpost, #topic_header .lastpost {
	width: 20%;
}

.adi_print .children, .adi_print .moderation, #topic_header .moderation {
	order: 7;
}

.adi_item_topic_last { 
	display: inline-block;
	align-self: center;
	text-align: center;
	padding: 0;
	flex-shrink: 0;
	order:5;
	position: relative;
	margin-right: 4px;
}

.adi_item_board {
	display: inline-block;
	align-self: center;
	text-align: center;
	padding: 0;
	flex-shrink: 0;
	order:5;
	position: relative;
	margin-right: 4px;
}

/* For costum themes edit below colors to your theme colors */

/* quotes post mentions */
div.post .bbc_standard_quote [data-adi~="avatar"]::before, div.post .bbc_standard_quote [data-adi~="costum"],
div.post .bbc_standard_quote:last-child [data-adi~="avatar"]::before, div.post .bbc_standard_quote:last-child [data-adi~="costum"],
div.list_posts .bbc_standard_quote [data-adi~="avatar"]::before, div.list_posts .bbc_standard_quote [data-adi~="costum"],
div.list_posts .bbc_standard_quote:last-child [data-adi~="avatar"]::before, div.list_posts .bbc_standard_quote:last-child [data-adi~="costum"] {
	background-color: #e0e6f6;
}

div.post .bbc_alternate_quote [data-adi~="avatar"]::before, div.post .bbc_alternate_quote [data-adi~="costum"],
div.post .bbc_alternate_quote:last-child [data-adi~="avatar"]::before, div.post .bbc_alternate_quote:last-child [data-adi~="costum"],
div.list_posts .bbc_alternate_quote [data-adi~="avatar"]::before, div.list_posts .bbc_alternate_quote [data-adi~="costum"],
div.list_posts .bbc_alternate_quote:last-child [data-adi~="avatar"]::before, div.list_posts .bbc_alternate_quote:last-child [data-adi~="costum"] {
	background-color: #ebf4f8;
}

/* Here comes the glory... topics and messages */
.windowbg:nth-of-type(odd) [data-adi~="topic"], .windowbg:nth-of-type(odd) [data-adi~="message"], 
.windowbg:nth-of-type(odd) [data-adi~="costum"], .windowbg:nth-of-type(odd) [data-adi~="avatar"]::before { 
	background: #fdfdfd;
}
.windowbg:nth-of-type(even) [data-adi~="topic"], .windowbg:nth-of-type(even) [data-adi~="message"], 
.windowbg:nth-of-type(even) [data-adi~="costum"], .windowbg:nth-of-type(even) [data-adi~="avatar"]::before { 
	background: #f0f4f7;
}

/* Highlight the target item */
.windowbg:target [data-adi~="topic"], .windowbg:target [data-adi~="costum"], .windowbg:target [data-adi~="message"], .windowbg:target [data-adi~="avatar"]::before {
	background: #ffffe0;
}

/* hover */
.windowbg:hover [data-adi~="message"] {
	background: #e2eef8;
}

/* Topic Solved mod */
[data-adi~="solved"] {
	background: #c5edc5;
}

/* Nobody wants locked topics to stand out much. */
[data-adi~="locked"] {
	background: #e7eaef;
}

/* Sticky topics get a different background */
[data-adi~="sticky"] {
	background: #cfdce8;
}

/* Locked AND sticky are a bit more technical */
[data-adi~="sticky"][data-adi~="locked"] {
	background: #e8d8cf;
}

/* Awaiting approval is a bit special, topics first */
[data-adi~="approvetopic"] {
	background: #e4a17c;
}

/* Unapproved posts in approved topics */
[data-adi~="approvepost"], .approvepost [data-adi~="costum"], .approvepost [data-adi~="avatar"]::before {
	background: #ffcbcb;
}

/* Message */
[data-adi~="approvebg"], .approvebg [data-adi~="costum"], .approvebg [data-adi~="avatar"]::before {
    background: #ffeaea;
}

/* Basic */
[data-adi~="basic"], [data-adi~="message"] { 
	background: #f3f5f7;
}