@font-face {
    font-family: 'Gypsy Road Condensed';
    src: url(../fonts/gypsyroadc-webfont.woff) format('woff'),
         url(../fonts/gypsyroadc.ttf) format('truetype');
}

.grc {
    font-size: 2rem;
    font-family: Gypsy Road Condensed, sans-serif;
    font-weight: 600;
}

.btnCU {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: 1.2rem;
    font-weight: 500;
}

.dropdown-item:hover {
    background-color: #dee2e6 !important;
    color: #0a58ca !important;
    font-weight: 600;
/*    text-decoration: underline; */
    }

#frmMessage-remaining-chars {
color: #333333;
font-size: small;
font-weight: bold;
margin-top: 5px;
text-align: right;
}

.img-left {
    float: left;
}

/* temporary color for Media & News */
.text-indigo-600 {
    color: #520dc2 !important;
  }

/* ===========================
background colors
=========================== */

/* About Us */
.bg-teal-200 {
    background-color: #a6e9d5 !important;
  }

/* Summer Camps */
.bg-green-200 {background-color: #88f4c3 !important;
  }

/* Bible Training Schools */
.bg-yellow-200 {
    background-color: #ffe69c !important;
  }

/* Crafts Project */
.bg-orange-200 {
    background-color: #fecba1 !important;
  }

/* Media & News */
.bg-purple-200 {
    background-color: #c5b3e6 !important;
  }

  /* Gypsie Smith Bio */
  .bg-gray-300 {
    background-color: #dee2e6 !important;
  }

/* ===========================
media queries for responsive layout
=========================== */
@media (max-width: 62em) {
    .grc {
        font-size: 1.6rem;
    }
    .btnCU {
        --bs-btn-font-size: 1rem;
        font-weight: 400;
    }
}

@media (max-width: 48em) {
    .grc {
        font-size: 1.4rem;
    }
    .btnCU {
        --bs-btn-font-size: 0.8rem;
        font-weight: 400;
    }
}

@media (max-width: 36em) {
    .grc {
        font-size: 1.2rem;
    }
    .btnCU {
        --bs-btn-font-size: 0.8rem;
        font-weight: 400;
    }
}

@media (max-width: 24em) {
    .grc {
        font-size: 1rem;
    }
    .btnCU {
        --bs-btn-font-size: 0.6rem;
    }
}

@media (max-width: 20.25em) {
    .grc {
        font-size: 0.9rem;
    }
    .btnCU {
        --bs-btn-font-size: 0.6rem;
    }
}