/*
 * SURE custom theme adjustments
 * Freedom original style.css is not modified.
 */


/* =========================================================
   DESKTOP
   ========================================================= */

@media screen and (min-width: 1024px) {

    /* -------------------------
       Header
       ------------------------- */

    body.main-header--center {
        padding-top: 160px;
    }

    .main-header--center .main-header__main-bar {
        padding-top: 15px;
    }

    .main-header__site-title {
        max-width: none;
    }

    .main-header__site-title a {
        font-size: 1.7rem;
        line-height: 1.2;
    }

    .main-header__site-title img {
        max-height: 50px;
    }


    /* -------------------------
       Navigation
       ------------------------- */

    .main-header--center .main-navigation .navigation > li > a {
        margin: 12px 10px;
        padding-top: .2rem;
        padding-bottom: .2rem;
    }


    /* -------------------------
       Banner
       ------------------------- */

    .banner {
        height: 400px !important;
    }


    /* -------------------------
       Section headings
       ------------------------- */

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.5rem;
    }


    /* =====================================================
       EVENT / ITEM CARDS
       ===================================================== */

    .resource-grid .resource__thumbnail img {
        height: 180px;
    }

    .resource-grid .resource__heading {
        font-size: .95rem;
        line-height: 1.3;
        margin-bottom: .5rem;
    }

    .resource-grid .resource__content {
        padding: 12px;
    }

    .resource-grid .description {
        font-size: .9rem;
        line-height: 1.4;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 1023px) {

    /* -------------------------
       Compact mobile header
       ------------------------- */

    .main-header__main-bar {
        gap: 8px;
    }

    .main-header__site-title {
        max-width: 70%;
    }

    .main-header__site-title a {
        font-size: 1.45rem;
        line-height: 1.05;
    }

    .main-header__site-title img {
        max-height: 42px;
    }

    .main-navigation__toggle {
        margin: 10px auto;
    }


    /* -------------------------
       Mobile banner
       ------------------------- */

    .banner {
        height: auto !important;
        min-height: 0 !important;
    }

    .banner img {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        display: block;
    }


    /* -------------------------
       Mobile event cards
       ------------------------- */

    .resource-grid .resource__thumbnail img {
        height: 160px;
    }

    .resource-grid .resource__heading {
        font-size: 1rem;
        line-height: 1.3;
        margin-bottom: .5rem;
    }

    .resource-grid .resource__content {
        padding: 12px;
    }

    .resource-grid .description {
        font-size: .9rem;
        line-height: 1.4;
    }

}


/* =========================================================
   SURE fallback image
   Keep the complete square image visible without
   making the card excessively large.
   ========================================================= */

.resource-grid .resource__thumbnail:has(
    img[src*="fallback-file.png"]
) {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resource-grid .resource__thumbnail:has(
    img[src*="fallback-file.png"]
) img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}


/* Smaller fallback on mobile */

@media screen and (max-width: 1023px) {

    .resource-grid .resource__thumbnail:has(
        img[src*="fallback-file.png"]
    ) {
        height: 160px;
    }

    .resource-grid .resource__thumbnail:has(
        img[src*="fallback-file.png"]
    ) img {
        width: 135px;
        height: 135px;
    }

}

/* =========================================================
   SURE - Compact Featured Content Cards
   ========================================================= */

.featured-records {
    gap: 15px;
}

.featured-records .featured .resource {
    gap: 20px;
    padding: 15px;
}

.featured-records .featured .resource__thumbnail {
    max-height: 220px;
}

.featured-records .featured .resource__content {
    padding: 0;
}

.featured-records .featured--secondary {
    gap: 15px;
}

.featured-records .featured--secondary .resource__thumbnail {
    max-height: 220px;
}

.featured-records .featured .resource__heading {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: .6rem;
}

.featured-records .featured .description {
    font-size: .9rem;
    line-height: 1.4;
}

/* =========================================================
   SURE - More Compact Secondary Featured Cards
   ========================================================= */

.featured-records .featured--secondary .resource__thumbnail {
    max-height: 160px;
}

.featured-records .featured--secondary .resource__thumbnail img {
    max-height: 160px;
    width: auto;
    object-fit: contain;
}

/* =========================================================
   SURE - Compact Footer
   ========================================================= */

/* Desktop */
@media screen and (min-width: 1024px) {

    .main-footer__top {
        padding: 40px 0 25px;
    }

    .main-footer__top-container {
        gap: 30px;
    }

    .main-footer__top-container > div {
        margin-bottom: 0;
    }

    .main-footer__col2 .navigation {
        gap: 20px 30px;
    }

    .main-footer__bottom {
        padding: 20px 0;
    }

    .main-footer__bottom-container {
        gap: 20px;
    }
}


/* Mobile / Tablet */
@media screen and (max-width: 1023px) {

    .main-footer__top {
        padding: 30px 0 20px;
    }

    .main-footer__top-container {
        gap: 25px;
    }

    .main-footer__top-container > div {
        margin-bottom: 0;
    }

    .main-footer__col2 .navigation {
        gap: 18px;
    }

    .main-footer__bottom {
        padding: 20px 0;
    }

    .main-footer__bottom-container {
        gap: 15px;
    }
}


/* Footer text */
.main-footer {
    line-height: 1.45;
}

.main-footer__col1,
.main-footer__col3 {
    line-height: 1.45;
}


/* =========================================================
   SURE - Modern Typography
   ========================================================= */

body,
button,
input,
select,
optgroup,
textarea {
    font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
}

.main-header__site-title a {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
}

h1 {
    font-weight: 600;
}

h2 {
    font-weight: 600;
}

h3,
h4 {
    font-weight: 600;
}

h5,
h6 {
    font-weight: 600;
}


/* =========================================================
   SURE - UUM Blue Navigation Bar
   ========================================================= */

@media screen and (min-width: 1024px) {

    .main-header--center .main-navigation {
        background: #003b7a;
    }

    .main-header--center .main-navigation .navigation > li > a {
        color: #ffffff;
    }

    .main-header--center .main-navigation .navigation > li > a:hover {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.08);
    }

}


/* =========================================================
   SURE - Full Width Navigation Bar
   ========================================================= */

@media screen and (min-width: 1024px) {

    .main-header--center .main-navigation {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        box-sizing: border-box;
    }

}


/* =========================================================
   SURE - Center Navigation Content
   ========================================================= */

@media screen and (min-width: 1024px) {

    .main-header--center .main-navigation .navigation {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

}


/* =========================================================
   SURE - Navigation Refinement
   ========================================================= */

@media screen and (min-width: 1024px) {

    .main-header--center .main-navigation {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    }

    .main-header--center .main-navigation .navigation > li > a {
        padding-top: .65rem;
        padding-bottom: .65rem;
        margin-top: 0;
        margin-bottom: 0;
        font-size: .9rem;
        font-weight: 600;
        letter-spacing: .01em;
    }

    .main-header--center .main-navigation .navigation > li.current-menu-item > a,
    .main-header--center .main-navigation .navigation > li.active > a {
        border-bottom: 3px solid #f5c400;
    }

}


/* =========================================================
   SURE - Keep Navigation Items on One Line
   ========================================================= */

@media screen and (min-width: 1024px) {

    .main-header--center .main-navigation .navigation {
        max-width: 1280px;
        white-space: nowrap;
    }

    .main-header--center .main-navigation .navigation > li > a {
        white-space: nowrap;
    }

}


/* =========================================================
   SURE - Institutional Header Refinement
   ========================================================= */

@media screen and (min-width: 1024px) {

    .main-header--center {
        border-bottom: 4px solid #003b7a;
    }

    .main-header--center .main-header__main-bar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .main-header--center .main-header__site-title a {
        font-size: 1.65rem;
        font-weight: 600;
        letter-spacing: -0.015em;
    }

}


/* =========================================================
   SURE - Center Entire Navigation Menu
   ========================================================= */

@media screen and (min-width: 1024px) {

    .main-header--center .main-navigation .navigation {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        white-space: nowrap;
    }

    /* Override previous UTAMA positioning */
    .main-header--center .main-navigation .navigation > li:first-child {
        order: initial;
        margin-left: 0;
    }

}


/* =========================================================
   SURE - Reduce Homepage Content Spacing
   ========================================================= */

@media screen and (min-width: 1024px) {

    .featured-records {
        margin-top: 0;
        padding-top: 30px;
    }

}


/* =========================================================
   SURE - Tighter Banner to Featured Content Spacing
   ========================================================= */

@media screen and (min-width: 1024px) {

    .featured-records {
        padding-top: 15px;
    }

}


/* =========================================================
   SURE - Tighten Banner to Homepage Content
   ========================================================= */

@media screen and (min-width: 1024px) {

    body#home #content {
        padding-top: 20px;
    }

    body#home .featured-records {
        margin-top: 0;
        padding-top: 0;
    }

}


/* =========================================================
   SURE - Featured Content Primary Card
   ========================================================= */

@media screen and (min-width: 1024px) {

    .featured-records .featured--primary .resource {
        display: flex;
        align-items: stretch;
        gap: 0;
        padding: 0;
        min-height: 300px;

        background-color: #ffffff !important;
        background-image: none !important;

        border: 1px solid #e2e6eb;
        border-radius: 4px;
        overflow: hidden;

        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    /* Image */
    .featured-records .featured--primary .resource__thumbnail {
        flex: 0 0 42%;
        max-height: none;
        overflow: hidden;
        background: #f4f6f8;
    }

    .featured-records .featured--primary .resource__thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Content */
    .featured-records .featured--primary .resource__content {
        flex: 1;
        padding: 28px 32px;
        display: flex;
        align-items: center;
    }

    .featured-records .featured--primary .resource__meta {
        width: 100%;
    }

    .featured-records .featured--primary .resource__heading {
        font-size: 1.35rem;
        line-height: 1.35;
        margin-bottom: 1rem;
    }

    .featured-records .featured--primary .resource__heading a {
        color: #003b7a;
    }

    .featured-records .featured--primary .description {
        color: #555;
        font-size: .95rem;
        line-height: 1.6;
    }

}


/* =========================================================
   SURE - Compact Primary Featured Card
   ========================================================= */

@media screen and (min-width: 1024px) {

    .featured-records .featured--primary .resource {
        display: flex;
        flex-direction: row;
        align-items: stretch;

        height: 260px;
        min-height: 0 !important;

        padding: 0 !important;
        margin: 0;

        gap: 0 !important;

        background: #ffffff !important;
        background-image: none !important;

        border: 1px solid #dfe4e8;
        border-radius: 4px;
        overflow: hidden;

        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    /* Image */
    .featured-records .featured--primary .resource__thumbnail {
        flex: 0 0 36%;
        width: 36%;
        height: 260px;
        max-height: none !important;

        background: #f5f7f9;
        overflow: hidden;
    }

    .featured-records .featured--primary .resource__thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

    /* Content */
    .featured-records .featured--primary .resource__content {
        flex: 1;
        width: 64%;

        padding: 25px 30px !important;

        display: flex;
        align-items: center;

        background: #ffffff !important;
        color: #333333;
    }

    .featured-records .featured--primary .resource__meta {
        width: 100%;
    }

    /* Tags */
    .featured-records .featured--primary .resource__content .tags {
        margin-bottom: 12px;
    }

    /* Title */
    .featured-records .featured--primary .resource__heading {
        margin: 0 0 12px 0;

        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featured-records .featured--primary .resource__heading a {
        color: #003b7a !important;
        text-decoration: none;
    }

    .featured-records .featured--primary .resource__heading a:hover {
        text-decoration: underline;
    }

    /* Description */
    .featured-records .featured--primary .description {
        color: #555555 !important;

        font-size: .9rem;
        line-height: 1.5;

        margin: 0;
    }

}


/* =========================================================
   SURE - Featured Card Final Refinement
   ========================================================= */

@media screen and (min-width: 1024px) {

    .featured-records .featured--primary .resource {
        height: 240px;
    }

    /* Image panel */
    .featured-records .featured--primary .resource__thumbnail {
        flex: 0 0 28%;
        width: 28%;
        height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f5f7f9;
        overflow: hidden;
    }

    .featured-records .featured--primary .resource__thumbnail img {
        width: auto !important;
        height: 220px !important;
        max-width: 90% !important;
        object-fit: contain;
    }

    /* Content panel */
    .featured-records .featured--primary .resource__content {
        width: 72%;
        padding: 25px 35px !important;
    }

    .featured-records .featured--primary .resource__heading {
        font-size: 1.2rem;
        line-height: 1.4;
    }

}


/* =========================================================
   SURE - Secondary Featured Cards
   ========================================================= */

@media screen and (min-width: 1024px) {

    .featured-records .featured--secondary {
        gap: 16px;
        margin-top: 16px;
    }

    .featured-records .featured--secondary .resource {
        display: flex;
        align-items: center;

        height: 175px;
        min-height: 0;

        padding: 14px !important;
        margin: 0;

        background: #ffffff;

        border: 1px solid #e1e5e9;
        border-radius: 4px;

        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);

        overflow: hidden;
    }

    /* Thumbnail */
    .featured-records .featured--secondary .resource__thumbnail {
        flex: 0 0 150px;
        width: 150px;
        height: 145px;

        max-height: 145px !important;

        display: flex;
        align-items: center;
        justify-content: center;

        background: #f5f7f9;

        overflow: hidden;
    }

    .featured-records .featured--secondary .resource__thumbnail img {
        width: auto;
        height: auto;

        max-width: 100%;
        max-height: 145px;

        object-fit: contain;
        display: block;
    }

    /* Content */
    .featured-records .featured--secondary .resource__content {
        flex: 1;
        min-width: 0;

        padding: 0 8px 0 18px !important;
    }

    .featured-records .featured--secondary .resource__heading {
        font-size: 1rem;
        line-height: 1.35;

        margin: 8px 0 8px 0;
    }

    .featured-records .featured--secondary .resource__heading a {
        color: #003b7a !important;
        text-decoration: none;
    }

    .featured-records .featured--secondary .resource__heading a:hover {
        text-decoration: underline;
    }

    .featured-records .featured--secondary .description {
        color: #666666 !important;

        font-size: .85rem;
        line-height: 1.4;

        margin: 0;
    }

}


/* =========================================================
   SURE - Compact Recent Items
   ========================================================= */

@media screen and (min-width: 1024px) {

    .recent-items-section {
        margin-top: 35px;
    }

    .recent-items-section .resource-grid {
        gap: 16px;
    }

    .recent-items-section .resource-grid .resource {
        display: flex;
        flex-direction: column;

        height: 310px;
        min-height: 0;

        padding: 0 !important;
        margin: 0;

        background: #ffffff;

        border: 1px solid #e1e5e9;
        border-radius: 4px;

        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);

        overflow: hidden;
    }

    /* Image area */
    .recent-items-section .resource-grid .resource__thumbnail {
        width: 100%;
        height: 155px;

        max-height: 155px !important;

        display: flex;
        align-items: center;
        justify-content: center;

        background: #f5f7f9;

        overflow: hidden;
    }

    .recent-items-section .resource-grid .resource__thumbnail img {
        width: auto;
        height: auto;

        max-width: 100%;
        max-height: 145px;

        object-fit: contain;
        display: block;
    }

    /* Content */
    .recent-items-section .resource-grid .resource__content {
        flex: 1;
        width: 100%;

        padding: 12px 14px !important;
    }

    .recent-items-section .resource-grid .resource__heading {
        font-size: .95rem;
        line-height: 1.35;

        margin: 8px 0;
    }

    .recent-items-section .resource-grid .resource__heading a {
        color: #003b7a !important;
        text-decoration: none;
    }

    .recent-items-section .resource-grid .resource__heading a:hover {
        text-decoration: underline;
    }

    .recent-items-section .resource-grid .description {
        color: #666666 !important;

        font-size: .8rem;
        line-height: 1.4;

        margin: 0;
    }

    /* View All button */
    .recent-items-section .view-items-link {
        margin-top: 20px;
    }

}


/* =========================================================
   SURE - Compact Recent Collections
   ========================================================= */

.recent-collections .resource-grid {
    gap: 20px;
}

.recent-collections .resource {
    padding: 18px;
    min-height: 120px;
    border: 1px solid #e3e7eb;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    background: #fff;
}

.recent-collections .resource__content {
    padding: 0;
}

.recent-collections .resource__heading {
    font-size: 1rem;
    line-height: 1.35;
    margin: 10px 0 12px;
}

.recent-collections .resource__heading a {
    color: #164a82;
}

.recent-collections .view-items-link {
    font-size: .85rem;
    line-height: 1.4;
}

.recent-collections .description,
.recent-collections .contributor {
    font-size: .85rem;
    line-height: 1.4;
}

.recent-collections .resource__thumbnail {
    max-height: 120px;
}

.recent-collections .resource__thumbnail img {
    max-height: 120px;
    width: auto;
    object-fit: contain;
}

/* View all button */
.recent-collections .view-collections-link {
    margin-top: 25px;
}

/* Mobile */
@media screen and (max-width: 1023px) {

    .recent-collections .resource-grid {
        gap: 15px;
    }

    .recent-collections .resource {
        padding: 15px;
        min-height: 100px;
    }

    .recent-collections .resource__heading {
        font-size: .95rem;
    }
}


/* =========================================================
   SURE - Hide Empty Exhibits Section
   ========================================================= */

.recent-exhibits-section:has(.recent-exhibits > p) {
    display: none;
}


/* =========================================================
   SURE - Remove Empty Exhibits Area
   ========================================================= */

.recent-exhibits-section:has(.recent-exhibits p) {
    display: none !important;
}

.recent-exhibits-section .recent-exhibits p {
    display: none;
}


/* =========================================================
   SURE - Clean Popular Tags
   ========================================================= */

.popular-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 1100px;
    margin: 25px auto 0;
}

.popular-tags a {
    display: inline-block;
    padding: 8px 14px !important;
    margin: 0 !important;
    font-size: .85rem !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    color: #164a82 !important;
    background: #f7f9fb !important;
    border: 1px solid #d8e0e8 !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: all .2s ease;
}

.popular-tags a:hover {
    background: #164a82 !important;
    color: #fff !important;
    border-color: #164a82 !important;
}

@media screen and (max-width: 1023px) {

    .popular-tags {
        gap: 8px;
        margin-top: 20px;
    }

    .popular-tags a {
        padding: 7px 11px !important;
        font-size: .8rem !important;
    }
}


/* =========================================================
   SURE - Compact Popular Tags
   ========================================================= */

.record-tags.popularity {
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 2rem;
}

.record-tags.popularity .record-tag,
.record-tags.popularity .popular .record-tag,
.record-tags.popularity .v-popular .record-tag,
.record-tags.popularity .vv-popular .record-tag,
.record-tags.popularity .vvv-popular .record-tag,
.record-tags.popularity .vvvv-popular .record-tag,
.record-tags.popularity .vvvvv-popular .record-tag,
.record-tags.popularity .vvvvvv-popular .record-tag,
.record-tags.popularity .vvvvvvv-popular .record-tag,
.record-tags.popularity .vvvvvvvv-popular .record-tag,
.record-tags.popularity .vvvvvvvvv-popular .record-tag {
    font-size: .8rem !important;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 3px;
    line-height: 1.3;
}

@media screen and (max-width: 1023px) {
    .record-tags.popularity {
        gap: 6px;
    }

    .record-tags.popularity .record-tag,
    .record-tags.popularity .popular .record-tag,
    .record-tags.popularity .v-popular .record-tag,
    .record-tags.popularity .vv-popular .record-tag,
    .record-tags.popularity .vvv-popular .record-tag,
    .record-tags.popularity .vvvv-popular .record-tag,
    .record-tags.popularity .vvvvv-popular .record-tag,
    .record-tags.popularity .vvvvvv-popular .record-tag,
    .record-tags.popularity .vvvvvvv-popular .record-tag,
    .record-tags.popularity .vvvvvvvv-popular .record-tag,
    .record-tags.popularity .vvvvvvvvv-popular .record-tag {
        font-size: .75rem !important;
        padding: 5px 8px;
    }
}


/* =========================================================
   SURE - Compact Homepage Section Spacing
   ========================================================= */

/* Reduce vertical space between homepage sections */
.homepage section,
.featured-section,
.recent-items-section,
.recent-collections-section,
.recent-exhibits-section {
    margin-bottom: 2.5rem;
}

/* Featured Content */
.featured-section {
    margin-bottom: 2.5rem;
}

/* Recent records */
.recent-items-section,
.recent-collections-section,
.recent-exhibits-section {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

/* Reduce space around "View All" buttons */
.view-items-link,
.view-collections-link,
.view-exhibits-link {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* Keep the button itself compact */
.view-items-link.button,
.view-collections-link.button,
.view-exhibits-link.button {
    margin-top: 0;
    margin-bottom: 0;
}

/* Popular tags */
.record-tags.popularity {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Desktop */
@media screen and (min-width: 1024px) {

    .featured-section {
        margin-bottom: 2rem;
    }

    .recent-items-section,
    .recent-collections-section,
    .recent-exhibits-section {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .record-tags.popularity {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
}

/* Mobile / Tablet */
@media screen and (max-width: 1023px) {

    .featured-section,
    .recent-items-section,
    .recent-collections-section,
    .recent-exhibits-section {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .record-tags.popularity {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}


/* =========================================================
   SURE - Final Homepage Vertical Spacing
   ========================================================= */

/* Tighten homepage sections without affecting cards */
.featured-section,
.recent-items-section,
.recent-collections-section,
.recent-exhibits-section {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Reduce space below section headings */
.featured-section > .title,
.recent-items-section > .title,
.recent-collections-section > .title,
.recent-exhibits-section > .title {
    margin-bottom: 1.25rem;
}

/* Bring View All buttons closer to their card grids */
.view-items-link,
.view-collections-link,
.view-exhibits-link {
    margin-top: 0.75rem;
}

/* Reduce the space before Tag Popular */
.record-tags.popularity {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* Desktop */
@media screen and (min-width: 1024px) {

    .featured-section,
    .recent-items-section,
    .recent-collections-section,
    .recent-exhibits-section {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .featured-section > .title,
    .recent-items-section > .title,
    .recent-collections-section > .title,
    .recent-exhibits-section > .title {
        margin-bottom: 1rem;
    }
}

/* Mobile / Tablet */
@media screen and (max-width: 1023px) {

    .featured-section,
    .recent-items-section,
    .recent-collections-section,
    .recent-exhibits-section {
        padding-top: 0;
        padding-bottom: 0;
    }

    .featured-section > .title,
    .recent-items-section > .title,
    .recent-collections-section > .title,
    .recent-exhibits-section > .title {
        margin-bottom: 1rem;
    }
}


/* =========================================================
   SURE - Compact Homepage Section Spacing
   Reduce excessive vertical whitespace while keeping
   comfortable separation between homepage sections.
   ========================================================= */

body#home section {
    margin-bottom: 2.5rem;
}

/* Recent records: remove the theme's extra bottom spacing */
body#home .recent-items .resources {
    margin-bottom: 1.5rem;
}

/* Keep the "View All" button close to its section */
body#home .view-items-link,
body#home .view-collections-link,
body#home .view-exhibits-link {
    margin-top: 0;
}

/* Make homepage section headings more compact */
body#home .title {
    margin-bottom: 1.25rem;
    padding-bottom: .75rem;
}

/* Popular tags should not create a large empty block */
body#home .record-tags.popularity {
    margin-top: 1.5rem;
    margin-bottom: 0;
}


/* =========================================================
   SURE - UUM Blue Footer
   ========================================================= */

.main-footer__top {
    background-color: #394f68;
}

.main-footer__bottom {
    background-color: #26384d;
}


/* =========================================================
   SURE Footer Redesign
   ========================================================= */

.main-footer {
    background-color: #1F4E79;
    color: #ffffff;
}

.main-footer__top {
    background-color: #1F4E79;
}

.main-footer__bottom {
    background-color: #163A5C;
    color: #ffffff;
}

.main-footer a {
    color: #ffffff;
}

.main-footer a:hover,
.main-footer a:focus {
    color: #F2B233;
}

.main-footer__copyright {
    color: #ffffff;
}

.footer_site_info {
    color: #ffffff;
}