/*This contains the variables, functions and mixins of the v2 style that can be used on the block and page css.*/
/*$input-height-inner: add($btn-line-height * 1, $input-btn-padding-y * 2);
$input-height-inner-half: add($btn-line-height * .5, $input-btn-padding-y);
$input-height-inner-quarter: add($btn-line-height * .25, $input-btn-padding-y * .5);

$input-height: add($btn-line-height * 1, add($input-btn-padding-y * 2, 1, false));
$input-height-sm: add($btn-line-height * 1, add($input-btn-padding-y-sm * 2, 1, false));
$input-height-lg: add($btn-line-height * 1, add($input-btn-padding-y-lg * 2, 1, false));*/
.community-map {
  background-color: #e0e0e0;
  height: 160px;
  width: 100%;
  margin-bottom: 2.5rem; }
  .community-map div:focus,
  .community-map canvas:focus {
    outline: none; }
  @media (min-width: 768px) {
    .community-map {
      height: 340px; } }
  @media (min-width: 992px) {
    .community-map {
      height: 460px; } }
  @media (min-width: 1200px) {
    .community-map {
      height: 580px; } }
  @media (min-width: 1470px) {
    .community-map {
      margin-left: auto;
      margin-right: auto;
      width: 1180px; } }

.community-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (min-width: 768px) {
    .community-legend {
      justify-content: center; } }

.community-legend__item {
  align-items: center;
  display: flex;
  margin-bottom: 1.25rem;
  max-width: 48%; }
  @media (min-width: 768px) {
    .community-legend__item {
      flex: 1;
      justify-content: center;
      margin: 0 .625rem 1.25rem;
      max-width: none; } }
  @media (max-width: 767.98px) {
    .community-legend__item {
      min-width: 48%; } }

.community-legend__color {
  min-width: 50px;
  height: 50px;
  display: inline-block;
  margin-right: .625rem; }

.community-legend__title {
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
  line-height: 1em; }
  .community-legend__title small {
    text-transform: lowercase;
    font-weight: 400;
    display: block; }

.community-map-wrapper {
  position: relative; }

.community-link {
  font-size: .75rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: none;
  font-weight: normal; }
  @media (max-width: 767.98px) {
    .community-link {
      text-align: center;
      width: 80px; } }
  .community-link .icon {
    transition: none; }
  .community-link span {
    vertical-align: middle; }
    @media (max-width: 767.98px) {
      .community-link span {
        display: block;
        line-height: 1rem; } }
  .community-link:hover {
    border-bottom: none; }
    .community-link:hover .icon {
      transform: unset; }