/**
 * ========================================
 * Solo Sub-theme – Dynamic Variables
 * ======================================== */
:root {
  --solo-color-primary: #17599a;
  --solo-color-primary-hover: #124a7f;
  --solo-color-primary-soft: #e5eef7;
  --solo-color-secondary: #79c042;
  --solo-color-secondary-hover: #64a836;
  --solo-color-secondary-soft: #eef7e8;
  --solo-color-accent: #3f7f5f;
  --solo-color-success: #79c042;
  --solo-color-warning: #b87a00;
  --solo-color-danger: #9b2c2c;
  --solo-color-text: #1a1a1a;
  --solo-color-text-muted: #4b5563;
  --solo-color-background: #ffffff;
  --solo-color-background-alt: #f7f9fb;
  --solo-color-border: #d1d5db;
  --solo-color-border-subtle: #e5e7eb;
  --solo-link-color: var(--solo-color-primary);
  --solo-link-hover: var(--solo-color-primary-hover);
  --solo-link-visited: #4b3b80;
  --solo-font-base: "Source Sans 3", system-ui, -apple-system, sans-serif;
  --solo-font-headings: "Libre Franklin", sans-serif;
  --solo-font-size-base: 18px;
  --solo-line-height-base: 1.65;
  --solo-content-font-size: 1.1rem;
  --solo-content-line-height: 1.65; 
  --solo-nav-font-size: 1.2rem; 
  --solo-nav-font-weight: 600;
  --solo-max-width: 1280px;
  --solo-gutter: 1.5rem;
  --solo-border-radius: 4px;
  --solo-focus-ring: 0 0 0 3px rgba(23, 89, 154, 0.35);
}

/* --- Navigation & Header Fixes --- */
.primary-menu, .primary-menu a, .sf-menu > li > a, .sf-depth-1 {
  font-size: var(--solo-nav-font-size) !important;
  font-weight: var(--solo-nav-font-weight) !important;
}
.primary-menu > li > a { white-space: nowrap !important; line-height: 1 !important; }
.region-nav-main, .region-primary-menu { margin-top: -8px !important; padding-top: 0 !important; }
.primary-menu { display: flex !important; flex-wrap: wrap !important; gap: 0.75rem !important; list-style: none !important; padding: 0 !important; margin: 0 !important; align-items: flex-start !important; }
.primary-menu a { display: flex !important; align-items: flex-start !important; text-decoration: none !important; font-weight: 600 !important; padding: 0 0.2rem 0.25rem 0.2rem !important; margin-top: -2px !important; }

/** * 1. THE SIDEBAR FIX 
 * Apply your successful 'Gamble' code, but EXCLUDE the navigation block.
 * This should bring back your blue bar and white text.
 */
.block__title:not(#block-solomainnavigation .block__title) {
    color: white !important;
    background: #17599a !important;
    text-align: center !important;
    /* Adding padding so the text isn't touching the blue edges */
    padding: 8px 0 !important;
    margin-bottom: 10px !important;
}

/** * 2. THE NAVBAR RESCUE 
 * We are going to find the exact container holding those "too high" links
 * and force it to have enough top margin to clear the header top.
 */
.region-nav-main, 
#block-solomainnavigation, 
.primary-menu {
    margin-top: 20px !important; /* Adjust this number until the links look centered */
    position: relative !important;
    display: block !important;
}

/* Ensure the links inside aren't being squished */
.region-nav-main ul.menu {
    padding-top: 10px !important;
    display: flex !important;
    align-items: center !important;
}
/*==========================*/
/* Target the slideshow container before and after initialization */
.vvj-slideshow, 
.vvjs-initialized {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Also target any children that might be holding the border */
.vvj-slideshow * {
    border: none !important;
    outline: none !important;
}
/*===========================================================*/
/* 1. Force reduce space between navigation items */
.w3-bar .w3-bar-item, 
ul.menu li a.w3-bar-item,
#main-menu a.w3-bar-item {
    padding: 8px 10px !important;
    margin: 0 !important;
}

/* 2. Force remove bold weight from navigation text */
.w3-bar .w3-bar-item, 
ul.menu li a.w3-bar-item,
#main-menu a.w3-bar-item,
.w3-bar-item b, 
.w3-bar-item strong {
    font-weight: 400 !important;
}