/*
Theme Name: Windrush Labs
Theme URI: https://windrushlabs.com
Author: Windrush Labs
Author URI: https://windrushlabs.com
Description: Custom Full Site Editing theme for Windrush Labs - boutique software consulting firm.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: windrushlabs
Tags: full-site-editing, block-patterns, block-styles
*/

.wp-site-blocks > main {
	margin-block-start: 0;
}

.wp-block-columns > .wp-block-column {
	display: flex;
	flex-direction: column;
}

.wp-block-columns > .wp-block-column > .wp-block-group:not(.is-layout-flex) {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.wp-block-columns.are-vertically-aligned-stretch > .wp-block-column > .wp-block-group {
	justify-content: flex-start;
}

.wp-block-image {
	margin-bottom: 2rem;
}

.wp-block-group[style*="overflow:hidden"] > .wp-block-image {
	margin-bottom: 0;
}

.wp-block-group[style*="overflow:hidden"] > .wp-block-image img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	width: 100%;
}

.case-study-filters {
	display: flex;
	width: 100%;
	background-color: #1a1a2e;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: var(--wp--preset--spacing--40);
}

.filter-tab {
	flex: 1;
	padding: 16px 8px;
	background: none;
	border: none;
	color: #ffffffaa;
	font-family: var(--wp--preset--font-family--concourse);
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	position: relative;
	transition: color 0.2s;
}

.filter-tab:hover {
	color: #ffffff;
}

.filter-tab.active {
	color: #ffffff;
	font-weight: 600;
}

.filter-tab.active::after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	border: 8px solid transparent;
	border-top-color: #1a1a2e;
}

.case-study-grid.filtering {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--wp--preset--spacing--40);
}

.case-study-grid.filtering > * {
	max-width: none;
}

.case-study-grid.filtering > :not(.wp-block-columns) {
	grid-column: 1 / -1;
}

.case-study-grid.filtering .wp-block-columns {
	display: contents;
}

.case-study-grid.filtering .wp-block-column {
	display: none;
}

.case-study-grid.filtering .wp-block-column.filter-match {
	display: flex;
}

header .wp-block-buttons {
	margin: 0;
}
header .wp-block-button {
	margin: 0;
}

.wp-site-blocks > footer,
.wp-site-blocks > footer.wp-block-template-part {
	margin-top: 0;
}

.wp-block-group.alignfull + .wp-block-group.alignfull {
	margin-top: 0;
}

.wp-block-cover .wp-block-cover__inner-container > .wp-block-paragraph {
	max-width: 700px;
}

.wp-block-cover .wp-block-cover__inner-container > .wp-block-heading + .wp-block-paragraph {
	max-width: 700px;
}

.service-card {
	position: relative;
	cursor: pointer;
	transition: transform 0.2s;
}

.service-card:hover {
	transform: translateY(-4px);
}

.service-card a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.service-link {
	cursor: pointer;
	transition: color 0.2s;
}

.service-link a {
	color: #656565;
	text-decoration: none;
}

.service-link:hover a {
	color: #0693e3;
}

.service-link.active {
	color: #0693e3;
}

.service-link.active a {
	color: #0693e3;
}

@media screen and (max-width: 781px) {
	.case-study-filters {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.filter-tab {
		flex: 0 0 auto;
		white-space: nowrap;
		padding: 12px 14px;
	}

	.case-study-grid.filtering {
		grid-template-columns: 1fr;
	}

	.wp-block-cover[style*="min-height:80vh"] {
		min-height: 60vh !important;
	}
}

@media screen and (max-width: 600px) {
	.wp-block-group.alignfull[style*="spacing--80"] {
		padding-top: var(--wp--preset--spacing--60) !important;
		padding-bottom: var(--wp--preset--spacing--60) !important;
	}

	.wp-block-cover[style*="min-height:80vh"] {
		min-height: 50vh !important;
		padding-top: var(--wp--preset--spacing--50) !important;
		padding-bottom: var(--wp--preset--spacing--50) !important;
	}
}