<style>
.wr-min-damage-right-content li::before{
  content: "• ";
  color: #d52d37;
  font-size: 2rem;
  font-family: sans-serif;
  margin-top: 9px;
  margin-left:7px;
  height: 0px;
  display: block;
  float: left;
  line-height: 0.5rem;
  margin-right: 2.5rem;
}
.wr-min-damage-right-content li{
  list-style:none;
}
.readMoreLink{
  font-size: 1.3rem;
  text-decoration: underline;
  color: #2e449f;
  font-family: "din-condensed-web", "DIN Condensed Web", "din-condensed", "Gnuolane", "Impact", sans-serif;
  text-transform: uppercase;
}
.hiddenContent{
  display:none;
}

.wrTopContent{
  padding-bottom: 50px;
}

.summary-content{
  background:#3F5BAE;
  color:#fff;
}

.summary-content h6{
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 1px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 19px;
    font-weight:100;
}
.summary-content a, .summary-content p{
  color:#fff;
}

.summary-content p{
  font-size:14px;
  margin-bottom:0;
}

.summary-map-wrap h2{
    color: #6274be;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.readMoreLink:hover{
  cursor:pointer;
  text-decoration:none;

}

.summary-content strong{
  font-weight:normal;
  text-transform:uppercase;
}

.summary-content .hcard-info{
  margin-bottom:10px;
}
.summary-service-available{
  padding-bottom:20px;
}
#map{
  height:204px;
  width:100%;
}

#summary-map-marker{
  width:24px;
}
#summary-map-marker path {
  fill:#fff;

}

.mapCol{
  text-align:center;
}
.summary-map-col{
  padding-top:20px;
  padding-bottom:10px;
}

.wr-national h2{
  line-height:31px;
}

.plumbing-residential-red-block{
  margin-top:10px;
}

.franchise-location-set .wr-min-damage-right-content li p{
  text-indent:-59px;

}

@media (max-width: 768px) {
  .summary-map-col{
   padding-top:10px;
  }
  .summary-content .row{
    background:#3F5BAE;
  }
  .mapCol{
    text-align:left;
  }
  .wr-desc-right-img{
    display:none;
  }
}
</style>

<script>

document.addEventListener("DOMContentLoaded", function(){
  var hiddenContentEl = document.querySelectorAll('.hiddenContent');
  var readMoreLink = document.querySelectorAll('.readMoreLink');
  var wrTechImageBlock = document.querySelector('.wr-tech-block') == null ? null : document.querySelector('.wr-tech-block');
  for(var i=0; i < readMoreLink.length; i++){
    readMoreLink[i].addEventListener('click', function(e){
      e.preventDefault();
      if(!(this.classList.contains('showing'))){
        this.classList.add('showing');
        this.previousElementSibling.style.display = 'block';
        this.text = 'Read Less';
        if(!!wrTechImageBlock) {
          wrTechImageBlock.classList.add('wr-tech-block-showmore')
        }
      } else {
        this.classList.remove('showing');
        this.previousElementSibling.style.display = 'none';
        this.text = 'Read More';
        if(!!wrTechImageBlock) {
          wrTechImageBlock.classList.remove('wr-tech-block-showmore')
        }
      }
    });
  }
  // restrict logic to local page
  var isLocalPage = document.querySelectorAll('.franchise-location-set').length > 0 ? true : false;

  if(isLocalPage){
    // hide counties served area if empty
    var counties = document.getElementById('countiesServedCol').innerHTML.trim();
    var countiesContainer = document.getElementById('countyContainer');

    if(counties == ""){
      countiesContainer.style.display = 'none';
    }

    var cityName = "Cincinnati, OH";
    var city = "$!market";
    var state = "$!marketState";
    if (city && state) {
      cityName = city + ", " + state;
    }
    var geolocationUrl = "https://maps.googleapis.com/maps/api/geocode/json?address=";
    var geoLocationApiKey = "AIzaSyBGDTrqkNdyflKeHRGXA8SnRfuHSXz4pIM";
    var url = geolocationUrl + cityName + "&key=" + geoLocationApiKey;

    var isMobile = (window.screen.availWidth <= 767) || (navigator.userAgent.match(/(iPod|iPhone|BlackBerry|Windows Phone|iemobile)/));
    if (!isMobile) {
      window.getGeolocation = function() {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', url);
        xhr.onload = function () {
          if (xhr.status === 200) {
            var myLatLng = JSON.parse(xhr.responseText).results[0].geometry.location;
            if(window.google){

            initMap(myLatLng);
            }
          }
          else {
            console.log('Request failed.');
          }
        };
        xhr.send();
      }

      function initMap(myLatLng) {
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 12,
          center: myLatLng
        });

        var marker = new google.maps.Marker({
          position: myLatLng,
          map: map,
        });
      }
      getGeolocation();

      if(!(window.google)) {
          var cb = function() {
            var scriptTag = document.createElement('script');
            scriptTag.setAttribute("type","text/javascript");
            scriptTag.setAttribute("src","https:maps.googleapis.com/maps/api/js?key=AIzaSyBGDTrqkNdyflKeHRGXA8SnRfuHSXz4pIM&callback=getGeolocation");
            var headerTag = document.getElementsByTagName('head')[0];
            headerTag.parentNode.insertBefore(scriptTag, headerTag);
          };
          var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;
          if (raf) raf(cb);
          else {
            window.addEventListener('load', cb);
          }

        }
      }
  }

});

</script>