/* ----- Design tokens (easy theming) ----- */
:root{
  --e4c: #fc6444;
  --e4c-hover: #e5533b;
  --e4c-cta: #F15A29;    /* Business CTA tone */
  --e4c-cta-hover: #d94f24;
  --shade: #111;
  --muted: #6c757d;
  --radius: .5rem;
  --radius-xl: 1rem;
  --gap-sm: .75rem;
  --gap: 1rem;
  --gap-lg: 1.5rem;
  --pad-section: 6rem;
}

/* ----- Page layout scaffold ----- */
html, body { height: 100%; margin: 0; }
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main { flex: 1; } /* pushes footer down */

.text-e4c {
    color: #fc6444;
}

.list-group-item-e4c {
    background-color: #fc6444;
    color: #fff;
    border-color: #fc6444;
    padding-left: 10px;
}

.btn-outline-e4c {
    color: #fc6444;
    border-color: #fc6444;
}

.btn-outline-e4c:hover, 
.btn-outline-e4c:focus, 
.btn-outline-e4c:active {
    color: #fff;
    background-color: #fc6444;
    border-color: #fc6444;
}

.btn-e4c {
    background-color: #fc6444;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-e4c:hover, 
.btn-e4c:focus, 
.btn-e4c:active {
    background-color: #e5533b;
    color: #fff;
}
.btn-e4c:disabled {
    background-color: #d3d3d3; /* Disabled background color */
    color: #a9a9a9; /* Disabled text color */
    cursor: not-allowed; /* Change cursor to indicate disabled state */
    opacity: 0.6; /* Optional: Reduce opacity to visually indicate disabled state */
}

.login-button {
  margin-bottom: 10px;
  width: 300px;;
}

.rounded-image {
    border-radius: 15px; /* Adjust the value to control the roundness */
}

header.masthead {
    padding-top: 10.5rem;
    padding-bottom: 6rem;
    text-align: center;
    color: #fff;
    background-image: url("../img/header-bg.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
  }
  header.masthead .masthead-subheading {
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.5rem;
    margin-bottom: 25px;
    font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
  header.masthead .masthead-heading {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
  
  @media (min-width: 768px) {
    header.masthead {
      padding-top: 17rem;
      padding-bottom: 12.5rem;
    }
    header.masthead .masthead-subheading {
      font-size: 2.25rem;
      font-style: italic;
      line-height: 2.25rem;
      margin-bottom: 2rem;
    }
    header.masthead .masthead-heading {
      font-size: 4.5rem;
      font-weight: 700;
      line-height: 4.5rem;
      margin-bottom: 4rem;
    }
  }