/* Enhanced CSS to close gaps between H1, search bar, and thumbnails */

/* Remove margin from H1 header - with small top spacing */
body.page-id-124909 .entry-header h1.entry-title {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 10px !important; /* Small space above H1 */
    padding-top: 0px !important;
}

/* Remove spacing from entry header container */
body.page-id-124909 .entry-header {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/* Target the page header area that might have gray background */
body.page-id-124909 .site-header,
body.page-id-124909 .page-header,
body.page-id-124909 .entry-header-wrapper {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/* Remove any top spacing from the main content area */
body.page-id-124909 .site-main,
body.page-id-124909 .content-area {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

/* Additional targeting for gray area - try these one by one */
body.page-id-124909 .site-content {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

body.page-id-124909 .page-content {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

body.page-id-124909 .hentry {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

body.page-id-124909 article {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

/* Target the top-ad area - safer approach that preserves ads but removes spacing */
body.page-id-124909 #top-ad {
    margin: 0px !important;
    padding: 0px !important;
    min-height: 0px !important;
    height: auto !important;
}

/* Only hide if completely empty */
body.page-id-124909 #top-ad:empty {
    display: none !important;
}

body.page-id-124909 .row.collapse {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

body.page-id-124909 .large-12.column {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/* If the gray area has a background, try removing it */
body.page-id-124909 .entry-header {
    background: none !important;
    background-color: transparent !important;
}

/* Remove paragraph margins in content area */
body.page-id-124909 .entry-content p {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

/* Target the content wrapper that might have spacing */
body.page-id-124909 .entry-content {
    padding-top: 0px !important;
}

/* Remove top margin from search container */
body.page-id-124909 .ngg-image-search-container {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Ensure search form has no extra spacing */
body.page-id-124909 .ngg-image-search-container form {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* Remove spacing from any divs between header and search */
body.page-id-124909 .entry-content > div:first-child:not(.ngg-image-search-container) {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/* Ensure gallery container is tight to search bar */
body.page-id-124909 .wp-block-gallery {
    margin-top: 5px !important;
    margin-bottom: 0px !important;
}

/* Target any NextGen Gallery containers that might have spacing */
body.page-id-124909 .ngg-galleryoverview {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/* Search button styling */
body.page-id-124909 .ngg-image-search-container input[type="submit"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

/* For WordPress Gutenberg Gallery blocks */
.wp-block-gallery .wp-block-image img {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wp-block-gallery .wp-block-image:hover img {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}
/* Override column widths for single posts - more specific targeting */
.single-post #primary .entry-container .row .large-3.columns {
    width: 16.66667% !important; /* 2 columns worth */
}

.single-post #primary .entry-container .row .large-9.columns {
    width: 83.33333% !important; /* 10 columns worth */
}
/* Force author column width on single posts */
.single-post .entry-container .row.collapse > div:first-child,
.single-post .entry-container .row.collapse > .columns:first-child {
    width: 16.66667% !important; /* 2 columns */
    max-width: 16.66667% !important;
}

.single-post .entry-container .row.collapse > div:last-child,
.single-post .entry-container .row.collapse > .columns:last-child {
    width: 83.33333% !important; /* 10 columns */
    max-width: 83.33333% !important;
}
/* Your existing CSS for page-id-124909... */

/* Force the author column to be narrower */
.single-post div.large-3.columns:has(.author-box) {
    width: 16.66667% !important;
    max-width: 16.66667% !important;
}

/* Force the content column to be wider */
.single-post div.large-3.columns + div {
    width: 83.33333% !important;
    max-width: 83.33333% !important;
}

/* If :has() selector doesn't work in your browser, use this instead */
.single-post .entry-container > .row > .large-3.columns {
    width: 16.66667% !important;
    max-width: 16.66667% !important;
}

.single-post .entry-container > .row > .large-9.columns {
    width: 83.33333% !important;
    max-width: 83.33333% !important;
}

/* Override Foundation's responsive grid */
@media only screen and (min-width: 64.0625em) {
    .single-post .large-3 {
        width: 16.66667% !important;
    }
    .single-post .large-9 {
        width: 83.33333% !important;
    }
}
@media screen and (max-width: 640px) {
    .entry-content {
        padding: 0 15px;
    }
    
    .site-content {
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
	#primary {
		float: none !important;
	}
}
.endsign-inline {
    display: inline-block;
    margin: 0 0 0 0.4em !important;
    vertical-align: middle;
    line-height: 0;
}
.endsign-inline img {
    width: 32px !important;
    height: auto !important;
    display: inline;
}
/* Navigation menu text - white */
#masthead #site-navigation .top-bar-section ul li > a {
    color: #ffffff !important;
}

#masthead #site-navigation .top-bar-section ul li > a:hover {
    color: #cccccc !important; /* Light gray on hover */
}

/* Social media icons - white */
#masthead #site-navigation .top-bar-section .right li a i {
    color: #ffffff !important;
}

#masthead #site-navigation .top-bar-section .right li a:hover i {
    color: #cccccc !important; /* Light gray on hover */
}

/* Compact Search Results — thumbnail left, title + date beneath */
body.search #content article.post{display:grid;grid-template-columns:130px 1fr;column-gap:16px;row-gap:1px;align-items:center;padding:12px 0;margin:0;border-bottom:1px solid #e6e6e6}
body.search #content article.post .entry-image{grid-column:1;grid-row:1/3;margin:0;padding:0;text-align:left;align-self:center}
body.search #content article.post .entry-image a{display:block;line-height:0}
body.search #content article.post .entry-image img{width:130px!important;height:88px!important;max-width:none!important;object-fit:cover;display:block;border-radius:4px}
body.search #content article.post .entry-header{grid-column:2;grid-row:1;margin:0;padding:0;align-self:end}
body.search #content article.post .entry-title{margin:0;padding:0;font-size:1.1rem;line-height:1.25}
body.search #content article.post .entry-container{grid-column:2;grid-row:2;margin:0;padding:0;align-self:start}
body.search #content article.post .entry-container .row{display:block!important;margin:0!important}
body.search #content article.post .entry-container .large-3.columns{display:none!important}
body.search #content article.post .entry-container .large-9.columns{width:100%!important;float:none!important;padding:0!important}
body.search #content article.post .entry-summary,body.search #content article.post .author-box,body.search #content article.post .entry-topics{display:none!important}
body.search #content article.post .entry-meta.show-for-small{display:block!important;margin:0;padding:0;font-size:.8rem;color:#8a8a8a}
body.search #content article.post .entry-meta.show-for-small .byline{display:none!important}
body.search #content article.post .entry-meta.show-for-small .entry-date::before{content:""!important}
@media (max-width:640px){body.search #content article.post{grid-template-columns:96px 1fr;column-gap:12px}body.search #content article.post .entry-image img{width:96px!important;height:66px!important}body.search #content article.post .entry-title{font-size:1rem}}