<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
.fa-solid, .fa-regular {
  margin-right: 8px;
  color: #111; /* adjust to match your theme */
}
.fa-lg {
  margin-right: 10px;
  vertical-align: middle;
  color: #444; /* darker gray; adjust if you want black or theme color */
}

p i {
  min-width: 20px; /* keeps icons aligned in a neat column */
  text-align: center;
}

nav ul li a {
    background-color: #3A2726 !important;
    color: #FDF8F6 !important;
}

.site-page-pagination a {
    background-color: #3A2726 !important;
    color: #FDF8F6 !important;
    border: none !important;
    padding: 8px 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.home-paper-panel {
    max-width: 700px;
    margin: 1.5rem auto 0.5rem auto !important;
    padding: 1.75rem 3rem !important;
     background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.home-paper-panel p {
  font-size: 0.85rem !important;
  line-height: 1.25 !important;
  margin-bottom: 1rem !important;
}

.home-paper-panel figure,
.home-paper-panel .media-embed {
  max-width: 175px;
  opacity: 0.85;
}

/* Knightlab timeline title */
.tl-headline-title {
  color: #A54F3B !important;
}

/* Knightlab body text */
.tl-text-content p {
  color: #4B3A36 !important;
}



/* Mute the bright TimelineJS era/category colors */
.tl-timeera,
.tl-timeera * {
  filter: saturate(55%) brightness(98%) sepia(6%) !important;
}

/* Upper timeline grouping bands */
.tl-timegroup {
  background-color: #C7B0B0 !important;
}

/* Bottom timeline decade/year labels */
.tl-timeaxis .tl-timeaxis-label {
  color: #4B3A36 !important;
  font-weight: 600 !important;
}

/* Additional TimelineJS axis labels */
.tl-timeaxis text {
  fill: #4B3A36 !important;
  font-weight: 600 !important;
}

/* Timeline event row label */
.tl-timegroup-message {
  color:  #3D2B2B !important;
}

/* Timeline navigation item cards */
.tl-timemarker-content-container {
  background-color: #F7F1EF !important;
  border-color: #C7B0B0 !important;
}

/* Active timeline item */
.tl-timemarker-active .tl-timemarker-content-container {
  background-color: #D8C2C2 !important;
  border-color: #8C6B5A !important;
}

/* Inactive timeline text */
.tl-timemarker .tl-headline {
  color: #6F5650 !important;
}

/* Hide Omeka default page pagination */
.site-page-pagination {
    display: none !important;
}

/* Hide homepage brown nav buttons */
.site-page-home nav.sub-menu ul.navigation {
    display: none !important;
}

nav ul li a {
    background-color: #3A2726 !important;
    color: #FDF8F6 !important;
}

/* Remove button styling inside hamburger dropdown menu */
.oc-push nav ul ul li a {
    background-color: transparent !important;
    color: #3A2726 !important;
    padding: 2px 0 !important;
    display: inline !important;
}

/* Clean remaining top-level hamburger menu buttons */
.oc-push > nav > ul > li > a,
.oc-push nav > ul > li > a {
    background-color: transparent !important;
    color: #3A2726 !important;
    padding: 4px 0 !important;
    display: inline !important;
    font-weight: 600 !important;
}

/* Refine hamburger menu spacing and dividers */
.oc-push nav ul li {
    margin-bottom: 6px !important;
    line-height: 1.35 !important;
}

.oc-push nav ul ul li {
    margin-bottom: 4px !important;
}

/* Soften divider lines */
.oc-push nav hr,
.oc-push .separator,
.oc-push nav li {
    border-color: #D8C8C6 !important;
}

/* Make nested items feel less harsh */
.oc-push nav ul ul li a {
    color: #4B3A36 !important;
    font-weight: 500 !important;
}

/* Add a little breathing room around major sections */
.oc-push nav > ul {
    padding-top: 10px !important;
}

.oc-push nav > ul > li {
    margin-bottom: 8px !important;
}

/* Hide brown nav row ONLY on Themes page */
body.site-page-themes nav.sub-menu {
    display: none !important;
}


/* Themes tile grid */
.theme-tile-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 35px;
    margin-bottom: 50px;
}

/* Individual tile */
.theme-tile-grid a {
    display: block;
    transition: transform 0.25s ease;
}

/* Hover effect */
.theme-tile-grid a:hover {
    transform: translateY(-4px);
}

/* Tile images */
.theme-tile-grid img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
    box-shadow: 0 4px 14px rgba(0,0,0,0.10);
}

/* Tablet */
@media (max-width: 1000px) {
    .theme-tile-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 680px) {
    .theme-tile-grid {
        grid-template-columns: 1fr;
    }
}

/* Hide breadcrumb bar */
.breadcrumbs {
    display: none !important;
}

/* Theme feature layout */
.theme-feature {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 55px;
  align-items: center;
  margin: 70px auto;
  max-width: 1100px;
}

.theme-feature.reverse {
  grid-template-columns: 0.9fr 1.1fr;
}

.theme-feature img {
  width: 100%;
  height: auto;
  display: block;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

.theme-feature-text {
  max-width: 430px;
}

.theme-feature-text h2 {
  color: #A54F3B;
  font-size: 1.8em;
  margin-bottom: 18px;
}

.theme-feature-text p {
  line-height: 1.7;
  font-size: 1.05em;
}

.theme-caption {
  border-top: 1px solid #8C6B5A;
  margin-top: 28px;
  padding-top: 18px;
  color: #5A3E36;
  font-size: 0.95em;
}

/* Mobile */
@media (max-width: 800px) {
  .theme-feature,
  .theme-feature.reverse {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}


/* Recommended Reading dropdown section */

.recommended-reading {
  max-width: 900px;
  margin: 3rem auto;
  padding: 0 1.25rem;
  font-family: Karla, Arial, sans-serif;
  color: #3A2726;
}

.recommended-reading h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2rem;
  color: #8A3D49;
  margin-bottom: 0.5rem;
}

.reading-intro {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  color: #5A3E36;
}

.recommended-reading details {
  border-top: 1px solid #D8B8B8;
  padding: 1rem 0;
}

.recommended-reading details:last-of-type {
  border-bottom: 1px solid #D8B8B8;
}

.recommended-reading summary {
  cursor: pointer;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.5rem !important;
  font-weight: 700;
  color: #8A3D49;
  line-height: 1.35;
  list-style: none;
}

.recommended-reading summary::-webkit-details-marker {
  display: none;
}

.recommended-reading summary::after {
  content: "+";
  float: right;
  font-family: Karla, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #8A3D49;
}

.recommended-reading details[open] summary::after {
  content: "−";
}

.reading-content {
  margin-top: 0.85rem;
  padding-left: 0.25rem;
  font-size: 1rem;
  line-height: 1.55;
}

.reading-content p {
  margin-bottom: 0.85rem;
}



.reopening-section,
.home-announcement {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.exhibit-nav-buttons a,
.begin-exhibit a {
  min-width: 190px;
  padding: 1rem 1.5rem;
  font-size: 1.25rem;
}

.exhibit-nav-buttons,
.begin-exhibit {
  gap: 1.25rem;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}

.site-footer,
footer {
  margin-top: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* Softness exhibit banner sizing across all pages */

.banner.contained {
  max-width: 1200px !important;
  margin: 0 auto 2rem auto !important;
  padding: 0 1rem !important;
  text-align: center !important;
}

.banner.contained img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 400px !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

body.site-page-themes h1 {
  color: #A54F3B !important;
  font-size: 2.4rem !important;
  margin-bottom: 2rem !important;
}

/* Themes page tile sizing without cropping */

.theme-tile-grid {
  max-width: 1150px;
  margin: 35px auto 50px auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.theme-tile-grid img {
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  border-radius: 8px;
  display: block;
  box-shadow: 0 4px 14px rgba(0,0,0,0.10);
}


/* Softness exhibit page title styling */

#content .block-page-title {
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
}

#content .block-page-title h1,
#content .block-page-title h2,
#content h1 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  color: #3D2B2B !important;
  font-size: 2rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* Softness exhibit intro paragraph styling */

#content .block-html > p:first-child {
  font-family: Georgia, serif !important;
  color: #111 !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  max-width: 1150px !important;
  margin-bottom: 2rem !important;
}


/* Item Carousel: clean stacked exhibit style */

.item-carousel {
  max-width: 820px !important;
  margin: 2rem auto 3rem auto !important;
}

/* Image sizing */
.item-carousel .slick-slide img,
.item-carousel img {
  display: block !important;
  max-width: 760px !important;
  max-height: 68vh !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto 1rem auto !important;
  object-fit: contain !important;
}

/* Remove inherited link styling from carousel */
.item-carousel .slick-slide a,
.item-carousel .slick-slide a:link,
.item-carousel .slick-slide a:visited,
.item-carousel .slick-slide a:hover,
.item-carousel .slick-slide a:active {
  color: #5A3E36 !important;
  text-decoration: none !important;
}

/* Caption/title wrapper */
.item-carousel .slide-text {
  max-width: 620px !important;
  margin: 0 auto !important;
  text-align: left !important;
}

/* Title */
.item-carousel .slide-text .title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  color: #8A3D49 !important;
  font-size: 1.05rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin: 0.5rem 0 0.35rem 0 !important;
  text-align: left !important;
  text-decoration: none !important;
}

/* Caption text */
.item-carousel .slide-text .caption,
.item-carousel .slide-text .caption p,
.item-carousel .slide-text .caption * {
  font-family: Karla, Arial, sans-serif !important;
  color: #5A3E36 !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  margin-bottom: 0.55rem !important;
  text-align: left !important;
  text-decoration: none !important;
}

/* Carousel arrows */
.item-carousel .slick-prev,
.item-carousel .slick-next,
.slick-prev,
.slick-next {
  color: #3A2726 !important;
}

/* Strong carousel text color override */

.block.item-carousel .slick-slide .slide-text,
.block.item-carousel .slick-slide .slide-text *,
.item-carousel .slick-slide .slide-text,
.item-carousel .slick-slide .slide-text * {
  text-decoration: none !important;
}

/* Title color */
.block.item-carousel .slick-slide .slide-text .title,
.block.item-carousel .slick-slide .slide-text .title *,
.item-carousel .slick-slide .slide-text .title,
.item-carousel .slick-slide .slide-text .title * {
  color: #8A3D49 !important;
  -webkit-text-fill-color: #8A3D49 !important;
}

/* Caption color */
.block.item-carousel .slick-slide .slide-text .caption,
.block.item-carousel .slick-slide .slide-text .caption *,
.block.item-carousel .slick-slide .slide-text .caption p,
.item-carousel .slick-slide .slide-text .caption,
.item-carousel .slick-slide .slide-text .caption *,
.item-carousel .slick-slide .slide-text .caption p {
  color: #5A3E36 !important;
  -webkit-text-fill-color: #5A3E36 !important;
}


/* Carousel text colors - direct Slick override */

.slick-slide .slide-text .title,
.slick-slide .title {
  color: #8A3D49 !important;
  -webkit-text-fill-color: #8A3D49 !important;
  text-decoration: none !important;
}

.slick-slide .slide-text .caption,
.slick-slide .slide-text .caption p,
.slick-slide .caption,
.slick-slide .caption p {
  color: #5A3E36 !important;
  -webkit-text-fill-color: #5A3E36 !important;
  text-decoration: none !important;
}