/**
 * @file
 * A CSS file for the Listing D/R module.
 *
 */

#listing h1 {
  background: #e4146b;
  color: #FFF;
  font-size: 21px;
  font-family: 'droid_sansbold';
  margin: 0;
  padding: 14px 20px;
  text-transform: uppercase;
}

#listing .wrapper {
  margin-left: 20px;
}

#listing h2 {
  color: #e4146b;
  font-size: 25px;
  font-family: 'droid_sansbold';
  margin: 15px 0 15px;
}

#listing h3 {
  margin: 0 0 10px;
}

  #listing h3 a {
    color: #8a7d87;
    font-size: 19px;
    font-family: 'droid_sansbold';
  }

#listing #breadcrumb-bar {
  border-bottom: 2px dotted #D1D2D3;
  font-size: 17px;
  padding: 14px 0 14px 20px;
}

  #listing #breadcrumb,
  #listing #breadcrumb a {
    color: #8a7d87;
    -webkit-transition: 0.4s color ease-in;
    -moz-transition: 0.4s color ease-in;
    -ms-transition: 0.4s color ease-in;
    -o-transition: 0.4s color ease-in;
    transition: 0.4s color ease-in;
  }

  #listing #breadcrumb a:hover {
    color: #e4146b;
  }

    #listing #breadcrumb .pink {
      color: #e4146b;
    }

  #listing #breadcrumb-bar .btn-back {
    bottom: 9px;
    display: inline-block;
    background: #e4146b url(img/ico_btn_arrow.png) no-repeat 50% 50%;
    float: right;
    position: relative;
    width: 43px;
    height: 39px;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 700ms;
    -moz-transition-property: background-color;
    -moz-transition-duration: 700ms;
    transition-property: background-color;
    transition-duration: 700ms;
  }

  #listing #breadcrumb-bar .btn-back:hover{
    background: #8a7d87 url(img/ico_btn_arrow.png) no-repeat 50% 50%;
  }

    #listing #breadcrumb-bar .btn-back span {
      display: none;
    }

  #listing strong.info {
    color: #8a7d87;
    display: block;
    margin-bottom: 10px;
  }

  #listing .cities strong {
    color: #8a7d87;
  }

  #listing .cities .city {
    overflow: hidden;
    padding: 10px 0 10px 20px;
  }

  #listing .cities .city.odd {
    background: #EEEEEE;
  }

    #listing .cities .city .name {
      float: left;
    }

    #listing .cities .city .shops {
      border-left: 2px dotted #a8a8a8;
      display: block;
      float: right;
      padding-left: 15px;
      position: relative;
      top: 0;
      width: 480px;
    }

    #listing .shops .shop a.btn-info {
      background: #e4146b url(img/info.png) no-repeat 50% 50%;
      bottom: 9px;
      display: inline-block;
      height: 35px;
      margin: 0 15px;
      position: relative;
      top: 12px;
      -webkit-transition-property: background-color;
      -webkit-transition-duration: 400ms;
      -moz-transition-property: background-color;
      -moz-transition-duration: 400ms;
      transition-property: background-color;
      transition-duration: 400ms;
      width: 35px;
    }

    #listing .shops .shop {
      float: left;
      padding-right: 5px;
    }

      #listing .shops .shop a.btn-info:hover {
        background: #8a7d87 url(img/info2.png) no-repeat 50% 50%;
      }

      #listing .shops .shop a.title {
        color: #8a7d87;
        text-decoration: underline;
        -webkit-transition: 0.4s color ease-in;
        -moz-transition: 0.4s color ease-in;
        -ms-transition: 0.4s color ease-in;
        -o-transition: 0.4s color ease-in;
        transition: 0.4s color ease-in;
      }

      #listing .shops .shop a.title:hover {
        color: #e4146b;
      }

  #listing .depts {
    overflow: hidden;
  }

    #listing .depts .dept {
      float: left;
      margin-bottom: 20px;
      width: 50%;
    }

    #listing .depts .dept.odd {
      clear: both;
    }

      #listing .depts .dept .deptshops a.shopname {
        color: #8a7d87;
        float: left;
        margin-right: 5px;
        text-decoration: underline;
        -webkit-transition: 0.4s color ease-in;
        -moz-transition: 0.4s color ease-in;
        -ms-transition: 0.4s color ease-in;
        -o-transition: 0.4s color ease-in;
        transition: 0.4s color ease-in;
      }

      #listing .depts .dept .deptshops a.shopname:hover {
        color: #e4146b;
      }