/* 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/10/26Sept_BST-Vertical-Mobile-Logo3-Sept-2026.webp') !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;
}

/* =========================================
   MOBILE ACCORDION
   ========================================= */

@media (max-width: 767px) {

    /* The accordion group itself */
    .mobile-accordion {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* The WordPress Group's inner container */
    .mobile-accordion > .wp-block-group__inner-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* The section heading */
    .mobile-accordion > .wp-block-group__inner-container > h2,
    .mobile-accordion > .wp-block-group__inner-container > h3 {
        position: relative;
        margin: 0 !important;
        padding: 18px 55px 18px 20px !important;
        background: #eaf2fc;
        color: #004b98;
        cursor: pointer;
    }

    /* Hide everything after the heading */
    .mobile-accordion > .wp-block-group__inner-container > *:not(h2):not(h3) {
        display: none;
    }

    /* Show content when the accordion is opened */
    .mobile-accordion.is-open
    > .wp-block-group__inner-container
    > *:not(h2):not(h3) {
        display: block;
    }

    /* Plus sign */
    .mobile-accordion > .wp-block-group__inner-container > h2::after,
    .mobile-accordion > .wp-block-group__inner-container > h3::after {
        content: "+";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 28px;
        font-weight: 400;
        line-height: 1;
    }

    /* Minus sign when open */
    .mobile-accordion.is-open
    > .wp-block-group__inner-container
    > h2::after,
    .mobile-accordion.is-open
    > .wp-block-group__inner-container
    > h3::after {
        content: "−";
    }

    /* Padding around the opened text */
    .mobile-accordion.is-open
    > .wp-block-group__inner-container
    > *:not(h2):not(h3) {
        padding-left: 20px;
        padding-right: 20px;
    }

}