/*
  _____  ____   ____   _____ _      ______     __  __          _____  
 / ____|/ __ \ / __ \ / ____| |    |  ____|   |  \/  |   /\   |  __ \ 
| |  __| |  | | |  | | |  __| |    | |__      | \  / |  /  \  | |__) |
| | |_ | |  | | |  | | | |_ | |    |  __|     | |\/| | / /\ \ |  ___/ 
| |__| | |__| | |__| | |__| | |____| |____    | |  | |/ ____ \| |     
 \_____|\____/ \____/ \_____|______|______|   |_|  |_/_/    \_\_|

*/

.gm-style-pbc { 
  background-color: rgba(0,0,0, var(--brand)); /* DARK OVERLAY WHEN SCROLLING */
}

/*.gm-style-iw-a,*/ /* WEIRD ARROW POINTING DOWN WHEN YOU CLICK ON NAMES */
.gm-fullscreen-control, /* REMOVES OPAQUE FULLSCREEN BUTTON AT TOP RIGHT OF STREET VIEW */
.gm-iv-container,
.gm-iv-address, /* REMOVES OPAQUE ADDRESS BOX AT TOP LEFT OF STREET VIEW */
img[src="https://maps.gstatic.com/mapfiles/embed/images/google4.png"],
img[src="http://maps.gstatic.com/mapfiles/api-3/images/sv4.png"],
a[href^="http://maps.google.com/maps"], /* BLACK OPAQUE FULLSCREEN/MAXIMIZE BUTTON AT TOP RIGHT OF MAP */
a[href^="https://maps.gstatic.com/mapfiles/embed/images/google4.png"],
[href^="http://maps.google.com/maps"],
a[href^="https://maps.google.com/maps"],
/*.gmnoprint,
.gmnoprint a,
.gmnoprint span,*/
.gm-style-cc,
.div.gm-style button, /* BLANK WHITE SQUARE AT TOP RIGHT OF GOOGLE MAP */
div.gm-inset.gm-inset-hover-enabled div.gm-inset-map.gm-inset-map,
div.gm-style div.gmnoprint div.gm-style-cc,
.gmnoprint.gm-style-cc,
a[title="Report errors in the road map or imagery to Google"], /* REMOVES "Report a map error" */
a[title="Click to see this area on Google Maps"],  /* REMOVES NEW GOOGLE LOGO @BOTTOM LEFT OF MAP AREA */
button[title="Toggle fullscreen view"]
/*.gm-style-iw, .gm-style-iw-c, .gm-style-iw-a, .gm-style-iw-t, .gm-style-iw-d, button.gm-ui-hover-effect*/
 {
  display: none !important;
  visibility: hidden !important;
  background: none !important;
  background: transparent !important;
}
.gm-style-iw-d { overflow-y: hidden !important; }
/*.__web-inspector-hide-shortcut__https://maps.gstatic.com/mapfiles/embed/images/google4.png {
  display: none !important;
}
*/
a[href^="http://maps.google.com/maps"],
a[href^="https://maps.google.com/maps"],
.gmnoscreen,
.gmnoprint a,
.gmnoprint span,
.gm-style-cc ,
.gmnoprint div, /*MAP & SATELLITE VIEW */
.gm-style-cc:last-child { /* REMOVES "Map data @ 2015 Google" | "Terms of Use" */
  background: none !important;
  display: none !important;
}


/*

GOOGLE ADDRESS AUTOCOMPLETE DROPDOWN MENU

https://developers.google.com/maps/documentation/javascript/place-autocomplete#style_autocomplete

*/

body.theme-round .pac-container {
  border-radius: var(--theme-round-border-radius);
}

.pac-container {
  z-index: 999999 !important;
  /*top: 0px !important;*/
  position: inherit;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  border-top: none;

  -webkit-box-shadow: 0px 0px 0px 9999px var(--brand-light);
     -moz-box-shadow: 0px 0px 0px 9999px var(--brand-light);
          box-shadow: 0px 0px 0px 9999px var(--brand-light);

  background-color: var(--brand);

/*  top: calc( 233px - 19px ) !important;*/
}
/* REMOVES "POWERED BY GOOGLE" IN ADDRESS AUTO DROPDOWN */

.pac-container::after {
  content: none !important; 
}
.pac-container .pac-item {
  height: var(--input-size) ;
  padding: 0px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: var(--input-size);
  text-align: left;
  border-top: 1px solid var(--box-border);
  font-weight: 500;
  background-color: var(--white);
}
.pac-container .pac-item:first-of-type {
  border-top: none;
}

/* WHEN USING KEYBOARD ARROWS UP AND DOWN */

.pac-item-selected,
.pac-item-selected span.pac-icon.pac-icon-marker,
.pac-item-selected span.pac-item-query,
.pac-item-selected span.pac-matched {
  color: var(--white) !important;
  background-color: var(--brand) !important;
}


.pac-container .pac-item,
.pac-container .pac-item span.pac-icon.pac-icon-marker,
.pac-container .pac-item span.pac-item-query,
.pac-container .pac-item span.pac-matched {
  font-size: 16px !important;
  color: var(--brand);
/*  transition: var(--transition);*/
}
.pac-container .pac-item span.pac-icon.pac-icon-marker {
  min-width: var(--input-size);
  height: 100%;
  font-family: var(--fa-font);
  background-image: none;
  padding-left: 15px;
  padding-bottom: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-right: -8px;
  margin-top: 4px;
}
.pac-container .pac-item span.pac-icon.pac-icon-marker::after {
  content: '\f3c5';
}
.pac-container .pac-item:hover {
  background-color: var(--brand);
}
.pac-container .pac-item:hover,
.pac-container .pac-item:hover span.pac-icon.pac-icon-marker,
.pac-container .pac-item:hover span.pac-item-query, 
.pac-container .pac-item:hover span.pac-matched {
  color: var(--white);
}

a[href^="http://maps.google.com/maps"]{} /* BLACK OPAQUE FULLSCREEN/MAXIMIZE BUTTON AT TOP RIGHT OF MAP */
div.gm-style-mtc { top: 150px; right: 30px; }
.gmnoprint { top: 170px; right: 30px; }
button[title="Toggle fullscreen view"] { top: 200px; right: 30px; }



/*
 ___ _  _ ___ _____      _____ _  _ ___   _____      __
|_ _| \| | __/ _ \ \    / /_ _| \| |   \ / _ \ \    / /
 | || .` | _| (_) \ \/\/ / | || .` | |) | (_) \ \/\/ / 
|___|_|\_|_| \___/ \_/\_/ |___|_|\_|___/ \___/ \_/\_/

*/

#map {
  position: absolute !important;
  overflow: visible !important;
}
#map [role="dialog"] {
  margin: 0;
  padding: 0;
}
#map [role="dialog"] > div {
  overflow: auto !important;
}

/**************************
* INFOWINDOW CLOSE BUTTON *
**************************/

#map [role="dialog"] button.gm-ui-hover-effect {
  margin: 0 !important;
  padding: 0 !important;
  width: calc( var(--input-size) / 2 ) !important;
  min-width: calc( var(--input-size) / 2 ) !important;
  max-width: calc( var(--input-size) / 2 ) !important;
  height: calc( var(--input-size) / 2 ) !important;
  top: 15px !important;
  right: 15px !important;
  background-color: rgba( 255, 255, 255, .4 ) !important;
  transition: var(--transition);
  opacity: 0 !important;
}
#map [role="dialog"]:hover button.gm-ui-hover-effect {
  opacity: 1;
}

/******************************
* INFOWINDOW CLOSE BUTTON - X *
******************************/

#map [role="dialog"] button.gm-ui-hover-effect > span {
  margin: 0 !important;
  padding: 0 !important;
  width: calc( var(--input-size) / 2 ) !important;
  height: calc( var(--input-size) / 2 ) !important;
  background-color: var(--brand) !important;
  transition: var(--transition) !important;
  opacity: 0 !important;
}
#map [role="dialog"]:hover button.gm-ui-hover-effect > span {
  opacity: 1 !important;
}
#map [role="dialog"] button.gm-ui-hover-effect:hover {
  background-color: var(--white);
}
#map [role="dialog"] button.gm-ui-hover-effect:hover > span {
  background-color: var(--brand) !important;
}

/*************
* INFOWINDOW *
*************/

#map .gm-style .gm-style-iw-c,
#map .infowindow  {
  width: 200px;
  height: auto;
  padding: 0;
  margin: 0;
  border-radius:var(--border-radius);
  display: flex;
}
#map .gm-style .gm-style-iw-c *,
.infowindow * {
  margin: 0;
}
body.theme-round #map .gm-style .gm-style-iw-c,
body.theme-round #map .infowindow  {
  border-radius:var(--theme-round-border-radius);
}
#map .infowindow .card {
  width: 200px;
  height: auto;
  padding: 0;
  margin: 0;
}
#map [role="dialog"]:has(.list-view),
#map .infowindow:has(.list-view),
#map .infowindow .list-view {
  width: 500px;
}
#map .infowindow .card .card-body {
  transform: translateY(-50px);
  z-index: 2;
}
#map .infowindow .list-view .card-body {
  transform: translateY(0px);
}
#map .infowindow .list-view li.nav-item.avatar-wrapper {
  top: auto;
}
#map .infowindow .card .card-body a,
#map .infowindow .card .card-body p {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
#map .infowindow .card .card-body li {
  transform: none;
}


/**************
* STREET VIEW *
**************/

#street-view path { 
  display: none !important; /* HIDES ARROWS */ 
}       
a#toggle-marker {
  border-radius: 50%;
  box-shadow: var(--box-shadow); /* 0 0 13px rgb(26 30 35 / 20%); */
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 2;
}
a#toggle-marker .fa-stack-1x {
  color: var(--header-text);
}
a#toggle-marker:hover .fa-stack-1x {
  color: var(--white);
}



/* GOOGLE MAP TWEAKS / OVERRIDES */

/* DISABLE BLUE OUTLINE I SOMETIMES SEE AROUND THE MAP */
.gm-style iframe + div { border: none !important; /*blue outline  around map */ }








/* MARKER CLUSTER */

.custom-clustericon {
  background: var(--brand) !important;
  color: var(--white);
  border-radius: 100%;
  font-weight: bold;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--white);
  position: relative;
}
.custom-clustericon::before,
.custom-clustericon::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background: var(--brand) !important;
  opacity: 0.2;
  border-radius: 100%;
  position: absolute;
}
.custom-clustericon::before {
  padding: 30px;
  z-index: -1 !important;
}
.custom-clustericon::after {
  padding: 40px;
  z-index: -2 !important;
}
.custom-clustericon-1,
.custom-clustericon-2,
.custom-clustericon-3 {
  color: var(--brand) !important;
  background-color: var(--brand) !important;
}
.custom-clustericon div { 
  z-index: 1; 
}