.abc-map-container {
    position: relative;
}

.abc-map-container > iframe { width: 100% }

.abc-map-container.overlayed:after,
.abc-map-container.overlayed:before {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
}

.abc-map-container.overlayed:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0, .7);
}

.abc-map-container.overlayed:before {
    content: 'Update all maps on this page at once using the form above (Click to scroll up)';
    top: 50%;
    text-align: center;
    color: #D3D3D3;
    z-index: 1;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.abc-map-container.overlayed:hover:after {
    background: rgba(0,0,0, .6);
}

.abc-map-container.overlayed:hover:before {
    color: #FFF;
}

.abc-map-container.overlayed .abc-map-reminder { display: block }

.abc-map-reminder {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: .75em 1em;
    color: #FFF;
    z-index: 1;
    cursor: pointer;
}

.abc-map-reminder > * {
    vertical-align: middle;
}

.abc-map-reminder .fa {
    font-size: 150%;
}

.abc-map-reminder-text {
    margin: .5em;
}