#aboutUs {
    background: url(../images/home/AboutUsPic.jpg);
    background-size: cover;
    background-position-x: 25% !important;
    height: 380px;
}

#programs {
    background: url(../images/home/ProjectsPic.jpg);
    background-size: cover;
    background-position: center !important;
    height: 380px;
}

#events {
    background: url(../images/events/TCSJ_Open_House-38.png);
    background-size: cover;
    background-position: center !important;
    height: 380px;
}

#studentAmbassador {
    background: url(../images/home/StudentsAmbassador.png);
    background-size: cover;
    background-position-x: 25% !important;
    height: 380px;
}

#contact {
    background: url(../images/home/ContactUsPic.jpg);
    background-size: cover;
    background-position-x: 50% !important;
    height: 380px;
}
/* this is spaced because it's inside and not in the same element */
#aboutUsText .btn-outline-primary {
    background-color: #15637D;
    color: white;
    border: 2px white solid;
}

    #aboutUsText .btn-outline-primary:hover {
        color: #15637D;
        background-color: white;
        /* border: 2px #15637D solid; */
    }

#programsText .btn-outline-primary {
    background-color: #660B18;
    color: white;
    border: 2px white solid;
}

    #programsText .btn-outline-primary:hover {
        color: #660B18;
        background-color: white;
        border: 2px white solid;
    }

.yellow-bg .btn-outline-primary {
    background-color: #ECC65F;
    color: black;
    border: 2px black solid;
}

    .yellow-bg .btn-outline-primary:hover {
        color: #ECC65F;
        background-color: black;
        border: 2px black solid;
    }

#studentAmbassadorText .btn-outline-primary {
    background-color: #15637D;
    color: white;
    border: 2px white solid;
}

    #studentAmbassadorText .btn-outline-primary:hover {
        color: #15637D;
        background-color: white;
        /* border: 2px #15637D solid; */
    }

#contactText .btn-outline-primary {
    background-color: black;
    color: white;
    border: 2px white solid;
}

    #contactText .btn-outline-primary:hover {
        color: black;
        background-color: white;
        border: 2px white solid;
    }

.black-bg {
    background-color: black;
    color: white;
}

.vidCards:hover {
    background-color: #15637D !important;
    cursor: pointer;
}

.blueHoverRed {
    color: #15637D !important;
    text-decoration: underline;
}

    .blueHoverRed:hover {
        color: #660B18 !important;
        text-decoration: underline;
    }

.stretch {
    display: flex;
    align-items: stretch;
}

.noPic {
    background-image: url(../images/home/AboutUsPic.jpg);
    background-size: cover;
    height: 250px;
    width: 100%;
}

.whiteHoverYellow {
    color: white !important;
    font-weight: 200 !important;
    font-size: 19px !important;
}

    .whiteHoverYellow:hover {
        color: #ECC65F !important;
    }

.deanReese {
    background-image: url(../images/masters/deanReese.jpg);
    background-size: cover;
    background-position-y: 10%;
    height: 250px;
}

.aTagNoBold {
    color: black;
    font-weight: 500 !important;
}

a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

.edInquiry {
    /* <img src="../../Content/images/programs/edInquiry.jpg" class="img-fluid" alt="Graduation Day"> */
    background-image: url(../images/programs/edInquiry.jpg);
    background-size: cover;
    background-position-x: 20%;
    height: 500px;
}

.removeBtnDecor {
    background-color: white;
    border: 0px;

}

    .removeBtnDecor:hover {
        text-decoration: underline;
    }

    .removeBtnDecor:focus {
        outline: none;
        box-shadow: none;
    }

.selectOption {
    opacity: 70% !important;
    text-decoration: underline !important;
}
.hideContent{
    display:none !important;
}
.showContent{
    display:flex;
}

@media (max-width: 425px) {
    .smallPadding {
        padding-left: 8px;
    }
    .smallStack{
        display:grid
    }
}