#hapc-map-wrapper{
    display: inline-flex;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;

    height: auto;
    justify-self: center;
    left: auto;
    margin-bottom: 50px;
    margin-top: 40px;
    padding-left: 0px;
    padding-right: 0px;
    position: absolute;
    right: auto;
    top: 0px;
    width: 90%;
}

#hapc-map-wrapper svg {
    fill: currentColor;
    height: auto;
    width: 100%;
}
@media (max-width: 767px) {
    #hapc-map-wrapper {  max-width: 90% }
    .site-lang-spanish  #hapc-area-map svg  { padding: 10px;}
}

.hapc-area {
    fill-opacity: 0;
}
.hapc-map-wrapper svg {
    width: 100%;
    height: auto;
    display: block;
}


.hapc-area {
    cursor: pointer;
    transition:
        fill 250ms ease,
        stroke 250ms ease,
        stroke-width 250ms ease,
        transform 250ms ease;
    stroke: transparent;
    stroke-width: 0;
}
/*ESP*/
.site-lang-spanish .hapc-area {
    width: 100%;
    display: block;
}
.site-lang-spanish  #hapc-area-map svg {
    max-width: 100%;
    width: 100%;
    height: auto;
}
/*ESP*/

.hapc-area.is-hovered,
.hapc-area.is-selected {
    stroke: #000;
    stroke-width: 3px;
}


.hapc-area.is-hovered {
    transform: translateY(-1px);
}

/*#hapc-area-map svg {
  pointer-events: none;
}

#hapc-area-map svg g[id^="area"] {
  pointer-events: auto;
}*/

#info-col-left {} 
#selected-area-details {}
#selected-area-name {}
#selected-area-organizers {}
#selected-area-phone_number {}
#selected-area-address {}

#selected-area-details select#choose-county{}


.hapc-dropdown:focus,
.hapc-dropdown:active,
.hapc-dropdown:focus-visible
{
    background-color: var(--accent);
    color: #ffffff;
}

.hapc-dropdown {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: var(--gp-font--roboto-condensed);
    margin-bottom: 20px;
    width: 100%;
    padding: 22px 50px 14px 24px;

    background-color: var(--accent);
    color: #ffffff;

    font-size: 20px;
    font-weight: 700;
    border-radius: 16px;

    border: none;
    outline: none;
    cursor: pointer;

    padding-bottom: 20px;

    background-image:
        linear-gradient(#ffffff, #ffffff), /* underline */
        url('/wp-content/themes/generatepress_child/assets/svg/icon-long-arrow-right.svg'); /* YOUR ICON */
    background-repeat: no-repeat;

    background-size:
        calc(100% - 44px) 4px,   
        14px auto;               /* arrow size */
        
    background-position:
        24px calc(100% - 16px),  /* underline */
        calc(100% - 24px) center; /* arrow */
}

.hapc-dropdown::-ms-expand {
    display: none;
}


.hapc-dropdown::-ms-expand {
    display: none;
}

#selected-area-details .icon  {
    fill: #000 !important;
    filter: brightness(0) saturate(100%) !important;
}


#box-counties-wrapper h3.list-area-title {
    --dot-color: black; /* default */
}

#box-counties-wrapper h3.list-area-title::after {
    content: " ●";
    font-size: 1.2em;
    color: var(--dot-color);
}

#box-counties-wrapper .icon-arrow {
    width: auto;
    height: auto;
    background: var(--dot-color);
    padding: 16px 10px;
    border-radius: 100px;
    font-size: 10px;
}

#selected-area-phone_number a,
#selected-area-address a,
.item-phone_number a,
.item-address a {color: var(--jet-black);}


.gb-text-0c88aa97 a {
    color: var(--jet-black) !important;
    text-decoration: none;
}