@font-face {
font-family: 'cryptowp-icon';
src: url(//world-crypto-news.com/wp-content/plugins/cryptowp/assets/fonts/cryptowp.woff) format('woff'),
url(//world-crypto-news.com/wp-content/plugins/cryptowp/assets/fonts/cryptowp.woff2) format('woff2');
font-style: normal;
font-weight: normal;
}
.cryptowp-coin-increase .cryptowp-coin-percent:before, .cryptowp-coin-decrease .cryptowp-coin-percent:before {
display: inline-block;
font-family: 'cryptowp-icon';
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-right: 4px;
speak: none;
text-decoration: inherit;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cryptowp-coin-increase .cryptowp-coin-percent:before { content: '\e801'; }
.cryptowp-coin-decrease .cryptowp-coin-percent:before { content: '\e800'; } .cryptowp-coin-inner:after, .cryptowp-columns:after {
clear: both;
content: '';
display: table;
} .cryptowp-coin { display: block; }
.cryptowp-coins a.cryptowp-coin {
border-bottom: 0;
text-decoration: none;
}
.cryptowp-coin-icon img {
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cryptowp-coin-name, .cryptowp-coin-price { color: #111; }
.cryptowp-grid .cryptowp-coin:hover .cryptowp-coin-icon img {
-ms-transform: scale(1.05) rotate(-5deg);
-moz-transform: scale(1.05) rotate(-5deg);
-webkit-transform: scale(1.05) rotate(-5deg);
-o-transform: scale(1.05) rotate(-5deg);
transform: scale(1.05) rotate(-5deg);
}  .cryptowp-grid .cryptowp-coin-icon {
float: left;
text-align: center;
width: 20%;
}
.cryptowp-grid .cryptowp-coin-icon + .cryptowp-coin-stats {
float: left;
padding-left: 15px;
width: 80%;
}
@media all and (min-width: 980px) {
.cryptowp-columns { margin-left: -15px; }
.cryptowp-columns .cryptowp-coin {
float: left;
padding-left: 15px;
}
}
@media all and (max-width: 980px) {
.cryptowp-columns .cryptowp-coin { width: 100% !important; }
} .cryptowp-grid .cryptowp-coin:not(:last-child) { margin-bottom: 15px; }
.cryptowp-grid .cryptowp-coin-inner {
background-color: #fff;
box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.1);
padding: 25px;
}
.cryptowp-grid .cryptowp-coin-name {
font-size: 18px;
line-height: 24px;
margin-bottom: 10px !important; }
.cryptowp-grid .cryptowp-coin-price {
font-size: 31px;
font-weight: bold;
line-height: 1;
margin-bottom: 10px !important; }  .cryptowp-list .cryptowp-coin-icon {
float: left;
text-align: center;
width: 7%;
}
.cryptowp-list .cryptowp-coin-icon img {
max-height: 25px;
max-width: 25px;
}
.cryptowp-list .cryptowp-coin-icon + .cryptowp-coin-stats {
float: left;
padding-left: 15px;
width: 93%;
} .cryptowp-list .cryptowp-coin:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
margin-bottom: 12px;
padding-bottom: 10px;
}
.cryptowp-list .cryptowp-coin-name,
.cryptowp-list .cryptowp-coin-price,
.cryptowp-list .cryptowp-coin-meta {
display: inline-block;
line-height: 1;
margin-bottom: 0;
}
.cryptowp-list .cryptowp-coin-name {
font-weight: bold;
margin-right: 7px;
}
.cryptowp-list .cryptowp-coin-meta {
float: right;
margin-top: 7px;
} .cryptowp-widget .cryptowp-coins .cryptowp-coin-meta {
font-size: 13px;
line-height: 1;
margin-bottom: 0;
}
.cryptowp-coins .cryptowp-coin-meta span { margin-right: 7px; }
.cryptowp-coin-symbol { color: #777; }
.cryptowp-coin-increase .cryptowp-coin-percent { color: green; }
.cryptowp-coin-decrease .cryptowp-coin-percent { color: red; }.mailerlite-form {
}
.mailerlite-form .mailerlite-form-description {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field label {
display: block;
}
.mailerlite-form .mailerlite-subscribe-button-container {
text-align: center;
}
.mailerlite-form input.error {
color: #ff0000;
border-color: #ff0000;
}
.mailerlite-form label.error {
color: #ff0000;
}
.mailerlite-form-response {
margin-top: 20px;
display: none;
text-align: center;
color: #00a154;
}
.mailerlite-form-loader {
display: none;
text-align: center;
font-weight: bold;
margin: 0 20px;
}
.mailerlite-form-error {
display: block;
color: #ff0000;
}
.mailerlite-subscribe-submit{
max-width: 100%;
}@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800;900&family=Source+Sans+3:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap"); :root {
--bg:      #0d0d0f;
--bg2:     #111318;
--bg3:     #161920;
--bg4:     #1c2030;
--accent:  #f7931a;
--accent2: #ff6b35;
--blue:    #3b82f6;
--green:   #22c55e;
--red:     #ef4444;
--text1:   #f1f5f9;
--text2:   #94a3b8;
--text3:   #475569;
--border:  rgba(255,255,255,0.07);
--border2: rgba(255,255,255,0.12);
--font-h:  'Exo 2', sans-serif;
--font-b:  'Source Sans 3', sans-serif;
--mono:    'JetBrains Mono', monospace;
--safe-bottom: env(safe-area-inset-bottom, 0px);
} html { background: var(--bg) !important; }
body,
body.jdc-dark {
background: var(--bg) !important;
color: var(--text2) !important;
font-family: var(--font-b) !important;
-webkit-font-smoothing: antialiased;
} #page, #content, #primary, #secondary,
#main, .site, .ast-container,
.entry-content, .ast-article-single,
.site-content, .ast-single-post,
.ast-separate-container,
.ast-page-builder-template,
.ast-right-sidebar, .ast-left-sidebar {
background: var(--bg) !important;
}
::selection { background: rgba(247,147,26,.22); color: #f7931a; }
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: #1e2535; border-radius: 3px; } #jdc-reading-progress {
position: fixed;
top: 0; left: 0;
width: 0%; height: 2px;
background: linear-gradient(90deg, var(--accent), var(--accent2));
z-index: 99999;
box-shadow: 0 0 6px var(--accent);
transition: width .1s linear;
pointer-events: none;
} #jdc-top-bars {
position: relative;
z-index: 400;
width: 100%;
} .jdc-ticker {
background: #08090b;
border-bottom: 1px solid var(--border);
height: 30px;
display: flex;
align-items: center;
padding: 0 1rem;
gap: .75rem;
overflow: hidden;
width: 100%;
}
.jdc-ticker-label {
font-family: var(--mono);
font-size: .58rem; font-weight: 600;
letter-spacing: .1em; text-transform: uppercase;
color: var(--accent);
padding-right: .75rem;
border-right: 1px solid var(--border);
flex-shrink: 0;
white-space: nowrap;
}
.jdc-ticker-overflow { overflow: hidden; flex: 1; }
.jdc-ticker-track {
display: flex;
gap: 2rem;
animation: jdcTicker 30s linear infinite;
white-space: nowrap;
}
.jdc-ticker-item {
display: inline-flex; align-items: center; gap: .4rem;
font-family: var(--mono); font-size: .65rem; color: var(--text1);
}
.jdc-ticker-sym { color: var(--text3); font-size: .6rem; }
.jdc-ticker-up  { color: var(--green); }
.jdc-ticker-dn  { color: var(--red); }
@keyframes jdcTicker { from { transform: translateX(0); } to { transform: translateX(-50%); } } .site-header,
.ast-primary-header-bar,
#masthead {
background: var(--bg2) !important;
border-bottom: 1px solid var(--border) !important;
box-shadow: none !important;
} .ast-site-title a,
.site-title a,
.ast-logo-title-holder .site-title {
color: var(--text1) !important;
font-family: var(--font-h) !important;
font-weight: 900 !important;
} .main-header-menu .menu-link,
.ast-nav-menu .menu-link,
#ast-hf-menu-1 .menu-link {
color: var(--text2) !important;
font-family: var(--font-h) !important;
font-size: .85rem !important;
font-weight: 600 !important;
letter-spacing: .01em !important;
}
.main-header-menu .menu-link:hover,
.ast-nav-menu .menu-link:hover { color: var(--text1) !important; }
.main-header-menu .current-menu-item > .menu-link,
.ast-nav-menu .current-menu-item > .menu-link { color: var(--accent) !important; } .main-header-menu .sub-menu,
.ast-nav-menu .sub-menu {
background: var(--bg2) !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
box-shadow: 0 8px 30px rgba(0,0,0,.5) !important;
}
.main-header-menu .sub-menu .menu-link,
.ast-nav-menu .sub-menu .menu-link { color: var(--text2) !important; }
.main-header-menu .sub-menu .menu-link:hover,
.ast-nav-menu .sub-menu .menu-link:hover { color: var(--accent) !important; background: var(--bg3) !important; } .ast-button-wrap .menu-toggle,
.ast-mobile-menu-trigger-fill { color: var(--text2) !important; }
.ast-mobile-menu-trigger-fill span { background: var(--text2) !important; } .ast-mobile-header-content { background: var(--bg2) !important; }
.ast-mobile-header-content .menu-link { color: var(--text2) !important; border-color: var(--border) !important; font-family: var(--font-h) !important; }
.ast-mobile-header-content .menu-link:hover,
.ast-mobile-header-content .current-menu-item > .menu-link { color: var(--accent) !important; } .jdc-cat-nav {
background: var(--bg2);
border-bottom: 1px solid var(--border);
width: 100%;
}
.jdc-cat-nav-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.25rem;
display: flex;
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.jdc-cat-nav-inner::-webkit-scrollbar { display: none; }
.jdc-cat-nav a {
font-family: var(--font-h);
font-size: .72rem; font-weight: 700;
letter-spacing: .05em; text-transform: uppercase;
color: var(--text3);
padding: .6rem 1rem;
border-bottom: 2px solid transparent;
white-space: nowrap;
flex-shrink: 0;
display: block;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.jdc-cat-nav a:hover,
.jdc-cat-nav a.current-cat {
color: var(--accent);
border-bottom-color: var(--accent);
}  h1, h2, h3, h4, h5, h6,
.entry-title, .entry-title a,
.ast-blog-single-element-title a {
color: var(--text1) !important;
font-family: var(--font-h) !important;
}
.entry-title a:hover { color: var(--accent) !important; } p, .entry-content p, .entry-summary p {
color: var(--text2) !important;
font-family: var(--font-b) !important;
line-height: 1.75 !important;
} a { color: var(--text2) !important; }
.entry-content a { color: var(--accent) !important; }
.entry-content a:hover { color: #ffaa44 !important; } .entry-meta,
.ast-blog-meta,
.posted-on, .byline, .cat-links,
.entry-meta a, .ast-blog-meta a {
color: var(--text3) !important;
font-family: var(--mono) !important;
font-size: .68rem !important;
}
.entry-meta a:hover, .ast-blog-meta a:hover { color: var(--accent) !important; } .ast-article-categories-container a,
.entry-meta .cat-links a {
background: var(--accent) !important;
color: #000 !important;
font-family: var(--font-h) !important;
font-size: .6rem !important;
font-weight: 800 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
padding: .2rem .6rem !important;
border-radius: 3px !important;
text-decoration: none !important;
}  .ast-blog-layout-1 #primary > .site-main,
.blog #primary,
.archive #primary {
background: var(--bg) !important;
} .ast-article-post {
background: var(--bg2) !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
margin-bottom: 1rem !important;
box-shadow: none !important;
overflow: hidden !important;
transition: background .2s, border-color .2s !important;
}
.ast-article-post:hover {
background: var(--bg3) !important;
border-color: var(--border2) !important;
} .ast-blog-featured-section {
background: var(--bg3) !important;
}
.ast-blog-featured-section img {
opacity: .9 !important;
transition: opacity .3s !important;
}
.ast-article-post:hover .ast-blog-featured-section img { opacity: 1 !important; } .ast-blog-single-element-title {
font-family: var(--font-h) !important;
font-weight: 700 !important;
letter-spacing: -.02em !important;
line-height: 1.3 !important;
} .single-post .site-content,
.single .ast-article-single {
background: var(--bg) !important;
} .single h1.entry-title {
font-family: var(--font-h) !important;
font-size: clamp(1.5rem, 3vw, 2.2rem) !important;
font-weight: 900 !important;
letter-spacing: -.04em !important;
line-height: 1.12 !important;
color: var(--text1) !important;
} .single .entry-content h2 {
font-family: var(--font-h) !important;
font-size: 1.3rem !important; font-weight: 800 !important;
color: var(--text1) !important;
letter-spacing: -.03em !important;
margin: 2rem 0 .85rem !important;
padding-bottom: .5rem !important;
border-bottom: 1px solid var(--border) !important;
}
.single .entry-content h3 {
font-family: var(--font-h) !important;
font-size: 1.1rem !important; font-weight: 700 !important;
color: var(--text1) !important;
margin: 1.5rem 0 .6rem !important;
} .single .ast-single-post-featured-section,
.single .post-thumbnail {
border-radius: 8px !important;
overflow: hidden !important;
border: 1px solid var(--border) !important;
margin-bottom: 1.5rem !important;
} .single .entry-content blockquote,
.entry-content blockquote {
background: var(--bg3) !important;
border: none !important;
border-left: 3px solid var(--accent) !important;
border-radius: 0 8px 8px 0 !important;
padding: 1rem 1.25rem !important;
margin: 1.5rem 0 !important;
color: var(--text1) !important;
} .entry-content pre {
background: #080b10 !important;
border: 1px solid var(--border2) !important;
border-radius: 8px !important;
padding: 1.25rem !important;
font-family: var(--mono) !important;
color: #7dd3fc !important;
overflow-x: auto !important;
}
.entry-content code {
font-family: var(--mono) !important;
background: var(--bg3) !important;
color: #7dd3fc !important;
padding: .15em .5em !important;
border-radius: 3px !important;
border: 1px solid var(--border) !important;
} .entry-content ul li, .entry-content ol li { color: var(--text2) !important; }
.entry-content ul li::marker { color: var(--accent) !important; } .jdc-read-time {
display: inline-flex !important;
align-items: center !important; gap: .4rem !important;
font-family: var(--mono) !important; font-size: .7rem !important;
color: var(--text3) !important;
background: var(--bg3) !important;
border: 1px solid var(--border) !important;
padding: .25rem .8rem !important;
border-radius: 100px !important;
margin-bottom: 1.25rem !important;
} #secondary, .ast-sidebar-wrap, .widget-area {
background: var(--bg) !important;
}
.widget {
background: var(--bg2) !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
overflow: hidden !important;
margin-bottom: 1.25rem !important;
padding: 0 !important;
box-shadow: none !important;
}
.widget-title, .widgettitle {
font-family: var(--font-h) !important;
font-size: .68rem !important; font-weight: 800 !important;
letter-spacing: .1em !important; text-transform: uppercase !important;
color: var(--text1) !important;
padding: .75rem 1rem !important; margin: 0 !important;
border-bottom: 1px solid var(--border) !important;
background: var(--bg2) !important;
display: flex !important; align-items: center !important; gap: .5rem !important;
}
.widget-title::before, .widgettitle::before {
content: '' !important; width: 3px !important; height: 13px !important;
background: var(--accent) !important; border-radius: 2px !important;
display: inline-block !important; flex-shrink: 0 !important;
}
.widget ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.widget ul li { background: var(--bg2) !important; border-bottom: 1px solid var(--border) !important; }
.widget ul li:last-child { border: none !important; }
.widget ul li a { display: block !important; padding: .7rem 1rem !important; color: var(--text2) !important; text-decoration: none !important; font-size: .85rem !important; transition: color .2s, background .2s !important; }
.widget ul li a:hover { color: var(--accent) !important; background: var(--bg3) !important; } .widget .search-field {
background: var(--bg3) !important; border: 1px solid var(--border2) !important;
border-radius: 5px !important; color: var(--text1) !important;
padding: .65rem 1rem !important; width: 100% !important;
font-family: var(--font-b) !important; -webkit-appearance: none !important;
}
.widget .search-field:focus { outline: none !important; border-color: var(--accent) !important; }
.widget .search-submit {
background: var(--accent) !important; border: none !important; color: #000 !important;
font-family: var(--font-h) !important; font-weight: 800 !important;
padding: .65rem 1rem !important; border-radius: 5px !important; cursor: pointer !important;
width: 100% !important; margin-top: .5rem !important; text-transform: uppercase !important;
font-size: .75rem !important; letter-spacing: .04em !important;
}
.widget .search-submit:hover { background: #ffaa44 !important; } .tag-cloud-link {
font-family: var(--font-h) !important; font-size: .62rem !important; font-weight: 700 !important;
letter-spacing: .05em !important; text-transform: uppercase !important;
color: var(--text2) !important; background: var(--bg3) !important;
border: 1px solid var(--border) !important; padding: .25rem .65rem !important;
border-radius: 3px !important; display: inline-block !important; margin: .2rem !important;
text-decoration: none !important; transition: color .2s, border-color .2s !important;
}
.tag-cloud-link:hover { color: var(--accent) !important; border-color: rgba(247,147,26,.35) !important; } .page-numbers,
.ast-pagination { list-style: none !important; padding: 0 !important; display: flex !important; gap: .4rem !important; justify-content: center !important; margin: 2rem 0 !important; }
.page-numbers a, .page-numbers span,
.page-numbers li a, .page-numbers li span {
display: flex !important; align-items: center !important; justify-content: center !important;
width: 38px !important; height: 38px !important;
background: var(--bg2) !important; border: 1px solid var(--border) !important;
border-radius: 5px !important; color: var(--text2) !important;
font-family: var(--mono) !important; font-size: .82rem !important; text-decoration: none !important;
transition: all .2s !important;
}
.page-numbers a:hover { color: var(--accent) !important; border-color: rgba(247,147,26,.35) !important; }
.page-numbers .current { background: var(--accent) !important; border-color: var(--accent) !important; color: #000 !important; font-weight: 700 !important; } .site-footer, #colophon, .ast-footer-overlay {
background: var(--bg2) !important;
border-top: 1px solid var(--border) !important;
}
.ast-footer-widget-area { background: var(--bg2) !important; border-bottom: 1px solid var(--border) !important; } .site-footer .footer-logo,
.site-footer .ast-footer-logo-wrap .site-title {
font-family: var(--font-h) !important;
font-size: 1.2rem !important;
font-weight: 900 !important;
color: var(--text1) !important;
margin-bottom: .6rem !important;
} .site-footer .footer-desc,
.site-footer .ast-footer-description,
.site-footer p {
font-family: var(--font-b) !important;
font-size: .8rem !important;
color: var(--text3) !important;
line-height: 1.6 !important;
} .site-footer .widget-title,
.site-footer .widgettitle,
.site-footer h2, .site-footer h3, .site-footer h4 {
font-family: var(--font-h) !important;
font-size: .65rem !important;
font-weight: 800 !important;
letter-spacing: .1em !important;
text-transform: uppercase !important;
color: var(--text3) !important;
margin-bottom: .85rem !important;
} .site-footer a,
.site-footer .ast-footer-menu-item a,
.site-footer .widget ul li a {
font-family: var(--font-b) !important;
font-size: .8rem !important;
font-weight: 400 !important;
color: var(--text3) !important;
text-decoration: none !important;
transition: color .2s !important;
}
.site-footer a:hover,
.site-footer .widget ul li a:hover { color: var(--accent) !important; } .ast-footer-copyright, .site-info {
font-family: var(--mono) !important;
font-size: .65rem !important;
color: var(--text3) !important;
} input[type="text"], input[type="email"], input[type="password"],
input[type="search"], textarea, select {
background: var(--bg3) !important; border: 1px solid var(--border2) !important;
border-radius: 5px !important; color: var(--text1) !important;
font-family: var(--font-b) !important; -webkit-appearance: none !important;
}
input:focus, textarea:focus { outline: none !important; border-color: var(--accent) !important; }
button[type="submit"], input[type="submit"] {
background: var(--accent) !important; border: none !important; color: #000 !important;
font-family: var(--font-h) !important; font-weight: 800 !important; cursor: pointer !important;
}
button[type="submit"]:hover, input[type="submit"]:hover { background: #ffaa44 !important; } .comments-area { background: var(--bg) !important; }
.comment-body { background: var(--bg2) !important; border: 1px solid var(--border) !important; border-radius: 8px !important; padding: 1rem 1.25rem !important; margin-bottom: 1rem !important; }
.comment-author .fn { color: var(--text1) !important; font-weight: 700 !important; }
.comment-content p { color: var(--text2) !important; }
.comment-metadata a { color: var(--text3) !important; font-family: var(--mono) !important; font-size: .62rem !important; } .jdc-bottom-nav {
display: none;
position: fixed;
bottom: 0; left: 0; right: 0;
background: rgba(17,19,24,.96);
border-top: 1px solid var(--border);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
padding-bottom: var(--safe-bottom);
z-index: 9990;
}
.jdc-bottom-nav-inner { display: flex; }
.jdc-nav-item {
flex: 1;
display: flex; flex-direction: column;
align-items: center; justify-content: center;
padding: .6rem .5rem .55rem;
color: var(--text3);
text-decoration: none;
gap: .2rem;
-webkit-tap-highlight-color: transparent;
transition: color .2s;
}
.jdc-nav-item:hover, .jdc-nav-item.active { color: var(--accent) !important; }
.jdc-nav-icon { display: flex; align-items: center; justify-content: center; }
.jdc-nav-label { font-family: var(--font-h); font-size: .5rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } @media (max-width: 1024px) {
.ast-article-post { margin-bottom: .75rem !important; }
}  .ast-container,
.ast-container-fluid,
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1200px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
} .home #content .ast-container,
.front-page #content .ast-container,
body.page-template-front-page #content .ast-container {
padding-left: 0 !important;
padding-right: 0 !important;
} .ast-narrow-container .ast-container,
.single .ast-container,
.page .ast-container {
max-width: 1200px !important;
} #content .ast-container > #primary,
.ast-two-container-layout #primary,
.ast-right-sidebar #primary,
.ast-left-sidebar #primary {
width: calc(1200px - 300px - 2.5rem) !important;
max-width: calc(100% - 300px - 2.5rem) !important;
} #secondary,
.ast-sidebar-wrap,
.widget-area,
.ast-right-sidebar #secondary,
.ast-left-sidebar #secondary {
width: 300px !important;
min-width: 300px !important;
max-width: 300px !important;
flex: 0 0 300px !important;
} @media (max-width: 768px) {
#content .ast-container > #primary,
.ast-right-sidebar #primary,
.ast-left-sidebar #primary {
width: 100% !important;
max-width: 100% !important;
}
#secondary,
.ast-sidebar-wrap,
.widget-area {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
} #jdc-homepage {
background: var(--bg);
width: 100%;
}
.jdc-home-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 1.5rem 1.25rem;
display: grid;
grid-template-columns: 1fr 300px;
gap: 1.75rem;
background: var(--bg);
}
.jdc-home-main {
min-width: 0;
background: var(--bg);
}
.jdc-home-sidebar {
width: 300px;
flex-shrink: 0;
background: var(--bg);
} .jdc-section-head {
display: flex;
align-items: center;
gap: .6rem;
padding: 1.25rem 0 .85rem;
background: var(--bg);
}
.jdc-section-head::before {
content: '';
width: 3px; height: 16px;
background: var(--accent);
border-radius: 2px;
flex-shrink: 0;
}
.jdc-section-label {
font-family: var(--font-h);
font-size: .7rem; font-weight: 800;
letter-spacing: .1em; text-transform: uppercase;
color: var(--text1);
}
.jdc-section-more {
margin-left: auto;
font-family: var(--font-h);
font-size: .7rem; font-weight: 600;
color: var(--text3);
text-decoration: none;
transition: color .2s;
}
.jdc-section-more:hover { color: var(--accent) !important; } .jdc-hero-placeholder,
.jdc-hcard-placeholder,
.jdc-card-placeholder,
.jdc-list-placeholder {
width: 100%; height: 100%;
background: linear-gradient(135deg, var(--bg3), var(--bg4));
min-height: 150px;
} .jdc-hero-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
background: var(--border);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
margin-bottom: 1.75rem;
text-decoration: none;
} .jdc-hero-main {
position: relative;
overflow: hidden;
min-height: 430px;
display: block;
text-decoration: none;
grid-row: 1 / 2;
}
.jdc-hero-main img {
width: 100%; height: 100%;
object-fit: cover;
filter: brightness(.6);
transition: transform .6s ease, filter .3s;
display: block;
position: absolute; inset: 0;
}
.jdc-hero-main:hover img { transform: scale(1.03); filter: brightness(.72); }
.jdc-hero-overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.2) 55%, transparent 100%);
display: flex; flex-direction: column;
justify-content: flex-end;
padding: 1.75rem;
z-index: 1;
}
.jdc-hero-title-lg {
font-family: var(--font-h) !important;
font-size: clamp(1.3rem, 2.5vw, 1.75rem) !important;
font-weight: 800; letter-spacing: -.03em;
line-height: 1.15; color: #fff;
margin: .4rem 0 .75rem;
}
.jdc-hero-meta {
font-family: var(--mono);
font-size: .62rem; color: rgba(255,255,255,.45);
display: flex; align-items: center; gap: .5rem;
}
.jdc-hero-meta-dot {
width: 2px; height: 2px;
background: rgba(255,255,255,.3); border-radius: 50%;
} .jdc-hero-subs {
display: flex; flex-direction: column; gap: 1px;
background: var(--border);
}
.jdc-hero-sub {
position: relative; overflow: hidden;
flex: 1; min-height: 185px;
display: block; text-decoration: none;
background: var(--bg3);
}
.jdc-hero-sub img {
width: 100%; height: 100%;
object-fit: cover;
filter: brightness(.62);
transition: transform .5s ease, filter .3s;
display: block;
position: absolute; inset: 0;
}
.jdc-hero-sub:hover img { transform: scale(1.04); filter: brightness(.75); }
.jdc-hero-sub-overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.88) 0%, transparent 55%);
display: flex; flex-direction: column;
justify-content: flex-end;
padding: 1.25rem;
z-index: 1;
}
.jdc-hero-title-md {
font-family: var(--font-h) !important;
font-size: 1.05rem !important;
font-weight: 800 !important;
letter-spacing: -.03em !important;
line-height: 1.15 !important;
color: #fff !important;
margin: .3rem 0 .5rem;
} .jdc-hscroll {
padding: 0 0 .5rem;
overflow-x: auto;
display: flex; gap: .75rem;
scrollbar-width: none; -ms-overflow-style: none;
cursor: grab;
background: var(--bg);
-webkit-overflow-scrolling: touch;
}
.jdc-hscroll:active { cursor: grabbing; }
.jdc-hscroll::-webkit-scrollbar { display: none; }
.jdc-hcard {
flex-shrink: 0; width: 200px;
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 10px; overflow: hidden;
text-decoration: none;
transition: border-color .2s;
display: block;
}
.jdc-hcard:hover { border-color: rgba(247,147,26,.3); }
.jdc-hcard img { width: 100%; height: 110px; object-fit: cover; filter: brightness(.82); display: block; }
.jdc-hcard-placeholder { width: 100%; height: 110px; background: var(--bg3); }
.jdc-hcard-body { padding: .65rem .8rem .8rem; }
.jdc-hcard-cat { font-family: var(--font-h); font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); margin-bottom: .3rem; }
.jdc-hcard-title { font-family: var(--font-h); font-size: .82rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.3; color: var(--text1); }
.jdc-hcard-meta { font-family: var(--mono); font-size: .58rem; color: var(--text3); margin-top: .4rem; } .jdc-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: var(--border);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
margin-bottom: 1.75rem;
}
.jdc-card-v {
background: var(--bg2);
overflow: hidden;
text-decoration: none;
transition: background .2s;
display: block;
}
.jdc-card-v:hover { background: var(--bg3); }
.jdc-card-v img { width: 100%; height: 145px; object-fit: cover; filter: brightness(.82); display: block; transition: transform .5s, filter .3s; }
.jdc-card-v:hover img { transform: scale(1.04); filter: brightness(.95); }
.jdc-card-placeholder { width: 100%; height: 145px; background: var(--bg3); }
.jdc-card-v-body { padding: .85rem 1rem 1rem; background: var(--bg2); }
.jdc-card-v-title { font-family: var(--font-h) !important; font-size: .92rem !important; font-weight: 700 !important; letter-spacing: -.02em !important; line-height: 1.3 !important; color: var(--text1) !important; transition: color .2s; margin-bottom: .5rem !important; }
.jdc-card-v:hover .jdc-card-v-title { color: var(--accent); }
.jdc-card-meta { font-family: var(--mono); font-size: .6rem; color: var(--text3); } .jdc-list {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
margin-bottom: 1.75rem;
}
.jdc-list-card {
display: grid;
grid-template-columns: 160px 1fr;
background: var(--bg2);
border-bottom: 1px solid var(--border);
text-decoration: none;
transition: background .2s;
overflow: hidden;
min-height: 105px;
}
.jdc-list-card:last-child { border-bottom: none; }
.jdc-list-card:hover { background: var(--bg3); }
.jdc-list-card img { width: 160px; height: 105px; object-fit: cover; filter: brightness(.85); display: block; transition: filter .3s; }
.jdc-list-card:hover img { filter: brightness(1); }
.jdc-list-placeholder { width: 160px; height: 105px; background: var(--bg3); }
.jdc-list-body { padding: .75rem 1rem; display: flex; flex-direction: column; justify-content: center; }
.jdc-list-cat { font-family: var(--font-h); font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); margin-bottom: .2rem; }
.jdc-list-title { font-family: var(--font-h); font-size: .88rem; font-weight: 700; letter-spacing: -.015em; line-height: 1.3; color: var(--text1); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.jdc-list-card:hover .jdc-list-title { color: var(--accent); }
.jdc-list-meta { font-family: var(--mono); font-size: .6rem; color: var(--text3); margin-top: .35rem; }  .jdc-widget {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
margin-bottom: 1.25rem;
}
.jdc-widget-head {
padding: .7rem 1rem;
border-bottom: 1px solid var(--border);
display: flex; align-items: center; gap: .5rem;
background: var(--bg2);
}
.jdc-widget-head::before {
content: '';
width: 3px; height: 13px;
background: var(--accent); border-radius: 2px; flex-shrink: 0;
}
.jdc-widget-head span {
font-family: var(--font-h);
font-size: .65rem; font-weight: 800;
letter-spacing: .08em; text-transform: uppercase;
color: var(--text1);
} .jdc-trending-item {
display: flex; align-items: flex-start; gap: .75rem;
padding: .8rem 1rem;
border-bottom: 1px solid var(--border);
text-decoration: none;
transition: background .15s;
}
.jdc-trending-item:last-child { border: none; }
.jdc-trending-item:hover { background: var(--bg3); }
.jdc-trending-num { font-family: var(--font-h); font-size: 1.3rem; font-weight: 900; color: rgba(255,255,255,.07); line-height: 1; flex-shrink: 0; width: 26px; text-align: center; }
.jdc-trending-title { font-family: var(--font-h); font-size: .82rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.3; color: var(--text1); }
.jdc-trending-item:hover .jdc-trending-title { color: var(--accent); }
.jdc-trending-meta { font-family: var(--mono); font-size: .58rem; color: var(--text3); margin-top: .2rem; } .jdc-show-mobile { display: none; }  @media (max-width: 1024px) {
.jdc-home-wrap {
grid-template-columns: 1fr;
}
.jdc-home-sidebar {
width: 100%;
}
.jdc-grid {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 768px) { .jdc-home-wrap { padding: 0 0 1rem; gap: 0; }
.jdc-home-main { padding: 0; } .jdc-hero-grid { display: none; }
.jdc-show-mobile { display: flex; } .jdc-hero-main-mobile {
position: relative;
margin: .75rem;
border-radius: 12px;
overflow: hidden;
min-height: 240px;
}
.jdc-hero-main-mobile img {
width: 100%; height: 240px;
object-fit: cover;
filter: brightness(.6);
display: block;
}
.jdc-hero-main-mobile .jdc-hero-overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.25) 55%, transparent 100%);
display: flex; flex-direction: column; justify-content: flex-end;
padding: 1.1rem;
} .jdc-hscroll {
padding: 0 1rem .5rem;
cursor: grab;
}
.jdc-hscroll:active { cursor: grabbing; }
.jdc-hcard {
width: 200px;
border-radius: 10px;
border: 1px solid var(--border);
}
.jdc-hcard:active { border-color: rgba(247,147,26,.35); }
.jdc-hcard img { height: 110px; } .jdc-section-head { padding: 1.1rem 1rem .7rem; }
.jdc-section-label { font-size: .68rem; letter-spacing: .1em; } .jdc-grid {
grid-template-columns: 1fr;
border-radius: 0;
border-left: none;
border-right: none;
margin-bottom: 0;
} .jdc-list {
border-radius: 0;
border-left: none;
border-right: none;
}
.jdc-list-card {
grid-template-columns: 110px 1fr;
border-bottom: 1px solid var(--border);
border-radius: 0;
}
.jdc-list-card:first-child { border-top: 1px solid var(--border); }
.jdc-list-card img,
.jdc-list-placeholder { width: 110px; height: 85px; }
.jdc-list-title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} .jdc-widget {
border-radius: 0;
border-left: none;
border-right: none;
margin-bottom: .75rem;
} .jdc-nl-box {
background: linear-gradient(135deg, #0e1a2f, #161920);
border: 1px solid rgba(247,147,26,.2);
margin: .75rem;
border-radius: 12px;
padding: 1.25rem;
}
.jdc-nl-input {
border-radius: 8px;
padding: .7rem .9rem;
-webkit-appearance: none;
}
.jdc-nl-btn {
border-radius: 8px;
padding: .7rem;
} .jdc-home-sidebar {
width: 100%;
padding: 0;
border-top: 1px solid var(--border);
} .jdc-trending-num {
font-size: 1.3rem;
width: 26px;
}
.jdc-trending-title { font-size: .82rem; }
.jdc-trending-meta { font-size: .58rem; } .jdc-price-icon { width: 32px; height: 32px; font-size: .75rem; }
.jdc-price-name { font-size: .85rem; }
.jdc-price-val  { font-size: .82rem; }
.jdc-price-chg  { font-size: .6rem; } .jdc-tag { font-size: .6rem; padding: .25rem .65rem; } .jdc-bottom-nav { display: flex !important; }
#page { padding-bottom: calc(60px + var(--safe-bottom, 0px)) !important; } .single h1.entry-title { font-size: 1.45rem !important; }
.single .entry-content h2 { font-size: 1.1rem !important; } #secondary, .ast-sidebar-wrap {
margin-top: 1.5rem !important;
border-top: 1px solid var(--border) !important;
padding-top: 1.5rem !important;
}
} @media (max-width: 480px) {
.jdc-hcard { width: 170px; }
.jdc-hcard img { height: 95px; }
.single h1.entry-title { font-size: 1.25rem !important; }
.jdc-hero-title-lg { font-size: 1.15rem; }
} .jdc-price-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: .7rem 1.1rem;
border-bottom: 1px solid var(--border);
cursor: pointer;
transition: background .2s;
}
.jdc-price-row:last-child { border-bottom: none; }
.jdc-price-row:hover { background: var(--bg3); }
.jdc-price-left {
display: flex;
align-items: center;
gap: .7rem;
} .jdc-price-icon {
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: .8rem;
font-weight: 700;
font-family: var(--mono, monospace);
flex-shrink: 0;
}
.jdc-price-icon.btc { background: rgba(247,147,26,.15);  color: #f7931a; }
.jdc-price-icon.eth { background: rgba(98,126,234,.15);  color: #627eea; }
.jdc-price-icon.sol { background: rgba(20,241,149,.15);  color: #14f195; }
.jdc-price-icon.bnb { background: rgba(243,186,47,.15);  color: #f3ba2f; }
.jdc-price-icon.xrp { background: rgba(52,106,169,.15);  color: #346aa9; }
.jdc-price-icon.ada { background: rgba(0,51,173,.15);    color: #6699ff; }
.jdc-price-icon.doge{ background: rgba(194,166,51,.15);  color: #c2a633; }
.jdc-price-name {
font-family: var(--font-h, 'Exo 2', sans-serif);
font-size: .82rem;
font-weight: 700;
color: var(--text1);
line-height: 1.2;
}
.jdc-price-sym {
font-family: var(--mono, monospace);
font-size: .65rem;
color: var(--text3);
margin-top: .1rem;
} .jdc-price-val {
font-family: var(--mono, monospace);
font-size: .85rem;
font-weight: 500;
color: var(--text1);
text-align: right;
}
.jdc-price-chg {
font-family: var(--mono, monospace);
font-size: .65rem;
font-weight: 600;
text-align: right;
margin-top: .1rem;
}
.jdc-price-chg.up { color: var(--green, #22c55e); }
.jdc-price-chg.dn { color: var(--red,   #ef4444); } .jdc-price-right {
text-align: right;
} .jdc-nl-box {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 10px;
padding: 1.25rem 1.1rem;
overflow: hidden;
}
.jdc-nl-title {
display: flex;
align-items: center;
gap: .5rem;
font-family: var(--font-h, 'Exo 2', sans-serif);
font-size: 1rem;
font-weight: 800;
letter-spacing: -.02em;
color: var(--text1);
margin-bottom: .4rem;
}
.jdc-nl-title svg {
color: var(--accent);
flex-shrink: 0;
}
.jdc-nl-desc {
font-size: .8rem;
color: var(--text2);
line-height: 1.55;
margin-bottom: 1rem;
}
.jdc-nl-form {
display: flex;
flex-direction: column;
gap: .6rem;
}
.jdc-nl-input {
width: 100%;
background: #0d1220;
border: 1px solid var(--border2, rgba(255,255,255,.12));
border-radius: 5px;
padding: .6rem .9rem;
color: var(--text1);
font-family: var(--font-b, 'Source Sans 3', sans-serif);
font-size: .82rem;
transition: border-color .2s;
}
.jdc-nl-input::placeholder { color: var(--text3); }
.jdc-nl-input:focus {
outline: none;
border-color: var(--accent);
}
.jdc-nl-btn {
width: 100%;
background: var(--accent);
border: none;
color: #000;
font-family: var(--font-h, 'Exo 2', sans-serif);
font-size: .82rem;
font-weight: 800;
letter-spacing: .02em;
text-transform: uppercase;
padding: .65rem;
border-radius: 5px;
cursor: pointer;
transition: background .2s;
}
.jdc-nl-btn:hover { background: #ffaa44; } .jdc-tags {
display: flex;
flex-wrap: wrap;
gap: .4rem;
padding: .85rem 1rem;
}
.jdc-tag {
font-family: var(--font-h, 'Exo 2', sans-serif);
font-size: .65rem;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
color: var(--text2);
background: var(--bg3);
border: 1px solid var(--border);
padding: .25rem .7rem;
border-radius: 3px;
cursor: pointer;
transition: all .2s;
text-decoration: none;
}
.jdc-tag:hover {
color: var(--accent);
border-color: rgba(247,147,26,.3);
background: rgba(247,147,26,.07);
}  .jdc-cat-badge {
font-family: var(--font-h, 'Exo 2', sans-serif);
font-size: .65rem;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
color: #000;
background: var(--accent);
padding: .2rem .65rem;
border-radius: 3px;
display: inline-block;
margin-bottom: .75rem;
width: fit-content;
} .jdc-card-v-body .jdc-cat-badge,
.jdc-list-body .jdc-cat-badge {
background: transparent;
color: var(--accent);
padding: 0;
margin-bottom: .35rem;
letter-spacing: .1em;
font-size: .6rem;
} .jdc-logo {
font-family: var(--font-h, 'Exo 2', sans-serif);
font-size: 1.3rem;
font-weight: 900;
letter-spacing: -.03em;
color: var(--text1);
text-decoration: none;
display: flex;
align-items: center;
white-space: nowrap;
line-height: 1;
}
.jdc-logo:hover { color: var(--text1); text-decoration: none; }
.jdc-logo-accent { color: var(--accent); } .jdc-logo ~ .ast-site-title,
.ast-logo-title-holder .custom-logo-link,
.ast-logo-title-holder img.custom-logo {
display: none !important;
}  .jdc-nl-box .srfm-form-container,
.jdc-nl-box .srfm-form {
background: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
} .jdc-nl-box .srfm-label,
.jdc-nl-box .srfm-block-label {
font-family: var(--font-b) !important;
font-size: .8rem !important;
color: var(--text2) !important;
margin-bottom: .35rem !important;
} .jdc-nl-box .srfm-input,
.jdc-nl-box input[type="email"],
.jdc-nl-box input[type="text"] {
width: 100% !important;
background: #0d1220 !important;
border: 1px solid var(--border2) !important;
border-radius: 5px !important;
padding: .6rem .9rem !important;
color: var(--text1) !important;
font-family: var(--font-b) !important;
font-size: .82rem !important;
margin-bottom: .6rem !important;
box-shadow: none !important;
-webkit-appearance: none !important;
}
.jdc-nl-box input[type="email"]:focus,
.jdc-nl-box input[type="text"]:focus {
outline: none !important;
border-color: var(--accent) !important;
}
.jdc-nl-box input::placeholder { color: var(--text3) !important; } .jdc-nl-box .srfm-submit-btn,
.jdc-nl-box button[type="submit"],
.jdc-nl-box input[type="submit"] {
width: 100% !important;
background: var(--accent) !important;
border: none !important;
color: #000 !important;
font-family: var(--font-h) !important;
font-size: .82rem !important;
font-weight: 800 !important;
letter-spacing: .02em !important;
text-transform: uppercase !important;
padding: .65rem !important;
border-radius: 5px !important;
cursor: pointer !important;
transition: background .2s !important;
box-shadow: none !important;
}
.jdc-nl-box .srfm-submit-btn:hover,
.jdc-nl-box button[type="submit"]:hover { background: #ffaa44 !important; } .jdc-nl-box .srfm-success-message {
font-family: var(--font-h) !important;
font-size: .85rem !important;
color: var(--green) !important;
padding: .75rem !important;
background: rgba(34,197,94,.08) !important;
border: 1px solid rgba(34,197,94,.2) !important;
border-radius: 5px !important;
} .jdc-nl-box .srfm-error-message {
font-size: .75rem !important;
color: var(--red) !important;
margin-top: .25rem !important;
}