/*
 *
 * City University of Hong Kong
 * ----------------------------
 * Site Specific CSS
 *
 */

/* ============================ Place your custom CSS here */

/* Common styles */

p{
    margin-bottom: 1rem;
    line-height: 175%;
}

h3{
    line-height: 150%;
}

.all-lists li{
    margin-bottom: 1rem !important;
}

.border-color-cityu{
    border-color: #bf165e;
}

.nav-first{
    font-size: 18px;
}

.nav-second{
    font-size: 14px;
}

.cityu-menu-offcanvas{
    width: 50% !important;
    min-width: 250px;
}

.sitemap-flex li{
    flex-basis: calc(966px / 5) !important;
    flex-grow: 1;
}

.g-2-5{
    --bs-gutter-y: 0.75rem;
}

.link-scroll-margin{
    scroll-margin-top: 20px;
}

@media (min-width: 992px) {
    .link-scroll-margin{
        scroll-margin-top: 60px;
    }
    
}

.btn-cityu-outline:hover,
.btn-cityu-outline:focus{
    color:#bf165e!important;
    border-color: #bf165e;
}

.image-cityu-outline:hover,
.image-cityu-outline:focus{
    outline: 1pt solid #bf165e;
}

.ratio-3x4{
    --bs-aspect-ratio: calc(4 / 3 * 100%);
}

.artwork-expand{
    position: relative;
    max-height: 350px;
    transition: max-height 0.3s ease-in-out;
    overflow: hidden;
}

.artwork-cover-gradient{
    position: absolute;
    padding: 0 !important;
    margin: 0 !important;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    min-height: 50px;
    transition: min-height 0.3s ease-in-out;
}

.artwork-cover-gradient.expanded{
    min-height: 0px;
}

.artwork-expand.expanded{
    max-height: 2500px;
}