/* Seraj overrides for the static export of moecharlestonlimo.com (Sept 2026).
   Loaded last on every page; keep site-specific fixes here, not in theme files. */

/* Contact form: the Qi addons form wrapper forces `height: auto` on inputs, which
   collapses WPForms' 43px field height to ~22px. Restore the intended size. */
#wpforms-8350 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
#wpforms-8350 select {
	height: 48px !important;
	min-height: 48px;
	padding: 0 14px !important;
	line-height: normal;
}
#wpforms-8350 textarea {
	min-height: 160px;
	padding: 14px !important;
}

/* Edge-to-edge sections (site-wide). The theme centres all page content in a
   fixed grid (1400px, then 960px, then 86%) over the darker body colour, which
   leaves a visible gutter beside every section. Let the grid span the full
   width so each section paints its own colour edge to edge, and give the
   Elementor containers the side padding the gutter used to provide once the
   viewport is narrower than the 1400px content width. */
#qodef-page-inner.qodef-content-grid {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/* Footer: the theme fixes its inner grid at 1400px inside a wrapper with 60px
   side padding and hides the resulting 66px overflow. Let it fit instead. */
#qodef-content-bottom-inner.qodef-content-grid {
	width: 100% !important;
	margin: 0 !important;
}
@media (max-width: 1453px) {
	.elementor-top-section > .elementor-container {
		padding-left: 27px;
		padding-right: 27px;
	}
}
@media (max-width: 1024px) {
	.elementor-top-section > .elementor-container {
		padding-left: 7%;
		padding-right: 7%;
	}
}