/*************************************************
 * This is the Location Finder!
 * used with /js/script-locationFinder.js and /css/map-locationFinder.php
*************************************************/
/*-* Map styling *-*/
.USmap-box, .USmap-box svg, .USmap-box #states-textlabel {
	width:300px;
	height:225px;
	display:block;
}
.USmap-box, .USmap-box svg { position: relative; }
@media only screen and (min-width: 768px) {
  .USmap-box, .USmap-box svg, .USmap-box #states-textlabel {
    width:600px;
    height:450px;
  }
}

.county-fill {
	fill-rule:nonzero;
	stroke-width:0.1;
	stroke-dasharray:none;
  stroke-miterlimit:4;
  stroke: #ffffff;
}

.state-region .county-fill { fill:#cccccc; cursor:default }
.state-region.service .county-fill { fill:#00838F; cursor:pointer }
.state-region.service.active .county-fill { fill:#cccccc; cursor:default }
.state-region.service.active .county-fill.red { fill:#054872; cursor:pointer }
.state-region.service.active .county-fill.yellow { fill:#CCC215; cursor:pointer }
.state-region.service.active .county-fill.green { fill:#007F79; cursor:pointer }
.state-region.service.active .county-fill.blue { fill:#2BAA3F; cursor:pointer }

.focus_state .state-region.inactive .county-fill {
  fill-opacity:0;
  visibility:hidden;
  cursor:default
}

.view_states .state-region.inactive:hover .county-fill, .view_states .state-region.inactive:focus .county-fill,
.focus_state .state-region.service.active .county-fill:hover, .focus_state .state-region.service.active .county-fill:focus {
  fill-opacity:.75 !important;
}

#state_county_map text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#states-textlabel {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
#states-textlabel text {
	font-weight: bold;
}
#states-textlabel text.stroke {
	fill: #221e1f;
    stroke: rgba(244, 244, 244, .8);
    stroke-width: 2px;
    text-shadow: 0 0 0.2em rgba(244, 244, 244, 1);
}

.state-lines, #states-textlabel line {
	fill:none;
	stroke:#221e1f;
	stroke-width:0.5;
	stroke-linejoin:round;
	stroke-miterlimit:4;
}
#states-textlabel line { stroke-width: 1; }
.state-lines.inactive {
	stroke:transparent;
	visibility:hidden;
}

.closemap {
  border:2px solid #53575a;
  border-radius:1em;
  z-index:100;
  position:absolute;
  top:-10px;
  right:10px;
  padding:.05em .5em .1em .3em;
}
.closemap:hover, .closemap:focus {
	background-color:#dddddd;
}
.closemap svg {
    height: 1.2em;
    width: 1.2em;
    vertical-align: text-bottom;
}

.textregion  {
  transition: all ease 1s;
}
.textregion line {
  stroke: #000;
}
.textregion a:hover line, .textregion a:focus line {
  display: none;
}
.textregion a:focus text, .textregion a:active text {
  fill: #01626B;
}

/*-* select text section *-*/
.mapSelect-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mapSelect-box p {
  margin-bottom: .3em;
}
/*-* select *-*/
@media only screen and (min-width: 992px) {
  #selectRegion-map .heading {
    text-align:left;
  }
}
@media only screen and (max-width: 992px) {
  #selectRegion-map .mapSelect-box {
    text-align:center;
  }
  .mapSelect-box * {
    margin: auto;
}
  #submit-box {margin-bottom:1em; }
}
#selectRegion-map .select-area {
  padding: .75em 1em;
  margin-bottom:.75em;
  border-radius: 3px;
  border: 0px solid transparent;
  display:block;
  color:#ffffff;
  font-weight:bold;
  cursor:pointer;
}
#selectRegion-map .select-area:hover, #selectRegion-map .select-area:focus {
	opacity:.8;
}
#selectRegion-map .select-area option {
  background-color:#ffffff;
  color:#000000;
}
#selectRegion-map .select-area:disabled, #selectRegion-map #map-submit.disabled {
    opacity: .5;
    cursor: not-allowed;
}
#map-selectstate { background-color:#004987; width:100%; max-width:300px; }
#map-selectRegion { background-color:#487BA6; width:100%; max-width:300px; }
#submit-box { max-width:300px; }
#map-submit {
  padding:.5em .75em;
  background-color:#2FB2E6;
  border-radius: 3px;
  color:#ffffff;
  font-weight:bold;
  display:inline-block;
}
#map-submit:hover, #map-submit:focus {
	background-color:#00588e;
}

#region-international {
  transition: all ease 1.5s;
  position: relative;
  top: -150px;
  left: 50px;
}