.banner container {
width: 750px;
}

#site-title {
position:relative
}

#search-container.with-advanced {
position:relative
}

#primary-nav a {
font-size:16px;
font-weight:700
}

#primary-nav li.active a {
color:#602c8a
}

#primary-nav a:link {
color:#602c8a
}

#primary-nav a:visited {
color:#602c8a
}

#primary-nav a:hover {
color:#333
}

#primary-nav a:active {
color:#602c8a
}

#exhibit-pages a {
font-size:16px
}

p {
font-size:16px
}

ul {
font-size:16px
}

ol {
font-size:16px
}

a:link {
color:#602c8a
}

a:visited {
color:#602c8a
}

a:hover {
color:#333
}

a:active {
color:#602c8a
}

h1 {
color:#602c8a
}

h2 {
color:#602c8a
}

h3 {
color:#602c8a
}

h4 {
color:#333
}

h5 {
color:#333
}

h6 {
color:#333
}

/* ============================================================
   GLOBAL RESETS (for media embed blocks using .custom-media)
   ============================================================ */

.custom-media .file,
.custom-media .file .item.resource,
.custom-media .file.left .item.resource,
.custom-media .file.right .item.resource,
.custom-media .file.center {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

 
.custom-media .media-embed.media-display-thumbnail {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.25rem !important;
    align-items: start;
}

 
.custom-media .media-embed.media-display-thumbnail .item.resource {
    padding: 0;
    margin: 0 !important;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);
    background: #fff; /* optional but recommended for cards */
    display: flex;
    flex-direction: column;
}

/* =======================================
   RESPONSIVE THUMBNAILS
   ======================================= */

 
.custom-media .media-embed.media-display-thumbnail .item.resource img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important; /* Pick 4:3 or 3:2 */
    object-fit: cover !important;
    display: block;
    max-height: none !important;
}

 
.custom-media .media-embed.media-display-thumbnail .item.resource h3,
.custom-media .media-embed.media-display-thumbnail .item.resource .caption {
    margin: 1rem;
}

.custom-media .media-embed.media-display-thumbnail {
    justify-content: start;
    grid-template-columns: repeat(auto-fill, minmax(260px, 320px));
}