/* ---------------------------------------------------------
   Budget Windows blog
--------------------------------------------------------- */

/* Individual Posts contain their own WPBakery hero. */
body.single-post #page-header-wrap {
	display: none !important;
}

/* Remove the spacing reserved for Salient's hidden post header. */
body.single-post.material[data-bg-header="true"] .container-wrap {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Hide Salient's fixed social-sharing widget on individual Posts. */
body.single-post .nectar-social.fixed {
	display: none !important;
}

/*
 * The live posts use the former single-custom-post.php template. Imported
 * posts currently use Salient's default single template, so app.css applies
 * wide article margins to every heading and paragraph inside WPBakery rows.
 * Recreate the custom-template content rules without depending on that missing
 * PHP template.
 */
body.single-post.material .main-content > .row p,
body.single-post.material .main-content > .row h1,
body.single-post.material .main-content > .row h2,
body.single-post.material .main-content > .row h3,
body.single-post.material .main-content > .row h4,
body.single-post.material .main-content > .row h5,
body.single-post.material .main-content > .row h6 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.single-post.material .main-content .row {
	padding-bottom: 0 !important;
}

body.single-post.material .wpb_wrapper .dk-gallery-wrapper {
	padding-top: 40px !important;
}

body.single-post.material .dk-gallery--block {
	margin-bottom: 4%;
}

body.single-post.material .module-content-large-brochure {
	transform: none !important;
}

body.single-post.material .module-content-large-brochure h2.vc_custom_heading,
body.single-post.material .module-content-gravity-form.module-content-gravity-form__upper .wpb_wrapper .vc_custom_heading,
body.single-post.material .module-content-download-columns.module-content-download-columns__upper .wpb_wrapper .vc_custom_heading {
	margin-bottom: 0 !important;
}

/*
 * WPBakery 8 adds a vc_col-xs-12 class to imported columns. The legacy
 * customizer stylesheet declares that width outside its mobile breakpoint,
 * overriding Salient's desktop grid and stacking every text/image pair.
 * Restore the intended responsive column widths on Posts only.
 */
@media (min-width: 1300px) {
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-1  { width: 8.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-2  { width: 16.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-3  { width: 25% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-4  { width: 33.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-5  { width: 41.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-6  { width: 50% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-7  { width: 58.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-8  { width: 66.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-9  { width: 75% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-10 { width: 83.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-11 { width: 91.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-lg-12 { width: 100% !important; }
}

@media (min-width: 1000px) and (max-width: 1299px) {
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-1  { width: 8.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-2  { width: 16.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-3  { width: 25% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-4  { width: 33.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-5  { width: 41.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-6  { width: 50% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-7  { width: 58.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-8  { width: 66.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-9  { width: 75% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-10 { width: 83.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-11 { width: 91.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-md-12 { width: 100% !important; }
}

@media (min-width: 691px) and (max-width: 999px) {
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-1  { width: 8.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-2  { width: 16.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-3  { width: 25% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-4  { width: 33.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-5  { width: 41.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-6  { width: 50% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-7  { width: 58.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-8  { width: 66.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-9  { width: 75% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-10 { width: 83.33333333% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-11 { width: 91.66666667% !important; }
	body.single-post .vc_row-fluid .wpb_column.vc_col-sm-12 { width: 100% !important; }
}

/* Keep the dynamic Blog Page grid within its WPBakery column. */
.budget-blog-grid {
	clear: both;
	width: 100%;
}

.budget-blog-grid::after {
	clear: both;
	content: "";
	display: table;
}

/* Images are rendered directly and no longer depend on the old lazy-loader. */
.budget-blog-grid .dk-gallery__item--image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Neutral fallback for any imported Post without a usable image. */
.budget-blog-grid .budget-blog-card__image-placeholder {
	background-color: #e4e4e4;
	background-image: linear-gradient(135deg, #e4e4e4 0%, #f4f4f4 100%);
}

.budget-blog-grid__empty {
	margin: 40px auto;
	text-align: center;
}

/* Server-side category filters appear only when recognised categories exist. */
.budget-blog-filter {
	margin: 0 0 40px;
	width: 100%;
}

.budget-blog-filter__tabs {
	display: flex;
	flex-direction: column;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.budget-blog-filter__tabs .gallery-category__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.budget-blog-filter__tabs .gallery-category__tab {
	border: 0;
	padding: 8px 12px;
}

/* Numbered Blog Page pagination. */
.budget-blog-pagination {
	clear: both;
	display: flex;
	justify-content: center;
	margin: 45px auto 100px;
	width: 100%;
}

.budget-blog-pagination ul.page-numbers {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.budget-blog-pagination .page-numbers li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.budget-blog-pagination a.page-numbers,
.budget-blog-pagination span.page-numbers {
	align-items: center;
	background-color: #e4e4e4;
	border: 1px solid #b6babe;
	box-sizing: border-box;
	color: #2e323b;
	display: inline-flex;
	font-size: 16px;
	font-weight: 600;
	height: 44px;
	justify-content: center;
	line-height: 1;
	min-width: 44px;
	padding: 0 14px;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.budget-blog-pagination a.page-numbers:hover,
.budget-blog-pagination a.page-numbers:focus-visible {
	background-color: #cecfd5;
	border-color: #cecfd5;
	color: #111111;
}

.budget-blog-pagination span.page-numbers.current {
	background-color: #00589b;
	border-color: #00589b;
	color: #ffffff;
}

.budget-blog-pagination .prev.page-numbers,
.budget-blog-pagination .next.page-numbers {
	padding-left: 18px;
	padding-right: 18px;
}

/* Preserve a visible keyboard focus state on the filter controls and cards. */
.budget-blog-grid .gallery-category__tab:focus-visible,
.budget-blog-grid .dk-gallery__item--category:focus-visible {
	outline: 3px solid #00589b;
	outline-offset: 3px;
}

@media (min-width: 691px) {
	.budget-blog-filter__tabs {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.budget-blog-filter__tabs .gallery-category__tab {
		border: 1px solid #b6babe;
		display: inline-block;
		padding: 12px;
	}

	.budget-blog-filter__tabs .gallery-category__tab:hover,
	.budget-blog-filter__tabs .gallery-category__tab:focus-visible {
		background-color: #e4e4e4;
		border-color: #e4e4e4;
	}

	.budget-blog-filter__tabs .gallery-category__tab--active,
	.budget-blog-filter__tabs .gallery-category__tab--active:hover,
	.budget-blog-filter__tabs .gallery-category__tab--active:focus-visible {
		background-color: #00589b;
		border-color: #00589b;
		color: #ffffff;
	}
}

@media (max-width: 690px) {
	.budget-blog-pagination {
		margin-bottom: 85px;
	}

	.budget-blog-pagination .prev.page-numbers,
	.budget-blog-pagination .next.page-numbers {
		width: 100%;
	}
}