@charset "UTF-8";

/*
* Plugin Name:ASD Feature Maps
* Description: Load locations on Google™ Maps using Advanced Custom Fields, Maplace.js, and jQuery.
* @author: Alex Stillwagon
* @package Alex's Feature Maps
* Author URI: http://alexstillwagon.com
* @version: 1.3.3
* /

/**
NOTE:  To use icon from plugin in theme CSS use:

[ELEMENT] {background: url('../../plugins/asd_feature_map/images/icons/[ICON NAME].png') no-repeat center;}
 */

/* ADMIN ////////////////////////////////////////////////////////////////// */
.post-type-asd_feature_map th.column-asd_feature_place_icon {
    width: 6%;
}

.post-type-asd_feature_map td.column-asd_feature_place_icon {
    text-align: center;
}

/* Admin Icon Selector Box */
.post-type-asd_feature_map .acf-image-image {
    padding: .5em;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fafafa;
}

[data-name="asd_feature_place_icon"],
#acf-asd_feature_place_icon     /* for ACF backwards compatibility */ {
    width: 50%;
}

[data-name="asd_feature_place_icon"]  .acf-input,
#acf-field-asd_feature_place_icon     /* for ACF backwards compatibility */ {
    position: relative;
    margin-left: 4em;
}

#asd-icon-preview {
    margin-top: -2.5em;
    width: 3em;
    height: 3em;
    text-align: center;
}

#asd-icon-preview img {
    max-width: 32px;
    height: auto;
}

/* PUBLIC ////////////////////////////////////////////////////////////////// */

/* jQueryUI Tabs Styles |||||||||||||||||||||||||||||||||||||||||| */

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    text-decoration: none;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    display: table;
    border-collapse: collapse;
    content: "";
}

.ui-helper-clearfix:after {
    clear: both;
}

/* Main Map |||||||||||||||||||||||||||||||||||||||||| */
#asd-map-place {
    margin: 0 0 2em 0;
    border: 1px solid rgba(0, 0, 0, .25);
    box-shadow: 3px 3px 15px rgba(0, 0, 0, .25);
}

#asd-map-container .canvas_map img {
    max-width: inherit !important;
}

#asd-map-place .gm-style-iw {
    height: auto !important;
    color: #000;
}

/* Map Categories |||||||||||||||||||||||||||||||||||||||||| */
#map-tabs {
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #f00;
}

.ui-tabs .ui-tabs-nav li {
    position: relative;
    display: inline-block;
    padding: 0;
    background: #eaeaea;
    list-style: none;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    display: inline-block;
    padding: .5em 1em;
    text-decoration: none;
}

#map-tabs .ui-tabs-active a {
    outline: none;
    background: #f00;
    color: #fff;
}

/* Map Contols |||||||||||||||||||||||||||||||||||||||||| */
#asd-map-controls #ullist_a_all span {
    display: block;
    margin-bottom: 1em;
    padding: 10px;
    background: #f00;
    color: #fff;
    font-size: 1.5em;
}

#asd-map-controls ul > li {
    list-style-type: none;
}

/* RESPONSIVE |||||||||||||||||||||||||||||||||||||||| */
@media only screen and (max-width: 767px) {

    /* ADMIN RESPONSIVE |||||||||||||||||||||||||||||||||||||||| */
    .post-type-asd_feature_map th.column-asd_feature_place_icon {
        width: 10%;
    }

    /* PUBLIC RESPONSIVE |||||||||||||||||||||||||||||||||||||||| */
}