/* ==========================================================================
   SMF 2.1 "Curve2" child theme restyled to match YaBB 2.6.11 "blue"
   Every colour below is taken from:
     forum260/Templates/Forum/blue.css
   The YaBB selector that each value came from is noted in the comment.
   ========================================================================== */

/* --- base ---------------------------------------------------------------- */

body {                                        /* YaBB: body */
    background: url(../images/bg_blueslate.jpg) fixed;
    font: 12px Verdana, Helvetica, Arial, Sans-Serif;
    color: #9C9C9C;
    margin: 0;
    padding: 0;
    min-width: 770px;
}

a {                                           /* YaBB: a */
    color: #4BA6FF;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0 none;
    vertical-align: middle;
}

/* --- header -------------------------------------------------------------- */
/* YaBB #header was a black bar carrying the Mount St. Helen banner. */

#top_section {                                /* YaBB: #header */
    background: #000000 !important;
    background-image: none !important;
    color: #EEEEEE;
    padding: 10px 2% 0;
    overflow: visible !important;
    position: relative;
    z-index: 1000;
    border-bottom: none !important;
    box-shadow: none !important;
}

#top_section a {
    color: #4BA6FF;
}

#top_section .welcome,
#top_section .welcome strong {
    color: #FFFFFF;
}

#top_section #search_form {
    color: #FFFFFF;
    padding: 5px 0;
}

#top_section #search_form .search_label {
    color: #FFFFFF;
    font: bold 10px Verdana, Helvetica, Arial, Sans-Serif;
    margin: 0 0.35em 0 0;
    vertical-align: middle;
}

#top_section #search_form input[type="search"] {
    background-color: #323232;
    color: #7EC8FF;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    padding: 5px;
    font: 12px Verdana, Helvetica, Arial, Sans-Serif;
    vertical-align: middle;
}

#top_section #search_form input[type="search"]::placeholder {
    color: #4BA6FF;
    opacity: 1;
}

#top_section #search_form select {
    background-color: #597B9F;
    color: #FFFFFF;
    border: 1px solid #506B86;
    border-radius: 3px;
    vertical-align: middle;
}

#top_section #search_form select:focus,
#top_section #search_form select:focus-visible {
    background-color: #597B9F !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #506B86;
    outline: 2px solid #7EC8FF;
    outline-offset: 1px;
}

#top_section #search_form select option {
    background-color: #597B9F;
    color: #FFFFFF;
}

#top_section #search_form input[type="submit"].button {
    vertical-align: middle;
}

/* Logged-in account bar: profile, PMs, alerts — visible button chrome on black bar */
#top_section #top_info > li > a,
#top_section #top_info #profile_menu_top,
#top_section #top_info #pm_menu_top,
#top_section #top_info #alerts_menu_top {
    background: #597B9F !important;
    background-image: none !important;
    border: 1px solid #506B86 !important;
    border-radius: 4px;
    color: #FFFFFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
    padding: 2px 8px;
    display: inline-block;
    line-height: 1.9em;
}

#top_section #top_info > li > a .textmenu {
    color: #FFFFFF !important;
}

#top_section #top_info > li:hover > a,
#top_section #top_info > li > a:focus,
#top_section #top_info > li > a.open {
    background: #0078D7 !important;
    background-image: none !important;
    border-color: #506B86 !important;
    color: #FFFFFF !important;
    text-decoration: none;
    box-shadow: none !important;
}

#top_section #top_info > li > a.active,
#top_section #top_info > li:hover > a.active {
    background: #1E376A !important;
    background-image: none !important;
    border: 1px solid #000000 !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

#top_section #top_info > li > a .amt {
    background: rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
}

.forumtitle {
    font: bold 18px Verdana, Helvetica, Arial, Sans-Serif;
    margin: 0 0 4px 0;
}

.forumtitle a {
    color: #EEEEEE;
}

/* SMF header logo (footer/credits attribution is kept) */
#smflogo {
    display: none;
}

#siteslogan {
    font-size: 10px;
    color: #9C9C9C;
}

/* --- page frame ---------------------------------------------------------- */

#wrapper {                                    /* YaBB: #container */
    width: 92%;
    margin: 0 auto 10px;
    background-color: #9C9C9C;
    color: #000033;
}

/* --- clock / news strip -------------------------------------------------- */

/* Average color of bg_blueslate.jpg (RGB 32, 39, 67) — matches page background */
#upper_section {                              /* menu bar only (no clock / news strip) */
    background-color: #202743;
    color: #FFFFFF;
    font: bold 10px Verdana, Helvetica, Arial, Sans-Serif;
    padding: 0 1%;
    overflow: visible;
}

#upper_section #main_menu {
    margin: 0;
}

#upper_section .news {
    font-weight: normal;
}

#upper_section #inner_wrap {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

#upper_section #inner_wrap a,
#upper_section .user a {
    color: #4BA6FF;
}

#upper_section time {
    color: #EEEEEE;
}

#upper_section .searchbox {                   /* YaBB: .yabb_searchbox */
    float: right;
    background-color: #eee;
    border: 1px solid #bbb;
    border-radius: 5px;
    padding: 1px 4px;
    width: 180px;
    text-align: center;
}

#upper_section .searchbox input {
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #999;
    width: 150px;
    font-size: 12px;
}

/* --- main menu ----------------------------------------------------------- */

#main_menu {                                  /* YaBB: .tabmenu */
    background-color: #323232;
    overflow: hidden;
}

.menu_nav {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.menu_nav li {
    float: left;
}

.menu_nav li a {                              /* YaBB: .tabmenu span a */
    display: block;
    padding: 6px 12px;
    font: bold 12px Arial, Sans-Serif;
    color: #F0F0F0;
    white-space: nowrap;
}

.menu_nav li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.menu_nav li a.active {
    color: #FFFFFF;
    background-color: #3d3d3d;
}

/* --- breadcrumb ---------------------------------------------------------- */

.navigate_section {                           /* YaBB: .nav */
    padding: 7px 1%;
    font: bold 10px Verdana, Helvetica, Arial, Sans-Serif;
}

.navigate_section ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navigate_section li {
    display: inline;
}

.navigate_section a {
    color: #990000;
}

.navigate_section a:hover {
    color: #CC0000;
}

#content_section {
    padding: 0 1% 12px;
}

/* Curve #inner_section uses a white gradient — use slate average instead */
#upper_section #inner_section {
    background: #202743 !important;
    background-image: none !important;
    padding: 0;
    margin: 0;
}

#upper_section .navigate_section {
    background-color: #202743;
    padding: 7px 10px;
    margin: 4px -10px 0 -10px;
}

#upper_section .navigate_section a,
#upper_section .navigate_section a span {
    color: #990000;
}

#upper_section .navigate_section a:hover,
#upper_section .navigate_section a:hover span {
    color: #CC0000;
}

/* --- category bar -------------------------------------------------------- */
/* YaBB .tabtitle: catbg.png gloss + rounded top (beat Curve flat .cat_bar) */

.cat_bar,
#boardindex_table .cat_bar,
#main_content_section .cat_bar {
    background-color: #00376E !important;
    background-image: url(../images/catbg.png) !important;
    background-repeat: repeat-x !important;
    background-position: left top !important;
    border-radius: 5px 5px 0 0 !important;
    border-bottom: 1px solid #195392 !important;
    box-shadow: none !important;
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
}

.cat_bar h3,
.cat_bar h3.catbg,
h3.catbg {
    margin: 0;
    padding: 2px 10px 5px 10px !important;
    min-height: 25px;
    height: 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    line-height: 1.2;
    font: bold 11px Verdana, Helvetica, Arial, Sans-Serif !important;
    color: #FFFFFF;
    text-shadow: #2d2d2d 1px 1px 1px;
    overflow: hidden;
}

h3.catbg a,
h3.catbg a:hover {
    color: #FFFFFF;
    text-shadow: #2d2d2d 1px 1px 1px;
}

h3.catbg .cat_counts {
    float: right;
    width: 40%;
    font-size: 10px;
    font-weight: normal;
}

h3.catbg .cat_counts span {
    display: inline-block;
    float: left;
    text-align: center;
    box-sizing: border-box;
}

/* --- title bar (sub headings) -------------------------------------------- */

.title_bar {                                  /* YaBB: .catbg */
    background-color: #506B86;
}

h3.titlebg,
h4.titlebg {
    margin: 0;
    padding: 5px 10px;
    font: bold 11px Verdana, Helvetica, Arial, Sans-Serif;
    color: #eee;
}

table.table_grid tr.title_bar th {
    color: #FFFFFF;
}

/* --- board rows ---------------------------------------------------------- */
/* YaBB used a 1px-gutter table (.bordercolor + .cs_thin) holding .windowbg2
   cells, which reads as thin grey lines between dark navy rows. */

.boardindex_table {
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: #9C9C9C;                /* YaBB: .bordercolor */
    border-spacing: 1px;
    border-collapse: separate;
}

.board_row {
    display: table-row;
}

.board_row > div {
    display: table-cell;
    background-color: #001133;                /* YaBB: .windowbg2 */
    color: #FFFFFF;
    vertical-align: middle;
    padding: 6px;
    font-size: 12px;
}

.board_icon {
    width: 52px;
    text-align: center;
}

.board_icon img {
    width: 32px;
    height: 32px;
}

.info a.subject {
    font-weight: bold;
}

.new_marker {                                 /* YaBB: on.png, 18x18 */
    margin-left: 6px;
}

.board_description {                          /* live YaBB renders these plain, not small */
    font-size: 12px;
    color: #FFFFFF;
}

.board_moderators {
    font-size: 10px;
    color: #9C9C9C;
}

.board_stats {
    width: 8%;
    text-align: center;
}

.lastpost {
    width: 24%;
    font-size: 10px;
}

/* --- the YaBB "New" badge ------------------------------------------------ */
/* Three slivers composited over a solid fill, exactly as Micon.def builds it. */

.new_badge {
    background: url(../images/new-l.png) left bottom no-repeat;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 2px;
}

.new_badge span {
    background: url(../images/new-r.png) right top no-repeat;
    height: 11px;
    display: inline-block;
    vertical-align: baseline;
    padding: 0 2px 0 0;
}

.new_badge span span {
    background: url(../images/new-c.png);
    background-color: #0895d7;
    color: #fff;
    font: italic bold 8px Verdana, Sans-Serif;
    height: 11px;
    line-height: 11px;
    display: inline-block;
    vertical-align: top;
    padding: 0 2px;
}

/* --- information centre -------------------------------------------------- */

.roundframe {
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: #9C9C9C;
    border-spacing: 1px;
    border-collapse: separate;
}

.ic_row {
    display: table-row;
}

.ic_row > div {
    display: table-cell;
    background-color: #001133;                /* YaBB: .windowbg2 */
    color: #FFFFFF;
    vertical-align: middle;
    padding: 8px;
    font-size: 10px;
    line-height: 1.7;
}

.ic_icon {
    width: 70px;
    text-align: center;
}

.grpcolors {
    display: inline-block;
    font-size: 10px;
    width: 32%;
}

/* --- buttons and fields -------------------------------------------------- */

.button {                                     /* YaBB: .button */
    background-color: #00376E;
    background-image: none !important;
    border: 1px solid #000000;
    color: #FFFFFF;
    font: bold 12px Verdana, Helvetica, Arial, Sans-Serif;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
}

.button:hover {
    color: #FFFF66;
}

#top_section #top_info .button_login > a,
#top_section #top_info .button_login > a.open,
#top_section #top_info .button_login > a .textmenu {
    color: #FFFFFF !important;
    text-shadow: 0 0 2px #000;
}

input[type="text"],
input[type="password"],
input[type="email"] {                         /* YaBB: input (+ email; SMF default is white) */
    background-color: #323232;
    background: #323232;
    border: 1px solid #FFFFFF;
    color: #4BA6FF;
    font: 12px Verdana, Helvetica, Sans-Serif;
    border-radius: 5px;
    padding: 5px;
    box-shadow: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
    background-color: #323232;
    background: #323232;
    color: #4BA6FF;
    outline: 1px solid #FFFFFF;
    outline-offset: 1px;
    box-shadow: none;
}

/* Registration form: dark fields (beats SMF .valid_input / .invalid_input light backgrounds) */
form#registration input[type="text"],
form#registration input[type="password"],
form#registration input[type="email"],
form#registration input[name="user"],
form#registration input[name="email"],
form#registration input#smf_autov_username,
form#registration input#smf_autov_reserve1,
form#registration input.valid_input,
form#registration input.invalid_input {
    background-color: #000000 !important;
    background: #000000 !important;
    border: 1px solid #FFFFFF !important;
    color: #4BA6FF !important;
    box-shadow: none !important;
}

form#registration input[type="text"]:focus,
form#registration input[type="password"]:focus,
form#registration input[type="email"]:focus,
form#registration input.valid_input:focus,
form#registration input.invalid_input:focus {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #4BA6FF !important;
    outline: 1px solid #FFFFFF;
    outline-offset: 1px;
    box-shadow: none !important;
}

form#registration input:-webkit-autofill,
form#registration input:-webkit-autofill:focus {
    -webkit-text-fill-color: #4BA6FF !important;
    -webkit-box-shadow: 0 0 0 1000px #000000 inset !important;
    box-shadow: 0 0 0 1000px #000000 inset !important;
}

form#registration .verification_control a,
form#registration a[id^="visual_verification_"] {
    color: #000000 !important;
}

form#registration .verification_control a:hover,
form#registration .verification_control a:focus,
form#registration a[id^="visual_verification_"]:hover,
form#registration a[id^="visual_verification_"]:focus {
    color: #000000 !important;
}

/* Search page: Search for field, dropdowns, submit */
body.action_search form#searchform input#searchfor {
    background-color: #000000 !important;
    background: #000000 !important;
    border: 1px solid #FFFFFF !important;
    color: #4BA6FF !important;
    box-shadow: none !important;
}

body.action_search form#searchform input#searchfor:focus,
body.action_search form#searchform input#searchfor:focus-visible {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #4BA6FF !important;
    outline: 1px solid #FFFFFF;
    outline-offset: 1px;
    box-shadow: none !important;
}

body.action_search form#searchform input#searchfor:-webkit-autofill,
body.action_search form#searchform input#searchfor:-webkit-autofill:focus {
    -webkit-text-fill-color: #4BA6FF !important;
    -webkit-box-shadow: 0 0 0 1000px #000000 inset !important;
    box-shadow: 0 0 0 1000px #000000 inset !important;
}

body.action_search form#searchform select,
#main_content_section form#searchform select {
    background-color: #597B9F !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: 1px solid #506B86 !important;
    border-radius: 3px;
    font: 12px Verdana, Helvetica, Arial, Sans-Serif;
}

body.action_search form#searchform select:focus,
body.action_search form#searchform select:focus-visible,
#main_content_section form#searchform select:focus,
#main_content_section form#searchform select:focus-visible {
    background-color: #597B9F !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #506B86 !important;
    outline: 2px solid #7EC8FF;
    outline-offset: 1px;
}

body.action_search form#searchform select option,
#main_content_section form#searchform select option {
    background-color: #597B9F;
    color: #FFFFFF;
}

body.action_search form#searchform select option:checked,
#main_content_section form#searchform select option:checked {
    background-color: #597B9F;
    color: #FFFF00;
}

body.action_search form#searchform input#minage,
body.action_search form#searchform input#maxage,
#main_content_section form#searchform input#minage,
#main_content_section form#searchform input#maxage {
    background-color: #597B9F !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: 1px solid #506B86 !important;
    border-radius: 3px;
    font: 12px Verdana, Helvetica, Arial, Sans-Serif;
    box-shadow: none !important;
    color-scheme: dark;
}

body.action_search form#searchform input#minage:focus,
body.action_search form#searchform input#minage:focus-visible,
body.action_search form#searchform input#maxage:focus,
body.action_search form#searchform input#maxage:focus-visible,
#main_content_section form#searchform input#minage:focus,
#main_content_section form#searchform input#minage:focus-visible,
#main_content_section form#searchform input#maxage:focus,
#main_content_section form#searchform input#maxage:focus-visible {
    background-color: #597B9F !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #506B86 !important;
    outline: 2px solid #7EC8FF;
    outline-offset: 1px;
    box-shadow: none !important;
}

/* Search page: SMF uses overflow:hidden on #search_options to clear floats — clips theme-select menus */
body.action_search form#searchform #advanced_search,
body.action_search form#searchform #advanced_search.roundframe,
body.action_search form#searchform #advanced_search dl#search_options,
body.action_search form#searchform #advanced_search dl#search_options dd {
    overflow: visible !important;
}

body.action_search form#searchform #advanced_search dl#search_options::after {
    content: "";
    display: block;
    clear: both;
}

body.action_search form#searchform .roundframe {
    display: block !important;
    table-layout: auto;
}

body.action_search form#searchform .theme-select.is-open {
    z-index: 10060;
}

/* Profile pages: darker blue links (not section tabs in .generic_menu) */
body.action_profile #main_content_section .windowbg a:not(.button),
body.action_profile #main_content_section .roundframe a:not(.button),
body.action_profile #main_content_section dl.settings a:not(.button),
body.action_profile #main_content_section form#creator a:not(.button),
body.action_profile #main_content_section #basicinfo a:not(.button),
body.action_profile #main_content_section #detailedinfo a:not(.button),
body.action_profile #main_content_section .signature a:not(.button),
body.action_profile #main_content_section .custom_fields_above_signature a:not(.button),
body.action_profile #main_content_section .custom_fields_below_signature a:not(.button),
body.action_profile #main_content_section form#notify_options a:not(.button) {
    color: #003399 !important;
}

body.action_profile #main_content_section .windowbg a:not(.button):hover,
body.action_profile #main_content_section .windowbg a:not(.button):focus,
body.action_profile #main_content_section .roundframe a:not(.button):hover,
body.action_profile #main_content_section .roundframe a:not(.button):focus,
body.action_profile #main_content_section dl.settings a:not(.button):hover,
body.action_profile #main_content_section dl.settings a:not(.button):focus,
body.action_profile #main_content_section form#creator a:not(.button):hover,
body.action_profile #main_content_section form#creator a:not(.button):focus,
body.action_profile #main_content_section #basicinfo a:not(.button):hover,
body.action_profile #main_content_section #basicinfo a:not(.button):focus,
body.action_profile #main_content_section #detailedinfo a:not(.button):hover,
body.action_profile #main_content_section #detailedinfo a:not(.button):focus,
body.action_profile #main_content_section .signature a:not(.button):hover,
body.action_profile #main_content_section .signature a:not(.button):focus,
body.action_profile #main_content_section .custom_fields_above_signature a:not(.button):hover,
body.action_profile #main_content_section .custom_fields_above_signature a:not(.button):focus,
body.action_profile #main_content_section .custom_fields_below_signature a:not(.button):hover,
body.action_profile #main_content_section .custom_fields_below_signature a:not(.button):focus,
body.action_profile #main_content_section form#notify_options a:not(.button):hover,
body.action_profile #main_content_section form#notify_options a:not(.button):focus {
    color: #1E376A !important;
}

/* --- footer -------------------------------------------------------------- */

#footer {                                     /* YaBB: .mainbottom */
    background-color: #7D7D7D;
    color: #bbb;
    font: bold 10px Verdana, Helvetica, Arial, Sans-Serif;
    padding: 12px 1%;
    margin-top: 10px;
}

#footer a {
    color: #fff;
}

.copyright {                                  /* YaBB: .copyright */
    color: #9C9C9C;
    font-size: 11px;
    text-align: center;
    padding: 12px;
}

.copyright a {
    color: #4BA6FF;
}

/* ==========================================================================
   SMF 2.1 Curve2 live markup (forum269) — overrides minified Curve rules
   ========================================================================== */

/* Board index rows: Curve uses .up_contain with a white gradient */
#boardindex_table.boardindex_table .main_container {
    background-color: #9C9C9C;
}

#boardindex_table .up_contain {
    background: #001133 !important;
    background-image: none !important;
    border-color: #9C9C9C !important;
    color: #FFFFFF;
}

#boardindex_table .up_contain .info a.subject,
#boardindex_table .up_contain .info a.mobile_subject {
    color: #4BA6FF;
    font-weight: bold;
}

#boardindex_table .up_contain .board_description,
#boardindex_table .up_contain .board_stats,
#boardindex_table .up_contain .board_stats p,
#boardindex_table .up_contain .lastpost,
#boardindex_table .up_contain .lastpost p {
    color: #FFFFFF;
    font-size: 10px;
}

#boardindex_table .up_contain .moderators {
    color: #9C9C9C;
    font-size: 10px;
}

#boardindex_table .up_contain .lastpost a {
    color: #4BA6FF;
}

/* Board topic list (message index): navy normal rows, blue sticky/pinned */
#topic_container .windowbg.sticky {
    background: #002266 !important;
    background-image: none !important;
    border-color: #506B86;
    color: #FFFFFF;
}

#topic_container .windowbg.sticky .message_index_title a,
#topic_container .windowbg.sticky .lastpost a {
    color: #7EC8FF;
}

#topic_container .windowbg.sticky .board_stats p,
#topic_container .windowbg.sticky .lastpost p,
#topic_container .windowbg.sticky .info p {
    color: #FFFFFF;
}

#topic_container .windowbg.sticky .info p a {
    color: #7EC8FF;
}

#topic_container .windowbg:not(.sticky),
#topic_container .windowbg:nth-of-type(even):not(.sticky),
#topic_container .windowbg:nth-of-type(odd):not(.sticky) {
    background: #001133 !important;
    background-image: none !important;
    border-color: #506B86;
    color: #FFFFFF;
}

#topic_container .windowbg:not(.sticky) .message_index_title a,
#topic_container .windowbg:not(.sticky) .lastpost a {
    color: #4BA6FF;
}

#topic_container .windowbg:not(.sticky) .board_stats p,
#topic_container .windowbg:not(.sticky) .lastpost p,
#topic_container .windowbg:not(.sticky) .info p {
    color: #FFFFFF;
}

#topic_container .windowbg:not(.sticky) .info p a {
    color: #4BA6FF;
}

/* Topic view: post layout (YaBB 260 — poster #597B9F, body #001133) */
#forumposts .windowbg {
    background: #001133 !important;
    background-image: none !important;
    border-color: #506B86 !important;
    color: #FFFFFF;
    padding: 0;
    /* SMF default: visible so .post_options "More" menu (Remove, etc.) is not clipped */
    overflow: visible;
}

#forumposts .approvebg,
#forumposts .approvebg2 {
    overflow: visible;
}

#forumposts .post_wrapper,
#forumposts .postarea {
    overflow: visible;
}

#forumposts .post_options ul {
    z-index: 100;
    background: #202743;
    border-color: #506B86;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.45);
}

#forumposts .post_options ul a {
    color: #FFFFFF;
}

#forumposts .post_options ul a:hover,
#forumposts .post_options ul a:focus {
    color: #7EC8FF;
    border-color: #506B86;
}

#forumposts .windowbg:nth-of-type(even),
#forumposts .windowbg:nth-of-type(odd) {
    background: #001133 !important;
    background-image: none !important;
}

#forumposts .post_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

#forumposts .poster {
    float: none;
    width: 160px;
    flex: 0 0 160px;
    box-sizing: border-box;
    background: #597B9F;
    color: #FFFFFF;
    padding: 10px 8px;
}

#forumposts .poster h4,
#forumposts .poster h4 a,
#forumposts .poster li,
#forumposts .poster .membergroup,
#forumposts .poster .postgroup,
#forumposts .poster .postcount,
#forumposts .poster .blurb,
#forumposts .poster .custom,
#forumposts .poster .poster_ip {
    color: #FFFFFF;
}

#forumposts .poster h4 a:hover,
#forumposts .poster h4 a:focus {
    color: #7EC8FF;
}

#forumposts .poster li.poster_online a {
    color: #7EC8FF;
}

#forumposts .postarea {
    margin: 0;
    flex: 1 1 0;
    min-width: 0;
    background: #001133;
    color: #FFFFFF;
}

#forumposts .keyinfo {
    background: #001133;
    border-bottom: 1px solid #506B86;
    padding: 8px 12px 4px 12px;
}

#forumposts .keyinfo .postinfo a,
#forumposts .keyinfo .postinfo .smalltext {
    color: #EEEEEE;
}

#forumposts .keyinfo .postinfo .modified,
#forumposts .keyinfo .postinfo .lastedit {
    color: #CCCCCC;
}

#forumposts .keyinfo .subject_title a {
    color: #7EC8FF;
}

#forumposts .postarea .post,
#forumposts .postarea .inner {
    color: #FFFFFF;
    padding: 12px;
}

#forumposts .postarea .inner a:not(.button) {
    color: #7EC8FF;
}

#forumposts .postarea .inner strong,
#forumposts .postarea .inner b {
    color: #FFFFFF;
}

/* BBC [code]: SMF uses light #f3f3f3 background but no text color; .inner forces white */
#forumposts .postarea .inner code.bbc_code {
    color: #222222;
    background: #F3F3F3;
}

#forumposts .postarea .inner .codeheader,
#forumposts .postarea .inner .codeheader .code {
    color: #CCCCCC;
}

/* BBC [quote]: light background; .inner forces white text */
#forumposts .postarea .inner blockquote.bbc_standard_quote,
#forumposts .postarea .inner blockquote.bbc_alternate_quote {
    color: #000000;
}

#forumposts .postarea .inner blockquote.bbc_standard_quote cite,
#forumposts .postarea .inner blockquote.bbc_alternate_quote cite {
    color: #333333;
}

#forumposts .postarea .inner blockquote.bbc_standard_quote strong,
#forumposts .postarea .inner blockquote.bbc_alternate_quote strong,
#forumposts .postarea .inner blockquote.bbc_standard_quote b,
#forumposts .postarea .inner blockquote.bbc_alternate_quote b {
    color: #000000;
}

#forumposts .postarea .inner blockquote.bbc_standard_quote a:not(.button),
#forumposts .postarea .inner blockquote.bbc_alternate_quote a:not(.button) {
    color: #1E376A;
}

#forumposts .moderatorbar {
    flex: 1 1 100%;
    margin: 0 0 0 160px;
    background: #001133;
    border-top: 1px solid #506B86;
    color: #FFFFFF;
    padding: 8px 12px 10px 12px;
    box-sizing: border-box;
}

#forumposts .moderatorbar .signature {
    color: #EEEEEE;
}

#forumposts hr.post_separator {
    border: 0;
    border-top: 1px solid #506B86;
    margin: 0;
}

/* Board / topic page title bar (e.g. "Mount St. Helen Server") */
#display_head.information {
    background: #597B9F !important;
    background-image: none !important;
    border-color: #506B86 !important;
    color: #FFFFFF;
}

#display_head .display_title,
#display_head.information h2 {
    color: #FFFFFF;
    font-size: 20px;
}

#display_head p,
#display_head span,
#display_head a {
    color: #FFFFFF;
}

#display_head a:hover {
    color: #7EC8FF;
}

/* Board/topic list: top & bottom page links (Pages: 1 2 3 …) */
.pagesection > .pagelinks .pages,
.pagesection > .pagelinks .current_page,
.pagesection > .pagelinks .expand_pages,
.pagesection > .pagelinks a.nav_page {
    color: #000000 !important;
}

.pagesection > .pagelinks a.nav_page:hover,
.pagesection > .pagelinks a.nav_page:focus {
    color: #000000 !important;
    text-decoration: underline;
}

.pagesection > .pagelinks .main_icons::before {
    color: #000000;
}

/* Board page footer: breadcrumb + topic legend / Jump to */
#main_content_section .navigate_section {
    background: #597B9F !important;
    background-image: none !important;
    border: 1px solid #506B86;
    color: #FFFFFF;
    padding: 0;
    margin-top: 12px;
}

/* SMF Curve: white gradient is on the ul, not .navigate_section */
#main_content_section .navigate_section ul {
    background: #597B9F !important;
    background-image: none !important;
    border-color: #506B86 !important;
    margin: 0;
}

#main_content_section .navigate_section ul li {
    color: #FFFFFF;
    text-shadow: none;
}

#main_content_section .navigate_section a,
#main_content_section .navigate_section a span,
#main_content_section .navigate_section .dividers,
#main_content_section .navigate_section ul li .dividers {
    color: #FFFFFF !important;
}

#main_content_section .navigate_section a:hover,
#main_content_section .navigate_section a:hover span {
    color: #7EC8FF !important;
}

#topic_icons.tborder {
    border-color: #506B86 !important;
    margin-top: 12px;
}

#topic_icons .information {
    background: #597B9F !important;
    background-image: none !important;
    border: 1px solid #506B86 !important;
    border-radius: 0 !important;
    color: #FFFFFF;
    padding: 10px 12px;
}

#topic_icons .information p,
#topic_icons .information label.jump_to,
#topic_icons .information .smalltext.jump_to {
    color: #FFFFFF;
}

#topic_icons .information .main_icons::before {
    color: #FFFFFF;
}

#message_index_jump_to select,
#display_jump_to select,
#topic_jump_to select {
    background-color: #597B9F;
    border: 1px solid #506B86;
    color: #FFFFFF;
}

#message_index_jump_to select:focus,
#message_index_jump_to select:focus-visible,
#display_jump_to select:focus,
#display_jump_to select:focus-visible,
#topic_jump_to select:focus,
#topic_jump_to select:focus-visible {
    background-color: #597B9F !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #506B86;
    outline: 2px solid #7EC8FF;
    outline-offset: 1px;
}

#message_index_jump_to select option,
#display_jump_to select option,
#topic_jump_to select option {
    background-color: #597B9F;
    color: #FFFFFF;
}

#message_index_jump_to select option:checked,
#display_jump_to select option:checked,
#topic_jump_to select option:checked {
    background-color: #597B9F;
    color: #FFFF00;
}

/* Info center block on board index */
#info_center.roundframe {
    background-color: #9C9C9C;
    border: none;
    margin-top: 12px;
}

#info_center .title_bar,
#info_center .sub_bar {
    background-color: #506B86;
}

#info_center .titlebg,
#info_center .titlebg a,
#info_center .subbg,
#info_center .subbg a {
    color: #EEEEEE;
}

#info_center p.inline {
    background-color: #001133;
    color: #FFFFFF;
    padding: 8px 10px;
    margin: 0 0 1px 0;
    font-size: 10px;
    line-height: 1.7;
}

#info_center p.inline a {
    color: #4BA6FF;
}

/* Users Online block (last stats paragraph) */
#info_center p.inline:last-of-type {
    color: #CCCCCC;
}

#info_center p.inline:last-of-type .online_label,
#info_center p.inline:last-of-type .online_member_count,
#info_center p.inline:last-of-type .most_online_today_count {
    color: #44DD44;
}

#info_center p.inline:last-of-type a[href*="action=profile"] {
    color: #BBBBBB !important;
}

#info_center p.inline:last-of-type a[href*="action=profile"]:hover,
#info_center p.inline:last-of-type a[href*="action=profile"]:focus {
    color: #DDDDDD !important;
}

/* Main menu: Curve .dropmenu a.active is orange; beat it with higher specificity */
#main_menu .dropmenu.menu_nav li a,
#main_menu ul.dropmenu.menu_nav li a {
    color: #F0F0F0;
    background: transparent;
    background-image: none;
    border-color: transparent;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
}

#main_menu .dropmenu.menu_nav li a:hover,
#main_menu ul.dropmenu.menu_nav li a:hover {
    color: #FFFFFF;
    background-color: #3d3d3d;
    border-color: #323232;
}

#main_menu .dropmenu.menu_nav li a.active,
#main_menu ul.dropmenu.menu_nav li a.active,
#main_menu .dropmenu.menu_nav li a.active:hover,
#main_menu ul.dropmenu.menu_nav li a.active:hover {
    color: #FFFFFF !important;
    background: #3d3d3d !important;
    background-image: none !important;
    border-color: #323232 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Board icons: YaBB assets are 32×32 (on.png is 18×18) — do not upscale to 50px */
#boardindex_table .board_icon {
    width: 52px !important;
    min-width: 52px;
    max-width: 52px;
    flex: 0 0 52px !important;
    padding: 4px 0 !important;
    box-sizing: border-box;
}

#boardindex_table .board_icon a {
    background: url(../images/boards.png) no-repeat center center !important;
    background-size: 32px 32px !important;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

#boardindex_table .board_icon a.board_on,
#boardindex_table .board_icon a.board_on2 {
    background-image: url(../images/on.png) !important;
    background-size: 18px 18px !important;
    width: 32px;
    height: 32px;
}

#boardindex_table .board_icon a.board_off {
    background-image: url(../images/off.png) !important;
    background-size: 32px 32px !important;
}

#boardindex_table .board_icon a.board_redirect {
    background-image: url(../images/boards.png) !important;
}

/* Account menu (Helen) — dropdown must paint above #header banner (Curve gradient + stacking) */
#footerfix {
    overflow: visible !important;
}

#footerfix > #header,
#footerfix > #wrapper {
    position: relative;
    z-index: 1;
}

#top_section .inner_wrap {
    overflow: visible !important;
    position: relative;
    z-index: 2;
}

#top_section #top_info {
    position: relative;
    z-index: 3;
    overflow: visible;
}

#top_section #top_info > li {
    position: relative;
    overflow: visible;
}

#top_section .dropmenu li ul,
#top_section .top_menu {
    top: 100%;
    left: 0;
    right: auto;
    min-width: 25em;
    z-index: 1001 !important;
    background: #001133 !important;
    background-image: none !important;
    border: 1px solid #506B86;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.55);
    color: #EEEEEE;
}

#top_section .top_menu a {
    color: #4BA6FF;
}

#top_section .top_menu a:hover {
    color: #FFFFFF;
}

#top_section #profile_menu .profile_username,
#top_section #profile_menu .profile_username a {
    color: #4BA6FF;
}

#top_section .top_menu .profile_user_links li {
    color: #EEEEEE;
}

#top_section .top_menu .pm_unread,
#top_section .top_menu .alerts_unread {
    border-top-color: #506B86;
}

#top_section .top_menu .unread_notify {
    border-bottom-color: #506B86;
    color: #EEEEEE;
}

#top_section .top_menu .unread_notify:hover {
    background: #202743;
    text-decoration: none;
}

#top_section .top_menu .no_unread {
    color: #9C9C9C;
}

/* PM dropdown: Inbox / Sent items (ajax-loaded .pm_mailbox buttons) */
#top_section #pm_menu .pm_mailbox a.button {
    background: #1E376A !important;
    background-color: #1E376A !important;
    background-image: none !important;
    border: 1px solid #000000 !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-weight: bold;
    margin: 0 4px;
    display: inline-block;
}

#top_section #pm_menu .pm_mailbox a.button:hover,
#top_section #pm_menu .pm_mailbox a.button:focus {
    background: #0078D7 !important;
    background-color: #0078D7 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    text-decoration: none;
    box-shadow: none !important;
}

#top_section #pm_menu .pm_mailbox a.button:focus-visible {
    outline: 1px solid #FFFFFF;
    outline-offset: 1px;
}

#top_section #pm_menu .pm_mailbox a.button:focus:not(:focus-visible) {
    outline: none;
}

#top_section #pm_menu .pm_sending a {
    color: #4BA6FF;
}

#top_section #pm_menu .pm_sending a:hover,
#top_section #pm_menu .pm_sending a:focus {
    color: #FFFFFF;
}

#top_section #profile_menu.top_menu.visible,
#top_section #pm_menu.top_menu.visible,
#top_section #alerts_menu.top_menu.visible {
    display: block;
}

#header {
    position: relative;
    z-index: 1;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 12px;
    padding: 0 2% 5px;
    box-sizing: border-box;
}

#header .forumtitle,
#header h1.forumtitle {
    flex: 0 0 auto;
    margin: 0;
    max-width: 100%;
    line-height: 1;
    padding: 0 !important;
    font-weight: normal;
}

#header .forumtitle a img {
    display: block;
    max-width: min(460px, 100%);
    height: auto;
}

#header_news {
    flex: 1 1 260px;
    min-width: 0;
    max-width: 100%;
    background-color: #202743;
    border: 1px solid #506B86;
    border-radius: 3px;
    padding: 5px 10px;
    font: 10px/1.3 Verdana, Helvetica, Arial, Sans-Serif;
    color: #EEEEEE;
    box-sizing: border-box;
}

#header_news p {
    margin: 0.2em 0;
}

#header_news p:first-child {
    margin-top: 0;
}

#header_news p:last-child {
    margin-bottom: 0;
}

#header_news .header_news_item + .header_news_item {
    margin-top: 0.35em;
    padding-top: 0.35em;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

#header_news a {
    color: #4BA6FF;
}

/* --- login overlay (guest Log in popup) -------------------------------- */

.popup_window:has(.popup_content .login) {
    background: #00376E !important;
    background-image: none !important;
    border-color: #506B86 !important;
}

.popup_window:has(.popup_content .login) .popup_heading {
    color: #FFFFFF !important;
    background: #00376E !important;
    background-image: none !important;
}

.popup_content:has(.login) {
    background: #00376E !important;
    background-image: none !important;
    border-color: #506B86 !important;
    color: #EEEEEE;
    box-shadow: none;
    max-height: none !important;
    overflow: visible !important;
}

/* Curve clips custom cookielength lists via overflow on popup + .login dl */
#smf_popup.popup_container,
#smf_popup .popup_window,
#smf_popup .popup_content {
    overflow: visible !important;
}

#smf_popup .popup_content {
    max-height: none !important;
}

#smf_popup form.login dl,
.popup_content form.login dl,
.popup_content .login form.login dl,
#frmLogin dl {
    overflow: visible !important;
}

#smf_popup form.login dd,
.popup_content form.login dd,
.popup_content .login form.login dd,
#frmLogin dd {
    overflow: visible !important;
}

.popup_content .login > .cat_bar {
    display: none;
}

.popup_content .login .roundframe,
#smf_popup .login .roundframe,
#main_content_section > .login .roundframe {
    background: #00376E !important;
    background-image: none !important;
    border: 1px solid #506B86;
    color: #EEEEEE;
    display: block !important;
    overflow: visible !important;
    table-layout: auto;
}


.popup_content .login form.login dt,
#main_content_section > .login form.login dt {
    color: #FFFFFF;
}

.popup_content .login form.login input[type="text"],
.popup_content .login form.login input[type="password"],
#main_content_section > .login form.login input[type="text"],
#main_content_section > .login form.login input[type="password"] {
    background-color: #323232;
    border: 1px solid #506B86;
    color: #7EC8FF;
}

#smf_popup #frmLogin select,
#frmLogin select,
.popup_content .login form.login select,
#main_content_section > .login form.login select {
    background-color: #597B9F;
    border: 1px solid #506B86;
    color: #FFFFFF;
}

#smf_popup #frmLogin select:focus,
#smf_popup #frmLogin select:focus-visible,
#frmLogin select:focus,
#frmLogin select:focus-visible,
.popup_content .login form.login select:focus,
.popup_content .login form.login select:focus-visible,
#main_content_section > .login form.login select:focus,
#main_content_section > .login form.login select:focus-visible {
    background-color: #597B9F !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #506B86;
    outline: 2px solid #7EC8FF;
    outline-offset: 1px;
}

#smf_popup #frmLogin select option,
#frmLogin select option,
.popup_content .login form.login select option,
#main_content_section > .login form.login select option {
    background-color: #597B9F;
    color: #FFFFFF;
}

/* Native select list items (browser support varies) */
#top_section #search_form select option:checked,
#smf_popup #frmLogin select option:checked,
#frmLogin select option:checked,
.popup_content .login form.login select option:checked,
#main_content_section > .login form.login select option:checked {
    background-color: #597B9F;
    color: #FFFF00;
}

/* Custom theme-select (select-theme.js) — reliable hover on Windows */
.theme-select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.theme-select__native {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.theme-select__native:focus {
    outline: none;
}

.theme-select__trigger {
    display: block;
    min-width: 10em;
    padding: 4px 28px 4px 8px;
    background-color: #597B9F;
    color: #FFFFFF;
    border: 1px solid #506B86;
    border-radius: 3px;
    font: 12px Verdana, Helvetica, Arial, Sans-Serif;
    text-align: left;
    cursor: pointer;
    position: relative;
}

.theme-select__trigger:focus,
.theme-select__trigger:focus-visible {
    background-color: #597B9F !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #506B86;
    outline: 2px solid #7EC8FF;
    outline-offset: 1px;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.theme-select__trigger:focus:not(:focus-visible) {
    outline: none;
}

.theme-select__trigger::after {
    content: "\25BC";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.65em;
    color: #FFFFFF;
}

.theme-select__list {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 2px 0 0 0;
    padding: 0;
    list-style: none;
    background-color: #597B9F;
    border: 1px solid #506B86;
    border-radius: 3px;
    z-index: 10050;
    max-height: 14em;
    overflow-y: auto;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.45);
}

.theme-select.is-open .theme-select__list {
    display: block;
}

.theme-select__option {
    padding: 5px 8px;
    color: #FFFFFF !important;
    background-color: #597B9F !important;
    background-image: none !important;
    cursor: pointer;
}

.theme-select__option.is-selected {
    color: #FFFF00 !important;
    background-color: #597B9F !important;
    background-image: none !important;
}

/* Hover beats selected; !important beats SMF Curve li:hover gradients on search/settings pages */
.theme-select__list .theme-select__option:hover,
.theme-select__list .theme-select__option.is-hover,
.theme-select__list .theme-select__option.is-selected.is-hover,
.theme-select__list .theme-select__option.is-selected:hover {
    color: #FFFFFF !important;
    background: #0078D7 !important;
    background-color: #0078D7 !important;
    background-image: none !important;
}

#smf_popup .theme-select__list {
    z-index: 100000;
}

#smf_popup .theme-select.is-open,
.popup_content .theme-select.is-open {
    z-index: 100001;
}

#smf_popup .theme-select__option,
.popup_content .theme-select__option {
    display: block;
    line-height: 1.45;
    min-height: 1.75em;
    box-sizing: border-box;
}

/* Login popup links (forgot password + sign up) — do not require .login (ajax errors replace form HTML) */
.popup_content form.login .smalltext a,
.popup_content .roundframe > .centertext a,
.popup_content a[href*="action=signup"],
#smf_popup .popup_content form.login .smalltext a,
#smf_popup .popup_content .roundframe > .centertext a,
#smf_popup .popup_content a[href*="action=signup"],
.popup_content .login form.login a,
.popup_content .login .roundframe .centertext a,
#smf_popup .login form.login a,
#smf_popup .login .roundframe > .centertext a,
#main_content_section > .login form.login a,
#main_content_section > .login .roundframe .centertext a {
    color: #7EC8FF !important;
}

.popup_content form.login .smalltext a:hover,
.popup_content .roundframe > .centertext a:hover,
.popup_content a[href*="action=signup"]:hover,
#smf_popup .popup_content form.login .smalltext a:hover,
#smf_popup .popup_content .roundframe > .centertext a:hover,
#smf_popup .popup_content a[href*="action=signup"]:hover,
.popup_content .login form.login a:hover,
.popup_content .login .roundframe .centertext a:hover,
#smf_popup .login form.login a:hover,
#smf_popup .login .roundframe > .centertext a:hover,
#main_content_section > .login form.login a:hover,
#main_content_section > .login .roundframe .centertext a:hover {
    color: #A8DEFF !important;
}

.popup_content .errorbox,
#smf_popup .popup_content .errorbox,
#smf_popup #frmLogin .errorbox,
.popup_content .login .roundframe .errorbox,
#smf_popup .login .roundframe .errorbox,
#main_content_section > .login .roundframe .errorbox {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

.popup_content .login .smalltext,
.popup_content .login .roundframe .centertext,
#smf_popup .login .smalltext,
#smf_popup .login .roundframe > .centertext,
#main_content_section > .login .smalltext,
#main_content_section > .login .roundframe .centertext {
    color: #EEEEEE;
}

/* Primary actions: SEARCH, LOG IN, Go Down/Up/Go, topic strip, post/quick reply */
#top_section #search_form input[type="submit"].button,
#smf_popup #frmLogin input[type="submit"].button,
#frmLogin input[type="submit"].button,
a.button[href="#bot"],
a.button#bot,
a.button.button_strip_print,
a.button.button_strip_markread,
#main_content_section .mark_read a.button,
#message_index_jump_to input.button,
#display_jump_to input.button,
#topic_jump_to input.button,
#main_content_section .pagesection .buttonlist a.button,
#main_content_section form#postmodify #post_confirm_buttons input.button,
#main_content_section form#postmodify .post_button_container input.button,
#main_content_section form#postmodify .buttonrow input.button,
#main_content_section form#postmodify .buttonrow a.button,
#main_content_section form#postmodify .buttonrow button.button,
#main_content_section #quickReplyForm .buttonrow input.button,
#main_content_section #quickReplyForm .buttonrow a.button,
#main_content_section #quickReplyForm .buttonrow button.button,
#main_content_section #quickreply .buttonrow input.button,
#main_content_section #quickreply .buttonrow a.button,
#main_content_section #quickreply .buttonrow button.button,
#main_content_section #confirm_buttons input.button,
#main_content_section form#notify_options input.button,
#main_content_section form#searchform input.button,
body.action_profile #main_content_section input.button,
body.action_profile #main_content_section button.button,
body.action_profile #main_content_section a.button,
body.action_moderate #main_content_section input.button,
body.action_moderate #main_content_section button.button,
body.action_moderate #main_content_section a.button,
body.action_pm #main_content_section input.button,
body.action_pm #main_content_section button.button,
body.action_pm #main_content_section a.button,
body.action_mlist #main_content_section input.button,
body.action_mlist #main_content_section button.button,
body.action_mlist #main_content_section a.button,
#main_content_section #fatal_error + .centertext a.button {
    background: #1E376A !important;
    background-color: #1E376A !important;
    background-image: none !important;
    border: 1px solid #000000 !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

#top_section #search_form input[type="submit"].button:hover,
#smf_popup #frmLogin input[type="submit"].button:hover,
#frmLogin input[type="submit"].button:hover,
a.button[href="#bot"]:hover,
a.button#bot:hover,
a.button.button_strip_print:hover,
a.button.button_strip_markread:hover,
#main_content_section .mark_read a.button:hover,
#message_index_jump_to input.button:hover,
#display_jump_to input.button:hover,
#topic_jump_to input.button:hover,
#main_content_section .pagesection .buttonlist a.button:hover,
#main_content_section form#postmodify #post_confirm_buttons input.button:hover,
#main_content_section form#postmodify .post_button_container input.button:hover,
#main_content_section form#postmodify .buttonrow input.button:hover,
#main_content_section form#postmodify .buttonrow a.button:hover,
#main_content_section form#postmodify .buttonrow button.button:hover,
#main_content_section #quickReplyForm .buttonrow input.button:hover,
#main_content_section #quickReplyForm .buttonrow a.button:hover,
#main_content_section #quickReplyForm .buttonrow button.button:hover,
#main_content_section #quickreply .buttonrow input.button:hover,
#main_content_section #quickreply .buttonrow a.button:hover,
#main_content_section #quickreply .buttonrow button.button:hover,
#main_content_section #confirm_buttons input.button:hover,
#main_content_section form#notify_options input.button:hover,
#main_content_section form#searchform input.button:hover,
body.action_profile #main_content_section input.button:hover,
body.action_profile #main_content_section button.button:hover,
body.action_profile #main_content_section a.button:hover,
body.action_moderate #main_content_section input.button:hover,
body.action_moderate #main_content_section button.button:hover,
body.action_moderate #main_content_section a.button:hover,
body.action_pm #main_content_section input.button:hover,
body.action_pm #main_content_section button.button:hover,
body.action_pm #main_content_section a.button:hover,
body.action_mlist #main_content_section input.button:hover,
body.action_mlist #main_content_section button.button:hover,
body.action_mlist #main_content_section a.button:hover,
#main_content_section #fatal_error + .centertext a.button:hover,
#main_content_section .pagesection .buttonlist a.button.active:hover {
    background: #0078D7 !important;
    background-color: #0078D7 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

#top_section #search_form input[type="submit"].button:focus,
#top_section #search_form input[type="submit"].button:focus-visible,
#smf_popup #frmLogin input[type="submit"].button:focus,
#smf_popup #frmLogin input[type="submit"].button:focus-visible,
#frmLogin input[type="submit"].button:focus,
#frmLogin input[type="submit"].button:focus-visible,
a.button[href="#bot"]:focus,
a.button[href="#bot"]:focus-visible,
a.button#bot:focus,
a.button#bot:focus-visible,
a.button.button_strip_print:focus,
a.button.button_strip_print:focus-visible,
a.button.button_strip_markread:focus,
a.button.button_strip_markread:focus-visible,
#main_content_section .mark_read a.button:focus,
#main_content_section .mark_read a.button:focus-visible,
#message_index_jump_to input.button:focus,
#message_index_jump_to input.button:focus-visible,
#display_jump_to input.button:focus,
#display_jump_to input.button:focus-visible,
#topic_jump_to input.button:focus,
#topic_jump_to input.button:focus-visible,
#main_content_section .pagesection .buttonlist a.button:focus,
#main_content_section .pagesection .buttonlist a.button:focus-visible,
#main_content_section form#postmodify #post_confirm_buttons input.button:focus,
#main_content_section form#postmodify #post_confirm_buttons input.button:focus-visible,
#main_content_section form#postmodify .post_button_container input.button:focus,
#main_content_section form#postmodify .post_button_container input.button:focus-visible,
#main_content_section form#postmodify .buttonrow input.button:focus,
#main_content_section form#postmodify .buttonrow input.button:focus-visible,
#main_content_section form#postmodify .buttonrow a.button:focus,
#main_content_section form#postmodify .buttonrow a.button:focus-visible,
#main_content_section form#postmodify .buttonrow button.button:focus,
#main_content_section form#postmodify .buttonrow button.button:focus-visible,
#main_content_section #quickReplyForm .buttonrow input.button:focus,
#main_content_section #quickReplyForm .buttonrow input.button:focus-visible,
#main_content_section #quickReplyForm .buttonrow a.button:focus,
#main_content_section #quickReplyForm .buttonrow a.button:focus-visible,
#main_content_section #quickReplyForm .buttonrow button.button:focus,
#main_content_section #quickReplyForm .buttonrow button.button:focus-visible,
#main_content_section #quickreply .buttonrow input.button:focus,
#main_content_section #quickreply .buttonrow input.button:focus-visible,
#main_content_section #quickreply .buttonrow a.button:focus,
#main_content_section #quickreply .buttonrow a.button:focus-visible,
#main_content_section #quickreply .buttonrow button.button:focus,
#main_content_section #quickreply .buttonrow button.button:focus-visible,
#main_content_section #confirm_buttons input.button:focus,
#main_content_section #confirm_buttons input.button:focus-visible,
#main_content_section form#notify_options input.button:focus,
#main_content_section form#notify_options input.button:focus-visible,
#main_content_section form#searchform input.button:focus,
#main_content_section form#searchform input.button:focus-visible,
body.action_profile #main_content_section input.button:focus,
body.action_profile #main_content_section input.button:focus-visible,
body.action_profile #main_content_section button.button:focus,
body.action_profile #main_content_section button.button:focus-visible,
body.action_profile #main_content_section a.button:focus,
body.action_profile #main_content_section a.button:focus-visible,
body.action_moderate #main_content_section input.button:focus,
body.action_moderate #main_content_section input.button:focus-visible,
body.action_moderate #main_content_section button.button:focus,
body.action_moderate #main_content_section button.button:focus-visible,
body.action_moderate #main_content_section a.button:focus,
body.action_moderate #main_content_section a.button:focus-visible,
body.action_pm #main_content_section input.button:focus,
body.action_pm #main_content_section input.button:focus-visible,
body.action_pm #main_content_section button.button:focus,
body.action_pm #main_content_section button.button:focus-visible,
body.action_pm #main_content_section a.button:focus,
body.action_pm #main_content_section a.button:focus-visible,
body.action_mlist #main_content_section input.button:focus,
body.action_mlist #main_content_section input.button:focus-visible,
body.action_mlist #main_content_section button.button:focus,
body.action_mlist #main_content_section button.button:focus-visible,
body.action_mlist #main_content_section a.button:focus,
body.action_mlist #main_content_section a.button:focus-visible,
#main_content_section #fatal_error + .centertext a.button:focus,
#main_content_section #fatal_error + .centertext a.button:focus-visible {
    background: #0078D7 !important;
    background-color: #0078D7 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    outline: 1px solid #FFFFFF;
    outline-offset: 1px;
}

#top_section #search_form input[type="submit"].button:focus:not(:focus-visible),
#smf_popup #frmLogin input[type="submit"].button:focus:not(:focus-visible),
#frmLogin input[type="submit"].button:focus:not(:focus-visible),
a.button[href="#bot"]:focus:not(:focus-visible),
a.button#bot:focus:not(:focus-visible),
a.button.button_strip_print:focus:not(:focus-visible),
a.button.button_strip_markread:focus:not(:focus-visible),
#main_content_section .mark_read a.button:focus:not(:focus-visible),
#message_index_jump_to input.button:focus:not(:focus-visible),
#display_jump_to input.button:focus:not(:focus-visible),
#topic_jump_to input.button:focus:not(:focus-visible),
#main_content_section .pagesection .buttonlist a.button:focus:not(:focus-visible),
#main_content_section form#postmodify #post_confirm_buttons input.button:focus:not(:focus-visible),
#main_content_section form#postmodify .post_button_container input.button:focus:not(:focus-visible),
#main_content_section form#postmodify .buttonrow input.button:focus:not(:focus-visible),
#main_content_section form#postmodify .buttonrow a.button:focus:not(:focus-visible),
#main_content_section form#postmodify .buttonrow button.button:focus:not(:focus-visible),
#main_content_section #quickReplyForm .buttonrow input.button:focus:not(:focus-visible),
#main_content_section #quickReplyForm .buttonrow a.button:focus:not(:focus-visible),
#main_content_section #quickReplyForm .buttonrow button.button:focus:not(:focus-visible),
#main_content_section #quickreply .buttonrow input.button:focus:not(:focus-visible),
#main_content_section #quickreply .buttonrow a.button:focus:not(:focus-visible),
#main_content_section #quickreply .buttonrow button.button:focus:not(:focus-visible),
#main_content_section #confirm_buttons input.button:focus:not(:focus-visible),
#main_content_section form#notify_options input.button:focus:not(:focus-visible),
#main_content_section form#searchform input.button:focus:not(:focus-visible),
body.action_profile #main_content_section input.button:focus:not(:focus-visible),
body.action_profile #main_content_section button.button:focus:not(:focus-visible),
body.action_profile #main_content_section a.button:focus:not(:focus-visible),
body.action_moderate #main_content_section input.button:focus:not(:focus-visible),
body.action_moderate #main_content_section button.button:focus:not(:focus-visible),
body.action_moderate #main_content_section a.button:focus:not(:focus-visible),
body.action_pm #main_content_section input.button:focus:not(:focus-visible),
body.action_pm #main_content_section button.button:focus:not(:focus-visible),
body.action_pm #main_content_section a.button:focus:not(:focus-visible),
body.action_mlist #main_content_section input.button:focus:not(:focus-visible),
body.action_mlist #main_content_section button.button:focus:not(:focus-visible),
body.action_mlist #main_content_section a.button:focus:not(:focus-visible),
#main_content_section #fatal_error + .centertext a.button:focus:not(:focus-visible) {
    outline: none;
}

/* Notify / follow toggle (.active) on topic strip */
#main_content_section .pagesection .buttonlist a.button.active {
    background: #0078D7 !important;
    background-color: #0078D7 !important;
    background-image: none !important;
    border: 1px solid #000000 !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-weight: bold;
}

#main_content_section .pagesection .buttonlist a.button .main_icons::before {
    color: #FFFFFF;
}

/* Go Down / Go Up are <a class="button">; SMF min-height + line-height leaves text high */
a.button[href="#bot"],
a.button#bot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    min-height: calc(2em + 2em * (0.9 - 0.85));
    padding: 0 10px;
    box-sizing: border-box;
    vertical-align: middle;
}

#smf_popup #frmLogin input[type="submit"].button,
#frmLogin input[type="submit"].button {
    margin: 0 !important;
}

/* LOG IN submit layout — #frmLogin */
#smf_popup #frmLogin > p:first-of-type,
#frmLogin > p:first-of-type {
    clear: both;
    float: right;
    width: 54%;
    text-align: left !important;
    margin: 1em 0 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

#smf_popup #frmLogin > p.smalltext,
#frmLogin > p.smalltext {
    float: right;
    width: 54%;
    clear: right;
    text-align: left !important;
    margin: 0.4em 0 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

#smf_popup #frmLogin::after,
#frmLogin::after {
    content: "";
    display: block;
    clear: both;
}

#smf_popup .login .roundframe > hr,
#main_content_section > .login .roundframe > hr {
    clear: both;
    display: block;
    width: 100%;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #506B86;
    box-sizing: border-box;
}

#smf_popup .login .roundframe > .centertext,
#main_content_section > .login .roundframe > .centertext {
    clear: both;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}

/* --- Admin, PM, moderation, member list & profile menus (not the main Home/Search forum bar) */

/* Section tabs: always show button chrome when not hovered/selected */
body.action_admin #main_content_section .generic_menu .dropmenu > li > a,
body.action_moderate #main_content_section .generic_menu .dropmenu > li > a,
body.action_pm #main_content_section .generic_menu .dropmenu > li > a,
body.action_profile #main_content_section .generic_menu .dropmenu > li > a,
body.action_mlist #main_content_section .generic_menu .dropmenu > li > a {
    background: #1E376A !important;
    background-color: #1E376A !important;
    background-image: none !important;
    border: 1px solid #000000 !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-weight: bold;
}

body.action_admin #main_content_section .generic_menu .dropmenu > li > a:hover,
body.action_admin #main_content_section .generic_menu .dropmenu > li > a:focus,
body.action_moderate #main_content_section .generic_menu .dropmenu > li > a:hover,
body.action_moderate #main_content_section .generic_menu .dropmenu > li > a:focus,
body.action_pm #main_content_section .generic_menu .dropmenu > li > a:hover,
body.action_pm #main_content_section .generic_menu .dropmenu > li > a:focus,
body.action_profile #main_content_section .generic_menu .dropmenu > li > a:hover,
body.action_profile #main_content_section .generic_menu .dropmenu > li > a:focus,
body.action_mlist #main_content_section .generic_menu .dropmenu > li > a:hover,
body.action_mlist #main_content_section .generic_menu .dropmenu > li > a:focus {
    background: #0078D7 !important;
    background-color: #0078D7 !important;
    background-image: none !important;
    border: 1px solid #000000 !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

body.action_admin #main_content_section .generic_menu .dropmenu > li > a.active,
body.action_admin #main_content_section .generic_menu .dropmenu > li > a.active:hover,
body.action_admin #main_content_section .generic_menu .dropmenu > li:hover > a.active,
body.action_moderate #main_content_section .generic_menu .dropmenu > li > a.active,
body.action_moderate #main_content_section .generic_menu .dropmenu > li > a.active:hover,
body.action_moderate #main_content_section .generic_menu .dropmenu > li:hover > a.active,
body.action_pm #main_content_section .generic_menu .dropmenu > li > a.active,
body.action_pm #main_content_section .generic_menu .dropmenu > li > a.active:hover,
body.action_pm #main_content_section .generic_menu .dropmenu > li:hover > a.active,
body.action_profile #main_content_section .generic_menu .dropmenu > li > a.active,
body.action_profile #main_content_section .generic_menu .dropmenu > li > a.active:hover,
body.action_profile #main_content_section .generic_menu .dropmenu > li:hover > a.active,
body.action_mlist #main_content_section .generic_menu .dropmenu > li > a.active,
body.action_mlist #main_content_section .generic_menu .dropmenu > li > a.active:hover,
body.action_mlist #main_content_section .generic_menu .dropmenu > li:hover > a.active {
    background: #0078D7 !important;
    background-color: #0078D7 !important;
    background-image: none !important;
    border: 1px solid #000000 !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

body.action_admin #main_content_section .generic_menu .dropmenu > li > a:focus-visible,
body.action_moderate #main_content_section .generic_menu .dropmenu > li > a:focus-visible,
body.action_pm #main_content_section .generic_menu .dropmenu > li > a:focus-visible,
body.action_profile #main_content_section .generic_menu .dropmenu > li > a:focus-visible,
body.action_mlist #main_content_section .generic_menu .dropmenu > li > a:focus-visible {
    outline: 1px solid #FFFFFF;
    outline-offset: 1px;
}

body.action_admin #main_content_section .generic_menu .dropmenu > li > a:focus:not(:focus-visible),
body.action_moderate #main_content_section .generic_menu .dropmenu > li > a:focus:not(:focus-visible),
body.action_pm #main_content_section .generic_menu .dropmenu > li > a:focus:not(:focus-visible),
body.action_profile #main_content_section .generic_menu .dropmenu > li > a:focus:not(:focus-visible),
body.action_mlist #main_content_section .generic_menu .dropmenu > li > a:focus:not(:focus-visible) {
    outline: none;
}

body.action_admin #main_content_section .generic_menu .dropmenu > li > a .amt,
body.action_moderate #main_content_section .generic_menu .dropmenu > li > a .amt,
body.action_pm #main_content_section .generic_menu .dropmenu > li > a .amt,
body.action_profile #main_content_section .generic_menu .dropmenu > li > a .amt,
body.action_mlist #main_content_section .generic_menu .dropmenu > li > a .amt {
    background: rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
}

/* Admin SAVE / submit actions — same primary button styling as the rest of the site */
body.action_admin #admin_content input.button,
body.action_admin #admin_content button.button,
body.action_admin #admin_content a.button,
body.action_admin .admin_search input.button {
    background: #1E376A !important;
    background-color: #1E376A !important;
    background-image: none !important;
    border: 1px solid #000000 !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

body.action_admin #admin_content input.button:hover,
body.action_admin #admin_content button.button:hover,
body.action_admin #admin_content a.button:hover,
body.action_admin .admin_search input.button:hover {
    background: #0078D7 !important;
    background-color: #0078D7 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

body.action_admin #admin_content input.button:focus,
body.action_admin #admin_content input.button:focus-visible,
body.action_admin #admin_content button.button:focus,
body.action_admin #admin_content button.button:focus-visible,
body.action_admin #admin_content a.button:focus,
body.action_admin #admin_content a.button:focus-visible,
body.action_admin .admin_search input.button:focus,
body.action_admin .admin_search input.button:focus-visible {
    background: #0078D7 !important;
    background-color: #0078D7 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    outline: 1px solid #FFFFFF;
    outline-offset: 1px;
}

body.action_admin #admin_content input.button:focus:not(:focus-visible),
body.action_admin #admin_content button.button:focus:not(:focus-visible),
body.action_admin #admin_content a.button:focus:not(:focus-visible),
body.action_admin .admin_search input.button:focus:not(:focus-visible) {
    outline: none;
}

/* Admin → News & Newsletters: PREVIEW is a div.button (see ManageNews.php make_preview_btn) */
body.action_admin #admin_content div[id^="preview_"].button {
    background: #1E376A !important;
    background-color: #1E376A !important;
    background-image: none !important;
    border: 1px solid #000000 !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer;
    display: inline-block;
    font: bold 12px Verdana, Helvetica, Arial, Sans-Serif;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 0.35em;
}

body.action_admin #admin_content div[id^="preview_"].button:hover,
body.action_admin #admin_content div[id^="preview_"].button:focus {
    background: #0078D7 !important;
    background-color: #0078D7 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

body.action_admin #admin_content div[id^="preview_"].button:focus-visible {
    background: #0078D7 !important;
    background-color: #0078D7 !important;
    outline: 1px solid #FFFFFF;
    outline-offset: 1px;
}

body.action_admin #admin_content div[id^="box_preview_"] {
    background-color: #202743 !important;
    border: 1px solid #506B86;
    border-radius: 3px;
    padding: 6px 8px;
    box-sizing: border-box;
    height: 20ex !important;
    min-height: 20ex;
}