h3 {
    display: inline-block;
    padding: 0 20px;
    border-bottom: 2px solid blue;
}

a img {
    border: none;
    vertical-align: middle;
}

.AnnouncementDiv {
    min-height: 80vh;
    overflow-y: auto;
    scrollbar-face-color: #ff8c00;
    scrollbar-track-color: #fff8dc;
    scrollbar-arrow-color: #ffffff;
    scrollbar-highlight-color: #fff8dc;
    scrollbar-shadow-color: #d2691e;
    scrollbar-3dlight-color: #ffebcd;
    scrollbar-darkshadow-color: #8b0000;
}

.custom-color-orange {
    color: #F28C28; /* Replace with your custom color */
}

    .custom-color-orange:hover {
        color: #C04000; /* Replace with your custom color */
    }

.custom-bg {
    background-color: #212e41;
    background-image: url(../../Images/splash/splash.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.custom-bg2 {
    background: rgb(255,252,161);
    background: linear-gradient(90deg, rgba(255,252,161,1) 18%, rgba(255,176,97,1) 77%);
}

.custom-bg-footer {
    background: #b5beff;
}

.no-padding {
    padding: 0;
}

.w-lg-40 {
    width: 40% !important;
}

.edit-hover-class {
    opacity: 50%;
}

    .edit-hover-class:hover {
        opacity: 75;
    }

.icon-bottom::before {
    transition: .5s;
    transform: scale(.9);
    z-index: -1;
}

.icon-bottom:hover::before {
    color: #009ef7 !important;
    transform: scale(1.1);
}

.icon-bottom:hover {
    color: #009ef7;
    text-shadow: 0 0 3px #009ef7;
}

@media (min-width: 279px) {
    .vh-custom {
        height: 850px !important;
    }

    .overflow-y-custom {
        overflow-y: auto !important;
    }
}

@media (min-width: 992px) {
    .vh-custom {
        height: unset !important;
    }
}

@media (min-width: 1600px) {
    .vh-custom {
        height: 100vh !important;
    }
}

input[type="submit"]:disabled {
    background: #dddddd;
    cursor: default;
}

input[type="submit"]:enabled {
    background: #009ef7;
    cursor: pointer;
}