/* Saturday Humor relaunch stylesheet.
   The pages were built with the Bimber theme (commercial; its CSS was never archived), so this is a small original
   stylesheet written for Bimber's markup: readable layout, header, grids and posts. */
html { background: #f4f4f4; }
body { margin: 0; font: 17px/1.65 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #1a1a1a; background: #f4f4f4; }
a { color: #c2185b; text-decoration: none; }
a:hover { text-decoration: underline; }
img, video, iframe { max-width: 100%; height: auto; }
h1, h2, h3, h4 { line-height: 1.25; font-weight: 800; margin: 1.2em 0 .5em; }
h1 { font-size: 2.1em; } h2 { font-size: 1.5em; } h3 { font-size: 1.2em; }

/* Theme controls that cannot work on a static archive, duplicate mobile/off-canvas menus, share and reaction widgets */
.g1-canvas, .g1-canvas-overlay, .g1-canvas-wrapper > .g1-canvas, .g1-drop, .g1-drop-the-skin, .g1-drop-the-search,
.g1-drop-the-user, .g1-drop-the-cart, .g1-drop-the-newsletter, .g1-hamburger, .g1-hb-row-mobile,
[class*="skin-switch"], .g1-skinmode, .essb_links, .essb_displayed_float, .essb-subscribe-form, .snax-voting,
.snax-actions, .wyr-reactions, .wyr-reaction-items, .g1-socials, .g1-newsletter, .mashsb-container, .g1-back-to-top,
.archive-form-disabled, .screen-reader-text, .adsbygoogle, [id^="satur-"], .g1-socials-section, .g1-newsletter-as-row,
.entry-stats, .entry-flags, .g1-frame-icon, .g1-advertisement, .g1-ad, .woocommerce-store-notice,
.widget_shopping_cart, .woocommerce.widget, .widget_text, .widget_bimber_widget_posts, .widget_mc4wp_form_widget,
.widget_bimber_widget_facebook_page, .g1-quick-nav, .g1-nav-single { display: none !important; }

/* Page frame */
.g1-row-inner, .g1-hb-row .g1-row-inner, .g1-header .g1-row-inner, .g1-footer .g1-row-inner, #page > .g1-row > .g1-row-inner {
  max-width: 1100px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.g1-header, .g1-hb-row-a, .g1-hb-row-b { background: #111; color: #fff; }
.g1-header a, .g1-hb-row a { color: #fff; }
.g1-hb-row-b .g1-row-inner, .g1-header .g1-row-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; padding-top: 14px; padding-bottom: 14px; }
.g1-logo-wrapper img, .g1-logo img, img.g1-logo { max-height: 56px; width: auto; }
.g1-primary-nav-menu, .g1-secondary-nav-menu, .g1-hb-row ul.menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 22px; }
.g1-primary-nav-menu a, .g1-hb-row ul.menu a { font-weight: 700; text-transform: uppercase; font-size: 15px; letter-spacing: .03em; }
.g1-row-layout-page, .g1-row-background + .g1-row-inner { background: transparent; }
#primary, .g1-column.g1-column-2of3 { background: #fff; border-radius: 6px; padding: 8px 28px 28px; box-sizing: border-box; }
.g1-row-layout-page > .g1-row-inner { display: flex; flex-wrap: wrap; gap: 28px; padding-top: 28px; padding-bottom: 40px; align-items: flex-start; }
.g1-column-2of3, #primary { flex: 1 1 640px; min-width: 0; }
.g1-column-1of3, #secondary { flex: 0 1 320px; min-width: 0; }
#secondary .widget, .g1-column-1of3 .widget { background: #fff; border-radius: 6px; padding: 16px 20px; margin-bottom: 20px; }

/* Grids of posts (home, tags, listings) */
.g1-collection-items { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 24px; }
.g1-collection-item { margin: 0; }
.g1-collection-item article, .entry-tpl-grid { background: #fff; border-radius: 6px; overflow: hidden; height: 100%; }
.entry-tpl-grid .entry-body, .entry-tpl-list .entry-body { padding: 12px 16px 16px; }
.entry-tpl-grid .entry-title, .entry-tpl-list .entry-title { font-size: 1.1em; margin: .3em 0; }
.entry-featured-media a, .g1-frame { display: block; }
.g1-frame-inner img { display: block; width: 100%; height: auto; }
.entry-categories a, .entry-category { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.entry-meta, .g1-meta { font-size: 13px; color: #666; }

/* Single posts */
.entry-content { font-size: 18px; }
.entry-content h3 { border-top: 1px solid #eee; padding-top: 1em; }
.entry-content p { margin: 0 0 1em; }

/* Header rows (logo row, nav row) and the text logo (the logo image was never archived) */
.g1-hb-row, .g1-sticky-top-wrapper, .g1-hb-row .g1-row-background { background: #111 !important; }
.g1-hb-row a, .g1-primary-nav-menu a { color: #fff; }
.g1-logo-wrapper::before { content: "Saturday Humor"; display: inline-block; font: 800 30px/1.2 -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: #fff; letter-spacing: -.01em; }
.g1-logo-wrapper::after { content: "Laugh your lungs out!"; display: block; font-size: 13px; color: #f48fb1; font-weight: 600; }
.g1-hb-row-a .g1-row-inner { padding-top: 18px; padding-bottom: 4px; }

/* "Favorites" mosaic of tiles: compact grid, title over a dark tile, photo where it survived */
.g1-mosaic { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin: 12px 0 28px; }
.entry-tpl-tile { position: relative; background: #2a2a2a; border-radius: 6px; overflow: hidden; min-height: 150px; }
.entry-tpl-tile .entry-featured-media { margin: 0; background-size: cover; background-position: center; }
.entry-tpl-tile .g1-frame-inner { padding-bottom: 56% !important; }
.entry-tpl-tile .entry-body { position: absolute; left: 0; right: 0; bottom: 0; padding: 12px 16px; background: linear-gradient(transparent, rgba(0,0,0,.85)); }
.entry-tpl-tile .entry-title { margin: 0; font-size: 1.05em; }
.entry-tpl-tile .entry-title a { color: #fff; }
.archive-featured { padding-top: 24px; }

/* Footer */
.g1-footer, .g1-prefooter { background: #111; color: #bbb; font-size: 14px; }
.g1-footer a, .g1-prefooter a { color: #fff; }
.g1-footer .g1-row-inner, .g1-prefooter .g1-row-inner { padding-top: 24px; padding-bottom: 24px; }