/* Custom styles */

body {
  background-color: #f6f6f6;
}

.btn {
  /*font-weight: normal;*/
}

.bg-main {
  background-color: #f6f6f6;
}
.bg-dust {
  background-color: #eee;
}
.bg-modal {
  background-color: rgba(0,0,0,0.6);
}

.shadow {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.pointer {
  cursor: pointer;
}

.text-clip {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrap-text {
  overflow-wrap: break-word;
  hyphens: auto;
}
.description {
  overflow-wrap: break-word;
}

.listing-img {
    max-height: 150px;
}

.input-5 {
  max-width: 5em;
}
.input-10 {
  max-width: 10em;
}
.input-15 {
  max-width: 15em;
}
.input-20 {
  max-width: 20em;
}
.input-25 {
  max-width: 25em;
}
.input-30 {
  max-width: 30em;
}


/* Generated with http://basscss.com/customize */

table {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
}

th {
  text-align: left;
  font-weight: bold;
}

th,
td {
  padding: .25rem 1rem;
  line-height: inherit;
}

th { vertical-align: bottom }
td { vertical-align: top }

/* End basscss table styles */

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
/*.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }*/
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


/* 
3:2 responsive container with centred image

<div class="ratio-66 bg-silver">
    <div class="absolute stretch-fill center">
        <img src="image.jpg" alt="Logo" class="img-contain">
    </div>
</div>
*/

.ratio-66 {
    padding-bottom: 66.6%;
    position: relative;
}
.stretch-fill {
    top: 0; bottom: 0; left: 0; right: 0;
}
.img-contain {
    max-height: 100%;
}

/*
Alternative 3:2 responsive container with centred image

Displayed as a background image. Options include:
- contain or cover
- square or rectangle

<div class="bg-silver bg-img bg-img-cover bg-img-rectangle" style="background-image:url('image.jpg');"></div>
*/

.bg-img {
  height: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.bg-img-contain {
  background-size: contain;
}
.bg-img-cover {
  background-size: cover;
}
.bg-img-square {
  padding-bottom: 100%;
}
.bg-img-rectangle {
  padding-bottom: 66.6%;
}

/* Rules for Gallery */

.bg-gallery-step {
  background-color: rgba(0,0,0,0.4);
}
.cy {
  /* centre vertically */
  top: 50%;
  transform: translateY(-50%);
}


@media (min-width:40em) {
  .sm-multicolumn {
    column-count: 2;
  }
  .sm-min-height {
    min-height:320px
  }
}