/*
Theme Name: Eventr Child Theme
Theme URI: http://www.themecube.net
Description: This is child theme of Eventr
Author: ThemeCube
Author URI: http://www.themecube.net
Template: eventr
Version: 2.6
Text Domain:  eventr
*/

/* ===================================================================== */
/* EXISTING CUSTOM CSS (Migrated from Redux Theme Options)              */
/* Original Location: Appearance → Theme Options → Advanced → Custom CSS */
/* ===================================================================== */

/* All footer links: default white, including current menu items */
.upop-footer-menu a,
.upop-footer-menu li.current-menu-item > a,
.upop-footer-menu li.current_page_item > a {
  color: #ffffff !important;     /* default white */
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  display: block;               /* vertical layout */
  padding: 5px 0;               /* spacing between links */
  transition: color 0.2s ease; /* smooth hover */
}

/* Hover: gold for all links */
.upop-footer-menu a:hover {
  color: #f5dd90 !important;
}

/* Active/current page links: gold, bolder */
.upop-footer-menu li.current-menu-item > a:hover,
.upop-footer-menu li.current_page_item > a:hover,
.upop-footer-menu a[aria-current="page"] {
  color: #f5dd90 !important;
  font-weight: 600;
}

.company-override p.company {
  text-align: justify;
  margin-left: 10px;
  margin-right: 0px;
  line-height: normal; /* preserve original line height */
}

.speaker-thumb-override .speaker-thumb {
  background-color: transparent !important;
}

/* ===================================================================== */
/* MEDICAL THEME COLOR PALETTE                                          */
/* Applied: October 14, 2025                                            */
/* Color Palette:                                                       */
/*   - Medical Blue: #5a7ba8 (Primary, buttons, sections)               */
/*   - Dark Navy:    #1a2f4d (Footer, navbar, backgrounds)              */
/*   - Burgundy:     #8b3a62 (Accent, button hovers)                    */
/*   - Light Blue:   #b0c4de (Gallery, link hovers)                     */
/*   - Off-white:    #fafafa (Primary text, high contrast)              */
/*   - Light Gray:   #e0e0e0 (Subtle headers, nav links)                */
/*   - Medium Gray:  #9ca3af (Countdown text)                           */
/* ===================================================================== */

/* --------------------------------------------------------------------- */
/* NAVIGATION                                                            */
/* --------------------------------------------------------------------- */

/* Navbar background - match footer */
/* Override parent theme's transparent navbar rules */
.navbar-custom,
.navbar-custom.default,
.default,
.fixed,
body.blog .navbar-custom.default,
body.archive .navbar-custom.default,
body.search-results .navbar-custom.default,
body.search-no-results .navbar-custom.default {
    background-color: #1a2f4d !important; /* Dark Navy */
    background: #1a2f4d !important; /* Override shorthand property too */
}

.dropdown-menu {
    background-color: #1a2f4d !important; /* Dark Navy */
}

/* Nav links - subtle default */
.navbar-custom .nav>li>a,
.dropdown-menu>li>a {
    color: #e0e0e0 !important; /* Light Gray */
}

/* Nav links active/current - bright white */
.dropdown-menu>li.active>a {
    color: #fafafa !important; /* Off-white */
}

/* Nav links hover - light blue */
.navbar-custom .nav>li>a:hover,
.dropdown-menu>li>a:hover,
.dropdown-menu>li.active>a:hover {
    color: #b0c4de !important; /* Light Blue */
}

/* Nav links active click */
.navbar-custom .nav>li>a:active,
.dropdown-menu>li>a:active,
.dropdown-menu>li.active>a:active {
    color: #fafafa !important; /* Off-white */
}

/* Menu button - medical blue */
.nav li.menu-button a {
    background-color: #5a7ba8 !important; /* Medical Blue */
    color: #fafafa !important;
}

/* Menu button hover - burgundy */
.nav li.menu-button a:hover {
    background-color: #8b3a62 !important; /* Burgundy */
    color: #fafafa !important;
}

/* --------------------------------------------------------------------- */
/* PRIMARY COLOR OVERRIDES (Medical Blue)                               */
/* --------------------------------------------------------------------- */

/* Text color: Medical Blue */
.speaker-detail .title,
.speaker-talks li a:hover,
#ss-submit,
#review_form .submit,
.nav-previous,
.nav-next,
.common-button:hover,
.common-button-dark:hover,
.common-button.gradient-bg:hover,
.search-results a:hover,
.search-results .entry-meta a:hover,
.blog-posts article h1 a:hover,
.blog-posts article h2 a:hover,
article i,
.byline a:hover,
.posted-on a:hover,
.cat-links a:hover,
.tags-links a:hover,
.comments-link a:hover,
.comment-metadata a:hover,
.comment-author a,
.comment-author a:hover,
#secondary a:hover,
#secondary a:focus,
.woocommerce ul.cart_list a,
.woocommerce ul.product_list_widget a,
.woocommerce ul.products li.product .price,
.product_list_widget .woocommerce-Price-amount,
.woocommerce ul.products li.product .caption h2:hover,
.summary .price span.woocommerce-Price-amount,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
nav.woocommerce-MyAccount-navigation ul li a:hover,
td.order-number a:hover,
.product-name a,
.product-name a:hover,
.cart_totals h2,
.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover {
    color: #5a7ba8 !important; /* Medical Blue */
}

/* Background color: Medical Blue */
.header,
.owl-theme .owl-controls .owl-page span,
button.mfp-close,
span.featured-speaker,
#secondary aside h3:after,
input.search-submit,
h3.widget-title:after,
.tagcloud a:hover,
.tagcloud a:focus,
#wp-calendar td > a,
#wp-calendar td > a:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.custom-pagination nav.woocommerce-pagination ul li a:focus,
.custom-pagination nav.woocommerce-pagination ul li a:hover,
.custom-pagination nav.woocommerce-pagination ul li span.current,
.woocommerce span.onsale,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
#footer h5:after,
h3.border-bottom:after,
h2.border-bottom:after,
#download h3:after,
.speaker-thumb h4:after,
.comment-repsond .submit,
.widget input[type="submit"],
.widget button[type="submit"],
.post input[type="submit"],
.single-page-header {
    background-color: #5a7ba8 !important; /* Medical Blue */
}

/* Border color: Medical Blue */
input.search-submit,
.tagcloud a:hover,
.tagcloud a:focus,
.sponsor-item,
.widget input[type="submit"],
.widget button[type="submit"]

/* --------------------------------------------------------------------- */
/* DARK COLOR OVERRIDES (Dark Navy)                                     */
/* --------------------------------------------------------------------- */

/* Text color: Dark Navy */
.border-light:hover,
.border-dark,
.search-results a:hover,
.product_list_widget .product-title,
.woocommerce ul.products li.product h3,
h2.product_title,
span[itemprop="author"],
td.order-number a,
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #1a2f4d !important; /* Dark Navy */
}

/* Background color: Dark Navy */
.owl-theme .owl-nav [class*=owl-],
body.search-no-results .navbar-custom,
body.search-results .navbar-custom,
#ss-submit,
.common-button-dark,
.border-dark:hover,
.woocommerce ul.products li.product .button {
    background-color: #1a2f4d !important; /* Dark Navy */
}

/* Border color: Dark Navy */
.border-dark {
    border-color: #1a2f4d !important; /* Dark Navy */
}

/* --------------------------------------------------------------------- */
/* FOOTER                                                                */
/* --------------------------------------------------------------------- */

/* Footer links hover - light blue */
.site-footer a:hover,
#footer ul li a:hover {
    color: #b0c4de !important; /* Light Blue */
}

/* --------------------------------------------------------------------- */
/* LIGHT COLOR OVERRIDES (Off-white)                                    */
/* --------------------------------------------------------------------- */

.navbar-custom .icon-bar,
.hprogram {
    background-color: #fafafa !important; /* Off-white */
}

/* --------------------------------------------------------------------- */
/* ADDITIONAL FIXES                                                      */
/* --------------------------------------------------------------------- */

/* Ensure consistent navbar icon color */
{
    border-color: #fafafa !important;
}

/* Top search elements */
.top-search input.form-control,
.top-search .input-group-addon,
.dark .infobox-2 .description h5,
.single-program-details,
.single-program-details-alt,
.woocommerce span.onsale,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce a.added_to_cart,
figure.effect-sadie figcaption,
figure.effect-sadie:hover h2,
.woocommerce ul.products li.product .button,
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
    color: #fafafa !important;
}

/* --------------------------------------------------------------------- */
/* SECTION-BASED COLOR DEFAULTS (Medical Palette)                       */
/* WPBakery edits WILL work - these are defaults, not locked            */
/* --------------------------------------------------------------------- */

/* Default section backgrounds - Medical Blue */
#info.vc_section,
#committee.vc_section {
    background-color: #5a7ba8 !important; /* Medical Blue */
}

/* Schedule section - Light Blue */
#program.vc_section {
    background-color: #b0c4de !important; /* Light Blue */
}

/* Timeline/Download section - Light Blue */
#download.vc_section,
#gallery.vc_section {
    background-color: #b0c4de !important; /* Light Blue */
}

/* Subcommittee section - Burgundy accent */
#subcommittee.vc_section {
    background-color: #8b3a62 !important; /* Burgundy */
}

/* Venue section - Burgundy overlay effect */
#venue.vc_section {
    background-color: rgba(139, 58, 98, 0.85) !important; /* Burgundy with transparency for overlay effect */
}

/* Venue section text - off-white for contrast */
#venue,
#venue p,
#venue h1,
#venue h2,
#venue h3,
#venue h4,
#venue h5,
#venue h6,
#venue li,
#venue .wpb_text_column {
    color: #fafafa !important; /* Off-white */
}

/* Map section - Light background */
#map.vc_section {
    background-color: #fafafa !important; /* Off-white */
}

/* Text colors on colored backgrounds */
#info h1,
#info h2,
#info p,
#committee h2,
#subcommittee h2 {
    color: #fafafa !important; /* Off-white on colored backgrounds */
}

/* Schedule section - dark navy text for contrast on light blue */
#program,
#program p,
#program h1,
#program h2,
#program h3,
#program h4,
#program h5,
#program h6,
#program li,
#program .wpb_text_column {
    color: #1a2f4d !important; /* Dark Navy */
}

/* Organizing committee section - all text off-white */
#committee,
#committee p,
#committee h1,
#committee h2,
#committee h3,
#committee h4,
#committee h5,
#committee h6,
#committee li,
#committee .wpb_text_column {
    color: #fafafa !important; /* Off-white */
}

/* Icon colors - medical palette defaults */
.infobox i {
    color: #5a7ba8 /* Medical Blue for icons */
}

/* Info box text - off-white */
.infobox,
.infobox p,
.infobox h1,
.infobox h2,
.infobox h3,
.infobox h4,
.infobox h5,
.infobox h6,
.infobox li {
    color: #fafafa !important; /* Off-white */
}

/* Section headings default styling */
.vc_section h1,
.vc_section h2 {
    color: inherit; /* Inherit from section or use text color set in editor */
}

/* Sponsor Item */
.sponsor-item {
    margin: 0 5px;
    padding: 15px !important;
    border: 2px solid;
}

/* --------------------------------------------------------------------- */
/* EXHIBITORS SECTION - Text colors for contrast on burgundy            */
/* --------------------------------------------------------------------- */

#exhibitors,
#exhibitors h1,
#exhibitors h2,
#exhibitors h3,
#exhibitors h4,
#exhibitors h5,
#exhibitors h6,
#exhibitors p,
#exhibitors li,
#exhibitors a,
#exhibitors .wpb_text_column {
    color: #fafafa !important; /* Off-white for high contrast on burgundy */
}

/* --------------------------------------------------------------------- */
/* SUB-COMMITTEE SECTION - Text colors for contrast on burgundy         */
/* --------------------------------------------------------------------- */

#subcommittee h2,
#subcommittee h3,
#subcommittee h4,
#subcommittee p,
#subcommittee .wpb_text_column,
#subcommittee .tc_info_box_title {
    color: #fafafa !important; /* Off-white for high contrast on burgundy */
}

#subcommittee .infobox i {
    color: #b0c4de !important; /* Light Blue icons */
}


/* --------------------------------------------------------------------- */
/* UTILITY CLASSES                                                       */
/* --------------------------------------------------------------------- */

/* Reverse highlight - medical blue background with off-white text */
.reverse-highlight {
    background-color: #5a7ba8 !important; /* Medical Blue */
    color: #fafafa !important; /* Off-white */
    padding: 5px 10px !important;
    display: inline-block !important;
}

/* Light text - off-white text for any element */
.light-text,
.light-text li,
.light-text p,
.light-text h1,
.light-text h2,
.light-text h3,
.light-text h4,
.light-text h5,
.light-text h6 {
    color: #fafafa !important; /* Off-white */
}

/* Dark text - dark navy text for any element */
.dark-text,
.dark-text li,
.dark-text p,
.dark-text h1,
.dark-text h2,
.dark-text h3,
.dark-text h4,
.dark-text h5,
.dark-text h6 {
    color: #1a2f4d !important; /* Dark Navy */
}

/* --------------------------------------------------------------------- */
/* RESPONSIVE HEADER FIX - Admin Bar Overlap                            */
/* --------------------------------------------------------------------- */

/* WordPress Admin Bar adjustments */
#wpadminbar {
    font-size: 12px;
}

/* Prevent WPBakery edit links from overlapping */
@media screen and (max-width: 1280px) {
    /* Hide WPBakery edit links on medium screens to prevent overlap */
    #wpadminbar .ab-top-menu > li#wp-admin-bar-vc_inline-admin-bar-link,
    #wpadminbar .ab-top-menu > li#wp-admin-bar-slider_revolution {
        display: none !important;
    }
}

/* Additional fixes for smaller screens */
@media screen and (max-width: 1024px) {
    /* Compress admin bar items */
    #wpadminbar .ab-top-menu > li > a {
        padding: 0 8px !important;
        font-size: 11px !important;
    }

    /* Hide less critical admin bar items */
    #wpadminbar #wp-admin-bar-wp-logo,
    #wpadminbar #wp-admin-bar-comments,
    #wpadminbar #wp-admin-bar-new-content {
        display: none !important;
    }
}

/* Ensure navbar items don't wrap poorly */
.navbar-custom .navbar-nav {
    flex-wrap: nowrap;
}

/* Adjust navbar spacing on medium screens */
@media screen and (max-width: 1200px) {
    .navbar-custom .nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 13px !important;
    }
}

/* --------------------------------------------------------------------- */
/* NAVBAR FULL WIDTH FIX                                                */
/* --------------------------------------------------------------------- */

/* Ensure navbar extends full width */
.navbar-custom {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

/* Ensure navbar container extends full width */
.navbar-custom .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Fix navbar collapse overflow issues */
.navbar-custom .navbar-collapse {
    overflow: visible !important;
    max-height: none !important;
}

/* Ensure menu items don't get cut off */
.navbar-custom .navbar-nav {
    margin-right: 0 !important;
}

/* Fix for smaller screens - reduce menu item sizes */
@media screen and (max-width: 1400px) {
    .navbar-custom .nav > li > a {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 14px !important;
    }
}

@media screen and (max-width: 1300px) {
    .navbar-custom .nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 13px !important;
    }
}

@media screen and (max-width: 1100px) {
    .navbar-custom .nav > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12px !important;
    }
}

/* --------------------------------------------------------------------- */
/* RESPONSIVE HEADER FIX - Admin Bar Overlap                            */
/* --------------------------------------------------------------------- */

/* WordPress Admin Bar adjustments */
#wpadminbar {
    font-size: 12px;
}

/* Prevent WPBakery edit links from overlapping */
@media screen and (max-width: 1280px) {
    /* Hide WPBakery edit links on medium screens to prevent overlap */
    #wpadminbar .ab-top-menu > li#wp-admin-bar-vc_inline-admin-bar-link,
    #wpadminbar .ab-top-menu > li#wp-admin-bar-slider_revolution {
        display: none !important;
    }
}

/* Additional fixes for smaller screens */
@media screen and (max-width: 1024px) {
    /* Compress admin bar items */
    #wpadminbar .ab-top-menu > li > a {
        padding: 0 6px !important;
        font-size: 10px !important;
    }

    /* Hide admin bar items that cause overlap (keep Edit Page visible) */
    #wpadminbar #wp-admin-bar-wp-logo,
    #wpadminbar #wp-admin-bar-comments,
    #wpadminbar #wp-admin-bar-new-content,
    #wpadminbar #wp-admin-bar-customize,
    #wpadminbar #wp-admin-bar-vc_inline-admin-bar-link,
    #wpadminbar #wp-admin-bar-slider_revolution,
    #wpadminbar #wp-admin-bar-revslider,
    #wpadminbar .ab-top-menu > li#wp-admin-bar-vc_inline-admin-bar-link,
    #wpadminbar .ab-top-menu > li#wp-admin-bar-slider_revolution {
        display: none !important;
    }
}

/* For very small screens - hide almost everything except site name, edit page, and user */
@media screen and (max-width: 900px) {
    #wpadminbar .ab-top-menu > li {
        display: none !important;
    }

    /* Only show site name, edit page, and user info */
    #wpadminbar #wp-admin-bar-site-name,
    #wpadminbar #wp-admin-bar-edit-page,
    #wpadminbar #wp-admin-bar-my-account {
        display: block !important;
    }

    #wpadminbar .ab-top-menu > li > a {
        padding: 0 5px !important;
        font-size: 10px !important;
    }
}

/* Ensure navbar items don't wrap poorly */
.navbar-custom .navbar-nav {
    flex-wrap: nowrap;
}

/* Adjust navbar spacing on medium screens */
@media screen and (max-width: 1200px) {
    .navbar-custom .nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 13px !important;
    }
}

/* --------------------------------------------------------------------- */
/* NAVBAR FULL WIDTH FIX                                                */
/* --------------------------------------------------------------------- */

/* Ensure navbar extends full width */
.navbar-custom {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

/* Ensure navbar container extends full width */
.navbar-custom .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Fix navbar collapse overflow issues */
.navbar-custom .navbar-collapse {
    overflow: visible !important;
    max-height: none !important;
}

/* Ensure menu items don't get cut off */
.navbar-custom .navbar-nav {
    margin-right: 0 !important;
}

/* Fix for smaller screens - reduce menu item sizes */
@media screen and (max-width: 1400px) {
    .navbar-custom .nav > li > a {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 14px !important;
    }
}

@media screen and (max-width: 1300px) {
    .navbar-custom .nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 13px !important;
    }
}

@media screen and (max-width: 1100px) {
    .navbar-custom .nav > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12px !important;
    }
}