/*
===================================================================
THEME BACKGROUNDS (Light Sidebar ONLY)
===================================================================
*/
/* 1. "Site Background"
This is the outermost background (keeping it dark).
*/
body {
background-color: #111111 !important;
}
/* 2. "Content Area" Background
Reverting this to a dark color.
*/
#main {
background-color: #222222 !important;
}
/* 3. "Sidebar" Background
Using your new light gray color #DEDEDE.
*/
#sidebar-primary {
background-color: #DEDEDE !important;
}
/*
===================================================================
MAIN CONTENT TEXT (Readable on dark background)
===================================================================
*/
/* 4. Main Content General Text
Reverting this to a light color (light gray).
*/
#main,
#main .entry-content p,
#main .entry-content li,
#main .entry-meta,
#main .entry-meta a,
#main h2.wp-block-heading,
#main h3.widget-title,
#main .widget-title,
#main .entry-title a {
color: #DDDDDD !important;
}
/* 5. 'Recent Locations' Links
Making these links white so they are bright and readable.
*/
#main .wp-block-customify-recent-posts-widget .post-title a {
color: #FFFFFF !important;
}
/* 5b. [NEW FIX] ELEMENTOR WIDGET FIX (Making it pure black)
This rule is more specific than Rule #4, so it will win.
*/
#main .elementor-12688 .elementor-element.elementor-element-eda5c5b .elespare-express-list-wrap .elespare-posts-wrap .elespare-posts-express-post-items .elespare-exceprt p {
color: #000000 !important;
}
/*
===================================================================
SIDEBAR TEXT (Readable on your new light background)
===================================================================
*/
/* 6. Sidebar Titles (Follow Us, Podcast)
Using your new accessible red #C60000.
*/
#sidebar-primary .blockspare-title,
#sidebar-primary h2.wp-block-heading.has-text-align-center {
color: #C60000 !important;
}
/* 7. Sidebar Links ('More Location Info', 'More Listings')
Using your new accessible red #C60000.
*/
#sidebar-primary a.post-link-button,
#sidebar-primary .widget_block a {
color: #C60000 !important;
}
/* 8. Other Sidebar Text (like podcast text)
This makes any other text in the sidebar dark and readable.
*/
#sidebar-primary,
#sidebar-primary .widget,
#sidebar-primary .widget p {
color: #333333 !important;
}
/*
===================================================================
HEADER MENU (No Change)
===================================================================
*/
/* 9. Active 'HOME' Menu Item
This remains white, as #C60000 is not readable on black.
*/
.header--row-inner.dark-mode .main-navigation .menu-item.current-menu-item > a {
color: #FFFFFF !important;
}
/* Changes the background color */
.betterdocs-blocks.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.layout-2 .betterdocs-category-items-counts {
background-color: #c60000 !important;
}
/* Changes the border-top arrow color */
.betterdocs-blocks.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.layout-2 .betterdocs-category-items-counts:after {
border-top-color: #c60000 !important;
}
.site-content {
background-color: #222222 !important;
}
.eckb-tag-description {
color: #000000;
}
.postid-15686 h1.entry-title {
color: #c60000 !important;
}
.postid-15781 h1.entry-title {
color: #c60000 !important;
}
/*
===================================================================
NEW DIRECTORIST FIXES (Replaces old Directorist rules)
===================================================================
*/
/* --- 1. ARCHIVE PAGE: Location & Category Links --- */
/* This makes the text links (like "Minnesota" and "Haunting") white */
#main .directorist-archive-contents .directorist-listing-location a,
#main .directorist-archive-contents .directorist-listing-category a {
color: white !important;
}
/* --- 2. ARCHIVE & SINGLE PAGE: Address in Card --- */
/* Highly specific and works on both archive and single views */
#main .directorist-archive-contents .directorist-listing-card-address,
#main .directorist-listing-single__info_list .directorist-listing-card-address {
color: #c60000 !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
/* --- 3. ARCHIVE & SINGLE PAGE: Date in Card --- */
/* Targets date for both archive and single views */
#main .directorist-archive-contents .directorist-listing-card-posted-on,
#main .directorist-listing-single__info_list .directorist-listing-card-posted-on {
color: #c60000 !important;
}
/* --- 4. SINGLE LISTING PAGE: Address --- */
/* This targets the address <div> on the single listing details page */
#main .directorist-single-contents .directorist-single-info-address .directorist-single-info__value {
color: #c60000 !important;
}
/* --- 5. SINGLE LISTING PAGE: Location & Category Links --- */
#main .directorist-single-contents .directorist-listing-location a,
#main .directorist-single-contents .directorist-listing-category a {
color: white !important;
}

/*
===================================================================
FORM INPUT BOXES & TEXT AREAS (v3 - Specificity Fix)
===================================================================
*/

/* --- 1. Standard Inputs (Title, Phone, Email, Text, etc.) --- */
/* Targets the specific class from your form elements */
.directorist-form-element {
    border: 1px solid #777 !important; 
    border-radius: 4px !important;
    background-color: #fff !important;
    padding: 8px 10px !important; 
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    /* Ensure it's not transparent */
    opacity: 1 !important; 
}

/* Focus state for standard inputs */
.directorist-form-element:focus {
    border-color: #0073aa !important;
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.25) !important;
    outline: none;
}

/* --- 2. Select2 Dropdowns (Location, Tag, Category) --- */

/* Single-select dropdown (Location, Category) */
.select2-container--default .select2-selection--single {
    border: 1px solid #777 !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    height: 42px !important; /* Fixed height to align internals */
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* Fix for vertical alignment of text in single-select */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important; /* Vertically centers text */
    padding-left: 10px !important;
}

/* Fix for dropdown arrow alignment */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important; /* Aligns with the line-height */
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 5px !important;
}

/* Multi-select dropdown (Tag) */
.select2-container--default .select2-selection--multiple {
    border: 1px solid #777 !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    min-height: 42px !important; /* Min-height as it can grow */
    padding: 5px 10px !important;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* Focus state for ALL Select2 dropdowns */
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus {
    border-color: #0073aa !important;
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.25) !important;
    outline: none;
}

/* --- 3. Rich Text Editor (Case Notes) --- */
.wp-editor-wrap .mce-tinymce {
    border: 1px solid #777 !important; 
    border-radius: 4px !important;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* Focus state for Rich Text Editor */
.wp-editor-wrap .mce-tinymce.mce-focused {
    border-color: #0073aa !important;
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.25) !important;
    outline: none;
}