/*
Theme Name: Chris Bell Construction
Theme URI: https://idyllic.co.nz
Author: Idyllic
Author URI: https://idyllic.co.nz
Description: Custom theme for Chris Bell Construction
Version: 2.2
Text Domain: idyllic
*/

/* All main theme CSS is located in /css/less/ and compiled into css/main.css */

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}

#projects-page .project-filters-mobile-bar,
#projects-page .project-filters-overlay,
#projects-page #filters .project-filters__close {
	display: none;
}

#projects-page #filters .project-filters__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

@media (max-width: 991px) {
	#projects-page .project-filters-mobile-bar {
		display: block;
		margin-bottom: 24px;
	}

	#projects-page .project-filters-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 16px 20px;
		border: 1px solid #fff;
		background: transparent;
		color: #fff;
		font-family: "AllianceNeue-SemiBold", sans-serif;
		font-size: 16px;
		line-height: 1;
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}

	#projects-page #filters.project-filters {
		position: relative;
		z-index: 1;
		display: none;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		gap: 18px;
		width: 100%;
		max-width: none;
		margin-bottom: 24px;
		background: transparent;
		box-shadow: none;
		transform: none;
		transition: none;
		overflow: visible;
	}

	#projects-page #filters .project-filters__header {
		display: none;
	}

	#projects-page #filters .project-filters__close {
		display: none;
	}

	#projects-page #filters .ui-group,
	#projects-page #filters select {
		width: 100%;
	}

	#projects-page #filters select {
		-webkit-appearance: none;
		appearance: none;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-position: calc(100% - 12px) center;
		background-size: 14px 9px;
		background-repeat: no-repeat;
		padding-right: 34px !important;
	}

	#projects-page.filters-open #filters.project-filters {
		display: flex;
	}
}