@import url(common.css);

.carousel-indicators button.thumbnail {
    width: 100px;
}

.carousel-indicators button.thumbnail:not(.active) {
    opacity: 0.7;
}

.carousel-indicators {
    position: static;
}

.breadcrumb{
    background-color: var(--skyblue_100);
}

.breadcrumb a{
    color: var(--blue_800);
}

.product-details li{
    list-style: disc;
    color: var(--blue_800);
    font-size: 18px;
}

.product-details p{
    color: var(--blue_400);
    font-size: 20px;
}


.product-details h4,
.product-details h3,
.product-details h5{
    color: var(--blue_400);
}
.product-details h4 strong,
.product-details h3 strong,
.product-details h5 strong{
    color: var(--blue_700);
}

.product-title{
    color: var(--blue_900);
}






@media screen and (min-width: 992px) {
    .carousel {
        max-width: 70%;
        margin: 0 auto;
    }

    .breadcrumb a{
        color: var(--blue_800);
        font-size: 18px;
    }
}