/**********************************/
/**********************************/
/*     CSS STORE LOCATOR          */
/**********************************/
/**********************************/

.map_container {
  position: relative;
  height: 700px;
}

.wpgmza_innermap_holder {
  margin: 0 !important;
  border-radius: 0 !important;
}

.wpgmza-modern-marker-listing .wpgmza-close-container {
  display: none;
}

.wpgmza-popout-panel ul {
  padding: 0;
}

.wpgmza-modern-marker-listing li:not(:last-child) {
  border-bottom: 1px solid #666 !important;
}

.wpgmza-popout-panel .wpgmaps_mlist_row {
  border-bottom: 1px solid #eee !important;
  padding: 1rem !important;
}

.wpgmza-popout-panel .wpgmaps_mlist_row * {
  font-size: 1rem !important;
  font-style: inherit !important;
  color: #fff;
}

.wpgmza-modern-marker-listing [data-name="title"] {
  font-size: 1.2rem !important;
}

.wpgmza-modern-store-locator {
  left: 25% !important;
  padding: 0 !important;
  width: 75%;
  max-width: inherit !important;
}

.wpgmza-modern-store-locator > .wpgmza-inner {
  background-color: #1f1f1f !important;
  height: 5vw;
  border-radius: 0 !important;
  display: flex;
}

.wpgmza-modern-store-locator > .wpgmza-inner {
  padding: 1rem !important;
}

.wpgmza-modern-store-locator button.wpgmza-use-my-location {
  width: 2rem !important;
  height: 100% !important;
  border: 0 !important;
  background-color: #7e543b !important;
}

.wpgmza-search.wpgmza_sl_search_button_div {
  height: 100%;
  margin-left: 1rem;
}

.wpgmza-search.wpgmza_sl_search_button_div input {
  background-color: #7e543b !important;
  border: 0 !important;
  color: #fff !important;
  text-transform: initial !important;
  letter-spacing: 0 !important;
  padding: 0 2rem !important;
}

.wpgmza-address {
  flex: 1;
}

.wpgmza_marker_title {
  color: #000 !important;
  font-weight: 900 !important;
}

.wpgmza-modern-marker-open-button,
.wpgmza-modern-marker-listing-buttons,
div[data-name="category"] {
  display: none !important;
}

.fas.fa-phone-volume {
  margin-right: 1rem;
}

div[data-name="description"] .blockquote {
  margin: 0 !important;
}

.wpgmza-modern-marker-listing-marker-view [data-name='title'] {
  order: 1 !important;
  background-color: #7e543b !important;
  font-weight: 900 !important;
  color: #fff !important;
  margin-top: 0;
  text-transform: uppercase !important;
  padding: 1rem !important;
}

.wpgmza-modern-marker-listing-marker-view [data-name='address'], .wpgmza-modern-marker-listing-marker-view [data-name='desc'] {
  order: 2 !important;
}

.wpgmza-modern-marker-listing-marker-view [data-name='category'] {
  order: 3 !important;
}

.wpgmza-modern-marker-listing-marker-view [data-name='pic'] {
  order: 4 !important;
}

div[data-name="description"] {
  padding: 1rem;
  order: 5 !important;
}

.wpgmza-modern-marker-listing-marker-view .wpgmza-modern-marker-listing-buttons {
  order: 6 !important;
}

.wpgmza-modern-marker-listing-marker-view [data-name='address'], .wpgmza-modern-marker-listing-marker-view [data-name='desc'] {
  font-size: 1.2vw !important; 
  padding: 1rem 1rem 0 1rem !important;
  color: #000 !important;
  font-weight: 700;
}

.wpgmza-modern-store-locator.wpgmza_sl_offset, .wpgmza-modern-store-locator.wpgmza_sl_mv_offset {
  left: 25% !important;
}

.wpgmza-popout-panel {
  background-color: rgba(255,255,255,0.75) !important;
}

.wpgmza-popout-panel.wpgmza-modern-marker-listing-marker-view {
  background-color: rgba(255,255,255,1) !important;
}






  /**********************/
  /* PAGE DISTRIBUTEURS */
  /**********************/

  /* Reduce intro height for distributeurs page ONLY */
  /* Using body class for better specificity - only affects template_distributors */
  body.page-template-template_distributors #intro {
    height: 35vh !important;
  }

  #locationSelect, 
  .wpgmza_sl_query_innerdiv1, 
  .wpgmza_sl_radius_innerdiv1, 
  .wpgmza-basic-listing-image-holder, 
  .wpgmza_sl_reset_button_div { 
    display: none !important; 
  }

  .wpgmza_sl_main_div { 
    background-color: #7e543b !important; 
    height: 8vh !important; 
    padding-left: calc(25% + 5rem) !important; 
    position: relative !important; 
    z-index: 10 !important; 
    top: -92vh !important;
    left: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-content: center !important;
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .wpgmza_map { height: 92vh !important; }
  .wpgmza_innermap_holder {
    margin: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: rgba(46,46,46,0.95) !important;
    left: 3rem !important;
    width: 25% !important;
    height: 100% !important;
    top: 0 !important;
    z-index: 15 !important;
    padding: 0 !important;
    overflow-y: scroll !important;
  }
  .gm-style { z-index: inherit!important; }
  .wpgmza_map div { z-index:  !important; }
  .wpgmza_basic_row {
    display: block !important;
    border: 0 !important;
    border-bottom: 1px solid #747474 !important;
    padding: 1.5rem !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .wpgmza-content-address-holder * {
    color: #fff !important;
  }
.wpgmza-content-address-holder img  { display: none; }
.wpgmza-content-address-holder { width: 100% !important; font-family: 'Open Sans', sans-serif; }
.wpgmza-content-address-holder a { border: 0 !important; }
.wpgmza-content-address-holder a:before, .wpgmza-content-address-holder a:after { content: none; }
.wpgmza-content-address-holder a:hover::before { display: none; }
.wpgmza-content-address-holder a:hover { color: #fff; }
.wpgmza-content-address-holder p { font-size: 1.25rem !important; line-height: 1; margin-bottom: .5rem; }
.wpgmza-desc div { 
	display: inline-block; 
	border: 5px solid #7e543b; 
	padding: 1rem; 
	font-weight: 700; 
	font-size: 1rem; 
	line-height: 1rem;
}
.wpgmza-desc div i, div[data-name="description"] i { font-size: 1.5rem; margin-right: .5rem; }

div[data-name="description"] a {
  color: #7e543b !important;
}

  .wpgmza-desc p {
      font-weight: 600 !important;
      font-size: .8rem !important;
      line-height: 1 !important;
      color: #7e543b !important;
  }

  .wpgmza-desc i, div[data-name="description"] { 
    margin-right: .5rem !important; 
    color: #7e543b !important; 
    font-size: 1.5rem !important;
  }

  .wpgmza-address { margin-bottom: 1rem !important; }

  .wpgmza_sl_radius_innerdiv2 {
    width: auto !important;
  }
  .wpgmza_sl_query_div {
    height: 100% !important;
    display: inline-block !important;
  }
  .wpgmza_sl_radius_div {
    height: inherit !important;
    margin-top: 0 !important;
  }
  .wpgmza_sl_query_div, .wpgmza_sl_query_innerdiv2, .wpgmza_sl_radius_div, .wpgmza_sl_radius_innerdiv2, .wpgmza_sl_search_button_div {
    display: flex !important;
    align-content: center !important;
  }
  .wpgmza_sl_search_button_div input {
    border: 0 !important;
    background-color: #2e2e2e !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    padding: 0 1rem !important;
    margin-left: 1rem !important;
    font-size: .8rem !important;
  }
  .wpgmza_sl_radius_select {
    padding: 0 1rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: #2e2e2e !important;
    border: 0 !important;
    margin-left: 1rem !important;
    font-size: .8rem !important;
  }
  .sl_use_loc {
    padding: 0 1rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: #2e2e2e !important;
    border: 0 !important;
    margin-left: 1rem !important;
    background-color: #fff !important;
  }
  .sl_use_loc img { width: 1.5rem !important; }
  .addressInput {
    padding: 0 1rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: #2e2e2e !important;
    border: 0 !important;
    margin-left: 0 !important;
    background-color: #fff !important;    
    font-size: .8rem !important;
    padding-left: 4rem !important;
  }
  .wpgmza_sl_query_innerdiv2 { position: relative !important; width: 40vw !important; }
  .wpgmza_sl_query_innerdiv2::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 700 !important;
    content: "\f002" !important;
    color: #2e2e2e !important;
    font-size: 1.5rem !important;
    position: absolute !important;
    left: 2rem !important;
    top: calc(50% - 1.1rem) !important;
  }

  .wpgmza_sl_query_innerdiv2 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #2e2e2e !important; }
  .wpgmza_sl_query_innerdiv2 ::-moz-placeholder { /* Firefox 19+ */ color: #2e2e2e !important; }
  .wpgmza_sl_query_innerdiv2 :-ms-input-placeholder { /* IE 10+ */ color: #2e2e2e !important; }
  .wpgmza_sl_query_innerdiv2 :-moz-placeholder { /* Firefox 18- */ color: #2e2e2e !important; }

  .page-template-distributors-template footer { margin-top: 0 !important; }

  .wpgmza_markerbox * { font-size: .75rem !important; }
  .gm-style-iw.gm-style-iw-c { padding: .5rem !important; }


	/* New styles */

	.wpgmza-modern-store-locator {
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		max-width: inherit !important;
		height: 8vh !important;
		padding-top: 0 !important; 
	}

	.wpgmza-pagination {
		display: none;
	}

	.wpgmza-modern-store-locator > .wpgmza-inner {
		background-color: #7e543b !important; 
		padding: 1rem !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		height: 5vw;
		display: flex;
	  }
	  
	  .wpgmza-modern-store-locator > .wpgmza-inner {
		  padding: 1rem 1rem 1rem calc(25% + 5rem) !important;
	  }
	  
	  .wpgmza-modern-store-locator button.wpgmza-use-my-location {
		width: 2rem !important;
		height: 100% !important;
		border: 0 !important;
		background-color: #7e543b !important;
	  }
	  
	  .wpgmza-modern-store-locator input, .wpgmza-modern-store-locator select {
      height: 100% !important;
      background-color: #fff !important;
      font-size: 1rem !important;
      padding: 0 1rem !important;
      border: 0 !important;
      margin: 0 1rem 0 0 !important
	  }
	  
	  .wpgmza-search.wpgmza_sl_search_button_div {
		height: 100%;
		margin-left: 1rem;
	  }
	  
	  .wpgmza-search.wpgmza_sl_search_button_div input {
		background-color: #301600 !important;
		border: 0 !important;
		color: #fff !important;
		text-transform: initial !important;
		letter-spacing: 0 !important;
		padding: 0 2rem !important;
	  }
	  
	  .wpgmza-address {
		flex: 1;
	  }
	  
	  .wpgmza_marker_title {
		color: #fff !important;
		font-weight: 900 !important;
	  }
	  
	  .wpgmza-modern-marker-open-button,
	  .wpgmza-modern-marker-listing-buttons,
	  div[data-name="category"] {
		display: none !important;
	  }
    
    
    

/*************** RESPONSIVE ****************/

@media only screen and (max-width: 768px) {

  .wpgmza_innermap_holder {
    display: none !important;
  }

  .wpgmza-modern-store-locator > .wpgmza-inner {
    height: 3rem !important;
  }

  .wpgmza-modern-store-locator {
    left: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

  .wpgmza-search.wpgmza_sl_search_button_div input {
    padding: 0 .5rem !important;
    margin: 0 !important;
  }

  .wpgmza-modern-store-locator input, .wpgmza-modern-store-locator select {
    font-size: .75rem !important;
  }

  .wpgmza-modern-marker-listing-marker-view [data-name='address'], .wpgmza-modern-marker-listing-marker-view [data-name='desc'] {
    font-size: 1rem !important;
  }

  .wpgmza-search.wpgmza_sl_search_button_div {
    margin-left: 0 !important;
  }

  .wpgmza_sl_search_button_div input {
    width: inherit !important;
  }

}

@media only screen and (max-width: 1024px) { 
  .wpgmza-modern-store-locator > .wpgmza-inner {
    height: 4rem !important;
    padding: 1rem !important;
  }
}



/**********************************/
/**********************************/
/*    CSS STORE LOCATOR    FIN    */
/**********************************/
/**********************************/