/* Carousel CSS */
.carousel-inner .item img {
    width: 100%;
}

.feature-region {
    background-image: url("https://www.sdi.edu/wp-content/uploads/2023/01/Header_1920.jpg");
    background-size: cover;
height:600px;
}

@media only screen and (max-width: 1820px){
.feature-region {
height: 500px;
}
}

@media only screen and (max-width: 1600px){
.feature-region {
height: 400px;
}
}

@media only screen and (max-width: 1440px){
.feature-region {
    background-image: url("https://www.sdi.edu/wp-content/uploads/2023/01/Header_1440.jpg");
    background-size: cover;
height: 300px;
}
}


@media only screen and (max-width: 1240px){
.feature-region {
height: 250px;
}
}

@media only screen and (max-width: 1028px){
.feature-region {
height: 200px;
}
}

@media only screen and (max-width: 768px){
.feature-region {
height: 160px;
}
}

@media only screen and (max-width: 648px){
.feature-region {
    background-image: url("https://www.sdi.edu/wp-content/uploads/2023/01/Header_360.jpg");
    background-size: cover;
height: 600px;
}
}

@media only screen and (max-width: 540px){
.feature-region {
height: 500px;
}
}

@media only screen and (max-width: 480px){
.feature-region {
height: 375px;
}
}

@media only screen and (max-width: 375px){
.feature-region {
height: 340px;
}
} 

@media only screen and (max-width: 360px){
.feature-region {
height: 360px;
}
}

@media only screen and (max-width: 320px){
.feature-region {
height: 320px;
}
}

@media only screen and (max-width: 280px){
.feature-region {
height: 280px;
}
}



#search-form.callout-region {
    background-color: #d51f35;
    color: white;
    padding: 0;
    text-align: left;
}

.product-results .product-tile:hover {
    box-shadow: inset 0px -5px 0px #d51f35;
}

.ProductIcon__LargeCircle--course {
background: #d51f35;
}

.product-tile .product-footer {
    color: #a50027;
}

.btn-link {
    color: #d51f35;
}

.Dropdown__Toggle--header:hover, .Dropdown__Toggle--cog:hover, .Dropdown__Toggle--header:focus, .Dropdown__Toggle--cog:focus {
    color: #a50027;
}