/* aapimd.org visual fixes: obvious layout glitches found in the 2026 review. Design otherwise unchanged. */

/* Footer: drop the theme demo's background art (the Xcare cross mark and a stethoscope) that sat on top
   of the Quick Link list. */
.site-footer.pbmit-footer-style-2 {
	background-image: none !important;
}

/* reCAPTCHA badge: hidden, with Google's required notice shown next to each form instead
   (see inc/polish.php). It used to sit under the scroll-to-top button and over the copyright line. */
.grecaptcha-badge {
	visibility: hidden;
}
.aapimd-recaptcha-note {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: #646d82;
}
.aapimd-recaptcha-note a,
.aapimd-recaptcha-note a:hover {
	color: inherit;
	text-decoration: underline !important;
}

/* Footer copyright line: keep the text clear of the fixed scroll-to-top button. */
@media (min-width: 992px) {
	.pbmit-footer-text-area .pbmit-footer-copyright-text-area {
		padding-right: 90px;
	}
}

/* Footer subscribe form: the Submit button matches the email field's height and top edge. */
@media (min-width: 992px) {
	.pbmit-footer-widget .wpforms-container .wpforms-submit {
		height: 43px;
		top: -3px;
	}
}

/* Membership benefit cards (pricing-table widget used without prices): keep sentence case instead of
   Title Casing whole paragraphs, and drop the empty price row that left a large gap under each title. */
.pbmit-pricing-table-box .pbmit-ptable-lines .pbmit-ptable-line {
	text-transform: none;
}
.pbmit-pricing-table-box .pbmit-head-wrap .pbmit-price-wrapper:has(.pbmit-ptable-price-w:not(:has(*))) {
	display: none;
}
.pbmit-pricing-table-box .pbmit-head-wrap:has(.pbmit-ptable-price-w:not(:has(*))) {
	padding-bottom: 12px;
}

/* Header logos: the width/height attributes (added to reserve space while loading) must not stretch them;
   the theme limits their height. */
img.pbmit-main-logo,
img.pbmit-sticky-logo,
img.pbmit-responsive-logo {
	width: auto;
}

/* AVIF/WebP <picture> wrappers added around uploaded images (aapimd-performance mu-plugin) take no box of
   their own, so every image lays out exactly as the plain <img> did. */
picture.aapimd-pic {
	display: contents;
}

/* Header cart: the theme hides the cart total next to the icon from its WooCommerce stylesheet, which
   now only loads on shop pages (aapimd-performance mu-plugin). Keep it hidden everywhere. */
.pbmit-cart-wrapper.pbmit-show-cart-amount-no .woocommerce-Price-amount.amount {
	display: none !important;
}

/* Header logo on inner pages: fits inside the 90px bar instead of being clipped at the top edge. */
.pbmit-main-header-area .pbmit-sticky-logo {
	max-height: 80px;
	margin-top: 10px;
}

/* Product pages: the Customizer's Additional CSS gives the product photo a fixed 320px-tall box, which
   stretched the round AAPIMD logo into an oval. Keep the box, but fit the photo inside it undistorted. */
.woocommerce div.product div.images img {
	object-fit: contain;
}
/* ...and the same CSS kept the photo at half width on phones, squeezing the title into a narrow column
   beside it. Phones get the photo full width above the title, as WooCommerce intends. */
@media (max-width: 768px) {
	.woocommerce-page #content div.product div.images.woocommerce-product-gallery {
		float: none;
		width: 100%;
	}
}

/* Body text grey #6e778c -> #646d82: same look, but readable contrast (4.8:1 on the light-blue page
   background, 5.2:1 on white; the original was 4.15:1, under the 4.5:1 accessibility minimum). */
body,
.pbmit-ihbox.pbmit-ihbox-style-hsbox .pbmit-ihbox-content,
.pbmit-tab-style-2 .pbmit-tabs .pbmit-tab-list,
.pbmit-footer-style-2 .pbmit-footer-text-area .pbmit-footer-copyright-text-area,
.pbmit-footer-style-2 .pbmit-footer-text-area a,
.pbmit-footer-style-2 .widget ul > li,
.pbmit-footer-style-2 .widget ul > li a {
	color: #646d82;
}
.elementor-kit-8 {
	--e-global-color-text: #646d82;
}

/* Pop-ups (Popup Builder) built with WordPress blocks, like the Gala flyer: Elementor leaves WordPress's block
   styles off its pages, so they get their own layout here. Button centered on top in the site's button style,
   image centered below, the whole pop-up fitting the screen. */
.sgpb-main-html-content-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 20px 12px 12px;
	text-align: center;
}
.sgpb-main-html-content-wrapper > * {
	margin: 0;
	max-width: 100%;
}
.sgpb-main-html-content-wrapper .wp-block-buttons {
	display: flex;
	justify-content: center;
}
.sgpb-main-html-content-wrapper .wp-block-button__link {
	display: inline-block;
	padding: 13px 30px;
	border-radius: 40px;
	background-color: var(--pbmit-xcare-global-color, #3368c6);
	color: #fff;
	font-family: Sora, sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 0.3s ease;
}
.sgpb-main-html-content-wrapper .wp-block-button__link:hover,
.sgpb-main-html-content-wrapper .wp-block-button__link:focus {
	background-color: var(--pbmit-xcare-blackish-color, #031b4e);
	color: #fff;
}
.sgpb-main-html-content-wrapper .wp-block-image figure {
	margin: 0;
}
.sgpb-main-html-content-wrapper .wp-block-image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 6px;
}
/* Short, wide screens (laptops): Popup Builder caps a pop-up at 85% of the screen's height and shrinks it
   to fit, which made the flyer tiny. Size the image so the pop-up fits that height to begin with. */
@media (max-height: 800px) and (min-width: 600px) {
	.sgpb-main-html-content-wrapper .wp-block-image img {
		width: auto !important;
		height: calc(85vh - 110px) !important;
		object-fit: contain;
	}
}
/* An empty block left in the pop-up's content. */
.sgpb-main-html-content-wrapper .wp-block-columns:not(:has(.wp-block-column > *)) {
	display: none;
}