/*** bundle ****/

.google-map {
    position: relative;
    height: calc(100vh - 100px);
    /* background: #CECECE */
}

@media (max-width:767px) {
    .google-map {
        height: calc(100vh - 75px)
    }
}

.google-map .number-icon {
    color: #FFF;
    font-weight: 600;
    font-size: 0;
    line-height: 11px;
    text-align: center;
    border-radius: 100%;
    -khtml-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background: rgba(0, 121, 95, .65)
}

.google-map .number-icon[style*="width: 35px"] {
    font-size: 13px;
    line-height: 35px
}

.google-map .number-icon.active {
    z-index: 999!important;
    box-shadow: 0 0 0 2px #FFF, 0 0 0 5px #00795F;
    -khtml-box-shadow: 0 0 0 2px #FFF, 0 0 0 5px #00795F;
    -webkit-box-shadow: 0 0 0 2px #FFF, 0 0 0 5px #00795F;
    -moz-box-shadow: 0 0 0 2px #FFF, 0 0 0 5px #00795F;
    -ms-box-shadow: 0 0 0 2px #FFF, 0 0 0 5px #00795F;
    -o-box-shadow: 0 0 0 2px #FFF, 0 0 0 5px #00795F;
    background: #00795F
}

.google-map .the-map {
    width: 100%
}

@media (min-width:40.063em) {
    .newsletter-touts figure.col:nth-child(4n+1) {
        clear: left
    }
    .google-map .the-map {
        float: right;
        height: 100%
    }
}

@media (max-width:40.063em) {
    .google-map .the-map {
        height: 60%
    }
    .google-map .the-map .leaflet-pane {
        width: 100%;
        height: calc(100% - 67px);
        pointer-events: none
    }
    .google-map .the-map .leaflet-pane input {
        pointer-events: auto
    }
}

.google-map .leaflet-top.leaflet-left:not(.leaflet-google-layer) {
    z-index: 500;
    position: fixed;
    top: 100px;
    left: 0;
    width: 43.5%;
    padding: 37px 25px;
    background: #858FA0
}

@media (max-width:40.063em) {
    .google-map .leaflet-top.leaflet-left:not(.leaflet-google-layer) {
        position: absolute;
        top: 0;
        width: 100%;
        padding: 12.5px
    }
}

.google-map .leaflet-top.leaflet-left:not(.leaflet-google-layer) .leaflet-control {
    float: none;
    margin: auto
}

.google-map .leaflet-top.leaflet-left:not(.leaflet-google-layer) input[type=search].leaflet-gac-control:not([readonly]) {
    display: block;
    color: #858FA0;
    border: 0;
    margin: auto;
    padding-bottom: 8px;
    border-radius: 100px;
    -khtml-border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background: #FFF
}

.pac-container {
    display: none!important
}

.google-map aside {
    transition: width .35s cubic-bezier(.215, .61, .355, 1);
    -khtml-transition: width .35s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: width .35s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: width .35s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: width .35s cubic-bezier(.215, .61, .355, 1);
    -o-transition: width .35s cubic-bezier(.215, .61, .355, 1);
    background: #fff;
}

.google-map aside .results {
    padding-left: 20px;
    transition: .3s .7s ease-in-out;
    -khtml-transition: .3s .7s ease-in-out;
    -webkit-transition: .3s .7s ease-in-out;
    -moz-transition: .3s .7s ease-in-out;
    -ms-transition: .3s .7s ease-in-out;
    -o-transition: .3s .7s ease-in-out
}

@media(max-width: 768px){ 
    .google-map aside .results {
        /* padding-top: 110px; */
        padding-bottom: 100px;
    }
}

@media (min-width: 769px) {
    .google-map aside .results {
        padding-top: 30px;
    }
}

@media (min-width:40.063em) {
    .google-map aside {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 45%;
        height: 100%;
        overflow: hidden
    }
    .google-map aside .results {
        overflow: auto;
        /*height: 100%;*/
        height: calc(100% - 52px);
        /*padding-top: 110px;*/
    }
}

@media (max-width:40.063em) {
    .google-map aside {
        position: relative
    }
    .google-map aside .results {
        height: auto;
        overflow: hidden
    }
}

.google-map aside .results p.no-results {
    color: #FFF;
    margin: 28px
}

/*
.google-map aside .results .locationsList.single {
    position: relative;
    height: calc(100% - 80px);
}

.google-map aside .results .locationsList.single article {
    position: initial;
}

.position-bottom {
    position: absolute;
    bottom: 0;
}
*/

.google-map aside .results article {
    /*cursor: pointer;*/
    position: relative;
    padding: 0 0 0 50px;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -0.25px;
    color: #000;
    text-transform: capitalize;    
}

.google-map aside .results article:before {
    content: attr(data-idx);
    display: block;
    position: absolute;
    top: 11px;
    left: 0px;
    width: 34px;
    height: 34px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    border: solid 1px #007161;
    border-radius: 50%;
    /*background: #788190*/
}

.google-map aside .results article[data-sponsor="True"]:before {
    content: "\2605";
    color: #007161;
}

.google-map aside .results article.active {
    box-shadow: inset 4px 0 #FFF;
    -khtml-box-shadow: inset 4px 0 #FFF;
    -webkit-box-shadow: inset 4px 0 #FFF;
    -moz-box-shadow: inset 4px 0 #FFF;
    -ms-box-shadow: inset 4px 0 #FFF;
    -o-box-shadow: inset 4px 0 #FFF
}

.google-map aside .results article.active:before {
    color: #858FA0;
    box-shadow: 0 0 0 3px #858FA0, 0 0 0 5px #FFF;
    -khtml-box-shadow: 0 0 0 3px #858FA0, 0 0 0 5px #FFF;
    -webkit-box-shadow: 0 0 0 3px #858FA0, 0 0 0 5px #FFF;
    -moz-box-shadow: 0 0 0 3px #858FA0, 0 0 0 5px #FFF;
    -ms-box-shadow: 0 0 0 3px #858FA0, 0 0 0 5px #FFF;
    -o-box-shadow: 0 0 0 3px #858FA0, 0 0 0 5px #FFF;
    background: #FFF
}

.google-map aside .results article:hover:not(.active) {
    box-shadow: inset 4px 0 rgba(255, 255, 255, .2);
    -khtml-box-shadow: inset 4px 0 rgba(255, 255, 255, .2);
    -webkit-box-shadow: inset 4px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 4px 0 rgba(255, 255, 255, .2);
    -ms-box-shadow: inset 4px 0 rgba(255, 255, 255, .2);
    -o-box-shadow: inset 4px 0 rgba(255, 255, 255, .2)
}

.google-map aside .results article .inner {
    padding: 11px 70px 12px 0;
    /*border-bottom: 1px solid #9099A8*/
}

.google-map aside .results article .icon-info {
    position: absolute;
    top: 25px;
    right: 30px
}

.google-map aside .results article address,
.google-map aside .results article h4,
.google-map aside .results article strong {
    display: block;
    color: inherit;
    margin: 0
}

.google-map aside .results article strong {
    font-weight: 300;
    font-size: 17px;
    /*line-height: 1.2*/
}

.google-map aside .results article address {
    /*
    opacity: .5;
    filter: alpha(opacity=50);
    font-style: normal;
    font-size: 19px
    */
    font-style: normal;
}

.google-map aside .results article h4 {
    margin: 15px 0 0
}

.google-map aside .results article a {
    color: inherit;
    font-size: 17px;
    text-decoration: none
}

.google-map aside .results article .locationEmail {
    text-transform: none;
}

.location-website {
    text-transform:lowercase;
}

.google-map:not(.reveal) aside {
    /* width: 0; */
}

.google-map:not(.reveal) aside .results {
    /*
    opacity: 0;
    filter: alpha(opacity=0)
    */
}

.google-map:not(.reveal) .the-map {
    /* pointer-events: none; */
}

.google-map:not(.reveal) .the-map .leaflet-control-container {
    /* display: none */
}

.results article[data-sponsor="True"] .featured-heading {
    /*display: none;*/
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #eb8023;
}

/*
.results article[data-sponsor="True"]:first-of-type .featured-heading {
    display: block;
}
*/

.results article[data-sponsor="True"] + article[data-sponsor="False"] .inner {
    position: relative;
}

.results article[data-sponsor="True"] + article[data-sponsor="False"] .inner:before {
    position: absolute;
    top: 0px;
    content: "";
    width: calc(100% - 70px);
    height: 2px;
    background: #77b3ab;
}

.flex-listing {
    display: flex;
}

.flex-listing .listing-image {
    padding-left: 20px;
}

.flex-listing .listing-image img {
    max-height: 150px;
}

@media (min-width:40.063em) {
    .google-map .the-map {
        width: 55%
    }
}

.google-map aside .popup-info {
    z-index: 600;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    color: #FFF;
    color: rgba(255, 255, 255, .5);
    font-size: 20px;
    line-height: 1.2;
    text-transform: capitalize;
    padding: 50px;
    border-top: 1px solid #9099A8;
    transition: .3s cubic-bezier(.23, 1, .32, 1);
    -khtml-transition: .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: .3s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: .3s cubic-bezier(.23, 1, .32, 1);
    -ms-transition: .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: .3s cubic-bezier(.23, 1, .32, 1);
    background: #858FA0
}

@media (max-width:40.063em) {
    .flex-listing {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .flex-listing .listing-image {
        padding-left: 0;
        padding-bottom: 10px;
    }  

    .google-map aside .popup-info {
        z-index: 1000;
        position: fixed;
        top: 74px;
        bottom: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

.google-map aside .popup-info .close {
    position: absolute;
    top: 25px;
    right: 25px
}

.google-map aside .popup-info .search-results .the-posts article h2,
.google-map aside .popup-info h3,
.search-results .the-posts article .google-map aside .popup-info h2 {
    color: #FFF;
    font-size: 28px;
    line-height: 1.21;
    margin: 0
}

.google-map aside .popup-info h4 {
    color: #FFF;
    font-size: 24px;
    line-height: 1.21;
    margin: 0
}

.google-map aside .popup-info h5 {
    color: #FFF;
    font-size: inherit;
    margin: 39px 0 0
}

.google-map aside .popup-info address,
.google-map aside .popup-info p {
    font-style: normal;
    margin: 0
}

.google-map aside .popup-info .contact-details {
    margin-top: 45px
}

.google-map aside .popup-info .contact-details>span {
    display: block
}

.google-map aside .popup-info .contact-details>span:not(:last-child) {
    margin-bottom: 25px
}

.google-map aside .popup-info .contact-details a,
.google-map aside .popup-info .contact-details span {
    color: #FFF;
    text-decoration: none
}

.google-map aside .popup-info .contact-details a:hover {
    text-decoration: none
}

.google-map aside .popup-info .contact-details i {
    min-width: 20px;
    margin-right: 15px
}

.google-map aside:not(.popup-open) .popup-info {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    transition: .7s cubic-bezier(.23, 1, .32, 1);
    -khtml-transition: .7s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: .7s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: .7s cubic-bezier(.23, 1, .32, 1);
    -ms-transition: .7s cubic-bezier(.23, 1, .32, 1);
    -o-transition: .7s cubic-bezier(.23, 1, .32, 1);
    transform: translate(0, 100%);
    -khtml-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%)
}

.no-cspsointerevents .google-map aside:not(.popup-open) .popup-info {
    display: none!important
}

.google-map aside.popup-open .popup-info {
    width: 100%
}

.google-map #mapArea {
    height: 100%;
}

.google-map #searchToolbar {
    padding-left: 50px;
}

.google-map .searchBox {
    max-width: 305px;
    height: auto;
    border: solid 1px #117a6c;
    border-radius: 8px;
    padding: 12px 8px;;
    font-size: 17px;
    font-weight: 300;
    color: #000;
    background: #FFF;  
}

/*** wp-custom ****/
/*
.google-map #searchToolbar {
    z-index: 500;
    position: fixed;
    top: 100px;
    left: 0;
    width: 43.5%;
    padding: 25px 25px;
    background: #858FA0;
}

.google-map #searchToolbar #searchBox {
    display: block;
    height: 42px;
    color: #858FA0;
    border: 0;
    margin: auto;
    padding-bottom: 8px;
    border-radius: 100px;
    -khtml-border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background: #FFF;  
}

@media (max-width: 768px) {
  .google-map #searchToolbar {
      z-index: 500;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      padding: 15px 15px;
      border-bottom: 1px solid #9099A8;
  }

  .google-map #searchToolbar #searchBox {
    font-size: 18px;
  }
}
*/

/* iphone x */
/*
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .google-map #searchToolbar {
      z-index: 500;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      padding: 15px 15px;
      border-bottom: 1px solid #9099A8;
  }

  .google-map #searchToolbar #searchBox {
    font-size: 18px;
  }  

	.google-map aside .results {
	    padding-top: 0;
	    padding-bottom: 100px;
	}

}
*/

.google-map #searchToolbar .buttonGroup * {
    display: none;
}

.google-map aside .results article .locationLinks a {
  color: #007161;
}

/*
.google-map #mapArea {
    height: 100%;
}

.header-announcement {
    display: none;
}
*/

/*------------------------------------*\
    #MAP PAGINATION
\*------------------------------------*/
#locationResults .sf_pagerNumeric {
    padding: 10px 20px;
    text-align: center;
}

#locationResults .sf_pagerNumeric a {
    display: inline-block;
    margin-right: 0.6em;
    border: 0.0625rem solid transparent;
    padding: 0.3em 0.5em;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    background-color: #788190;
}

#locationResults .sf_pagerNumeric a:hover,
#locationResults .sf_pagerNumeric a:focus {
    background-color: #5F6877;
}

#locationResults .sf_pagerNumeric a.sf_PagerCurrent {
    box-shadow: 0 0 0 1px #454E5D inset;
    background-color: #5F6877;
}

@media screen and (max-width: 47.9375em) { 
    .google-map #searchToolbar {
        padding-left: 0px;
    }

    .google-map:not(.reveal) aside {
         padding: 15px   
    }        
}

@media screen and (max-width: 47.9375em) and (orientation:portrait) {     
    .google-map {
        height: auto;
    }

    .google-map .the-map {
        height: 400px;
    }     

    .google-map aside .results {
        padding-bottom: 10px;
    }    
}

@media screen and (min-width: 48em) { 
    .job-listing-link {
        display: inline-block;
    }

    .min-height-500 {
        min-height: 500px;
    }
}

.job-listing-details-edit-link {
    position: relative;
    top: 50px;
}

.conversion-pixel {
    position:absolute;
}