/*
 * Small adjustments needed because the markup is now rendered by WordPress.
 * Loaded after the cloned stylesheets.
 */

.ksg-comments {
	max-width: 900px;
	margin: 40px auto;
	padding: 0 16px;
	font-family: inherit;
}

.ksg-comments .comment-respond h3,
.ksg-comments .comments-title {
	font-size: 20px;
	margin-bottom: 12px;
}

.ksg-comments input[type='text'],
.ksg-comments input[type='email'],
.ksg-comments input[type='url'],
.ksg-comments textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #d8dde6;
	border-radius: 8px;
	font-size: 15px;
}

.ksg-comments .submit input,
.ksg-comments button[type='submit'] {
	background: #1464f4;
	color: #fff;
	border: 0;
	border-radius: 999px;
	padding: 12px 26px;
	font-weight: 600;
	cursor: pointer;
}

/* WordPress alignment helpers inside imported content */
.alignleft {
	float: left;
	margin: 0 24px 16px 0;
}

.alignright {
	float: right;
	margin: 0 0 16px 24px;
}

.aligncenter {
	display: block;
	margin: 0 auto 16px;
}

.wp-caption,
.wp-caption-text,
.gallery-caption {
	font-size: 14px;
	color: #667085;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

/* Pagination on archive pages */
.ksg-pager {
	margin: 32px 0 8px;
	text-align: center;
}

.ksg-pager .page-numbers {
	display: inline-block;
	min-width: 40px;
	padding: 8px 12px;
	margin: 0 4px;
	border-radius: 8px;
	background: #f1f4f9;
	color: #1c2b4a;
	text-decoration: none;
	font-weight: 600;
}

.ksg-pager .page-numbers.current,
.ksg-pager .page-numbers:hover {
	background: #1464f4;
	color: #fff;
}

/* Search form styling to match the clone */
.search-form {
	display: flex;
	gap: 8px;
}

.search-form input[type='search'] {
	flex: 1;
	padding: 12px 16px;
	border: 1px solid #d8dde6;
	border-radius: 999px;
	font-size: 15px;
}

.search-form input[type='submit'] {
	background: #1464f4;
	color: #fff;
	border: 0;
	border-radius: 999px;
	padding: 12px 24px;
	font-weight: 600;
	cursor: pointer;
}

/* Lead form success / error notice */
.ksg-lead-notice {
	max-width: 720px;
	margin: 0 auto 16px;
	padding: 12px 18px;
	border-radius: 10px;
	font-weight: 600;
}

.ksg-lead-notice--ok {
	background: #e7f8ef;
	color: #0f7b45;
}

.ksg-lead-notice--err {
	background: #fdecec;
	color: #b42318;
}

/* Keep the admin bar from covering the sticky header */
body.admin-bar #header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar #header {
		top: 46px;
	}
}