/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Flat Style Grey
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Ian Bradley ( http://phpbbstyles.iansvivarium.com/ )
    --------------------------------------------------------------
*/

@import url("../../flat-style/theme/normalize.css?v=1.1.10");
@import url("../../flat-style/theme/base.css?v=1.1.10");
@import url("../../flat-style/theme/utilities.css?v=1.1.10");
@import url("../../flat-style/theme/common.css?v=1.1.10");
@import url("../../flat-style/theme/links.css?v=1.1.10");
@import url("../../flat-style/theme/content.css?v=1.1.10");
@import url("../../flat-style/theme/buttons.css?v=1.1.10");
@import url("../../flat-style/theme/cp.css?v=1.1.10");
@import url("../../flat-style/theme/forms.css?v=1.1.10");
@import url("../../flat-style/theme/icons.css?v=1.1.10");
@import url("../../flat-style/theme/colours.css?v=1.1.10");
@import url("../../flat-style/theme/responsive.css?v=1.1.10");
@import url("../../flat-style/theme/flat.css?v=1.1.10");
@import url("colour-override.css?v=1.1.10");




/* Import Anton font */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/* Apply it to the header link */
h1 a.home-link {
    text-decoration: none;
    font-family: 'Anton', sans-serif;
    /* Anton is naturally bold, so font-weight 700 is not required */
    font-weight: 400; 
    /* Slightly increased letter-spacing works well with Anton's condensed style */
    letter-spacing: 0.05rem;
    text-transform: ;
}

h1 a.home-link:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
    h1 a.home-link {
        font-size: ; /* Larger on desktop */
    }
}

.footer-copyright {
    text-align: left;
    display: block;
}



.footer-row {
    text-align: left;
}




.vp-verified-badge {
	background-image: url( '{' ) !important;
}


@media (max-width: 768px) {
  h1 a.home-link {
    font-size: 22px;
  }
}





@media (max-width: 767px) {
    a.home-link {
        padding: 0 8px !important;   /* adds horizontal space */
        line-height: 1.4 !important; /* prevents text from being clipped vertically */
        white-space: nowrap;         /* keeps the text on one line */
    }
}


.list-inner.with-mark {
    color: #000 !important;   /* black text */
}


.panel-container .panel li.header dd, .panel-container .panel li.header dt {
	color: black;
}


.postlink, .postlink:visited
{border-bottom-color: #51262600;}





a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover, .postlink, .postlink:visited, .arrow-left:hover, .arrow-right:hover, .icon.icon-blue, a:hover .icon.icon-blue, .icon.icon-green, a:hover .icon.icon-green, .icon.icon-red, a:hover .icon.icon-red, .icon.icon-orange, a:hover .icon.icon-orange, .error, .button:hover, .button:focus, .button-secondary:focus, .button-secondary:hover, .button:focus .icon, .button:hover .icon, .tabs .tab > a:hover, .navigation .active-subsection a, .navigation .active-subsection a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, li.notification-reported strong, li.notification-disapproved strong, .site-description p, .icon, .navbar-top a:hover, .navbar-bottom a:hover, .header-avatar span::after, #rules .highlight, .portal-navigation ul li a:before
{
    /* The color #0053E2 (True Blue) is now prioritized */
    color: #0f1419 !important;
}




.postbody .signature img,
.postbody .signatureStandAlone img {
    max-width: 4vw !important;
    width: 4vw !important;
    height: auto !important;
    display: block !important;
}


/* make posted images responsive */
.phpbb_announcement .postimage {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 4% !important;
}





/* Force every container, bar, and panel to be white */
html, body, #wrap, .headerbar, .navbar, .forabg, .forumbg, .post, 
.panel, .inner, .cp-main, .cp-mini, .navigation, 
.tabs .tab > a, .tabs .tab > a:hover, 
li.row, ul.topiclist dt, ul.topiclist dd {
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #eff3f4 !important; /* X-style thin light gray border */
    box-shadow: none !important;
}

/* Remove the specific gray backgrounds in the User Control Panel */
.panel-container .panel, .section-main .inner, .cp-main .inner, .content {
    background-color: #ffffff !important;
}

/* Ensure all text is dark/black so it is visible on the white */
body, a, .topictitle, .postbody, .content, .name {
    color: #0f1419 !important;
}




/* Apply a border to each individual link item */
.navigation a {
    color: # !important;
    background: #dddddd00 !important;
    border: 1px solid #eff3f4 !important; /* The individual border */
    display: block !important;           /* Ensures the box spans the width */
    margin-bottom: 5px !important;        /* Adds space between the boxes */
    padding: 10px !important;             /* Space inside the border */
}

/* Ensure the RTL version also has the individual border */
.rtl .navigation a {
    background: #dddddd00 !important;
    border: 1px solid #eff3f4 !important;
}




table.table1 thead th {
	color: #0f1419 !important;
	background-color: #33333300 !important;
}


/* 2. Strip backgrounds from the notification table rows */
tr.bg1, tr.bg2, tr.bg3 {
    background-color: transparent !important;
}


/* 4. Add dividers between the notification rows */
.table1 tbody tr {
    border-bottom: 1px solid #eff3f4 !important;
}


.header-avatar span {
	color:#0f1419 !important;
}


/* 1. Base style for all devices (Mobile First) */
.home-link {
    float: left !important;
    padding-left: 10px !important;
    margin-left: 0 !important; /* Resets the cut-off on mobile */
}

/* 2. Desktop only: Pull it further left */
@media (min-width: 700px) {
    .home-link {
        margin-left: -20px !important; 
    }
}



/* 1. Base Button Style (The "Subscribe" state) */
[data-ajax="toggle_link"] {
    position: absolute !important;
    top: 33px !important;
    right: 660px !important;
    z-index: 100 !important;
    
    background-color: #0053E2 !important; /* Your True Blue */
    color: #ffffff !important;
    padding: 6px 16px !important;
    border: 1px solid  !important;
    border-radius: 0 !important; /* Sharp corners */
    
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    text-align: center !important;
    transition: 0.2s ease-in-out;
}

/* 2. Hide original phpBB text and checkbox icon */
[data-ajax="toggle_link"] i, 
[data-ajax="toggle_link"] span {
    display: none !important;
}

/* 3. Insert "Subscribe" text by default */
[data-ajax="toggle_link"]::before {
    content: "Subscribe" !important;
}

/* 4. The "Subscribed" state (Turns white when active) */
/* Targets the link when it no longer contains the word "Subscribe" in the title */
[data-ajax="toggle_link"]:not([title*="Subscribe"]) {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cfd9de !important;
}

[data-ajax="toggle_link"]:not([title*="Subscribe"])::before {
    content: "Subscribed" !important;
}

/* 5. Hover Effects */
/* Hovering over "Subscribe" (Blue button) */
[data-ajax="toggle_link"]:hover {
    background-color: #ffff !important;
    border-color: #0f1419 !important;
    color: #ffffff !important;
}



/* 6. Mobile Alignment (Ensures it stays in the header on phones) */
@media (max-width: 700px) {
    [data-ajax="toggle_link"] {
        top: 10px !important;
        right: 33px !important;
        padding: 4px 10px !important;
        font-size: 11px !important;
    }
}


/* Remove "Topics", "Announcements", and "Posts" header labels */
li.header dt, 
li.header dd, 
.headers, 
.forum-selection,
li.header dl dt div,
li.header dl dd {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
}




/* 1. MASTER CONTAINER: Force a vertical stack from the far left */
li.row dt, 
li.row dt .list-inner {
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    display: block !important; /* Changed from flex to block to prevent side-by-side jumping */
    float: none !important;
}

/* 2. REMOVE THE DOUBLE LINE: Hides the redundant "Last post by" line */
.responsive-show, 
dfn,
.row-item dt .list-inner br {
    display: none !important;
}

/* 3. THE TITLE: Pure left alignment */
a.topictitle {
    display: block !important;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* 4. THE BYLINE (Author & Date): Forced to its own line */
.topic-poster {
    display: block !important;
    float: none !important;
    clear: both !important;
    margin: 0 0 5px 0 !important;
    font-size: 13px !important;
    color: #536471 !important;
}

/* 5. THE PREVIEW TEXT: Forced under the byline */
.topic_preview_content,
.topic_preview_first {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    margin: 5px 0 10px 0 !important;
    padding: 0 !important;
    color: #0f1419 !important;
}

/* 6. THE STATS (0 / 17409): Pull them from the right to the bottom-left */
li.row dd {
    display: inline-flex !important;
    float: left !important; /* Pulls from right side to the left side */
    clear: none !important; /* Allows them to sit side-by-side on the bottom line */
    width: auto !important;
    margin: 0 20px 0 0 !important; /* Gap between the two numbers */
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Force the stats to stay below the text preview */
li.row dd.posts {
    clear: both !important; /* This ensures the stats row starts on its own line at the bottom */
}



/* Hide the duplicate Last Post column entirely */
.row dd.lastpost {
    display: none !important;
}


/* Add Speech Bubble to Replies */
li.row dd.posts::before {
    content: "\f27a" !important; 
    font-family: "FontAwesome" !important;
    margin-right: 6px !important;
}

/* Add Bar Chart to Views */
li.row dd.views::before {
    content: "\f080" !important;
    font-family: "FontAwesome" !important;
    margin-right: 6px !important;
}

/* Spacing between the two stat groups */
li.row dd.posts {
    margin-right: 25px !important;
}




/* 1. Global Font Stack - System Default Sans-Serif */
html, body, p, div, span, a, li, dt, dd, h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* 2. Global Text Colors and Line Height */
body {
    color: #0f1419 !important; 
    line-height: 1.35 !important;
}

/* 3. Secondary Text (Metadata, Stats, Usernames) */
.topic-poster, .postprofile, .content, .postbody, .statistics, .stat-block, li.row dd {
    font-size: 14px !important;
}

.topic-poster, li.row dd, .stat-block {
    color: #536471 !important; 
}

/* 4. Formatting for Statistics Icons */
li.row dd.posts::before {
    content: "\f27a" !important; 
    font-family: "FontAwesome" !important;
    margin-right: 6px !important;
}

li.row dd.views::before {
    content: "\f080" !important;
    font-family: "FontAwesome" !important;
    margin-right: 6px !important;
}

/* 5. Spacing for Stats Rows */
li.row dd.posts {
    margin-right: 25px !important;
}



/* Target all FontAwesome and theme icons globally */
i.icon, 
.fa, 
.fas, 
.far, 
.icon::before,
.fa::before {
    color: #0f1419 !important;
    opacity: 1 !important;
}


/* Apply #0053E2 to functional links by default */
.postlink, 
.postbody .attachment-box a, 
.postbody .file a,
.postbody a[href*="http"] {
    color: #0053E2 !important;
    text-decoration: none !important;
}

/* Maintain blue and add underline on hover */
.postlink:hover, 
.postbody .attachment-box a:hover, 
.postbody .file a:hover,
.postbody a[href*="http"]:hover {
    color: #0053E2 !important;
    text-decoration: underline !important;
}



/* Change Home link color on hover with no underline */
.home-link:hover, 
.home-link:hover i {
    color: #0053E2 !important;
    text-decoration: none !important;
}













/* Make the entire row area clickable */
li.row {
    position: relative !important;
}




/* Remove the gap between announcement and post sections */
.forumbg + .forumbg, 
.forumbg + .forums,
.announcements + .topics {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove bottom margin from the last row of the first block */
.forumbg {
    margin-bottom: 0 !important;
}

/* Ensure the list inside has no extra spacing */
ul.topiclist {
    margin-bottom: 0 !important;
}






/* Ensure the stats/footer rows remain transparent and normal */
.stat-block li.row {
    background-color: transparent !important;
    position: static !important;
}




/* Apply solid white background to all dropdown menus */
.dropdown .dropdown-contents {
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    border: 1px solid #e1e8ed !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Fix the pointer arrow for all dropdowns */
.dropdown .pointer, 
.dropdown .pointer-inner {
    border-bottom-color: #ffffff !important;
}

/* Ensure text and icons inside are dark and visible */
.dropdown .dropdown-contents a, 
.dropdown .dropdown-contents span, 
.dropdown .dropdown-contents i {
    color: #0f1419 !important;
}




/* 1. Hide the Subscribe button by default on all pages */
.topic-tools .icon-subscribe, 
.topic-tools a[href*="watch"],
.topic-tools a[href*="unwatch"] {
    display: none !important;
}

/* 2. Only show the Subscribe button on the Forum Top (Topic List) */
.section-viewforum .topic-tools .icon-subscribe,
.section-viewforum .topic-tools a[href*="watch"],
.section-viewforum .topic-tools a[href*="unwatch"] {
    display: inline-block !important;
}

/* 3. Ensure it stays hidden on the actual post pages */
.section-viewtopic .topic-tools .icon-subscribe,
.section-viewtopic .topic-tools a[href*="watch"] {
    display: none !important;
}



/* Force the checkbox to the front layer so it is clickable */
dd.mark, 
dd.mark input[type="checkbox"] {
    position: relative !important;
    z-index: 9999 !important; /* Pushes it above the highlight box */
    pointer-events: auto !important; /* Ensures the mouse can interact with it */
}

/* Ensure the container isn't blocking the click */
li.row {
    z-index: 1 !important; /* Keeps the main row in the background */
}




/* Specific fix for phpBB folder icons that often persist */
dl.row-item {
    background-image: none !important;
}

/* Ensure the list-inner doesn't keep a ghost icon background */
.list-inner {
    background-image: none !important;
}



/* Bring all dropdown containers to the absolute front */
.dropdown {
    z-index: 10000 !important;
}


/* Ensure nothing else on the page can overlap the dropdowns */
li.row, .list-inner, .topic_preview_content {
    z-index: 1 !important;
}


/* 1. Base reset for the tabs */
#tabs .tab a {
    background-image: none !important;
    background-color: transparent; /* Or your current base color */
    transition: background-color 0.1s ease-in-out;
}

/* 2. Hover state: Just a touch darker than the original */
#tabs .tab a:hover {
    background-color: rgba(0, 0, 0, 0.15) !important; /* Subtle darkening */
    background-image: none !important;
    color: inherit !important;
}

/* 3. Active state: Stays darker to show where you are */
#tabs .activetab a {
    background-color: rgba(0, 0, 0, 0.25) !important; /* Slightly darker than the hover */
    background-image: none !important;
    border-bottom-color: transparent !important; /* Optional: cleans up the bottom edge */
}

/* 4. Ensure no background images reappear on these elements */
#tabs li, #tabs li a {
    background-image: none !important;
}


/* 1. Reset sidebar links and remove any old background images */
#navigation li a {
    background-image: none !important;
    transition: background-color 0.1s ease;
    display: block; /* Ensures the whole row is clickable and colors correctly */
}

/* 2. Hover state: Make the row slightly darker when pointing at it */
#navigation li a:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
    background-image: none !important;
    text-decoration: none !important;
}

/* 3. Active state: Keep the "Front page" (active) row darker */
#navigation li.active-subsection a {
    background-color: rgba(0, 0, 0, 0.2) !important; /* Noticeably darker than hover */
    background-image: none !important;
    font-weight: bold; /* Optional: helps highlight which page you are on */
}

/* 4. Ensure the span inside the link doesn't block the background color */
#navigation li a span {
    background: transparent !important;
}


/* 1. Force the alert box to the absolute front layer */
.phpbb_alert {
    z-index: 100000 !important; /* Higher than dropdowns and topic rows */
    position: fixed !important; /* Keeps it visible even if you scroll */
    background-image:  !important; /* Removes default background textures */
    pointer-events: auto !important; /* Ensures the close button remains clickable */
}

/* 2. Ensure the background dimming effect (if used) is also at the front */
#darkenwrapper {
    z-index: 99999 !important;
}











/* Mobile specific fix for Notification Checkboxes */
@media (max-width: 700px) {
    /* 1. Force the row to stay side-by-side */
    .notification_list dl {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important; /* Vertically centers text and box */
        width: 100% !important;
    }

    /* 2. Lock the checkbox size to match Desktop */
    .notification_list input[type="checkbox"] {
        width: px !important;   /* Standard browser checkbox width */
        height: px !important;  /* Standard browser checkbox height */
        min-width: 13px !important;
        min-height: 13px !important;
        margin: 0 !important;
        transform: none !important; /* Removes any mobile scaling */
        cursor: pointer !important;
    }

    /* 3. Ensure the 'Mark' container doesn't shrink */
    .notification_list dd.mark {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 !important;
    }

    /* 4. Allow text to take up the remaining space */
    .notification_list dt {
        width: calc(100% - 40px) !important;
        flex-grow: 1;
        padding-right: 10px !important;
    }

    /* 5. Hide the text label 'Mark read' on mobile */
    .notification_list dd.mark dfn {
        display: none !important;
    }
}



/* Target the verified badge image */
img[src*="verifiedprofiles/tick.svg"], 
.vp-verified-badg {
    /* This filter converts the image color to exactly #0053E2 */
    filter: brightness(0) saturate(100%) invert(20%) sepia(89%) saturate(4155%) hue-rotate(218deg) brightness(91%) contrast(106%) !important;
    
    /* Ensure the browser treats it as a filterable element */
    display: inline-block !important;
    vertical-align: middle;
}


/* Remove hover background and color change for home-link only */
.home-link:hover {
    background: transparent !important;
    background-color: #eff3f4 !important;
    color: inherit !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Ensure any active/focus states also stay clean */
.home-link:active, .home-link:focus {
    background: #eff3f4 !important;
    color: inherit !important;
}



/* Center the forum and limit width like Twitter/Mobile */
#wrap {
    max-width: 600px !important; /* Standard "Twitter" feed width */
    margin: 0 auto !important;   /* Centers the container */
    border-left: 1px solid #e1e8ed; /* Optional: subtle side borders */
    border-right: 1px solid #e1e8ed;
    box-shadow: none !important;
}

/* Ensure the header and footer stay within the same width */
.headerbar, .navbar, .page-footer {
    max-width: 100% !important;
}

/* Optional: Make the background of the page a light grey to make the column pop */
body {
    background-color: #f5f8fa !important; 
}



/* Underline notification blocks and specific links on hover */
.dropdown-contents ul li a:hover,
.dropdown-contents .header_settings a:hover,
.dropdown-contents .footer a:hover,
.dropdown-contents .notification_text a:hover {
    text-decoration: underline !important;
}

/* Ensure the "See All" text also underlines */
.dropdown-contents .footer a span:hover {
    text-decoration: underline !important;
}

/* Ensure push notification buttons don't get messy underlines if they are icons */
.wpn-notification-dropdown-footer button:hover {
    text-decoration: none !important;
}




#loading-screen {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    background-color: #ffffff !important;
    display: none; /* Hidden by default */
    z-index: 9999999;
    transition: opacity 0.4s ease;
}

#loading-screen.active {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#loading-screen.active .loading-img {
    display: block !important; /* Shows the image only when centered */
    width: 100px !important;
    height: 100px !important;
    object-fit: contain;
    animation: loading-pulse 1.8s infinite ease-in-out;
}

@keyframes loading-pulse {
    0% { transform: scale(0.9); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; }
    100% { transform: scale(0.9); opacity: 0.8; }
}




.vp-verified-badge {
    /* Use the full URL and wrap it in quotes to handle the spaces in the filename */
    background-image: url('https://dettricjones.com/images/Flower%20of%20Doves.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px; /* Adjust size as needed for the badge */
    height: 15px;
}



[data-ajax="toggle_link"] {
    position: absolute !important;
    top: 33px !important;
    
    /* 1. THE LOCK: Use 'left' and '50%' to find the center, 
       then move it slightly to the right of your name */
    left: 50% !important;
    margin-left: 190px !important; /* Adjust this number to move it left/right */
    right: auto !important;

    /* 2. Style & Colors */
    z-index: 100 !important;
    background-color: #0053E2 !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    border: 1px solid #0053E2 !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* 3. MOBILE ORIENTATION FIX */
@media (max-width: 700px) {
    [data-ajax="toggle_link"] {
        /* On mobile, center it or pin it to the far right */
        left: auto !important;
        margin-left: 0 !important;
        right: 22px !important; 
        top: 5px !important;
    }
}






/* 3. THE "VANISH" ACT (The "Subscribed" state) */
/* When the title changes to "Unsubscribe", hide the button from the top entirely */
[data-ajax="toggle_link"]:not([title*="Subscribe"]) {
    display: none !important;
}



/* 4. THE FOOTER REVEAL (Bring back the bottom link) */
/* This overrides the 'display: none' but ONLY for the link inside the footer list */
.nav-footer [data-ajax="toggle_link"]:not([title*="Subscribe"]) {
    display: inline !important; /* Makes it reappear at the bottom */
    position: static !important;
    background: none !important;
    color: inherit !important;
    padding: 0 !important;
    border: none !important;
    font-weight:  !important;
    text-decoration: none !important;
}

/* Ensure the original "Unsubscribe forum" text shows at the bottom */
.nav-footer [data-ajax="toggle_link"]:not([title*="Subscribe"]) span {
    display: inline !important;
}

.nav-footer [data-ajax="toggle_link"]:not([title*="Subscribe"])::before {
    content: none !important;
}

/* 5. HOVER FOR FOOTER */
.nav-footer [data-ajax="toggle_link"]:not([title*="Subscribe"]):hover {
    text-decoration: underline !important;
}




/* 4. THE FOOTER REVEAL (Lined up beside Home) */
.nav-footer [data-ajax="toggle_link"]:not([title*="Subscribe"]) {
    display: inline-block !important; 
    position: static !important;
    vertical-align: middle !important;
    
    /* RESET STYLES */
    background: none !important;
    color: inherit !important;
    border: none !important;
    font-weight: bold !important;
    font-size: inherit !important;
    text-decoration: none !important;

    /* SPACING */
    margin-left: 15px !important; 
    padding: 0 !important;
}

/* --- THE TEXT FIX --- */

/* 1. Hide the original "Unsubscribe forum" text and the icon */
.nav-footer [data-ajax="toggle_link"]:not([title*="Subscribe"]) span,
.nav-footer [data-ajax="toggle_link"]:not([title*="Subscribe"]) i {
    display: none !important;
}

/* 2. Insert the clean "Unsubscribe" text */
.nav-footer [data-ajax="toggle_link"]:not([title*="Subscribe"])::before {
    content: "Unsubscribe" !important;
    display: inline-block !important;
    font-weight: bold !important;
}

/* Optional: Add hover underline to the new text */
.nav-footer [data-ajax="toggle_link"]:not([title*="Subscribe"]):hover::before {
    text-decoration: underline !important;
}



/* 1. Target the title specifically inside an announcement row */
.row.announce .topictitle {
    display: inline-flex !important;
    align-items: center;
    vertical-align: middle;
}

/* 2. Style the Pin icon with your specific color */
.row.announce .topictitle::after {
    content: "\f08d";
    font-family: "FontAwesome";
    font-weight: 400;
    font-size: 14px;
    margin-left: 10px;
    color: #536471 !important; /* Your specific slate grey */
    transform: rotate(45deg);
    
    /* THE SHIELD: Isolate the icon from text decorations */
    display: inline-block !important;
    text-decoration: none !important;
    line-height: 1;
    border-bottom: none !important;
}





/* Only affects the Home Page (Index) */
#phpbb.section-index .button-search,
#phpbb.section-index .button-search-end {
    float: left !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 4px 5px !important;
}


/* Hide all radio buttons that are disabled across the forum */
input[type="radio"][disabled="disabled"],
input[type="radio"]:disabled {
    display: none !important;
}



/* 1. TOPIC LIST ONLY: Blue to Purple Logic */
.topictitle, 
a.topictitle, 
.topictitle a {
    color: #0053E2 !important;
    text-decoration: none !important;
}

a.topictitle:visited, 
.topictitle a:visited {
    color: #8E44AD !important;
}

a.topictitle:hover, 
.topictitle a:hover {
    text-decoration: underline !important;
    color: !important;
}






/* 1. Target Login and Register links specifically */
h3 a[href*="mode=login"],
h3 a[href*="mode=register"] {
    color: #0053E2 !important;
    text-decoration: !important;
}


/* 1. HIDE THE LOGIN & REGISTER ICONS */
a[href*="mode=login"] i, 
a[href*="mode=register"] i,
.fa-power-off,
.fa-pencil-square-o {
    display: none !important;
}

/* 2. BASE STATE: Plain Blue, No Underline */
a[href*="mode=login"],
a[href*="mode=login"] span,
a[href*="mode=register"],
a[href*="mode=register"] span {
    color: #0053E2 !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* 3. HOVER STATE: Blue Underline Only */
a[href*="mode=login"]:hover,
a[href*="mode=login"]:hover span,
a[href*="mode=register"]:hover,
a[href*="mode=register"]:hover span {
    text-decoration: underline !important;
    color: #0053E2 !important;
    background-color: transparent !important;
}



/* 1. REGISTER BUTTON: Force colors only */
a.button2[href*="mode=register"] {
    background-color: #0053E2 !important;
    background-image: none !important; /* Removes theme gradients */
    color: #FFFFFF !important;
    text-decoration:  !important;
    border-color: #0053E2 !important;
    pointer-events: auto !important;
}

/* 2. HOVER: Darker Blue, No Underline */
a.button2[href*="mode=register"]:hover {
    background-color: #003FB3 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    border-color: #003FB3 !important;
}



/* 1. INPUT LOGIN BUTTON: Force colors and remove theme skin */
input[type="submit"][name="login"].button1 {
    background-color: #0053E2 !important;
    background-image: none !important; /* Removes default grey gradients */
    color: #FFFFFF !important;
    border: 1px solid #0053E2 !important;
    cursor: pointer !important;
    text-shadow: none !important; /* Removes any theme text-shadow */
    pointer-events: auto !important;
}

/* 2. HOVER STATE: Darker Blue */
input[type="submit"][name="login"].button1:hover {
    background-color: #003FB3 !important;
    border-color: #003FB3 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}



/* 1. SUBMIT BUTTON: Blue background, White text */
input[type="submit"]#submit.button1 {
    background-color: #0053E2 !important;
    background-image: none !important; /* Removes the grey gradient */
    color: #FFFFFF !important;
    border: 1px solid #0053E2 !important;
    text-shadow: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* 2. HOVER STATE: Darker Blue */
input[type="submit"]#submit.button1:hover {
    background-color: #003FB3 !important;
    border-color: #003FB3 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}



/* 1. LOGIN BUTTON (button2): Force colors and remove theme skin */
input[type="submit"][name="login"].button2 {
    background-color: #0053E2 !important;
    background-image: none !important; /* Removes default grey gradients */
    color: #FFFFFF !important;
    border: 1px solid #0053E2 !important;
    cursor: pointer !important;
    text-shadow: none !important;
    pointer-events: auto !important;
}

/* 2. HOVER STATE: Darker Blue */
input[type="submit"][name="login"].button2:hover {
    background-color: #003FB3 !important;
    border-color: #003FB3 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}






/* 1. FAQ LINKS: Blue to Purple */
.faq dd a {
    color: #0053E2 !important;
    text-decoration: none !important;
}

.faq dd a:visited {
    color: #8E44AD !important;
}

/* 2. FAQ HOVER: Underline only */
.faq dd a:hover {
    text-decoration: underline !important;
    background: transparent !important;
}