/* Enforce fixed horizontal padding for the second column at all screen widths */
.col-md-8 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Ensure spacing below images in first column when stacked */
@media (max-width: 767.98px) {
  .col-md-4 img {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

[class*="col"] {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}


.label-colored {
  color: #FF7E56;
}



/* unvisited link */
a:link {
  color: #7DA0FA;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: #7DA0FA;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #7DA0FA; /* <- fixed typo here */
  text-decoration: underline;
}

/* selected link */
a:active {
  color: #7DA0FA;
  text-decoration: none;
}

.navbar-nav .nav-link {
  font-size: 1.4em;
}





/* Fix spacing for images in first column on small screens */
@media (max-width: 767.98px) {
  .col-md-4 img {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

/* Ensure padding inside columns for all screen sizes */
[class*="col"] {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Smaller footer text */
footer {
  font-size: 0.8rem;
}

/* Fix footer table layout */
footer table {
  width: 100%;
  table-layout: fixed;
}

footer td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  footer td {
    display: block;
    text-align: center !important;
    white-space: normal;
    padding-bottom: 0.5rem;
  }
}



.appsection {
  color: #FF7E56; /* Bootstrap "danger" red */
  font-weight: bold;
  font-size: 1.75rem; /* Adjustable size */
  text-align: left;
  margin-bottom: 1rem; /* Space below */
}

/* Responsive scaling if needed */
@media (max-width: 768px) {
  .appsection {
    font-size: 1.1rem;
  }
}

@media (max-width: 576px) {
  .appsection {
    font-size: 1rem;
  }
}