/**

 * @file

 * The CSS file for the bar locator.

 *

 */





/****************

*  BAR LOCATOR  *

****************/



body.page-bar-locator #content {

  position: relative;

}



#block-views-bar-locator-block-1 {

  clear: both;

  position: relative;

  /*top: -60px;*/

  width: 100%;

}



#block-global-filter-global-filter-1 {

}



  #block-views-bar-locator-block-1 .leaflet-container {

    /*height: 660px !important;*/

  }



.leaflet-control-zoom,

.leaflet-control-attribution {

  display: none;

}



.reloc {

  background: #FFF;

  cursor: pointer;

  position: absolute;

  z-index: 5;

  top: -50px;

  width: 32px;

  right: 5px;

}



  .icon-geolocalisation {

    margin: 0;

    padding: 9px 9px 8px 8px;

  }



.view-bar-locator {

  position: relative;

}



  .view-bar-locator .hidden {

    display: none;

  }



  .view-bar-locator .results-wrapper {

    display: none;

  }



  .view-bar-locator .bar-wrapper {

    overflow: hidden;

    height: 59px;

  }



    .view-bar-locator .the-result {

      display: none;

      float: left;

      padding: 20px 0px 20px 20px;

      width: 70%;

    }



.view-bar-locator .count {

color: #01224D;

float: left;

font-size: 15px;

font-style: italic;

padding: 10px 0 20px 20px;

padding-top: 12px;

}



    .view-bar-locator .show-hide {

      color: #01224d;

      cursor: pointer;

      float: right;

      font-size: 18px;

      font-style: italic;

      font-weight: 100;

      letter-spacing: 0.1em;

      line-height: 150%;

    }



      .view-bar-locator .show-hide .icon {

        font-size: 1em;

      }



  .view-bar-locator .results-wrapper {

    overflow: hidden;

    padding: 20px;

  }



    .view-bar-locator .views-row {

      float: left;

      width: 50%;

    }



      .view-bar-locator .views-row .inner {

        background: transparent;

        overflow: hidden;

        padding: 10px;

        -webkit-transition: 0.4s background ease;

        -moz-transition: 0.4s background ease;

        -ms-transition: 0.4s background ease;

        -o-transition: 0.4s background ease;

        transition: 0.4s background ease;

        width: 90%;

      }



      .view-bar-locator .views-row .inner.hovered {

        background: #f2f2f2;

      }



        .view-bar-locator .views-row .inner .views-field-title {

          margin-bottom: 8px;

        }



        .view-bar-locator .views-row .inner .views-field-field-address {

          letter-spacing: 0.08em;

        }



        .view-bar-locator .views-row .inner .views-field-field-website {

          margin-top: 8px;

        }



        .view-bar-locator .views-row .inner .views-field-field-website a {

          color: #01224d;

          -webkit-transition: 0.4s color ease;

          -moz-transition: 0.4s color ease;

          -ms-transition: 0.4s color ease;

          -o-transition: 0.4s color ease;

          transition: 0.4s color ease;

        }



        .view-bar-locator .views-row .inner .views-field-field-website a:hover {

          color: #bf0000;

        }



    .view-bar-locator .views-row-odd {

      clear: left;

    }



      .view-bar-locator .views-field-field-header-images {

        float: left;

        padding-right: 15px;

      }



        .view-bar-locator .views-field-title a {

          color: #01224D;

          font-style: italic;

          text-transform: uppercase;

        }



      .view-bar-locator .views-field-field-address a,

      .view-bar-locator .views-field-field-phone {

        color: #8a8a8a;

        font-size: 0.8em;

      }



        .view-bar-locator .views-field-field-website a {

          color: #BF0000;

          font-size: 0.8em;

        }







/****************

*  FILTER FORM  *

****************/



#global-filter-1 {

  left: 50%;

  margin-left: -512px;

  position: absolute;

  top: 5px;

  width: 1024px;

  z-index: 5;

}



.global-filter-3-field-address {

  display: none;

}



  #global-filter-1 .box-wrapper {

    background: #FFF;

    display: inline-block;

    float: left;

  }



    #global-filter-1 .box-wrapper fieldset {

      border: 0 none;

      display: inline-block;

      margin: 0;

      padding: 0;

    }



      #global-filter-1 .box-wrapper .form-item-location label,

      #global-filter-1 .box-wrapper .form-item-location .description {

        display: none;

      }



  #global-filter-1 input[type=text] {

    color: #01224D;

    font-family: "Georgia",Times New Roman,Times,serif;

    font-size: 16px;

    font-style: italic;

    margin: 0 0 0 16px;

    padding: 16px 10px;

    width: 300px;

  }



  /* Placeholder style for IE9- display */

  #edit-location.placeholder {

    padding-left: 0;

  }



  /* Placeholder style for Firefox, Chrome, Safari, IE10+ */

  #edit-location::-webkit-input-placeholder { padding-left: 0; }

  #edit-location::-moz-placeholder { padding-left: 0; } /* firefox 19+ */

  #edit-location:-ms-input-placeholder { padding-left: 0; } /* ie */

  #edit-location input:-moz-placeholder { padding-left: 0; }





  #global-filter-1 .more {

    background: #FFF;

    cursor: pointer;

    display: inline-block;

    height: 100%;

    position: relative;

    text-align: center;

    vertical-align: middle;

    width: 50px;



    display: none;

  }



  #global-filter-1 .more .icon-more {



  }



  #global-filter-1 .more .icon-more:before {

    background-image: url(../images/bottom-arrow.png);

    background-position: center center;

    background-repeat: no-repeat;



    color: transparent;

  }



 #global-filter-1 .more .icon-more.inverse:before {

    background-image: url(../images/top-arrow.png);

    background-position: center center;

    background-repeat: no-repeat;



    color: transparent;

  }



  #global-filter-1 .close {

    background: #FFF;

    cursor: pointer;

    display: inline-block;

    height: 100%;

    position: relative;

    text-align: center;

    vertical-align: middle;

    width: 50px;

  }



    #global-filter-1 .close .deco {

     border-left: 1px solid #CDD3DC;

     height: 60%;

     left: 0;

     position: absolute;

     top: 10px;

     width: 100%;

    }



    #global-filter-1 .close .icon {

      line-height: 50px;

      margin: 0;

      padding: 0;

    }



  #global-filter-1 button[type=submit] {

    background: #01224D;

    border: none;

    border-radius: 5px 5px 5px 5px;

    color: #FFF;

    cursor: pointer;

    float: right;

    font-size: 1em;

    height: 50px;

    margin: 0 0 0 16px;

    width: 65px;

  }



    #global-filter-1 button[type=submit] input {

      display: none;

    }



  #global-filter-1 select {

    background: transparent;

    border: 0 none;

    font-family: "Georgia",Times New Roman,Times,serif;

    font-size: 16px;

    font-style: italic;

    margin: 0 0 0 16px;

    padding: 15px 10px;

    text-transform: uppercase;

    width: 400px;

  }



  #global-filter-1 select:focus {

    outline: 0 none;

  }



  #global-filter-1 .form-item-field-bar-type {

    background: url(../images/arrow_down.png) no-repeat 95% 22px #fff;

    border: 1px solid #d3dfdb;

    float: left;

    margin-left: 20px;

    width: 380px;

  }



  #global-filter-1 .sbHolder {

    height: 50px;

  }



  #global-filter-1 .sbSelector {

    height: 50px;

    line-height: 50px;

    width: 332px;

  }



  #global-filter-1 .sbToggle {

    background: #FFF url(../images/arrow_down2.png) 22px 24px no-repeat;

    height: 50px;

    width: 48px;

  }



  #global-filter-1 .sbOptions {

    min-height: auto;

    width: 332px;

  }



    #global-filter-1 .sbOptions li {

      font-size: 16px;

      text-transform: uppercase;

    }



/* INFOBOX */

.infobox-wrapper {

  display:none;

}



#infobox {

  border:2px solid black;

  margin-top: 8px;

  background:#333;

  color:#FFF;

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  padding: .5em 1em;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  text-shadow:0 -1px #000000;

  -webkit-box-shadow: 0 0  8px #000;

  box-shadow: 0 0 8px #000;

}



#ip-geoloc-map-of-view-bar_locator-block_1 .infoBox img {

  display: none;

  width: auto;

}



#ip-geoloc-map-of-view-bar_locator-block_1 .infoBox div.balloon {

  background: #FFF;

  border: 1px solid #01224D;

  left: -50%;

  padding: 10px;

  position: relative;

  text-align: center;

  top: -138px;

}



#ip-geoloc-map-of-view-bar_locator-block_1 .cluster {

  background-position: 0px 0px !important;

  background-repeat: no-repeat;

  color: #FFF !important;

  font-family: Georgia, Arial, sans-serif !important;

  font-size: 24px !important;

  line-height: 24px !important;

  padding-top: 10px;

  margin-top: -37px;

}



#global-filter-1 .form-item-field-bar-type .sbOptions {

  overflow-y: visible;

}