.large-text 
{
  font-size: 48px;
  font-weight: bold;
  text-align:center;
  color: 403c3c;
  /* color: #056ac8; */
}

.no-border-region
{
  border: none!important;
  box-shadow:none !important;
}

.nav-bar-big-font
{
  font-weight: bold;
  font-size:24px;
}

.my-highlighted-list-item {
            background-color: yellow;
            font-weight: bold;
        }
        .my-special-list-item {
            color: rgb(255, 0, 4);
            font-weight:bolder;
            font-size:50px !important;
        
        }

    .t-Button-label {
    font-family: "Arial", serif;
    font-size: 16px!important;
    color: rgb(253, 253, 255);
    font-weight: normal!important;
   }

   .t-NavigationBar-item {
            margin-right: 32px; /* Adjust as needed */
        }

.t-Header-navBar {
    height: 60px !important;
}

.logo-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  text-align: center;
}

.logo-row img {
  max-height: 80px;
  margin: auto;
}


#logo_region,
#logo_region .t-Region,
#logo_region .t-Region-body,
#logo_region .t-ContentBlock {
  background: none;
}


/* 

This css makes side-by-side regions stretch the background to the height of the taller .t-Region
You have to add the "stretch-white" css to each region in the Appearance section.

 */
.stretch-white {
  height: 95%;
}

/* Region must be vertical */
.stretch-white .t-Region {
  height: 100%;
  display: flex;
  flex-direction: column;   /* CRITICAL */
}

/* Body wrapper stretches */
.stretch-white .t-Region-bodyWrap {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* White background stretches but keeps block flow */
.stretch-white .t-Region-body {
  flex: 1;
  height: auto;
  overflow: visible;
  display: block;           /* <-- THIS fixes button layout */
}

/* Buttons stay at bottom, full width */
.stretch-white .t-Region-buttons {
  margin-top: 0;
}