/*
 * Copyright (c) 2016. Developed by Alfio Salanitri | Web: www.alfiosalanitri.it | Support: dev@alfiosalanitri.it
 */

#assl-store-locator-container {
  #assl-gmap-container {
    label {
      display: inline-block;
      cursor: pointer;
      position: relative;
      padding-left: 25px;
      margin-right: 15px;
      font-size: 13px;
      line-height: 17px;
      &:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        bottom: 1px;
      }
    }
    input[type=radio],
    input[type=checkbox] {
      display: none;
    }
    input[type=radio]:checked + label:before {
      content: "\2022";
      font-size: 30px;
      text-align: center;
      line-height: 14px;
    }
    .radio label:before {
      border-radius: 8px;
    }
    input[type=checkbox]:checked + label:before {
      font-family: 'asslfont'!important;
      content: "\e908";
      font-size: 12px;
      text-align: center;
      line-height: 17px;
    }
    .checkbox label:before {
      border-radius: 3px;
    }
    /* Filtri */
    .assl-filters {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow-y: scroll;
      padding: 30px;
      background-color: rgba(255,255,255,0.9);
      display: none;
      z-index: 2;
    }
    .assl-type-filter {
      transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out;
      cursor: pointer;
    }
    /* Lista Negozi */
    #assl-list {
      height: 100%;
      overflow-y: scroll;
      .assl-list-title {
        cursor: pointer;
      }
      ul {
        margin: 0;
        padding: 0;
        .clear {
          clear: both;
        }
        li {
          list-style: none;
          padding: 10px;
          border-bottom: 1px solid #e6e6e6;
        }
        .assl-img {
          float: left;
          width: 8%;
          text-align: left;
          margin-right: 2%;
          hr {
            margin: 10px auto;
          }
          img {
            margin: 0 auto;
          }
          .wp-post-image {
            border: 1px solid;
          }
        }
        .assl-text {
          float: left;
          width: 90%;
          text-align: left;
          h2 {
            text-transform: uppercase;
            font-size: 15px;
            margin: 0;
          }
          h4 {
            text-transform: uppercase;
            font-size: 13px;
            margin: 0;
          }
          p {
            font-size: 12px;
            margin-bottom: 5px;
          }
          address {
            margin: 10px 0;
            font-size: 12px;
            line-height: 13px;
          }
        }
      }
    }
    /* Cerca */
    #assl-search {
      label {
        margin: 0;
        padding: 0;
        &:before {
          background-color: transparent !important;
          with: 0 !important;
        }
      }
      #assl-search-store {
        width: 100%;
        border: none;
        background: lightgray !important;
        color: #000;
        text-transform: none !important;
        -webkit-appearance: none;
        font-size: 13px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
      }
    }

    /* Loading */
    #assl-loading,
    #assl-no-results {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: none;
      background-color: rgba(255,255,255,0.8);
      z-index: 2;
    }
    #assl-loading .assl-loading-container,
    #assl-no-results .assl-no-results-container {
      position: relative;
      width: 100%;
      height: 100%;
    }
    #assl-loading .assl-loading-container img,
    #assl-no-results .assl-no-results-container p {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
    }
    #assl-no-results .assl-no-results-container p {
      text-align: center;
      font-size: 13px;
      line-height: 14px;
    }
    .assl-store-categories-intro {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #F1F1F1;
    }
    #assl-store-categories {
      padding: 0;
      margin: 0;
      li {
        list-style: none;
      }
    }
    #radius-input ul {
      margin: 0;
      padding: 0;
      li {
        list-style: none;
      }
    }
    #assl-clear-radius,
    #getStoreByCat,
    #searchStore {
      margin-top: 10px;
      border: none;
      -webkit-appearance: none;
      box-shadow: none;
      padding: 10px 20px;
      text-transform: uppercase;
      font-size: 14px;
      transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out;
      cursor: pointer;
      &:hover,
      &:active {
        border: none;
      }
    }
  }
}