/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Pages Loop */
.pagesLoop {
	display: flex;
	flex-direction: row;
	gap: 32px;
	flex-wrap: wrap;
}

.pagesLoop_item {
	width: 100%;
}

.featuredImage .imgWrapper {
	overflow: hidden;
	width: 100%;
	height: 175px;
}

.featuredImage .imgWrapper .img {
	width: 100%;
	height: 100%;
}

.featuredImage .imgWrapper .img img {
	height: 100%;
	width: 100%;
    object-fit: cover;
}

@media only screen and (min-width: 767px) {
	.pagesLoop_item {
		width: calc(50% - 16px);
	}
	
	.featuredImage .imgWrapper {
		overflow: hidden;
		width: 100%;
		height: 225px;
	}
}

@media only screen and (min-width: 1024px) {
	.pagesLoop_item {
		width: calc(25% - 24px);
	}
	
	.featuredImage .imgWrapper {
		overflow: hidden;
		width: 100%;
		height: 175px;
	}
}

/* Facilities Loop */
.facilityLoop {
	display: flex;
	flex-direction: row;
	gap: 32px;
	flex-wrap: wrap;
}

.facilityLoop .facilityLoop_item {
	display: flex;
	flex-direction: row;
	gap: 16px;
	align-items: center;
	width: 100%;
}

.facilityLoop .facilityFeaturedImage img {
	width: 32px;
	height: 32px;
}

.facilityLoop .facilityLoop_item .title {
	width: calc(100% - 48px);
}

.facilityLoop .facilityLoop_item .title p {
	margin-bottom: 0;
}

@media only screen and (min-width: 767px) {
	.facilityLoop .facilityLoop_item {
		width: calc(33.333% - 21.333px);
	}
}

/* Offers Loop */
.offersLoop {
	display: flex;
	flex-direction: row;
	gap: 32px;
	flex-wrap: wrap;
}

.offersLoop_item {
	width: 100%;
}

.image .imgWrapper {
	overflow: hidden;
	width: 100%;
	height: 175px;
}

.image .imgWrapper .img {
	width: 100%;
	height: 100%;
}

.image .imgWrapper .img img {
	height: 100%;
	width: 100%;
    object-fit: cover;
}

@media only screen and (min-width: 767px) {
	.offersLoop_item {
		width: calc(50% - 16px);
	}
	
	.image .imgWrapper {
		overflow: hidden;
		width: 100%;
		height: 225px;
	}
}

@media only screen and (min-width: 1024px) {
	.offersLoop_item {
		width: calc(25% - 24px);
	}
	
	.image .imgWrapper {
		overflow: hidden;
		width: 100%;
		height: 175px;
	}
}

/* Exhibition Loop */
.exhibitionLoop {
	display: flex;
	flex-direction: row;
	gap: 32px;
	flex-wrap: wrap;
}

.exhibitionLoop_item {
	width: 100%;
}

.venueTaxonomy {
    margin-top: 4px;
	font-size: 14px;
}

.venueTaxonomy span {
	padding: 4px 8px;
	font-size: 14px;
}

.venueTaxonomy.cliffe-castle-museum span {
	background-color: #66C3EA; 
}

.venueTaxonomy.bradford-industrial-museum span {
	background-color: #CBCCCD;
}

.venueTaxonomy.bolling-hall-museum span {
	background-color: #F3D665;
}

.venueTaxonomy.cartwright-hall-art-gallery span {
	background-color: #F0CBE2;
}

@media only screen and (min-width: 767px) {
	.exhibitionLoop_item {
		width: calc(50% - 16px);
	}
}

@media only screen and (min-width: 1024px) {
	.exhibitionLoop_item {
		width: calc(25% - 24px);
	}
	
	.quarter .exhibitionLoop_item {
		width: calc(25% - 24px);
	}
	
	.third .exhibitionLoop_item {
		width: calc(33.333% - 21.666px);
	}
}

/* Accordion */
.accordion {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.accordion .accordionItem {
	background-color: #f2f2f2;
	padding: 16px;
	cursor: pointer;
}

.accordion .accordionItem.active {
	background-color: #CBCCCD;
	cursor: auto;
}


.accordion .accordionItem .accordionTitle {
	display: flex;
	flex-direction: row;
	gap: 32px;
	justify-content: space-between;
	align-items: center;
}

.accordion .accordionItem .accordionTitle h5 {
	margin: 0;
}

.accordion .accordionItem .accordionTitle .accordionIcon svg {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.accordion .accordionItem .accordionText {
	margin-top: 16px;
}

/* Single Event Post - Recurring events */
.recurringEvents {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.recurringEvents .singleRecurringEventDate {
	padding-bottom: 16px;
	border-bottom: 1px solid #CBCCCD;
}

.recurringEvents .singleRecurringEventDate:last-child {
	padding-bottom: 0px;
	border-bottom: 0px solid #CBCCCD;
}

.recurringEvents .singleRecurringEventDate p {
	margin-bottom: 0;
}

.recurringEvents .singleRecurringEventDate p.expired {
	margin-bottom: 0;
}