/* #################################################################################################
IISA EVENTS SYSTEM - COMING EVENTS PAGE (GENERTED MAP USING MAPBOX API)
-----------------------------------------------------------------------
Author:	Simon Edge
Date:		08/01/2026
Description:
   The CSS code for the 'COMING EVENTS PAGE' (GENERTED MAP USING MAPBOX API).
################################################################################################# */

.page-id-22562 .content_holder .top_content .info_bar {
	padding:15px 0px !important;
}
.page-id-22562 .content_block_background {
	padding:0px !important;
}
.page-id-22562 .content_block_background section {
	width:100% !important;
	max-width:100% !important;
	margin:0px !important;
	padding:0px !important;
}
.page-id-22562 .content_block_background section .row {
	margin:0px !important;
	position:relative !important;
}
.page-id-22562 .content_block_background section .row p {
	padding:0px !important;
}
#ce_map {
	width:100%;
	height:calc(100vh - 148px);
	background-color:#e0e0e0;
}
#ce_satellite, #ce_street {
	position:absolute;
	top:80px;
	right:10px;
	width:70px;
	padding:7px 0px;
	text-align:center;
	font-weight:500;
	font-size:13px;
	line-height:100%;
	color:#000000;
	background-color:#ffffff;
	border-radius:5px;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
#ce_satellite:hover, #ce_street:hover {
	background-color:#f0f0f0;
}
#ce_street {
	display:none;
}

#ce_reset {
	position:absolute;
	top:118px;
	right:10px;
	width:70px;
	padding:7px 0px;
	text-align:center;
	font-weight:500;
	font-size:13px;
	line-height:100%;
	color:#000000;
	background-color:#ffffff;
	border-radius:5px;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
#ce_reset:hover {
	background-color:#f0f0f0;
}

.ce_marker {
	box-sizing:content-box;
	background-color:#ffffff;
	border:solid 1px #ffffff;
	border-radius:0px;
	width:20px;
	height:15px;
	background-position:center center !important;
	background-size:cover !important;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.mapboxgl-popup {
	width:320px !important;
	max-width:100% !important;
}
.mapboxgl-popup .mapboxgl-popup-content {
	padding:15px !important;
	border-radius:7px !important;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.mapboxgl-popup .mapboxgl-popup-content button {
	width:24px !important;
	padding:0px !important;
	font-size:20px !important;
	line-height:24px !important;
	background-color:#71a6c5 !important;
	color:#ffffff !important;
	border-top-right-radius:7px !important;
	outline-width:0px !important;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
.mapboxgl-popup .mapboxgl-popup-content button:hover {
	background-color:#000000 !important;
}
.mapboxgl-popup .mapboxgl-popup-content {
	font-weight:500 !important;
	font-size:12px !important;
	line-height:18px !important;
	color:#707070 !important;
}
.mapboxgl-popup .mapboxgl-popup-content strong {
	font-weight:700 !important;
	font-size:14px !important;
	line-height:100% !important;
	color:#71a6c5 !important;
}
.mapboxgl-popup .mapboxgl-popup-content em {
	font-style:normal !important;
	font-weight:500 !important;
	font-size:12px !important;
	line-height:18px !important;
	color:#000000 !important;
}
.mapboxgl-popup .mapboxgl-popup-content a {
	display:inline-block !important;
	margin:10px 0px 0px !important;
	padding:5px 10px !important;
	border-radius:5px !important;
	background-color:#71a6c5 !important;
	color:#ffffff !important;
	font-weight:500 !important;
	font-size:12px !important;
	line-height:18px !important;
	text-decoration:none !important;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
.mapboxgl-popup .mapboxgl-popup-content a:hover {
	background-color:#000000 !important;
}