/*====================================================
// MLPForums Plus (CSS) v1.5.1
// Author: Rikifive
// Theme: LUNA
//==================================================*/

/*=======================================
// THEME
=======================================*/
:root {
	/* MAIN */
	--plus-bg_image: url(https://mlpforums.com/uploads/monthly_2023_02/883614320_LunaTheme-IPSboxbg.jpg.1f32d2f93888b3da488e321a351ef5f7.jpg);
	--plus-body_bg: linear-gradient(rgba(10,0,20,0.5), rgba(20,0,10,0.5)), var(--plus-bg_image);
	--plus-box_bg: linear-gradient(rgba(50,0,50,0.3), rgba(0,50,50,0.3)), var(--plus-bg_image);
	--plus-menu_bg: linear-gradient(90deg, rgba(60,20,255,0.2), transparent, rgba(200,20,255,0.2)), var(--plus-bg_image);
	--plus-submenu_bg: linear-gradient(0deg, #100020, #200540);
	--plus-submenu_border: #75b;
	--plus-dropmenu_border: #aaf8;
	--plus-widgettitle_bg: #00eaff24;
	--plus-widgettitle_img: url(https://mlpforums.com/uploads/monthly_2023_02/1519317505_LunaTheme-moon.png.25d545bbbcd0648b1cca35bfa380b10c.png);
	--plus-widgettitle_txtcolor: #eef;
	--plus-widgettitle_txtshadow: white;
	--plus-widgetcontrol_bg: #113;
	--plus-area_border: linear-gradient(155deg, #77f9, #a189) 1;
	--plus-mentionbg1: 0, 135, 255;
	--plus-mentionbg2: 133, 0, 255;
	--plus-mentiontxt: 255, 255, 255;
	--plus-bgflowspd: 3s;
	
	/* CKE */
	--plus-cke_toolbar1: #1f094a;
	--plus-cke_toolbar2: #10357e;
	--plus-cke_toolbar_icoinvert: 1;
	--plus-cke_toolbar_textcolor: white;
	--plus-cke_toolbar_textshadow: none;
	--plus-cke_charcount_border: #68a;
	--plus-cke_charcount_bg: #253c66;
	
	/* CKE Dialog */
	--plus-ckedial_bgcover_img: url(https://mlpforums.com/uploads/monthly_2023_03/LunaTheme-bg_cover2.thumb.jpg.31f04775372112d5fc024411280ff7e0.jpg);
	--plus-ckedial_bgcover_color: black;
	--plus-ckedial_border_color: #86f;
	--plus-ckedial_title_color1: #003;
	--plus-ckedial_title_color2: #125;
	--plus-ckedial_title_txt: white;
	--plus-ckedial_title_shadow: 0px 0px 10px white;
	--plus-ckedial_closeinvert: 1;
	--plus-ckedial_contents_bg: #225;
	--plus-ckedial_contents_color: white;
	--plus-ckedial_btn_border: #48f;
	--plus-ckedial_btn_topcolor: #238;
	--plus-ckedial_btn_botcolor: #126;
	--plus-ckedial_btnok_border: #8cf;
	--plus-ckedial_btnok_topcolor: #29f;
	--plus-ckedial_btnok_botcolor: #269;
	
	/* NAVBAR */
	--plus-usernav_btn_bg_hover: #c38;
	--plus-usernav_btn_color: white;
	--plus-usernav_btn_color_hover: #ffa;
	--plus-ranklevel_bg: #26c;
	--plus-expbar_bg: linear-gradient(45deg, #300, #035);
	--plus-expbarfill_bg: linear-gradient(45deg, #33aaff, white);
	--plus_expbarfill_shadow: white;
	
	/* POST LIST */
	--plus-postnav_pagebg: linear-gradient(to top, rgb( var(--theme-area_background_reset)) 20%, rgb( var(--theme-pagination_active)));
	--plus-postnav_pagebg_hover: linear-gradient(to top, rgb( var(--theme-area_background_reset)), rgb(255, 50, 140) 80%);
	--plus-postnav_pagecolor: var(--theme-text_color);
	--plus-postnav_pageborder: #ecf;
	
	--plus-postnav_inputbtn_bg: #234;
	--plus-postnav_inputbtn_bg_hover: #678;
	--plus-postnav_inputbtn_border: #777;
	--plus-postnav_inputbtn_border_hover: #ccc;
	--plus-postnav_inputbtn_txtshadow: #ff7;
	--plus-postnav_inputnum_bg: linear-gradient(135deg, rgba(60,20,255,0.2), transparent, rgba(200,20,255,0.2));
	
	--plus-postnav_item_bg: linear-gradient(to right, #6bf 10%, #43f 25%, #214 70%);
	--plus-postnav_item-border: #96f;
	--plus-postnav_itemcur_border: white;
	--plus-postnav_itemmod_bg: linear-gradient(#711, #833);
	--plus-postnav_itemmod_border: #f22;
	--plus-postnav_itemmodcur_bg: linear-gradient(#a33, #f44);
	--plus-postnav_itemsol_bg: linear-gradient(#484, #af8);
	--plus-postnav_itemsol_border: #2f2;
	--plus-postnav_itemsolcur_bg: linear-gradient(#7c7, #cfa);
	--plus-postnav_itemsel_bg: linear-gradient(#844, #ba6);
	--plus-postnav_itemsel_border: #ffa;
	--plus-postnav_itemselcur: linear-gradient(#964, #fe7);
	
	/* OTHER VISUAL CHANGES */
	--plus-derpynotif_txt: #fffaad;
	--plus-scrollbar_track: #337;
	--plus-scrollbar_track2: #113;
	--plus-scrollbar_thumb: white;
	--plus-scrollbar_thumb2: #bcf;
	--plus-scrollbar_thumb_hover: #cdf;
	--plus-scrollbar_thumb_hover2: #9af;
	--plus-scrollbar_thumb_active: #faf;
	--plus-scrollbar_thumb_active2: #89f;
	--plus-scrollbar_buttonbg: #55c;
	--plus-scrollbar_buttonbg_hover: #77f;
	--plus-scrollbar_button_up: url('https://mlpforums.com/uploads/monthly_2023_03/arrowup.png.fe2b9a10571fc37efd1f1bebd6eda473.png');
	--plus-scrollbar_button_down: url('https://mlpforums.com/uploads/monthly_2023_03/arrowdown.png.0e5f7eed89764ce70a23fde333518f62.png');
	--plus-scrollbar_button_left: url('https://mlpforums.com/uploads/monthly_2023_03/arrowleft.png.96cde56512335ade8c9ddbf5156d300a.png');
	--plus-scrollbar_button_right: url('https://mlpforums.com/uploads/monthly_2023_03/arrowright.png.a2abd730c7d6a6b7de759bff3d510a46.png');
	--plus-scrollbar_corner_bg: #458;
	--plus-scrollbar_corner_img: url('https://mlpforums.com/uploads/monthly_2023_02/1294709317_LunaTheme-moon.png.2649d756b0f3514728895a66ac96243b.png');
	
	/* IPS */
	--box--backgroundColor: #102;
	--box--boxShadow: 0 1px 3px rgb(150 100 255), 0 1px 2px rgb(0 255 255) !important;
	
	--theme-active_input_border: 55, 165, 225;
	--theme-brand_primary: 125, 175, 225;
	--theme-item_status: 225, 75, 100;
	--positive-dark: #21b744;
	--positive-light: #104530;
	--intermediate-light: #4a280d;
	
	--theme-main_nav_tab_font: 250, 250, 250;
	--theme-text_color: 255, 250, 245;
	--theme-text_dark: 255, 255, 255;
	--theme-text_light: 170, 165, 160;
	--theme-widget_title_font: 255, 255, 255;
	
	--theme-link: 210, 240, 255;
	--theme-link_button: 255, 166, 199;
	--theme-link_hover: 255, 255, 255;
	
	--theme-selected: 70, 70, 100, 0.3;
	--theme-selected2: 180, 180, 75, 0.3;
	--theme-selected_border: 255, 255, 85;
	--theme-moderated_light: 150, 0, 0, 0.3;
	--theme-moderated_light2: 100, 25, 25, 0.3;
	--theme-moderated_text: 255, 200, 200;
	--theme-moderated_text_light: 185, 110, 110;
	--theme-solved: 0, 150, 0, 0.3;
	--theme-solved2: 25, 100, 25, 0.3;
	
	--theme-tab_background: 65, 65, 175;
	--theme-pagination_active: 100, 100, 255;
	
	--theme-primary_button: 0, 100, 200;
	--theme-primary_button_font: 255, 250, 245;
	--theme-light_button: 250, 242, 232;
	--theme-light_button_font: 121, 76, 14;
	--theme-very_light_button: 100, 90, 80;
	--theme-very_light_button_font: 250, 240, 230;
	--theme-important_button: 255, 110, 120;
	--theme-important_button_font: 255, 255, 255;
	
	--theme-area_background_reset: 30, 20, 50;
	--theme-area_background: 70, 50, 80;
	--theme-area_background_light: 40, 30, 80;
	--theme-button_bar: 60, 40, 100;
	
	--theme-mentions: 125, 175, 255;
	
	--theme-footer_text: 255, 255, 255;
	--theme-footer_text_shadow: 1px 1px 1px black;
}

/* MAIN */
@keyframes BackgroundFlow {
	0% {background-position-y: 0px; }
	100% {background-position-y: -272px; }
}

body {
	background-color: var(--box--backgroundColor) !important;
}

#ipsLayout_body {
	background: var(--plus-body_bg) !important;
}

.ipsBox, #ipsLayout_mainArea > .ipsForm[action$='do=edit'] > .ipsForm,
html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem,
#elSearch_main .ipsStreamItem_contentBlock:not( .ipsBox ),
.ipsApp .cke_wysiwyg_frame, .ipsApp .cke_wysiwyg_div {
	background-image: var(--plus-box_bg);
}

.ipsWidget_title {
	background: linear-gradient(225deg, var(--plus-widgettitle_bg), transparent), var(--plus-widgettitle_img) no-repeat right center;
	color: var(--plus-widgettitle_txtcolor);
	text-shadow: 0px 0px 10px var(--plus-widgettitle_txtshadow);
}

#ipsLayout_header nav {
	background: var(--plus-menu_bg);
	animation-name: BackgroundFlow;
	animation-duration: var(--plus-bgflowspd);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

#ipsLayout_header nav::after {
	background: var(--plus-submenu_bg);
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--plus-submenu_border);
}

.ipsAreaBackground_light, .ipsAreaBackground {
    background: var(--plus-body_bg);
    border: 1px solid;
    border-image: var(--plus-area_border);
}

.ipsMenu {
	border: 1px solid var(--plus-dropmenu_border);
}

a[data-mentionid]:hover {
	color: rgb(var(--plus-mentiontxt));
	background-image: linear-gradient(to bottom, rgb(var(--plus-mentionbg1)), rgb(var(--plus-mentionbg2)));
}

a[data-mentionid] {
	color: rgb(var(--plus-mentiontxt));
	background-image: linear-gradient(to bottom, rgba(var(--plus-mentionbg1),.7), rgba(var(--plus-mentionbg2),.7));
}

.ipsApp .ipsModerated:not(.ipsComment_selected):not(.ipsDataItem_selected) {
	background-image: linear-gradient(rgba(var(--theme-moderated_light)), rgba(var(--theme-moderated_light2))), var(--plus-bg_image);
}

.ipsComment.ipsComment_solved {
	background-image: linear-gradient(rgba(var(--theme-solved)), rgba(var(--theme-solved2))), var(--plus-bg_image);
}

.ipsComment.ipsComment_selected {
	background-image: linear-gradient(rgba(var(--theme-selected)), rgba(var(--theme-selected2))), var(--plus-bg_image) !important;
}

#ipsLayout_footer a, #ipsLayout_footer p {
	text-shadow: var(--theme-footer_text_shadow);
}

/* MINOR TWEAKS */
.ipsQuote, .ipsSpoiler, .ipsStyle_spoiler {
	border: 4px solid rgba( var(--theme-brand_primary),.85);
}

html[dir="ltr"] .ipsStream.ipsStream_withTimeline {
    border-left: 5px solid rgba( var(--theme-timeline_color), 0.8 );
}

#elWidgetControls {
	background: var(--plus-widgetcontrol_bg);
}

/* CKEDITOR */
.ipsApp .cke_top {
	background: linear-gradient(var(--plus-cke_toolbar1), var(--plus-cke_toolbar2));
	border-radius: 5px 5px 0 0;
}

.cke_toolbar .cke_button_icon {
	filter: invert(var(--plus-cke_toolbar_icoinvert));
}

.cke_combo_text {
	color: var(--plus-cke_toolbar_textcolor) !important;
	text-shadow: var(--plus-cke_toolbar_textshadow) !important;
}

.content-counter {
	border-bottom: 2px solid var(--plus-cke_charcount_border);
	border-radius: 0 0 5px 5px;
	background: var(--plus-cke_charcount_bg) !important;
}

/* CKE DIALOGS */
.cke_dialog_background_cover {
	background-color: var(--plus-ckedial_bgcover_color) !important;
	background: var(--plus-ckedial_bgcover_img);
	background-repeat: no-repeat;
	background-position: calc(50% - 300px) 50%;
}

.cke_dialog_body {
	border-color: var(--plus-ckedial_border_color) !important;
}

.cke_dialog_title {
	background: linear-gradient(to bottom, var(--plus-ckedial_title_color1), var(--plus-ckedial_title_color2)) !important;
	color: var(--plus-ckedial_title_txt) !important;
	text-shadow: var(--plus-ckedial_title_shadow) !important;
	box-shadow: 0 1px 0 var(--plus-ckedial_border_color) inset !important;
	border-color: var(--plus-ckedial_border_color) !important;
}

a.cke_dialog_close_button {
	filter: invert(var(--plus-ckedial_closeinvert));
}

.cke_dialog_contents {
	background: var(--plus-ckedial_contents_bg) !important;
}

.cke_dialog_contents * {
	color: var(--plus-ckedial_contents_color) !important;
}

a.cke_dialog_ui_button {
	background: var(--plus-ckedial_btn_botcolor) !important;
	background-image: linear-gradient(to bottom, var(--plus-ckedial_btn_topcolor), var(--plus-ckedial_btn_botcolor)) !important;
    border-color: var(--plus-ckedial_btn_border) !important;
}

a.cke_dialog_ui_button span {
	text-shadow: 0px 0px 5px #fff !important;
}

a.cke_dialog_ui_button_ok {
	border-color: var(--plus-ckedial_btnok_border) !important;
	background: #29f !important;
	background-image: linear-gradient(to bottom,var(--plus-ckedial_btnok_topcolor),var(--plus-ckedial_btnok_botcolor)) !important
}

.cke_dialog_footer {
	background-image: linear-gradient(135deg, var(--plus-ckedial_title_color1), var(--plus-ckedial_title_color2)) !important;
	box-shadow: 0 1px 0 var(--plus-ckedial_border_color) inset !important;
	outline-color: var(--plus-ckedial_border_color) !important;
}



/*=======================================
// Sticky UserNav
=======================================*/
@keyframes stickyNavFlash {
	0% {top:-37px; filter:contrast(0); }
	100% {top:0; filter:contrast(1); }
}

#elUserNavContainer {
	position: absolute;
	top: 15px;
	max-width: var(--container--width);
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 2021;
}

@media (min-width: 980px) {
	#elUserNavContainer > #elUserNav {
		top: 0;
	}
}

#elUserNavContainer.sticky {
	position: fixed;
	top: 0;
}

#elUserNavContainer.sticky > #elUserNav {
	width: 100%;
	text-align: right;
	background: var(--plus-menu_bg);
	border-bottom: 1px solid #e7f;
	box-shadow: var(--box--boxShadow);
	animation-name: stickyNavFlash, BackgroundFlow;
	animation-duration: 0.8s, var(--plus-bgflowspd);
	animation-timing-function: ease-out, linear;
	animation-iteration-count: 1, infinite;
}

#elUserNavContainer.sticky > #elUserNav > li:last-child {
	margin-right: 15px;
}

#elUserNav .cExtraBtn {
	float: left;
	margin-right: 0;
	margin-left: 15px;
}

#elUserNav > .cExtraBtn > a:not(.ipsUserPhoto) {
	padding: 5px;
	border-radius: 10px;
}

#elUserNavContainer.sticky > #elUserNav > li > a {
	color: var(--plus-usernav_btn_color);
}

#elUserNavContainer > #elUserNav > .cExtraBtn > a:hover {
	background: var(--plus-usernav_btn_bg_hover);
	color: var(--plus-usernav_btn_color_hover);
}

#elUserNav > .cExtraBtn:not(.iconOnly) > a .fa {
	font-size: 14px;
}

#elUserNav > .iconOnly {
	margin-top: 4px;
}

#elUserNavContainer:not(.sticky) > #elUserNav > .lastExtraSep {
	margin-right: 15px;
}

#elUserNavContainer.sticky > #elUserNav > .lastExtraSep {
	visibility: hidden;
}

#elUserNavContainer:not(.sticky) > #elUserNav .stickyOnly {
	display: none;
}

#elUserNav > .rankBox > a > div {
	display: inline-flex;
	position: fixed;
	top: 8px;
	margin-left: -200px;
}

#rankImage {
	margin-bottom: 0;
	margin-top: -1px;
}

#rankImage > img {
	height: 24px;
}

#rankLevel {
	margin: 0;
	background: var(--plus-ranklevel_bg);
	border: 1px solid;
	border-radius: 0 0 8px 0;
	padding: 1px;
	height: 22px;
	line-height: 1;
	width: 30px;
	text-align: center;
	font-size: 18px;
	font-family: 'Trebuchet MS', sans-serif;
}

#rankExp {
	margin: 0;
}

#rankExpBar {
	width: 101px;
	background: var(--plus-expbar_bg);
	height: 10px;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	margin: 0;
}

#rankExpBarFill {
	background: var(--plus-expbarfill_bg);
	height: 8px;
	margin-top: -9px;
	margin-bottom: 0;
	box-shadow: 0px 0px 3px 1px var(--plus_expbarfill_shadow);
}

#rankExpBarValue {
	margin-top: 3px;
	height: 0;
	font-family: 'Trebuchet MS', sans-serif;
}

#elUserNav.cSignedOut {
	line-height: 36px;
}

#elUserNav.cSignedOut > li:not(.cExtraBtn) {
	vertical-align: top;
}

#elUserNav > .cAltUserLink .ipsUserPhoto {
	width: 26px;
	height: 26px;
}

.cUnreadTestBtn {
	float: right;
	font-size: 18px;
	border: 1px solid;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--theme-area_background_light);
    margin-top: -5px;
}
.cUnreadTestBtn:hover {
	color: #ffc;
	background-color: #676;
	cursor: pointer;
}
.verified-follow {
	color: #0c0;
	font-weight: bold;
	background: #ff0;
	border: 2px solid #0c0;
	border-radius: 5px;
	padding: 0 5px;
}
.verified-follow::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f058";
	margin-right: 3px;
}



/*=======================================
// Post Nav
=======================================*/
#postNav {
	position: fixed;
	right: 0;
	top: 50px;
	width: 340px;
	max-width: calc((100% - var(--container--width))/2);
	z-index: 1901;
}

#postNavPage {
	list-style-type: none;
	padding: 3px 10px;
	background: var(--plus-postnav_pagebg);
	width: max-content;
	white-space: nowrap;
	border: 1px solid var(--plus-postnav_pageborder);
	border-radius: 0 15px 0 0;
	margin: 0;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
}

#postNavPage:hover {
	background: var(--plus-postnav_pagebg_hover);
}

#postNavPage a {
	color: var(--plus-postnav_pagecolor);
	font-weight: bolder;
	padding: 3px 20px;
	margin: 0px -10px;
}

#postNavPageForm {
	margin-left: -90px;
	width: 220px;
	padding: 20px;
}

#postNavPageInputField {
	display: flex;
	justify-content: space-between;
}

#postNavPageInputField p {
	background: var(--plus-postnav_inputbtn_bg);
	border: 1px solid;
	border-color: var(--plus-postnav_inputbtn_border);
	width: 30px;
	height: 30px;
	line-height: 35px;
	margin: auto 0;
	text-align: center;
	border-radius: 5px;
	transition-duration: 0.2s;
	cursor: pointer;
}

#postNavPageInputField p:hover {
	background: var(--plus-postnav_inputbtn_bg_hover);
	border-color: var(--plus-postnav_inputbtn_border_hover);
	text-shadow: 0px 0px 10px var(--plus-postnav_inputbtn_txtshadow);
}

#postNavPageInputField i {
	font-size: 28px;
}

#postNavPageInputField input {
	width: 100px;
	text-align: center;
	background: var(--plus-postnav_inputnum_bg);
}

#postNavPageInputField input::-webkit-outer-spin-button,
#postNavPageInputField input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

#postNavPageInputField input[type="number"] {
    -moz-appearance:textfield;
}

#postNavList {
	list-style-type: none;
	padding: 0;
	margin-top: 0;
	white-space: nowrap;
}

.postNavItem {
	background: var(--plus-postnav_item_bg);
	background-size: 200% 100%;
	background-position-x: 100%;
	width: fit-content;
	padding: 2px 8px;
	border: 1px solid var(--plus-postnav_item-border);
	border-radius: 0 5px 10px 0;
	transition-duration: 0.6s;
	cursor:pointer;
	user-select: none;
	-webkit-user-select: none;
}

.postNavItem > img {
	width: 20px;
	height: 20px;
}

.postNavItem > span {
	vertical-align: middle;
}

.postNavItem.current {
	border-color: var(--plus-postnav_itemcur_border);
	background-position-x: 0%;
}

.postNavItem.current::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f04b";
	margin-right: 3px;
	vertical-align: middle;
}

.postNavModerated {
	background: var(--plus-postnav_itemmod_bg);
	border-color: var(--plus-postnav_itemmod_border);
}

.postNavModerated.current {
	background: var(--plus-postnav_itemmodcur_bg);
}

.postNavModerated::after {
	font: normal normal normal 14px/1 FontAwesome;
	content: " \f071";
	vertical-align: middle;
}

.postNavSolution {
	background: var(--plus-postnav_itemsol_bg);
	border-color: var(--plus-postnav_itemsol_border);
}

.postNavSolution.current {
	background: var(--plus-postnav_itemsolcur_bg);
}

.postNavSolution::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f058 ";
	margin-right: 3px;
	vertical-align: middle;
}

.postNavSelected {
	background: var(--plus-postnav_itemsel_bg);
	border-color: var(--plus-postnav_itemsel_border);
}

.postNavSelected.current {
	background: var(--plus-postnav_itemselcur);
}

.postNavSelected::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f00c ";
	margin-right: 3px;
	vertical-align: middle;
}

@media (max-width: 1450px) {
	#postNav {
		width: unset;
		max-width: unset;
	}
	.postNavItem {
		padding: 2px 2px;
		border-width: 1px 5px;
		border-radius: 0;
	}
	.postNavItem span, .postNavItem.current::before,
	.postNavSelected::before, .postNavModerated::after,
	.postNavSolution::before {
		display: none;
	}
}

@media (max-width: 1620px) {
	#postNavPage, #postNavPageForm {
		display: none;
	}
}



/*=======================================
// Visual/UI Modifications
=======================================*/
/* SCROLLBAR */
::-webkit-scrollbar {
	width: auto;
}
::-webkit-scrollbar-track {
	background: linear-gradient(0deg, var(--plus-scrollbar_track2), var(--plus-scrollbar_track));
}
::-webkit-scrollbar-thumb {
	background: linear-gradient(45deg, var(--plus-scrollbar_thumb2), var(--plus-scrollbar_thumb));
}
::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(45deg, var(--plus-scrollbar_thumb_hover2), var(--plus-scrollbar_thumb_hover));
}
::-webkit-scrollbar-thumb:active {
	background: linear-gradient(45deg, var(--plus-scrollbar_thumb_active2), var(--plus-scrollbar_thumb_active));
}
::-webkit-scrollbar-button {
	height: auto;
    background-color: var(--plus-scrollbar_buttonbg);
}
::-webkit-scrollbar-button:hover {
    background-color: var(--plus-scrollbar_buttonbg_hover);
}
::-webkit-scrollbar-button:vertical:start {
    background-image: var(--plus-scrollbar_button_up);
}
::-webkit-scrollbar-button:vertical:end {
	background-image: var(--plus-scrollbar_button_down);
}
::-webkit-scrollbar-button:horizontal:start {
    background-image: var(--plus-scrollbar_button_left);
}
::-webkit-scrollbar-button:horizontal:end {
	background-image: var(--plus-scrollbar_button_right);
}
::-webkit-scrollbar-corner {
    background: var(--plus-scrollbar_corner_img) center var(--plus-scrollbar_corner_bg);
    background-size: cover;
}
.ipsScrollbar::-webkit-scrollbar-button {
	display: none;
}

* {
	scrollbar-color: var(--plus-scrollbar_thumb) var(--plus-scrollbar_track);
	scrollbar-width: auto;
}

/* DERPY NOTIFICATION */
#elFlashMessage.ipsFlashMsg_bottom {
	background: url("https://buffy.mlpforums.com/monthly_2021_12/mail_bg_a0_08.png.bb2869aad73fe0e2d5f3a9c1ac27fab9.png"), linear-gradient(#553827, #261911);
	background-color: #222;
	border: 2px solid #fffaad;
	border-radius: 0 100px 100px 100px;
}
#elFlashMessage.ipsFlashMsg_bottom::before {
	content: url("https://buffy.mlpforums.com/monthly_2021_12/1615603097_derpynotif.png.73e690386e0fc9140a761cad0e42c15e.png")"NEW NOTIFICATION";
	position: absolute;
	top: -72px;
	left: 0;
	color: #fffaad;
	font-weight: bold;
	text-shadow: 1px -1px 2px #573928;
}
#elFlashMessage.ipsFlashMsg_bottom > div {
	margin-top: -2px;
}
#elFlashMessage.ipsFlashMsg_bottom.ipsFlashMsg_dismissable [data-action='dismissFlashMessage'] {
	background: var(--plus-derpynotif_txt);
}
#elFlashMessage .ipsType_light {
	color: var(--plus-derpynotif_txt);
}

/* INBOX */
@keyframes MailBackground {
	to { background-position: 112px -94px; }
}

#elInboxContent {
	background: url("https://buffy.mlpforums.com/monthly_2021_12/mail_bg_a0_08.png.bb2869aad73fe0e2d5f3a9c1ac27fab9.png");
	background-attachment: fixed;
	animation: MailBackground 10s linear infinite;
}

/* REACTIONS */
html[dir] .ipsReact.ipsReact_mini .ipsReact_unreact {
	position: absolute;
	left: -23px;
	top: 4px;
}
html[dir] .ipsReact.ipsReact_mini .ipsReact_unreact.ipsHide {
	display: none;
}
.ipsReact .ipsReact_button.ipsReact_reacted,
body.ipsApp_noTouch .ipsReact_types:hover .ipsReact_button.ipsReact_reacted,
body:not( .ipsApp_noTouch ) .ipsReact_types.ipsReact_types_active .ipsReact_button {
	border: 1px solid var(--positive-dark);
	background: var(--positive-light);
}
.ipsReact.ipsReact_mini .ipsReact_count {
	display: block;
}
.ipsReact.ipsReact_mini .ipsReact_count a {
	color: #999;
}

/* SHOW FULL STATUSES */
.ipsStreamItem_container .ipsStreamItem_snippet {
	height: initial !important;
}

.ipsStreamItem_container > .ipsTruncate_more {
	display: none !important;
}

/* LIVE MESSENGER PLUGIN COMPATIBILITY */
.liveMessenger_opened .liveMessenger_list {
    background: url("https://buffy.mlpforums.com/monthly_2021_12/mail_bg_a0_08.png.bb2869aad73fe0e2d5f3a9c1ac27fab9.png");
    background-attachment: fixed;
    animation: MailBackground 10s linear infinite;
    background-color: rgb( var(--theme-area_background_reset) );
}
.liveMessenger_opened {
	background-color: rgb( var(--theme-area_background_reset) ) !important;
}
.liveMessenger_chatHeader {
	background: rgb( var(--theme-area_background_reset) ) linear-gradient(225deg, var(--plus-widgettitle_bg), transparent) !important;
}
.liveMessenger_chatHeader h3 {
	background: none;
}



/*=======================================
// Adjustments for DARK THEMES
=======================================*/
/* TOPIC SECTION */
.ipsType_sectionTitle {
    background: url(https://mlpforums.com/uploads/monthly_2023_02/1003824767_LunaTheme-section_l.gif.4878563a7cbba93ec981298de0a17c63.gif) center left no-repeat, url(https://mlpforums.com/uploads/monthly_2023_02/252498260_LunaTheme-section_r.gif.aa9796854e098ce0a484ba8484526f50.gif) center right no-repeat, url(https://mlpforums.com/uploads/monthly_2023_02/276660512_LunaTheme-section_c.gif.b8646ad2aab2f7723708f8c5b50e69a3.gif) center center repeat-x #8d629d !important;
}

/* TOPIC STATUS ICONS IN TOPIC LISTING */
.ipsBadge_neutral, .ipsBadge_style6 {
	--badge--color: #fff;
	background: #777;
}

.ipsBadge_warning, .ipsBadge_style3 {
	--badge--color: #fff;
	background: #f22;
}

.ipsBadge_new, .ipsBadge_style1 {
	--badge--color: #cdcdcd;
}

.ipsDataItem_selected .ipsCommentCount {
	background: white;
}

/* CODE BLOCKS */
.ipsCode {
	background: #25282c;
}

.pln {
	color: #C5C8C6;
}

@media screen {
	.str { color: #4c4; }
	.kwd { color: #88f; }
	.com { color: #c66; }
	.typ { color: #f8f; }
	.lit { color: #4cc; }
	.pun,.opn,.clo { color: #cc4; }
	.tag { color: #44f; }
	.atn { color: #c4c; }
	.atv { color: #4c4; }
	.dec,.var {  color: #c4c; }
	.fun { color: red; }
}

.CodeMirror {
	background: #25282c !important;
	color: #C5C8C6 !important;
}

.CodeMirror-cursor {
	border-color: white !important;
}

.cm-s-default .cm-keyword { color: #e7f !important; }
.cm-s-default .cm-atom { color: #52f !important; }
.cm-s-default .cm-number { color: #4fa !important; }
.cm-s-default .cm-def { color: #09f !important; }
.cm-s-default .cm-variable-2 { color: #6cf !important; }
.cm-s-default .cm-variable-3, .cm-s-default .cm-type { color: #1fa !important; }
.cm-s-default .cm-comment { color: #f81 !important; }
.cm-s-default .cm-string { color: #f66 !important; }
.cm-s-default .cm-string-2 { color: #f81 !important; }
.cm-s-default .cm-meta { color: #aaa !important; }
.cm-s-default .cm-qualifier { color: #aaa !important; }
.cm-s-default .cm-builtin { color: #61f !important; }
.cm-s-default .cm-bracket { color: #cc9 !important; }
.cm-s-default .cm-tag { color: #3f1 !important; }
.cm-s-default .cm-attribute { color: #44f !important; }
.cm-s-default .cm-hr { color: #ccc !important; }
.cm-s-default .cm-link { color: #33f !important; }
.cm-s-default .cm-error { color: #f33 !important; }
.cm-invalidchar { color: #f33 !important; }

textarea.cke_source {
	background-color: #222 !important;
}

/* SUPPORT REQUESTS */
.cNexusSupportMessage_m .cNexusSupportMessage_author, .cNexusSupportMessage_a .cNexusSupportMessage_author {
	background: #4c5d6e;
}
.cNexusSupportMessage_s .cNexusSupportMessage_author {
	background: #324836;
}
.cNexusSupportMessage_e .cNexusSupportMessage_author {
	background: #404040;
}
.cNexusSupportMessage_h .cNexusSupportMessage_author {
    background: #6f6951;
}

/* MOBILE ADJUSTMENTS */
.ipsModal.ipsDrawer_modal {
	background: #0006;	
}

@media screen and (max-width: 767px) {
	.ipsReact_name {
		background: #202a40;
	}
}

/* FRIENDS PLUGIN ADJUSTMENT */
.friendsBox .ipsTabs .ipsTabs_item.ipsTabs_activeItem {
	background: #ff6eaf !important;	
}
.friendsConf .ipsField_autocomplete,.friendsBox .ipsField_autocomplete,.friendsConf input,.friendsBox input[data-role=quickSearch] {
	background-color: #2d2a2b !important;
}