@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Outfit:wght@300;400;500&display=swap");

:root {
  --ink: #090908;
  --paper: #f4efe6;
  --gold: #e0b56a;
  --bar: 84px;
}

body,
#boxed-wrapper,
#wrapper,
#main,
#content,
.fusion-footer,
.fusion-footer-copyright-area {
  background: var(--ink) !important;
  color: var(--paper) !important;
}

/* Turn the left sidebar into a slim bar across the top. */
body.side-header #wrapper,
.side-header-left #wrapper,
.side-header-right #wrapper {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: var(--bar) !important;
  width: 100% !important;
  max-width: none !important;
}

#side-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: var(--bar) !important;
  max-height: var(--bar) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 0 28px !important;
  background: rgba(9, 9, 8, 0.92) !important;
  border-bottom: 1px solid rgba(224, 181, 106, 0.35) !important;
  box-shadow: none !important;
  z-index: 100000 !important;
  overflow: visible !important;
}

#side-header .side-header-wrapper,
#side-header .side-header-content,
#side-header .fusion-main-menu-container,
#side-header .fusion-logo-menu-left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: auto !important;
  height: var(--bar) !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#side-header .side-header-content {
  flex: 1 1 auto !important;
  gap: 28px !important;
}

.fusion-logo,
.fusion-logo-link {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 0 !important;
}

.fusion-logo img,
.fusion-standard-logo {
  width: auto !important;
  height: 54px !important;
  max-height: 54px !important;
  max-width: 160px !important;
  object-fit: cover !important;
  object-position: center !important;
  box-shadow: none !important;
}

#side-header .fusion-main-menu,
#side-header .fusion-menu {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: auto !important;
  float: none !important;
}

#side-header .fusion-menu > li {
  display: block !important;
  width: auto !important;
  float: none !important;
  border: 0 !important;
  margin: 0 !important;
}

#side-header .fusion-menu > li > a,
#side-header .menu-text {
  color: var(--paper) !important;
  font-family: Outfit, "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  padding: 8px 14px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#side-header .current-menu-item > a,
#side-header .current-menu-item .menu-text,
#side-header .fusion-menu > li > a:hover,
#side-header .fusion-menu > li > a:hover .menu-text {
  color: var(--gold) !important;
  border-color: transparent !important;
}

#side-header .side-header-content-1,
#side-header .fusion-social-links-header,
#side-header .fusion-social-networks-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 0 auto !important;
  width: auto !important;
  float: none !important;
}

#side-header .fusion-header-content-3-wrapper,
#side-header .fusion-header-tagline,
#side-header .side-header-content-2,
#side-header .fusion-secondary-menu,
#side-header .fusion-main-menu-search,
.home .avada-page-titlebar-wrapper,
.home .fusion-page-title-bar {
  display: none !important;
}

#side-header .fusion-social-network-icon {
  color: var(--gold) !important;
  border: 1px solid rgba(224, 181, 106, 0.45) !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
}

/* Opening line, then a full-bleed photo wall. */
#main,
#content,
.fusion-row,
.post-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.post-content > h3,
.post-content > h3 strong {
  display: block !important;
  max-width: 16em !important;
  margin: 0 auto !important;
  padding: 9vh 8vw 6vh !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 500 !important;
  font-style: italic !important;
  font-size: clamp(2.6rem, 5.4vw, 5.4rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.03em !important;
  text-align: center !important;
  color: var(--paper) !important;
}

.post-content > h3 {
  position: relative !important;
}

.post-content > h3::after {
  content: "";
  display: block;
  width: 72px;
  height: 1px;
  margin: 28px auto 0;
  background: var(--gold);
}

.ngg-galleryoverview {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1fr !important;
  grid-auto-rows: 240px !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 10px 48px !important;
}

.ngg-gallery-thumbnail-box {
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

.ngg-gallery-thumbnail-box:nth-child(1) {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 3 !important;
}

.ngg-gallery-thumbnail-box:nth-child(2) {
  grid-column: 2 / 4 !important;
  grid-row: 1 / 2 !important;
}

.ngg-gallery-thumbnail,
.ngg-gallery-thumbnail a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

.ngg-gallery-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.8s ease, filter 0.8s ease !important;
  filter: saturate(0.86) !important;
}

.ngg-gallery-thumbnail:hover img {
  transform: scale(1.06) !important;
  filter: saturate(1.05) contrast(1.05) !important;
}

.ngg-gallery-thumbnail a::after {
  content: "View";
  position: absolute;
  left: 16px;
  bottom: 14px;
  color: var(--paper);
  font-family: Outfit, sans-serif;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ngg-gallery-thumbnail:hover a::after {
  opacity: 1;
}

.ngg-navigation {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 0 64px !important;
}

.ngg-navigation a {
  color: var(--paper) !important;
  border: 1px solid rgba(224, 181, 106, 0.45) !important;
  padding: 8px 14px !important;
  text-decoration: none !important;
}

.ngg-navigation a:hover {
  background: var(--gold) !important;
  color: var(--ink) !important;
}

#footer,
.fusion-footer-copyright-area {
  background: #050504 !important;
  border-top: 1px solid rgba(224, 181, 106, 0.25) !important;
}

.fusion-page-title-captions .entry-title,
.entry-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 500 !important;
  color: var(--paper) !important;
}

@media (max-width: 800px) {
  :root { --bar: 72px; }

  #side-header {
    padding: 0 12px !important;
  }

  #side-header .fusion-menu {
    display: none !important;
  }

  .post-content > h3,
  .post-content > h3 strong {
    font-size: 2.3rem !important;
    padding: 36px 22px 28px !important;
  }

  .ngg-galleryoverview {
    grid-template-columns: 1fr 1fr !important;
    grid-auto-rows: 150px !important;
    padding: 0 6px 32px !important;
  }

  .ngg-gallery-thumbnail-box:nth-child(1) {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    height: 240px !important;
  }

  .ngg-gallery-thumbnail-box:nth-child(2) {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}