#menu-main-menu li:last-of-type {
	background-color: #275e37 !important;
}

#menu-main-menu li ul li:last-of-type {
	background-color: inherit !important;
}

.fixed-height-image-box .elementor-image-box-img {
	max-height: 300px;
	height: 100%;
	overflow: hidden;
	display: flex !important;
	align-items: center;
}

#patient-referral__form form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2%;
}

#patient-referral__form form p {
	display: inline-block;
	flex-basis: 48%;
}

#patient-referral__form form p:first-of-type {
	margin-left: -2%;
}

#patient-referral__form form input[type=date] {
	padding: 9px 15px;
}

#patient-referral__form form select {
	width: 100%;
	background-color: #fff;
}

#patient-referral__form form p:has(> .idtesting) {
	flex-basis: 100%;
}

/* Modern typography (Poppins/Inter) for non-Elementor page content */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Inter:wght@400;500&display=swap');

body, p, li, table, input, textarea, select, button, .entry-content {
	font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}

/* Consistent rounded, softly-shadowed photos across every page */
#content.site-content img {
	border-radius: 16px;
	box-shadow: 0 8px 30px rgba(30,41,59,0.15);
}

/* Hand Therapy Services page uses the block editor (not Elementor) and had no
   brand colour applied to its headings - match the rest of the site */
.page-id-25 #content h1,
.page-id-25 #content h2,
.page-id-25 #content h3,
.page-id-25 #content h4 {
	color: #57A667;
}

/* Modernised top banner: logo, site title and contact tagline */
.site-header {
    background-color: #F2F8F3;
    box-shadow: 0 2px 16px rgba(30,41,59,0.07);
    position: relative;
    z-index: 5;
}

.site-header .inside-header {
    padding: 28px 40px;
}

.site-branding-container a {
    transition: opacity 0.2s ease;
}

.site-branding-container a:hover {
    opacity: 0.8;
}

.main-title a {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.site-description {
    margin-top: 8px !important;
}

.site-description b {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    background: rgba(87, 166, 103, 0.15);
    color: #275E37;
    font-weight: 600;
    font-size: 14px;
    border-radius: 20px;
}

.site-description b::before {
    content: "";
    width: 13px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23275E37' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

/* Top banner: keep the contact pill on one line on mobile by stacking
   logo/title/tagline in a centred column instead of a cramped row */
@media (max-width: 768px) {
    .site-header .inside-header {
        padding: 20px 20px;
    }

    .site-branding-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .site-logo {
        margin: 0 0 10px 0;
    }

    .main-title,
    .site-description {
        text-align: center;
    }

    .site-description {
        display: flex;
        justify-content: center;
    }

    .site-description b {
        font-size: 13px;
        white-space: nowrap;
    }
}