﻿/* Map Section */
.map-section {
  margin: 50px 0;
  color: #7f7f7f;
}

.map-section a {
  color: #7f7f7f;
}

/* Map BG Image */
.map-default-image,
.map-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.map-image{
  display: none;
  transition-duration: .3s;
}

.map-image.hovered {
  display: block !important;
  opacity: 0.4;
}

.map-image.active {
  display: block !important;
  opacity: 1;
}

/* Map Regions */
.map-regions {
  text-transform: uppercase;
}

.map-region-links .tab-pane:first-child {
  padding-top: 50px;
}
/* Hide Default for Extra Small Devices*/
@media (max-width: 767px) {
  .map-region-links .tab-pane:first-child {
    display: none;
  }
}

.map-regions ul li {
  border: 3px solid #b8b8b8;
}

.map-regions ul li a {
  border-radius: 0 !important;
  font-size: 18px;
}

.map-regions .nav-stacked li+li {
  margin-top: 5px;
  margin-left: 0;
}

/* Map Region Links */
.map-region-links {
  padding-top: 20px;
}

.map-region-links .list-header {
  font-size: 14px;
  color: #337ab7;
}

.map-region-links a {
  font-size: 16px !important;
}

/* Map Locations Sidebar*/
.wrapper.map-toggled .fullscreen-bg {
  position: relative;
}

.wrapper.map-toggled {
  left: -15%;
  /*position: absolute;*/
}

.wrapper.map-toggled #dimmer {
  height: 100%;
  width: 100%;
  opacity: 0.7;
  z-index: 200;
  position: fixed;
  background: #000;
  top: 0;
}
.wrapper.map-toggled .map-sidebar {
  width: 30%;
}

.wrapper.map-toggled #closeDimmer {
  cursor: url(../img/cursor-close-x.png), auto;
}

.map-sidebar {
  position: fixed;
  top: 0;
  right: 0px;
  width: 0;
  height: 100%;
/*  overflow-y: auto;*/
  background: #f9f9f9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1000;
}

.map-sidebar-image {
  max-width: 100%;
  height: auto;
  padding: 20px;
}

.map-sidebar-title {
	padding: 0px 20px;
    font-size: 27px;
}

.map-sidebar-content {
	text-align: justify;
    padding: 0px 20px;
}