html {
    font-size: 200%;
}

body {
    font-size: 20px !important;
}

h1 {
    font-size: 60px;
}

.site-description p {
    font-size: 28px;
}

.badge {
    font-size: 20px;
}

.forumlist_grid span.forum_description,
.forumlist_grid_icons span.forum_description {
    font-size: 28px;
}

.agreement {
    font-size: 24px;
    line-height: 34px;
}

.agreement-text {
    line-height: 34px;
}

.dropdown .dropdown-contents {
    background: #ececec;
    border-color: #9a9a9a;
}

.dropdown-contents a,
.dropdown-extended .header,
.dropdown-extended .footer {
    color: #4a4a4a;
}

.dropdown li,
.dropdown li li,
.dropdown li.separator {
    border-color: #c2c2c2;
}

.forumlist_grid .forum_description,
.forumlist_grid_icons .forum_description,
.mini_label,
.mini_number {
    color: rgba(0, 0, 0, 0.7);
}

.fd_dark .forumlist_grid .forum_description,
.fd_dark .forumlist_grid_icons .forum_description {
    color: #727b8c;
}

.dark_base .forumlist_grid .forum_description,
.dark_base .forumlist_grid_icons .forum_description {
    color: #7c89a6;
}

.button,
a.button1,
input.button1,
a.button2,
input.button2,
input.button3,
.specialbutton,
a.specialbutton,
.outline_button,
.pagination li a,
.pagination li span {
    border-radius: 10px;
}

.button-search,
.search-box button.button-search,
.search-header .button-search {
    border-radius: 10px 0 0 10px;
}

.button-search-end,
.search-box a.button-search-end,
.search-header .button-search-end {
    border-radius: 0 10px 10px 0;
}

#viewprofile > .panel.bg1 > .inner {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

#viewprofile > .panel.bg1 .left-box {
    float: none;
}

#viewprofile > .panel.bg1 .left-box:first-child {
    flex: 0 0 168px;
    width: 168px;
    text-align: center;
}

#viewprofile > .panel.bg1 .left-box.profile-details {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}

#viewprofile .profile-avatar {
    display: flex;
    justify-content: center;
    margin: 0;
}

#viewprofile .cdv-profile-avatar-link,
#viewprofile .profile-avatar > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 132px;
    max-height: 132px;
    border-radius: 18px;
    overflow: hidden;
    cursor: zoom-in;
}

#viewprofile .profile-avatar img {
    display: block;
    width: auto;
    height: auto;
    max-width: 132px;
    max-height: 132px;
    border-radius: 18px;
    object-fit: cover;
}

@media (max-width: 700px) {
    #viewprofile > .panel.bg1 > .inner {
        display: block;
    }

    #viewprofile > .panel.bg1 .left-box:first-child,
    #viewprofile > .panel.bg1 .left-box.profile-details {
        width: auto;
    }

    #viewprofile > .panel.bg1 .left-box:first-child {
        margin-bottom: 1rem;
    }
}

:root {
    --cdv-header-link: #EEEEEE;
    --cdv-header-link-hover: #FEFEFE;
}

#username_logged_in .header-avatar,
#username_logged_in .header-avatar:visited,
#username_logged_in .header-avatar .username,
#username_logged_in .header-avatar .username-coloured,
#username_logged_in .header-avatar span {
    color: var(--cdv-header-link) !important;
    text-decoration: none !important;
    transition: color 160ms ease, transform 160ms ease;
}

#username_logged_in .header-avatar:hover,
#username_logged_in .header-avatar:focus,
#username_logged_in .header-avatar:hover .username,
#username_logged_in .header-avatar:hover .username-coloured,
#username_logged_in .header-avatar:focus .username,
#username_logged_in .header-avatar:focus .username-coloured,
#username_logged_in .header-avatar:hover span,
#username_logged_in .header-avatar:focus span {
    color: var(--cdv-header-link-hover) !important;
    text-decoration: none !important;
}

#nav-main > li.rightside > a[href*="ucp.php?i=pm"],
#nav-main > li.rightside > a[href*="ucp.php?mode=login"],
#nav-main > li.rightside > a#notification_list_button,
#nav-main > li.rightside.dropdown-container > a.dropdown-trigger {
    color: var(--cdv-header-link) !important;
    text-decoration: none !important;
    transition: color 160ms ease, transform 160ms ease;
}

#nav-main > li.rightside > a[href*="ucp.php?i=pm"]:hover,
#nav-main > li.rightside > a[href*="ucp.php?i=pm"]:focus,
#nav-main > li.rightside > a#notification_list_button:hover,
#nav-main > li.rightside > a#notification_list_button:focus,
#nav-main > li.rightside.dropdown-container > a.dropdown-trigger:hover,
#nav-main > li.rightside.dropdown-container > a.dropdown-trigger:focus {
    color: var(--cdv-header-link-hover) !important;
    text-decoration: none !important;
    transform: scale(1.06);
}

#nav-main > li.rightside > a[href*="ucp.php?i=pm"]:hover .icon,
#nav-main > li.rightside > a[href*="ucp.php?i=pm"]:focus .icon,
#nav-main > li.rightside > a#notification_list_button:hover .icon,
#nav-main > li.rightside > a#notification_list_button:focus .icon,
#nav-main > li.rightside.dropdown-container > a.dropdown-trigger:hover .icon,
#nav-main > li.rightside.dropdown-container > a.dropdown-trigger:focus .icon {
    color: var(--cdv-header-link-hover) !important;
}

#nav-main > li:not(.rightside) > a,
#nav-main > li.quick-links > a,
#quick-links > a.dropdown-trigger {
    color: var(--cdv-header-link) !important;
    text-decoration: none !important;
    transition: color 160ms ease;
}

#nav-main > li:not(.rightside) > a:hover,
#nav-main > li:not(.rightside) > a:focus,
#nav-main > li.quick-links > a:hover,
#nav-main > li.quick-links > a:focus,
#quick-links > a.dropdown-trigger:hover,
#quick-links > a.dropdown-trigger:focus {
    color: var(--cdv-header-link-hover) !important;
    text-decoration: none !important;
}

#nav-main > li:not(.rightside) > a:hover .icon,
#nav-main > li:not(.rightside) > a:focus .icon,
#nav-main > li.quick-links > a:hover .icon,
#nav-main > li.quick-links > a:focus .icon,
#quick-links > a.dropdown-trigger:hover .icon,
#quick-links > a.dropdown-trigger:focus .icon {
    color: var(--cdv-header-link-hover) !important;
}

.sort-tools .dropdown-select {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 32px;
    padding: 0.24rem 0.56rem;
    border: 1px solid #d3d7de;
    background: linear-gradient(180deg, #f2f2f2 0%, #e3e5e8 100%);
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08);
    color: #5f6670 !important;
}

.sort-tools .dropdown-select .icon,
.sort-tools .dropdown-select .caret .icon,
.sort-tools .dropdown-select .cdv-sorttools-label {
    color: #5f6670 !important;
}

.sort-tools .dropdown-select .cdv-sorttools-label {
    display: inline-flex;
    align-items: center;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.1;
}

.sort-tools .dropdown-select:hover,
.sort-tools .dropdown-select:focus,
.dropdown-visible.sort-tools .dropdown-select {
    background: linear-gradient(180deg, #f6f6f7 0%, #eaecef 100%);
    border-color: #c6ccd4;
    color: #4d5662 !important;
    text-decoration: none !important;
}

.sort-tools .dropdown-select:hover .icon,
.sort-tools .dropdown-select:focus .icon,
.dropdown-visible.sort-tools .dropdown-select .icon,
.sort-tools .dropdown-select:hover .cdv-sorttools-label,
.sort-tools .dropdown-select:focus .cdv-sorttools-label,
.dropdown-visible.sort-tools .dropdown-select .cdv-sorttools-label {
    color: #4d5662 !important;
}

.sort-tools .dropdown-select .caret {
    display: inline-flex;
    align-items: center;
    margin-left: 0;
}

.sort-tools .dropdown {
    min-width: 188px;
}

.sort-tools .dropdown .dropdown-contents {
    padding: 0.5rem 0.62rem 0.62rem;
    border: 1px solid #d8dce2;
    border-radius: 8px;
    background: linear-gradient(180deg, #f3f4f6 0%, #e8eaed 100%);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.10);
}

.sort-tools .dropdown fieldset.display-options {
    text-align: left;
}

.sort-tools .dropdown fieldset.display-options label {
    display: block;
    margin: 0 0 0.32rem;
    color: #6b7280;
    font-size: 0.74rem;
    font-weight: 600;
    text-align: left;
}

.sort-tools .dropdown fieldset.display-options select {
    min-width: 118px;
    margin-left: 0.25rem;
    border: 1px solid #d7dbe1;
    border-radius: 8px;
    background: #fafafa;
    color: #676f7a;
    font-size: 0.74rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.sort-tools .dropdown fieldset.display-options .button2 {
    display: inline-flex;
    justify-content: center;
    min-width: 64px;
    margin-left: auto;
    border-radius: 8px;
    border-color: #d3d8df;
    background: linear-gradient(180deg, #fbfbfb 0%, #eceef1 100%);
    color: #636c78;
    font-size: 0.72rem;
}

.sort-tools .dropdown fieldset.display-options .button2:hover,
.sort-tools .dropdown fieldset.display-options .button2:focus {
    background: linear-gradient(180deg, #ffffff 0%, #f1f3f6 100%);
    color: #4f5a68;
}

.sort-tools .dropdown fieldset.display-options hr.dashed + .button2,
.sort-tools .dropdown fieldset.display-options .button2 {
    float: right;
}

@media (max-width: 700px) {
    .sort-tools .dropdown-select {
        padding: 0.22rem 0.48rem;
    }

    .sort-tools .dropdown-select .cdv-sorttools-label {
        font-size: 0.64rem;
    }

    .sort-tools .dropdown {
        min-width: 176px;
    }
}

.searchresults-title ~ .forumbg .topiclist li.header dt .list-inner,
.searchresults-title ~ .forumbg .topiclist li.header dd.posts,
.searchresults-title ~ .forumbg .topiclist li.header dd.views,
.searchresults-title ~ .forumbg .topiclist li.header dd.lastpost span {
    font-size: 0;
}

.searchresults-title ~ .forumbg .topiclist li.header dt .list-inner::before,
.searchresults-title ~ .forumbg .topiclist li.header dd.posts::before,
.searchresults-title ~ .forumbg .topiclist li.header dd.views::before,
.searchresults-title ~ .forumbg .topiclist li.header dd.lastpost span::before {
    font-family: FontAwesome;
    font-size: 0.78rem;
    line-height: 1;
    color: inherit;
}

.searchresults-title ~ .forumbg .topiclist li.header dt .list-inner::before {
    content: '\f15c';
}

.searchresults-title ~ .forumbg .topiclist li.header dd.posts::before {
    content: '\f086';
}

.searchresults-title ~ .forumbg .topiclist li.header dd.views::before {
    content: '\f06e';
}

.searchresults-title ~ .forumbg .topiclist li.header dd.lastpost span::before {
    content: '\f017';
}

.inputbox,
select,
textarea,
.message-box textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="number"] {
    font-size: 0.92rem !important;
    line-height: 1.45;
}

.inputbox,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="number"] {
    min-height: 40px;
    padding: 0.42rem 0.7rem;
    border-radius: 10px;
    border: 1px solid #d5d9df;
    background: #fafafa;
    color: #5d6571;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

textarea,
textarea.inputbox,
.message-box textarea {
    min-height: 180px;
    padding: 0.7rem 0.85rem;
    border-radius: 12px;
    border: 1px solid #d5d9df;
    background: #fafafa;
    color: #5d6571;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.inputbox::placeholder,
textarea::placeholder {
    color: #98a0ab;
}

.inputbox:hover,
.inputbox:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus,
.message-box textarea:hover,
.message-box textarea:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="url"]:hover,
input[type="url"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="number"]:hover,
input[type="number"]:focus {
    border-color: #c3c9d1;
    background: #fdfdfd;
    color: #4f5865;
}

.message-box {
    width: 100%;
}

.message-box textarea {
    font-size: 0.96rem !important;
}

fieldset.fields1 dt label,
fieldset.fields2 dt label,
fieldset dt label {
    font-size: 0.88rem;
}

@media (max-width: 700px) {
    .inputbox,
    select,
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="number"] {
        min-height: 36px;
        font-size: 0.84rem !important;
    }

    textarea,
    textarea.inputbox,
    .message-box textarea {
        min-height: 150px;
        font-size: 0.88rem !important;
    }
}

body.section-ucp #cp-main .panel > .inner > fieldset:first-of-type dd img,
body.section-ucp #cp-main .panel > .inner > fieldset:first-of-type dd .avatar {
    display: block;
    width: auto;
    height: auto;
    max-width: 128px;
    max-height: 128px;
    border-radius: 14px;
    object-fit: cover;
}