/*
 * ----------------------------------------------------------------------------
 *
 * Magic Map CSS
 * 
 * Created on : 23/08/2016, 9:27:44 AM
 * Author     : Duncan Cowan
 * ----------------------------------------------------------------------------
*/


@media screen and (max-width: 767px) {
    .id-location-finder-results-container {
        padding: 0;
    }
}
.id-location-finder .form-control {
    border: rgba(0,0,0,0.15) solid 1px;
}
/* fixes potential theme css conflict */
.acf-map img {
    max-width: inherit !important;
}

.media-body, .media-left, .media-right {
    display: block;
    vertical-align: middle;
    min-width: 150px;
    margin: auto;
    max-width: 100%;
    text-align: center;
}


@media screen and (min-width: 768px) {
    .media-body, .media-left, .media-right {
        display: table-cell;
        vertical-align: middle;
        min-width: 150px;
    }

}

.id-magic-map-marker .media-left a:hover img {
    opacity: .75;
}

.id-magic-map-marker p.address {
    margin: auto;
    padding: 1ex 0;
    text-transform: uppercase;
    font-size: 0.85em;
    border-top: rgba(0,0,0,0.15) dashed 1px;
    border-bottom: rgba(0,0,0,0.15) dashed 1px;
}


.id-magic-map-wrapper {
    background-color: #f0f0f0;
    background-color: transparent;
    padding-top: 30px;
}

.id-magic-map-wrapper .form-control {
    background-color: #f0f0f0;  
    border: rgba(0,0,0,0.15) 1px solid;
}

/*.id-magic-map-width {
    padding: 0;
}*/

.id-magic-map {
    min-height: 320px;
}


@media screen and (min-width: 1200px) {
    .id-magic-map {
        min-height: 400px;
    }
}


.id-location-finder-output {
    background-color: #fff;
    padding: 0;
}

.id-location-finder-output .adp-text {
    padding-left: 36px;
}

.id-location-finder-output td, 
.id-location-finder-output th {
    padding: 5px;
}
.id-location-finder-wrapper {
    padding: 30px 0;
    background-color: transparent;
}

.id-location-finder label {
    letter-spacing: 2px;
}

.id-location-finder-results-wrapper {
    background-color: #f8f8f8;    
}

p#id-map-toggle {
    margin-top: 1ex;
    margin-bottom: 1ex;
}