/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: contain;
}

.no_siblings_message:not(:only-child) {
    display: none;
}

.px-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.px-8 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

.navbar {
    border-bottom: 2px solid lightgray;
}

.navbar .navbar-brand {
    font-weight: bold !important;
}

.navbar .nav-item {
    font-weight: bold !important;
}

.navbar .nav-item .nav-link:hover {
    color: oklch(0.52 0.105 223.128) !important; /* cyan-700 tailwind color */
}

.navbar .nav-item .active {
    color: oklch(0.52 0.105 223.128) !important; /* cyan-700 tailwind color */
    font-weight: bold !important;
}