/* =============================================
   THE STORY CELLAR — Custom Stylesheet
   Eau de Nil: #5a9e96  |  Sunshine: #f9f3d6
   Charcoal: #2c2c2a    |  Gold: #d3c98a
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Lato:wght@300;400&display=swap');

/* --- Body & Base --- */
body {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  background-color: #fffdf7;
  color: #2c2c2a;
}

/* --- HEADER: classic pages (About, Blog, Opening Hours etc) --- */
#masthead,
.site-header {
  background-color: #5a9e96 !important;
  padding: 16px 32px !important;
}

.site-title a,
.site-title a:visited {
  font-family: 'Playfair Display', serif !important;
  font-weight: 400 !important;
  color: #fffdf7 !important;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.site-description {
  font-family: 'Lato', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  letter-spacing: 0.1em;
  color: rgba(255,253,247,0.75) !important;
}

.main-navigation,
.main-navigation ul {
  background-color: #5a9e96 !important;
}

.main-navigation a,
.main-navigation a:visited {
  font-family: 'Lato', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,253,247,0.85) !important;
  text-decoration: none;
}

.main-navigation a:hover {
  color: #fffdf7 !important;
}

/* --- HEADER: homepage (block markup) --- */
header.wp-block-group {
  background-color: #5a9e96 !important;
  padding: 16px 32px !important;
}

.wp-block-site-title a,
.wp-block-site-title a:visited {
  font-family: 'Playfair Display', serif !important;
  font-weight: 400 !important;
  color: #fffdf7 !important;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.wp-block-navigation a,
.wp-block-navigation a:visited {
  font-family: 'Lato', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,253,247,0.85) !important;
  text-decoration: none;
}

.wp-block-navigation a:hover {
  color: #fffdf7 !important;
}

/* --- Headings --- */
h1, h2, h3, h4 {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  color: #2c2c2a;
}

h4 {
  font-style: italic;
}

/* --- Body text --- */
p, li {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  line-height: 1.75;
}

/* --- Links in content --- */
.entry-content a,
.wp-block-post-content a {
  color: #5a9e96;
  text-decoration: none;
}

.entry-content a:hover,
.wp-block-post-content a:hover {
  color: #3d7a73;
  text-decoration: underline;
}

/* --- Buttons --- */
.wp-block-button__link,
.wp-element-button,
a.wp-block-button__link,
input[type="submit"],
button[type="submit"] {
  background-color: #5a9e96 !important;
  color: #fffdf7 !important;
  border: none !important;
  border-radius: 2px !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 12px 24px !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  background-color: #3d7a73 !important;
  color: #fffdf7 !important;
}

/* --- Dividers --- */
hr, .wp-block-separator {
  border-color: #d3c98a;
  opacity: 0.6;
}

/* --- Footer --- */
.site-footer,
footer.wp-block-group,
.wp-block-template-part footer {
  background-color: #2c2c2a !important;
  color: #d3c98a !important;
  padding: 24px 32px !important;
}

.site-footer a,
.site-footer a:visited,
footer.wp-block-group a,
footer.wp-block-group a:visited {
  color: rgba(211,201,138,0.7) !important;
}

.site-footer a:hover,
footer.wp-block-group a:hover {
  color: #d3c98a !important;
}

/* --- Hever decorative title lines --- */
.singular .hentry .entry-header .entry-title::before,
.singular .hentry .entry-header .entry-title::after,
.page-title::before,
.page-title::after {
  background: #5a9e96;
}