/* ==========================================================================
   Static rebuild of the essential Pagelayer layout.
   The original Pagelayer framework CSS was served by a PHP endpoint
   (givecss.php) that does not run on static hosting, so the row/column
   layout, menu, and image sizing are reconstructed here.
   ========================================================================== */

/* --- Make deferred/optimized content render immediately (no FlyingPress) --- */
[style*="content-visibility"] {
	content-visibility: visible !important;
	contain-intrinsic-size: auto !important;
}

/* --- Rows: the holder is the flex container; columns sit side by side --- */
.pagelayer-row { width: 100%; }
.pagelayer-row-holder {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}

/* Constrain normal-width rows to the site content width */
.pagelayer-row-stretch-auto > .pagelayer-row-holder,
.pagelayer-row-stretch-full > .pagelayer-row-holder.pagelayer-width-auto {
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

/* --- Columns --- */
.pagelayer-col {
	position: relative;
	min-height: 1px;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.pagelayer-col-holder { width: 100%; }

/* 12-column grid widths (col-6 = 50%, col-8 = 66%, col-4 = 33%, ...) */
.pagelayer-col-1  { width: 8.3333%; }
.pagelayer-col-2  { width: 16.6666%; }
.pagelayer-col-3  { width: 25%; }
.pagelayer-col-4  { width: 33.3333%; }
.pagelayer-col-5  { width: 41.6666%; }
.pagelayer-col-6  { width: 50%; }
.pagelayer-col-7  { width: 58.3333%; }
.pagelayer-col-8  { width: 66.6666%; }
.pagelayer-col-9  { width: 75%; }
.pagelayer-col-10 { width: 83.3333%; }
.pagelayer-col-11 { width: 91.6666%; }
.pagelayer-col-12 { width: 100%; }

/* --- Background overlay (the dark tint over the hero image) --- */
.pagelayer-row,
.pagelayer-inner_row { position: relative; }
.pagelayer-background-overlay {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 0;
}
.pagelayer-row > .pagelayer-row-holder,
.pagelayer-inner_row > .pagelayer-row-holder { position: relative; z-index: 1; }

/* --- Images: keep them inside their column, never oversized --- */
.pagelayer-img,
.pagelayer-image img,
.pagelayer-col-holder img {
	max-width: 100%;
	height: auto;
}

/* --- Headings / text --- */
.pagelayer-heading-holder,
.pagelayer-text-holder { overflow-wrap: break-word; }
.pagelayer-heading-holder h1,
.pagelayer-heading-holder h2,
.pagelayer-heading-holder h3,
.pagelayer-heading-holder h4,
.pagelayer-heading-holder h5,
.pagelayer-heading-holder h6 { margin: 0; }

/* --- Divider --- */
.pagelayer-divider-holder { display: block; line-height: 0; }
.pagelayer-divider-seperator { display: inline-block; vertical-align: middle; }

/* --- Site title / logo --- */
.pagelayer-wp-title-section { display: flex; align-items: center; }
.pagelayer-wp-title-link { display: inline-flex; align-items: center; gap: 10px; }
.pagelayer-wp-title-img { max-width: 100%; height: auto; }

/* --- Navigation menu (horizontal, always visible on the static site) --- */
.pagelayer-wp-menu-holder { width: 100%; }
.pagelayer-wp-menu-container .pagelayer-wp_menu-ul {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pagelayer-wp_menu-ul > li { list-style: none; position: relative; }
.pagelayer-wp_menu-ul > li > a { display: inline-flex; align-items: center; text-decoration: none; }
/* No JS on the static site, so hide the mobile toggle and always show the menu */
.pagelayer-primary-menu-bar,
.pagelayer-wp_menu-close { display: none !important; }

/* --- Responsive: stack columns on tablet & phone --- */
@media (max-width: 780px) {
	.pagelayer-row-holder { flex-direction: column; }
	.pagelayer-row-holder > .pagelayer-col { width: 100% !important; }
	.pagelayer-wp-menu-container .pagelayer-wp_menu-ul { justify-content: center; }
}

/* ---- Homepage tweaks ---- */

/* Hero tagline: make it span the full width and center it */
.p-n9m7636 { width: 100% !important; }
.p-nun6354,
.p-nun6354 .pagelayer-heading-holder { text-align: center !important; }
/* Remove the red divider line above the hero title */
.p-fls3325 { display: none !important; }

/* The Financial Empowerment / Interactive Ag / Innovative Promotions sections
   used col-4 + col-4 (~66% total), leaving a large empty gap on the right.
   Make them an even 50/50 split so the text + image fill the row. */
.pagelayer-col-4 { width: 50%; }

/* Center the "What People Say" testimonial section (was a left-aligned col-8) */
.p-q2j9973 { margin-left: auto !important; margin-right: auto !important; }

/* Remove the "Contact Us Now!" button at the bottom of the page */
.p-yxm3169 { display: none !important; }