/*
Theme Name: Phab
Theme URI: https://dianewallace.co.uk/
Description: Phab block theme. This is a child theme of Twenty Twenty Five.
Author: Diane Wallace, StudioPress
Author URI: https://dianewallace.co.uk/

Version: 1.0.0

Template: twentytwentyfive

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: phab
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
*/

/* Typography */
strong {
	font-weight: 600;
}

/* Header Navigation */
header .wp-block-group {
	overflow: visible;
}

header .wp-block-navigation a:where(:not(.wp-element-button)) {
	font-weight: 400;
	padding: 10px 15px;
}

header .wp-block-navigation a:where(:not(.wp-element-button)):hover {
	text-decoration: none;
	border-bottom: 2px solid #fff;
}

header .wp-block-button .wp-block-button__link:hover {
	opacity: 0.85;
}

header .wp-block-search.wp-block-search__button-only .wp-block-search__button {
	height: 40px;
	position: relative;
}

header .wp-block-search__button svg {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
}

@media screen and (min-width: 1140px) {
	header .wp-block-search.wp-block-search__button-only .wp-block-search__input {
		position: absolute;
			right: 0;
			top: 95px;
		z-index: 9999;
		width: 100%;
		border: 8px solid #032454 !important;
		border-radius: 0 !important;
        transition-duration: 1s;
	}
}

@media screen and (min-width: 600px) {
	.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
		border: 0;
		background-color: #032454 !important;
	}

	.wp-block-navigation .wp-block-navigation-item {
		background-color: #032454;
		color: #fff;
	}
}

/* Background Images */
.shape-bottom-right,
.shape-bottom-left,
.shape-top-right,
.shape-top-left {
	position: absolute;
	z-index: 0;
}

.shape-bottom-right {
	bottom: 0;
	right: 0;
}

.shape-bottom-left {
	bottom: 0;
	left: 0;
}

.shape-top-right {
	top: 0;
	right: 0;
}

.shape-top-left {
	top: 0;
	left: 0;
}

.wp-block-group {
	overflow: hidden;
}

@media screen and (max-width: 1820px) {
	.shape-bottom-right,
	.shape-bottom-left,
	.shape-top-right,
	.shape-top-left {
		max-width: 14%;
	}
}

/* Image Styles */
.clubs-cta .wp-block-media-text__media img {
	transform: rotate(6deg);
}

.clubs-cta .wp-block-group {
	overflow: visible !important;
}

/* Posts */
.wp-block-query-pagination a {
	text-decoration: none;
}

/* Maps */
#club-map-categories {
	max-height: 600px;
	overflow-y: scroll;
}

.mapster-category-control input:checked + .mapster-slider, .mapster-layer-control input:checked + .mapster-slider {
	background-color: #032454;
}

/* Footer */
footer {
	margin-block-start: 0;
}

/* Responsive */
@media screen and (max-width: 1199px) {
	.wp-block-group.alignfull .wp-block-columns {
		max-width: 100vw;
		padding: 1.2rem;
	}
}

@media screen and (max-width: 1139px) {
	header .header-row.is-layout-flex,
	header .phab-menu {
		flex-direction: column;
		gap: 20px;
	}
}

@media screen and (max-width: 600px) {
	.wp-block-group.alignfull .wp-block-columns {
		max-width: 100vw;
		padding: 30px;
	}

	.wp-block-navigation__container {
		gap: 20px !important;
	}

	.header-row {
		flex-direction: column;
	}

	footer > .wp-block-group {
		padding: 30px;
	}

	footer .wp-block-group.alignfull .wp-block-columns {
		padding: 0;
	}
}