/*
Theme Name: Digital Hyve Theme
Theme URI: https://github.com/extendify/extendable
Template: extendable
Author: Extendify
Author URI: https://extendify.com
Description: Extendable is a distinct, dynamic block theme designed as a canvas for your next online venture. Sporting multiple style variations, Extendable is the most expressive block theme yet. Go fresh, bold, bohemian or minimal — with a single click.
Tags: one-column,custom-colors,custom-menu,custom-logo,e-commerce,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments
Version: 2.1.3.1774476089
Updated: 2026-03-25 22:01:29
/* ========================================
   DIGITAL HYVE — GLOBAL BRAND STYLES
   Add this to the bottom of your
   extendable-child/style.css file
   ======================================== */

/* ========== GLOBAL FOUNDATIONS ========== */
body,
.wp-site-blocks,
.entry-content,
.site,
html {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background-color: #F5F5F0 !important;
  color: #0A0A0A !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ========== TYPOGRAPHY ========== */

h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.entry-title,
.page-title,
.site-title,
.wp-block-heading {
  font-family: 'Syne', sans-serif !important;
  font-weight: 800 !important;
  color: #0A0A0A !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

h1, .wp-block-post-title, .entry-title {
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  margin-bottom: 1rem !important;
}

h2, .wp-block-heading[data-level="2"] {
  font-size: clamp(1.3rem, 2.5vw, 1.8rem) !important;
}

h3 {
  font-size: clamp(1.1rem, 2vw, 1.4rem) !important;
}

h4, h5, h6 {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem) !important;
}

p, li, td, th, span, label,
.entry-content,
.wp-block-paragraph {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.75 !important;
  color: #2a2a2a !important;
}

.entry-content p,
.wp-block-post-content p {
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  margin-bottom: 1.5rem !important;
  color: #2a2a2a !important;
}

/* ========== LINKS ========== */
a {
  color: #0A0A0A !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

a:hover,
a:focus {
  color: #FFD60A !important;
  text-decoration: none !important;
}

.wp-block-post-title a,
.entry-title a {
  color: #0A0A0A !important;
}

.wp-block-post-title a:hover,
.entry-title a:hover {
  color: #FFD60A !important;
}

/* ========== BUTTONS ========== */
.wp-block-button__link,
.wp-element-button,
button,
input[type="submit"],
.wp-block-search__button {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  background-color: #FFD60A !important;
  color: #0A0A0A !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.8rem 1.6rem !important;
  cursor: pointer !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
button:hover,
input[type="submit"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 20px rgba(255,214,10,0.25) !important;
  background-color: #FFD60A !important;
  color: #0A0A0A !important;
}

/* ========== HEADER / NAVIGATION ========== */
header,
.wp-block-template-part[data-type="header"],
.site-header {
  background-color: #0A0A0A !important;
  border-bottom: 1px solid rgba(255,214,10,0.08) !important;
  padding: 0.75rem 1.5rem !important;
}

.wp-block-site-title,
.wp-block-site-title a {
  font-family: 'Syne', sans-serif !important;
  font-weight: 800 !important;
  color: #F5F5F0 !important;
  font-size: 1.1rem !important;
  letter-spacing: -0.02em !important;
}

.wp-block-navigation a,
.wp-block-navigation-item a,
.wp-block-navigation .wp-block-navigation-item__content,
header a,
nav a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #c2c2bd !important;
}

.wp-block-navigation a:hover,
.wp-block-navigation-item a:hover,
header a:hover,
nav a:hover {
  color: #FFD60A !important;
}

/* Header elements should stay light on dark header */
header h1, header h2, header h3,
header span, header p,
.site-header h1, .site-header span {
  color: #F5F5F0 !important;
}

/* Mobile menu */
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container.is-menu-open {
  background-color: rgba(10,10,10,0.98) !important;
}

.wp-block-navigation__responsive-container .wp-block-navigation-item a {
  color: #F5F5F0 !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.2rem !important;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  color: #F5F5F0 !important;
}

/* ========== FOOTER ========== */
footer,
.wp-block-template-part[data-type="footer"],
.site-footer {
  background-color: #0A0A0A !important;
  border-top: 1px solid rgba(255,214,10,0.06) !important;
  color: #b8b8b3 !important;
  padding: 3rem 1.5rem 2rem !important;
}

footer p, footer span, footer li,
.site-footer p, .site-footer span {
  color: #b8b8b3 !important;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.site-footer h1, .site-footer h2, .site-footer h3 {
  color: #F5F5F0 !important;
}

footer a,
.site-footer a {
  color: #b8b8b3 !important;
}

footer a:hover,
.site-footer a:hover {
  color: #FFD60A !important;
}

/* ========== MAIN CONTENT AREA ========== */
main,
.wp-block-post-content,
.entry-content,
.page-content,
article {
  background-color: #F5F5F0 !important;
}

.wp-block-post-content,
.entry-content {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 2rem 1.25rem !important;
}

/* ========== BLOG POST CARDS ========== */
.wp-block-post,
.wp-block-query .wp-block-post {
  background-color: #FFFFFF !important;
  border-radius: 10px !important;
  border: 1px solid rgba(10,10,10,0.08) !important;
  overflow: hidden !important;
  transition: transform 0.3s, box-shadow 0.3s !important;
}

.wp-block-post:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 30px rgba(10,10,10,0.1) !important;
}

/* Category / tag labels */
.wp-block-post-terms a,
.cat-links a,
.tag-links a,
.taxonomy-category a {
  font-weight: 700 !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #0A0A0A !important;
  background: #FFD60A !important;
  padding: 0.25rem 0.6rem !important;
  border-radius: 3px !important;
  display: inline-block !important;
}

.wp-block-post-terms a:hover {
  background: #0A0A0A !important;
  color: #FFD60A !important;
}

/* Post date / metadata */
.wp-block-post-date,
.posted-on,
.entry-meta,
time {
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: #8a8a86 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* Post excerpts */
.wp-block-post-excerpt,
.entry-summary,
.wp-block-post-excerpt__excerpt {
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
  color: #6b6b66 !important;
}

/* Featured image */
.wp-block-post-featured-image img {
  border-radius: 10px !important;
}

/* ========== SIDEBAR / WIDGETS ========== */
.widget,
.wp-block-widget {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(10,10,10,0.06) !important;
  border-radius: 8px !important;
  padding: 1.5rem !important;
}

.widget-title,
.wp-block-heading {
  font-family: 'Syne', sans-serif !important;
  color: #0A0A0A !important;
}

/* ========== FORMS / INPUTS ========== */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="password"],
textarea,
select,
.wp-block-search__input {
  background: #FFFFFF !important;
  border: 1px solid rgba(10,10,10,0.12) !important;
  border-radius: 4px !important;
  padding: 0.85rem 1rem !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.9rem !important;
  color: #0A0A0A !important;
  outline: none !important;
  transition: border-color 0.25s !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #FFD60A !important;
}

input::placeholder,
textarea::placeholder {
  color: #8a8a86 !important;
}

/* ========== BLOCKQUOTES ========== */
blockquote,
.wp-block-quote {
  border-left: 3px solid #FFD60A !important;
  padding-left: 1.25rem !important;
  margin: 1.5rem 0 !important;
  font-style: italic !important;
  color: #6b6b66 !important;
}

/* ========== CODE BLOCKS ========== */
pre, code,
.wp-block-code {
  background: #0A0A0A !important;
  color: #FFD60A !important;
  border-radius: 6px !important;
  font-size: 0.88rem !important;
  padding: 1rem !important;
}

/* ========== HORIZONTAL RULE ========== */
hr,
.wp-block-separator {
  border-color: rgba(10,10,10,0.1) !important;
  opacity: 1 !important;
}

/* ========== IMAGES ========== */
figure,
.wp-block-image {
  border-radius: 8px !important;
  overflow: hidden !important;
}

figcaption,
.wp-block-image figcaption {
  font-size: 0.8rem !important;
  color: #8a8a86 !important;
  font-weight: 500 !important;
  margin-top: 0.5rem !important;
}

/* ========== TABLES ========== */
table, .wp-block-table table {
  border-collapse: collapse !important;
}

th {
  background: #0A0A0A !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  color: #FFD60A !important;
}

td, th {
  border: 1px solid rgba(10,10,10,0.1) !important;
  padding: 0.75rem 1rem !important;
}

td {
  color: #2a2a2a !important;
}

/* ========== PAGINATION ========== */
.wp-block-query-pagination a,
.nav-links a,
.page-numbers {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  color: #0A0A0A !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(10,10,10,0.1) !important;
  border-radius: 4px !important;
  padding: 0.5rem 0.85rem !important;
}

.wp-block-query-pagination a:hover,
.nav-links a:hover {
  background: #FFD60A !important;
  color: #0A0A0A !important;
  border-color: #FFD60A !important;
}

.page-numbers.current {
  background: #FFD60A !important;
  color: #0A0A0A !important;
  border-color: #FFD60A !important;
}

/* ========== COMMENTS ========== */
.comment-body,
.wp-block-comment-template {
  background: #FFFFFF !important;
  border: 1px solid rgba(10,10,10,0.06) !important;
  border-radius: 8px !important;
  padding: 1.5rem !important;
  margin-bottom: 1rem !important;
}

.comment-author,
.comment-author a {
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  color: #0A0A0A !important;
}

/* ========== SELECTION HIGHLIGHT ========== */
::selection {
  background: #FFD60A !important;
  color: #0A0A0A !important;
}

::-moz-selection {
  background: #FFD60A !important;
  color: #0A0A0A !important;
}

/* ========== SCROLLBAR ========== */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #F5F5F0;
}

::-webkit-scrollbar-thumb {
  background: #c2c2bd;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #FFD60A;
}

*/