/* =========================================================
   SKI RACING - wpForo Extended Layout
   ========================================================= */

.sr-community-forums {
    --sr-navy: #001E3D;
    --sr-blue: #D11A2A;
    --sr-red: #D11A2A;
    --sr-light: #f3f7fa;
    --sr-border: rgba(232, 232, 234, 1);
    --sr-text: #102c46;
    --sr-muted: #728392;
}
/* #wpforo-notifications-bar {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999998 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#wpforo-load {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
} */
 #wpforo-load {
    position: fixed !important;
    top: 50vh !important;
    left: 50vw !important;
    transform: translate(-50%, -50%) !important;

    margin: 0 !important;
    z-index: 1000000 !important;
}
.wpforo-main {
    margin-top:20px!important;;
}
.wpf-head-top h1{
    color:#fff!important;;
}
.wpf-navi-wrap{
    margin-top:25px;
}
#wpforo #wpforo-wrap .wpf-head-bar .wpf-head-bar-right {
    padding: 0px 0px 47px 0px!important;
    width: 30%;
    text-align: right;
    float: right;
}
.wpf-newest-member a{
  color: rgba(209, 26, 42, 1)!important;   
}
#wpforo #wpforo-wrap .wpf-button, .wpf-button {
    background: rgba(0, 30, 61, 1)!important;
    color: #ffffff!important;
    border: 1px solid rgba(0, 30, 61, 1)!important;
}
/* #wpforo #wpforo-wrap a {
    color: rgba(209, 26, 42, 1)!important;
} */
/* #wpforo #wpforo-wrap a:hover {
    color: rgba(0, 30, 61, 1)!important;
} */
#wpforo #wpforo-wrap .widget-title, .wpforo-widget-wrap .widget-title {
    border-bottom: 1px solid #E8E8EA!important;
}
#wpforo #wpforo-wrap .widget-title, #wpforo .wpforo-widget-wrap .widget-title, .wpforo-widget-wrap .widget-title {
    padding: 0px 0 17px 0!important;
    margin-bottom: 8px!important;
    font-size: 32px!important;
       text-transform: capitalize!important;
}
/* #wpforo #wpforo-wrap #wpforo-title {
    color: rgba(0, 30, 61, 1)!important;
} */
#wpforo #wpforo-wrap #wpforo-title {
    font-size: 32px!important;
    line-height: 34px!important;
    padding: 2px 0 20px 0;
    margin: 0px 0 0px 0!important;
    font-weight: 500!important;
    font-family: "oswald", sans-serif!important;
       text-transform: capitalize!important;
}
#wpforo #wpforo-wrap #wpforo-menu #wpf-menu .wpforo-active, #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.wpforo-active{
        background-color: rgba(241, 245, 249, 1)!important;
}


#wpforo #wpforo-wrap .wpforo-active, #wpforo #wpforo-wrap #wpforo-menu li.wpforo-active, #wpforo #wpforo-wrap #wpforo-menu li:hover, #wpforo #wpforo-wrap #wpforo-menu li.current-menu-ancestor, #wpforo #wpforo-wrap #wpforo-menu li.current-menu-parent, #wpforo #wpforo-wrap #wpforo-menu li.current_page_item {
    border-bottom: #001e3d 2px solid!important;
}
.wpforo-content > h1{

    font-size: 32px;
        line-height: 26px;
        padding: 2px 0 15px 0;
        margin: 1px 0 0px 0;
        font-weight: 700;
        justify-content: space-between;
        display: flex;
        align-items: center;
        vertical-align: middle;
}
/* =========================================================
   CATEGORY HEADER
   ========================================================= */

.sr-forum-category-header {
    position: relative;
    min-height: 125px !important;
    margin: 0 0 24px !important;
    overflow: hidden;
    background:
      #001E3D  !important;

    border: 0 !important;
}

.sr-forum-category-overlay {
    min-height: 125px !important;
    padding: 24px 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: transparent !important;
}

.sr-category-heading {
    position: relative;
    z-index: 2;
}

.sr-category-heading,
.sr-category-heading * {
    color: #ffffff !important;
}

.sr-category-eyebrow {
    color: #8bc9e6 !important;
}

.sr-category-description {
    color: rgba(255,255,255,.78) !important;
}

.sr-category-eyebrow {
    display: block !important;
    margin: 0 0 4px !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

.sr-category-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 27px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: .2px !important;
}

.sr-category-description {
    margin: 7px 0 0 !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   ADD TOPIC
   ========================================================= */

.sr-category-action {
    position: relative;
    z-index: 5;
}

.sr-category-action .wpf-button {
    min-height: 38px !important;
    padding: 0 17px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    color: #032746 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.sr-category-action .wpf-button i,
.sr-category-action .wpf-button span {
    color: #032746 !important;
}

.sr-category-action .wpf-button:hover {
    background: #e31e2f !important;
    color: #ffffff !important;
}

.sr-category-action .wpf-button:hover i,
.sr-category-action .wpf-button:hover span {
    color: #ffffff !important;
}


/* =========================================================
   FORUM CARD
   ========================================================= */

.sr-forum-wrap {
    position: relative;
    margin: 0 0 20px !important;
    background: #ffffff !important;
    border: 1px solid var(--sr-border) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    box-shadow:
        0 4px 18px rgba(3,39,70,.045) !important;
}


/* =========================================================
   FORUM HEADER
   ========================================================= */

.sr-forum-card {
    position: relative;
    min-height: 96px !important;
    padding: 18px 52px 18px 22px !important;
    display: flex !important;
    align-items: center !important;
    background:
      #F1F5F9 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--sr-border) !important;
    box-sizing: border-box !important;
    transition: background .2s ease !important;
}

.sr-forum-card:hover {
    background:
       #fff!important;
}

.sr-forum-main {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
}


/* =========================================================
   FORUM ICON
   ========================================================= */

.sr-forum-icon {
    flex: 0 0 54px !important;
    width: 54px !important;
    margin-right: 17px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sr-forum-icon-inner {
    position: relative !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid var(--sr-forum-color) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: var(--sr-forum-color) !important;
    font-size: 18px !important;
    box-sizing: border-box !important;
    box-shadow:
        0 2px 8px rgba(3,39,70,.045) !important;
    transition:
        background .2s ease,
        transform .2s ease !important;
}

.sr-forum-icon-inner::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: var(--sr-forum-color);
    opacity: .07;
    pointer-events: none;
}

.sr-forum-icon-inner i {
    position: relative;
    z-index: 1;
    color: var(--sr-forum-color) !important;
    font-size: 18px !important;
}

.sr-forum-card:hover .sr-forum-icon-inner {
    transform: translateY(-1px) !important;
}


/* =========================================================
   FORUM INFORMATION
   ========================================================= */

.sr-forum-info {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.sr-forum-title {
    margin: 0 0 4px !important;
    padding: 0 !important;
        font-size: 23px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    letter-spacing: -.15px !important;
}

.sr-forum-title a {
    color: var(--sr-navy) !important;
    text-decoration: none !important;
    transition: color .15s ease !important;
}

.sr-forum-title a:hover {
    color: var(--sr-blue) !important;
}

.sr-forum-description {
    max-width: 650px !important;
    margin: 0 !important;
    color: #718494 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

.sr-forum-stats {
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    margin-top: 7px !important;
    color: #718494 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.sr-forum-stats span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.sr-forum-stats i {
    color: var(--sr-blue) !important;
    font-size: 9px !important;
}


/* =========================================================
   TOGGLE
   ========================================================= */

.sr-forum-toggle {
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    width: 28px !important;
    height: 28px !important;
    margin-top: -14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #d7e2e9 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.9) !important;
    color: #738493 !important;
    cursor: pointer !important;
    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease !important;
}

.sr-forum-toggle:hover {
    background: var(--sr-navy) !important;
    border-color: var(--sr-navy) !important;
    color: #ffffff !important;
}

.sr-forum-toggle i {
    font-size: 9px !important;
}

/* =========================================================
   SUB FORUMS
   ========================================================= */
.sr-subforums {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    padding: 12px 20px !important;
    background: #fafcfd !important;
    border-bottom: 1px solid var(--sr-border) !important;
}

.sr-subforum {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 10px !important;
    background: #ffffff !important;
    border: 1px solid var(--sr-border) !important;
    border-radius: 3px !important;
    color: var(--sr-navy) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.sr-subforum:hover {
    border-color: var(--sr-blue) !important;
    color: var(--sr-blue) !important;
}

.sr-subforum-icon {
    color: var(--sr-blue) !important;
}

.sr-subforum > i {
    color: #9caab5 !important;
}


/* =========================================================
   TOPIC LIST
   ========================================================= */

.sr-forum-topics {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid var(--sr-border) !important;
    border-top: 0 !important;
    border-radius: 0 0 4px 4px !important;
    overflow: hidden !important;
}

.sr-topic-list {
    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   Individual Topic
   --------------------------------------------------------- */
.sr-topic-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 9px 17px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf1f4 !important;
    box-sizing: border-box !important;
    transition:
        background .18s ease,
        padding-left .18s ease !important;
}

.sr-topic-row:last-child {
    border-bottom: 0 !important;
}

.sr-topic-row:hover {
    background: #f8fbfd !important;
    padding-left: 20px !important;
}


/* ---------------------------------------------------------
   Topic Icon
   --------------------------------------------------------- */
.sr-topic-icon {
    width: 34px !important;
    height: 34px !important;
    margin-right: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    background: #f5f8fa !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    transition:
        border-color .18s ease,
        background .18s ease !important;
}

.sr-topic-row:hover .sr-topic-icon {
    background: #edf5fa !important;
    border-color: #cbdde8 !important;
}

.sr-topic-icon i,
.sr-topic-icon svg {
    color: #6f8493 !important;
    fill: #6f8493 !important;
    font-size: 11px !important;
}

.sr-member-footer a{
    color :#001E3D !important;
    font-size: 10px !important;
}
/* ---------------------------------------------------------
   Topic Content
   --------------------------------------------------------- */
.sr-topic-content {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.sr-topic-title {
    max-width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    color: rgba(0, 30, 61, 1) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.sr-topic-title a {
    color: #0b3b60 !important;
    text-decoration: none !important;
    transition: color .15s ease !important;
}

.sr-topic-title a:hover {
    color: rgba(209, 26, 42, 1) !important;
}

.sr-topic-replies {
    margin-top: 3px !important;
    color: #9aa8b2 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}


/* ---------------------------------------------------------
   Last User
   --------------------------------------------------------- */

.sr-topic-user {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 155px !important;
    min-width: 0 !important;
    margin-left: 20px !important;
}

.sr-topic-avatar {
    width: 32px !important;
    height: 32px !important;
    margin-right: 8px !important;
    flex: 0 0 32px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    background: #edf1f4 !important;
}

.sr-topic-avatar img {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.sr-topic-user-info {
    min-width: 0 !important;
}

.sr-topic-user-name {
    max-width: 100% !important;
    overflow: hidden !important;
    color: #001E3D !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.sr-topic-user-name a {
    color: #001E3D !important;
    text-decoration: none !important;
}

.sr-topic-user-name a:hover {
    color: #D11A2A !important;
}

.sr-topic-date {
    margin-top: 2px !important;
    color: #696A75 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}


/* ---------------------------------------------------------
   Arrow
   --------------------------------------------------------- */

.sr-topic-arrow {
    width: 18px !important;
    height: 20px !important;
    margin-left: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 18px !important;
}

.sr-topic-arrow i {
    color: #a0adb6 !important;
    font-size: 9px !important;
    transition:
        color .18s ease,
        transform .18s ease !important;
}

.sr-topic-row:hover .sr-topic-arrow i {
    color: #1261a0 !important;
    transform: translateX(2px) !important;
}


/* ---------------------------------------------------------
   View All Topics
   --------------------------------------------------------- */
.sr-view-all-topics {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 38px !important;
    padding: 8px 17px !important;
    background: #fbfcfd !important;
    box-sizing: border-box !important;
}

.sr-view-all-topics a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: rgba(0, 30, 61, 1) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: color .15s ease !important;
}

.sr-view-all-topics a:hover {
    color: #e3262e !important;
}

.sr-view-all-topics i {
    font-size: 8px !important;
    transition: transform .15s ease !important;
}

.sr-view-all-topics a:hover i {
    transform: translateX(2px) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 700px) {
    .sr-forum-category-overlay {
        display: block !important;
        padding: 22px 18px !important;
    }

    .sr-forum-category-header {
        min-height: 140px !important;
    }

    .sr-category-title {
        font-size: 24px !important;
    }

    .sr-category-description {
        font-size: 11px !important;
    }

    .sr-category-action {
        margin-top: 14px !important;
    }

    .sr-forum-card {
        min-height: 95px !important;
        padding: 18px 42px 18px 15px !important;
    }

    .sr-forum-icon {
        flex-basis: 45px !important;
        width: 45px !important;
        margin-right: 10px !important;
    }

    .sr-forum-icon-inner {
        width: 43px !important;
        height: 43px !important;
        font-size: 16px !important;
    }

    .sr-forum-title {
        font-size: 15px !important;
    }

    .sr-forum-description {
        font-size: 10px !important;
    }

    .sr-forum-stats {
        font-size: 9px !important;
    }

/* Topic rows */
.sr-topic-row {
    min-height: 58px !important;
    padding: 8px 12px !important;
}

.sr-topic-row:hover {
    padding-left: 12px !important;
}

.sr-topic-icon {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    margin-right: 10px !important;
}

.sr-topic-user {
    display: none !important;
}

.sr-topic-arrow {
    margin-left: 6px !important;
}

@media (max-width: 520px) {
    .sr-topic-user {
        display: none !important;
    }

    .sr-topic-arrow {
        margin-left: 6px !important;
    }
}

}

/* =========================================================
   SKI RACING COMMUNITY HERO
   ========================================================= */
.sr-community-hero {
    position: relative;
    min-height: 255px;
    margin: 0 !important;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-image:  url("https://srm.nyc3.digitaloceanspaces.com/wp-content/uploads/2026/08/ski-banner-scaled.png");
    background-size: cover;
    background-position: center center;
    box-sizing: border-box;
}

/* Dark navy overlay */
.sr-community-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(3, 39, 70, 0.94) 0%,
            rgba(3, 39, 70, 0.78) 42%,
            rgba(3, 39, 70, 0.45) 72%,
            rgba(3, 39, 70, 0.20) 100%
        );

    z-index: 1;
}

/* Hero content */
.sr-community-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 48px 48px;
    box-sizing: border-box;
}

/* Eyebrow */
.sr-community-hero-eyebrow {
    margin: 0 0 12px;
    color: #75c9f4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    line-height: 1.2;
}

/* Main title */
.sr-community-hero-title {
    margin: 0 0 12px !important;
    color: #ffffff !important;
    font-size: 44px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.5px;
}

/* Description */
.sr-community-hero-description {
    max-width: 600px;
    margin: 0 !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* =========================================================
   WPForo NAVIGATION - FLOATING OVER HERO
   ========================================================= */

#wpforo-menu {
    display: block !important;
    position: relative !important;
    z-index: 20 !important;
    width: calc(100% - 32px) !important;
    height: 54px !important;
    margin: -27px 16px 20px !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #dce5eb !important;
    border-radius: 3px !important;
    box-shadow: 0 8px 25px rgba(3, 39, 70, .12) !important;
    box-sizing: border-box !important;
}


/* Left side */
#wpforo-menu > .wpf-left {
    display: table-cell !important;
    height: 54px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}


/* Main menu */
#wpforo-menu #wpf-menu {
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap !important;
}

/* Menu items */
#wpforo-menu #wpf-menu > li {
    position: relative !important;
    display: inline-block !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

/* Menu links */
#wpforo-menu #wpf-menu > li > a {
    position: relative !important;
    display: block !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 17px !important;
    background: transparent !important;
    border: 0 !important;
    color: #032746 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 54px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    transition: all .2s ease !important;
}

/* Hover */
#wpforo-menu #wpf-menu > li > a:hover {
    color: rgba(209, 26, 42, 1)!important;
    background: rgba(241, 245, 249, 1) !important;
}

/* Active */
/* #wpforo-menu #wpf-menu > li.wpforo-active > a,
#wpforo-menu #wpf-menu > li.current-menu-item > a {
    color: #e31e2f !important;
    background: #f5f9fc !important;
} */

/* Active underline */
/* #wpforo-menu #wpf-menu > li.wpforo-active > a::after,
#wpforo-menu #wpf-menu > li.current-menu-item > a::after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    height: 3px;
    background: #e31e2f;
} */

/* =========================================================
   PROFILE DROPDOWN
   ========================================================= */
#wpforo-menu #wpf-menu > li.menu-item-has-children {
    position: relative !important;
}


#wpforo-menu #wpf-menu > li.menu-item-has-children > .sub-menu {
    position: absolute !important;
    top: 54px !important;
    left: 0 !important;
    display: none;
    min-width: 175px !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    background: #ffffff !important;
    border: 1px solid #dce5eb !important;
    box-shadow: 0 10px 25px rgba(3,39,70,.12) !important;
    list-style: none !important;
    z-index: 9999 !important;
}


#wpforo-menu #wpf-menu > li.menu-item-has-children:hover > .sub-menu {
    display: block !important;
}


#wpforo-menu #wpf-menu > li.menu-item-has-children > .sub-menu > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


#wpforo-menu #wpf-menu > li.menu-item-has-children > .sub-menu a {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 9px 14px !important;
    color: #032746 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    background: #ffffff !important;
    text-decoration: none !important;
}


#wpforo-menu #wpf-menu > li.menu-item-has-children > .sub-menu a:hover {
    background: #f3f7fa !important;
    color: rgba(209, 26, 42, 1) !important;
}


/* =========================================================
   SEARCH
   ========================================================= */

#wpforo-menu > .wpf-bar-right {
    display: table-cell !important;
    width: 1% !important;
    height: 54px !important;
    padding: 0 10px 0 15px !important;
    vertical-align: middle !important;
    text-align: right !important;
    white-space: nowrap !important;
}


#wpforo-menu .wpf-search-form {
    position: relative !important;
    display: inline-block !important;
    width: 205px !important;
    margin: 0 !important;
    vertical-align: middle !important;
}


#wpforo-menu .wpf-search-form form {
    position: relative !important;
    margin: 0 !important;
}


#wpforo-menu .wpf-search-form .fa-search {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #718293 !important;
    font-size: 11px !important;
    pointer-events: none !important;
}


#wpforo-menu .wpf-search-field {
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 12px 0 32px !important;
    background: #f5f8fa !important;
    border: 1px solid #dce5eb !important;
    border-radius: 3px !important;
    color: #032746 !important;
    font-size: 10px !important;
    line-height: 34px !important;
    outline: none !important;
    box-sizing: border-box !important;
}


#wpforo-menu .wpf-search-field::placeholder {
    color: #8a98a5 !important;
}


#wpforo-menu .wpf-search-field:focus {
    background: #ffffff !important;
    border-color: #087fc1 !important;
}


/* =========================================================
   NOTIFICATION
   ========================================================= */

#wpforo-menu .wpf-alerts {
    display: inline-block !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
}


#wpforo-menu .wpf-bell {
    display: flex !important;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #63798a !important;
}

#wpforo-menu .wpf-bell:hover {
    color: rgba(0, 30, 61, 1) !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .sr-community-hero {
        min-height: 230px;
    }

    .sr-community-hero-content {
        padding: 40px 28px;
    }

    .sr-community-hero-title {
        font-size: 34px !important;
    }

    .sr-community-hero-description {
        font-size: 13px !important;
    }


    /* =========================================
       MOBILE WPForo NAVIGATION
       ========================================= */

    #wpforo-menu {
        width: calc(100% - 20px) !important;
        margin: -25px 10px 18px !important;
        height: 52px !important;
        position: relative !important;
    }

    #wpforo-menu > .wpf-left {
        /* display: block !important; */
        height: 52px !important;
        position: static !important;
    }

    /* Hamburger */
    #wpforo-menu .wpf-res-menu {
        display: inline-flex !important;
        width: 38px !important;
        height: 38px !important;
        margin: 0 8px !important;
        align-items: center !important;
        justify-content: center !important;
    }


    /* Opened mobile menu */
    #wpforo-menu #wpf-menu {
        position: absolute !important;
        top: 51px !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 6px 0 !important;
        background: #ffffff !important;
        border: 1px solid #dce5eb !important;
        border-top: 0 !important;
        box-shadow: 0 10px 25px rgba(3, 39, 70, .12) !important;
        white-space: normal !important;
        list-style: none !important;
        z-index: 9999 !important;
    }


    /* Main menu items */
    #wpforo-menu #wpf-menu > li {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    /* Main menu links */
    #wpforo-menu #wpf-menu > li > a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        line-height: 44px !important;
        background: #ffffff !important;
        color: #032746 !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        box-sizing: border-box !important;
    }

    #wpforo-menu #wpf-menu > li > a:hover {
        background: #f5f9fc !important;
        color: #087fc1 !important;
    }


    /* Active item */
    /* #wpforo-menu #wpf-menu > li.wpforo-active > a,
    #wpforo-menu #wpf-menu > li.current-menu-item > a {
        background: #f5f9fc !important;
        color: #e31e2f !important;
    } */

    #wpforo-menu #wpf-menu > li.wpforo-active > a::after,
    #wpforo-menu #wpf-menu > li.current-menu-item > a::after {
        left: 0 !important;
        right: auto !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 3px !important;
        height: auto !important;
    }


    /* Profile submenu */
    #wpforo-menu #wpf-menu > li.menu-item-has-children > .sub-menu {
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #wpforo-menu #wpf-menu > li.menu-item-has-children:hover > .sub-menu {
        display: none !important;
    }


    /* Search area */
    #wpforo-menu > .wpf-bar-right {
        height: 52px !important;
    }

    #wpforo-menu .wpf-search-form {
        width: 150px !important;
    }

}

@media (max-width: 480px) {

    .sr-community-hero {
        min-height: 220px;
    }

    .sr-community-hero-content {
        padding: 32px 22px;
    }

    .sr-community-hero-title {
        font-size: 29px !important;
    }

    #wpforo-menu .wpf-alerts {
        display: none !important;
    }

    #wpforo-menu .wpf-search-form {
        width: 125px !important;
    }

}

/* =========================================================
   COMMUNITY HERO - FINAL POLISH
   ========================================================= */
/* Hero content spacing */
.sr-community-hero-content {
    padding: 52px 0px !important;
}

/* Make eyebrow visible */
.sr-community-hero-eyebrow {
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 2.5px !important;
    opacity: 1 !important;
}


/* Hero title */
.sr-community-hero-title {
    color: #ffffff !important;

    margin-top: 0 !important;
}

/* Hero description */
.sr-community-hero-description {
    color: rgba(255,255,255,.92) !important;
}

/* =========================================================
   FLOATING NAVIGATION
   ========================================================= */
#wpforo-menu {
    width: calc(100% - 0px) !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: -34px !important;
    overflow: visible !important;
}


/* Left side should take remaining space */
#wpforo-menu > .wpf-left {
    width: auto !important;
    padding-left: 0 !important;
}

/* =========================================================
   SEARCH AREA FIX
   ========================================================= */
/* Search */
#wpforo-menu .wpf-search-form {
    width: 205px !important;
    max-width: 205px !important;
    box-sizing: border-box !important;
}

/* Search input */
#wpforo-menu .wpf-search-field {
    width: 205px !important;
    max-width: 205px !important;
    box-sizing: border-box !important;
}

/* Bell */
#wpforo-menu .wpf-alerts {
    margin-right: 5px !important;
}

/* =========================================================
   HERO IMAGE
   ========================================================= */
.sr-community-hero {
    background-position: center center !important;
}

/* =========================================================
   DESKTOP HEIGHT
   ========================================================= */
@media (min-width: 701px) {
    .sr-community-hero {
        min-height: 320px !important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 700px) {
    .sr-community-hero-content {
        padding: 40px 28px !important;
    }

    .sr-community-hero-title {
        font-size: 34px !important;
    }

    #wpforo-menu {
        width: calc(100% - 20px) !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: -26px !important;
    }

    /* Search area */
    #wpforo-menu>.wpf-bar-right {
        position: absolute !important;
        top: 0 !important;
        right: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 180px !important;
        height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    #wpforo-menu .wpf-search-form {
        width: 150px !important;
        margin: 0 !important;
    }

    #wpforo-menu .wpf-search-form form {
        margin: 0 !important;
    }

    #wpforo-menu .wpf-search-field {
        width: 150px !important;
        height: 42px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

}

/* =========================================================
   HERO - FULL BLEED
   ========================================================= */

/* Break the hero out of the theme's centered content container.

   Both percentages resolve against the container (the hero's containing
   block), so with the existing box-sizing:border-box:

     margin  = -(viewport - container) / 2  -> hero starts at the screen edge
     padding =  (viewport - container) / 2  -> content box stays exactly
                                               container-width

   The padding is what keeps the hero text lined up with the forum content
   below it, with no container width to hardcode or keep in sync. */

.sr-community-hero {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding-left: calc(50vw - 50%) !important;
    padding-right: calc(50vw - 50%) !important;
}

#wpforo-wrap {
    padding-top: 0 !important;
}

/* wpForo Footer */
/* =========================================
   FORUM INFORMATION
   ========================================= */
#wpforo-footer {
    margin-top: 40px !important;
    border: 0 !important;
    background: transparent !important;
}

#wpforo-footer #wpforo-stat-header {
    display: none !important;
}

#wpforo-footer #wpforo-stat-body {
    margin: 0 !important;
}

#wpforo-footer #wpforo-stat-body > .wpf-footer-box {
    box-sizing: border-box;
}

/* Main statistics card */
#wpforo-footer #wpforo-stat-body > .wpf-footer-box:first-child {
    margin: 0 !important;
    padding: 24px 28px !important;
    background: #f1f6fa !important;
    border: 1px solid #e0e9ef !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

#wpforo-footer .wpf-footer-box:first-child ul {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#wpforo-footer .wpf-footer-box:first-child li {
    flex: 1 1 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border-right: 1px solid #d8e3ea !important;
}

#wpforo-footer .wpf-footer-box:first-child li:first-child {
    padding-left: 0 !important;
}

#wpforo-footer .wpf-footer-box:first-child li:last-child {
    padding-right: 0 !important;
    border-right: 0 !important;
}

#wpforo-footer .wpf-footer-box:first-child li svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    fill: #496579 !important;
}

#wpforo-footer .wpf-stat-value {
    display: inline-block !important;
    color: #344b60 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

#wpforo-footer .wpf-stat-label {
    color: #718292 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

#wpforo-footer #wpforo-stat-body > .wpf-footer-box:nth-child(2) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 18px 28px !important;
    background: #f8fafc !important;
    border: 0 !important;
    border-left: 1px solid #e0e9ef !important;
    border-right: 1px solid #e0e9ef !important;
    border-bottom: 1px solid #e0e9ef !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: none !important;
}

#wpforo-footer .wpf-newest-member,
#wpforo-footer .wpf-newest-post {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #65798a !important;
    font-size: 12px !important;
}

#wpforo-footer .wpf-newest-member svg,
#wpforo-footer .wpf-newest-post svg {
    width: 15px !important;
    height: 15px !important;
    fill: #647b8d !important;
}

#wpforo-footer .wpf-newest-member a,
#wpforo-footer .wpf-newest-post a {
    color: #0a4f80 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

#wpforo-footer .wpf-newest-member a:hover,
#wpforo-footer .wpf-newest-post a:hover {
    color: #e3262e !important;
}

#wpforo-footer .wpf-last-info {
    margin: 0 !important;
    padding: 14px 28px !important;
    background: #f1f6fa !important;
    border: 1px solid #e0e9ef !important;
    border-top: 0 !important;
    border-radius: 0 0 4px 4px !important;
}

/* Hide the excessive topic-status legend */
#wpforo-footer .wpf-topic-icons {
    display: none !important;
}

#wpforo-footer .wpf-forum-icons {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    margin: 0 !important;
}

#wpforo-footer .wpf-forum-icons .wpf-stat-label {
    margin-right: 4px !important;
    color: #65798a !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

#wpforo-footer .wpf-forum-icons span:not(.wpf-stat-label) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #81909c !important;
    font-size: 10px !important;
}

#wpforo-footer .wpf-forum-icons i {
    font-size: 11px !important;
}

/* =========================================================
   WPForo FOOTER - SMALL MOBILE
   ========================================================= */

@media (max-width: 400px) {

    /* Prevent footer boxes from exceeding the available width */
    #wpforo-footer,
    #wpforo-footer #wpforo-stat-body,
    #wpforo-footer .wpf-footer-box {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       STATISTICS
       ----------------------------------------- */

    #wpforo-footer #wpforo-stat-body > .wpf-footer-box:first-child {
        padding: 18px 16px !important;
    }

    #wpforo-footer .wpf-footer-box:first-child ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 !important;
        width: 100% !important;
    }

    #wpforo-footer .wpf-footer-box:first-child li {
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 11px 8px !important;
        border-right: 1px solid #d8e3ea !important;
        border-bottom: 1px solid #d8e3ea !important;
        box-sizing: border-box !important;
    }

    #wpforo-footer .wpf-footer-box:first-child li:nth-child(2n) {
        border-right: 0 !important;
    }

    #wpforo-footer .wpf-footer-box:first-child li:nth-child(5) {
        grid-column: 1 / -1 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    #wpforo-footer .wpf-footer-box:first-child li:nth-child(4) {
        border-bottom: 1px solid #d8e3ea !important;
    }

    #wpforo-footer .wpf-footer-box:first-child li svg {
        flex: 0 0 18px !important;
    }

    #wpforo-footer .wpf-stat-value {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        font-size: 14px !important;
    }

    #wpforo-footer .wpf-stat-label {
        min-width: 0 !important;
        white-space: nowrap !important;
        font-size: 11px !important;
    }


    /* -----------------------------------------
       NEWEST MEMBER / LATEST POST
       ----------------------------------------- */

    #wpforo-footer #wpforo-stat-body > .wpf-footer-box:nth-child(2) {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        padding: 16px !important;
    }

    #wpforo-footer .wpf-newest-member,
    #wpforo-footer .wpf-newest-post {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 8px !important;
        line-height: 1.5 !important;
        box-sizing: border-box !important;
    }

    #wpforo-footer .wpf-newest-member svg,
    #wpforo-footer .wpf-newest-post svg {
        flex: 0 0 15px !important;
    }

    #wpforo-footer .wpf-newest-member a,
    #wpforo-footer .wpf-newest-post a {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }


    /* -----------------------------------------
       FORUM ICON LEGEND
       ----------------------------------------- */

    #wpforo-footer #wpforo-stat-body > .wpf-footer-box.wpf-last-info {
        padding: 14px 16px !important;
    }

    #wpforo-footer .wpf-forum-icons {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
    }

    #wpforo-footer .wpf-forum-icons .wpf-stat-label {
        margin: 0 0 3px !important;
    }

    #wpforo-footer .wpf-forum-icons span:not(.wpf-stat-label) {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        line-height: 1.4 !important;
        white-space: normal !important;
    }

}

/* =========================================================
   BREADCRUMB - VISUAL POLISH
   ========================================================= */

.wpforo-subtop .wpf-breadcrumb {
    background: transparent !important;
}

/* Breadcrumb links */
.wpforo-subtop .wpf-breadcrumb .wpf-item-element a {
    color: #718494 !important;
    text-decoration: none !important;
}

.wpforo-subtop .wpf-breadcrumb .wpf-item-element a:hover {
    color: #1261a0 !important;
}

/* Current breadcrumb item */
.wpforo-subtop .wpf-breadcrumb .wpf-item-element.active {
    color: #1261a0 !important;
    font-weight: 600 !important;
}

.wpforo-subtop .wpf-breadcrumb .wpf-item-element.active span {
    color: #1261a0 !important;
}

/* Home icon */
.wpforo-subtop .wpf-breadcrumb .wpf-root i {
    color: #526d80 !important;
}

/* =========================================================
   SIDEBAR — PROMOTIONAL BANNER
   ========================================================= */
.sr-sidebar-banner {
    position: relative;
    min-height: 155px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 22px 20px !important;
    margin-bottom: 18px !important;
    background-image: url("https://srm.nyc3.digitaloceanspaces.com/wp-content/uploads/2026/09/1788681442-Kalle_Levi_16-1.png");
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.sr-sidebar-banner-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        135deg,
        rgba(0, 34, 61, 0.88) 0%,
        rgba(0, 67, 105, 0.65) 55%,
        rgba(0, 0, 0, 0.35) 100%
    );
}

.sr-sidebar-banner-content {
    position: relative;
    z-index: 2;
    color: #fff !important;
}

.sr-sidebar-banner-eyebrow {
    display: block !important;
    margin: 0 0 8px !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #9fd8f5 !important;
}

.sr-sidebar-banner-content h3 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
    color: #ffffff !important;
}

.sr-sidebar-banner-line {
    display: block !important;
    width: 34px;
    height: 3px;
    margin-top: 12px !important;
    background: #e5233f;
}

/* =========================================================
   SIDEBAR — START A NEW TOPIC
   ========================================================= */
.sr-sidebar-action {
    margin-bottom: 18px !important;
}

.sr-sidebar-topic-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 0 15px !important;
    box-sizing: border-box;
    background: rgba(0, 30, 61, 1);
    border: 1px solid rgba(0, 30, 61, 1);
    border-radius: 10px;
    color: #fff !important;
    text-decoration: none !important;
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.sr-sidebar-topic-button:hover {
    background: rgba(0, 30, 61, 1);
    border-color: rgba(0, 30, 61, 1);
    color: #fff !important;
    transform: translateY(-1px);
}

.sr-sidebar-topic-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-right: 10px !important;
    background: rgba(255,255,255,.12);
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
}

.sr-sidebar-topic-button > span:nth-child(2) {
    flex: 1;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.sr-sidebar-topic-arrow {
    font-size: 9px;
    opacity: .7;
    transition: transform .2s ease;
}

.sr-sidebar-topic-button:hover .sr-sidebar-topic-arrow {
    transform: translateX(3px);
    opacity: 1;
}

/* =========================================================
   SIDEBAR — FORUM STATISTICS
   ========================================================= */
.sr-sidebar-statistics {
    position: relative;
    margin-bottom: 18px !important;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d8e3ea !important;
    border-radius: 5px;
    box-sizing: border-box;
}

/* -----------------------------------------
   Header
   ----------------------------------------- */

.sr-sidebar-card-heading {
    position: relative;
    padding: 18px 20px 16px !important;
    background: rgba(0, 30, 61, 1);

    /* border-bottom: 3px solid #a8aaab !important; */
}

.sr-sidebar-card-eyebrow {
    display: block !important;
    margin: 0 0 5px !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #9fd8f5 !important;
}

.sr-sidebar-card-heading h3 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: 2.52px !important;
        text-transform: capitalize!important;
}

/* -----------------------------------------
   Statistics grid
   ----------------------------------------- */

.sr-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: #ffffff;
}

/* -----------------------------------------
   Individual statistic
   ----------------------------------------- */

.sr-stat-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 76px;
    padding: 13px 18px !important;
    box-sizing: border-box;
    background: #ffffff;
    border-bottom: 1px solid #e6edf2 !important;
    transition:
        background .2s ease,
        transform .2s ease;
}

.sr-stat-item:nth-child(odd) {
    border-right: 1px solid #e6edf2;
}

.sr-stat-item:hover {
    background: #f4f9fc;
}

/* -----------------------------------------
   Number
   ----------------------------------------- */

.sr-stat-number {
    display: block;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: #063b60 !important;
}

/* -----------------------------------------
   Label
   ----------------------------------------- */

.sr-stat-label {
    display: block;
    margin-top: 6px !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #7c909f !important;
}

/* -----------------------------------------
   Members — full width
   ----------------------------------------- */
.sr-stat-members {
    grid-column: 1 / -1;
    min-height: 68px;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

/* -----------------------------------------
   Accent markers
   ----------------------------------------- */
.sr-stat-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    width: 3px;
    height: 24px;
    background: #22a6d5;
}

.sr-stat-item:nth-child(2)::before {
    background: #e5233f;
}

.sr-stat-item:nth-child(3)::before {
    background: #18b89a;
}

.sr-stat-item:nth-child(4)::before {
    background: #f0bd19;
}

.sr-stat-item:nth-child(5)::before {
    background: #8b5cf6;
}

/* -----------------------------------------
   Mobile
   ----------------------------------------- */
@media (max-width: 700px) {

    .sr-sidebar-card-heading {
        padding: 17px 18px 15px !important;
    }

    .sr-stat-item {
        min-height: 70px !important;
        padding-left: 17px !important;
    }

    .sr-stat-number {
        font-size: 20px !important;
    }
}

/* =========================================================
   SIDEBAR — LATEST MEMBERS
   ========================================================= */

.sr-sidebar-members {
    margin-bottom: 18px !important;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8e3ea !important;
    border-radius: 5px;
}

/* -----------------------------------------
   Header
   ----------------------------------------- */

.sr-sidebar-members-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 15px 16px 13px !important;
    background:rgba(0, 30, 61, 1);

    /* border-bottom: 3px solid #a8aaab  !important; */
}

.sr-sidebar-members-heading .sr-sidebar-card-eyebrow {
    color: #9fd8f5 !important;
}

.sr-sidebar-members-heading h3 {
    color: #fff !important;
    letter-spacing: 2.52px !important;
       text-transform: capitalize!important;
}

/* -----------------------------------------
   Member grid
   ----------------------------------------- */
.sr-member-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
}

/* -----------------------------------------
   Individual member
   ----------------------------------------- */

.sr-member-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    min-height: 105px;
    padding: 13px 4px 10px !important;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #e7eef3;
    transition: background .18s ease;
}

.sr-member-item:hover {
    background: #f5f9fc;
}

/* -----------------------------------------
   Avatar
   ----------------------------------------- */
.sr-member-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    margin: 0 0 7px !important;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #d9e6ee !important;
    background: #f1f6f9;
    box-sizing: border-box;
    transition:
        border-color .18s ease,
        transform .18s ease;
}

.sr-member-item:hover .sr-member-avatar {
    border-color: #1261a0;
    transform: translateY(-2px);
}

.sr-member-avatar-img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/* -----------------------------------------
   Member information
   ----------------------------------------- */
.sr-member-info {
    width: 100%;
    min-width: 0;
    text-align: center;
}

.sr-member-name {
    display: block;
    margin: 0;
    font-size: 8px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #0b3b60 !important;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sr-member-name:hover {
    color: #1261a0 !important;
}

.sr-member-date {
    display: block;
    margin-top: 4px !important;
    font-size: 6.5px !important;
    line-height: 1.2 !important;
    color: #91a1ac !important;
    white-space: nowrap;
}

/* -----------------------------------------
   Hide individual arrows
   ----------------------------------------- */
.sr-member-arrow {
    display: none !important;
}

/* -----------------------------------------
   Footer
   ----------------------------------------- */
.sr-member-footer {
    padding: 9px 13px !important;
    background: #f7fafc;
    text-align: right;
}
.sr-member-footer a{
font-size: 10px !important;
color: rgba(0, 30, 61, 1)!important;
}
.sr-member-footer a {
    font-size: 7px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: #1261a0 !important;
    text-decoration: none !important;
}

.sr-member-footer a i {
    margin-left: 5px !important;
    font-size: 7px;
}

.sr-member-footer a:hover {
    color: #e5233f !important;
}

/* =========================================================
   SIDEBAR — TRENDING DISCUSSIONS
   ========================================================= */
.sr-sidebar-trending {
    margin-bottom: 18px !important;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8e3ea !important;
    border-radius: 5px;
}

/* -----------------------------------------
   Header
   ----------------------------------------- */

.sr-sidebar-trending-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 16px 13px !important;
    background: rgba(0, 30, 61, 1);
    /* border-bottom: 3px solid #a8aaab  !important; */
}

.sr-sidebar-trending-heading h3 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: 2.52px !important;
       text-transform: capitalize!important;
}

.sr-trending-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgb(255 255 255);
    color: #ff6b35;
    font-size: 11px;
}

/* -----------------------------------------
   Topic list
   ----------------------------------------- */
.sr-trending-list {
    background: #fff;
}

/* -----------------------------------------
   Individual topic
   ----------------------------------------- */
.sr-trending-item {
    display: flex;
    align-items: center;
    min-height: 65px;
    padding: 10px 12px !important;
    box-sizing: border-box;
    border-bottom: 1px solid #e7eef3 !important;
    text-decoration: none !important;
    transition: background .18s ease;
}

.sr-trending-item:last-child {
    border-bottom: 0;
}

.sr-trending-item:hover {
    background: #f5f9fc;
}

/* -----------------------------------------
   Avatar
   ----------------------------------------- */

.sr-trending-avatar {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    margin-right: 10px !important;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #dce7ee !important;
    background: #f1f6f9;
    box-sizing: border-box;
}

.sr-trending-avatar img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.sr-trending-avatar i {
    color: #9aabb7;
    font-size: 12px;
}

/* -----------------------------------------
   Topic content
   ----------------------------------------- */
.sr-trending-content {
    display: block !important;
    min-width: 0;
    flex: 1 1 auto;
}

.sr-trending-title {
    display: block;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    color: rgba(0, 30, 61, 1) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sr-trending-item:hover .sr-trending-title {
    color: #D11A2A !important;
}

.sr-trending-meta {
    display: block;
    margin-top: 4px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    color: #696A75 !important;
}

.sr-trending-dot {
    margin: 0 4px !important;
    color: #b7c3cb;
}
.sr-trending-avatar i {
     color: rgba(0, 30, 61, 1) !important;
}
.sr-view-all-topics a{
     color: rgba(0, 30, 61, 1) !important;
}
/* -----------------------------------------
   Arrow
   ---------------------------------------- */
.sr-trending-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-left: 5px !important;
    color: #a3b3bd;
    font-size: 7px;
    transition:
        color .18s ease,
        transform .18s ease;
}

.sr-trending-item:hover .sr-trending-arrow {
    color: #1261a0;
    transform: translateX(2px);
}

/* =========================================================
   MEMBERS PAGE — SEARCH
   ========================================================= */
.wpforo-members-wrap .wpforo-members-search {
    margin: 0 0 20px !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #d8e3ea !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}

/* Reset wpForo row spacing */
.wpforo-members-wrap .wpforo-members-search .wpf-tr {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.wpforo-members-wrap .wpforo-members-search .wpf-td {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Remove wpForo's dashed row separators */
.wpforo-members-wrap .wpforo-members-search .wpf-field {
    border: 0 !important;
}

/* Main search row */
.wpforo-members-wrap .wpforo-members-search .wpf-tr.row-0 {
    padding: 12px 20px !important;
    border-bottom: 1px solid #e6edf2 !important;
}

/* Search field itself */
.wpforo-members-wrap .wpforo-members-search .wpf-field-type-search {
    display: grid !important;
    grid-template-columns: 34% 66% !important;
    align-items: center !important;
}

/* Label */
.wpforo-members-wrap .wpforo-members-search .wpf-label-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

.wpforo-members-wrap .wpforo-members-search .wpf-label {
    margin: 0 !important;
    padding: 0 !important;
    color: #063b60 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Input wrapper */
.wpforo-members-wrap .wpforo-members-search .wpf-field-wrap {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Search icon */
.wpforo-members-wrap .wpforo-members-search .wpf-field-icon {
    position: absolute !important;
    left: 13px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    color: #718494 !important;
    font-size: 13px !important;
    pointer-events: none !important;
}

/* Input */
.wpforo-members-wrap .wpforo-members-search .wpf-member-search-field {
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 13px 0 35px !important;
    background: #f7fafc !important;
    border: 1px solid #d8e3ea !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    color: #163d58 !important;
    font-size: 10px !important;
    box-sizing: border-box !important;
}

.wpforo-members-wrap .wpforo-members-search .wpf-member-search-field:focus {
    background: #fff !important;
    border-color: #1261a0 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(18,97,160,.08) !important;
}

.wpforo-members-wrap .wpforo-members-search .wpf-member-search-field::placeholder {
    color: #9aaab5 !important;
    opacity: 1 !important;
}

/* Buttons row */
.wpforo-members-wrap .wpforo-members-search .wpf-tr:not(.row-0) {
    padding: 9px 20px !important;
    background: #f8fafc !important;
}

/* Button container */
.wpforo-members-wrap .wpforo-members-search .wpf-field-type-submit {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Reset button */
.wpforo-members-wrap .wpforo-members-search .wpf-button-secondary {
    height: 34px !important;
    min-width: 120px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    background: #fff !important;
    border: 1px solid #d8e3ea !important;
    border-radius: 3px !important;
    color: #607785 !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .6px !important;
    cursor: pointer !important;
}

.wpforo-members-wrap .wpforo-members-search .wpf-button-secondary:hover {
    background: #f4f8fb !important;
    border-color: #1261a0 !important;
    color: #1261a0 !important;
}

/* Search button */
.wpforo-members-wrap .wpforo-members-search .wpf-member-search {
    height: 34px !important;
    min-width: 92px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    background: #1261a0 !important;
    border: 1px solid #1261a0 !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .6px !important;
    cursor: pointer !important;
}

.wpforo-members-wrap .wpforo-members-search .wpf-member-search:hover {
    background: #063b60 !important;
    border-color: #063b60 !important;
}

/* =========================================================
   MEMBERS PAGE — MEMBER CARDS
   ========================================================= */

/* Member grid */
.wpforo-members-wrap .wpforo-members {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Card */
.wpforo-members-wrap .wpforo-member {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #d8e3ea !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    transition: border-color .2s, box-shadow .2s, transform .2s !important;
}

.wpforo-members-wrap .wpforo-member:hover {
    border-color: #b9cedb !important;
    box-shadow: 0 8px 20px rgba(6,59,96,.08) !important;
    transform: translateY(-2px) !important;
}

/* Remove old geometric member background */
.wpforo-members-wrap .wpforo-member-bg {
    height: 82px !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #001E3D !important;
    border: 0 !important;
    opacity: 1 !important;
}

/* Avatar area */
.wpforo-members-wrap .wpforo-member-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    /* height: 86px !important; */
    margin: 0 !important;
    padding: 15px 12px 0 !important;
    box-sizing: border-box !important;
}

/* Avatar */
.wpforo-members-wrap .wpf-member-avatar {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 90px !important;
    height: 90px !important;
    margin: 0 !important;
    padding: 3px !important;
    background: #fff !important;
    border: 1px solid #d8e3ea !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.12) !important;
}

/* Actual avatar image */
.wpforo-members-wrap .wpf-member-avatar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

/* Online indicator */
.wpforo-members-wrap .wpf-member-online {
    position: absolute !important;
    /* right: 1px !important;
    bottom: 3px !important;
    width: 11px !important;
    height: 11px !important; */
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
}

/* Information area */
.wpforo-members-wrap .wpf-members-info {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 7px 16px 12px !important;
    background: #fff !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Member name */
.wpforo-members-wrap .wpforo-member-display-name {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.wpforo-members-wrap .wpforo-member-display-name a,
.wpforo-members-wrap .wpf-member-name {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b3b60 !important;
    font-size: 15px !important;
    line-height: 1.50 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.wpforo-members-wrap .wpforo-member-display-name a:hover,
.wpforo-members-wrap .wpf-member-name:hover {
    color: #1261a0 !important;
}

/* User group */
.wpforo-members-wrap .wpforo-member-ug {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 15px !important;
    margin: 5px 0 4px !important;
    padding: 2px 10px !important;
    background: #eef6fb !important;
    border: 1px solid #c9e0ee !important;
    border-radius: 20px !important;
    color: #1261a0 !important;
    font-size: 7px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .6px !important;
}

/* Reputation */
.wpforo-members-wrap .wpforo-member-reputation {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 14px !important;
    margin: 0 0 7px 5px !important;
    padding: 0 !important;
    color: #718494 !important;
    font-size: 8px !important;
}

/* Joined */
.wpforo-members-wrap .wpforo-member-joined {
    margin: 0 !important;
    padding: 0 !important;
    color: #91a1ac !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
}

/* Topics / posts */
.wpforo-members-wrap .wpforo-member-stat {
    display: flex !important;
    justify-content: center !important;
    gap: 0 !important;
    align-items: center !important;
    width: 100% !important;
    margin: 11px 9px 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid #e7eef3 !important;
    color: #718494 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
}

.wpforo-members-wrap .wpforo-member-stat .wpfm-sb {
    color: #718494 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}

.wpforo-members-wrap .wpforo-member-stat .wpfm-sb:first-child {
    color: #1261a0 !important;
    font-weight: 800 !important;
}

/* Social icons */
.wpforo-members-wrap .wpforo-member-social {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 0 !important;
    margin: 5px 0 0 !important;
}

.wpforo-members-wrap .wpforo-member-social a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    color: #8da0ad !important;
    font-size: 10px !important;
    text-decoration: none !important;
    transition: color .2s, transform .2s !important;
}

.wpforo-members-wrap .wpforo-member-social a:hover {
    color: #1261a0 !important;
    transform: translateY(-1px) !important;
}

/* Hide empty containers */
.wpforo-members-wrap .wpforo-member-info-after-reputation:empty,
.wpforo-members-wrap .wpforo-member-info-after-all:empty,
.wpforo-members-wrap .wpforo-member-social:empty {
    display: none !important;
}

/* =========================================================
   MEMBERS PAGE — GRID WIDTH FIX
   ========================================================= */

.wpforo-members-wrap .wpforo-members {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

.wpforo-members-wrap .wpforo-member {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Make the numbers stronger */
.wpforo-members-wrap .wpforo-member-stat .wpfm-sb::first-letter {
    color: #1261a0 !important;
}

/* Card overall */
.wpforo-members-wrap .wpforo-member {
    min-height: 0 !important;
}

/* =========================================================
   WPForo — GLOBAL PAGINATION
   Applies to all wpForo pagination components
   ========================================================= */


/* Pagination navigation */
.wpf-snavi {
    margin-top: 15px !important;
}

.wpf-navi {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}


/* Pagination inner wrapper */
.wpf-navi .wpf-navi-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Page information */
.wpf-navi .wpf-page-info {
    display: inline-flex !important;
    align-items: center !important;

    height: 32px !important;

    margin: 0 4px 0 0 !important;
    padding: 0 !important;

    color: #718494 !important;

    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 600 !important;

    white-space: nowrap !important;
}


/* Page selector */
.wpf-navi .wpf-navi-dropdown {
    width: 62px !important;
    height: 32px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    background: #fff !important;

    border: 1px solid #d8e3ea !important;
    border-radius: 3px !important;

    color: #063b60 !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    text-align: center !important;

    cursor: pointer !important;
    outline: none !important;

    box-sizing: border-box !important;
}


.wpf-navi .wpf-navi-dropdown:hover,
.wpf-navi .wpf-navi-dropdown:focus {
    border-color: #1261a0 !important;
}


/* Next button */
.wpf-navi .wpf-next-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 32px !important;
    min-width: 72px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background: #1261a0 !important;

    border: 1px solid #1261a0 !important;
    border-radius: 3px !important;

    color: #fff !important;

    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


.wpf-navi .wpf-next-button:hover {
    background: #063b60 !important;
    border-color: #063b60 !important;

    color: #fff !important;

    transform: translateY(-1px) !important;
}


.wpf-navi .wpf-next-button i {
    margin-left: 7px !important;
    font-size: 8px !important;
}


/* =========================================================
   PREVIOUS BUTTON
   ========================================================= */

.wpf-navi a[rel="prev"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 32px !important;
    min-width: 72px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background: #4aa9d8 !important;

    border: 1px solid #4aa9d8 !important;
    border-radius: 3px !important;

    color: #fff !important;

    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


/* Previous icon */
.wpf-navi a[rel="prev"] i {
    margin: 0 7px 0 0 !important;
    font-size: 8px !important;
}


/* Previous hover */
.wpf-navi a[rel="prev"]:hover {
    background: #063b60 !important;
    border-color: #063b60 !important;
    color: #fff !important;

    transform: translateY(-1px) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .wpf-navi .wpf-page-info {
        display: none !important;
    }

    .wpf-navi .wpf-navi-dropdown,
    .wpf-navi .wpf-next-button,
    .wpf-navi a[rel="prev"] {
        height: 32px !important;
    }
}

/* =========================================================
   SKI RACING MEDIA — WPForo Recent Posts
   Display: Posts
   ========================================================= */


/* ---------------------------------------------------------
   1. MAIN RECENT POSTS WRAPPER
   --------------------------------------------------------- */

.wpforo-recent-content.wpfr-posts {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Remove wpForo table spacing */
.wpforo-recent-content.wpfr-posts > table {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-spacing: 0 !important;
    border-collapse: separate !important;
    background: transparent !important;
}


/* ---------------------------------------------------------
   2. SECTION HEADING
   --------------------------------------------------------- */

.wpforo-recent-content.wpfr-posts .wpf-htr {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.wpforo-recent-content.wpfr-posts .wpf-htr td {
    display: block !important;
    width: 100% !important;
    padding: 0 0 9px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid #063b60 !important;

    color: #063b60 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;
}


/* Small red accent under heading */
.wpforo-recent-content.wpfr-posts .wpf-htr td::after {
    content: "";
    display: block;
    width: 32px;
    height: 3px;
    margin-top: 7px;
    background: #e5233f;
}


/* ---------------------------------------------------------
   3. POST HEADER ROW
   --------------------------------------------------------- */

.wpforo-recent-content.wpfr-posts .wpf-ttr {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 20px 11px !important;

    box-sizing: border-box !important;

    background: #fff !important;
    border: 1px solid #d8e3ea !important;
    border-bottom: 0 !important;

    transition:
        background .2s ease,
        border-color .2s ease !important;
}


/* Avatar cell */
.wpforo-recent-content.wpfr-posts .wpf-spost-avatar {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    width: auto !important;
    padding: 0 12px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
}


/* Avatar */
.wpforo-recent-content.wpfr-posts .wpf-spost-avatar img {
    display: block !important;

    width: 40px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 2px !important;

    object-fit: cover !important;

    border: 1px solid #d8e3ea !important;
    border-radius: 50% !important;

    box-sizing: border-box !important;
}


/* Main title cell */
.wpforo-recent-content.wpfr-posts .wpf-spost-title {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}


/* ---------------------------------------------------------
   4. POST TITLE
   --------------------------------------------------------- */

.wpforo-recent-content.wpfr-posts .wpf-spost-title-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #0b4f78 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    transition: color .18s ease !important;
}

.wpforo-recent-content.wpfr-posts .wpf-spost-title-link:hover {
    color: #1261a0 !important;
}


/* Chevron */
.wpforo-recent-content.wpfr-posts .wpf-spost-title-link i {
    color: #8da2b0 !important;
    font-size: 9px !important;
    transition: transform .18s ease, color .18s ease !important;
}

.wpforo-recent-content.wpfr-posts .wpf-spost-title-link:hover i {
    color: #e5233f !important;
    transform: translateX(3px) !important;
}


/* ---------------------------------------------------------
   5. AUTHOR + DATE
   --------------------------------------------------------- */

.wpforo-recent-content.wpfr-posts .wpf-spost-title > p {
    margin: 6px 0 8px !important;
    padding: 0 !important;

    color: #91a1ac !important;

    font-size: 10px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}


/* Author link */
.wpforo-recent-content.wpfr-posts .wpf-spost-title > p a {
    color: #e5233f !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.wpforo-recent-content.wpfr-posts .wpf-spost-title > p a:hover {
    color: #1261a0 !important;
}


/* ---------------------------------------------------------
   6. FORUM META
   --------------------------------------------------------- */

.wpforo-recent-content.wpfr-posts .wpf-spost-forum {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #718494 !important;

    font-size: 8px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .55px !important;
}


.wpforo-recent-content.wpfr-posts .wpf-spost-forum-label {
    color: #9aaab5 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
}


.wpforo-recent-content.wpfr-posts .wpf-spost-forum > i {
    font-size: 9px !important;
    line-height: 1 !important;
}


.wpforo-recent-content.wpfr-posts .wpf-spost-forum a {
    color: #1261a0 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.wpforo-recent-content.wpfr-posts .wpf-spost-forum a:hover {
    color: #e5233f !important;
}


/* ---------------------------------------------------------
   7. POST CONTENT / EXCERPT
   --------------------------------------------------------- */

.wpforo-recent-content.wpfr-posts .wpf-ptr {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;

    width: 100% !important;

    margin: 0 0 14px !important;
    padding: 0 20px 17px !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 1px solid #d8e3ea !important;
    border-top: 0 !important;

    transition:
        background .2s ease,
        border-color .2s ease !important;
}


/* Empty icon cell */
.wpforo-recent-content.wpfr-posts .wpf-spost-icon {
    display: block !important;
    width: auto !important;
    padding: 0 12px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
}


/* Content */
.wpforo-recent-content.wpfr-posts .wpf-stext {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 11px 0 0 !important;
    color: #637985 !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    border-top: 1px solid #edf2f5 !important;
}


/* Remove unnecessary list styling */
.wpforo-recent-content.wpfr-posts .wpf-stext ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wpforo-recent-content.wpfr-posts .wpf-stext li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


/* ---------------------------------------------------------
   8. UNREAD POSTS
   --------------------------------------------------------- */

.wpforo-recent-content.wpfr-posts .wpf-ttr.unread,
.wpforo-recent-content.wpfr-posts .wpf-ttr.wpf-unread {
    border-left: 3px solid #e5233f !important;
}


/* ---------------------------------------------------------
   9. HOVER EFFECT
   --------------------------------------------------------- */

.wpforo-recent-content.wpfr-posts .wpf-ttr:hover,
.wpforo-recent-content.wpfr-posts .wpf-ttr:hover + .wpf-ptr {
    background: #f8fbfd !important;
    border-color: #c9d9e3 !important;
}


/* ---------------------------------------------------------
   10. SEPARATOR ROWS
   --------------------------------------------------------- */

.wpforo-recent-content.wpfr-posts .wpf-tr-sep {
    display: none !important;
}


/* ---------------------------------------------------------
   11. REMOVE CLEARING / EXTRA TABLE ARTIFACTS
   --------------------------------------------------------- */

.wpforo-recent-content.wpfr-posts .wpf-clear {
    display: none !important;
}


/* ---------------------------------------------------------
   12. MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .wpforo-recent-content.wpfr-posts .wpf-ttr {
        grid-template-columns: 42px minmax(0, 1fr) !important;
        padding: 14px 13px 9px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-ptr {
        grid-template-columns: 42px minmax(0, 1fr) !important;
        padding: 0 13px 13px !important;
        margin-bottom: 10px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-spost-avatar {
        padding-right: 9px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-spost-icon {
        padding-right: 9px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-spost-avatar img {
        width: 44px !important;
        height: 44px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-spost-title-link {
        font-size: 11px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-spost-title > p {
        font-size: 7.5px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-spost-forum,
    .wpforo-recent-content.wpfr-posts .wpf-spost-forum-label {
        font-size: 6.5px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-stext {
        font-size: 8px !important;
        line-height: 1.5 !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-htr td {
        font-size: 10px !important;
    }
}


/* ---------------------------------------------------------
   13. VERY SMALL SCREENS
   --------------------------------------------------------- */

@media (max-width: 480px) {

    .wpforo-recent-content.wpfr-posts .wpf-ttr {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        padding: 13px 11px 8px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-ptr {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        padding: 0 11px 12px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-spost-avatar {
        padding-right: 7px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-spost-icon {
        padding-right: 7px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-spost-avatar img {
        width: 34px !important;
        height: 34px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-spost-title-link {
        font-size: 10px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-spost-title > p {
        margin-top: 4px !important;
        font-size: 7px !important;
    }

    .wpforo-recent-content.wpfr-posts .wpf-stext {
        padding-top: 9px !important;
        font-size: 7.5px !important;
    }
}

/* =========================================================
   RECENT POSTS — HEADER / TOOLBAR
   ========================================================= */

/* Main header container */
.wpforo-recent-wrap > .wpf-head-bar {
    position: relative !important;
    margin: 0 0 22px !important;
    padding: 0 !important;

    background: #fff !important;
    border: 1px solid #d8e3ea !important;
    border-radius: 5px !important;
    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   TOP ROW
   --------------------------------------------------------- */

.wpforo-recent-wrap > .wpf-head-bar .wpf-head-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    min-height: 58px !important;
    padding: 0 20px !important;

    background: #001E3D !important;
    border: 0 !important;
}


/* Recent Posts title */
.wpforo-recent-wrap > .wpf-head-bar #wpforo-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: -.3px !important;
}


/* ---------------------------------------------------------
   TOP RIGHT LINKS
   --------------------------------------------------------- */

.wpforo-recent-wrap > .wpf-head-bar .wpforo-feed {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #9fd8f5 !important;
}


.wpforo-recent-wrap > .wpf-head-bar .wpforo-feed > a,
.wpforo-recent-wrap > .wpf-head-bar .wpforo-feed > span {
    display: inline-flex !important;
    align-items: center !important;

    color: #d9edf8 !important;

    font-size: 9px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


/* Mark all read */
.wpforo-recent-wrap > .wpf-head-bar .wpf-mark-all-read {
    color: #fff !important;
}


.wpforo-recent-wrap > .wpf-head-bar .wpf-mark-all-read i {
    margin-right: 5px !important;

    color: #8fd3f1 !important;
    font-size: 10px !important;
}


.wpforo-recent-wrap > .wpf-head-bar .wpforo-feed a:hover {
    color: #fff !important;
}


/* RSS icons */
.wpforo-recent-wrap > .wpf-head-bar .wpforo-feed .fas.fa-rss {
    margin-left: 4px !important;

    color: #8fd3f1 !important;
    font-size: 8px !important;
}


/* wpForo separator */
.wpforo-recent-wrap > .wpf-head-bar .wpforo-feed sep {
    margin: 0 9px !important;

    color: rgba(255,255,255,.25) !important;

    font-size: 9px !important;
}


/* ---------------------------------------------------------
   BOTTOM TOOLBAR
   --------------------------------------------------------- */

.wpforo-recent-wrap > .wpf-head-bar .wpf-head-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    min-height: 56px !important;
    padding: 9px 20px !important;

    background: #f7fafc !important;

    border-top: 1px solid #d8e3ea !important;
    box-sizing: border-box !important;
}


.wpforo-recent-wrap > .wpf-head-bar .wpf-head-prefix {
    flex: 1 !important;
}


/* Right-side controls */
.wpforo-recent-wrap > .wpf-head-bar .wpf-head-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   FILTER SELECT
   --------------------------------------------------------- */

.wpforo-recent-wrap > .wpf-head-bar .wpf-head-filter label {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}


.wpforo-recent-wrap > .wpf-head-bar .wpf-head-filter select {
    width: 150px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 30px 0 12px !important;

    background: #fff !important;

    border: 1px solid #d1dfe7 !important;
    border-radius: 3px !important;

    color: #526d80 !important;

    font-size: 9px !important;
    line-height: 34px !important;
    font-weight: 600 !important;

    box-sizing: border-box !important;
    cursor: pointer !important;
    outline: none !important;
}


.wpforo-recent-wrap > .wpf-head-bar .wpf-head-filter select:hover,
.wpforo-recent-wrap > .wpf-head-bar .wpf-head-filter select:focus {
    border-color: #1261a0 !important;
}


/* ---------------------------------------------------------
   TOP PAGINATION
   --------------------------------------------------------- */

.wpforo-recent-wrap > .wpf-head-bar .wpf-snavi {
    margin: 0 !important;
    padding: 0 !important;
}


.wpforo-recent-wrap > .wpf-head-bar .wpf-navi {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


.wpforo-recent-wrap > .wpf-head-bar .wpf-navi-wrap {
    display: flex !important;
    align-items: center !important;

    gap: 5px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Page 1 / 4 */
.wpforo-recent-wrap > .wpf-head-bar .wpf-page-info {
    display: inline-flex !important;
    align-items: center !important;

    height: 34px !important;

    margin: 0 3px 0 0 !important;
    padding: 0 !important;

    color: #718494 !important;

    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 600 !important;

    white-space: nowrap !important;
}


/* Page selector */
.wpforo-recent-wrap > .wpf-head-bar .wpf-navi-dropdown {
    width: 38px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 5px !important;

    background: #fff !important;

    border: 1px solid #d1dfe7 !important;
    border-radius: 3px !important;

    color: #063b60 !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    text-align: center !important;

    box-sizing: border-box !important;
    cursor: pointer !important;
    outline: none !important;
}


/* Next button */
.wpforo-recent-wrap > .wpf-head-bar .wpf-next-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 34px !important;
    min-width: 67px !important;

    margin: 0 !important;
    padding: 0 11px !important;

    background: #1261a0 !important;

    border: 1px solid #1261a0 !important;
    border-radius: 3px !important;

    color: #fff !important;

    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    transition:
        background .2s ease,
        transform .2s ease !important;
}


.wpforo-recent-wrap > .wpf-head-bar .wpf-next-button:hover {
    background: #063b60 !important;
    border-color: #063b60 !important;

    color: #fff !important;

    transform: translateY(-1px) !important;
}


.wpforo-recent-wrap > .wpf-head-bar .wpf-next-button i {
    margin-left: 6px !important;
    font-size: 8px !important;
}

/* Previous button */
.wpforo-recent-wrap > .wpf-head-bar .wpf-navi .wpf-next-button.wpf-prev-button,
.wpforo-recent-wrap > .wpf-head-bar .wpf-navi a[rel="prev"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 34px !important;
    min-width: 67px !important;

    margin: 0 !important;
    padding: 0 11px !important;

    background: #4aa9d8 !important;
    border: 1px solid #4aa9d8 !important;
    border-radius: 3px !important;

    color: #fff !important;

    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    text-decoration: none !important;

    box-sizing: border-box !important;
}


/* Previous icon */
.wpforo-recent-wrap > .wpf-head-bar .wpf-navi .wpf-next-button.wpf-prev-button i,
.wpforo-recent-wrap > .wpf-head-bar .wpf-navi a[rel="prev"] i {
    margin: 0 6px 0 0 !important;
    font-size: 8px !important;
}


/* Hover */
.wpforo-recent-wrap > .wpf-head-bar .wpf-navi .wpf-next-button.wpf-prev-button:hover,
.wpforo-recent-wrap > .wpf-head-bar .wpf-navi a[rel="prev"]:hover {
    background: #063b60 !important;
    border-color: #063b60 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .wpforo-recent-wrap > .wpf-head-bar .wpf-head-top {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 10px !important;

        padding: 16px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar #wpforo-title {
        font-size: 18px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpforo-feed {
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpf-head-bottom {
        align-items: stretch !important;
        padding: 12px 16px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpf-head-buttons {
        width: 100% !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpf-head-filter {
        flex: 1 !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpf-head-filter select {
        width: 100% !important;
    }
}


@media (max-width: 480px) {

    .wpforo-recent-wrap > .wpf-head-bar .wpf-head-top {
        padding: 14px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar #wpforo-title {
        font-size: 17px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpforo-feed > a,
    .wpforo-recent-wrap > .wpf-head-bar .wpforo-feed > span {
        font-size: 8px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpforo-feed sep {
        margin: 0 5px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpf-head-bottom {
        padding: 10px 12px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpf-head-buttons {
        gap: 6px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpf-head-filter select {
        height: 32px !important;
        font-size: 8px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpf-page-info {
        display: none !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpf-navi-dropdown {
        height: 32px !important;
    }

    .wpforo-recent-wrap > .wpf-head-bar .wpf-next-button {
        height: 32px !important;
    }
}

/* =========================================================
   WPForo — INDIVIDUAL FORUM
   TOPIC CARDS
   ========================================================= */


/* ---------------------------------------------------------
   Topic wrapper
   --------------------------------------------------------- */

.wpforo-section .topic-wrap {
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   Main topic card
   --------------------------------------------------------- */

.wpforo-section .wpforo-topic {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) auto 28px !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 76px !important;

    margin: 0 !important;
    padding: 13px 15px !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 1px solid #d8e3ea !important;
    border-radius: 4px !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* Hover */
.wpforo-section .topic-wrap:hover .wpforo-topic {
    background: #f8fbfd !important;
    border-color: #c7d9e4 !important;

    box-shadow: 0 3px 10px rgba(6,59,96,.05) !important;
}


/* ---------------------------------------------------------
   Topic icon
   --------------------------------------------------------- */

.wpforo-section .wpforo-topic-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


/* Override inline icon box from topic.php */
.wpforo-section .wpforo-topic-icon > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f1f7fa !important;

    border: 1px solid #d6e4eb !important;
    border-radius: 4px !important;

    box-sizing: border-box !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


.wpforo-section .topic-wrap:hover .wpforo-topic-icon > div {
    background: #e8f3f8 !important;
    border-color: #bcd4e1 !important;
    transform: translateY(-1px) !important;
}


.wpforo-section .wpforo-topic-icon i {
    color: #1261a0 !important;
    font-size: 14px !important;
}


/* ---------------------------------------------------------
   Topic information
   --------------------------------------------------------- */

.wpforo-section .wpforo-topic-info {
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 12px 0 0 !important;

    box-sizing: border-box !important;
}


/* Topic title */
.wpforo-section .wpforo-topic-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #0b4f78 !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


.wpforo-section .wpforo-topic-title a {
    color: #0b4f78 !important;
    text-decoration: none !important;
}


.wpforo-section .wpforo-topic-title a:hover {
    color: #1261a0 !important;
}


/* ---------------------------------------------------------
   Last post information
   --------------------------------------------------------- */

.wpforo-section .wpforo-topic-start-info {
    margin: 5px 0 0 !important;
    padding: 0 !important;

    color: #8a9ba6 !important;

    font-size: 8px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}


.wpforo-section .wpforo-topic-start-info a {
    color: #718494 !important;
    text-decoration: none !important;
}


.wpforo-section .wpforo-topic-start-info a:hover {
    color: #1261a0 !important;
}


.wpforo-section .wpforo-topic-start-info .wpf-last-post-by {
    color: #718494 !important;
}


.wpforo-section .wpforo-topic-start-info .wpforo-date {
    color: #9aaab5 !important;
}


.wpforo-section .wpforo-topic-start-info .wpfcl-a {
    margin-left: 4px !important;

    color: #9aaab5 !important;
    font-size: 7px !important;
}


/* ---------------------------------------------------------
   Topic statistics
   --------------------------------------------------------- */

.wpforo-section .wpforo-topic-stat-combined {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    min-width: 85px !important;

    margin: 0 !important;
    padding: 0 15px !important;

    border-left: 1px solid #e6edf2 !important;

    box-sizing: border-box !important;
}


.wpforo-section .wpforo-topic-stat-combined .stat-line {
    margin: 2px 0 !important;
    padding: 0 !important;

    color: #718494 !important;

    font-size: 10px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}


.wpforo-section .wpforo-topic-stat-combined .stat-line::first-letter {
    color: #063b60 !important;
}


/* ---------------------------------------------------------
   Toggle
   --------------------------------------------------------- */

.wpforo-section .wpforo-topic-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f4f8fa !important;

    border: 1px solid #dce7ed !important;
    border-radius: 50% !important;

    box-sizing: border-box !important;

    cursor: pointer !important;

    transition:
        background .2s ease,
        border-color .2s ease !important;
}


.wpforo-section .wpforo-topic-toggle:hover {
    background: #1261a0 !important;
    border-color: #1261a0 !important;
}


.wpforo-section .wpforo-topic-toggle i {
    margin: 0 !important;

    color: #718494 !important;
    font-size: 8px !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}


.wpforo-section .wpforo-topic-toggle:hover i {
    color: #fff !important;
}


/* ---------------------------------------------------------
   Unread topic
   --------------------------------------------------------- */

.wpforo-section .topic-wrap.unread .wpforo-topic,
.wpforo-section .topic-wrap.wpf-unread .wpforo-topic {
    border-left: 3px solid #e5233f !important;
}


.wpforo-section .topic-wrap.unread .wpforo-topic-title a,
.wpforo-section .topic-wrap.wpf-unread .wpforo-topic-title a {
    color: #063b60 !important;
}


/* ---------------------------------------------------------
   Expanded replies area
   Keep it separate for the next step
   --------------------------------------------------------- */

.wpforo-section .wpforo-last-posts-1,
.wpforo-section [class*="wpforo-last-posts-"] {
    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .wpforo-section .wpforo-topic {
        grid-template-columns: 50px minmax(0, 1fr) 26px !important;

        min-height: 70px !important;

        padding: 11px 12px !important;
    }


    .wpforo-section .wpforo-topic-icon > div {
        width: 34px !important;
        height: 34px !important;
    }


    .wpforo-section .wpforo-topic-icon i {
        font-size: 12px !important;
    }


    .wpforo-section .wpforo-topic-info {
        padding-right: 8px !important;
    }


    .wpforo-section .wpforo-topic-title {
        font-size: 11px !important;
    }


    .wpforo-section .wpforo-topic-start-info {
        font-size: 7.5px !important;
    }


    /* Move stats below the title on mobile */
    .wpforo-section .wpforo-topic-stat-combined {
        display: none !important;
    }


    .wpforo-section .wpforo-topic-toggle {
        width: 26px !important;
        height: 26px !important;
    }
}


@media (max-width: 480px) {

    .wpforo-section .topic-wrap {
        margin-bottom: 8px !important;
    }


    .wpforo-section .wpforo-topic {
        grid-template-columns: 46px minmax(0, 1fr) 24px !important;

        min-height: 64px !important;

        padding: 10px !important;
    }


    .wpforo-section .wpforo-topic-icon > div {
        width: 32px !important;
        height: 32px !important;
    }


    .wpforo-section .wpforo-topic-title {
        font-size: 10px !important;
    }


    .wpforo-section .wpforo-topic-start-info {
        margin-top: 4px !important;
        font-size: 7px !important;
    }


    .wpforo-section .wpforo-topic-toggle {
        width: 24px !important;
        height: 24px !important;
    }
}

/* =========================================================
   WPForo — INDIVIDUAL FORUM
   EXPANDED REPLIES / LAST POSTS
   ========================================================= */


/* ---------------------------------------------------------
   Expanded replies container
   --------------------------------------------------------- */

.wpfl-1 .wpforo-last-posts-list {
    margin: 0 0 10px 25px !important;
    padding: 0 !important;

    background: #f7fafc !important;

    border: 1px solid #e1eaf0 !important;
    border-top: 0 !important;

    box-sizing: border-box !important;
}


/* Remove default list styling */
.wpfl-1 .wpforo-last-posts-list ul {
    margin: 0 !important;
    padding: 7px 0 !important;

    list-style: none !important;
}


/* ---------------------------------------------------------
   Individual reply
   --------------------------------------------------------- */

.wpfl-1 .wpforo-last-posts-list li {
    display: flex !important;
    align-items: center !important;

    min-height: 34px !important;

    margin: 0 !important;
    padding: 6px 16px !important;

    background: transparent !important;

    border: 0 !important;

    box-sizing: border-box !important;

    transition: background .18s ease !important;
}


/* Subtle hover */
.wpfl-1 .wpforo-last-posts-list li:hover {
    background: #eef6fa !important;
}


/* ---------------------------------------------------------
   Reply title / content
   --------------------------------------------------------- */

.wpfl-1 .wpforo-last-post-title {
    flex: 1 !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #1261a0 !important;

    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


/* Reply icon */
.wpfl-1 .wpforo-last-post-title > i {
    display: inline-block !important;

    width: 18px !important;

    margin: 0 7px 0 0 !important;

    color: #8ba0ad !important;

    font-size: 10px !important;

    text-align: center !important;
}


/* First post icon */
.wpfl-1 .wpforo-last-posts-list li:first-child
.wpforo-last-post-title > i {
    color: #22a6d5 !important;
}


/* Links */
.wpfl-1 .wpforo-last-post-title a {
    color: #1261a0 !important;

    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;

    text-decoration: none !important;
}


.wpfl-1 .wpforo-last-post-title a:hover {
    color: #063b60 !important;
}


/* ---------------------------------------------------------
   Author + date
   --------------------------------------------------------- */

.wpfl-1 .wpforo-last-post-user {
    flex: 0 0 auto !important;

    margin: 0 0 0 20px !important;
    padding: 0 !important;

    color: #8a9ba6 !important;

    font-size: 9px !important;
    line-height: 1.3 !important;

    white-space: nowrap !important;
}


.wpfl-1 .wpforo-last-post-user a {
    color: #e5233f !important;

    font-size: 9px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}


.wpfl-1 .wpforo-last-post-user a:hover {
    color: #1261a0 !important;
}


/* ---------------------------------------------------------
   Reply separators
   --------------------------------------------------------- */

.wpfl-1 .wpforo-last-posts-list li + li {
    border-top: 1px solid #e6edf2 !important;
}


/* ---------------------------------------------------------
   View all posts
   --------------------------------------------------------- */

.wpfl-1 .wpforo-last-posts-list li.wpforo-last-post-more {
    justify-content: flex-end !important;

    margin-top: 4px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;

    background: #f1f6f9 !important;

    border-top: 1px solid #dce7ed !important;
}


.wpfl-1 .wpforo-last-posts-list
li.wpforo-last-post-more a {
    color: #1261a0 !important;

    font-size: 8px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .6px !important;

    text-decoration: none !important;
}


.wpfl-1 .wpforo-last-posts-list
li.wpforo-last-post-more a:hover {
    color: #e5233f !important;
}


.wpfl-1 .wpforo-last-posts-list
li.wpforo-last-post-more i {
    margin-left: 6px !important;

    font-size: 8px !important;
}


/* ---------------------------------------------------------
   Clear the old wpForo clearfix
   --------------------------------------------------------- */

.wpfl-1 .wpforo-last-posts-list li br.wpf-clear {
    display: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wpfl-1 .wpforo-last-posts-list {
        margin-left: 14px !important;
    }


    .wpfl-1 .wpforo-last-posts-list li {
        align-items: flex-start !important;
        padding: 7px 12px !important;
    }


    .wpfl-1 .wpforo-last-post-title,
    .wpfl-1 .wpforo-last-post-title a {
        font-size: 10px !important;
    }


    .wpfl-1 .wpforo-last-post-user {
        margin-left: 10px !important;

        font-size: 8px !important;
    }


    .wpfl-1 .wpforo-last-post-user a {
        font-size: 8px !important;
    }
}


@media (max-width: 480px) {

    .wpfl-1 .wpforo-last-posts-list {
        margin-left: 8px !important;
    }


    .wpfl-1 .wpforo-last-posts-list li {
        display: block !important;

        padding: 7px 10px !important;
    }


    .wpfl-1 .wpforo-last-post-title {
        white-space: normal !important;
    }


    .wpfl-1 .wpforo-last-post-user {
        margin: 3px 0 0 25px !important;
    }
}

/* =========================================================
   INDIVIDUAL FORUM — HEADER
   ========================================================= */

.wpforo-content > .wpf-head-bar {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 150px !important;
    margin: 0 0 24px !important;
    padding: 28px 30px !important;
    box-sizing: border-box !important;

    background: #f5f8fa !important;
    border: 1px solid #d8e3ea !important;
    border-left: 4px solid #1261a0 !important;
    border-radius: 0 0 45% 0 !important;

    overflow: hidden !important;
}


/* Subtle blue accent inside the header */

.wpforo-content > .wpf-head-bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background: #1261a0;
}


/* Left content */

.wpforo-content > .wpf-head-bar .wpf-head-bar-left {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-width: 0;
}


/* Forum title */

.wpforo-content > .wpf-head-bar #wpforo-title {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #063b60 !important;
    font-size: 25px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}


/* Forum description */

.wpforo-content > .wpf-head-bar #wpforo-description {
    margin: 0 0 20px !important;
}

.wpforo-content > .wpf-head-bar #wpforo-description p {
    margin: 0 !important;
    padding: 0 !important;

    color: #526d80 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* Subscribe + RSS wrapper */

.wpforo-content > .wpf-head-bar .wpf-action-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}


/* Subscribe / RSS buttons */

.wpforo-content > .wpf-head-bar .wpf-button-outlined {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 13px !important;

    background: #fff !important;
    border: 1px solid #1261a0 !important;
    border-radius: 3px !important;

    color: #1261a0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .3px !important;

    text-decoration: none !important;
    box-sizing: border-box !important;

    transition:
        background .2s,
        border-color .2s,
        color .2s,
        transform .2s !important;
}


/* Icons */

.wpforo-content > .wpf-head-bar .wpf-button-outlined i {
    margin-right: 7px !important;
    font-size: 11px !important;
}


/* Hover */

.wpforo-content > .wpf-head-bar .wpf-button-outlined:hover {
    background: #1261a0 !important;
    border-color: #1261a0 !important;
    color: #fff !important;
    transform: translateY(-1px);
}


/* RSS should be slightly lighter */

.wpforo-content > .wpf-head-bar .wpf-feed .wpf-button-outlined {
    min-width: 70px !important;
}


/* Add Topic button */

.wpforo-content > .wpf-head-bar .wpf-head-bar-right {
    position: relative;
    z-index: 2;

    flex: 0 0 auto;
    margin-left: 30px !important;
}


.wpforo-content > .wpf-head-bar #add_wpftopic {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 125px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 17px !important;

    background: rgba(0, 30, 61, 1) !important;
    border: 1px solid rgba(0, 30, 61, 1) !important;
    border-radius: 3px !important;

    color: #fff !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    cursor: pointer !important;
    box-sizing: border-box !important;

    transition:
        background .2s,
        border-color .2s,
        transform .2s !important;
}


.wpforo-content > .wpf-head-bar #add_wpftopic i {
    margin-right: 7px !important;
    font-size: 11px !important;
}


.wpforo-content > .wpf-head-bar #add_wpftopic:hover {
    background: #063b60 !important;
    border-color: #063b60 !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* FORUM HEADER — SUBSCRIBE BUTTON */

.wpforo-content > .wpf-head-bar .wpf-subscribe-forum {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;

    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 13px !important;

    background: #fff !important;
    border: 1px solid #1261a0 !important;
    border-radius: 3px !important;

    color: #1261a0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .3px !important;

    cursor: pointer !important;
    box-sizing: border-box !important;
}

.wpforo-content > .wpf-head-bar .wpf-subscribe-forum i {
    margin-right: 7px !important;
    color: #1261a0 !important;
    font-size: 11px !important;
}

.wpforo-content > .wpf-head-bar .wpf-subscribe-forum:hover {
    background: #1261a0 !important;
    border-color: #1261a0 !important;
    color: #fff !important;
}

.wpforo-content > .wpf-head-bar .wpf-subscribe-forum:hover i {
    color: #fff !important;
}

/* =========================================================
   INDIVIDUAL TOPIC — POST CARD
   ========================================================= */


/* ---------------------------------------------------------
   Post wrapper
   --------------------------------------------------------- */

.wpfl-1 .post-wrap {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   Main post card
   --------------------------------------------------------- */

.wpfl-1 .post-wrap .wpforo-post {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;

    border: 1px solid #d8e3ea !important;
    border-radius: 4px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   Author column
   --------------------------------------------------------- */

.wpfl-1 .post-wrap .wpf-left {
    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 22px 18px !important;

    background: #f4f8fa !important;

    border-right: 1px solid #dce7ed !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


/* Avatar */

.wpfl-1 .post-wrap .author-avatar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 80px !important;
    height: 80px !important;

    margin: 0 auto 12px !important;
    padding: 3px !important;

    background: #fff !important;

    border: 1px solid #d2e1e9 !important;
    border-radius: 50% !important;

    box-sizing: border-box !important;
}


.wpfl-1 .post-wrap .author-avatar img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    border-radius: 50% !important;

    object-fit: cover !important;
}


/* ---------------------------------------------------------
   Author information
   --------------------------------------------------------- */

.wpfl-1 .post-wrap .author-data {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Author name */

.wpfl-1 .post-wrap .author-name {
    margin: 0 !important;
    padding: 0 !important;

    color: #063b60 !important;

    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}


.wpfl-1 .post-wrap .author-name a {
    color: #063b60 !important;

    font-size: 18px !important;
    font-weight: 800 !important;

    text-decoration: none !important;
}


.wpfl-1 .post-wrap .author-name a:hover {
    color: #1261a0 !important;
}


/* Online/offline indicator */

.wpfl-1 .post-wrap .author-name .wpfcl-0 {
    margin-right: 3px !important;

    color: #aab8c1 !important;
    font-size: 7px !important;
}


/* Username */

.wpfl-1 .post-wrap .wpf-author-nicename {
    margin: 4px 0 8px !important;

    color: #91a1ac !important;

    font-size: 12px !important;
    line-height: 1.3 !important;
}


/* ---------------------------------------------------------
   Member title / usergroup
   --------------------------------------------------------- */

.wpfl-1 .post-wrap .author-title {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;

    margin: 0 0 9px !important;
}


.wpfl-1 .post-wrap .wpf-member-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 18px !important;

    margin: 0 !important;
    padding: 3px 7px !important;

    border-radius: 2px !important;

    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .3px !important;

    box-sizing: border-box !important;
}


/* Member badge */

.wpfl-1 .post-wrap .wpf-member-title.wpfct {
    background: #eaf3f7 !important;
    color: #1261a0 !important;
}


/* Admin / usergroup */

.wpfl-1 .post-wrap .wpf-member-title.wpfut {
    background: #fff0f2 !important;
    color: #e5233f !important;
}


/* ---------------------------------------------------------
   Rating
   --------------------------------------------------------- */

.wpfl-1 .post-wrap .author-rating-full {
    margin: 0 0 10px !important;
    font-size: 10px !important;
    line-height: 1 !important;
}


.wpfl-1 .post-wrap .author-rating-full i {
    margin: 0 1px !important;
    font-size: 8px !important;
}


/* ---------------------------------------------------------
   Joined / posts
   --------------------------------------------------------- */

.wpfl-1 .post-wrap .author-joined,
.wpfl-1 .post-wrap .author-posts {
    margin: 4px 0 !important;

    color: #7f929f !important;

    font-size: 10px !important;
    line-height: 1.4 !important;
}


/* ---------------------------------------------------------
   Member profile buttons
   --------------------------------------------------------- */

.wpfl-1 .post-wrap .wpforo-memberinfo {
    margin: 15px 0 0 !important;
    padding: 12px 0 0 !important;

    border-top: 1px solid #dce7ed !important;
}


.wpfl-1 .post-wrap .wpf-member-profile-buttons {
    display: flex !important;
    justify-content: center !important;
    gap: 6px !important;
}


.wpfl-1 .post-wrap .wpf-member-profile-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;

    margin: 0 !important;

    background: #fff !important;

    border: 1px solid #d6e3ea !important;
    border-radius: 3px !important;

    color: #718494 !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease !important;
}


.wpfl-1 .post-wrap .wpf-member-profile-button:hover {
    background: #1261a0 !important;
    border-color: #1261a0 !important;
    color: #fff !important;

    transform: translateY(-1px) !important;
}


/* ---------------------------------------------------------
   Right / content column
   --------------------------------------------------------- */

.wpfl-1 .post-wrap .wpf-right {
    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   Post top bar
   --------------------------------------------------------- */

.wpfl-1 .post-wrap .wpforo-post-content-top {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    background: #f7fafc !important;
    border-bottom: 1px solid #e2ebf0 !important;
    box-sizing: border-box !important;
}


/* Topic starter */

.wpfl-1 .post-wrap .wpf-post-starter {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    align-self: stretch !important;
    margin-right: auto !important;
    padding: 0 0 !important;
    color: #1261a0 !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    border-bottom: 0 !important;
}

/* Accent line */

.wpfl-1 .post-wrap .wpf-post-starter::after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    bottom: -1px !important;

    width: 100% !important;
    height: 2px !important;

    background: #22a6d5 !important;
}


.wpfl-1 .post-wrap .wpf-post-starter i {
    margin-right: 5px !important;
    color: #22a6d5 !important;
    font-size: 9px !important;
}


/* Date */

.wpfl-1 .post-wrap .wpf-post-date {
    margin-left: auto !important;

    color: #8a9ba6 !important;

    font-size: 8px !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
}


/* Action buttons */

.wpfl-1 .post-wrap .wpforo-action-buttons-wrap {
    display: inline-flex !important;
    align-items: center !important;

    margin-left: 10px !important;
}


.wpfl-1 .post-wrap .wpf-action {
    color: #718494 !important;

    font-size: 8px !important;
}


.wpfl-1 .post-wrap .wpf-action i {
    font-size: 9px !important;
}


.wpfl-1 .post-wrap .wpf-action:hover {
    color: #1261a0 !important;
}


/* ---------------------------------------------------------
   Post content
   --------------------------------------------------------- */

.wpfl-1 .post-wrap .wpforo-post-content {
    min-height: 120px !important;

    margin: 0 !important;
    padding: 22px 20px !important;

    color: #334f61 !important;

    font-size: 13px !important;
    line-height: 1.7 !important;

    box-sizing: border-box !important;
}


.wpfl-1 .post-wrap .wpforo-post-content p {
    margin: 0 0 12px !important;

    color: #334f61 !important;

    font-size: 13px !important;
    line-height: 1.7 !important;
}


.wpfl-1 .post-wrap .wpforo-post-content p:last-child {
    margin-bottom: 0 !important;
}


.wpfl-1 .post-wrap .wpforo-post-content a {
    color: #1261a0 !important;
}


.wpfl-1 .post-wrap .wpforo-post-content a:hover {
    color: #e5233f !important;
}


/* ---------------------------------------------------------
   Bottom action bar
   --------------------------------------------------------- */

.wpfl-1 .post-wrap .bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    background: #fbfcfd !important;

    border-top: 1px solid #e6edf2 !important;

    box-sizing: border-box !important;
}


.wpfl-1 .post-wrap .bottom .bright {
    margin: 0 !important;
    padding: 0 !important;
}


.wpfl-1 .post-wrap .bottom .wpf-action {
    display: inline-flex !important;
    align-items: center !important;

    margin-left: 10px !important;

    color: #718494 !important;

    font-size: 8px !important;
    font-weight: 700 !important;
}


.wpfl-1 .post-wrap .bottom .wpf-action:hover {
    color: #1261a0 !important;
}


.wpfl-1 .post-wrap .bottom .wpf-button-text {
    margin-left: 5px !important;
}


/* ---------------------------------------------------------
   First post accent
   --------------------------------------------------------- */

.wpfl-1 .post-wrap.wpfp-first .wpforo-post {
    border-top: 3px solid #1261a0 !important;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .wpfl-1 .post-wrap .wpforo-post {
        display: block !important;
    }


    .wpfl-1 .post-wrap .wpf-left {
        display: flex !important;
        align-items: center !important;

        padding: 14px 16px !important;

        border-right: 0 !important;
        border-bottom: 1px solid #dce7ed !important;

        text-align: left !important;
    }


    .wpfl-1 .post-wrap .author-avatar {
        flex: 0 0 58px !important;

        width: 58px !important;
        height: 58px !important;

        margin: 0 14px 0 0 !important;
    }


    .wpfl-1 .post-wrap .author-data {
        width: auto !important;

        text-align: left !important;
    }


    .wpfl-1 .post-wrap .author-name {
        font-size: 12px !important;
    }


    .wpfl-1 .post-wrap .author-name a {
        font-size: 12px !important;
    }


    .wpfl-1 .post-wrap .author-title {
        justify-content: flex-start !important;
    }


    .wpfl-1 .post-wrap .wpforo-memberinfo {
        display: none !important;
    }

    .wpfl-1 .post-wrap .wpforo-post-content-top {
        flex-wrap: wrap !important;
        min-height: 40px !important;
        padding: 8px 12px !important;
    }

    .wpfl-1 .post-wrap .wpf-post-starter {
        margin-right: auto !important;
    }

    .wpfl-1 .post-wrap .wpf-post-date {
        font-size: 7px !important;
    }

    .wpfl-1 .post-wrap .wpforo-post-content {
        min-height: 100px !important;
        padding: 18px 14px !important;
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    .wpfl-1 .post-wrap .wpforo-post-content p {
        font-size: 12px !important;
        line-height: 1.6 !important;
    }
}


@media (max-width: 480px) {

    .wpfl-1 .post-wrap {
        margin-bottom: 12px !important;
    }


    .wpfl-1 .post-wrap .wpf-left {
        padding: 12px !important;
    }


    .wpfl-1 .post-wrap .author-avatar {
        flex-basis: 50px !important;

        width: 50px !important;
        height: 50px !important;

        margin-right: 11px !important;
    }


    .wpfl-1 .post-wrap .author-name,
    .wpfl-1 .post-wrap .author-name a {
        font-size: 11px !important;
    }


    .wpfl-1 .post-wrap .wpf-author-nicename {
        font-size: 7px !important;
    }


    .wpfl-1 .post-wrap .wpf-post-date {
        width: 100% !important;

        margin: 4px 0 0 !important;
    }


    .wpfl-1 .post-wrap .wpforo-post-content {
        padding: 15px 12px !important;
    }
}

/* =========================================================
   INDIVIDUAL TOPIC — REPLY FORM
   ========================================================= */


/* Reply form wrapper */

.wpf-form-wrapper.wpfel-1 {
    width: 100% !important;
    margin: 32px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


/* Leave a reply heading */

.wpf-form-wrapper .wpf-reply-form-title {
    position: relative !important;

    margin: 0 0 14px !important;
    padding: 0 0 10px !important;

    color: #063b60 !important;

    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: -.3px !important;

    border-bottom: 1px solid #d8e3ea !important;
}


/* Red accent */

.wpf-form-wrapper .wpf-reply-form-title::after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    bottom: -1px !important;

    width: 42px !important;
    height: 3px !important;

    background: #e5233f !important;
}


/* Main form */

.wpf-form-wrapper .wpf-post-create {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;

    border: 1px solid #d8e3ea !important;
    border-radius: 4px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* Mobile */

@media (max-width: 767px) {

    .wpf-form-wrapper.wpfel-1 {
        margin-top: 24px !important;
    }

    .wpf-form-wrapper .wpf-reply-form-title {
        font-size: 19px !important;
        margin-bottom: 12px !important;
        padding-bottom: 9px !important;
    }

}

/* =========================================================
   REPLY FORM — TITLE FIELD
   ========================================================= */

.wpf-form-wrapper .wpf-field-name-title {
    margin: 0 !important;
    padding: 18px 20px 16px !important;

    background: #f7fafc !important;

    border-bottom: 1px solid #e1e9ee !important;

    box-sizing: border-box !important;
}


/* Label */

.wpf-form-wrapper .wpf-field-name-title .wpf-label-wrap {
    float: none !important;

    width: 100% !important;

    margin: 0 0 9px !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Pen icon */

.wpf-form-wrapper .wpf-field-name-title .wpf-label-wrap > i {
    margin-right: 6px !important;

    color: #1261a0 !important;

    font-size: 11px !important;
}


/* Title label */

.wpf-form-wrapper .wpf-field-name-title .wpf-label {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #063b60 !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .7px !important;
}


/* Required asterisk */

.wpf-form-wrapper .wpf-field-name-title .wpf-field-required-icon {
    color: #e5233f !important;
}


/* Input wrapper */

.wpf-form-wrapper .wpf-field-name-title .wpf-field-wrap {
    width: 100% !important;

    box-sizing: border-box !important;
}


/* Input */

.wpf-form-wrapper .wpf-field-name-title input[type="text"] {
    display: block !important;

    width: 100% !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 13px !important;

    background: #fff !important;

    border: 1px solid #d4e1e8 !important;
    border-radius: 4px !important;

    color: #334f61 !important;

    font-size: 12px !important;
    line-height: 44px !important;

    box-sizing: border-box !important;

    outline: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* Focus */

.wpf-form-wrapper .wpf-field-name-title input[type="text"]:focus {
    border-color: #1261a0 !important;

    box-shadow: 0 0 0 2px rgba(18, 97, 160, .08) !important;
}


/* Placeholder */

.wpf-form-wrapper .wpf-field-name-title input[type="text"]::placeholder {
    color: #9aaab4 !important;
}


/* Mobile */

@media (max-width: 767px) {

    .wpf-form-wrapper .wpf-field-name-title {
        padding: 15px 14px 14px !important;
    }

    .wpf-form-wrapper .wpf-field-name-title input[type="text"] {
        height: 42px !important;

        font-size: 11px !important;
    }

}

/* =========================================================
   REPLY FORM — TINYMCE EDITOR
   ========================================================= */


/* Editor field */

.wpf-form-wrapper .wpf-field-name-body {
    margin: 0 !important;
    padding: 16px 20px 0 !important;

    background: #fff !important;

    box-sizing: border-box !important;
}


/* Editor outer container */

.wpf-form-wrapper .mce-tinymce {
    width: 100% !important;

    background: #fff !important;

    border: 1px solid #d4e1e8 !important;
    border-radius: 4px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   Toolbar
   --------------------------------------------------------- */

.wpf-form-wrapper .mce-toolbar-grp {
    background: #f4f8fa !important;

    border: 0 !important;
    border-bottom: 1px solid #dce7ed !important;

    padding: 5px 7px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}


.wpf-form-wrapper .mce-toolbar {
    min-height: 32px !important;

    background: transparent !important;

    border: 0 !important;
    white-space: nowrap !important;
}

/* Hide TinyMCE element path/status text */
.wpf-form-wrapper .mce-path {
    display: none !important;
}

/* Toolbar button */

.wpf-form-wrapper .mce-toolbar .mce-btn {
    margin: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 3px !important;

    box-shadow: none !important;
}


.wpf-form-wrapper .mce-toolbar .mce-btn button {
    min-width: 27px !important;
    height: 28px !important;

    padding: 5px 6px !important;

    color: #526d80 !important;

    border: 0 !important;

    box-shadow: none !important;
}


.wpf-form-wrapper .mce-toolbar .mce-btn .mce-ico {
    color: #526d80 !important;

    font-size: 15px !important;
}


/* Hover */

.wpf-form-wrapper .mce-toolbar .mce-btn:hover {
    background: #e4eef3 !important;
}


.wpf-form-wrapper .mce-toolbar .mce-btn:hover .mce-ico {
    color: #1261a0 !important;
}


/* Active */

.wpf-form-wrapper .mce-toolbar .mce-btn.mce-active,
.wpf-form-wrapper .mce-toolbar .mce-btn[aria-pressed="true"] {
    background: #dcebf3 !important;
}


.wpf-form-wrapper .mce-toolbar .mce-btn.mce-active .mce-ico,
.wpf-form-wrapper .mce-toolbar .mce-btn[aria-pressed="true"] .mce-ico {
    color: #1261a0 !important;
}


/* Font-size dropdown */

.wpf-form-wrapper .mce-toolbar .mce-listbox {
    border: 1px solid #d4e1e8 !important;
    border-radius: 3px !important;
}


.wpf-form-wrapper .mce-toolbar .mce-listbox button {
    color: #526d80 !important;

    font-size: 11px !important;
}

.wpf-form-wrapper .mce-container-body {
    box-sizing: border-box !important;
}

/* Disabled buttons */

.wpf-form-wrapper .mce-toolbar .mce-btn.mce-disabled {
    opacity: .4 !important;
}


/* ---------------------------------------------------------
   Writing area
   --------------------------------------------------------- */

.wpf-form-wrapper .mce-edit-area {
    min-height: 150px !important;

    background: #fff !important;

    border: 0 !important;
}


.wpf-form-wrapper .mce-edit-area iframe {
    width: 100% !important;

    min-height: 150px !important;

    border: 0 !important;

    display: block !important;
}


/* ---------------------------------------------------------
   Editor status / resize bar
   --------------------------------------------------------- */

.wpf-form-wrapper .mce-statusbar {
    height: 22px !important;
    position: relative !important;

    background: #fbfcfd !important;

    border: 0 !important;
    border-top: 1px solid #e6edf2 !important;

    box-sizing: border-box !important;
}


.wpf-form-wrapper .mce-statusbar .mce-resizehandle {
    color: #9aabb5 !important;
}


.wpf-form-wrapper .mce-statusbar .mce-resizehandle:hover {
    color: #1261a0 !important;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .wpf-form-wrapper .wpf-field-name-body {
        padding: 14px 14px 0 !important;
    }

    .wpf-form-wrapper .mce-toolbar-grp {
        padding: 4px !important;
    }

    .wpf-form-wrapper .mce-toolbar .mce-btn button {
        min-width: 26px !important;
        height: 27px !important;

        padding: 0 5px !important;
    }

    .wpf-form-wrapper .mce-toolbar .mce-btn .mce-ico {
        font-size: 14px !important;
    }

    .wpf-form-wrapper .mce-edit-area,
    .wpf-form-wrapper .mce-edit-area iframe {
        min-height: 130px !important;
    }

}

/* =========================================================
   ATTACH FILE
   ========================================================= */

.wpf-default-attachment {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 16px 24px !important;

    background: #f7fafc !important;
    border-top: 1px solid #e3ebf0 !important;
    border-bottom: 1px dashed #d5e0e7 !important;

    box-sizing: border-box !important;
}


/* Attach file label */

.wpf-default-attachment label {
    margin: 0 !important;
    padding: 0 !important;

    color: #526d80 !important;

    font-size: 10px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    white-space: nowrap !important;
}


/* File input */

.wpf-default-attachment input[type="file"] {
    flex: 1 1 auto !important;

    min-width: 0 !important;
    max-width: 300px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #718494 !important;

    font-size: 10px !important;
    line-height: 1.3 !important;

    cursor: pointer !important;
}


/* Choose File button */

.wpf-default-attachment input[type="file"]::file-selector-button {
    margin-right: 9px !important;
    padding: 7px 13px !important;

    background: #ffffff !important;

    border: 1px solid #cbdbe4 !important;
    border-radius: 3px !important;

    color: #1261a0 !important;

    font-family: inherit !important;
    font-size: 9px !important;
    font-weight: 700 !important;

    cursor: pointer !important;

    transition:
        background .2s ease,
        border-color .2s ease !important;
}


.wpf-default-attachment input[type="file"]::file-selector-button:hover {
    background: #edf6fa !important;
    border-color: #1261a0 !important;
}


/* Maximum file size */

.wpf-default-attachment p {
    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #718494 !important;

    font-size: 9px !important;
    line-height: 1.3 !important;
    font-style: italic !important;

    text-align: right !important;
}


/* Clear existing float */

.wpf-default-attachment .wpf-clear {
    display: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wpf-default-attachment {
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 9px 10px !important;

        padding: 14px 16px !important;
    }

    .wpf-default-attachment label {
        width: 100% !important;
    }

    .wpf-default-attachment input[type="file"] {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    .wpf-default-attachment p {
        width: 100% !important;

        text-align: left !important;
    }

}

/* =========================================================
   REPLY FORM — SUBSCRIBE / ADD REPLY
   ========================================================= */

.wpf-topic-sbs {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 14px 24px !important;

    background: #fff !important;

    border: 0 !important;

    box-sizing: border-box !important;
}


/* Remove wpForo's partial divider */

.wpf-topic-sbs::before,
.wpf-topic-sbs::after {
    display: none !important;
}


/* Checkbox */

.wpf-topic-sbs input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;

    margin: 0 10px 0 0 !important;

    accent-color: #1261a0 !important;

    cursor: pointer !important;
}


/* Subscribe text */

.wpf-topic-sbs label {
    margin: 0 !important;
    padding: 0 !important;

    color: #526d80 !important;

    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    cursor: pointer !important;
}


/* ---------------------------------------------------------
   Add Reply
   --------------------------------------------------------- */

.wpf-buttons-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 24px 14px !important;

    box-sizing: border-box !important;
}


.wpf-buttons-wrap .wpf-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 120px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    background: #1261a0 !important;

    border: 1px solid #1261a0 !important;
    border-radius: 4px !important;

    color: #fff !important;

    font-family: inherit !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    cursor: pointer !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


.wpf-buttons-wrap .wpf-button:hover {
    background: #063b60 !important;
    border-color: #063b60 !important;

    color: #fff !important;

    transform: translateY(-1px) !important;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .wpf-topic-sbs {
        padding: 16px !important;
    }

    .wpf-buttons-wrap {
        padding: 0 16px 16px !important;
    }

    .wpf-buttons-wrap .wpf-button {
        min-width: 110px !important;
        height: 38px !important;
    }

}

/* =========================================================
   REPLY FORM — REVISION / EDITOR STATUS BAR
   ========================================================= */

.wpforo-revisions-wrap {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #f7fafc !important;

    border-top: 1px solid #e1e9ee !important;

    box-sizing: border-box !important;
}


/* Action row */

.wpforo-revisions-action-buttons {
    display: flex !important;
    align-items: center !important;

    min-height: 54px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    box-sizing: border-box !important;
}


/* Individual actions */

.wpforo-revision-action-button {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 20px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    color: #7c8d99 !important;

    font-size: 10px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;

    cursor: pointer !important;

    transition: color .2s ease !important;
}


/* Icons */

.wpforo-revision-action-button i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-right: 6px !important;

    color: #8fa0aa !important;

    font-size: 13px !important;

    transition: color .2s ease !important;
}


/* Hover */

.wpforo-revision-action-button:hover {
    color: #1261a0 !important;
}

.wpforo-revision-action-button:hover i {
    color: #1261a0 !important;
}


/* Disabled actions */

.wpforo-revision-action-button.wpf-disabled {
    cursor: default !important;
}

.wpforo-revision-action-button.wpf-disabled:hover {
    color: #7c8d99 !important;
}

.wpforo-revision-action-button.wpf-disabled:hover i {
    color: #8fa0aa !important;
}


/* Revision count */

.wpf-rev-history-count {
    margin-right: 4px !important;
}


/* Preview */

.wpforo_post_preview {
    color: #8a99a3 !important;
}


/* Saved */

.wpforo_revision_saved {
    color: #9aa7af !important;
}


/* Preview area */

.wpforo-revisions-preview-wrap {
    display: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Mobile */

@media (max-width: 767px) {

    .wpforo-revisions-action-buttons {
        min-height: 48px !important;

        padding: 0 16px !important;

        gap: 14px !important;
    }

    .wpforo-revision-action-button {
        margin: 0 !important;

        font-size: 9px !important;
    }

    .wpforo-revision-action-button i {
        margin-right: 5px !important;

        font-size: 12px !important;
    }

}

/* =========================================================
   INDIVIDUAL TOPIC — TOPIC FOOTER
   ========================================================= */

.wpforo-topic-footer {
    margin: 24px 0 0 !important;
    padding: 0 !important;

    background: #f7fafc !important;

    border: 1px solid #d8e3ea !important;
    border-radius: 4px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}


/* =========================================================
   TOP NAVIGATION ROW
   ========================================================= */

.wpforo-topic-footer .wpf-topic-navi {
    margin: 0 !important;
    padding: 0 !important;

    background: #f7fafc !important;

    border: 0 !important;
}


.wpforo-topic-footer .wpf-navi-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    min-height: 68px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FORUM JUMP
   ========================================================= */

.wpforo-topic-footer .wpf-forum-jump {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


.wpforo-topic-footer .wpf-forum-jump-title {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 12px 0 0 !important;
    padding: 0 !important;

    color: #526d80 !important;

    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    white-space: nowrap !important;
}


.wpforo-topic-footer .wpf-forum-jump-title i {
    margin-right: 7px !important;

    color: #718b9b !important;

    font-size: 13px !important;
}


/* Dropdown */

.wpforo-topic-footer .wpf-forum-jump select {
    width: 285px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 30px 0 11px !important;

    background: #fff !important;

    border: 1px solid #d3e0e7 !important;
    border-radius: 4px !important;

    color: #526d80 !important;

    font-family: inherit !important;
    font-size: 10px !important;
    line-height: 1 !important;

    cursor: pointer !important;
    outline: none !important;

    box-sizing: border-box !important;
}


.wpforo-topic-footer .wpf-forum-jump select:focus {
    border-color: #1261a0 !important;

    box-shadow: 0 0 0 2px rgba(18, 97, 160, .08) !important;
}


/* =========================================================
   PREVIOUS / NEXT TOPIC
   ========================================================= */

.wpforo-topic-footer .wpf-topic-prnx {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


.wpforo-topic-footer .wpf-topic-prev,
.wpforo-topic-footer .wpf-topic-next {
    margin: 0 !important;
    padding: 0 !important;
}


.wpforo-topic-footer .wpf-topic-prev a,
.wpforo-topic-footer .wpf-topic-next a {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 8px 0 !important;

    color: #1261a0 !important;

    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition: color .2s ease !important;
}


.wpforo-topic-footer .wpf-topic-prev a:hover,
.wpforo-topic-footer .wpf-topic-next a:hover {
    color: #e5233f !important;
}


.wpforo-topic-footer .wpf-topic-prev a i,
.wpforo-topic-footer .wpf-topic-next a i {
    font-size: 11px !important;
}


/* =========================================================
   CURRENTLY VIEWING
   ========================================================= */

.wpforo-topic-footer .wpf-topic-visitors {
    margin: 0 !important;
    padding: 0 !important;

    border-top: 1px solid #dfe8ed !important;

    background: #fff !important;
}


.wpforo-topic-footer .wpf-viewing-users {
    display: flex !important;
    align-items: center !important;

    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    color: #718494 !important;

    font-size: 10px !important;
    line-height: 1.4 !important;

    box-sizing: border-box !important;
}


.wpforo-topic-footer .wpf-viewing-users > i {
    margin-right: 8px !important;

    color: #8da0ad !important;

    font-size: 12px !important;
}


.wpforo-topic-footer .wpf-topic-visitor-link {
    margin: 0 4px !important;

    color: #e5233f !important;

    font-weight: 600 !important;
    text-decoration: none !important;
}


.wpforo-topic-footer .wpf-topic-visitor-link:hover {
    color: #1261a0 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wpforo-topic-footer {
        margin-top: 18px !important;
    }

    .wpforo-topic-footer .wpf-navi-wrap {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;

        min-height: 0 !important;

        padding: 16px !important;
    }

    .wpforo-topic-footer .wpf-forum-jump {
        width: 100% !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .wpforo-topic-footer .wpf-forum-jump-title {
        width: 100% !important;
        margin: 0 !important;
    }

    .wpforo-topic-footer .wpf-forum-jump select {
        width: 100% !important;
        max-width: 100% !important;
    }

    .wpforo-topic-footer .wpf-topic-prnx {
        justify-content: flex-end !important;
        width: 100% !important;
    }

    .wpforo-topic-footer .wpf-viewing-users {
        min-height: 48px !important;

        padding: 12px 16px !important;

        font-size: 9px !important;
    }

}

/* =========================================================
   INDIVIDUAL TOPIC — TOPIC INFORMATION BAR
   ========================================================= */

.wpforo-topic-head-wrap .wpf-post-head-top {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 90px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f5f9fc !important;
    border-left: 3px solid #22a6d5 !important;
    border-radius: 0 10px 10px 0 !important;
    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   LEFT — FORUM + LAST POST
   --------------------------------------------------------- */

.wpforo-topic-head-wrap .wpf-post-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 17px 20px !important;
    box-sizing: border-box !important;
}

.wpforo-topic-head-wrap .wpf-post-info-forum {
    display: block !important;
    margin: 0 0 9px !important;
    color: #526d80 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.wpforo-topic-head-wrap .wpf-post-info-forum i {
    margin-right: 7px !important;
    font-size: 15px !important;
}

.wpforo-topic-head-wrap .wpf-post-info > div {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    color: #526d80 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.wpforo-topic-head-wrap .wpf-post-info > div a {
    color: #1261a0 !important;
    text-decoration: none !important;
}

.wpforo-topic-head-wrap .wpf-post-info > div a:hover {
    color: #e5233f !important;
}

.wpforo-topic-head-wrap .wpf-post-info > div a:first-child {
    display: inline-flex !important;
    align-items: center !important;
    color: #526d80 !important;
}

.wpforo-topic-head-wrap .wpf-post-info > div a:first-child svg {
    width: 14px !important;
    height: 14px !important;
    fill: #526d80 !important;
}

.wpforo-topic-head-wrap .wpf-post-info .wpforo-date {
    color: #526d80 !important;
}


/* ---------------------------------------------------------
   RIGHT — STATISTICS
   --------------------------------------------------------- */

.wpforo-topic-head-wrap .wpf-post-stat {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

.wpforo-topic-head-wrap .wpf-post-stat-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 72px !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-left: 1px solid #d8e3ea !important;
    box-sizing: border-box !important;
}

.wpforo-topic-head-wrap .wpf-post-stat-box:first-child {
    border-left: 0 !important;
}

.wpforo-topic-head-wrap .wpf-tstat {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #1261a0 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.wpforo-topic-head-wrap .wpf-tstat svg {
    width: 17px !important;
    height: 17px !important;
    fill: #22a6d5 !important;
}

.wpforo-topic-head-wrap .wpf-tlabel {
    display: block !important;
    margin-top: 6px !important;
    color: #718494 !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;
}


/* ---------------------------------------------------------
   MORE / DROPDOWN
   --------------------------------------------------------- */

.wpforo-topic-head-wrap .wpf-pb-more {
    position: relative !important;
    min-width: 48px !important;
    padding: 0 8px !important;
    cursor: pointer !important;
}

.wpforo-topic-head-wrap .wpf-pb-more > i {
    display: none !important;
}

.wpforo-topic-head-wrap .wpf-pb-more > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wpforo-topic-head-wrap .wpf-pb-more > span svg {
    width: 22px !important;
    height: 22px !important;
    fill: #718494 !important;
    transition: fill .2s, transform .2s !important;
}

.wpforo-topic-head-wrap .wpf-pb-more:hover > span svg {
    fill: #1261a0 !important;
    transform: scale(1.08) !important;
}

/* =========================================================
   PROFILE — COVER HEADER
   ========================================================= */

.wpforo-profile .wpforo-profile-head {
    border-radius: 5px;
    overflow: visible;
    border: 1px solid #d8e3ea;
    box-shadow: 0 4px 14px rgba(6, 59, 96, 0.08);
}

.wpforo-profile .wpf-profile-avatar {
    position: relative;
    z-index: 10;
}

/* Darker, cleaner overlay over the cover image */
.wpforo-profile .wpforo-profile-head::before {
    background: linear-gradient(
        180deg,
        rgba(6, 59, 96, 0.05) 0%,
        rgba(6, 59, 96, 0.32) 100%
    );
}

/* Forum Home / Recent Posts area */
.wpforo-profile .wpforo-profile-back {
    color: #fff;
}

.wpforo-profile .wpforo-profile-back a {
    color: #fff;
    text-decoration: none;
}

.wpforo-profile .wpforo-profile-back a:hover {
    color: #e8f6ff;
}

/* =========================================================
   PROFILE — AVATAR & IDENTITY
   ========================================================= */

.wpforo-profile .wpf-profile-avatar img {
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 5px 16px rgba(6, 59, 96, 0.18);
}

/* Online indicator */
.wpforo-profile .wpf-profile-online {
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

/* Name / username container */
.wpforo-profile .wpfp-name {
    background: rgba(255, 255, 255, 0.94);
    border-radius: 5px;
    box-shadow: 0 3px 10px rgba(6, 59, 96, 0.08);
}

/* Username/name links */
.wpforo-profile .wpfp-name a {
    color: #063b60;
    text-decoration: none;
}

/* Username */
.wpforo-profile .wpfp-name .wpf-author-nicename,
.wpforo-profile .wpfp-name .author-nicename {
    color: #718494;
}

/* Separator between name and @username */
.wpforo-profile .wpfp-name::before {
    background: #c9d7df;
}

/* =========================================================
   PROFILE — MEMBER INFO
   ========================================================= */

.wpforo-profile .wpforo-profile-head-bottom {
    background: #fff;
    border-bottom: 1px solid #e3ebf0;
}

/* Individual information blocks */
.wpforo-profile .wpforo-profile-head-bottom .wpfp-box {
    color: #526d80;
}

/* User group / Admin badge area */
.wpforo-profile .wpforo-profile-head-bottom .wpfp-ug {
    color: #1261a0;
}

/* Reputation area */
.wpforo-profile .wpforo-profile-head-bottom .wpfp-reputation {
    color: #526d80;
}

/* Joined / Last seen */
.wpforo-profile .wpforo-profile-head-bottom .wpfp-joined {
    color: #526d80;
    line-height: 1.6;
}

/* Make labels such as Joined / Last seen slightly stronger */
.wpforo-profile .wpfp-joined {
    font-size: 11px;
}

/* Reputation star/badge */
.wpforo-profile .wpfp-reputation i,
.wpforo-profile .wpfp-reputation .fas,
.wpforo-profile .wpfp-reputation .far {
    vertical-align: middle;
}

/* =========================================================
   PROFILE ACCOUNT PAGE
   ========================================================= */

/* Account content area */
.wpforo-profile-content.wpf-pt-account {
    margin-top: 0;
    padding: 0;
    background: #fff;
}

/* Main account form */
.wpforo-profile-content.wpf-pt-account #wpf-profile-account-form {
    width: 100%;
    margin: 0;
}

/* Remove wpForo's default table-like spacing */
.wpforo-profile-content.wpf-pt-account .wpf-table {
    width: 100%;
}

/* Each major row */
.wpforo-profile-content.wpf-pt-account .wpf-tr {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e5edf2;
}

/* Field container */
.wpforo-profile-content.wpf-pt-account .wpf-field {
    margin: 0;
    padding: 12px 0;
}

/* Label column */
.wpforo-profile-content.wpf-pt-account .wpf-label-wrap {
    padding-right: 20px;
    box-sizing: border-box;
}

.wpforo-profile-content.wpf-pt-account .wpf-label {
    margin: 0;
    color: #063b60;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
}

/* Required star */
.wpforo-profile-content.wpf-pt-account .wpf-field-required-icon {
    color: #d7353f;
    font-weight: 700;
}

/* Description under labels */
.wpforo-profile-content.wpf-pt-account .wpf-desc {
    margin-top: 3px;
    color: #7b8d9a;
    font-size: 10px;
    line-height: 1.4;
}

/* Field wrapper */
.wpforo-profile-content.wpf-pt-account .wpf-field-wrap {
    position: relative;
}

/* Normal inputs */
.wpforo-profile-content.wpf-pt-account .wpf-field-wrap > input[type="text"],
.wpforo-profile-content.wpf-pt-account .wpf-field-wrap > input[type="email"],
.wpforo-profile-content.wpf-pt-account .wpf-field-wrap > input[type="url"],
.wpforo-profile-content.wpf-pt-account .wpf-field-wrap > input[type="password"],
.wpforo-profile-content.wpf-pt-account .wpf-field-wrap > select {
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0 14px 0 40px;
    border: 1px solid #d8e4eb;
    border-radius: 4px;
    outline: none;
    background: #f8fafb;
    color: #526d80;
    font-size: 12px;
    line-height: 42px;
    box-sizing: border-box;
    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

/* Focus */
.wpforo-profile-content.wpf-pt-account .wpf-field-wrap > input:focus,
.wpforo-profile-content.wpf-pt-account .wpf-field-wrap > select:focus {
    border-color: #1261a0;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(18, 97, 160, .08);
}

/* Field icons */
.wpforo-profile-content.wpf-pt-account .wpf-field-icon {
    position: absolute;
    left: 14px;
    top: 50% !important;
    z-index: 2;
    margin: 0;
    color: #7b8d9a;
    font-size: 13px;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Username — read only value */
.wpforo-profile-content.wpf-pt-account .wpf-username {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 14px;
    background: #f3f7f9;
    border: 1px solid #dce6ec;
    border-radius: 4px;
    color: #063b60;
    font-size: 12px;
    font-weight: 700;
    box-sizing: border-box;
}

/* Select arrow / spacing */
.wpforo-profile-content.wpf-pt-account select {
    cursor: pointer;
}

/* Clear generated wpForo float */
.wpforo-profile-content.wpf-pt-account .wpf-cl {
    clear: both;
}

/* =========================================================
   ACCOUNT — AVATAR
   ========================================================= */

.wpforo-profile-content.wpf-pt-account
.wpf-field-name-avatar .wpf-field-wrap {
    padding: 4px 0;
}

.wpforo-profile-content.wpf-pt-account
.wpf-field-name-avatar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wpforo-profile-content.wpf-pt-account
.wpf-field-name-avatar li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 38px;
    margin: 0;
    padding: 3px 0;
}

.wpforo-profile-content.wpf-pt-account
.wpf-field-name-avatar li::before {
    content: "";
    width: 5px;
    height: 5px;
    margin-right: 4px;
    border-radius: 50%;
    background: #718494;
}

.wpforo-profile-content.wpf-pt-account
.wpf-field-name-avatar label {
    color: #526d80;
    font-size: 12px;
    cursor: pointer;
}

/* Avatar URL input */
.wpforo-profile-content.wpf-pt-account
.wpf-field-name-avatar input[type="url"] {
    width: 255px;
    height: 36px;
    margin-left: 3px;
    padding: 0 12px;
    border: 1px solid #d8e4eb;
    border-radius: 4px;
    background: #f8fafb;
    color: #526d80;
    box-sizing: border-box;
}

/* File upload */
.wpforo-profile-content.wpf-pt-account
.wpf-field-name-avatar input[type="file"] {
    max-width: 100%;
    font-size: 11px;
    color: #526d80;
}


/* =========================================================
   ACCOUNT — RICH TEXT EDITORS
   ========================================================= */

/* TinyMCE doesn't need wpForo's field icon */
.wpforo-profile-content.wpf-pt-account
.wpf-field-type-tinymce .wpf-field-icon {
    display: none;
}

/* Editor container */
.wpforo-profile-content.wpf-pt-account
.wpf-field-type-tinymce .mce-tinymce {
    width: 100% !important;
    border: 1px solid #d8e4eb !important;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

/* Toolbar */
.wpforo-profile-content.wpf-pt-account
.wpf-field-type-tinymce .mce-toolbar-grp {
    background: #f3f7f9 !important;
    border-bottom: 1px solid #d8e4eb !important;
}

/* Toolbar buttons */
.wpforo-profile-content.wpf-pt-account
.wpf-field-type-tinymce .mce-btn {
    border: 0 !important;
    background: transparent !important;
}

.wpforo-profile-content.wpf-pt-account
.wpf-field-type-tinymce .mce-btn:hover {
    background: #e4eef4 !important;
}

/* Editor area */
.wpforo-profile-content.wpf-pt-account
.wpf-field-type-tinymce .mce-edit-area {
    border: 0 !important;
    background: #fff !important;
}

/* Make editor a little more spacious */
.wpforo-profile-content.wpf-pt-account
.wpf-field-type-tinymce .mce-edit-area iframe {
    height: 180px !important;
}

/* TinyMCE status bar */
.wpforo-profile-content.wpf-pt-account
.wpf-field-type-tinymce .mce-statusbar {
    background: #fafcfd !important;
    border-top: 1px solid #e5edf2 !important;
}

/* Resize handle */
.wpforo-profile-content.wpf-pt-account
.wpf-field-type-tinymce .mce-resizehandle {
    opacity: .55;
}

/* =========================================================
   WPForo — REGISTRATION PAGE
   ========================================================= */

/* ---------- Page title ---------- */

.wpforo-profile-content.wpf-pt-register #wpforo-title {
    margin: 0 0 20px !important;
    color: #063b60 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}


/* ---------- Registration card ---------- */

.wpforo-register-content{
    padding: 0 !important;
}

.wpforo-profile-content.wpf-pt-register .wpforo-register-wrap {
    width: 100%;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #dce7ee !important;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(6, 59, 96, 0.08);
    overflow: hidden;
}


/* ---------- Card header ---------- */

.wpforo-profile-content.wpf-pt-register
.wpforo-register-content > h3 {
    position: relative;
    margin: 0 !important;
    padding: 26px 30px 25px !important;
    background: #063b60 !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center;
    letter-spacing: .1px;
}

/* Small red accent */
.wpforo-profile-content.wpf-pt-register
.wpforo-register-content > h3::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 48px;
    height: 3px;
    background: #e52b3a;
    transform: translateX(-50%);
}


/* ---------- Form body ---------- */

.wpforo-profile-content.wpf-pt-register
.wpforo-register-table {
    margin: 0 !important;
    padding: 24px 30px 26px !important;
    background: #fff !important;
}


/* ---------- Input rows ---------- */

.wpforo-profile-content.wpf-pt-register
.wpforo-register-table > .wpf-tr:first-child {
    border: 0 !important;
}

.wpforo-profile-content.wpf-pt-register
.wpf-tr {
    border-bottom: 1px solid #e5edf2;
}


/* ---------- Fields ---------- */

.wpforo-profile-content.wpf-pt-register
.wpf-field {
    margin: 0 !important;
    padding: 0 0 18px !important;
    border: none !important;
}


/* Labels */

.wpforo-profile-content.wpf-pt-register
.wpf-label {
    margin: 0 0 7px !important;
    color: #063b60 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Required star */

.wpforo-profile-content.wpf-pt-register
.wpf-field-required-icon {
    color: #e52b3a !important;
}


/* Description */

.wpforo-profile-content.wpf-pt-register
.wpf-desc {
    margin: 3px 0 7px !important;
    color: #81919d !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
}


/* ---------- Inputs ---------- */

.wpforo-profile-content.wpf-pt-register
.wpf-field-wrap {
    position: relative;
}

.wpforo-profile-content.wpf-pt-register
.wpf-field-wrap > input[type="text"],
.wpforo-profile-content.wpf-pt-register
.wpf-field-wrap > input[type="email"] {
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 14px 0 42px !important;
    background: #f7fafc !important;
    border: 1px solid #d7e3ea !important;
    border-radius: 4px !important;
    color: #063b60 !important;
    font-size: 12px !important;
    line-height: normal !important;
    outline: none !important;
    box-sizing: border-box;

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.wpforo-profile-content.wpf-pt-register
.wpf-field-wrap > input[type="text"]:focus,
.wpforo-profile-content.wpf-pt-register
.wpf-field-wrap > input[type="email"]:focus {
    background: #fff !important;
    border-color: #1261a0 !important;
    box-shadow: 0 0 0 3px rgba(18, 97, 160, .08) !important;
}


/* ---------- Input icons ---------- */

.wpforo-profile-content.wpf-pt-register
.wpf-field-icon {
    position: absolute;
    top: 0 !important;
    bottom: 0;
    left: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: auto;
    margin: 0 !important;
    color: #718494 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    transform: none !important;
    pointer-events: none;
}

/* =========================================================
   CONFIRMATION AREA
   ========================================================= */
.wpforo-profile-content.wpf-pt-register
.wpf-tr:nth-child(2) {
    padding: 18px 0 4px;
    border-bottom: 0;
}


/* Checkbox */
.wpforo-profile-content.wpf-pt-register
.wpforo-legal-checkbox {
    display: flex;

    align-items: flex-start;

    gap: 9px;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #526d80;

    font-size: 11px;
    line-height: 1.5;

    cursor: pointer;
}

.wpforo-profile-content.wpf-pt-register
.wpforo-legal-checkbox input[type="checkbox"] {
    flex: 0 0 15px;

    width: 15px;
    height: 15px;

    margin: 1px 0 0 !important;

    accent-color: #1261a0;
}


/* Information message */

.wpforo-profile-content.wpf-pt-register
.wpf-tr:nth-child(3) {
    padding: 0 0 17px;

    border-bottom: 1px solid #e5edf2;
}

.wpforo-profile-content.wpf-pt-register
.wpf-reg-info {
    margin-right: 6px;

    color: #1261a0 !important;

    font-size: 13px !important;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.wpforo-profile-content.wpf-pt-register
.wpf-tr:last-child {
    border-bottom: 0;
}

.wpforo-profile-content.wpf-pt-register
.wpf-field-type-submit {
    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 100% !important;

    margin: 0 !important;
    padding: 22px 0 2px !important;

    box-sizing: border-box;
}


/* Register button */

.wpforo-profile-content.wpf-pt-register
.wpf-field-type-submit > input[type="submit"] {
    width: 100% !important;
    max-width: 430px;

    height: 44px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    border: 0 !important;
    border-radius: 4px !important;

    background: #1261a0 !important;
    color: #fff !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    line-height: 44px !important;

    cursor: pointer;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.wpforo-profile-content.wpf-pt-register
.wpf-field-type-submit > input[type="submit"]:hover {
    background: #063b60 !important;

    box-shadow: 0 5px 14px rgba(6, 59, 96, .16);

    transform: translateY(-1px);
}


/* ---------- Login ---------- */

.wpforo-profile-content.wpf-pt-register
.wpf-field-login {
    position: static !important;

    margin: 12px 0 0 !important;

    transform: none !important;
}

.wpforo-profile-content.wpf-pt-register
.wpf-field-login::before {
    content: "Already have an account?";

    display: block;

    margin-bottom: 4px;

    color: #81919d;

    font-size: 10px;

    text-align: center;
}

.wpforo-profile-content.wpf-pt-register
.wpf-field-login a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 6px;

    min-height: 30px;

    padding: 0 10px;

    border: 0 !important;

    background: transparent !important;

    color: #1261a0 !important;

    font-size: 11px;

    font-weight: 700;

    text-decoration: none;
}

.wpforo-profile-content.wpf-pt-register
.wpf-field-login a:hover {
    color: #063b60 !important;
}


/* =========================================================
   REMOVE EMPTY WPForo PARAGRAPHS
   ========================================================= */

.wpforo-profile-content.wpf-pt-register
.wpf-profile-body > p {
    margin: 0 !important;
    line-height: 0 !important;
}

/* =========================================================
   WPForo — LOGIN PAGE
   ========================================================= */

/* ---------- Page title ---------- */

.wpforo-profile-content.wpf-pt-login #wpforo-title {
    margin: 0 0 20px !important;

    color: #063b60 !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}


/* ---------- Login card ---------- */

.wpforo-profile-content.wpf-pt-login .wpforo-login-wrap {
    width: 100%;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #dce7ee !important;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(6, 59, 96, 0.08);
    overflow: hidden;
}

.wpforo-login-content {
    padding: 0 !important;
}


/* ---------- Header ---------- */

.wpforo-profile-content.wpf-pt-login
.wpforo-login-content > h3 {
    position: relative;

    margin: 0 !important;
    padding: 26px 30px 25px !important;

    background: #063b60 !important;
    color: #fff !important;

    font-size: 20px !important;
    font-weight: 800 !important;

    line-height: 1.2 !important;

    text-align: center;
}

/* Red accent */

.wpforo-profile-content.wpf-pt-login
.wpforo-login-content > h3::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 48px;
    height: 3px;

    background: #e52b3a;

    transform: translateX(-50%);
}


/* ---------- Form body ---------- */

.wpforo-profile-content.wpf-pt-login
.wpforo-login-table {
    width: 65% !important;
    padding: 28px 0 !important;
    background: #fff !important;
}


/* ---------- Remove default row styling ---------- */

.wpforo-profile-content.wpf-pt-login
.wpf-tr {
    border: 0 !important;
}


/* ---------- Login fields ---------- */

.wpforo-profile-content.wpf-pt-login
.wpf-field {
    margin: 0 !important;
    padding: 0 0 18px !important;
    background: #ffffff !important;
}

/* Field wrapper */
.wpforo-profile-content.wpf-pt-login
.wpf-field-wrap {
    position: relative;
}

/* Inputs */
.wpforo-profile-content.wpf-pt-login
.wpf-login-text {
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 42px 0 42px !important;
    background: #f7fafc !important;
    border: 1px solid #d7e3ea !important;
    border-radius: 4px !important;
    color: #063b60 !important;
    font-size: 12px !important;
    line-height: normal !important;
    outline: none !important;
    box-sizing: border-box;
    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

/* Focus */
.wpforo-profile-content.wpf-pt-login
.wpf-login-text:focus {
    background: #fff !important;
    border-color: #1261a0 !important;
    box-shadow: 0 0 0 3px rgba(18, 97, 160, .08) !important;
}

/* ---------- Input icons ---------- */
.wpforo-profile-content.wpf-pt-login
.wpf-field-icon {
    position: absolute;
    top: 50% !important;
    left: 14px;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 !important;
    color: #718494 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    text-align: center;
    transform: translateY(-50%) !important;
    pointer-events: none;
}

/* ---------- Password visibility icon ---------- */
.wpforo-profile-content.wpf-pt-login
.wpf-show-password {
    position: absolute;
    top: 50%;
    right: 14px;
    margin: 0 !important;
    color: #718494 !important;
    font-size: 13px !important;
    transform: translateY(-50%) !important;
    cursor: pointer;
}

.wpforo-profile-content.wpf-pt-login
.wpf-show-password:hover {
    color: #1261a0 !important;
}

/* =========================================================
   LOGIN — ACTION AREA
   ========================================================= */

/* Remember Me + Lost Password */
.wpforo-profile-content.wpf-pt-login
.wpf-extra {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    margin: 4px 0 16px !important;
    padding: 0 !important;

    color: #526d80;
    font-size: 11px;
    line-height: 1.4;
}

/* Remember checkbox */
.wpforo-profile-content.wpf-pt-login
#wpf-login-remember {
    width: 14px;
    height: 14px;

    margin: 0 2px 0 0 !important;

    accent-color: #1261a0;
}

/* Remember Me label */
.wpforo-profile-content.wpf-pt-login
.wpf-extra label {
    margin: 0 !important;

    color: #526d80;

    font-size: 11px;
    cursor: pointer;
}

/* Forgot password */
.wpforo-profile-content.wpf-pt-login
.wpf-forgot-pass {
    color: #1261a0 !important;

    font-size: 11px;
    font-weight: 600;

    text-decoration: none;
}

.wpforo-profile-content.wpf-pt-login
.wpf-forgot-pass:hover {
    color: #063b60 !important;
}


/* =========================================================
   SIGN IN BUTTON
   ========================================================= */

.wpforo-profile-content.wpf-pt-login
.wpf-extra + input[type="submit"] {
    display: block;

    width: 100%;
    max-width: 460px;

    height: 44px;

    margin: 0 auto !important;
    padding: 0 20px;

    border: 0 !important;
    border-radius: 4px !important;

    background: #1261a0 !important;
    color: #fff !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    line-height: 44px !important;

    cursor: pointer;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.wpforo-profile-content.wpf-pt-login
.wpf-extra + input[type="submit"]:hover {
    background: #063b60 !important;

    box-shadow: 0 5px 14px rgba(6, 59, 96, .16);

    transform: translateY(-1px);
}


/* =========================================================
   CREATE ACCOUNT
   ========================================================= */

.wpforo-profile-content.wpf-pt-login
.wpf-field-reg {
    margin: 14px 0 0 !important;
}

.wpforo-profile-content.wpf-pt-login
.wpf-field-reg a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 6px;

    min-height: 30px;

    padding: 0 8px;

    border: 0 !important;

    background: transparent !important;

    color: #1261a0 !important;

    font-size: 11px;
    font-weight: 700;

    text-decoration: none;
}

.wpforo-profile-content.wpf-pt-login
.wpf-field-reg a:hover {
    color: #063b60 !important;
}


/* =========================================================
   REMOVE UNUSED WPForo SPACE
   ========================================================= */

/* Registration link shouldn't create a huge bottom area */
.wpforo-profile-content.wpf-pt-login
.wpf-extra-field-end {
    display: none !important;
}

/* Remove empty paragraphs added after the form */
.wpforo-profile-content.wpf-pt-login
.wpf-profile-body > p {
    display: none !important;
}