/*
Theme Name: Bridgewater Veterinary Hospital
Description: Custom theme for Bridgewater Veterinary Hospital, built from the bridge-layout markup.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bridgewater
*/

/* Layout styles live in assets/css. Only WordPress-specific adjustments go here. */

.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .site-header { top: 46px; }
}
@media screen and (max-width: 600px) {
	.admin-bar .site-header { top: 0; }
}

.article-body img.alignleft { float: left; margin: 0 24px 16px 0; }
.article-body img.alignright { float: right; margin: 0 0 16px 24px; }
.article-body img.aligncenter { margin-inline: auto; }
.article-body .wp-caption { max-width: 100%; }
/* Layout fix: the global img{max-width:100%} kept blog card images from
   bleeding to the card edges (width: calc(100% + 48px)). */
.blog-card img { max-width: none; }

/* Contact Form 7: the layout hides "form label>span" (visually hidden captions),
   but CF7 wraps every field in a span inside the label too. */
.wpcf7 form label > span.wpcf7-form-control-wrap { position: static; width: auto; height: auto; clip: auto; overflow: visible; display: block; }
.wpcf7 form .button { cursor: pointer; }
.wpcf7-not-valid-tip { font-size: 12px; margin-top: 4px; color: #c0392b; }
.wpcf7 form .wpcf7-response-output { font-size: 14px; padding: 10px; border-radius: 5px; margin: 10px 0 0; border-width: 1px; }
.wpcf7 form.sent .wpcf7-response-output { background: #eaf6e6; }
.wpcf7-spinner { display: block; margin: 8px auto 0; }

.screen-reader-text { position: absolute; width: 1px; height: 1px; clip: rect(0, 0, 0, 0); overflow: hidden; }

/* Single post: content spans the full site grid. */
.single-post .article-body { max-width: none; }
.single-post .article-body .cta-box { clear: both; }
.single-post .article-body::after { content: ""; display: block; clear: both; }

/* From 992px: images at most half the width, aligned right, text flows on the left. */
@media (min-width: 992px) {
	.single-post .article-body img {
		float: right;
		clear: right;
		max-width: 50%;
		height: auto;
		margin: 6px 0 24px 40px;
	}
}

/* Tables in posts and page content. */
.article-body table {
	width: 100%;
	margin: 24px 0 32px;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--line);
	border-radius: 14px;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.5;
	clear: both;
}
.article-body th,
.article-body td {
	padding: 14px 18px;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	color: var(--body);
}
.article-body th:last-child,
.article-body td:last-child { border-right: 0; }
.article-body tr:last-child > td,
.article-body tr:last-child > th { border-bottom: 0; }
.article-body thead tr:last-child > th { border-bottom: 2px solid var(--green); }
.article-body thead th {
	background: var(--pale);
	color: var(--dark);
	font-weight: 700;
}
.article-body tbody tr:nth-child(even) td { background: #f8fbf6; }
.article-body td > span,
.article-body th > b { font-weight: inherit; }

@media (max-width: 767px) {
	.article-body table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		font-size: 15px;
	}
	.article-body th,
	.article-body td { min-width: 160px; padding: 12px 14px; }
}