/* ═══════════════════════════════════════════════════════════════
   MODERN · Consolidated · All original selectors preserved
   Protected (untouched): .ql_body · .qa-content · .qa-text
   .qa-list · .qp-list · .questions-answer · .questions-list li.ql_item
   div.qa-check.ow_left · .ow_newsfeed_btns
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Design tokens ──────────────────────────────────────── */
:root {
  /* Surfaces */
  --bg:   #ffffff;
  --bg-2: #f5f6f8;
  --bg-3: #eef0f3;
  --bg-glass: rgba(255,255,255,.88);

  /* Borders */
  --ln:   rgba(0,0,0,.07);
  --ln-2: rgba(0,0,0,.13);

  /* Text */
  --t1: #0d0f12;
  --t2: #505660;
  --t3: #97a0ad;

  /* Brand */
  --navy: #2c3d4f;
  --blue: #1a6fc4;
  --blue-d: #0f559a;
  --blue-l: #e8f1fb;
  --red:  #d93025;

  /* Type */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
          Roboto, Helvetica, Arial, sans-serif;

  /* Radii */
  --r1: 4px;  --r2: 8px;  --r3: 12px;
  --r4: 16px; --r5: 22px; --rp: 999px;

  /* Shadows */
  --s1: 0 1px 2px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);
  --s2: 0 2px 8px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);
  --s3: 0 8px 24px rgba(0,0,0,.10),0 2px 6px rgba(0,0,0,.06);

  /* Motion */
  --spring: cubic-bezier(.22,.68,0,1.2);
  --t: .16s;
}

/* ── 2. Reset ──────────────────────────────────────────────── */
*,::before,::after { box-sizing: border-box; margin: 0; padding: 0; }
[hidden], template  { display: none; }

/* ── 3. Base HTML & Body ───────────────────────────────────── */
html {
  font-size: 15px;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
  overflow-wrap: break-word;
  height: 100%;
}
body {
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.6;
  color: var(--t1);
  background: var(--bg-2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}
/* forum alt row */
body.forum_ctrl_index_index tr.ow_alt2 td { background: var(--bg-3); }

/* ── 4. Typography ─────────────────────────────────────────── */
h1,h2,h3,h4,h5,h6 {
  font-weight: 600;
  line-height: 1.25;
  color: var(--t1);
  margin-top: 0;
  margin-bottom: 8px;
  box-sizing: border-box;
}
h1 { font-size: 1.75rem; }
h2 { font-size: 1.375rem; }
h3 { font-size: 1.125rem; }
h4,h5,h6 { font-size: 1rem; }

p  { color: var(--t2); margin-top: 0; margin-bottom: 14px; overflow-wrap: break-word; }

a  { color: var(--blue); text-decoration: none; transition: color var(--t); }
a:hover { color: var(--blue-d); }
a:focus { outline: 2px solid var(--blue); outline-offset: 2px; color: #357ae8; }
a:visited { color: var(--blue); }
a:hover,ins { text-decoration: none; }

strong  { font-weight: 600; color: var(--t1); }
del     { text-decoration: line-through; }
dfn,i,address,cite,em,var { font-style: italic; }
small,.text-field.small { font-size: .8125rem; }
abbr[title] { border-bottom: 0; text-decoration: underline dotted; }
code,kbd,pre,samp { font-size: .9rem; font-family: ui-monospace,"SF Mono",Menlo,Consolas,monospace; }

ol,ul  { list-style: none; }
img    { display: inline-block; max-width: 100% !important; min-width: auto !important; height: auto; }
img,tr { page-break-inside: avoid; }
video  { max-width: 100%; height: auto; }
audio  { border-radius: var(--r2); box-shadow: var(--s1); transition: all .3s; max-width: 100%; }
audio:not([controls]) { display: none; height: 0; }
canvas,progress { display: inline-block; min-width: auto; }
blockquote,q    { quotes: none; }
blockquote::before,blockquote::after,q::before,q::after { content: ""; }

/* ── 5. Layout ─────────────────────────────────────────────── */
.ow-container  { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.ow_page_wrap  { position: relative; min-height: 100vh; background: var(--bg-2); }
.ow_page_container {
  display: flex; flex-direction: column;
  width: 100%; min-width: 100%;
}
.ow_page_container .ow_page,
.ow_page_container.ow_page {
  width: 100%; min-width: 100%;
  margin: 0; padding: 0; display: flex;
}
.ow_page_padding { padding: 16px; width: 100%; box-sizing: border-box; }
.ow_canvas       { display: block; width: 100% !important; margin: 0 auto; box-sizing: border-box; }
.ow_wide,div#main3 { width: 100%; }
.ow_forgot_password,.ow_table_1.ow_form,iframe#twitter-widget-1 { width: 100% !important; }
.ow_content_height { height: 100vh; }
.ow_plugin_meet.wrap { height: 400px; margin: auto; }

/* sidebars */
.ow_sidebar_left_active  #left  { display: block; float: left; position: static; }
.ow_sidebar_right_active #right { display: block; position: static; }
.ow_sidebar_left_active  #main,
.ow_sidebar_right_active #main  { position: absolute; inset: 0; margin-left: 440px; }
.ow_sidebar_right_active #main  { margin-left: -440px; }

/* ── 6. Console / Header ───────────────────────────────────── */
.ow_console_body {
  position: sticky; top: 0; z-index: 200;
  background: var(--bg-glass);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--ln);
  height: 52px; display: flex; align-items: center;
  padding: 0 18px; gap: 12px;
  font-size: .9375rem; width: 100%; box-sizing: border-box;
}
.ow_header     { box-sizing: border-box; max-width: 100%; }
.ow_header_img { margin: 0 !important; }
.ow_logo_wrap a { display: flex; align-items: center; top: 0; }
.ow_logo_img    { height: 30px; width: auto; display: block;
                   background-image: url(/ow_userfiles/themes/theme_image_338.png); }
.ow_site_panel  { top: 0; }

#contact {
  background: url(/ow_static/themes/ethos/images/ic_mobilemenu.svg) no-repeat center / 22px;
  z-index: 100; width: 36px; height: 36px; cursor: pointer;
  border-radius: var(--r2); top: 6px;
}
#contact2 { background-color: var(--navy); border-radius: var(--r2); }
.opened #contact2 {
  background: url(/ow_static/themes/roxbook/images/ic_delete.svg) center / 18px no-repeat !important;
}
.ow_nav_btn {
  display: none; cursor: pointer;
  background: url(/ow_static/themes/roxbook/images/menu_btn.svg) center / 22px no-repeat;
  width: 40px; height: 40px; border-radius: var(--r2);
  float: left; opacity: 0; position: relative;
  transition: opacity .3s ease-out .15s;
}
.ow_menu_active .ow_nav_btn { display: block; opacity: 1; transition: background-position .2s; }
.ow_menu_wrap { background: url(/ow_userfiles/themes/theme_image_360.png); }

/* search */
#search_dropdown_console { padding-top: 0; position: relative; }
div#aron_results_qqsearch.ow_tooltip_body {
  background: var(--bg); border: 1px solid var(--ln);
  border-radius: var(--r3); box-shadow: var(--s3);
  box-sizing: border-box; min-width: 280px; overflow: auto; width: 100%;
  padding: 0; white-space: normal; word-break: break-all; flex-wrap: wrap;
}
.csearch_icon_chat img,.csearch_icon_message img {
  height: 24px !important; width: 24px !important;
  margin: 0; max-width: 100% !important; box-sizing: border-box;
}

/* console list */
.ow_console_list         { display: block; width: 97%; }
.ow_console_list_wrapper { max-height: 380px; overflow: hidden auto; }
.ow_console_list li:hover a,
.ow_console_list li.ow_console_new_message:hover a,
.ow_console_list li:hover .ow_console_invt_txt,
.ow_console_list li:hover .ow_console_ntf_txt,
.ow_console_list li.ow_console_new_message:hover .ow_console_invt_txt,
.ow_console_list li.ow_console_new_message:hover .ow_console_ntf_txt { color: var(--t2); height: 100%; }

.ow_console_item a.ow_console_item_link.showName img {
  background: var(--bg-3); border: 1px solid var(--ln-2);
  border-radius: 50%; height: 40px; position: relative; z-index: 9999;
}
.ow_console_item.shop_cart_main_count {
  background: url(/ow_userfiles/themes/theme_image_211.png) no-repeat center / contain !important;
  border-radius: 50% !important; height: 32px !important; width: 32px !important; margin: 2px;
}
.ow_console_item:hover .ow_console_more,.ow_console_more { cursor: pointer; }
.ow_console_view_all_btn {
  display: block; text-align: center; padding: 10px;
  font-size: .875rem; font-weight: 500; color: var(--blue);
  border-top: 1px solid var(--ln); text-decoration: none;
  transition: background var(--t); overflow-wrap: break-word; white-space: normal;
}
.ow_console_view_all_btn:hover { background: var(--bg-2); }
.ow_notification_list .ow_console_list_wrapper {
  background: transparent; max-width: 100%;
  box-sizing: border-box; word-wrap: break-word; white-space: normal;
}

/* ── 7. Tooltip ────────────────────────────────────────────── */
.ow_tooltip .ow_tooltip_body {
  background: var(--bg); border: 1px solid var(--ln);
  border-radius: var(--r4); box-shadow: var(--s3);
  height: auto; margin: auto; min-width: 260px;
  max-height: 380px; overflow: hidden auto; padding: 0;
}
.ow_console .ow_tooltip .ow_tooltip_body {
  left: 0; min-width: 330px; overflow: visible;
  box-sizing: content-box; flex-wrap: wrap;
  font-weight: 400; white-space: normal; word-break: break-all;
}
.console_tooltip.ow_tooltip_top_right,
.ow_console .ow_tooltip_top_right.ow_tooltip,
div#search_dropdown_console.ow_tooltip {
  left: 0 !important; box-sizing: border-box;
  overflow-wrap: break-word; word-wrap: break-word;
}

/* ── 8. Navigation ─────────────────────────────────────────── */
.ow_main_menu { display: flex; flex-direction: column; gap: 1px; font-family: var(--font); }
.ow_main_menu li { display: block; border-radius: var(--r2); }
.ow_main_menu li a {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 12px; font-size: .9375rem; font-weight: 500;
  color: var(--t2); border-radius: var(--r2);
  text-decoration: none; transition: background var(--t), color var(--t);
}
.ow_main_menu li a span { color: inherit; margin-left: 0; text-align: center; }
.ow_main_menu li a:hover,.ow_main_menu li.active a { background: var(--bg-3); color: var(--t1); }

/* menu icon backgrounds */
.ow_main_menu li.html5chat_main_menu_item      { background: url(/ow_static/themes/roxbook/images/main_chat.svg)        no-repeat 10px center / 18px; }
.ow_main_menu li.membersnearby_widget_title     { background: url(/ow_static/themes/roxbook/images/main_users.svg)       no-repeat 10px center / 18px; }
.ow_main_menu li.musicselling_musics_menu_text  { background: url(/ow_static/themes/roxbook/images/main_music.svg)       no-repeat 10px center / 18px; }
.ow_main_menu li.auction_main_menu_item         { background: url(/ow_static/themes/roxbook/images/main_ifiles.svg)      no-repeat 10px center / 18px; }
.ow_main_menu li.meet_meet_game_desktop         { background: url(/ow_static/themes/roxbook/images/main_studio.svg)      no-repeat 10px center / 18px; }
.ow_main_menu li.hotphoto_hotphoto              { background: url(/ow_static/themes/roxbook/images/main_games.svg)       no-repeat 10px center / 18px; }
.ow_main_menu li.catalog_catalog                { background: url(/ow_static/themes/roxbook/images/main_appapi.svg)      no-repeat 10px center / 18px; }
.ow_main_menu li.chaturbate_main_menu_item      { background: url(/ow_static/themes/roxbook/images/main_mobile.svg)      no-repeat 10px center / 18px; }
.ow_main_menu li.base_page_35a52g1q,
.ow_main_menu li.base_page_k4p3k1k3            { background: url(/ow_static/themes/roxbook/images/main_note.svg)        no-repeat 10px center / 18px; }
.ow_main_menu li.base_page_46e64r2b            { background: url(/ow_static/themes/roxbook/images/main_fanpage.svg)     no-repeat 10px center / 18px; }
.ow_main_menu li.base_page_8az1z1qa,
.ow_main_menu li.jobs_main_menu_text            { background: url(/ow_static/themes/roxbook/images/main_friendsplus.svg) no-repeat 10px center / 18px; }
.ow_main_menu li.base_page_k1ri7eto            { background: url(/ow_static/themes/roxbook/images/main_link.svg)        no-repeat 10px center / 18px; }
.ow_main_menu li.base_page_vuxyx1p2            { background: url(/ow_static/themes/roxbook/images/main_mochigames.svg)  no-repeat 10px center / 18px; }
.ow_main_menu li.friendsplus_main_menu_item     { background: url(/ow_static/themes/roxbook/images/main_friendsplus.svg) no-repeat 10px center / 18px; }
li.equestions_main_menu_list                    { background: url(/ow_static/themes/roxbook/images/main_gamesplus.svg)  no-repeat 10px center / 18px; }

/* ::before resets */
.chaturbate_main_menu_item a::before,.cms_main_menu_item a::before,
.compteyoutube_compteyoutube a::before,.contact_main_menu_item a::before,
.friendsplus_main_menu_item a::before,.movies_movies_menu_label a::before,
.news_main_menu_item a::before,.profilgame_profilgame a::before,
.search_main_menu_item a::before,.secretpost_bottom_menu_item a::before,
.studio_menutext_value a::before,.userinvite_menutext_value a::before,
.video_video a::before,.ynmediaimporter_main_menu_item a::before { content: "" !important; }

/* ── 9. Content menu (tabs) ───────────────────────────────── */
.ow_content_menu {
  display: flex; align-items: center; gap: 2px;
  border-bottom: 1px solid var(--ln); padding: 0 4px;
  font-family: var(--font); text-transform: none;
}
.ow_content_menu li,
.ow_content_menu li.active,
.ow_content_menu li.active a { border-radius: var(--r2) var(--r2) 0 0; }
.ow_content_menu li a {
  display: block; padding: 10px 16px;
  font-size: .875rem; font-weight: 500; color: var(--t2);
  text-decoration: none; border-bottom: 2px solid transparent;
  margin-bottom: -1px; transition: color var(--t), border-color var(--t);
  overflow-wrap: break-word; white-space: normal; word-wrap: break-word;
}
.ow_content_menu li a:hover   { color: var(--t1); }
.ow_content_menu li.active a  { color: var(--red); border-bottom-color: var(--red); }

/* ── 10. Cards / Boxes ─────────────────────────────────────── */
.ow_box {
  background: var(--bg); border: 1px solid var(--ln);
  border-radius: var(--r4); box-shadow: var(--s1); color: var(--t1);
}
.ow_box_cap .ow_box_cap_body,
.ow_box_cap_empty .ow_box_cap_body {
  display: flex; align-items: center; justify-content: space-between;
  height: 44px; padding: 0 16px;
  background: var(--bg-2); border-bottom: 1px solid var(--ln);
  border-radius: var(--r4) var(--r4) 0 0;
  color: var(--t1); font-size: .9375rem; position: static; transition: none;
}
.ow_box_cap h3,.ow_signin_label {
  font-size: 1rem !important; font-weight: 600; color: var(--t1);
  display: inline-block; margin: 0; padding: 0; width: auto; transform: none;
}
.ow_signin_label { color: var(--t3); font-weight: 500; }

.ow_box_empty { background: transparent; border: none; box-shadow: none; }
.ow_box_empty.ow_break_word { border: none; }
.ow_box_empty.ow_stdmargin.ow_no_cap.ow_break_word {
  background: transparent; border: none;
  box-sizing: border-box; display: block;
  overflow-wrap: break-word; word-wrap: break-word;
}
.ow_box_empty.ow_std_margin.clearfix.ow_break_word img { display: flex; margin: 0; min-width: 100%; padding: 0; }
.ow_highbox_table .ow_highbox,.ow_highbox { background-color: var(--bg-2) !important; }
.ow_bg_color { background: var(--bg); }
div.ow_dnd_widget.profile-VIDEO_CMP_UserVideoListWidget
  > div.ow_box.ow_stdmargin.clearfix.profile-VIDEO_CMP_UserVideoListWidget.ow_break_word
  > div.ow_box_toolbar_cont.clearfix { background: transparent; border: none; }

/* ── 11. Buttons ───────────────────────────────────────────── */
button {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 8px 16px; font-family: var(--font); font-size: .9375rem;
  font-weight: 500; color: var(--bg); background: var(--blue);
  border: 1px solid transparent; border-radius: var(--r2);
  cursor: pointer; user-select: none;
  transition: background var(--t), box-shadow var(--t), transform .1s var(--spring);
  box-sizing: border-box;
}
button:hover   { background: var(--blue-d); box-shadow: var(--s2); }
button:active  { transform: scale(.97); box-shadow: none; }
button:focus   { outline: 2px solid var(--blue); outline-offset: 2px; }
button::-moz-focus-inner { border: 0; }
button[disabled] { cursor: default; opacity: .5; }
button,select  { cursor: pointer; }

.ow_button,span.ow_button {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 8px 18px; font-size: .9375rem; font-weight: 500;
  border-radius: var(--r2); border: 1px solid var(--ln-2);
  background: var(--bg); color: var(--t1);
  cursor: pointer; text-decoration: none; white-space: normal;
  box-sizing: border-box;
  transition: background var(--t), box-shadow var(--t), transform .1s var(--spring);
}
.ow_button:hover,.ow_button:focus {
  background: var(--bg-2); outline: none;
  box-shadow: 0 0 0 3px rgba(26,111,196,.15);
  transform: translateY(-1px);
}
.ow_button:active { transform: translateY(0); box-shadow: none; background: var(--bg-3); }
.ow_button.ow_button-positive { background: var(--blue); border-color: var(--blue); color: #fff; }
.ow_button.ow_button-positive:hover { background: var(--blue-d); border-color: var(--blue-d); }

html body.ow input[type="button"],
html body.ow input[type="submit"],
input[type="submit"] {
  background: var(--blue); border: none; border-radius: var(--r2);
  color: #fff; cursor: pointer; font-family: var(--font);
  font-size: .9375rem; font-weight: 500; padding: 8px 18px;
  transition: background var(--t); -webkit-appearance: button; width: auto;
}
html input[type="button"],input[type="reset"] { -webkit-appearance: button; cursor: pointer; }
input[type="submit"]:hover { background: var(--blue-d); }

.pointer,a[href],input[type="image"],input[type="submit"],label[for],select { cursor: pointer; }

.ow_paging a {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 32px; height: 32px; padding: 0 8px;
  border: 1px solid var(--ln-2); border-radius: var(--r1);
  font-size: .875rem; color: var(--t2); text-decoration: none;
  overflow-wrap: break-word; white-space: normal; word-wrap: break-word;
  transition: background var(--t);
}
.ow_paging a:hover { background: var(--bg-2); }

/* ── 12. Forms ─────────────────────────────────────────────── */
input,select,textarea {
  font-family: var(--font); font-size: .9375rem;
  font-style: normal; font-variant: normal; font-weight: 400;
  color: var(--t1); background: var(--bg);
  border: 1px solid var(--ln-2); border-radius: var(--r1);
  padding: 8px 12px;
  transition: border-color var(--t), box-shadow var(--t);
  line-height: inherit;
}
input[type="text"],input[type="email"],input[type="password"],
input[type="search"],input[type="number"],input[type="url"],
select,textarea {
  width: 100%; height: 40px;
  -webkit-appearance: none; box-sizing: border-box; outline: none;
}
textarea { height: auto; padding: 10px 12px; resize: vertical; line-height: 1.6; }
input:focus,select:focus,textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(26,111,196,.14);
  outline: none;
}
input::placeholder,textarea::placeholder { color: var(--t3); }
input[type="checkbox"],input[type="radio"] {
  width: 16px; height: 16px; cursor: pointer;
  padding: 0; box-sizing: border-box; accent-color: var(--blue);
}
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
.ow_input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
select { padding-right: 32px; }
select option { background: var(--bg); color: var(--t1); font-size: .875rem; white-space: nowrap; }
select:focus { box-shadow: inset 0 1px 2px rgba(0,0,0,.06) !important; }

.ow_select { position: relative; background: var(--bg); border: 1px solid var(--ln-2); border-radius: var(--r1); cursor: pointer; }
.ow_select .ow_btn { display: block; height: 36px; line-height: 36px; padding: 0 28px 0 12px; font-size: .9375rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--t1); box-sizing: border-box; }
.ow_select i { position: absolute; right: 0; top: 0; width: 20px; display: block; line-height: 36px; color: var(--t3); }
.ow_hidden,.ow_select .ow_options,.ow_select select { display: none; }

.tagsinput_wide,div#input_l3xaquve_addTag.tagsinput_wide,input,select,textarea { color: var(--t1); }
div.tagsinput input,textarea.ow_gift_message_area { color: var(--t1); font-size: .8125rem; }

.text-field.error   { background-color: linear-gradient(transparent 98%,#d70000 99%); }
.text-field.success { background-color: linear-gradient(transparent 98%,#00d705 99%); }
.text-field.warning { background-color: linear-gradient(transparent 98%,#d7d400 99%); }
.text-field:highlighted { background-color: linear-gradient(transparent 98%,#0096d7 99%); }
.text-field:normal  { background-color: linear-gradient(transparent 98%,#53555a 99%); color: #b0b1b4; padding: 2pt 5pt; }
.text-field.large   { font-size: 18px; }
.text-view { background: #f7f7f7; border: 1pt solid #f7f7f7; color: #b0b1b4; font-size: 14pt; }
form { border-collapse: collapse; border-spacing: 0; box-sizing: border-box; margin: 0 auto; padding: 0; }

/* ── 13. Tables ─────────────────────────────────────────────── */
table {
  border-collapse: collapse; border-spacing: 0;
  display: table; min-width: auto; table-layout: fixed;
  text-align: left; width: 99%;
}
table td,table th { padding: 10px 14px; text-align: left; vertical-align: top; overflow-wrap: break-word; word-wrap: break-word; box-sizing: border-box; }
table th { font-size: .875rem; font-weight: 600; color: var(--t2); }
th { text-decoration: none; }
a:visited,table td,table th,tr td { text-decoration: none; }

table body    { display: table-row-group; }
table row     { display: table-row; }
table tr      { display: table-row; width: auto; }
table cell,table head { border: 1px solid var(--ln-2); display: table-cell; padding: 3px 10px; }
table heading { display: table-header-group; background: var(--bg-2); font-weight: 700; }
table foot    { display: table-footer-group; background: var(--bg-2); font-weight: 700; }

tbody { border-color: inherit; display: table-row-group; unicode-bidi: isolate; vertical-align: middle; }
thead,tbody,tfoot,tr,td,th { border-color: inherit; border-style: solid; border-width: 0; }
td { margin: 0; padding: 10px 14px; vertical-align: top; max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; }
th { max-width: 100%; font-stretch: condensed; }

th.ow_section { background: none; border: none !important; padding: 14px 0; }
th.ow_section span { background: var(--bg-3); border-radius: var(--rp); color: var(--blue); font-weight: 500; padding: 5px 14px; }
th span.ow_section_icon { background-repeat: no-repeat; display: block; height: 20px; padding-left: 24px; white-space: nowrap; }

/* ow_table_2/3/4 */
.ow_table_2,.ow_table_3,.ow_table_4 { width: 100%; border-collapse: collapse; font-family: var(--font); background: var(--bg); table-layout: fixed; }
.ow_table_2 td,.ow_table_3 td,.ow_table_3 td.ow_label,.ow_table_3 td.ow_value,.ow_table_4 td.ow_label,.ow_table_4 td.ow_value {
  background: var(--bg); border-bottom: 1px solid var(--ln);
  color: var(--t1); font-size: .9375rem; padding: 11px 14px;
  vertical-align: middle; overflow-wrap: break-word; word-break: break-word;
}
.ow_table_2 tr:hover td,.ow_table_3 tr:hover td,.ow_table_4 tr:hover td { background: var(--bg-2); }
.ow_table_2 tr:first-child td:first-child,.ow_table_3 tr:first-child td:first-child,.ow_table_4 tr:first-child td:first-child { border-top-left-radius: var(--r4); }
.ow_table_2 tr:first-child td:last-child,.ow_table_3 tr:first-child td:last-child,.ow_table_4 tr:first-child td:last-child   { border-top-right-radius: var(--r4); }
.ow_table_2 tr:last-child td:first-child,.ow_table_3 tr:last-child td:first-child,.ow_table_4 tr:last-child td:first-child   { border-bottom-left-radius: var(--r4); }
.ow_table_2 tr:last-child td:last-child,.ow_table_3 tr:last-child td:last-child,.ow_table_4 tr:last-child td:last-child     { border-bottom-right-radius: var(--r4); }

td.ow_label { background: var(--bg-2); color: var(--t2); font-weight: 600; width: 35%; }
td.ow_value,.ow_table_3 td.ow_value,.ow_table_4 td.ow_value { font-weight: 500; width: 65%; }
.ow_table_3 td.ow_value,table.ow_form td.ow_label,
ul#categories_opt.ow_regular li a:visited img.play-cat-icon { font-size: 1rem; width: 20% !important; }

.ow_table,.ow_table-all,.odds-book { border-collapse: collapse; table-layout: fixed; width: 100%; }
.ow_table td,.ow_table th,.ow_table-all td,.ow_table-all th { overflow-wrap: break-word; padding: 10px 14px; text-align: left; vertical-align: top; white-space: normal; width: auto; word-break: break-word; }
.ow_table,.post_content { word-wrap: break-word; }
.ow_table,.post_content,form { box-sizing: border-box; margin: 0 auto; padding: 0; }
.ow_table,.post_content,form,table,td,thead,tr { text-decoration: none; flex-wrap: wrap !important; }
.post_content,form,td,thead,tr { width: 99%; }
.ow_table_1 tr td { width: auto; }

/* finalize-table */
.finalize-table,table.finalize-table { border-collapse: collapse; font-size: .9375rem; max-width: 100%; table-layout: fixed; width: 100%; }
table.finalize-table td { color: var(--t2); font-weight: 700; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
table.finalize-table td,table.finalize-table th { border: 1px solid var(--ln); overflow: hidden; padding: 8px 10px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
table.finalize-table thead tr th { font-size: .875rem !important; font-weight: 600; background: var(--bg-2); padding: 8px 10px; height: auto; }

/* voter table */
#voterTable > tbody > tr > td:first-child { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--t1); padding: 10px 14px; line-height: 1.2; text-align: center; min-width: 100%; }
#voterTable > tbody > tr > td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }

/* odds */
.q-odds table,.odds-teams { border-collapse: collapse; width: 100%; }
.q-odds th { background: var(--bg-2); }
div.odds-teams strong,div.odds-teams td,div.odds-teams th { font-size: 1rem; padding: 8px 12px; text-align: left; }
div.odds-card { box-sizing: border-box; overflow-wrap: break-word; padding: 10px 4px !important; word-wrap: break-word; }
table.transaction-table,tbody tr,thead,tr.transaction-item { box-sizing: border-box; margin: 0 auto; }
.table > tbody { vertical-align: inherit; }

/* forum */
.ow_forum .ow_topics,.ow_forum_topic .ow_views { width: 30px; }
.ow_forum_topic,.ow_group_list,.ow_ipc_info,.ow_posts,.ow_views { margin: auto; min-width: auto !important; padding: 0; width: auto !important; }

/* ── 14. Categories ────────────────────────────────────────── */
#categories_opt { list-style: none; margin: 0; padding: 0; width: auto; }
#categories_opt li {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 11px 14px;
  border-bottom: 1px solid var(--ln); border-right: 1px solid var(--ln);
  cursor: pointer; transition: background var(--t);
  box-sizing: border-box; text-align: center;
}
#categories_opt li:hover { background: var(--bg-2); }
#categories_opt li a { display: inline-flex; align-items: center; font-size: .9rem; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; color: var(--t1); }
#categories_opt li .play-cat-icon { max-width: 25px; max-height: 25px; margin-left: 10px; transition: transform .2s var(--spring); }
#categories_opt li.active { background: var(--bg-3); border-bottom: 2px solid var(--navy); border-left: 3px solid var(--navy); }
#categories_opt li.active .play-cat-icon { height: 42px; transform: scale(1.1); width: auto; }
#categories_opt span { display: flex; align-items: center; justify-content: center; min-width: 26px; height: 26px; border-radius: 50%; background: var(--navy); color: #fff; font-size: .75rem; font-weight: 600; margin-right: 10px; flex-shrink: 0; }
ul#categories_opt.ow_regular li a:visited img.play-cat-icon { width: 20px; }
ul.ow_regular { display: flex; flex-wrap: wrap; gap: 4px; }
#category-small-menus.category-small-menus { background: var(--bg); border-collapse: collapse; display: inline-block; font-family: var(--font); min-width: 100%; width: 100% !important; box-sizing: border-box; margin: 0; padding: 0; table-layout: fixed; }

/* ── 15. Newsfeed (non-protected) ──────────────────────────── */
.ow_newsfeed_left,.qa-content-wrap { padding: 1px; width: 100%; }
.ow_wide .ow_newsfeed_left { max-width: 100%; }
.ow_newsfeed_line { width: 100%; overflow-wrap: break-word; word-wrap: break-word; box-sizing: border-box; flex-wrap: wrap !important; margin: 0 auto; padding: 0; }
.ow_newsfeed_item_picture { margin: 0; padding: 0; white-space: normal; }
.ow_newsfeed_item_picture + .ow_newsfeed_item_content,
.ow_newsfeed_oembed_atch .ow_newsfeed_item_content {
  display: flex !important; box-sizing: border-box;
  overflow-wrap: break-word; word-wrap: break-word;
  margin: 0 auto; padding: 0; white-space: normal; flex-wrap: wrap !important;
}
.ow_newsfeed_content.ow_smallmargin { background: var(--bg); border: none; border-radius: var(--r4); }
div.ow_newsfeed_left span { font-size: 1.2em !important; }

/* ── !! PROTECTED: .ow_newsfeed_btns !! ───────────────────── */
.ow_newsfeed_btns {
  background: #fff;
  display: block;
  width: auto;
  box-sizing: border-box;
  white-space: normal;
}
div.ql_body .ow_newsfeed_btns {
  border-collapse: collapse;
  box-sizing: border-box;
  display: table;
  font-size: .89em !important;
  font-size: clamp(.7em,1vw,1em) !important;
  margin-left: 0;
  margin-top: -151px;
  max-width: 100%;
  opacity: .85;
  overflow-wrap: break-word;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  position: absolute;
  table-layout: fixed;
  white-space: nowrap;
  width: 98%;
  word-wrap: break-word;
  z-index: 1;
}
div.ql_body .ow_newsfeed_date,
div.ql_body span.ow_newsfeed_control { display: none !important; }

/* ── 16. IPC / User cards ──────────────────────────────────── */
.ow_ipc_content { background: var(--bg); border: 1px solid var(--ln); border-radius: var(--r4); padding: 16px; display: block; box-sizing: border-box; width: 100% !important; overflow-wrap: break-word; flex-wrap: wrap !important; }
.ow_ipc_header { margin: auto; padding: 0 32px; text-align: center; }
.ow_ipc_picture,.ow_user_list_picture .ow_avatar { margin-bottom: 12px; width: auto !important; }
.ow_ipc_info { margin: auto; min-width: auto !important; padding: 0; width: auto !important; }
.ow_mini_ipc_info { min-width: 70px; }
.ow_user_list .ow_item_set3 {
  background: var(--bg); border: 1px solid var(--ln);
  border-radius: var(--r4); box-shadow: var(--s1);
  float: left; width: 33.3% !important; height: 260px;
  margin: 0; padding: 12px; display: flex; flex-direction: column;
  flex-flow: wrap; align-items: center; text-align: center;
  white-space: normal; word-wrap: normal; box-sizing: border-box;
  transition: box-shadow var(--t), transform var(--t);
}
.ow_user_list .ow_item_set3:hover { box-shadow: var(--s3); transform: translateY(-2px); }
.ow_user_list_picture { margin: auto; }
.ow_avatar img,.ow_avatarD img,.ow_user_list_picture .ow_avatar img { border-radius: 50%; display: block; object-fit: cover; }
.ow_user_list_data {
  background: var(--bg-2); border: 1px solid var(--ln); border-top: none;
  border-radius: 0 0 var(--r2) var(--r2); display: inline-block;
  font-size: .8125rem; font-weight: 700; margin: auto;
  max-height: 80px !important; min-height: 80px !important; min-width: auto !important;
  padding: 10px 12px; width: 100% !important; box-sizing: border-box;
}
.ow_user_list_dataD {
  background: var(--bg-2); border: 1px solid var(--ln); border-top: none;
  border-radius: 0 0 var(--r2) var(--r2); display: inline-block;
  font-size: .8125rem; font-weight: 700; min-width: auto !important;
  max-height: 150px !important; min-height: 150px !important;
  padding: 10px 12px; width: auto; box-sizing: border-box;
}
.ow_comments_item_picture { float: none !important; }
#avatar_console_image { display: block; background-repeat: repeat; background-size: 100% 100%; margin: auto; padding: 5px; width: 90% !important; }
.uhint-avatar,img.play { width: 100px !important; }
img.play-cat-icon { width: 20px; }
.ow_photo_list div,.ow_photo_list div:last-child,
.ow_user_list div,.ow_user_list div:last-child,
.ow_video_list div,.ow_video_list div:last-child { border-width: 1px; }
.pp_pic_holder .pp_default { box-sizing: border-box; white-space: normal; width: 100% !important; }

/* ── !! PROTECTED Q&A BLOCK — UNTOUCHED !! ──────────────────
   .ql_body · .qa-content · .qa-text · .qa-list · .qp-list
   .questions-answer · .questions-list li.ql_item
   div.qa-check.ow_left
   ─────────────────────────────────────────────────────────── */
.ql-menu { box-sizing: border-box; display: table; margin: 0; width: 100%; word-break: break-word; word-wrap: break-word; }
.ql_avatar,.ql_avatar img { position: absolute; z-index: 1; }

.ql_body {
  display: block;
  margin: 10px 0 12px -20px;
}

.ql_item { background-color: #fff; box-sizing: border-box; display: table; float: left; list-style-image: none; margin: 10px 0 12px; max-width: 100%; width: 100%; word-break: break-word; word-wrap: break-word; }
.ql_string a { color: #0a75c2; font-weight: 600; text-decoration: none; }
.ql_string a:hover { text-decoration: underline; }
div.ql_string.ow_smallmargin { box-sizing: border-box; color: #fff; font-size: 1rem; margin: auto; padding-left: 32px; position: absolute; text-shadow: 1px 1px #fff; white-space: normal; word-wrap: break-word; z-index: 1; }

.qa-content {
  padding: 1px;
  width: 100%;
}

.qa-content-wrap { padding: 1px; width: 100%; }

.qp-list {
  background-color: #fff;
  display: flex;
  height: 100%;
  inset: 0;
  overflow: auto;
  padding: 12px;
  width: 100%;
  word-break: break-word;
  z-index: 1;
}

.qa-list {
  box-sizing: border-box;
  display: flex;
  margin: -12px 0 1px;
  overflow-wrap: anywhere;
  padding: 0;
  position: relative;
  width: 100%;
  word-break: normal;
  z-index: 1;
}
.qa-list > * { max-width: 100%; min-width: 0; overflow-wrap: anywhere; }

.qa-text {
  align-items: center;
  border-radius: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  justify-content: center;
  line-height: inherit;
  margin: 0;
  min-width: 50%;
  overflow-wrap: break-word;
  padding: 1px;
  text-shadow: 1px 1px #000;
  transform: scale(.99,2);
  white-space: pre;
  width: 100%;
  word-wrap: break-word;
}

.qa-hover-c { font-size: .85rem; opacity: .9; }

.questions-list { box-sizing: border-box; margin: 0; object-fit: fill; padding: 1px; white-space: normal; width: 100%; word-wrap: break-word; }

.questions-page {
  background: #000;
  box-sizing: border-box;
  display: inline;
  margin: 0;
  overflow: scroll;
  padding: 0;
  white-space: normal;
  width: 100vw !important;
  word-wrap: break-word;
}

.questions-answer {
  align-items: center;
  background-color: #000;
  border-radius: 0;
  box-shadow: 2px 3px 6px #e7b7b7;
  box-sizing: border-box;
  cursor: pointer;
  justify-content: center;
  margin: 0 1px;
  min-width: 50%;
  mix-blend-mode: difference;
  overflow-wrap: break-word;
  padding: 1px;
  width: auto;
  word-wrap: break-word;
}
.questions-answer:hover {
  background-image: url(/ow_static/themes/roxbook/images/16U_03.png);
  background-position: center;
  background-size: 500px;
  box-shadow: 6px 8px 15px rgba(0,0,0,.25);
  transform: translateY(-2px);
}

.questions-attachment { box-sizing: border-box; height: 120px; margin: 0; overflow-wrap: break-word; padding: 0 !important; width: 100%; word-wrap: break-word; }
.questions-attachment img { border: 1px solid rgba(255,255,255,.2); box-sizing: border-box; display: block; height: 100%; margin: auto; object-fit: cover; overflow-wrap: break-word; padding: 0; width: 100%; word-wrap: break-word; }

.questions-question .av-html embed,
.questions-question .av-html iframe,
.questions-question .av-html object,
div.av-attachment,
div.question-page .av-html iframe,
html body .questions-attachment .av-thumb { height: 120px !important; width: 100%; }

div.qa-check.ow_left { margin-bottom: -20px; }

/* ── 17. Ticker ─────────────────────────────────────────────── */
.newsdown,.q-text {
  display: flex; align-items: center; justify-content: flex-start;
  background: var(--navy); border-left: 4px solid var(--red);
  box-shadow: 0 2px 8px rgba(0,0,0,.14);
  color: #fff; font-size: 1.1em; font-weight: 700;
  letter-spacing: .04em; padding: 7px 14px;
}
.newsdown span { background: var(--red); border-radius: var(--r1); color: #fff; font-size: .875rem; margin-right: 8px; padding: 2px 8px; text-transform: none; }

/* ── 18. Video list ─────────────────────────────────────────── */
.ow_video_list_item { background: var(--bg) !important; border: 1px solid var(--ln); border-radius: var(--r3); box-shadow: var(--s1); padding: 6px; text-decoration: none; width: auto; transition: box-shadow var(--t), transform var(--t); }
.ow_video_list_item:hover { box-shadow: var(--s3); transform: translateY(-2px); }
.ow_video_list_item img,.ow_video_thumb { background: var(--bg-3); border-radius: var(--r2); height: 120px !important; width: auto; margin: 0; padding: 0; object-fit: cover; display: block; }
.ow_video_item_title { font-weight: 700; font-size: .875rem; top: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ow_video_item_rate { margin-bottom: 0; }
.index-VIDEO_CMP_VideoListWidget .ow_box_toolbar_cont { column-count: 1 !important; }
.index-VIDEO_CMP_VideoListWidget .ow_other_video_item_title { width: 98% !important; }
.index-VIDEO_CMP_VideoListWidget.ow_break_word .ow_other_video_item_title { white-space: nowrap; }
.index-VIDEO_CMP_VideoListWidget.ow_break_word > div { column-count: 1; page-break-inside: avoid; column-break-inside: avoid; }
.index-VIDEO_CMP_VideoListWidget.ow_break_word > div,
.ow_other_video_item_title,
.ow_other_video_thumb.video_thumb_no_title.ow_left { column-break-inside: avoid; }
.ow_other_video_floated img,.ow_other_video_list_item.clearfix,
.ow_other_video_thumb,.ow_other_video_thumb a,.ow_other_video_thumb img { height: 100% !important; width: 100% !important; }
.ow_other_video_floated img.ow_left,.ow_other_video_thumb img.ow_left,.ow_other_video_thumb.ow_left { max-width: 95%; }
.ow_other_video_item_title { border-bottom: none; margin-left: 0; padding-left: 0; page-break-inside: avoid; text-align: left; }
.ow_other_video_list_item.clearfix { float: left !important; margin: 0; padding: 0; }
.ow_other_video_thumb a { background-size: cover; }
.ow_other_video_thumb.video_thumb_no_title.ow_left { width: 48.7% !important; }
.ow_other_song_thumb a img { background-position: center; background-size: cover; border-radius: var(--r2); box-shadow: var(--s1); padding: 0; width: 80px; }
.ow_lp_videos { display: inline-block; text-align: left; }

/* ── 19. iFrame / embed ─────────────────────────────────────── */
#fullMainContainer,.wrapperChat { display: block; height: 100vw !important; margin-bottom: 100px !important; min-width: 100%; padding-bottom: 56.25%; position: relative; }
#iframeChat { display: block; position: absolute; top: 0; left: 0; width: 100vw; height: 75vh !important; border: none; min-width: 100%; max-height: 100%; box-sizing: border-box; }

/* ── 20. Attachments ────────────────────────────────────────── */
.al-attachment .attachment_title { box-sizing: border-box; float: left; font-weight: 700; margin: 0; min-width: 300px !important; overflow-wrap: break-word; white-space: normal; word-wrap: break-word; }
.al-attachment .two_column .attachment_right,.ow_blogs_list { box-sizing: border-box; margin: 0; object-fit: fill; padding: 1px; white-space: normal; width: 100%; word-wrap: break-word; }
.att-ilp-item-single { background-position: center; background-size: cover; border-radius: var(--r2); display: block; height: 150px !important; margin-bottom: 12px; overflow: hidden; width: 100%; }

/* ── 21. Audio gallery ──────────────────────────────────────── */
.audiogallery .nav-main .menu-item { background: var(--bg); border: 1px solid var(--ln); border-radius: var(--r3); box-sizing: border-box; display: inline-block; float: left; height: 200px; margin: auto; padding: 4px; position: relative; width: 25%; }
.audiogallery .nav-main .menu-item .menu-item-thumb-con { float: left; height: 100%; margin: 10px; opacity: .5; position: absolute; width: 100%; }
.audiogallery,.menu-item-thumb,.nav-main .menu-item .menu-item-thumb-con,.ow_ipc_picture img,.the-thumb { border-radius: var(--r2); box-shadow: var(--s2); transform: scale(1.02); }
.audioplayer.skin-wave:hover,.menu-item-thumb:active,.menu-item-thumb:focus,.menu-item-thumb:hover,.ow_ipc_picture img:hover,audio:active,audio:focus,audio:hover { box-shadow: var(--s3); transform: scale(1.04); }
.audiogallery .nav-main .nav-clipper { background: var(--bg-3); }
.audiogallery.menu-position-bottom .nav-main { box-sizing: border-box; height: 600px !important; margin: auto auto 40px; overflow-y: visible; padding: 4px; white-space: normal; width: auto; }
.nav-main { margin-bottom: 40px; }
.audioplayer.skin-wave .ap-controls { height: 350px; margin: 0; white-space: normal; box-sizing: border-box; }

/* ── 22. Misc helpers ──────────────────────────────────────── */
.ow_txt_value { color: var(--navy); }
.ow_value     { font-weight: 500; }
.ow_small     { font-size: .8125rem; overflow-wrap: break-word; white-space: normal; word-wrap: break-word; }
.ow_padding   { padding: 8px; }
.ow_remark    { min-width: 200px !important; padding: 8px; color: var(--t2); }
.ow_tiny      { background: var(--bg-3); color: #090; font-size: .75rem; }
.ow_std_margin_bottom { margin-bottom: 10px; }
.ow_std_margin_top    { margin-top: 10px; }
.ow_small_margin_bottom { margin-bottom: 5px; }
.ow_small_margin_top    { margin-top: 5px; }
.ow_sort_control_label { font-size: 1.2em; font-weight: 900; }
.ow_sort_control_label.ucreditmain.ucredits,
.ow_sort_control_label.ucreditmain.ucurrency { font-size: 1.25rem; font-weight: 900; }
.ow_top_title { font-size: .875rem; }
.ow_load_more { background-image: url(images/load_more.gif); }
.item,.ow_box_empty .ow_newsfeed_btns { box-sizing: border-box; margin-bottom: 13px; white-space: normal; word-wrap: break-word; }
div.likes { display: block; font-weight: 400; margin: 0; min-width: 100% !important; padding: 0; page-break-inside: avoid !important; text-align: left; word-wrap: break-word; }
.container-votercard,div.categories { display: inline-block; margin: 2px auto; padding: 0; width: 100% !important; }
.polls-cstm-shorting { box-sizing: border-box; flex-wrap: wrap; margin: 1px !important; overflow-wrap: break-word; padding: 4px; width: auto !important; word-wrap: break-word; }
.profile-link { display: inline-block; font-size: 1rem; font-weight: 500; color: var(--blue); box-sizing: border-box; flex-wrap: initial; float: left; overflow-wrap: break-word; white-space: normal; width: auto; }
.the-description { border: 1px solid var(--ln); border-radius: var(--r1); bottom: 8px; box-sizing: border-box; display: block; flex-wrap: initial; float: left; overflow-wrap: break-word; padding: 6px; white-space: normal; width: auto; z-index: 999999; }
div.ow_sign_up p { background: var(--bg-3); color: var(--t1); padding: 8px 12px; border-radius: var(--r1); white-space: normal; width: auto; }
.ow_chat_block_wrap  { background: none; border: none; margin: 0 0 0 10px; padding-bottom: 8px; }
.ow_chat_dialog      { background: #fee; }
.ow_chat_dialog_active.ow_chat_dialog .ow_author_block { background: var(--bg-3); }
.ow_chat-holder,div#main,div.block,div.content,div.section,form,tr table { max-width: 100%; word-wrap: break-word; }

.ow_add_content,.ow_add_content:hover,.ow_attachments a,.ow_blitem input,
.ow_box_menu a.active,.ow_box_menu a:hover,.ow_box_toolbar a:hover,
.ow_console .common_shortcuts a:hover,.ow_console .notification_shortcut a,
.ow_console_invt_cont .ow_lbutton:hover,.ow_console_item a:hover,
.ow_console_regform div a,.ow_console_view_all_btn,.ow_content_menu li a,
.ow_context_action.active .ow_context_action_value,
.ow_context_action:hover .ow_context_action_value,
.ow_context_action_list a:hover,.ow_context_action_value,
.ow_dnd_configurable_component .control,.ow_ipc_content,
.ow_lbutton:hover,.ow_main_menu li a,.ow_navbox a.edit:hover,
.ow_paging a,.ow_small,.rates_cont a.rate_item,span.ow_blitem,
td.sort_link li.active a:hover,ul.ow_bl a,ul.ow_bl_narrow li a {
  overflow-wrap: break-word; text-decoration: none; white-space: normal; word-wrap: break-word;
}
ul.ow_bl a { background: var(--navy); white-space: normal; }

.ow_footer { background: var(--navy); min-width: 100%; padding: 24px 20px; color: rgba(255,255,255,.7); z-index: auto !important; }
.ow_footer,.ow_header,address,article,aside,body,details,div#main3,
figcaption,figure,footer,header,hgroup,html,main,menu,nav,section { display: block; }

/* sign-in */
.ow_page_wrap .ow_sign_in_cont { background: transparent; }
.ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap h2 { background-image: url(/ow_userfiles/themes/theme_image_336.png); background-color: transparent; float: left; margin-top: 100px; box-sizing: border-box; white-space: normal; word-wrap: break-word; }
.base_user_join .ow_page_container { background-image: url(/ow_userfiles/themes/theme_image_334.jpeg); background-size: cover; background-position: center; }
.ow_forgot_password { background-image: url(/ow_userfiles/themes/theme_image_270.jpeg); color: #fff; opacity: .92; }
.ow_friend_request_list { background: url(/ow_userfiles/themes/theme_image_355.png); }
.ow_group_list .ow_ipc_header { height: 58px; margin: -15px -10px 0; overflow: hidden; padding: 15px 5px 5px 10px; text-align: center; text-overflow: ellipsis; vertical-align: middle; }
.floatbox_container .ow_bg_color { background: var(--bg); border-radius: var(--r4); color: var(--t2); opacity: .95; }

/* blog */
.ow_page h1,.td-module-excerpt,.td_module_11 .meta-info,html body div .td-excerpt { display: table; min-width: auto; text-align: left; width: 100%; }
div .ow_page h1 { color: var(--t1); font-size: 1.75rem; letter-spacing: .03em; line-height: 1.2; margin-top: 2%; padding: 4px; text-transform: uppercase; }
.td-read-more a { background: var(--bg-3); color: var(--blue); border-radius: var(--r1); padding: 2px 10px; font-size: .875rem; text-decoration: none; transition: background var(--t); }
.td-read-more a:hover { background: var(--blue-l); }

/* misc */
#share-buttons img { border: none; box-shadow: none; display: inline-block; padding: 4px; width: 34px; }
span.ow_section_icon { display: block; height: 20px; }
.scene div.trees { background-image: url(/ow_userfiles/themes/theme_image_307.png); }
div#slider { display: none !important; }
.embed-container { padding-bottom: 30% !important; }

/* tabs */
.ow_tab-label .ow_tab-nav { background: rgba(255,255,255,.4); border-bottom: 1px solid var(--ln); height: 42px; list-style: none; }
.ow_tab-label .ow_tab-nav li { display: block; float: left; padding: 0; position: relative; text-align: center; }
.ow_tab-label .ow_tab-nav li a { color: var(--t2); display: block; font-weight: 600; padding: 5px 15px; text-decoration: none; }
.ow_tab-label .ow_tab-nav li.active { border-bottom: 2px solid var(--red); }
.ow_tab-label .ow_tab-nav li.active a { color: var(--red); }
.ow_tab-label,.ow_tab-label .ow_tab-content { height: 100%; }
.ow_tab-label .ow_tab-content .active { display: block; }
.ow_tab-label .ow_tab-content .ow_tab-pane { display: none; height: 100%; }
.ow_tabs-striped .ow_tabs .ow_tab-item-33 { max-width: 33.3333%; width: 33.33%; }
.ow_tabs-striped .ow_tabs .ow_tab-item.activated { border-color: var(--red); }
.ow_tabs-striped .ow_tabs .ow_tab-item.active { border-color: var(--red); color: var(--red); }
.ow_tabs-striped .ow_tabs .ow_tab-item:visited { color: inherit; }

/* iframe panels */
.iframeDetail,.video-box,.chat-holder,.chat-box { background: var(--bg); border: 1px solid var(--ln-2); border-radius: var(--r3) var(--r3) 0 0; text-align: left; width: 100%; word-wrap: break-word; }
.iframeTopText { background: var(--bg); border: 1px solid var(--ln-2); border-radius: var(--r3) var(--r3) 0 0; color: #0c6a93; height: 30px; max-width: 100%; padding: 4px 0 7px 9px; text-align: left; width: 100%; }
.iframeDetail dl { font-size: 1.1em; line-height: 1.5; max-width: 100%; padding: 7px 15px 0; white-space: normal; }
.iframeDetail dl dd { color: var(--t1); font-weight: 700; margin: 0 0 9px; }
.iframeDetail dl dt { color: #0c6a93; font-weight: 700; max-width: 100%; white-space: normal; width: auto; }
.navbar a { color: var(--navy); display: block; margin: 0 auto; text-align: center; text-decoration: none; }

/* ── 23. Selections & animations ───────────────────────────── */
::selection      { background: var(--blue); color: #fff; }
::-moz-selection { background: var(--blue); color: #fff; }
@keyframes blinker { 50% { opacity: 1; } }

/* ── 24. Utility ────────────────────────────────────────────── */
.hidden-node,.u-hiddenNode { display: none !important; }
.u-accessibleText { height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px; transform: translateZ(0); }
.u-clearFix::after { clear: both; content: ""; display: table; }
.clearfix::after { clear: both; display: block; content: " "; }
.clearfix::before { content: " "; display: table; }

/* ═══════════════ RESPONSIVE ════════════════════════════════ */
@media (min-width: 1200px) {
  .ow_table_2 td,.ow_table_3 td,.ow_table_4 td { font-size: .9375rem; padding: 12px 14px; }
}
@media (max-width: 640px) {
  .ow_table_2 td,.ow_table_3 td,.ow_table_4 td { padding: 4px 5px; }
  td.ow_label,td.ow_value { width: auto; }
}
@media (min-width: 1101px) {
  .opened #contact2 { background: url(/ow_static/themes/roxbook/images/ic_delete.svg) center / 18px no-repeat !important; }
  .ow_avatarD img,.ow_user_list_picture { border: 1px solid var(--ln) !important; border-radius: var(--r2) !important; margin: auto; min-height: 85px; min-width: 100%; padding: 2px !important; transform: none; z-index: 1; }
  .ow_box_empty.ow_break_word { border: none; }
  .ow_page_wrap .ow_sign_in_cont { min-height: 590px; }
  .ow_tooltip .ow_tooltip_body { background: var(--bg); box-shadow: var(--s3); height: auto; margin: auto; min-width: 330px; overflow: hidden auto; padding: 0; }
  /* protected .qa-content hover added here only */
  .qa-content { box-sizing: border-box; cursor: pointer; padding: 2px; position: relative; transition: box-shadow .3s ease, transform .2s ease; width: 100%; }
  .qa-content:hover { box-shadow: 0 6px 16px rgba(0,0,0,.12); transform: translateY(-2px); }
  .questions-list li.ql_item { background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; box-sizing: content-box; flex-direction: column; font-size: clamp(.72rem,.85vw,.85rem) !important; height: 145px !important; justify-content: space-between; line-height: 1.25; max-width: 33%; min-height: 140px; min-width: 30%; overflow-wrap: break-word; padding: 8px; position: relative; transition: transform .2s ease, box-shadow .2s ease; white-space: normal; width: auto; word-wrap: break-word; }
}
@media (min-width: 1100px) {
  #place_sections > div > div.clearfix > div.ow_right.place_section.right_section.ow_column > div.ow_dnd_widget.profile-VIDEO_CMP_UserVideoListWidget > div.ow_box.ow_stdmargin.clearfix.profile-VIDEO_CMP_UserVideoListWidget.ow_break_word > div.ow_other_video_list > div { margin-left: 1.2%; width: 32% !important; }
  .index-VIDEO_CMP_VideoListWidget .ow_box_toolbar_cont { column-count: 1 !important; }
  .index-VIDEO_CMP_VideoListWidget .ow_other_video_item_title { max-width: 98% !important; }
  .index-VIDEO_CMP_VideoListWidget.ow_break_word .ow_other_video_item_title { white-space: nowrap; }
  .index-VIDEO_CMP_VideoListWidget.ow_break_word > div { column-count: 3; column-break-inside: avoid; page-break-inside: avoid; }
  .index-VIDEO_CMP_VideoListWidget.ow_break_word > div,.ow_other_video_item_title { column-break-inside: avoid; page-break-inside: avoid; }
  .ow_page_wrap .ow_sign_in_cont { min-height: 580px; }
  .ow_page_wrap .ow_sign_in_cont .ow_sign_in_wrap form .ow_box { margin-top: 20%; }
  .ow_video_list_item { background: var(--bg); padding: 4px; width: auto; }
  .ow_video_player iframe { width: 100%; }
}
@media (min-width: 980px) {
  .offvotes { display: none; float: left; margin-left: -18%; margin-top: 16%; position: relative; white-space: normal; }
  .ow_footer { min-width: 100% !important; }
  .ow_newsfeed_item_content { display: flex; margin: 0; max-width: 100% !important; padding: 3px; width: 80% !important; }
  .ow_sign_in { margin-top: 25px; }
  .ow_user_list .ow_alt1,.ow_user_list .ow_alt2,.ow_user_list.ow_alt2 { float: left; width: 50% !important; }
  .ow_user_list_data .ow_small { font-size: .8125rem; }
  .ow_user_list_data,.ow_user_list_dataD,.ow_avatar img,.ow_avatarD img,.ow_user_list_picture,.ow_video_list_item { box-sizing: content-box; overflow-wrap: break-word; word-wrap: normal; }
  .ow_avatar img,.ow_avatarD img,.ow_user_list_picture { border-radius: var(--r1) !important; margin-left: 2px; padding: 2px !important; z-index: auto !important; }
  .ow_user_list_data,.ow_user_list_dataD { background: var(--bg-2); border: 1px solid var(--ln); border-radius: 0 0 var(--r2) var(--r2); border-top: none; display: inline-block; font-size: .875rem; font-weight: 700; margin: auto; min-height: 100px !important; min-width: auto !important; overflow-wrap: break-word; padding: 12px 10px; }
  .ow_user_list_picture .ow_avatar img { border: 2px solid var(--ln-2); border-radius: 50% !important; display: inline-block; height: 80px; margin-left: -11px; margin-top: -9px; position: relative; width: 80px; object-fit: cover; }
  .ow_video_list_item { background: var(--bg) !important; font-size: .9375rem; padding: 4px; }
}
@media (max-width: 979px) and (min-width: 768px) {
  #contact2 { background: var(--bg) url(/ow_static/themes/ethos/images/ic_mobilemenu.svg) center / 20px no-repeat; z-index: 100; }
  .ow_console .ow_tooltip .ow_tooltip_body { box-sizing: border-box; left: 0; min-width: 220px; white-space: normal; width: auto; }
  .ow_user_list_data,.ow_user_list_dataD,.ow_avatar img,.ow_avatarD img,.ow_user_list_picture { box-sizing: content-box; border-radius: var(--r1) !important; min-width: auto; overflow-wrap: break-word; padding: 2px !important; word-wrap: normal; z-index: auto; }
  .ow_user_list_data,.ow_user_list_dataD { background: var(--bg-2); border: 1px solid var(--ln); border-top: none; display: inline-block; margin: auto; padding: 12px 10px; }
}
@media (min-width: 481px) and (max-width: 767px) {
  .att-ilp-item-single { min-width: 100% !important; }
  .hidden-node,.u-hiddenNode { display: none !important; }
  .meta-artist-con { bottom: auto; display: inline-block; margin-left: 8px !important; padding: 2px; top: 8px !important; width: auto; }
  .offvotes { float: left; margin-left: -19%; margin-top: 7%; position: relative; white-space: normal; }
  .ow_avatar img,.ow_avatarD img,.ow_user_list_picture { background: none !important; border: 1px solid var(--ln) !important; border-radius: var(--r1) !important; box-shadow: none !important; height: auto; margin-left: -2px; margin-right: auto; min-width: 100% !important; padding: 2px !important; z-index: 999 !important; }
  .ow_console .ow_tooltip .ow_tooltip_body { left: 0; min-width: 220px; width: 100%; }
  .ow_console_item { margin: 0 !important; top: 5px; }
  .ow_logo_img { background: url(/mobilelogo.png) no-repeat !important; width: 50px; }
  .ow_logo_wrap a { display: none; }
  .ow_site_panel_wrap { height: 62px !important; }
  .ow_user_list .ow_item_set3 { border: 1px solid var(--ln); box-shadow: var(--s1); float: left; height: 200px; margin: 0; padding: 5px; white-space: normal; width: 33.3% !important; word-wrap: normal; }
  .ow_user_list_data,.ow_user_list_dataD { background: var(--bg-2); border: 1px solid var(--ln); display: inline-block; font-size: 1rem; font-weight: 700; max-height: 100px !important; min-height: 100px !important; min-width: auto !important; padding: 0; }
  .pp_pic_holder .pp_default { box-sizing: border-box; white-space: normal; width: 100% !important; }
  .u-accessibleText { height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; transform: translateZ(0); width: 1px; }
  .u-clearFix::after { clear: both; content: ""; display: table; }
  ol,ul { list-style: none; }
  h4,h5,h6 { font-size: 1rem; font-weight: 400; }
}
@media (max-width: 480px) {
  html { margin: 0; min-width: 100%; padding: 0; }
  body,html { background: var(--bg); margin: 0; min-width: 100vw; padding: 0; }
  #contact { background: url(/ow_static/themes/roxbook/images/menu_expand.svg) no-repeat center / 22px; z-index: 100; }
  #search_dropdown_console { padding-top: 29px; }
  .opened #contact2 { background: url(/ow_static/themes/roxbook/images/ic_delete.svg) center / 18px no-repeat !important; }
  .OW_ConsoleItemContent ow_content,.ax-uploader,.ow_blogs_list .td-animation-stack .entry-thumb,
  .ow_box_cap,.ow_box_cap_body,.ow_box_cap_left,.ow_tooltip_body,
  .search_dropdown_console,center,fieldset,html body .ow_console {
    box-sizing: border-box; margin: -1px; min-width: 200px;
    overflow-wrap: break-word; padding: 0; white-space: normal; word-wrap: break-word;
  }
  .att-ilp-item-single { background-position: center; background-size: 100% 100%; height: 150px; margin: 0; padding: 0; width: 100% !important; }
  .avatar_select_list .ow_user_list_item { background: var(--bg-2); border: 2px solid var(--ln-2); border-bottom: 1px solid rgba(94,111,128,.1); border-top: none; float: left; margin: 1px; min-height: 100px !important; padding: 12px 10px; position: relative; }
  .bet-box .line,.bet-box .odds { font-size: 11px !important; margin: 0; padding: 1px; white-space: nowrap; }
  .embed-container { height: 40vh; position: relative; width: 100%; display: inline-block; max-width: 100%; white-space: normal; word-wrap: break-word; }
  .embed-container iframe { border: none; display: inline-block; max-width: 100%; white-space: normal; word-wrap: break-word; }
  .iframeDetail,.video-box,.chat-holder,.chat-box { margin: 1px 0; padding: 7px 0 0 7px; max-width: 100%; white-space: normal; word-wrap: break-word; }
  .iframeDetail dl { font-size: 1.1em; line-height: 1.5; margin: 0; max-width: 100%; padding: 7px 15px 0; white-space: normal; word-wrap: break-word; }
  .iframeDetail dl dd { color: var(--t1); font-weight: 700; margin: 0 0 9px; }
  .iframeDetail dl dt,.iframeTopText { color: #0c6a93; max-width: 100%; white-space: normal; }
  .iframeDetail dl dt { font-weight: 700; width: auto; }
  .iframeTopText { height: 30px; padding: 4px 0 7px 9px; word-wrap: break-word; }
  .locked { font-size: 1rem !important; }
  .meta-artist-con { display: flex; float: left; left: 8px !important; margin: auto; padding: 2px; top: 1px !important; width: auto; }
  .meta-artist-con,.ow_main_menu li { display: inline-block; text-align: left; }
  .navbar a { color: var(--navy); text-align: center; display: block; text-decoration: none; margin: 0 auto; }
  .ow_main_menu li a { display: block; text-decoration: none; }
  .navbar a,tbody ul,tr { margin: 0 auto; }
  .ow_avatarD img,.ow_user_list_picture div.ow_avatar img { background: #cdcdcd; box-shadow: none; margin-bottom: 12px; min-height: 90px; min-width: 100% !important; padding: 2px !important; position: relative; width: auto; z-index: 9 !important; border-radius: var(--r1) !important; }
  .ow_blogs_list .td-animation-stack .entry-thumb { height: 120px !important; margin: 0 auto; min-width: 100%; text-align: left; box-sizing: border-box; overflow-wrap: break-word; white-space: normal; word-wrap: break-word; }
  .ow_button.ow_button-positive { background: var(--blue); border: none; }
  .ow_console_item_link,a.ow_console_item_link.showName img { position: relative; z-index: 9999; }
  .ow_dnd_widget .ow_box_cap { margin: auto; width: 102%; }
  .ow_group_list,.ow_ipc_info { margin: 0 auto !important; padding: 0 !important; width: auto !important; }
  .ow_logo_img { float: none; left: 0; top: 0 !important; width: auto; text-align: left; }
  .ow_logo_img,div.photo_preview_image,img,tr.ow_alt1,tr.ow_alt2,tr.ow_tr_first { text-align: left; }
  .ow_mailbox_table.ow_alt1.clearfix.ow_mailbox_table_single { display: flex; margin: auto; padding: 0; text-align: left; }
  .ow_main_menu { display: table-cell; font-family: "Raleway",var(--font); overflow-y: scroll; position: relative; text-align: center !important; vertical-align: top; width: 100%; }
  .ow_main_menu li { border-bottom: 1px solid var(--ln-2); border-left: 1px solid var(--ln-2); display: inline-block; float: left; height: 50%; margin-right: -1px; padding: 0; width: 50%; border-radius: 0; }
  .ow_main_menu li a { display: block; font-size: 1.1rem; font-weight: 400; height: 45px; margin-bottom: 0; padding: 2px 8px; text-decoration: none; text-transform: none; width: auto; }
  .ow_main_menu li a span { padding: 0 0 0 32px; }
  .ow_main_menu li.active a { background: none; color: var(--t1) !important; }
  div.ow_logo_wrap { display: block; text-align: left; top: 0 !important; }
  .ow_page,.ow_page_container { box-sizing: content-box; display: flex; margin: 0; overflow: hidden; white-space: normal; word-wrap: break-word; }
  .ow_page_container .ow_page { display: block; margin: auto; overflow-wrap: break-word; padding: 0; white-space: normal; width: 100%; }
  .ow_user_list_data { border-radius: 0 0 var(--r1) var(--r1); font-size: .7em; font-weight: 700; max-height: 100px !important; min-height: 100px !important; min-width: auto !important; width: auto !important; }
  .ow_user_list_data,.ow_user_list_dataD { background: var(--bg-2); border: 1px solid var(--ln); border-top: none; display: inline-block; margin: auto; padding: 12px 10px; }
  .ow_user_list_picture div.ow_avatar img { border: 1px solid var(--ln-2); border-radius: 50% !important; float: left; }
  .ow_video_item_title { border: 1px solid var(--ln); font-weight: 700; margin: 1px; min-width: auto !important; padding: 6px 7px; top: 0; }
  .pointer,a[href],button,input[type="image"],input[type="submit"],label[for],select { cursor: pointer; }
  /* protected: .qa-content mobile */
  .qa-content { border-style: none; box-sizing: border-box; cursor: pointer; padding: 2px; position: relative; transition: box-shadow .3s ease, transform .2s ease; width: 100%; }
  .qa-list,.qp-list { display: flex; height: auto; overflow-wrap: break-word; padding: 2px; position: relative; width: 100%; word-break: break-all; z-index: 1; }
  /* protected: .qa-text mobile */