/* Reduce the large gap before the testimonials */
.front-testimonials {
	padding-top: 0;
}

.grid-row .jetpack-testimonial {
	margin-top: 0 !important;
}

#primary.front-page-content-area {
	padding-bottom: 0;
}

.featured-page-area {
	padding-bottom: 0;
}

/* Main navigation - desktop and mobile */
.main-navigation {
	background-color: #3575B1;
}

/* Mobile MENU button */
@media screen and (max-width: 960px) {
	.main-navigation .menu-toggle {
		background-color: #3575B1 !important;
		color: #ffffff !important;
	}
}

/* Change Dara tagline to charcoal grey */
p.site-description {
	color: #444444 !important;
}

/* Reduce the gap above the mobile menu - Dara theme */
@media screen and (max-width: 600px) {
	.site-branding {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	p.site-description {
		margin-bottom: 0 !important;
	}
}

/* Mobile logo - keep original proportions */
@media screen and (max-width: 600px) {
	.site-branding .custom-logo {
		content: url('https://bristolsciencetutor.com/wp-content/uploads/2026/09/bst-vertical-mobile-logo3-sept-2026.png') !important;
		width: auto !important;
		height: auto !important;
		max-width: calc(100vw - 30px) !important;
		max-height: none !important;
		display: block !important;
		margin: 0 auto !important;
	}
}

/* Highlight the introductory lesson link */
.entry-content a[href="https://bristolsciencetutor.com/contact-details/"] {
	color: #3575B1 !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}

/* How I Teach - mobile cards */
@media screen and (max-width: 600px) {
	.teach-step {
		background-color: #f7f9fc;
		border-left: 4px solid #3575B1;
		border-radius: 6px;
		padding: 16px 16px 14px;
		margin-bottom: 14px;
		box-sizing: border-box;
	}
	
	.teach-step p {
		margin-bottom: 0;
	}
	
	.teach-step h3,
					    .teach-step h4 {
		margin-top: 0;
		margin-bottom: 8px;
		color: #3575B1;
		font-weight: 700;
	}
}

/* Make the mobile logo smaller */
@media screen and (max-width: 600px) {
	.site-branding .custom-logo {
		max-width: 70% !important;
	}
}

/* Mobile Dara menu - compact button, but keep normal menu functionality */
@media screen and (max-width: 600px) {
	.main-navigation {
		background-color: transparent !important;
		text-align: center !important;
		padding: 0 !important;
		margin: 6px 0 0 !important;
	}
	
	.main-navigation .menu-toggle {
		display: inline-block !important;
		width: auto !important;
		min-width: 0 !important;
		margin: 0 auto !important;
		padding: 9px 18px !important;
		background-color: #3575B1 !important;
		color: #ffffff !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
	}
	
	/* Keep the actual dropdown visible when MENU is opened */
	.main-navigation.toggled .nav-menu {
		display: block !important;
		background-color: #3575B1 !important;
		margin-top: 6px !important;
	}
}

/* Slightly reduce the tagline size on mobile */
@media screen and (max-width: 600px) {
	p.site-description {
		font-size: 80% !important;
	}
}

	
}

.biology-resource-heading {
	border-left: 3px solid #705080;
	padding-left: 18px;
}

.biology-resource-heading  a {
	color: #B4472F;
	transition: color .2s ease;
}

.biology-resource-heading  a:hover {
	color: #3575B1;
}

.biology-resource-link a {
	color: #B4472F;
	transition: color .2s ease;
}

.biology-resource-link a:hover {
	color: #3575B1;
}