.wp-site-blocks {
min-height: 100vh;
background: transparent !important;
}.wp-site-blocks > .wp-block-template-part,
.wp-site-blocks > .wp-block-group,
.hhc-site-header.wp-block-group,
.hhc-site-footer.wp-block-group,
.hhc-main.wp-block-group {
margin-block-start: 0 !important;
}.wp-site-blocks > .wp-block-template-part.hhc-header-template-part,
.wp-site-blocks > .wp-block-template-part.hhc-footer-template-part {
width: 100%;
max-width: none !important;
margin-inline: 0 !important;
background: transparent !important;
}.wp-site-blocks > .wp-block-template-part.hhc-header-template-part,
.hhc-header-template-part {
position: sticky !important;
top: 0 !important;
z-index: var(--hhc-z-header, 50) !important;
width: 100%;
max-width: none !important;
margin: 0 !important;
background: color-mix(in srgb, var(--hhc-color-page-bg) 82%, transparent) !important;
border-bottom: 1px solid var(--hhc-color-card-border) !important;
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
transition: background var(--hhc-motion-normal), border-color var(--hhc-motion-normal), box-shadow var(--hhc-motion-normal);
}body.admin-bar .wp-site-blocks > .wp-block-template-part.hhc-header-template-part,
body.admin-bar .hhc-header-template-part {
top: 32px !important;
}.hhc-header-template-part .hhc-site-header,
.hhc-site-header.wp-block-group {
position: relative !important;
top: auto !important;
z-index: auto !important;
width: 100%;
max-width: none !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}.hhc-site-header > .hhc-header-inner,
.hhc-header-template-part .hhc-header-inner,
.hhc-header-inner.wp-block-group {
width: var(--hhc-container) !important;
max-width: var(--hhc-container) !important;
min-height: var(--hhc-header-height, 76px) !important;
margin-inline: auto !important;
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: var(--hhc-layout-gap) !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
transition: min-height 180ms ease, gap 180ms ease;
}.hhc-site-header .hhc-branding,
.hhc-header-template-part .hhc-branding,
.hhc-branding.wp-block-group {
flex: 0 1 auto !important;
min-width: 0;
max-width: min(42vw, 430px) !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}.hhc-site-header .wp-block-site-logo,
.hhc-site-header .wp-block-site-logo a,
.hhc-site-header .wp-block-site-logo img,
.hhc-site-header .custom-logo-link,
.hhc-site-header .custom-logo-link img {
display: block !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}.hhc-site-header .wp-block-site-logo img,
.hhc-site-header .custom-logo-link img,
.hhc-site-header .hhc-default-logo {
width: var(--hhc-header-logo-size) !important;
height: var(--hhc-header-logo-size) !important;
max-width: var(--hhc-header-logo-size) !important;
max-height: var(--hhc-header-logo-size) !important;
object-fit: contain !important;
transition: width 220ms ease, height 220ms ease, max-width 220ms ease, max-height 220ms ease;
}.hhc-site-header .hhc-mode-logo .hhc-logo-light {
display: none !important;
}.hhc-site-header .hhc-mode-logo .hhc-logo-dark {
display: block !important;
}html[data-hhc-color-mode="gunduz"] .hhc-site-header .hhc-mode-logo .hhc-logo-dark {
display: none !important;
}html[data-hhc-color-mode="gunduz"] .hhc-site-header .hhc-mode-logo .hhc-logo-light {
display: block !important;
}.hhc-site-header .wp-block-site-logo:empty,
.hhc-site-header .wp-block-site-logo:not(:has(img)) {
display: none !important;
}.hhc-site-header .hhc-branding-text,
.hhc-header-template-part .hhc-branding-text,
.hhc-branding-text.wp-block-group {
min-width: 0;
max-width: 100%;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 5px !important;
align-items: start !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}.hhc-site-header .hhc-site-title,
.hhc-site-header .hhc-site-title a,
.hhc-site-header .wp-block-site-title,
.hhc-site-header .wp-block-site-title a {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
color: var(--hhc-color-text-strong) !important;
line-height: var(--hhc-leading-none) !important;
white-space: nowrap !important;
text-decoration: none !important;
}.hhc-site-header .hhc-site-description,
.hhc-site-header .wp-block-site-tagline,
.hhc-site-header .hhc-branding-text .wp-block-site-tagline {
display: block !important;
grid-column: 1;
margin: 0 !important;
color: var(--hhc-color-text-muted) !important;
font-size: var(--hhc-font-size-site-description, var(--hhc-font-size-small)) !important;
line-height: var(--hhc-leading-normal) !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
transition: opacity 160ms ease, transform 160ms ease, max-height 160ms ease, margin 160ms ease;
}.hhc-header-actions {
flex: 0 0 auto !important;
margin-left: 0 !important;
}html[data-hhc-color-mode="gunduz"] .wp-site-blocks > .wp-block-template-part.hhc-header-template-part,
html[data-hhc-color-mode="gunduz"] .hhc-header-template-part {
background: color-mix(in srgb, var(--hhc-color-page-bg) 88%, transparent) !important;
border-bottom-color: var(--hhc-border-soft) !important;
}body.hhc-header-scrolled .wp-site-blocks > .wp-block-template-part.hhc-header-template-part,
body.hhc-header-scrolled .hhc-header-template-part {
background: color-mix(in srgb, var(--hhc-color-header-bg-scrolled) 96%, transparent) !important;
border-bottom-color: var(--hhc-border-soft) !important;
box-shadow: var(--hhc-shadow-soft) !important;
}body.hhc-header-scrolled .hhc-site-header > .hhc-header-inner,
body.hhc-header-scrolled .hhc-header-template-part .hhc-header-inner,
.hhc-site-header.is-scrolled > .hhc-header-inner,
.hhc-header-template-part .hhc-site-header.is-scrolled .hhc-header-inner,
.hhc-site-header.is-scrolled .hhc-header-inner.wp-block-group {
min-height: 54px !important;
}body.hhc-header-scrolled .hhc-site-header .hhc-site-title,
body.hhc-header-scrolled .hhc-site-header .wp-block-site-title,
body.hhc-header-scrolled .hhc-site-header .wp-block-site-title a,
.hhc-site-header.is-scrolled .hhc-site-title,
.hhc-site-header.is-scrolled .wp-block-site-title,
.hhc-site-header.is-scrolled .wp-block-site-title a {
font-size: var(--hhc-font-size-ui) !important;
}body.hhc-header-scrolled .hhc-site-header .hhc-site-title::before,
body.hhc-header-scrolled .hhc-site-header .wp-block-site-title a::before,
.hhc-site-header.is-scrolled .hhc-site-title::before,
.hhc-site-header.is-scrolled .wp-block-site-title a::before {
width: 10px !important;
height: 10px !important;
}body.hhc-header-scrolled .hhc-site-header .hhc-site-description,
body.hhc-header-scrolled .hhc-site-header .wp-block-site-tagline,
.hhc-site-header.is-scrolled .hhc-site-description,
.hhc-site-header.is-scrolled .wp-block-site-tagline {
opacity: 0 !important;
max-height: 0 !important;
margin-top: -4px !important;
transform: translateY(-4px) !important;
pointer-events: none !important;
}
body.hhc-header-scrolled .hhc-site-header .hhc-branding-text,
.hhc-site-header.is-scrolled .hhc-branding-text {
align-items: center !important;
justify-content: center;
gap: 0;
}
body.hhc-header-scrolled .hhc-site-header .wp-block-site-logo img,
body.hhc-header-scrolled .hhc-site-header .custom-logo-link img,
body.hhc-header-scrolled .hhc-site-header .hhc-default-logo,
.hhc-site-header.is-scrolled .wp-block-site-logo img,
.hhc-site-header.is-scrolled .custom-logo-link img,
.hhc-site-header.is-scrolled .hhc-default-logo {
width: var(--hhc-header-logo-size-scrolled) !important;
height: var(--hhc-header-logo-size-scrolled) !important;
max-width: var(--hhc-header-logo-size-scrolled) !important;
max-height: var(--hhc-header-logo-size-scrolled) !important;
}html[data-hhc-color-mode="gunduz"] body.hhc-header-scrolled .wp-site-blocks > .wp-block-template-part.hhc-header-template-part,
html[data-hhc-color-mode="gunduz"] body.hhc-header-scrolled .hhc-header-template-part {
background: color-mix(in srgb, var(--hhc-color-page-bg) 96%, transparent) !important;
border-bottom-color: var(--hhc-border-soft) !important;
box-shadow: var(--hhc-shadow-soft) !important;
}.hhc-main,
.hhc-main.wp-block-group,
.hhc-blog-main,
.hhc-single-main,
.hhc-page-main {
width: 100%;
max-width: none !important;
margin: 0 !important;
padding-block: var(--hhc-template-main-padding-block) !important;
background: transparent !important;
}.hhc-blog-layout,
.hhc-archive-layout,
.hhc-single-layout,
.hhc-page-layout,
.hhc-layout.wp-block-group {
width: var(--hhc-container) !important;
max-width: var(--hhc-container) !important;
margin-inline: auto !important;
min-width: 0;
background: transparent !important;
}.hhc-blog-layout,
.hhc-archive-layout,
.hhc-layout-with-sidebar,
.hhc-error-layout,
.hhc-single-layout,
.hhc-page-layout {
--hhc-fse-layout-columns: var(--hhc-layout-columns-with-sidebar);
display: grid !important;
grid-template-columns: var(--hhc-fse-layout-columns) !important;
gap: var(--hhc-layout-gap) !important;
align-items: start !important;
}@media (min-width: 1101px) {
.hhc-blog-layout > .hhc-content-area,
.hhc-archive-layout > .hhc-content-area,
.hhc-blog-layout > .hhc-sidebar,
.hhc-archive-layout > .hhc-sidebar,
.hhc-single-layout > .hhc-content-area,
.hhc-single-layout > .hhc-sidebar,
.hhc-page-layout > .hhc-content-area,
.hhc-page-layout > .hhc-sidebar {
align-self: start !important;
margin-top: 0 !important;
}.hhc-blog-feed > :first-child,
.hhc-archive-main > :first-child,
.hhc-single-wrap > :first-child,
.hhc-page-content > :first-child,
.hhc-sidebar > :first-child {
margin-top: 0 !important;
}
}.hhc-blog-feed,
.hhc-archive-main,
.hhc-single-wrap,
.hhc-page-content,
.hhc-content-area {
min-width: 0;
background: transparent !important;
}body.hhc-archive-sidebar-off .hhc-blog-layout,
body.hhc-archive-sidebar-off .hhc-archive-layout,
body.hhc-single-sidebar-off .hhc-single-layout,
body.hhc-page-sidebar-off .hhc-page-layout {
grid-template-columns: minmax(0, 1fr) !important;
}body.hhc-archive-sidebar-off .hhc-blog-feed,
body.hhc-archive-sidebar-off .hhc-archive-main,
body.hhc-single-sidebar-off .hhc-single-wrap,
body.hhc-page-sidebar-off .hhc-page-content {
width: var(--hhc-reading) !important;
max-width: var(--hhc-reading) !important;
margin-inline: auto !important;
}.hhc-footer-template-part .hhc-site-footer,
.hhc-site-footer.wp-block-group,
.hhc-site-footer {
width: 100%;
max-width: none !important;
margin: 0 !important;
background: transparent !important;
border-top: 1px solid var(--hhc-color-card-border) !important;
}.hhc-site-footer > * {
width: var(--hhc-container) !important;
max-width: var(--hhc-container) !important;
margin-inline: auto !important;
}.hhc-sidebar {
min-width: 0;
}.hhc-sidebar .widget,
.hhc-sidebar .hhc-widget {
overflow: hidden;
}.hhc-sidebar .widget > :where(.wp-block-latest-comments, .hhc-gs-box),
.hhc-sidebar .hhc-widget > :where(.wp-block-latest-comments, .hhc-gs-box) {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}.hhc-sidebar .wp-block-latest-comments {
display: grid !important;
gap: 0 !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.hhc-sidebar .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment),
.hhc-sidebar .has-avatars .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) {
display: grid !important;
grid-template-columns: 38px minmax(0, 1fr) !important;
gap: 12px !important;
align-items: start !important;
margin: 0 !important;
padding: 12px 0 !important;
border: 0 !important;
border-bottom: 1px solid var(--hhc-border-soft) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}.hhc-sidebar .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment):last-child {
border-bottom: 0 !important;
}.hhc-sidebar .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) .wp-block-latest-comments__comment-avatar,
.hhc-sidebar .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) .avatar {
grid-column: 1;
width: 38px !important;
height: 38px !important;
margin: 0 !important;
border-radius: 999px !important;
object-fit: cover !important;
}.hhc-sidebar .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) article,
.hhc-sidebar .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) footer,
.hhc-sidebar .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) .wp-block-latest-comments__comment-meta,
.hhc-sidebar .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) .wp-block-latest-comments__comment-excerpt {
grid-column: 2;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}.hhc-sidebar .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) .wp-block-latest-comments__comment-excerpt p {
margin: 6px 0 0 !important;
color: var(--hhc-color-text-muted) !important;
font-size: var(--hhc-font-size-caption) !important;
line-height: var(--hhc-leading-snug) !important;
}.hhc-sidebar .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) .wp-block-latest-comments__comment-date {
color: var(--hhc-color-text-muted) !important;
font-size: var(--hhc-font-size-site-description, var(--hhc-font-size-small)) !important;
}.hhc-recent-comments-inner.hhc-no-avatar {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
}.hhc-sidebar .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment),
body .hhc-sidebar .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment),
body .hhc-sidebar .widget_recent_comments li.hhc-no-avatar {
display: block !important;
}.hhc-sidebar .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) article,
.hhc-sidebar .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) .wp-block-latest-comments__comment-excerpt,
.hhc-sidebar .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) .wp-block-latest-comments__comment-meta,
body .hhc-sidebar .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) article,
body .hhc-sidebar .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) .wp-block-latest-comments__comment-excerpt,
body .hhc-sidebar .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment:not(.hhc-sidebar-comments .wp-block-latest-comments__comment) .wp-block-latest-comments__comment-meta {
grid-column: 1 / -1 !important;
}.hhc-sidebar .widget_hhc_gunun_sozu_widget .hhc-gs-box,
.hhc-sidebar .widget_hhc_gunun_sozu_widget .hhc-gs-quote,
.hhc-sidebar .hhc-widget .hhc-gs-box,
.hhc-sidebar .hhc-widget .hhc-gs-quote {
background: transparent !important;
box-shadow: none !important;
}.hhc-sidebar .widget_hhc_gunun_sozu_widget > .widget-title {
display: none !important;
}@media (max-width: 1180px) {
.hhc-page-layout {
grid-template-columns: minmax(0, 1fr) minmax(0, var(--hhc-layout-sidebar)) !important;
}
}@media (max-width: 1100px) {
.hhc-blog-layout,
.hhc-archive-layout,
.hhc-layout-with-sidebar,
.hhc-single-layout,
.hhc-page-layout {
width: var(--hhc-layout-mobile-width) !important;
grid-template-columns: 1fr !important;
}.hhc-sidebar {
position: static !important;
max-height: none !important;
overflow: visible !important;
}
}@media (max-width: 782px) {
body.admin-bar .wp-site-blocks > .wp-block-template-part.hhc-header-template-part,
body.admin-bar .hhc-header-template-part {
top: 46px !important;
}.hhc-site-header > .hhc-header-inner,
.hhc-header-template-part .hhc-header-inner,
.hhc-header-inner.wp-block-group {
width: min(100% - 24px, 1180px) !important;
min-height: 66px !important;
gap: 10px !important;
}.hhc-site-header .hhc-branding,
.hhc-header-template-part .hhc-branding {
max-width: min(62vw, 360px) !important;
}.hhc-site-header .hhc-site-title,
.hhc-site-header .wp-block-site-title,
.hhc-site-header .wp-block-site-title a {
font-size: var(--hhc-font-size-emphasis) !important;
}.hhc-site-header .hhc-site-description,
.hhc-site-header .wp-block-site-tagline {
max-width: 100%;
font-size: var(--hhc-font-size-site-description, var(--hhc-font-size-small)) !important;
}.hhc-header-actions {
margin-left: auto !important;
order: 2 !important;
}
}@media (max-width: 782px) {
.hhc-site-header.is-scrolled > .hhc-header-inner,
.hhc-header-template-part .hhc-site-header.is-scrolled .hhc-header-inner,
.hhc-site-header.is-scrolled .hhc-header-inner.wp-block-group {
min-height: 58px !important;
}
}@media (max-width: 640px) {
.hhc-blog-layout,
.hhc-archive-layout,
.hhc-single-layout,
.hhc-page-layout {
width: var(--hhc-layout-mobile-width) !important;
}
}@media (max-width: 600px) {
body.admin-bar .wp-site-blocks > .wp-block-template-part.hhc-header-template-part,
body.admin-bar .hhc-header-template-part {
top: 0 !important;
}
}.hhc-header-actions-wrap {
display: flex;
align-items: center;
gap: var(--hhc-card-gap, 18px);
margin-inline-start: auto;
}.hhc-fse-navigation {
font-family: var(--hhc-font-ui, inherit);
font-size: var(--wp--preset--font-size--small, .95rem);
}.hhc-fse-navigation .wp-block-navigation__container {
gap: clamp(10px, 1.4vw, 18px);
}.hhc-fse-navigation a {
color: var(--hhc-color-text, inherit);
text-decoration: none;
}.hhc-fse-navigation a:hover,
.hhc-fse-navigation a:focus-visible {
color: var(--hhc-color-link-hover, var(--hhc-color-accent));
}.hhc-fse-sidebar {
width: min(100%, var(--hhc-sidebar-width, var(--hhc-layout-sidebar, 320px)));
}
.hhc-sidebar-title,
.hhc-footer-heading,
.hhc-related-posts-title {
margin-block-start: 0;
margin-block-end: .75rem;
font-size: var(--wp--preset--font-size--medium, 1.1rem);
}.hhc-footer-primary {
padding-block: var(--hhc-section-gap, clamp(28px, 4vw, 56px));
}.hhc-footer-columns-fse {
gap: var(--hhc-layout-gap, clamp(18px, 2vw, 28px));
}.hhc-footer-brand-stack,
.hhc-footer-latest-posts,
.hhc-footer-navigation {
color: var(--hhc-color-text-muted, var(--hhc-muted));
}.hhc-footer-meta {
padding-block: 18px;
font-size: var(--wp--preset--font-size--small, .95rem);
color: var(--hhc-color-text-muted, var(--hhc-muted));
}.hhc-related-posts {
margin-block-start: var(--hhc-section-gap, 56px);
padding: var(--hhc-card-padding, 24px);
border: 1px solid var(--hhc-color-card-border, var(--hhc-border-soft));
border-radius: var(--hhc-radius-card, 22px);
background: var(--hhc-color-card-bg, var(--hhc-surface));
color: var(--hhc-color-card-text, var(--hhc-text));
}.hhc-related-posts-list {
display: grid;
gap: .85rem;
margin: 0;
padding: 0;
list-style: none;
}.hhc-related-posts-item {
display: grid;
gap: .2rem;
}.hhc-related-posts-link {
color: var(--hhc-color-link, var(--hhc-accent));
font-weight: var(--hhc-weight-semibold);
text-decoration: none;
}.hhc-related-posts-link:hover,
.hhc-related-posts-link:focus-visible {
color: var(--hhc-color-link-hover, var(--hhc-accent));
text-decoration: none;
}.hhc-related-posts-date {
color: var(--hhc-color-text-muted, var(--hhc-muted));
font-size: var(--wp--preset--font-size--small, .9rem);
}
.hhc-hide-mobile,
.is-style-hhc-hide-mobile,
.hhc-show-desktop-only,
.is-style-hhc-desktop-only {
--hhc-visibility-contract: desktop;
}
.hhc-hide-desktop,
.is-style-hhc-hide-desktop,
.hhc-show-mobile-only,
.is-style-hhc-mobile-only {
--hhc-visibility-contract: mobile;
}
@media (max-width: 782px) {
.hhc-hide-mobile,
.is-style-hhc-hide-mobile,
.hhc-show-desktop-only,
.is-style-hhc-desktop-only {
display: none !important;
}
}
@media (min-width: 783px) {
.hhc-hide-desktop,
.is-style-hhc-hide-desktop,
.hhc-show-mobile-only,
.is-style-hhc-mobile-only {
display: none !important;
}
}
.hhc-layout-no-sidebar,
.hhc-layout-no-sidebar.wp-block-group {
grid-template-columns: minmax(0, 1fr) !important;
}
.hhc-layout-no-sidebar > .hhc-content-area,
.hhc-layout-no-sidebar > .hhc-blog-feed,
.hhc-layout-no-sidebar > .hhc-archive-main,
.hhc-layout-no-sidebar > .hhc-single-wrap,
.hhc-layout-no-sidebar > .hhc-page-content {
width: var(--hhc-reading) !important;
max-width: var(--hhc-reading) !important;
margin-inline: auto !important;
}
.hhc-page-layout.hhc-layout-no-sidebar > .hhc-page-content,
.hhc-blog-layout.hhc-layout-no-sidebar > .hhc-blog-feed,
.hhc-archive-layout.hhc-layout-no-sidebar > .hhc-archive-main {
width: 100% !important;
max-width: 100% !important;
margin-inline: 0 !important;
}
.is-style-hhc-sidebar-card {
border: 1px solid var(--hhc-color-card-border, var(--hhc-border-soft));
border-radius: var(--hhc-sidebar-card-radius, var(--hhc-radius-card));
background: var(--hhc-color-card-bg, var(--hhc-surface));
box-shadow: var(--hhc-shadow-soft);
}
.is-style-hhc-sidebar-card {
padding: var(--hhc-sidebar-card-padding, var(--hhc-card-padding));
}
.is-style-hhc-compact-module {
padding: clamp(12px, 1.4vw, 18px) !important;
gap: 10px !important;
}
@media (min-width: 1101px) {
.is-style-hhc-sticky-desktop,
.hhc-sticky-desktop {
position: sticky !important;
top: var(--hhc-sidebar-sticky-top, 86px) !important;
align-self: start !important;
}
}
.hhc-fse-navigation .wp-block-navigation-item__content,
.hhc-fse-navigation .wp-block-navigation-submenu__toggle {
border-radius: var(--hhc-radius-pill, 999px);
padding: 8px 12px;
line-height: var(--hhc-leading-tight);
transition: background-color var(--hhc-motion-fast, 160ms) ease, color var(--hhc-motion-fast, 160ms) ease, box-shadow var(--hhc-motion-fast, 160ms) ease;
}
.hhc-fse-navigation .current-menu-item > .wp-block-navigation-item__content,
.hhc-fse-navigation .current-menu-ancestor > .wp-block-navigation-item__content,
.hhc-fse-navigation .wp-block-navigation-item__content[aria-current="page"] {
background: color-mix(in srgb, var(--hhc-color-accent, var(--hhc-accent)) 14%, transparent);
color: var(--hhc-color-text-strong, var(--hhc-text-strong));
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hhc-color-accent, var(--hhc-accent)) 26%, transparent);
}
.hhc-fse-navigation .wp-block-navigation-item__content:hover,
.hhc-fse-navigation .wp-block-navigation-item__content:focus-visible,
.hhc-fse-navigation .wp-block-navigation-submenu__toggle:hover,
.hhc-fse-navigation .wp-block-navigation-submenu__toggle:focus-visible {
background: color-mix(in srgb, var(--hhc-color-accent, var(--hhc-accent)) 12%, transparent);
color: var(--hhc-color-link-hover, var(--hhc-color-accent));
outline: none;
}
.hhc-fse-navigation .wp-block-navigation__responsive-container.is-menu-open {
background: var(--hhc-color-page-bg-deep, var(--hhc-bg-deep)) !important;
color: var(--hhc-color-text, var(--hhc-text)) !important;
padding: clamp(22px, 6vw, 42px);
}
.hhc-fse-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
gap: 14px;
align-items: stretch;
}
.hhc-fse-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
width: 100%;
padding: 12px 14px;
border: 1px solid var(--hhc-color-card-border, var(--hhc-border-soft));
background: color-mix(in srgb, var(--hhc-color-surface, var(--hhc-surface)) 82%, transparent);
}
@media (max-width: 782px) {
.hhc-header-inner {
gap: 10px 14px !important;
}
.hhc-fse-navigation {
order: 3;
margin-left: 0;
}
}
.hhc-header-template-part--static,
.wp-site-blocks > .wp-block-template-part.hhc-header-template-part--static {
position: relative !important;
top: auto !important;
}
@media (max-width: 782px) {
body.hhc-sidebar-mobile-hidden .hhc-sidebar,
body.hhc-sidebar-mobile-hidden .hhc-fse-sidebar,
body.hhc-sidebar-mobile-hidden .hhc-layout-with-sidebar > .hhc-sidebar,
.hhc-sidebar-mobile-hidden > .hhc-sidebar,
.hhc-sidebar-mobile-hidden .hhc-fse-sidebar,
.hhc-layout-with-sidebar.hhc-sidebar-mobile-hidden > .hhc-sidebar,
aside.hhc-hide-mobile,
.wp-block-template-part.hhc-hide-mobile {
display: none !important;
}
}
body.hhc-header-mobile-menu-always .hhc-site-header .wp-block-navigation > .wp-block-navigation__container,
body.hhc-header-mobile-menu-always .hhc-site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.hhc-header-mobile-menu-always .hhc-site-header .wp-block-navigation__responsive-container-open {
display: inline-flex !important;
visibility: visible !important;
}
@media (max-width: 782px) {
body.hhc-header-mobile-menu-mobile .hhc-site-header .wp-block-navigation > .wp-block-navigation__container,
body.hhc-header-mobile-menu-mobile .hhc-site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.hhc-header-mobile-menu-mobile .hhc-site-header .wp-block-navigation__responsive-container-open {
display: inline-flex !important;
visibility: visible !important;
}
}
body.single .hhc-sidebar,
body.single .hhc-fse-sidebar {
color: var(--hhc-color-card-text, var(--hhc-text));
}
.hhc-layout-with-sidebar.hhc-layout-sidebar-left {
--hhc-fse-layout-columns: var(--hhc-layout-columns-sidebar-left);
}
@media (min-width: 1101px) {
.hhc-layout-with-sidebar.hhc-layout-sidebar-left > :where(.hhc-sidebar, .hhc-fse-sidebar) {
grid-column: 1;
grid-row: 1;
}
.hhc-layout-with-sidebar.hhc-layout-sidebar-left > :where(.hhc-content-area, .hhc-blog-feed, .hhc-archive-main, .hhc-single-wrap, .hhc-page-content, .hhc-404-content) {
grid-column: 2;
grid-row: 1;
}
}
.hhc-layout-with-sidebar > :where(.hhc-content-area, .hhc-blog-feed, .hhc-archive-main, .hhc-single-wrap, .hhc-page-content, .hhc-404-content) {
width: 100%;
max-width: none;
min-width: 0;
margin-inline: 0;
}
.hhc-layout-with-sidebar > :where(.hhc-sidebar, .hhc-fse-sidebar) {
width: 100%;
max-width: var(--hhc-layout-sidebar);
min-width: 0;
}
.hhc-layout-no-sidebar > :where(.hhc-content-area, .hhc-blog-feed, .hhc-archive-main, .hhc-single-wrap, .hhc-page-content, .hhc-404-content) {
width: var(--hhc-reading);
max-width: var(--hhc-reading);
margin-inline: auto;
}