/* cohesion-fix.css — restored Operaklubben (WordPress.com twentyfourteen). Linked LAST in . */ /* FontAwesome / icon-font sizing safety (no FA here, but harmless guard) */ .svg-inline--fa{ width:1em!important; height:1em!important; display:inline-block; vertical-align:-.125em; } /* Hide invisible click-blocking overlays / off-canvas drawers that lose hidden state on static */ #main-mobile-menu, .wp-block-navigation__responsive-container:not(.is-menu-open), #dd-lightbox-overflow, .off-canvas-overlay{ display:none!important; } /* twentyfourteen: the search-box-wrapper is JS-toggled; keep it hidden so it can't block clicks */ .search-box-wrapper.hide, #search-container.hide{ display:none!important; } /* Hide broken plugin widgets that cannot render on a static export */ #sb_instagram,.sbi,[class*="sb_instagram"], .sharedaddy,.jetpack-likes-widget-wrapper,#jp-relatedposts, .sd-block,#wpstats,.widget_eu_cookie_law_widget, #carousel-reblog-box,#bit,#infinite-footer, .cookie-banner,.cmplz-cookiebanner{ display:none!important; } /* lazy images: force visible (no JS to flip opacity on a static export) */ img[loading=lazy], img.jetpack-lazy-image{ opacity:1!important; } /* Fill any empty background-image / empty-src thumbnails from the local pool */ [style*="background-image:url('')"], [style*='background-image:url("")']{ background-image:url('/wp-content/uploads/2015/06/cropped-13_fojae_erik_berg_2015edit.jpg')!important; background-size:cover; background-position:center; } /* Header image safety: keep it from collapsing if theme rule lost */ #site-header img{ display:block; width:100%; height:auto; } /* Guard against horizontal overflow on mobile */ html,body{ overflow-x:clip; max-width:100%; } img{ max-width:100%; height:auto; } /* Infinite-scroll leftover spacer can leave a blank gap — remove */ .infinite-wrap,#infinite-handle{ display:none!important; } /* Make sure menu-toggle button (mobile) and content stay interactive */ .site-navigation .nav-menu{ display:block; } /* ============================================================ LAYOUT REALIGNMENT (twentyfourteen featured grid + white column) ============================================================ */ /* White column on the right: the content column was capped at max-width:1260px and left-aligned while the header/hero run full width → orphan strip on the right. Let the content fill the viewport so it lines up with the full-width header. */ .hfeed,.site-main,.main-content,.featured-content,.featured-content-inner{ max-width:100%!important; } .hfeed{ margin-left:auto!important; margin-right:auto!important; } /* Featured posts grid: floated cards whose fell back to native aspect (height:auto) rendered at mismatched heights — thin strips (the reused banner) and tall overflows. Rebuild as an even responsive grid with UNIFORM cover-cropped thumbnails. */ .featured-content-inner{ display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:2px!important; width:100%!important; float:none!important; } /* the theme's .featured-content-inner has a clearfix ::before/::after; with display:grid those pseudo-elements become grid ITEMS and seize the first cell → empty BLACK cell top-left and a staggered grid (posts start at column 2). Remove them so posts fill from cell 1. */ .featured-content-inner::before,.featured-content-inner::after{ content:none!important; display:none!important; } .featured-content-inner > article, .featured-content-inner > .hentry{ float:none!important; width:auto!important; height:auto!important; min-height:0!important; margin:0!important; } .featured-content-inner > article > a, .featured-content article a.post-thumbnail, .featured-content .hentry > a{ display:block; } .featured-content article img, .featured-content-inner img{ width:100%!important; height:240px!important; object-fit:cover!important; object-position:center!important; display:block!important; } @media(max-width:1024px){ .featured-content-inner{ grid-template-columns:repeat(2,1fr)!important; } } @media(max-width:600px){ .featured-content-inner{ grid-template-columns:1fr!important; } } .featured-content article img{ max-width:100%; } /* featured-content had a theme padding-left:222px → grid shoved right (black gap on left). Zero it so the grid spans full width and reads centered/aligned. */ .featured-content{ padding-left:0!important; padding-right:0!important; }