/*
Theme Name: Ideaz Magazine
Theme URI: https://ideaztechcom.com/
Description: A news magazine child theme of Twenty Twenty-Five. Trending bar, centered logo and boxed menu, hero post grid, thumbnail post list, dark top stories band, single posts with sidebar and share links, and a dark multi-column footer.
Author: Ideaz Tech
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ideaz-magazine
*/

:root{--mg-blue:#3498db;--mg-dark:#161616;--mg-text:#333;--mg-line:#e1e1e1}
body{background:#f4f4f4;color:var(--mg-text);font-family:"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.7}
.wp-site-blocks>*+*{margin-block-start:0!important}
h1,h2,h3,h4,h5{font-family:Lora,Georgia,serif;color:#111;font-weight:700}
a{color:inherit}

/* Header */
.mg-header{background:#fff;border-bottom:1px solid var(--mg-line)}
.mg-top{max-width:1200px;margin:0 auto;padding:.5rem 1rem!important;font-size:.82rem;border-bottom:1px solid var(--mg-line);align-items:center}
.mg-top .wp-block-post-template{margin:0;padding:0;list-style:none}
.mg-top li{margin:0}
.mg-trend-label{background:var(--mg-blue);color:#fff;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;margin:0}
.mg-top .wp-block-post-title{font-family:"PT Sans",sans-serif;font-size:.85rem;font-weight:400;margin:0}
.mg-top .wp-block-post-title a{text-decoration:none;color:#333}
.mg-top .wp-block-post-title a:hover{color:var(--mg-blue)}
.mg-top .wp-block-search__button{background:transparent!important;color:#333!important;border:0;padding:.3rem}
.mg-top .wp-block-search__inside-wrapper{border:0!important;padding:0!important}
.mg-logo{padding:1.6rem 1rem!important;gap:.7rem!important;align-items:center}
.mg-logo .wp-block-site-logo img{display:block;height:auto}
.mg-brand,.mg-brand a{font-family:Lora,Georgia,serif;font-size:2.5rem;font-weight:700;color:#111;text-decoration:none;margin:0;line-height:1.1}
.mg-nav{max-width:1200px;margin:0 auto;padding:0 1rem!important}
.mg-nav-in{border-top:1px solid var(--mg-line);border-bottom:1px solid var(--mg-line);background:#fff}
.mg-nav .wp-block-navigation{font-family:"PT Sans",sans-serif;font-size:.85rem;font-weight:400;text-transform:uppercase;letter-spacing:.02em}
.mg-nav .wp-block-navigation a{color:#2c2f34!important;text-decoration:none;padding:.9rem 1rem!important;transition:background .15s,color .15s}
.mg-nav .wp-block-navigation a:hover,.mg-nav .wp-block-navigation a[aria-current]{background:var(--mg-blue);color:#fff!important}
.mg-nav .wp-block-navigation__responsive-container-open{color:#222}

/* Layout */
.mg-wrap{max-width:1200px;margin:1.5rem auto;background:#fff;padding:1.5rem!important;box-shadow:0 0 12px rgba(0,0,0,.06)}
.mg-wrap>*{margin-top:0}

/* Hero grid */
.mg-hero{display:grid!important;grid-template-columns:2fr 1fr 1fr;grid-template-rows:250px 250px;gap:4px;margin:0 0 2rem!important;padding:0!important;list-style:none}
.mg-hero>li{margin:0!important;min-height:0}
.mg-hero>li:first-child{grid-row:1/3}
.mg-hero .wp-block-cover{height:100%;min-height:0!important;padding:1.1rem!important;border-radius:0;margin:0}
.mg-hero .wp-block-post-title{font-size:1rem;line-height:1.3;margin:.4rem 0 .3rem}
.mg-hero>li:first-child .wp-block-post-title{font-size:1.9rem}
.mg-hero .wp-block-post-title a{color:#fff;text-decoration:none}
.mg-tag a,.mg-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.wp-block-post-terms.mg-tag a{background:var(--mg-blue);color:#fff;padding:.18rem .55rem;display:inline-block}
.mg-hmeta{font-size:.72rem;gap:.8rem!important}
.mg-hmeta,.mg-hmeta *{color:#e5e7eb}

/* Block title */
.mg-btitle{font-family:"PT Sans",sans-serif;font-size:1rem!important;text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin:0 0 1.4rem!important;padding-bottom:.6rem;border-bottom:1px solid var(--mg-line);position:relative}
.mg-btitle::after{content:"";position:absolute;left:0;bottom:-1px;width:70px;height:3px;background:var(--mg-blue)}

/* List */
.mg-list{margin:0;padding:0;list-style:none}
.mg-list>li{margin:0 0 1.6rem!important;padding-bottom:1.6rem;border-bottom:1px solid #eee}
.mg-item.wp-block-columns{gap:1.4rem!important;margin:0!important;align-items:flex-start}
.mg-item img{width:100%;height:auto;display:block;object-fit:cover}
.mg-item .wp-block-post-title{font-size:1.45rem;line-height:1.3;margin:.5rem 0 .4rem}
.mg-item .wp-block-post-title a{text-decoration:none;color:#111}
.mg-item .wp-block-post-title a:hover{color:var(--mg-blue)}
.mg-meta{font-size:.78rem;color:#777;gap:.9rem!important}
.mg-meta,.mg-meta *{color:#777}
.mg-item .wp-block-post-excerpt{font-size:.95rem;color:#555;margin:.5rem 0 0}
.mg-item .wp-block-post-excerpt p{margin:0}

/* Dark band */
.mg-dark{background:#222;color:#ddd;padding:1.6rem!important;margin-top:1rem}
.mg-dark .mg-btitle{color:#fff;border-bottom-color:#444}
.mg-cards{gap:1.4rem!important;margin:0;padding:0}
.mg-cards img{width:100%;height:auto;display:block}
.mg-cards .wp-block-post-title{font-size:1.05rem;line-height:1.35;margin:.7rem 0 .4rem}
.mg-cards .wp-block-post-title a{color:#fff;text-decoration:none}
.mg-cards .wp-block-post-title a:hover{color:var(--mg-blue)}
.mg-cards .wp-block-post-date,.mg-cards .wp-block-post-excerpt{font-size:.82rem;color:#aaa}
.mg-cards .wp-block-post-excerpt p{margin:.3rem 0 0}

/* Single */
.mg-cols{gap:2rem!important;margin:0!important}
.mg-crumb{font-size:.8rem;gap:.4rem!important;color:#777;margin-bottom:1rem}
.mg-crumb p,.mg-crumb .wp-block-post-terms,.mg-crumb .mg-crumb-t{margin:0!important;font-size:.8rem!important}
.mg-crumb a{text-decoration:none;color:#555}
.mg-single h1{font-size:2.3rem;line-height:1.25;margin:.8rem 0 1rem}
.mg-smeta{font-size:.82rem;gap:.9rem!important;color:#777;align-items:center;margin-bottom:1rem}
.mg-smeta p{margin:0}
.mg-smeta .wp-block-post-author__avatar img{border-radius:50%}
.mg-smeta .wp-block-post-author-name a,.mg-smeta .wp-block-post-author-name{color:#111;font-weight:700;text-decoration:none}
.mg-share{display:flex;gap:.4rem;margin:0 0 1.4rem}
.mg-share a{font-size:.72rem;font-weight:700;color:#fff;text-decoration:none;padding:.35rem .8rem;border-radius:2px}
.mg-share .fb{background:#3b5998}.mg-share .tw{background:#111}.mg-share .li{background:#0077b5}
.mg-single .wp-block-post-featured-image{margin:0 0 1.5rem}
.mg-single .wp-block-post-featured-image img{width:100%;height:auto;display:block}
.mg-single .wp-block-post-content h2{font-size:1.6rem;margin:2rem 0 .8rem}
.mg-single .wp-block-post-content h3{font-size:1.3rem}
.mg-single .wp-block-post-content p,.mg-single .wp-block-post-content li{font-size:1.06rem;color:#333}
.mg-single .wp-block-post-content a{color:var(--mg-blue)}
.mg-tags a{font-size:.75rem;border:1px solid var(--mg-line);padding:.2rem .6rem;text-decoration:none;margin-right:.3rem;display:inline-block}
.mg-tags a:hover{background:var(--mg-blue);color:#fff;border-color:var(--mg-blue)}
.mg-side .mg-btitle{margin-top:0!important}
.mg-side>*{margin-bottom:2rem}
.mg-side ul{list-style:none;padding:0;margin:0}
.mg-side li{padding:.5rem 0;border-bottom:1px solid #eee;font-size:.92rem}
.mg-side a{text-decoration:none}.mg-side a:hover{color:var(--mg-blue)}
.mg-side .wp-block-latest-posts__featured-image img{width:70px;height:70px;object-fit:cover}
.mg-side .wp-block-search__button{background:var(--mg-blue);color:#fff;border:0}

/* Footer */
.mg-footer{background:var(--mg-dark);color:#bbb}
.mg-fcols{max-width:1200px;margin:0 auto;padding:2.5rem 1rem!important;gap:2.5rem!important}
.mg-footer h4{color:#fff;font-family:"PT Sans",sans-serif;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #333;padding-bottom:.6rem;margin:0 0 1rem}
.mg-footer a{color:#bbb;text-decoration:none}.mg-footer a:hover{color:var(--mg-blue)}
.mg-footer .wp-block-tag-cloud a{border:1px solid #333;padding:.2rem .6rem;display:inline-block;margin:0 .3rem .4rem 0;font-size:.78rem!important}
.mg-footer .wp-block-tag-cloud a:hover{background:var(--mg-blue);color:#fff;border-color:var(--mg-blue)}
.mg-footer .wp-block-latest-posts{list-style:none;padding:0;margin:0}
.mg-footer .wp-block-latest-posts li{padding:.55rem 0;border-bottom:1px solid #2a2a2a;font-size:.9rem}
.mg-footer .wp-block-latest-posts__post-date{display:block;font-size:.72rem;color:#777}
.mg-info{background:#0d0d0d;padding:1rem!important;font-size:.82rem;color:#999}
.mg-info p,.mg-info .wp-block-site-title{margin:0}
.mg-info a{color:#ddd}

/* Pagination */
.wp-block-query-pagination{margin-top:1.5rem;gap:.4rem;font-size:.85rem}
.wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{padding:.35rem .8rem;border:1px solid var(--mg-line);text-decoration:none;color:#333}
.wp-block-query-pagination .current,.wp-block-query-pagination a:hover{background:var(--mg-blue);border-color:var(--mg-blue);color:#fff}

@media(max-width:900px){
.mg-hero{grid-template-columns:1fr 1fr;grid-template-rows:300px 200px 200px}
.mg-hero>li:first-child{grid-column:1/3;grid-row:1}
}
@media(max-width:600px){
.mg-hero{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:220px}
.mg-hero>li:first-child{grid-column:1;grid-row:auto}
.mg-brand,.mg-brand a{font-size:1.8rem}.mg-single h1{font-size:1.7rem}.mg-wrap{margin:0;padding:1rem!important}
}