/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */

 .office-card {
	margin: 0 0 20px 0;
}

.office-card__heading {
	color: #1c4a9f;
	font-weight: normal;
}

.office-card__textblock {
	margin: 0 0 15px;
}

.office-card__text_bold {
	font-weight: bold;
}

.da-map svg {
	max-width: 450px;
	max-height: 350px;
}

.land {
	fill: #00a3de;
	fill-opacity: 1;
	stroke: white;
	stroke-opacity: 1;
	stroke-width: 0.5;
}

.land:hover {
	fill: #94d9f8;
}

.land__text:hover,
.land:hover + .land__text {
	display: block;
}

.land__text {
	display: none;
	font-size: 20px;
	fill: #001a70;
	pointer-events: none;
}

@media (min-width: 768px) {

  .da-map {
    display: block;
  }
}

@media (min-width: 967px) {
  .da-map__wrapper {
    display: flex;
  }

  .da-map__stateDetails {
    flex: 2;
    padding: 0 0 0 30px;
  }

  .da-map {
    flex: 2;
  }
}