/* Remove any horizontal scrollbars and hidden overflow issues */html,body{overflow-x:hidden;/* Prevent horizontal scrolling */margin:0;/* Reset default body margin */padding:0}/* Fix slider alignment and remove vertical bar */.slider,.slider-container,.content-area{margin:0 auto;/* Center-align slider */max-width:100%;/* Ensure it stays within screen boundaries */overflow:hidden;/* Prevent overflow causing bars */}/* Ensure all images scale properly */img{max-width:100%;/* Prevent images from exceeding container width */height:auto;/* Maintain aspect ratio */display:block;/* Center align images in their containers */margin:0 auto}/* Adjust header and slider spacing */.header-logo{margin-bottom:5px;/* Reduce gap below logo */}.slider{margin-top:10px;/* Slight gap above slider */margin-bottom:10px;/* Slight gap below slider */}/* Center footer text */.footer-text{text-align:center;margin:0 auto}/* Global fix for layout overflow issues */.container,.content-area,.inner-content{max-width:100%;/* Prevent content from overflowing */margin:0 auto;/* Center-align all main content */}/* Adjust layout for mobile screens */@media (max-width:768px){.slider,.categories-dropdown,img{margin:0 auto;/* Center-align slider and images */text-align:center}.content-area{padding:0 10px;/* Add spacing for smaller screens */}}/* Center the navigation menu in the Top Header */#site-header.top-header-style #site-navigation-wrap{display:flex;justify-content:center;/* Horizontally centers the menu */align-items:center;/* Vertically centers the menu */text-align:center;/* Ensures text alignment */width:100%;/* Takes full width for centering */}/* Ensure menu items are evenly spaced */#site-header.top-header-style #site-navigation-wrap ul{display:flex;justify-content:center;margin:0;padding:0;list-style:none}/* Adjust individual menu items */#site-header.top-header-style #site-navigation-wrap ul li{display:inline-block;/* Ensures items are in a row */margin:0 15px;/* Adds space between menu items */}/* Dropdown menu styling */#site-header.top-header-style .dropdown-menu ul{display:flex;flex-direction:column;/* Stack dropdown items vertically */align-items:center;text-align:center;margin:0}/* Style links inside the menu */#site-header.top-header-style .dropdown-menu ul li a,#site-header.top-header-style #site-navigation-wrap ul li a{display:block;text-align:center;padding:10px}/* Mobile view adjustments */@media (max-width:768px){#site-header.top-header-style #site-navigation-wrap{flex-direction:column;/* Stack items vertically */text-align:center;/* Center align text */padding:10px}#site-header.top-header-style #site-navigation-wrap ul{flex-direction:column;/* Stack menu items on mobile */}#site-header.top-header-style #site-navigation-wrap ul li{margin:10px 0;/* Add spacing between items */}}/* Comfortable reading width for posts & pages */.entry-content,.page-content,.wp-block-post-content{max-width:720px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media (max-width:768px){.entry-content,.page-content,.wp-block-post-content{padding-left:22px;padding-right:22px}}/* Contain images nicely inside text width */.entry-content img{max-width:100%;height:auto;display:block;margin:1.5rem auto}/* Slightly narrower images for story pages */.entry-content img{max-width:92%}@media (min-width:1024px){.entry-content{line-height:1.7;font-size:1.05rem}}/* --- Comfortable reading layout (mobile + desktop) --- *//* Give the whole content area breathing room on mobile */.site-content,.content-area,.site-main{padding-left:18px !important;padding-right:18px !important}/* Keep text at a comfortable width on desktop */.entry-content,.wp-block-post-content,.page-content,.post-content{max-width:720px !important;margin-left:auto !important;margin-right:auto !important}/* Make images behave nicely and not feel massive */.entry-content img,.wp-block-post-content img,.page-content img,.post-content img{max-width:100% !important;height:auto !important;display:block !important;margin:1.25rem auto !important}/* Slightly “shrink” images relative to text column (optional) */.entry-content figure,.wp-block-post-content figure{max-width:92% !important;margin-left:auto !important;margin-right:auto !important}/* Remove excess top margin from the first image */.entry-content img:first-child,.wp-block-post-content img:first-child{margin-top:0.5rem !important}/* Reduce bottom spacing under header/logo */.site-header,#site-header,.header{margin-bottom:10px !important}/* Tighten spacing below site tagline */.site-description,.site-tagline{margin-bottom:12px !important}@media (max-width:768px){.site-header,#site-header{margin-bottom:6px !important}.site-content{padding-top:6px !important}}/* 2) Many themes add a big "page header / title area" spacing */.page-header,.entry-header,.wp-block-post-title,/* 3) Ensure the first image doesn’t add extra space */.entry-content >figure:first-child,.entry-content >.wp-block-image:first-child,.entry-content img:first-child,.wp-block-post-content >figure:first-child,.wp-block-post-content >.wp-block-image:first-child,.wp-block-post-content img:first-child{margin-top:0 !important;padding-top:0 !important}/* 4) Common theme spacers that create large gaps */.hero,.page-title-area,.content-header,.header-spacer,.site-header-spacer{padding-top:0 !important;margin-top:0 !important}/* FINAL FIX:remove excessive gap below header */.site-header,.site-content,.site-main,.site-inner,#content,#primary{margin-bottom:0 !important;padding-bottom:0 !important}/* Kill page-title / hero spacing if theme uses it */.page-header,.entry-header,.content-header,.hero,.page-title-area{margin-top:0 !important;padding-top:0 !important;margin-bottom:12px !important}/* REMOVE EXTRA SPACE BELOW LOGO / TAGLINE */.site-header + .site-content,.site-header + #content,.site-header + .content-area{margin-top:0 !important;padding-top:0 !important}/* Reduce spacing caused by header inner wrappers */.site-header,.site-header .site-header-inner,.site-header .header-inner{padding-bottom:8px !important;margin-bottom:0 !important}/* Kill invisible spacer blocks some themes insert */.wp-block-spacer{height:0 !important}/* --- REMOVE BIG GAP BETWEEN HEADER AND CONTENT (ALL PAGES) --- *//* Tighten header bottom spacing */#masthead,#site-header,.site-header,header.site-header{margin-bottom:0 !important;padding-bottom:0 !important}/* Tighten branding/logo area spacing */.site-branding,.custom-logo-link,.site-title,.site-description,.site-tagline{margin-bottom:0 !important;padding-bottom:0 !important}/* Remove top padding/margin above main content */#content,#primary,#main,.site-content,.content-area,.site-main{margin-top:0 !important;padding-top:0 !important}/* If your theme inserts a spacer/header block,neutralise it */.page-header,.content-header,.page-title-area,.header-spacer,.site-header-spacer{margin:0 !important;padding:0 !important;min-height:0 !important;height:auto !important}/* If the first block is a spacer,kill it */.entry-content >.wp-block-spacer:first-child{height:0 !important;margin:0 !important;padding:0 !important}.wp-block-post-title,.entry-title,.page-title{margin-top:0 !important;padding-top:0 !important;margin-bottom:10px !important}/* Remove the whole title/header area that creates blank space */.entry-header,.page-header,.content-header,.page-title-area,.header-page-title,.post-header,.single .entry-header,.page .entry-header{display:none !important;margin:0 !important;padding:0 !important}/* Also remove any extra padding/margin some themes add above content */.single #content,.page #content,.single .site-content,.page .site-content,.single .site-main,.page .site-main{margin-top:0 !important;padding-top:0 !important}/* Remove extra top gap added by theme "page title/hero" areas */.page-header,.page .page-header,.entry-header,.page .entry-header,.page-title-area,.hero,.header-spacer,.site-header-spacer{margin:0 !important;padding:0 !important;min-height:0 !important}/* If the theme is reserving space for the title even when it looks hidden */.page .entry-header .entry-title{margin-top:0 !important;margin-bottom:12px !important;/* keep a little breathing room */}.page .entry-header .entry-title{display:none !important}/* Remove the theme page title block entirely */.page-header,.page-header-inner,.entry-header,.page-title{display:none !important;margin:0 !important;padding:0 !important}/* Reduce excessive gap between header and page content */.wp-site-blocks >main{padding-top:1rem !important}/* Tighten space under the header (where logo/title sit) */.wp-site-blocks >header,header.wp-block-template-part{padding-bottom:0 !important;margin-bottom:0 !important}/* If the header is built with Group blocks,tighten them too */.wp-site-blocks >header .wp-block-group{padding-bottom:0 !important;margin-bottom:0 !important}/* Also reduce top padding inside main just in case */.wp-site-blocks >main{padding-top:0 !important}.site-content,.content-area,#content{padding-top:0 !important;margin-top:0 !important}/* Make site logo smaller */.wp-block-site-logo img{max-width:90px !important;height:auto !important}/* Reduce the width of the header content so it doesn't feel stretched */.wp-site-blocks >header .wp-block-group,.wp-site-blocks >header .wp-block-site-title,.wp-site-blocks >header .wp-block-site-tagline{max-width:900px;margin-left:auto !important;margin-right:auto !important}@media (max-width:600px){.wp-block-site-logo img{max-width:70px !important}}/* Remove top gap above page content */.page-header{display:none !important}.content-area{padding-top:0 !important;margin-top:0 !important}.single-page-article{margin-top:0 !important}.entry-content img{margin-bottom:1.5rem}.entry-content h1,.entry-content h2,.entry-content h3{text-align:center}.site-branding{text-align:center}--- .page-header-title,.page-subheading{text-align:center;letter-spacing:.12em;margin-top:0.5rem}.page-subheading{letter-spacing:.08em}.page-subheading{white-space:nowrap}.page-header{margin-bottom:1.5rem}/* OceanWP:footer at true bottom on short pages (Android/Chrome friendly) */html,body{height:100%}/* Fallback */body{min-height:100vh;display:flex;flex-direction:column}/* Use dynamic viewport height where supported (fixes white gap on mobile Chrome) */@supports (height:100dvh){body{min-height:100dvh}}/* OceanWP wrappers */#outer-wrap,#wrap{flex:1 0 auto;display:flex;flex-direction:column;min-height:0}/* Main content expands */#content-wrap,#main{flex:1 0 auto;min-height:0}/* Footer pushed to bottom */#footer{margin-top:auto}/* --- OceanWP:remove the big post title + meta block above the content --- *//* Page/Post header area (the big centred title block) */.single-post .page-header,.single-post header.page-header,.single-post .page-header-title,.single-post .page-header-background,.single-post .page-subheading{display:none !important}/* Title + meta inside the post header */.single-post .single-post-title,.single-post .single-post-title .entry-title,.single-post .entry-title,.single-post .entry-header,.single-post .entry-header .entry-title,.single-post .oceanwp-post-title,.single-post .oceanwp-post-title .entry-title,.single-post .entry-meta,.single-post .meta,.single-post .post-meta,.single-post .oceanwp-post-meta,.single-post .oceanwp-post-meta-wrapper{display:none !important}/* Breadcrumbs (OceanWP uses multiple variants) */.single-post .breadcrumbs,.single-post .oceanwp-breadcrumbs,.single-post #breadcrumbs,.single-post nav.breadcrumbs{display:none !important}/* Remove the empty space that can remain after hiding header */.single-post .content-area,.single-post #main{padding-top:0 !important}/* ========================================= QUIET POST LAYOUT (ALL BLOG POSTS) Keeps:title + content Hides:breadcrumbs + meta clutter ========================================= *//* 1) Remove breadcrumbs on single posts */.single-post .site-breadcrumbs,.single-post #site-breadcrumbs,.single-post .breadcrumbs,.single-post .oceanwp-breadcrumbs,.single-post nav.rank-math-breadcrumb,.single-post .rank-math-breadcrumb,.single-post .yoast-breadcrumb{display:none !important}/* 2) Remove post meta lines (author/date/category/updated/etc.) */.single-post .entry-meta,.single-post .post-meta,.single-post .meta,.single-post ul.meta,.single-post .blog-entry-header .meta,.single-post .single-post-title + .entry-meta,.single-post header .entry-meta{display:none !important}/* 3) Remove “reading time” (covers common plugins) */.single-post .reading-time,.single-post .read-time,.single-post .rt-reading-time,.single-post .post-reading-time,.single-post [class*="reading-time"],.single-post [class*="read-time"]{display:none !important}/* 4) Remove author box/bio section (if your theme/plugin shows it) */.single-post .author-bio,.single-post .author-box,.single-post .oceanwp-author-bio,.single-post .about-author{display:none !important}/* 5) Optional:tighten space above the content (ONLY if you get a big blank gap) */.single-post .entry-header{margin-bottom:12px !important}.page-header{padding-bottom:0 !important;margin-bottom:0 !important}#content{padding-top:0 !important}/* Force OceanWP desktop menu to truly centre */#site-navigation-wrap,#site-navigation-wrap .container,#site-navigation-wrap #site-navigation{float:none !important;width:100% !important}#site-navigation-wrap .container{display:flex !important;justify-content:center !important}#site-navigation-wrap #site-navigation{display:flex !important;justify-content:center !important}#site-navigation-wrap #site-navigation >ul{display:inline-flex !important;justify-content:center !important;align-items:center !important;margin:0 auto !important;padding-left:0 !important;/* common cause of “shifted left” */float:none !important}/* Desktop only:centre the main navigation menu (OceanWP) */@media (min-width:960px){/* Make the menu container span full width */#site-navigation-wrap{width:100%}/* Centre the top-level menu items */#site-navigation-wrap ul.dropdown-menu{display:flex;justify-content:center;flex-wrap:wrap;/* prevents overflow if you add more items later */width:100%}/* Optional:remove any float behaviour OceanWP may apply */#site-navigation-wrap ul.dropdown-menu >li{float:none}}