/* custom font */
@font-face{font-family:'Roboto Mono';src:url('font/RobotoMono-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}

/* general colors - LIGHTER VERSION */
a {color:#c28b00;}
body {background:#f0efe7; color:#4a4538; font-family: 'Roboto Mono', sans-serif !important;}
button { background:transparent; color:#fff; }
input, textarea, .post_input_container { background:#f9f8f4; border:1px solid #e0dcd0 !important; font-family: 'Roboto Mono', sans-serif !important; }
.setdef { color:#4a4538; }

/* item with background no effect */
.bback { background:rgba(100, 85, 60, 0.04); }

/* item with background no effect with border */
.bbackb { background:rgba(100, 85, 60, 0.04); border:1px solid rgba(100, 85, 60, 0.06); }

/* item with no background and hover effect */
.bhover:hover, .bhoverr:hover { background:rgba(100, 85, 60, 0.04); }

/* item with background and hover effect */
.bbackhover { background:rgba(100, 85, 60, 0.04); }
.bbackhover:hover { background:rgba(100, 85, 60, 0.02); }

/* item width background and hover effect with a border */
.bbackhoverb { background:rgba(100, 85, 60, 0.04); }
.bbackhoverb:hover { background:rgba(100, 85, 60, 0.02); border:1px solid rgba(100, 85, 60, 0.06); }

/* item with no background with line separator and hover effect */
.blisting { border-bottom: 1px solid rgba(100, 85, 60, 0.06); }
.blisting:hover { background: rgba(100, 85, 60, 0.04); }

/* item with no background with line separator */
.blist { border-bottom: 1px solid rgba(100, 85, 60, 0.06); }

/* private panel top */
.back_ptop { background:#4d4638; color:#fff; }

/* page menu & page sub menu */
.bpmenu:hover { background: rgba(255, 253, 245, 0.15); }
.bsub { background:rgba(0,0,0,0.06); }
.bsub:hover { background:rgba(100, 85, 60, 0.06); }

/* sub menus for card, logs, wall, news */
.bmenu, .submenu { border-bottom:1px solid rgba(100, 85, 60, 0.04); }
.bmenu:hover, .submenu:hover { background:rgba(100, 85, 60, 0.04); }

/* box shadow */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow:0 1px 3px rgba(100, 85, 60, 0.06); }

/* main item selected for panel and box */
.bselected { background:rgba(50, 45, 35, 0.12); }

/* reg menu selected item */
.rselected { background:rgba(100, 85, 60, 0.06); }

/* page selected */
.pselected { color:#b89c6c; }

/* current item selected */
.cselected, .liked { background:rgba(100, 85, 60, 0.04); }

/* paginate item selected */
.pag_btn { background:rgba(100, 85, 60, 0.04); color:#7a7260; }
.pagselected, .pag_btn:hover { background:rgba(100, 85, 60, 0.08); }

/* count and gold tag */
.gtag { background: #f8f7f3; border:1px solid rgba(100, 85, 60, 0.06); }

/* border color for separator and items border */
.bborder { border-bottom:1px solid rgba(100, 85, 60, 0.06); }
.tborder { border-top:1px solid rgba(100, 85, 60, 0.06); }
.lborder, .ppanel { border-left:1px solid rgba(100, 85, 60, 0.06); }
.rborder { border-right:1px solid rgba(100, 85, 60, 0.06); }
.fborder { border:1px solid rgba(100, 85, 60, 0.06); }

/* float top color */
.float_top { border-bottom:1px solid rgba(100, 85, 60, 0.06); }
.float_ctop { border-bottom:1px solid rgba(100, 85, 60, 0.06); }

/* headers colors and top box colors - LIGHTER */
.bhead { background:#2a261e; color:#fff; }
.bsidebar{background: #d4c09c; color:#fff}
.modal_top { background:#2a261e; color:#fff; }
.pro_top { background:#2a261e; color:#fff; }
.bfoot { background:#2a261e; color:#fff; }
.foot { background:#2a261e; color:#fff; }

/* background major element panel, page menu, float menu, modal, chat boxes - LIGHTER */
.backglob { background: #f8f7f3; }
.back_chat { background: #f8f7f3; box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.08); }
.back_priv { background: #f8f7f3; }
.back_panel { background: #fcfbf8; }
.back_menu { background: #f8f7f3; }
.back_pmenu { background:#5c5444; color:#fff; }
.back_box { background: #f8f7f3; }
.back_input { background: #fcfbf8; border-top:1px solid rgba(100, 85, 60, 0.06); }
.back_modal { background: #f8f7f3; }
.page_element { background: #f8f7f3; }

/* main theme color - LIGHTER */
.theme_color { color:#b89c6c; }
.default_color { color:#5c5444; }
.error { color:#e05c5c; }
.success { color:#84c22e; }
.warn { color:#ffb347; }

/* button colors - LIGHTER */
.theme_btn, .back_theme { background:#b89c6c; color:#fff; }
.default_btn, .back_default { background:#5c5444; color:#fff; }
.defaultd_btn { background:#4a4538; color:#fff; }
.ok_btn { background:#84c22e; color:#fff; }
.warn_btn { background:#ffb347; color:#fff; }
.delete_btn { background:#e05c5c; color:#fff; }
.send_btn { color:#5c5444; }

/* default username color */
.user { color:#4a4538; }

/* chat system messsage text color */
.chat_system { color:#a69b84; }

/* opacity for offline users in list */
.offline { opacity:0.6; }

/* menu icon */
.menui { color:#b89c6c; }
.subi { color:#b89c6c; }

/* wall reply background */
.reply_item { background:#fff9e0; }

/* main post item option wall and news */
.main_post_item { color:rgba(100, 85, 60, 0.5); }

/* input option background colors */
.input_item { color:#a69b84; }

/* private log bubble colors */
.target_private, .hunt_quote {color:#fff; background:#4a4538;}
.hunter_private, .targ_quote {color:#7a7260; background:#f0eee5;}

/* quote in chat background */
.cquote { background:rgba(100, 85, 60, 0.04) !important; }
.cqname { color:#333; }
.cqmess { color:#7a7260; }

/* tab menu */
.tab_menu { background: #f8f7f3; box-shadow:0 1px 3px rgba(100, 85, 60, 0.12); }
.tab_menu_item { }
.tab_selected { background:rgba(100, 85, 60, 0.06); }

/* modal menu */
.modal_mback { background:rgba(0,0,0,0.03); }
.modal_mborder { border-bottom: 1px solid rgba(100, 85, 60, 0.06); }
.modal_selected { background:rgba(100, 85, 60, 0.06); }

/* back transparency background for modal box */
.modal_back { background-color:rgba(0,0,0,0.3); }

/* chat logs */
.mbubble { background: rgba(190, 165, 110, 0.18); }
.topic_log { background: rgba(138, 130, 130, 0.35); color: #030303;}
.sys_log { }

/* upload progress */
.bprogress { background:#84c22e; color:#fff; }

/* notification colors */
.bnotify { background:#e05c5c; color:#fff; }
.foot_notify, .head_notify { border:1px solid #fff; }

/* date colors */
.sub_date { color:#9c927b; }
.sub_chat, .sub_priv { color:#d1c9b0; }

/* secondary text color */
.sub_text, .list_mood { color:red; }

/* profile likes */
.plikes { background-color:rgba(120,120,120,0.25); color:#fff; }

/* spinner color */
.bspin { color:rgba(0,0,0,0.2); }

/* special chat item */
.my_notice { color:#fff; background:#b89c6c; }
.system_text { background:#f0eee5; color:#7a7260; }

/* outside pages background */
.back_page { background:#5c5444; color:#fff; }

/* video background color */
.post_video { background:rgba(0,0,0,0.9); }

/* slider */
.boom_slider .ui-widget-content { background: #f0eee5; }
.boom_slider .ui-state-default { background: #a69b84 !important; }
.boom_slider .ui-state-active { background: #a69b84 !important; }
.boom_slider .ui-slider-range { background:#d1c9b0; }

/* select input color */
.selectboxit-list, .selectboxit-btn { background-color: #eeece4; color:#7a7260; border:1px solid #e0dcd0 !important; }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: #eeece4; color:#7a7260; }
.selectboxit-default-arrow { border-top: 4px solid #7a7260; }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background:#eeece4; color:#7a7260; }
.selectboxit-options { background: #f8f7f3; border:1px solid #d1c9b0; }
.selectboxit-list .selectboxit-option-anchor { color:#7a7260; }

/* Custom */
.emo_head, .panel_bar, .float_top, .float_ctop, .back_quote{ background: #5c5444; color: #fff; }
button,input,textarea,select,.user_item_avatar .acav,.avavatar,.cavatar,.float_menu,.roomcv img,.room_cicon,.room_ctag,.modal_in,#av_menu,.cover_item_wrap,.plevel_item,.plike_item,.avatar_control,.avatar_profile,.avatar_spin,.modal_menu ul li,.selectboxit-container .selectboxit,.gcard,.gcard_price,.pagarrow,.paglist,.pagload,.clevel_item,.modal_user_avatar img,.progress_box,#log_menu,.qwraper,.qavatar,.cquote,.cookie_wrap,.avatar_menu,.avmmenu img,.list_status,.top_status,.stat_icon,.fmenu_icon img,.room_icon,.room_tag,.reg_menu ul li,.tpicon,.ucount,.user_square_elem,.vfavatar,.selectboxit-container .selectboxit-options,.ulist_item,.ricon_current,.ricon_control,.fmenu_item,.pm_notify,.fnotify,.fmenu_img img,.fmenu_simg img,.fmenu,.post_avatar img,.reply_item,.reply_avatar img,.sub_list_avatar img,.room_listing,.savatar,#private_av,.avatar_private,.hunter_private,.target_private,.target_private,.hunt_quote,.hunt_quote,.targ_quote,.tab_menu ul li,.head_notify,.cqav img,.notify_avatar img,.action_item,.switch_item,.page_element,.sp_box,.my_notice,.small_avatar,.med_avatar,.large_avatar,.state_profile,.post_input_container,.user_item,#main_input_extra,.chat_image,.puser_avatar img{border-radius:0!important}
.list_status{bottom:0}
.head_notify{width:8px;height:8px;border:none;box-shadow:0 0 10px #fff}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor{ color: #a69b84; }
.tpicon { content: url('images/topic.png'); }
.back_chat::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#f8f7f3 url('./images/decoration.png');background-repeat:no-repeat;background-position:bottom 30px right 120px;background-size:400px;opacity:.15}
.selectboxit-container *{ font-family: 'Roboto Mono', sans-serif !important; }

/* login page */
#intro_top{background:#4d4638 url('images/background_login.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}

/* responsive */
@media screen and (max-width: 992px){
.back_chat::before{background-position:bottom 30px right 120px;background-size:300px}
}
@media screen and (max-width: 960px){
#intro_top{background-position:left -200px center}
}
@media screen and (max-width: 768px){
.back_chat::before{background-position:top 20px right 20px; background-size:200px}
}