:root {
--gg-bg:           #0d0f1a;
--gg-surface:      #12162a;
--gg-surface-2:    #1a1f35;
--gg-border:       #1e2a4a;
--gg-border-light: #2a3860;
--gg-accent:       #00ffcc;
--gg-accent-dim:   rgba(0, 255, 204, 0.12);
--gg-accent-glow:  0 0 18px rgba(0,255,204,0.4);
--gg-blue:         #207daf;
--gg-blue-dark:    #0f3460;
--gg-text:         #e0e6f0;
--gg-text-muted:   #8892b0;
--gg-text-faint:   #4a5580;
--gg-heading-font: 'Barlow Condensed', 'Open Sans', sans-serif;
--gg-body-font:    'Inter', 'Open Sans', sans-serif;
--gg-radius:       6px;
--gg-radius-lg:    10px;
--gg-shadow:       0 4px 24px rgba(0,0,0,0.4);
--gg-transition:   all 0.22s ease;
} body {
background-color: var(--gg-bg) !important;
color: var(--gg-text) !important;
font-family: var(--gg-body-font) !important;
font-size: 15px !important;
line-height: 1.7 !important;
-webkit-font-smoothing: antialiased;
}
a {
color: var(--gg-accent) !important;
transition: var(--gg-transition);
}
a:hover {
color: #fff !important;
text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--gg-heading-font) !important;
color: #fff !important;
letter-spacing: 0.02em;
line-height: 1.25 !important;
font-weight: 700 !important;
}
p { color: var(--gg-text) !important; }
img { border-radius: var(--gg-radius); }
::selection {
background: var(--gg-accent);
color: #000;
} ::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--gg-bg); }
::-webkit-scrollbar-thumb {
background: var(--gg-blue-dark);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: var(--gg-blue); } .cm-page-wrap,
#page {
background-color: var(--gg-bg) !important;
}
.inner-wrap,
.cm-row {
background: transparent !important;
} .cm-top-bar,
.cm-header-top-row,
.colormag-top-bar {
background: #070910 !important;
border-bottom: 1px solid var(--gg-border) !important;
color: var(--gg-text-muted) !important;
font-family: var(--gg-body-font) !important;
font-size: 12px !important;
letter-spacing: 0.04em;
}
.cm-top-bar a,
.colormag-top-bar a {
color: var(--gg-text-muted) !important;
}
.cm-top-bar a:hover,
.colormag-top-bar a:hover {
color: var(--gg-accent) !important;
} .cm-header,
.cm-header-builder,
#cm-header,
.cm-header-main-row,
.cm-header-builder .cm-main-header,
.site-header {
background: linear-gradient(180deg, #07091a 0%, #0d1020 100%) !important;
border-bottom: 2px solid var(--gg-border) !important;
box-shadow: 0 4px 32px rgba(0,0,0,0.5) !important;
} .cm-site-title a,
.cm-header-builder .site-title a,
.cm-header-builder .cm-site-title a,
.site-title a {
font-family: var(--gg-heading-font) !important;
font-size: 32px !important;
font-weight: 800 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
color: #fff !important;
text-shadow: var(--gg-accent-glow) !important;
text-decoration: none !important;
}
.cm-site-title a:hover,
.site-title a:hover {
color: var(--gg-accent) !important;
} .cm-site-description,
.site-description {
color: var(--gg-text-muted) !important;
font-size: 12px !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
font-family: var(--gg-body-font) !important;
} .cm-header-builder .cm-main-row {
padding: 16px 0 !important;
} #cm-primary-nav,
.cm-primary-nav,
.cm-header-builder .cm-header-bottom-row,
.cm-header-builder .cm-header-bottom-row #cm-primary-nav {
background: #0a0c18 !important;
border-top: 1px solid var(--gg-border) !important;
border-bottom: 1px solid var(--gg-border) !important;
}
.cm-primary-nav ul li a,
.cm-header-builder .cm-primary-nav ul li a {
font-family: var(--gg-heading-font) !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: var(--gg-text) !important;
padding: 14px 18px !important;
transition: var(--gg-transition) !important;
}
.cm-primary-nav ul li a:hover,
.cm-primary-nav ul li:hover > a,
.cm-primary-nav ul li.current-menu-item > a,
.cm-primary-nav ul li.current_page_item > a {
color: var(--gg-accent) !important;
background: transparent !important;
} .cm-primary-nav ul > li > a::after {
content: '';
display: block;
height: 2px;
background: var(--gg-accent);
transform: scaleX(0);
transition: transform 0.2s ease;
margin-top: 2px;
}
.cm-primary-nav ul > li:hover > a::after,
.cm-primary-nav ul > li.current-menu-item > a::after {
transform: scaleX(1);
} .cm-primary-nav ul li ul,
.cm-primary-nav ul ul.sub-menu {
background: #0d1020 !important;
border: 1px solid var(--gg-border) !important;
border-top: 2px solid var(--gg-accent) !important;
box-shadow: var(--gg-shadow) !important;
border-radius: 0 0 var(--gg-radius) var(--gg-radius) !important;
}
.cm-primary-nav ul li ul li a {
color: var(--gg-text-muted) !important;
border-bottom: 1px solid var(--gg-border) !important;
font-size: 13px !important;
padding: 10px 16px !important;
}
.cm-primary-nav ul li ul li a:hover {
color: var(--gg-accent) !important;
background: var(--gg-accent-dim) !important;
padding-left: 22px !important;
} .cm-breaking-news,
.breaking-news {
background: var(--gg-surface) !important;
border-bottom: 1px solid var(--gg-border) !important;
}
.cm-breaking-news .cm-breaking-news-label,
.breaking-news .breaking-label {
background: var(--gg-accent) !important;
color: #000 !important;
font-family: var(--gg-heading-font) !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
}
.cm-breaking-news .newsticker a,
.breaking-news .newsticker a {
color: var(--gg-text) !important;
}
.cm-breaking-news .newsticker a:hover,
.breaking-news .newsticker a:hover {
color: var(--gg-accent) !important;
} .cm-posts .post,
.cm-posts article,
#content .post,
.cm-primary .post,
article.post,
article.page {
background: var(--gg-surface) !important;
border: 1px solid var(--gg-border) !important;
border-radius: var(--gg-radius-lg) !important;
margin-bottom: 24px !important;
overflow: hidden !important;
transition: var(--gg-transition) !important;
box-shadow: var(--gg-shadow) !important;
}
.cm-posts .post:hover,
.cm-posts article:hover,
#content .post:hover {
border-color: var(--gg-blue) !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(0,255,204,0.08) !important;
} .cm-posts .post .cm-post-thumbnail,
.cm-posts article .cm-post-thumbnail,
.post-thumbnail {
overflow: hidden !important;
}
.cm-posts .post .cm-post-thumbnail img,
.cm-posts article .cm-post-thumbnail img,
.post-thumbnail img {
transition: transform 0.4s ease !important;
}
.cm-posts .post:hover .cm-post-thumbnail img,
.cm-posts article:hover .cm-post-thumbnail img {
transform: scale(1.05) !important;
} .cm-posts .post .cm-post-content,
.cm-posts .post .article-content,
.cm-post-content {
padding: 20px 22px !important;
} .cm-entry-title,
.cm-entry-title a,
.entry-title,
.entry-title a {
font-family: var(--gg-heading-font) !important;
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 0.02em !important;
color: #fff !important;
}
.cm-entry-title a:hover,
.entry-title a:hover {
color: var(--gg-accent) !important;
} .cm-post-categories a,
.entry-meta .cat-links a,
.cm-entry-header-meta .cm-post-categories a {
background: var(--gg-blue-dark) !important;
color: var(--gg-accent) !important;
font-family: var(--gg-body-font) !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
padding: 3px 10px !important;
border-radius: 3px !important;
margin-right: 4px !important;
text-decoration: none !important;
border: 1px solid rgba(0,255,204,0.2) !important;
}
.cm-post-categories a:hover,
.entry-meta .cat-links a:hover {
background: var(--gg-accent) !important;
color: #000 !important;
border-color: var(--gg-accent) !important;
} .entry-meta,
.cm-below-entry-meta,
.cm-entry-header-meta {
color: var(--gg-text-muted) !important;
font-size: 12px !important;
}
.entry-meta a,
.byline a,
.cm-post-date a {
color: var(--gg-text-muted) !important;
}
.entry-meta a:hover,
.byline a:hover,
.cm-post-date a:hover {
color: var(--gg-accent) !important;
}
.entry-meta i,
.entry-meta .fa {
color: var(--gg-blue) !important;
} .cm-entry-button,
.more-link,
a.more-link {
background: transparent !important;
border: 1px solid var(--gg-accent) !important;
color: var(--gg-accent) !important;
font-family: var(--gg-heading-font) !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
padding: 7px 18px !important;
border-radius: var(--gg-radius) !important;
transition: var(--gg-transition) !important;
text-decoration: none !important;
display: inline-block !important;
}
.cm-entry-button:hover,
.more-link:hover {
background: var(--gg-accent) !important;
color: #000 !important;
text-decoration: none !important;
} .single #content,
.single-post #content,
.page #content {
background: transparent !important;
}
.single .cm-posts .post,
.single .cm-posts article,
.page .cm-posts article {
background: var(--gg-surface) !important;
border: 1px solid var(--gg-border) !important;
border-radius: var(--gg-radius-lg) !important;
padding: 32px 36px !important;
box-shadow: var(--gg-shadow) !important;
}
.single .entry-title,
.page .entry-title {
font-size: 36px !important;
line-height: 1.2 !important;
margin-bottom: 16px !important;
} .entry-content,
.entry-summary {
color: var(--gg-text) !important;
font-family: var(--gg-body-font) !important;
font-size: 16px !important;
line-height: 1.8 !important;
}
.entry-content h2,
.entry-content h3,
.entry-content h4 {
color: #fff !important;
margin-top: 32px !important;
margin-bottom: 12px !important;
padding-bottom: 8px !important;
border-bottom: 1px solid var(--gg-border) !important;
}
.entry-content h2 { font-size: 26px !important; }
.entry-content h3 { font-size: 20px !important; border-bottom: none !important; } .entry-content blockquote,
blockquote {
background: var(--gg-surface-2) !important;
border-left: 4px solid var(--gg-accent) !important;
border-radius: 0 var(--gg-radius) var(--gg-radius) 0 !important;
padding: 16px 20px !important;
margin: 24px 0 !important;
color: var(--gg-text-muted) !important;
font-style: italic;
} .entry-content table {
width: 100% !important;
border-collapse: collapse !important;
margin: 20px 0 !important;
}
.entry-content table th {
background: var(--gg-blue-dark) !important;
color: var(--gg-accent) !important;
padding: 10px 14px !important;
font-family: var(--gg-heading-font) !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
font-size: 13px !important;
}
.entry-content table td {
background: var(--gg-surface) !important;
border: 1px solid var(--gg-border) !important;
padding: 10px 14px !important;
color: var(--gg-text) !important;
}
.entry-content table tr:nth-child(even) td {
background: var(--gg-surface-2) !important;
} .entry-content code,
code {
background: #0a0c18 !important;
color: var(--gg-accent) !important;
padding: 2px 8px !important;
border-radius: 4px !important;
font-size: 13px !important;
border: 1px solid var(--gg-border) !important;
}
.entry-content pre,
pre {
background: #070910 !important;
border: 1px solid var(--gg-border) !important;
border-left: 3px solid var(--gg-blue) !important;
border-radius: var(--gg-radius) !important;
padding: 16px 20px !important;
overflow-x: auto !important;
color: #ccd6f6 !important;
} .entry-content ul li,
.entry-content ol li {
margin-bottom: 6px !important;
color: var(--gg-text) !important;
}
.entry-content ul li::marker {
color: var(--gg-accent) !important;
} .cm-slider-area,
.cm-featured-posts,
.cm-highlighted-posts {
background: transparent !important;
}
.cm-featured-category-slider-widget .cm-slide-content,
.widget_featured_slider .slide-content {
background: linear-gradient(0deg, rgba(7,9,26,0.95) 0%, rgba(7,9,26,0) 100%) !important;
} .cm-widget-title,
.cm-widget-title span,
.widget-title,
.cm-primary .cm-widget-title span,
.cm-secondary .cm-widget-title span,
.cm-footer-cols .cm-row .cm-widget-title span,
.advertisement_above_footer .cm-widget-title span,
.cm-slider-area .cm-widget-title span,
.cm-featured-posts .cm-widget-title span,
.cm-page-header .cm-page-title span {
font-family: var(--gg-heading-font) !important;
font-size: 16px !important;
font-weight: 800 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
color: #fff !important;
background: transparent !important;
} .cm-widget-title,
.widget-title {
border-bottom: 2px solid var(--gg-border) !important;
padding-bottom: 10px !important;
margin-bottom: 16px !important;
position: relative !important;
background: transparent !important;
}
.cm-widget-title::before,
.widget-title::before {
content: '' !important;
position: absolute !important;
bottom: -2px !important;
left: 0 !important;
width: 48px !important;
height: 2px !important;
background: var(--gg-accent) !important;
}
.cm-widget-title span::before,
.cm-featured-posts .cm-widget-title span::before,
.cm-secondary .cm-widget-title span::before {
display: none !important;
background: transparent !important;
} .cm-secondary,
#cm-secondary,
.sidebar,
.widget-area {
background: transparent !important;
}
.cm-secondary .widget,
#cm-secondary .widget,
.sidebar .widget {
background: var(--gg-surface) !important;
border: 1px solid var(--gg-border) !important;
border-radius: var(--gg-radius-lg) !important;
padding: 20px 20px !important;
margin-bottom: 24px !important;
box-shadow: var(--gg-shadow) !important;
} .cm-secondary .widget a,
#cm-secondary .widget a {
color: var(--gg-text-muted) !important;
}
.cm-secondary .widget a:hover,
#cm-secondary .widget a:hover {
color: var(--gg-accent) !important;
} .cm-secondary .widget ul li,
#cm-secondary .widget ul li {
border-bottom: 1px solid var(--gg-border) !important;
padding: 8px 0 !important;
color: var(--gg-text-muted) !important;
}
.cm-secondary .widget ul li:last-child,
#cm-secondary .widget ul li:last-child {
border-bottom: none !important;
} .cm-secondary .widget .search-field,
#cm-secondary .search-field,
input[type="search"] {
background: var(--gg-surface-2) !important;
border: 1px solid var(--gg-border) !important;
border-radius: var(--gg-radius) !important;
color: var(--gg-text) !important;
padding: 10px 14px !important;
width: 100% !important;
font-family: var(--gg-body-font) !important;
font-size: 14px !important;
}
.cm-secondary .widget .search-field:focus,
input[type="search"]:focus {
border-color: var(--gg-blue) !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(32, 125, 175, 0.2) !important;
}
.search-wrap button,
.cm-secondary .widget input[type="submit"],
.widget .wp-block-search__button,
.wp-block-search button {
background: var(--gg-blue-dark) !important;
color: var(--gg-accent) !important;
border: 1px solid var(--gg-border) !important;
border-radius: var(--gg-radius) !important;
padding: 10px 18px !important;
font-family: var(--gg-heading-font) !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
font-size: 13px !important;
cursor: pointer !important;
transition: var(--gg-transition) !important;
}
.search-wrap button:hover,
input[type="submit"]:hover {
background: var(--gg-accent) !important;
color: #000 !important;
border-color: var(--gg-accent) !important;
} .pagination,
.wp-pagenavi,
.page-numbers,
.link-pagination {
background: transparent !important;
}
.pagination a,
.wp-pagenavi a,
.page-numbers a,
.post-page-numbers {
background: var(--gg-surface) !important;
border: 1px solid var(--gg-border) !important;
color: var(--gg-text-muted) !important;
border-radius: var(--gg-radius) !important;
padding: 8px 14px !important;
font-family: var(--gg-heading-font) !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-decoration: none !important;
transition: var(--gg-transition) !important;
display: inline-block !important;
}
.pagination a:hover,
.wp-pagenavi a:hover,
.page-numbers a:hover {
background: var(--gg-blue-dark) !important;
border-color: var(--gg-blue) !important;
color: #fff !important;
}
.pagination .current,
.wp-pagenavi .current,
.page-numbers .current,
.cm-posts .wp-pagenavi .current,
.post-page-numbers.current,
.link-pagination .post-page-numbers.current {
background: var(--gg-blue-dark) !important;
border-color: var(--gg-accent) !important;
color: var(--gg-accent) !important;
} .comments-area {
background: var(--gg-surface) !important;
border: 1px solid var(--gg-border) !important;
border-radius: var(--gg-radius-lg) !important;
padding: 28px 32px !important;
margin-top: 32px !important;
}
.comments-title,
.comment-reply-title {
font-family: var(--gg-heading-font) !important;
color: #fff !important;
font-size: 22px !important;
border-bottom: 1px solid var(--gg-border) !important;
padding-bottom: 12px !important;
margin-bottom: 20px !important;
}
.comment-list .comment {
border-bottom: 1px solid var(--gg-border) !important;
padding-bottom: 20px !important;
margin-bottom: 20px !important;
}
.comment-author cite,
.comment-author .fn {
color: #fff !important;
font-family: var(--gg-heading-font) !important;
font-size: 15px !important;
}
.comment-metadata a,
.comment-meta a {
color: var(--gg-text-muted) !important;
font-size: 12px !important;
}
.comment-content p {
color: var(--gg-text) !important;
}
.comment-reply-link {
color: var(--gg-accent) !important;
font-size: 12px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
} .comment-form input,
.comment-form textarea,
#commentform input,
#commentform textarea {
background: var(--gg-surface-2) !important;
border: 1px solid var(--gg-border) !important;
border-radius: var(--gg-radius) !important;
color: var(--gg-text) !important;
padding: 10px 14px !important;
width: 100% !important;
font-family: var(--gg-body-font) !important;
font-size: 14px !important;
}
.comment-form input:focus,
.comment-form textarea:focus {
border-color: var(--gg-blue) !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(32, 125, 175, 0.2) !important;
} #cm-footer,
.colormag-footer--classic,
.cm-footer-cols {
background: #060810 !important;
border-top: 2px solid var(--gg-border) !important;
}
.cm-footer-cols .cm-row {
padding-top: 40px !important;
padding-bottom: 20px !important;
}
.cm-footer-cols .cm-widget-title span,
.cm-footer-builder .cm-widget-title span {
color: #fff !important;
}
.cm-footer-cols .widget a,
.cm-footer-builder .widget a {
color: var(--gg-text-muted) !important;
}
.cm-footer-cols .widget a:hover,
.cm-footer-builder .widget a:hover {
color: var(--gg-accent) !important;
}
.cm-footer-cols .widget p,
.cm-footer-builder p {
color: var(--gg-text-muted) !important;
} .cm-footer-socket,
.cm-footer-socket-wrapper,
.site-info {
background: #040508 !important;
border-top: 1px solid var(--gg-border) !important;
padding: 14px 0 !important;
color: var(--gg-text-faint) !important;
font-size: 13px !important;
}
.cm-footer-socket a,
.site-info a {
color: var(--gg-text-muted) !important;
}
.cm-footer-socket a:hover,
.site-info a:hover {
color: var(--gg-accent) !important;
} .cm-scroll-top,
.scroll-top,
#scroll-to-top {
background: var(--gg-blue-dark) !important;
border: 1px solid var(--gg-accent) !important;
color: var(--gg-accent) !important;
border-radius: var(--gg-radius) !important;
width: 40px !important;
height: 40px !important;
box-shadow: var(--gg-accent-glow) !important;
}
.cm-scroll-top:hover,
#scroll-to-top:hover {
background: var(--gg-accent) !important;
color: #000 !important;
} button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.colormag-button,
.wp-element-button,
.wp-block-button__link {
background: var(--gg-blue-dark) !important;
color: var(--gg-accent) !important;
border: 1px solid var(--gg-border) !important;
border-radius: var(--gg-radius) !important;
font-family: var(--gg-heading-font) !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
padding: 10px 24px !important;
cursor: pointer !important;
transition: var(--gg-transition) !important;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {
background: var(--gg-accent) !important;
color: #000 !important;
border-color: var(--gg-accent) !important;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
background: var(--gg-surface-2) !important;
border: 1px solid var(--gg-border) !important;
border-radius: var(--gg-radius) !important;
color: var(--gg-text) !important;
padding: 10px 14px !important;
font-family: var(--gg-body-font) !important;
font-size: 14px !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
border-color: var(--gg-blue) !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(32, 125, 175, 0.2) !important;
} .cm-error-404 {
text-align: center !important;
padding: 60px 20px !important;
}
.cm-error-404 .cm-btn {
background: var(--gg-blue-dark) !important;
color: var(--gg-accent) !important;
border: 1px solid var(--gg-accent) !important;
} .cm-breadcrumb,
.breadcrumb,
.breadcrumbs {
background: var(--gg-surface) !important;
border-bottom: 1px solid var(--gg-border) !important;
padding: 10px 0 !important;
font-size: 13px !important;
color: var(--gg-text-muted) !important;
}
.cm-breadcrumb a,
.breadcrumb a {
color: var(--gg-text-muted) !important;
}
.cm-breadcrumb a:hover,
.breadcrumb a:hover {
color: var(--gg-accent) !important;
} .tags a,
.cm-tag-links a,
.wp-block-post-terms a {
background: var(--gg-surface-2) !important;
border: 1px solid var(--gg-border) !important;
color: var(--gg-text-muted) !important;
border-radius: 3px !important;
padding: 3px 10px !important;
font-size: 12px !important;
text-decoration: none !important;
transition: var(--gg-transition) !important;
display: inline-block !important;
margin: 3px 2px !important;
}
.tags a:hover,
.cm-tag-links a:hover {
background: var(--gg-blue-dark) !important;
border-color: var(--gg-accent) !important;
color: var(--gg-accent) !important;
} .related-posts-wrapper,
.single-related-posts {
margin-top: 32px !important;
}
.single-related-posts .article-content {
background: var(--gg-surface) !important;
border: 1px solid var(--gg-border) !important;
border-radius: var(--gg-radius) !important;
padding: 12px !important;
transition: var(--gg-transition) !important;
}
.single-related-posts .article-content:hover {
border-color: var(--gg-blue) !important;
} .mzb-posts-list,
.mzb-magazine-grid {
background: transparent !important;
} .wp-block-separator {
border-color: var(--gg-border) !important;
}
.wp-block-quote {
background: var(--gg-surface-2) !important;
border-left-color: var(--gg-accent) !important;
padding: 16px 20px !important;
border-radius: 0 var(--gg-radius) var(--gg-radius) 0 !important;
}
.wp-block-quote p {
color: var(--gg-text-muted) !important;
}
.wp-block-quote cite {
color: var(--gg-text-faint) !important;
}  .cm-primary,
#cm-primary,
.cm-content-area,
#cm-content,
.cm-main,
#cm-main {
background: transparent !important;
} .cm-page-header {
background: var(--gg-surface) !important;
border-bottom: 1px solid var(--gg-border) !important;
padding: 20px 0 !important;
}
.cm-page-header .cm-page-title,
.cm-page-header .cm-page-title span {
color: #fff !important;
font-family: var(--gg-heading-font) !important;
font-size: 28px !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
} .archive-description,
.taxonomy-description {
color: var(--gg-text-muted) !important;
} @media (max-width: 768px) {
.single .cm-posts .post,
.page .cm-posts article {
padding: 20px 18px !important;
}
.single .entry-title,
.page .entry-title {
font-size: 26px !important;
}
.cm-site-title a,
.site-title a {
font-size: 24px !important;
}
.comments-area {
padding: 20px 18px !important;
}
} .cm-mobile-nav,
.cm-header-builder .cm-mobile-nav {
background: #0a0c18 !important;
border-top: 1px solid var(--gg-border) !important;
}
.cm-mobile-nav li a {
color: var(--gg-text) !important;
border-bottom: 1px solid var(--gg-border) !important;
padding: 12px 20px !important;
font-family: var(--gg-heading-font) !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
}
.cm-mobile-nav li a:hover,
.cm-header .cm-mobile-nav li:hover {
background: var(--gg-accent-dim) !important;
color: var(--gg-accent) !important;
} .cm-menu-toggle,
.cm-header-builder .cm-menu-toggle {
background: transparent !important;
border: 1px solid var(--gg-border) !important;
color: var(--gg-text) !important;
border-radius: var(--gg-radius) !important;
padding: 8px 12px !important;
}
.cm-menu-toggle:hover {
border-color: var(--gg-accent) !important;
color: var(--gg-accent) !important;
}