/*
 * cjlsg.org: the site's own design values and CSS. Loaded after the
 * theme's stylesheets, and in the block editor.
 * cjlsg.org uses the theme's default colours and fonts (tokens.css), so
 * :root only needs values that differ; none do yet.
 */

:root {
	--st-content-width: 1050px;
}

/* ---------- Banners ---------- */

/* Astra's hook for the news banner padded its sides too. */
.st-banner--news {
	padding-left: 30px;
	padding-right: 30px;
}

/* ---------- Footer ---------- */

.st-footer {
	background-image: url(/wp-content/uploads/background.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.st-footer-heading {
	border-bottom-color: #73cd80;
}

/* Under Astra, an empty paragraph after the news list added this space. */
.st-footer__column {
	padding-bottom: 8px;
}

@media (max-width: 921px) {
	.st-footer__column {
		padding-bottom: 4px;
	}
}

/* Astra kept 24px for a search box that cjlsg.org does not show. */
.error-404 .page-content {
	padding-bottom: 24px;
}

/* ---------- From Astra's "Additional CSS" ---------- */

table, tr, th, td {
	border: 0;
}

.swpm-legend h3 { font-size: 16px; }
.swpm-fieldset { border: 0; padding: 0; margin: 0; }
.swpm-section-1 input { background: #f6f6f6; }
.swpm-required-asterisk { color: #cd1313; }
.swpm-legend { display: none !important; }
.swpm-payments-row.swpm-payments-header { background: #fff; color: #000; }
.swpm-form-builder ul, .entry-content .swpm-form-builder ul { margin: 0 !important; }
.swpm-form-builder li, .entry-content .swpm-form-builder li { padding: 0 !important; padding-bottom: 15px !important; }

.wpcf7-form-control-wrap input, textarea { background: #f6f6f6; }

.custombutton {
	background: #6bc4ff;
	background-image: linear-gradient(to bottom, #6bc4ff, #1f72a6);
	border-radius: 10px;
	color: #ffffff;
	font-family: Arial;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.custombutton:hover {
	background: #3cb0fd;
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}