/* Style the Sydney Testimonials widget button to match Coralia's secondary CTA */

.widget_sydney_testimonials a.roll-button,
.widget_sydney_testimonials .roll-button {
  background: #1c3d6e !important;
}

.widget_sydney_testimonials a.roll-button:hover,
.widget_sydney_testimonials .roll-button:hover {
  background: #254a8a !important;
  /* soft hover blue */
  transform: translateY(-2px);
}

/* Desktop header + main menu */

@media only screen and (min-width: 1025px) {
  /* Header container: full width but constrained and centered */

  .site-header .container {
    max-width: 1200px !important;
    width: 100% !important;
    padding: 0 40px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
  }

  /* Remove full-width background from nav itself */

  #masthead .main-navigation,
  #mainnav,
  .main-navigation {
    background: transparent !important;
    padding: 15px 0 !important;
    text-align: right;
    /* menu sits to the right in its column */
  }

  /* White bar ONLY around the menu text */

  #masthead .main-navigation > ul,
  #mainnav > ul,
  .main-navigation > ul {
    display: inline-block;
    background-color: rgba(255,255,255,0.7) !important;
    padding: 8px 18px;
    border-radius: 4px;
    white-space: nowrap;
    margin: 0;
  }

  /* Top-level items on one line with tighter spacing */

  #masthead .main-navigation > ul > li,
  #mainnav > ul > li,
  .main-navigation > ul > li {
    display: inline-block;
    margin: 0 6px !important;
  }

  /* Top-level links – clean, slightly smaller so they fit */

  #masthead .main-navigation > ul > li > a,
  #mainnav > ul > li > a,
  .main-navigation > ul > li > a {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline-block;
    font-size: 18px !important;
    line-height: 1.2;
  }

  /* Dropdown background matches the white bar */

  #masthead .main-navigation ul ul,
  #mainnav ul ul,
  .main-navigation ul ul {
    background-color: rgba(255,255,255,0.95) !important;
    padding: 8px 0 !important;
    margin: 6px 0 0 0 !important;
    border-radius: 4px;
  }

  /* Dropdown links */

  #masthead .main-navigation ul ul li a,
  #mainnav ul ul li a,
  .main-navigation ul ul li a {
    background: none !important;
    padding: 4px 18px !important;
    white-space: nowrap;
    display: block;
  }
}

/* ===========================
   FIX: Add white bar behind main menu
   =========================== */

@media only screen and (min-width: 1025px) {
  /* White bar behind the menu text */

  #masthead .main-navigation > ul,
  #mainnav > ul,
  .main-navigation > ul {
    display: inline-block !important;
    background-color: rgba(255,255,255,0.7) !important;
    padding: 10px 20px !important;
    border-radius: 4px;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  /* ===========================
     FIX: Center text inside dropdown menus
     =========================== */

  /* Center dropdown container */

  #masthead .main-navigation ul ul,
  #mainnav ul ul,
  .main-navigation ul ul {
    text-align: center !important;
  }

  /* Center individual dropdown links */

  #masthead .main-navigation ul ul li a,
  #mainnav ul ul li a,
  .main-navigation ul ul li a {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
  }
}

/* FINAL OVERRIDES: main menu bar + dropdown layout */

@media only screen and (min-width: 1025px) {
  /* WHITE BAR BEHIND MAIN MENU */

  #mainnav .menu {
    display: inline-block !important;
    background: rgba(255,255,255,0.7) !important;
    padding: 10px 20px !important;
    border-radius: 4px;
    white-space: nowrap !important;
  }

  /* MENU ITEMS INLINE */

  #mainnav .menu > li {
    display: inline-block !important;
    margin: 0 8px !important;
  }

  #mainnav .menu > li > a {
    padding: 0 !important;
    background: none !important;
    font-size: 18px !important;
    display: inline-block !important;
  }

  /* DROPDOWN: ONE COLUMN + CENTER TEXT */

  #mainnav .menu ul {
    background: rgba(255,255,255,0.95) !important;
    border-radius: 4px;
    padding: 10px 0 !important;
    margin: 6px 0 0 0 !important;
    width: auto !important;
    /* stops the weird double-column */
  }

  #mainnav .menu ul li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #mainnav .menu ul li a {
    text-align: center !important;
    padding: 6px 20px !important;
    display: block !important;
    background: none !important;
  }
}
/* FINAL TWEAK – keep main menu on ONE line */
@media only screen and (min-width: 1025px) {

  /* absolutely no wrapping anywhere in the main menu */
  #mainnav .menu {
      white-space: nowrap !important;
  }

  #mainnav .menu > li,
  #mainnav .menu > li > a {
      white-space: nowrap !important;
  }

  /* tighten spacing and font size just enough to fit */
  #mainnav .menu > li {
      margin: 0 4px !important;
  }

  #mainnav .menu > li > a {
      font-size: 17px !important;
  }
}
@media only screen and (min-width: 1025px) {

  /* FORCE the menu container to expand fully */
  #mainnav .menu {
      width: 100% !important;
      max-width: 100% !important;
      display: flex !important;
      justify-content: center !important;
      gap: 22px !important; /* spacing between menu items */
      background: rgba(255,255,255,0.7) !important;
      padding: 12px 20px !important;
      border-radius: 6px;
      white-space: nowrap !important;
  }

  /* Make sure each menu item behaves nicely in a flex row */
  #mainnav .menu > li {
      margin: 0 !important;
      padding: 0 !important;
      display: inline-block !important;
  }

  #mainnav .menu > li > a {
      font-size: 17px !important;
      padding: 0 !important;
      white-space: nowrap !important;
  }
}
@media only screen and (min-width: 1025px) {
  #mainnav .menu > li > a {
      color: rgba(173, 63, 57, 1) !important;
  }
}
  /* remove title from sustainability page */
.page-id-3590 .entry-title,
.page-id-3590 .title-post {
    display: none !important;
}