/* 
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 */

/*--------------------------------------------------------------*/
/*  Sticky header
/*--------------------------------------------------------------*/

.sticky-header.sticky {
	position: fixed;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
}

/*--------------------------------------------------------------*/
/*  Google Map
/*--------------------------------------------------------------*/

.acf-map {
	width: 100%;
	height: 631px;
	border-radius: 20px;
}
.marker {
	display: none;
}
.gm-style-iw-chr button {
	margin: 5px 5px 0 0 !important;
	width: 15px !important;
	height: 15px !important;
}
.gm-style-iw-chr button span {
	margin: 0 !important;
	width: 15px !important;
	height: 15px !important;
}
.gm-style-iw-d h4 {
	margin: 0;
	font-size: 16px;
}

/*--------------------------------------------------------------*/
/*  Locations
/*--------------------------------------------------------------*/

.location-filter .search-filter-input-group {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0 20px;
}
#locations {
	max-height: 571px;
	overflow-y: auto;
}
#locations-filter {
	display: flex;
	gap: 20px;
}
.location {
	background-color: #e0ebf6;
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 20px;
	transition: all .3s;
}
.location:last-child {
	margin-bottom: 0;
}
.location.active {
	background-color: #f1dfbc;
}
.location h2 {
	margin: 0;
	font-family: "Playfair Display", Sans-serif;
	font-weight: 600;
	line-height: 1;
}
.location-address,
.location-buttons,
.location-cats {
	margin-top: 20px;
}
.location-buttons {
	display: flex;
	align-items: center;
	gap: 10px 20px;
}
.location-buttons a.button {
	background-color: #fff;
	display: inline-block;
	padding: 12px 24px;
	border: 1px solid #65b4da;
	border-radius: 20px;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	color: #68b9e0;
	line-height: 1;
	transition: all .3s;
}
.location-buttons a.button:hover {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
.location-cats {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
	list-style: none;
}
.location-cat {
	background-color: #65b4da;
	display: inline-block;
	padding: 7px 15px;
	border-radius: 20px;
	font-size: 14px;
	color: #fff;
	line-height: 1;
}
.location-cat.cat-8 {
	background-color: #a778bd;
}
.location-cat.cat-10 {
	background-color: #e780a7;
}
