/*

Theme Name:  Salient

Description: Styles for the "Interactive Map" page builder element.

*/



html:not(.js) #contact-map,

html:not(.js) .nectar-google-map{

  display:none

}



#contact-map{

  width:100%;

  height:370px;

  margin-bottom:30px

}



body.page-template-template-contact[data-header-resize="1"] .container-wrap {

	padding-top: 0;

}



.gm-style-iw{

  color:#777

}

#contact-map div,

.nectar-google-map div {

  box-sizing:content-box;

  -webkit-box-sizing:content-box

}

.wpb_wrapper > .nectar-google-map,

.nectar-google-map{

  margin-bottom:0

}

.nectar-google-map img{

  max-width:none!important

}

.wpb_column.centered-text .nectar-google-map img {

  display: block;

}

body[data-bg-header="true"] #contact-map{

  margin-top:-30px

}

.contact-info{

  padding-left:20px

}

body.page-template-template-contact-php .page-header-no-bg .col.section-title{

  border-bottom:0

}

body.page-template-template-contact-php #page-header-bg{

  margin-bottom:0

}

.gm-style .gm-style-iw,

.gm-style .gm-style-iw a,

.gm-style .gm-style-iw span,

.gm-style .gm-style-iw label,

.gm-style .gm-style-iw div{

  font-family:arial;

  letter-spacing:0;

  line-height:20px

}

.nectar-google-map .animated-dot,

.nectar-leaflet-map .animated-dot {

  width:20px;

  height:20px;

  left:-9px;

  top:-5px;

  position:relative

}

.nectar-google-map .animated-dot .middle-dot,

.nectar-leaflet-map .animated-dot .middle-dot {

  width:16px;

  height:16px;

  border-radius:30px;

  position:absolute;

  left:2px;

  top:2px;

  transform-origin:50% 50%;

  animation-fill-mode:forwards;

  animation-iteration-count:infinite

}

.nectar-google-map[data-dark-color-scheme="1"] .animated-dot .middle-dot:after{

  width:100%;

  height:100%;

  display:block;

  position:absolute;

  left:0;

  top:0;

  content:' ';

  background-color:#fff;

  border-radius:30px;

  z-index:100;

  opacity:0;

  animation:animationSignal2 cubic-bezier(0,.55,.55,1) 2s;

  transform-origin:50% 50%;

  animation-fill-mode:forwards;

  animation-delay:0.78s;

  animation-iteration-count:infinite

}

.nectar-google-map .animated-dot .signal,

.nectar-leaflet-map .animated-dot .signal {

  width:180px;

  pointer-events:none;

  height:180px;

  border-radius:200px;

  position:absolute;

  left:-80px;

  top:-80px;

  opacity:0;

  -webkit-animation:animationSignal cubic-bezier(0,.55,.55,1) 2s;

  animation:animationSignal cubic-bezier(0,.55,.55,1) 2s;

  transform-origin:50% 50%;

  animation-fill-mode:forwards;

  animation-delay:0.78s;

  animation-iteration-count:infinite

}

.nectar-google-map .animated-dot .signal2,

.nectar-leaflet-map .animated-dot .signal2 {

  width:180px;

  height:180px;

  pointer-events:none;

  border-radius:200px;

  position:absolute;

  left:-80px;

  top:-80px;

  opacity:0;

  -webkit-animation:animationSignal cubic-bezier(0,.55,.55,1) 2s;

  animation:animationSignal cubic-bezier(0,.55,.55,1) 2s;

  transform-origin:50% 50%;

  animation-fill-mode:forwards;

  animation-delay:1s;

  animation-iteration-count:infinite

}

.nectar-leaflet-map .nectar-leaflet-pin {

  width: 34px;

  height: 34px;

  font-size: 0;

  border: 10px solid #3452ff;

  border-radius: 50% 50% 50% 0;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  position: relative;

  background-color: #fff;

}

.nectar-leaflet-map:not([data-marker-style="nectar"]) .leaflet-marker-icon:before {

  background-image: url(../../img/icons/leaflet/marker-shadow.png);

  position: absolute;

  z-index: -1;

  display: block;

  top: 2px;

  left: 9px;

  width: 41px;

  height: 41px;

  content: '';

  -webkit-transform: rotate(13deg);

  transform: rotate(13deg);

}

.nectar-leaflet-map .leaflet-marker-icon {

  overflow: visible;

  background-color: transparent;

  border: none;

}

.nectar-leaflet-map[data-greyscale="1"] > .leaflet-map-pane .leaflet-tile-container {

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

}

@-webkit-keyframes animationSignal{

  0%{

    opacity:0;

    transform: scale(0.00)

  }

  1%{

    opacity:0.25

  }

  20%{

    opacity:0.25

  }

  60%{

    transform: scale(1);

    opacity:0

  }

}

@-webkit-keyframes animationSignal2{

  0%{

    opacity:0

  }

  1%{

    opacity:0.2

  }

  20%{

    opacity:0.17

  }

  60%{

    opacity:0

  }

}

@keyframes animationSignal{

  0%{

    opacity:0;

    transform: scale(0.00)

  }

  1%{

    opacity:0.25

  }

  20%{

    opacity:0.25

  }

  60%{

    transform: scale(1);

    opacity:0

  }

}

@keyframes animationSignal2{

  0%{

    opacity:0

  }

  1%{

    opacity:0.2

  }

  20%{

    opacity:0.17

  }

  60%{

    opacity:0

  }

}