/* Sets top navigation bar background color */
nav.navbar {
    background-color: #FFFFFF!important;
}

/* Sets top navigation bar text */
.nav-link {
	color: #00273d;
    font-size: 1.20rem;
    font-weight: bold;
}


.bg-primary .navbar-nav a.nav-link:hover {
    color: #008ddb !important;
}

/* Maintains color of the navigation bar text upon click */
#navbar-content .nav-link,
#navbar-content .dropdown-item,
#navbar-content .nav-link span {
    color: #00273d !important;
}

/* Sets top navigation bar dropdown background color and text color */
.bg-primary .dropdown-menu {
    background-color: #FFFFFF;
    color: #00273d;
    --bs-dropdown-link-color: #00273d;
}

/* Sets top navigation bar dropdown icon hover color */
#navbar-content .nav-link:hover,
#navbar-content .dropdown-item:hover,
#navbar-content .nav-link:hover span {
    color: #008ddb !important;
}

/* Ensure nav links can position the underline pseudo-element */
#navbar-content .nav-link {
    position: relative;
}

/* Apply active color when link is clicked or represents the current page */
#navbar-content .nav-link.active,
#navbar-content .nav-link:focus {
    color: #e66b5b !important;
}

/* Create and display underline for active or focused nav links */
#navbar-content .nav-link.active::after,
#navbar-content .nav-link:focus::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 3px;
    background-color: #e66b5b;
}

/* Sets top navigation bar dropdown icon color */
#navbar-content .dropdown-menu[aria-labelledby="nav-dropdown-messages"] i,
#navbar-content .dropdown-menu[aria-labelledby="nav-dropdown-account-settings"] i {
  color: #00273d !important;
}

/* Ensure dropdown items inherit the text color */
.bg-primary .dropdown-menu .dropdown-item {
    color: #00273d;
}

/* Optional: hover/focus state */
.bg-primary .dropdown-menu .dropdown-item:hover,
.bg-primary .dropdown-menu .dropdown-item:focus {
    background-color: #FFFFFF;
    color: #008ddb;
}

/* Sets Main Login Box Border and Color */
.login-panel-main {
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-radius: 40px !important;
    border: 5px solid #e66b5b;
    color: #FFFFFF;
}

/* Sets Main Login Box Username and Password Background Colors */
.grid .form-floating {
    background-color: #ffffff !important;
}

/* Sets Main Login Box Username and Password Border Color */
.grid .form-floating .form-control {
    background-color: transparent !important;
    border: .5px solid #e66b5b;
}

/* Sets hover background and border for login buttons */
.linkstar-page .btn-primary:not(.disabled):hover {
    background-color: #e66b5b !important;
    color: #ffffff !important;
    border: 2px solid #ffffff;
    border-color: #ffffff !important;
    background-image: none !important;
    filter: none !important;
}

/* Sets submit button background color and border as well as main headings once logged in */
.linkstar-page .btn-primary, .navbar-dark.bg-primary, .card-primary > .card-header {
  background-color: #00273d;
  background-image: none;
  border: 2px solid #00273d;
}

/* Sets security question textbox */
#f {
    border: 0.5px solid #e66b5b;
}
 
.linkstar-page .card-default > .card-primary {
	color: #00273d;
}
 
/* Sets color background and border for home login button */
.linkstar-page .login-submit-button{
	background-color: #ffffff !important;
	background-image: none;
    border: 2px solid #e66b5b;
    color: #00273d !important;
    font-weight: 700;
}

/* Applys line above Register and Forgot */
.col {
    border-top: 2px solid #00273d; /* solid line, change color as needed */
    padding-top: 8px; /* optional: add some space between the line and the links */
}

/* Hide Password and Register Icons */
.bi-question-circle-fill::before {
    content: none !important;
}
.bi-book-fill::before {
    content: none !important;
}

/* Spacing between Forgot Password and Register */
.ts-no-padding {
    margin-bottom: 10px;
}


/* Header/Footer Sizing */
.ts-phcfooter-padding {
    padding-top: 3px !important;
    padding-bottom: 0px !important;
}
.ts-disclaimer small {
    font-size: 0.75rem;
}
.ts-phcfooter-padding span,
.ts-phcfooter-padding a {
    font-size: 0.75rem;
    line-height: 1.2;
}
.ts-no-padding {
    margin-bottom: 2px !important;
}

 
.linkstar-page .title-holder-0{
	font-family: sans-serif;
	font-weight: bold;
}
 
.text-muted {  
  --bs-text-opacity: 1;  color: #00273d!important;
}

.linkstar-page a:not(.btn):not(.dropdown-item) {
    color: #00273d;
}

.linkstar-page a:not(.btn):not(.dropdown-item):hover,
.linkstar-page a:not(.btn):not(.dropdown-item):focus {
    color: #008ddb;
}


.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: #00273d;
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}

element.style {
    color: #00273d;
}

.clickable-card:hover {
    background-color: #008ddb;
    color: #fff !important;
    cursor: pointer;
}