@charset "utf-8";
/* CSS Document */

/* Target Helix's structural desktop logo container and anchor */
#sp-header .logo a, 
#sp-header a.navbar-brand {
    display: inline-block !important;
    transform: translateY(15px) !important;
    position: relative;
    z-index: 99; /* Keeps the logo cleanly clickable above background rows */
}

#sp-top-bar { background: #000000;  color: #aaaaaa; }

/*top 1 and 2 styling*/
#sp-top1.col-lg-6, #sp-top2.col-lg-6 {
    font-size: 22px!important; 
    font-weight: bold!important; 
    color:#FFF!important;
    margin-top: 5px!important;}

#sp-top-bar a {color: #FFFFFF!important;}

.featured-article-badge { display: none; }

#sp-main-body {padding: 0px 15px 15px 15px; margin: 10px 0px 15px 0px!important;}

.btn-dark,.btn-dark:hover,.btn-dark:active,.btn-dark:visited,.btn-dark:focus { background-color: #000000!important; border-color: #001C41!important;color:#FFFFFF!important; font-weight:700!important;}

.bg-dark{ background-color: #000000!important;}

/*this styled the main menu*/
.sp-megamenu-parent { list-style: none; padding: 0 ; margin: 0 -20px; z-index: 99; display: block; float: right; position: relative; }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {display: inline-block; padding: 0 10px; text-transform:uppercase!important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { font-size: 16px!important; font-weight: bold!important;  text-transform:capitalize!important;}

/* Target the header row's inner container */
#sp-header .sp-column,
#sp-header .container,
#sp-header .row {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* was space-between — this was pushing menu to the edge */
}

/* Give the menu a small gap after the logo instead of margin-left: auto */
#sp-header .sp-megamenu-wrapper {
  margin-left: 24px; /* adjust spacing to taste */
  margin-right: 0;
}

/* Make sure logo doesn't stretch/grow and eat available space */
#sp-header .sp-logo {
  flex: 0 0 auto;
}

/* Round the top corners of every tab button */
div[data-rlta-element="button-list"] div[data-rlta-element="button"] {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    overflow: hidden;
}

/* Optional: clip the whole button row so the row's own edges match */
div[data-rlta-element="button-list"] {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    overflow: hidden;
}