/*
    Redesign 2025 - forum-redesign.css
*/

/*
    Element    Color    Hex Code    Usage
    Primary Background    Dark Navy Blue    #0D1B2A    Header, sidebar background
    Secondary Background    Light Gray Blue    #F4F7FA    Main content background
    Accent Color    Bright Yellow    #FFD60A    Buttons, highlights (e.g., “Weekly Contest”)
    Text (Primary)    Deep Charcoal    #1E1E1E    Main text
    Text (Secondary)    Cool Gray    #6B7280    Secondary or muted text
    Card Backgrounds    White    #FFFFFF    Forum section boxes
    Border / Divider    Light Cool Gray    #E5E7EB    Dividers and outlines
    Buttons / CTAs    Royal Blue    #1E40AF    “Add Topic” buttons, links
    Hover / Active    Sky Blue    #3B82F6    Hover states and interactive highlights
    Success / Positive    Green    #16A34A    Wins, positive indicators
    Error / Alert    Red    #DC2626    Warnings or errors
*/

/* ==============================
   COLOR VARIABLES
============================== */
:root {
  --color-primary-bg: #0D1B2A;
  --color-secondary-bg: #F4F7FA;
  --color-accent: #FFD60A;
  --color-text-primary: #1E1E1E;
  --color-text-secondary: #6B7280;
  --color-card-bg: #FFFFFF;
  --color-border: #E5E7EB;
  --color-button: #1E40AF;
  --color-hover: #3B82F6;
  --color-success: #16A34A;
  --color-error: #DC2626;
}

/* ==============================
   BACKGROUNDS
============================== */
.bg-primary {
  background-color: var(--color-primary-bg);
}

.bg-secondary {
  background-color: var(--color-secondary-bg);
}

.bg-card {
  background-color: var(--color-card-bg);
}

.bg-success {
  background-color: var(--color-success);
}

.bg-error {
  background-color: var(--color-error);
}

/* ==============================
   TEXT COLORS
============================== */
.text-primary {
  color: var(--color-text-primary);
}

.text-secondary {
  color: var(--color-text-secondary);
}

.text-accent {
  color: var(--color-accent);
}

.text-success {
  color: var(--color-success);
}

.text-error {
  color: var(--color-error);
}

/* ==============================
   BUTTONS & INTERACTIVES
============================== */
.btn {
  background-color: var(--color-button);
  color: #fff;
  border: none;
  padding: 0.75rem 1.25rem;
  border-radius: 0.375rem;
  font-weight: 600;
  transition: background-color 0.2s ease;
}

.btn:hover,
.btn:focus {
  background-color: var(--color-hover);
}

.btn-accent {
  background-color: var(--color-accent);
  color: var(--color-text-primary);
}

.btn-success {
  background-color: var(--color-success);
  color: #fff;
}

.btn-error {
  background-color: var(--color-error);
  color: #fff;
}

/* ==============================
   BORDERS / DIVIDERS
============================== */
.border {
  border: 1px solid var(--color-border);
}

.divider {
  border-bottom: 1px solid var(--color-border);
  margin: 1rem 0;
}

/* ==============================
   HOVER STATES
============================== */
.hover-highlight:hover {
  color: var(--color-hover);
}

.hover-bg:hover {
  background-color: var(--color-hover);
}

/* ==============================
   CARDS & SECTIONS
============================== */
.card {
  background-color: var(--color-card-bg);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.entry-content {
    margin-bottom: 0px;
    background-color: #0D1B2A;
    background-color: #F4F7FA;
    background-color: #FFD60A;
    background-color: #1E1E1E;
    background-color: #6B7280;
    background-color: #FFFFFF;
    background-color: #E5E7EB;
    background-color: #1E40AF;
    background-color: #3B82F6;
    background-color: #16A34A;
    background-color: #DC2626;
    background-color: #ffffff;
}

.white-content.forum-page {
    padding: 77px 0px 0px 0px;
}

.home-padding {
    background-color: #0b2445;
    background-color: #123154;
    padding: 12px 20px 20px 20px;
}

.home-page.white-content .entry-content .home-padding {
    padding: 12px 20px 20px 20px;
}

.wpforo-content {

}

.wpforo-right-sidebar {
    background-color: #123154;
}

#wpforo #wpforo-wrap .wpforo-right-sidebar {
    background-color: #123154;
}

.menu-main-picks-container {
    /*background-color: #123154;*/
    padding: 12px 20px;
}

#wpforo-menu {
    background-color: #0b2443;
    background-color: #fcfefd;
    background-color: #c7c411;
}

#wpforo #wpforo-wrap ol,
#wpforo #wpforo-wrap ul,
#wpforo #wpforo-wrap li {
    padding: 4px 10px;
}

#menu-main-picks li a,
#wpforo #wpforo-wrap a,
#wpforo > #wpforo-wrap > a {
    /*color: #c7c411 !important;*/
    /*color: #fcfefd !important;*/
}

#wpforo #wpforo-wrap #wpforo-menu {
    background-color: #0b2443;
    color: #fcfefd;
}

#wpforo #wpforo-wrap .widget-title,
.wpforo-widget-wrap .widget-title,
#wpforo #wpforo-wrap .widget-title,
#wpforo .wpforo-widget-wrap .widget-title,
.wpforo-widget-wrap .widget-title {
    color: #fcfefd;
    padding: 14px 10px 14px 10px;
}

.wpforo-right-sidebar .menu .menu-item a {
    color: #fcfefd !important;
}

.wpforo-right-sidebar .wpforo-list-item .posttitle a,
.wpforo-right-sidebar .wpforo-list-item .posttitle span,
.wpforo-right-sidebar .wpforo-list-item .postuser a,
.wpforo-right-sidebar .wpforo-list-item .postuser span{
    color: #fcfefd !important;
}

.wpforo-right-sidebar .wpforo-list-item-right .posttext,
.wpforo-right-sidebar .wpforo-list-item-right .posttitle a,
.wpforo-right-sidebar .wpforo-list-item-right .posttitle span,
.wpforo-right-sidebar .wpforo-list-item-right .postuser a,
.wpforo-right-sidebar .wpforo-list-item-right .postuser span{
    color: #fcfefd !important;
}

.wpforo-right-sidebar .navigate-of-content li a {
    color: #fcfefd !important;
}

.wpforo-right-sidebar .newsletter-wrap {
    color: #fcfefd !important;
}

.wpforo-right-sidebar .newsletter-form .disclaimer p,
.wpforo-right-sidebar .newsletter-form .disclaimer a {
    color: #fcfefd !important;
}

#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postuser,
#wpf-widget-recent-replies .wpforo-list-item-right p.postuser {
    color: #fcfefd !important;
}

#forum-message,
#forum-message p,
#forum-message h2 {
    color: #fcfefd !important;
}

#offshore-sports-betting-forum {
    color: #fcfefd !important;
}

#forum-message ul,
#forum-message ul li,
#forum-message ul li a {
    color: #fcfefd !important;
}

#wpforo #wpforo-wrap .wpforo-subtop {
    /*width: 50%;*/
    /*border: 1px solid red;*/
    display: none !important;
}

.wpforo-login-logout-wrap {
    display: inline !important;
    position: absolute;
    top: 62px;
    right: 0%;
    background: #123154;
    padding: 0px 0px !important;
    width: 100%;
    max-width: 333px;
    text-align: center;
    /* border: 1px solid red; */
}

.wpforo-login-logout-wrap .wpf-login-register-links {
    display: block !important;
}

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

#wpforo-wrap {
    position: relative;
}

#wpforo-title {
    font-size: 30px;
    font-weight: bold;
    color: #123154 !important;
}

#wpforo #wpforo-wrap #wpforo-title {
    font-size: 30px;
    font-weight: bold;
    color: #123154 !important;
}

#wpforo #wpforo-wrap .wpf-breadcrumb {
    margin: 10px 0 10px 15px;
}

#wpforo .wpf-login-register-links a:link {
    background-color: #123154;
}

#wpforo #wpforo-wrap #wpforo-menu {
    background-color: #123154 !important;
    color: #fcfefd !important;
}

#wpforo #wpforo-wrap #wpforo-menu li,
#wpforo-menu .wpf-menu .menu-item li a {
    font-weight: bold;
    color: #fcfefd !important;
}

#wpforo-menu #wpf-menu .wpf-menu li a,
#wpforo #wpforo-wrap #wpforo-menu li a {
    color: #fcfefd !important;
}

#wpforo #wpforo-wrap .wpf-login-register-links .wpf-button {
    font-size: 20px;
    padding: 5px 20px !important;
    border-radius: 0px;
    margin: 5px 0px;
    box-shadow: none;
}

#wpforo #wpforo-wrap .wpf-button:hover, .wpf-button:hover {
    border: 1px solid #fcfefd !important;
    background-color: #123154 !important;
}

#wpforo #wpforo-wrap .wpforo-main.wpforo-right-sidebar-layout .wpforo-right-sidebar {
    margin-top: 56px;
}

#wpforo #wpforo-wrap .wpf-search i {
    color: #fcfefd !important;
}

#wpforo #wpforo-wrap .wpf-login-register-links .wpf-button, .wpf-button {
    border: 1px solid #fcfefd !important;
    background-color: #123154 !important;
}

#wpforo #wpforo-wrap .wpforo-cat-panel .wpf-button,
#wpforo #wpforo-wrap .wpforo-category .wpf-button {
    color: #fcfefd !important;
}

.wpforo-category > .wpf-button {
    color: #fcfefd !important;
}

#wpforo #wpforo-wrap .wpforo-category .wpf-button
#wpforo #wpforo-wrap .wpforo-category .wpf-button i,
#wpforo #wpforo-wrap .wpforo-category .wpf-button span {
    color: #fcfefd !important;
}

#wpforo #wpforo-wrap .wpf-button i, #wpforo #wpforo-wrap .wpf-button svg {
    color: #fcfefd !important;
}