/*
Theme Name: Built Report
Template: mh-magazine-lite
Description: Child theme of MH Magazine Lite restoring the Built Report look and modules (posts grid, carousel, news in pictures, share buttons, related articles, footer menu).
Version: 1.0
Text Domain: builtreport
*/

/* ---- site colors (from the original customizer settings) ---- */

.mh-header { background: #000000; }
.mh-widget-layout4 .mh-widget-title { background: #f9bd07; background: rgba(249, 189, 7, 0.6); }
.mh-preheader, .mh-wide-layout .mh-subheader, .mh-ticker-title, .mh-main-nav li:hover, .mh-footer-nav, .slicknav_menu, .slicknav_btn, .slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover, .mh-back-to-top, .mh-subheading, .entry-tags .fa, .entry-tags li:hover, .mh-widget-layout2 .mh-widget-title, .mh-widget-layout4 .mh-widget-title-inner, .mh-widget-layout4 .mh-footer-widget-title, .mh-widget-layout5 .mh-widget-title-inner, .mh-widget-layout6 .mh-widget-title, #mh-mobile .flex-control-paging li a.flex-active, .mh-image-caption, .mh-carousel-layout1 .mh-carousel-caption, .mh-tab-button.active, .mh-tab-button.active:hover, .mh-footer-widget .mh-tab-button.active, .mh-social-widget li:hover a, .mh-footer-widget .mh-social-widget li a, .mh-footer-widget .mh-author-bio-widget, .tagcloud a:hover, .mh-widget .tagcloud a:hover, .mh-footer-widget .tagcloud a:hover, .mh-posts-stacked-item .mh-meta, .page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, .pagelink, a:hover .pagelink, input[type=submit], #infinite-handle span { background: #f9bd07; }
.mh-main-nav-wrap .slicknav_nav ul, blockquote, .mh-widget-layout1 .mh-widget-title, .mh-widget-layout3 .mh-widget-title, .mh-widget-layout5 .mh-widget-title, .mh-widget-layout8 .mh-widget-title:after, #mh-mobile .mh-slider-caption, .mh-carousel-layout1, .mh-spotlight-widget, .mh-author-bio-widget, .mh-author-bio-title, .mh-author-bio-image-frame, .mh-video-widget, .mh-tab-buttons, textarea:hover, input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover { border-color: #f9bd07; }
.mh-dropcap, .mh-carousel-layout1 .flex-direction-nav a, .mh-carousel-layout2 .mh-carousel-caption, .mh-posts-digest-small-category, .mh-posts-lineup-more, .bypostauthor .fn:after, .mh-comment-list .comment-reply-link:before, #respond #cancel-comment-reply-link:before { color: #f9bd07; }
.mh-subheader, .page-numbers, a .pagelink, .mh-widget-layout3 .mh-widget-title, .mh-widget .search-form, .mh-tab-button, .mh-tab-content, .mh-nip-widget, .mh-magazine-facebook-page-widget, .mh-social-widget, .mh-posts-horizontal-widget, .mh-ad-spot, .mh-info-spot { background: #ededed; }
.mh-tab-post-item { border-color: rgba(255, 255, 255, 0.3); }
.mh-tab-comment-excerpt { background: rgba(255, 255, 255, 0.6); }
body, a, blockquote, blockquote cite, .post .entry-title, .page-title, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .wp-caption-text, #respond .comment-reply-title, #respond #cancel-comment-reply-link, #respond .logged-in-as a, .mh-ping-list .mh-ping-item a, .mh-widget-layout1 .mh-widget-title, .mh-widget-layout7 .mh-widget-title, .mh-widget-layout8 .mh-widget-title, .mh-slider-layout4 .mh-slider-caption, .mh-slider-layout4 .mh-slider-caption a, .mh-slider-layout4 .mh-slider-caption a:hover { color: #1f1e1e; }
.entry-content a { color: #b6272b; }
a:hover, .entry-content a:hover, #respond a:hover, #respond #cancel-comment-reply-link:hover, #respond .logged-in-as a:hover, .mh-comment-list .comment-meta a:hover, .mh-ping-list .mh-ping-item a:hover, .mh-meta a:hover, .mh-breadcrumb a:hover, .mh-tabbed-widget a:hover { color: #b6272b; }

/* ---- lite equivalents of the same colors ---- */
.mh-main-nav li:hover, .mh-main-nav .current-menu-item, .mh-widget-title, .mh-footer-widget-title, .entry-tags li:hover, .mh-image-caption, .page-numbers:hover, .mh-loop-pagination .current, input[type=submit] { background: #f9bd07; color: #000; }
.mh-main-nav-wrap { background: #1f1e1e; }
.mh-main-nav li a { color: #fff; }
.mh-widget-title, .mh-footer-widget-title { background: #ededed; border-bottom: 3px solid #f9bd07; color: #1f1e1e; }
.mh-widget-title a, .mh-widget-title-inner { color: #1f1e1e; }
.mh-boxed-layout .mh-container, .mh-container { box-shadow: 0 0 10px rgba(0,0,0,.3); }
.mh-site-logo { padding: 20px 25px; }

/* ---- posts grid widget ---- */
.br-posts-grid { display: grid; grid-template-columns: repeat(var(--br-cols,3), 1fr); gap: 20px; margin-bottom: 20px; }
.br-posts-grid-item img { width: 100%; height: auto; display: block; }
.br-posts-grid-item figure { position: relative; margin: 0 0 10px; }
.br-posts-grid-item .mh-image-caption { position: absolute; top: 0; left: 0; padding: 5px 10px; font-size: 12px; font-weight: 700; }
.br-posts-grid-item h3 { font-size: 15px; line-height: 1.4; margin: 0 0 5px; }
.br-posts-grid-item .mh-meta { font-size: 12px; }
@media (max-width: 767px) { .br-posts-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px) { .br-posts-grid { grid-template-columns: 1fr; } }

/* ---- carousel widget ---- */
.br-carousel { position: relative; border-top: 3px solid #f9bd07; background: #1f1e1e; padding: 10px 34px; margin-bottom: 20px; }
.br-carousel-track { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.br-carousel-track::-webkit-scrollbar { display: none; }
.br-carousel-item { flex: 0 0 calc((100% - 20px) / 3); scroll-snap-align: start; color: #fff; }
.br-carousel-item img { width: 100%; height: auto; display: block; }
.br-carousel-item span { display: block; font-size: 12px; line-height: 1.3; padding: 5px 0 0; color: #f9bd07; }
.br-carousel button { position: absolute; top: 50%; transform: translateY(-50%); background: none; border: 0; color: #f9bd07; font-size: 22px; cursor: pointer; padding: 0 6px; }
.br-carousel .br-prev { left: 2px; } .br-carousel .br-next { right: 2px; }

/* ---- news in pictures ---- */
.br-nip { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 6px; list-style: none; margin: 0; padding: 10px; background: #ededed; }
.br-nip img { width: 100%; height: auto; display: block; }
.mh-footer-widget .br-nip { background: transparent; padding: 0; }

/* ---- share buttons ---- */
.mh-share-buttons { display: flex; gap: 6px; margin: 0 0 20px; }
.mh-share-buttons a { flex: 1; text-align: center; color: #fff !important; padding: 8px 0; font-size: 16px; }
.mh-facebook { background: #3b5998; } .mh-twitter { background: #111; } .mh-linkedin { background: #0077b5; }
.mh-pinterest { background: #cb2027; } .mh-email { background: #6f6f6f; } .mh-print { background: #3d3d3d; }
.mh-share-buttons a:hover { opacity: .85; }

/* ---- related articles ---- */
.mh-related-content { margin: 20px 0; }
.mh-related-content .br-posts-grid { --br-cols: 3; }

/* ---- footer menu ---- */
.br-footer-nav { background: #f9bd07; }
.br-footer-nav ul { list-style: none; margin: 0; padding: 10px 25px; display: flex; flex-wrap: wrap; gap: 6px 20px; }
.br-footer-nav a { color: #000; font-weight: 600; font-size: 13px; }
.entry-content .wp-block-gallery img { height: auto; }

/* "Updated" date in post meta */
.entry-meta-updated { margin-right: 10px; }
.entry-meta-updated .fas { margin-right: 5px; }