html {
  font-size: 14px;
}

/*body {
    background-color: beige;
}*/

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/*html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}*/

cursor-pointer {
    cursor: pointer;
}

.bg-pride-nav {
    background-color: #293a4f;
    /*224782*/
}

.active {
    color: white;
    font-size: larger;
}

    .active:hover {
        color: white
    }

.text-lg {
    font-size: larger;
}

.nav-link:hover {
    color: white !important;
    opacity: 100% !important;
}

.btn100 {
    width: 100px;
}

.btn200 {
    width: 200px;
}

.btn300 {
    width: 300px;
}

/* This targets every table using the .table class */
/*.table {
    --bs-table-bg: #f8f9fa !important;*/ /* Change this to your desired hex color */
/*--bs-table-striped-bg: blue !important;*/ /* Optional: if you use .table-striped */
/*}*/


table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: blue !important; /* The BS5 variable */
    box-shadow: inset 0 0 0 9999px white !important; /* The BS5 "shadow" trick */
}

table.dataTable thead th {
    background-color: white !important;
    --bs-table-bg: white !important;
    box-shadow: inset 0 0 0 9999px white !important; /* Overrides the BS5 tint */
    color: #333 !important; /* Dark text for readability on white */
    border-bottom: 2px solid #dee2e6 !important; /* Adds a nice definition line */
}

/* This targets the base background for all rows in your tables */
table.dataTable > tbody > tr > * {
    --bs-table-bg: #f8f9fa !important;
    box-shadow: inset 0 0 0 9999px #f8f9fa !important;
}

/* This fixes the "Sorted Column" highlight which usually stays gray */
/*table.dataTable.table-striped > tbody > tr.odd > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05), inset 0 0 0 9999px white !important;
}*/


/*FIXES PAGE SIZE DROPDOWNLIST WHEN USING BOOTSTARP TABLE PAGEING*/
.dataTables_length select {
    padding-right: 1.5rem !important;
    width: auto !important;
    min-width: 70px;
}

.align-items-end {
    align-items: flex-end !important;
}

/* 2. Standardize Labels */
.col-form-label {
    display: block;
    margin-bottom: 4px !important; /* Force a consistent gap below label */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2;
    font-weight: 600;
    white-space: nowrap;
}

/* Force Textboxes and Dropdowns to be identical */
.address-field,
.form-control,
.form-select {
    height: 38px !important; /* Force identical height */
    margin: 0 !important; /* Remove any stray margins */
    padding: 0.375rem 0.75rem !important; /* Force identical internal padding */
    line-height: 1.5 !important; /* Force identical text alignment */
    box-sizing: border-box;
    display: block;
    width: 100%;
}

/* Specific fix for Dropdown (Select) arrows and height */
select.form-select {
    appearance: none;
    -webkit-appearance: none;
    /* Ensures the dropdown arrow doesn't push the height out */
}

.tina_btn {
    background: #F8B218;
    color: #293A4F;
    display: inline-block;
    padding: 10px 30px;
    text-align: center;
    border: 0;
    font-weight: 700;
    font-size: 16px;
    border-radius: 50px;
    border: 1px solid #293A4F;
}

.tina_btn:hover {
    color: #293A4F;
    background: #8FB0C3;
}

.white_link{
    color:white
}

    .white_link:hover {
        color: #F8B218;
    }