/*
Theme Name:   From Here On Child
Theme URI:    https://fromhereonhub.com
Description:  Diamond brand child theme for From Here On.
Author:       From Here On
Template:     kadence
Version:      4.0.0
Text Domain:  fromhereon-child
*/

@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Montserrat:wght@300;400;500;600;700&display=swap");

html, body, #page, #wrapper, .site, .wp-site-blocks,
.site-container, .site-content, .content-area, #primary,
main, .site-main, .entry-content {
  background-color: #0A0A0A !important;
  color: #C9C9C9 !important;
}
body {
  background-color: #0A0A0A !important;
  font-family: Montserrat, sans-serif !important;
  font-weight: 300 !important;
}
h1, h2, h3, h4, h5, h6,
.entry-title, .entry-title a, .page-title, .site-title {
  font-family: Cinzel, Georgia, serif !important;
  color: #FFFFFF !important;
  letter-spacing: 0.04em !important;
}
.entry-title a:hover { color: #FF2D8D !important; }
a { color: #FF2D8D !important; text-decoration: none !important; }
a:hover { color: #D4AF37 !important; }
.site-header, header.site-header, #masthead,
.kadence-header, .site-header-wrap, .header-wrap {
  background: #0A0A0A !important;
  background-color: #0A0A0A !important;
  border-bottom: 1px solid #D4AF37 !important;
}
.main-navigation, .kadence-navigation, nav, .header-navigation {
  background: #0A0A0A !important;
  background-color: #0A0A0A !important;
}
.main-navigation a, .kadence-navigation a, nav a {
  color: #FFFFFF !important;
  font-family: Montserrat, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
}
.main-navigation a:hover, nav a:hover { color: #FF2D8D !important; }
.sub-menu { background: #141414 !important; border: 1px solid #D4AF37 !important; }
.site-footer, footer, #colophon, .footer-wrap,
.footer-middle-section, .footer-bottom-section {
  background: #0A0A0A !important;
  background-color: #0A0A0A !important;
  border-top: 1px solid #D4AF37 !important;
  color: #C9C9C9 !important;
}
.site-footer a, footer a { color: #FF2D8D !important; }
.site-footer a:hover, footer a:hover { color: #D4AF37 !important; }
.site-footer p, .site-info { color: #C9C9C9 !important; font-size: 13px !important; }
article, .entry, .post, .hentry, .wp-block-post, .kb-post {
  background: #141414 !important;
  background-color: #141414 !important;
  border: 1px solid #1C1C1C !important;
}
article:hover, .wp-block-post:hover { border-color: #D4AF37 !important; }
.cat-links a, .category-label, .wp-block-post-terms a, a[rel="category tag"] {
  color: #FF2D8D !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}
.entry-meta, .posted-on, .byline, .post-date { color: #D4AF37 !important; font-size: 12px !important; }
p, .entry-content p { color: #C9C9C9 !important; }
.wp-block-button__link, .button, input[type="submit"],
button[type="submit"], .read-more, .more-link {
  background: #FF2D8D !important;
  background-color: #FF2D8D !important;
  color: #FFFFFF !important;
  font-family: Montserrat, sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 0 !important;
}
.wp-block-button__link:hover, .button:hover,
input[type="submit"]:hover, .read-more:hover {
  background: #D4AF37 !important;
  color: #0A0A0A !important;
}
blockquote, .wp-block-quote {
  background: #141414 !important;
  border-left: 4px solid #FF2D8D !important;
  color: #C9C9C9 !important;
  padding: 20px 24px !important;
}
.widget, .sidebar, #secondary, aside { background: #141414 !important; }
.widget-title, .widgettitle {
  font-family: Cinzel, Georgia, serif !important;
  color: #D4AF37 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
}
input[type="text"], input[type="email"], input[type="search"], textarea {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid #D4AF37 !important;
  color: #FFFFFF !important;
  border-radius: 0 !important;
}
.has-white-background-color, .has-light-gray-background-color,
.has-very-light-gray-background-color, .has-background {
  background-color: #141414 !important;
}
div[class*="kb-"], div[class*="kt-"],
.kb-row-layout-wrap, .kb-row-layout-inner, .kt-row-layout-inner {
  background-color: #0A0A0A !important;
}

/* ============================================================
   Mobile responsive fixes + hide duplicate entry-header title
   ============================================================ */

.entry-header { display: none !important; }

@media (max-width: 860px) {
  .entry-content > div[style*="display:flex"] {
    flex-direction: column !important;
  }
  .entry-content div[style*="width:300px"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 40px !important;
  }
  .entry-content div[style*="max-width:680px"] {
    max-width: 100% !important;
  }
  .entry-content div[style*="max-width:1100px"] {
    padding: 0 16px !important;
  }
  .entry-content div[style*="min-height:340px"] {
    min-height: 220px !important;
  }
  .entry-content div[style*="padding:48px 56px"] {
    padding: 24px 20px 24px 60px !important;
  }
  .entry-content div[style*="padding:36px 40px"] {
    padding: 20px !important;
  }
  .entry-content h2 {
    font-size: 22px !important;
    word-break: normal !important;
  }
  .entry-header {
    display: none !important;
  }
}