/**
 * Theme Name:          Color Magazinex Plus
 * Theme URI:           https://mysterythemes.com/wp-themes/color-magazinex/
 * Author:              Mystery Themes
 * Author URI:          https://mysterythemes.com/
 * Description:         Color Magazinex Plus is a fast, free, and fully responsive WordPress magazine theme crafted specifically for online news portals, digital magazines, and content-rich news websites. Built with flexibility in mind, it works seamlessly with the WordPress Customizer, allowing you to upload your logo, tweak colors, switch layouts, and select fonts — all with real-time previews. Designed for performance and aesthetics, it comes with several ready-to-import demo sites that let you launch a professional news website in minutes. Packed with essential features like a sticky header, customizable category color highlights, social sharing integration, a trending news section, and multiple content layouts, Color Magazinex Plus delivers both style and speed. Plus, it's fully compatible with Elementor, making drag-and-drop page building effortless for both beginners and pros.
 * Version:             1.0.2
 * Requires at least:   5.6
 * Tested up to:        6.8
 * Requires PHP:        7.4
 * License:             GNU General Public License v3 or later
 * License URI:         http://www.gnu.org/licenses/gpl-3.0.html
 * Template:            color-magazinex
 * Text Domain:         color-magazinex-plus
 * Tags:                blog, portfolio, news, grid-Layout, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, full-width-template, footer-widgets, rtl-language-support, theme-options, translation-ready, block-styles, wide-blocks
 */


 .item-title a,
 .entry-title a,
 .color_magazinex_latest_posts .mt-post-title a,
 #secondary .widget .widget-title,
 .mt-related-post-title,
 #colophon .widget .widget-title,
 .cvmm-block-title.layout--default {
   font-family: "Be Vietnam Pro", Helvetica, Arial, sans-serif;
   font-weight: 600;

 }

 .single .entry-content a {
   text-decoration: underline;
 }

 .home.elementor-page .entry-content a {
   text-decoration: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: "Be Vietnam Pro", Helvetica, Arial, sans-serif;
   font-weight: 700;
 }


 body {
   font-family: "Be Vietnam Pro", Helvetica, Arial, sans-serif;
   color: #302b2b;
 }

 .entry-meta a {
   font-size: 14px;
   font-weight: 500;
   color: #666666;
 }

 .mt-archive-article-wrapper,
 .site-content #secondary {
   margin-top: 30px;
 }

 .mt-page-content-wrapper .site-main article.post {
   padding: 20px;
   border: 1px solid #e1e1e1;
   margin-right: 0;
   margin-bottom: 25px;
 }


 .post-cats-list a {
   font-size: 14px;
 }

 .ticker-post-thumb {
   width: 70px;
   border: 2px solid #e1e1e1;
   padding: 5px;

 }

 .ticker-post-thumb-wrap {
   margin-top: 1px;
 }

 .single .byline,
 .group-blog .byline,
 .posted-on,
 .blog-author,
 .blog-cat {
   display: inline-block;
 }

 .cvmm-block-post-block--layout-one .cvmm-post-cat a {
   padding: 8px 10px;

 }

 .elementor-widget-container .cvmm-post-wrapper .cvmm-post-block-main-post-wrap .cvmm-post-content-all-wrapper a {
   color: #fff;
 }


/* --- TRENDNIVO ULTRA-FUTURISTIC FINISHING --- */
body.home { 
    background-color: #05070a !important; 
    margin: 0; 
    padding: 0; 
}

/* Hilangkan elemen sisa tema */
.home header, .home footer, .home .site-footer, .home .header-ads { display: none !important; }

/* Menu Atas Glassmorphism */
.nivo-top-nav { 
    background: rgba(255, 255, 255, 0.05); 
    backdrop-filter: blur(20px); 
    -webkit-backdrop-filter: blur(20px);
    border-radius: 50px; 
    width: fit-content; 
    margin: 50px auto; 
    padding: 12px 40px; 
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.nav-container ul { display: flex; list-style: none; gap: 35px; margin: 0; padding: 0; }
.nav-container a { color: #888; text-decoration: none; font-weight: bold; font-size: 12px; letter-spacing: 2px; }
.nav-container li.active a { color: #4fd1c5 !important; text-shadow: 0 0 10px rgba(79, 209, 197, 0.5); }

/* Layout Grid Lebar */
.nivo-glass-grid { 
    display: grid; 
    grid-template-columns: 1.2fr 2fr 1.2fr; 
    gap: 30px; 
    max-width: 1400px; 
    margin: 0 auto; 
    padding: 20px;
}

/* Desain Kotak Bento */
.nivo-box { 
    background: rgba(20, 25, 35, 0.6); 
    backdrop-filter: blur(15px); 
    border: 1px solid rgba(255, 255, 255, 0.05); 
    border-radius: 25px; 
    padding: 25px; 
    transition: 0.4s;
}
.nivo-box:hover { border-color: #4fd1c5; box-shadow: 0 0 20px rgba(79, 209, 197, 0.15); }

/* Konten Utama (Tengah) */
.main-box { padding: 0 !important; overflow: hidden; border: 1px solid rgba(79, 209, 197, 0.3); }
.featured-img img { width: 100%; height: 500px; object-fit: cover; opacity: 0.8; }
.main-text { 
    padding: 40px; 
    background: linear-gradient(to top, #05070a 40%, transparent); 
    margin-top: -200px; 
    position: relative; 
}
.main-text h2 a { 
    color: #4fd1c5 !important; 
    text-decoration: none; 
    font-size: 32px; 
    line-height: 1.2; 
    font-weight: 800;
}

/* Sidebar Text */
.side-box h4 { color: #4fd1c5; font-size: 10px; letter-spacing: 2px; margin-bottom: 15px; opacity: 0.8; }
.side-box h3 a { color: #fff !important; text-decoration: none; font-size: 18px; line-height: 1.4; }
.side-box p { color: #999; font-size: 13px; line-height: 1.6; }

/* Bottom Ticker (Data Saham Mas) */
.nivo-bottom-ticker-display { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    background: #000; 
    border-top: 2px solid #4fd1c5; 
    padding: 15px 0; 
    z-index: 9999;
}
/* PERBAIKAN SPACING & THUMBNAIL */
.nivo-glass-grid { 
    gap: 40px !important; /* Memperlebar jarak antar kolom */
    padding: 0 50px; 
}

.col-label { 
    font-size: 12px; 
    color: #4fd1c5; 
    letter-spacing: 3px; 
    margin-bottom: 20px; 
    text-align: center; 
    opacity: 0.6;
}

/* Styling Gambar Kecil di Samping */
.side-box { 
    display: flex; 
    gap: 15px; 
    margin-bottom: 20px; 
    align-items: center; 
}

.side-thumb img { 
    width: 80px; 
    height: 80px; 
    border-radius: 12px; 
    object-fit: cover; 
    border: 1px solid rgba(79, 209, 197, 0.3);
}

.side-info { flex: 1; }
.side-info h3 a { font-size: 14px !important; }

/* Membuat layout tengah lebih dominan */
.nivo-main-col { flex-grow: 2; }