/**
 * wpbw-styles.scss
 *
 * Default styles & layout for WP BoatWizard
 */

/**
 * Default styles
 */

.wpbw-wrapper {
  /**
   * Two Column Layout
   */
  /**
   * Results sorting
   */
  /**
   * Results pagination
   */
  /**
   * Boat listing
   */
  /**
   * Boat item
   */
  /**
   * Grid view
   */
  /**
   * Listing view
   */
  /**
   * Boat single
   */
  /**
   * Search form
   */
}

.wpbw-wrapper .boat-list:after {
  width: 33.333333%;
  display: block;
  content: "";
}

.wpbw-wrapper .wpbw-sorting {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em;
}

.wpbw-wrapper .wpbw-sorting .wpbw-result-count,
.wpbw-wrapper .wpbw-sorting .wpbw-switch-view {
  margin: 0;
}

.wpbw-wrapper nav.wpbw-pagination {
  clear: both;
  margin-bottom: 2em;
  text-align: center;
}

.wpbw-wrapper nav.wpbw-pagination ul {
  display: inline-block;
  list-style: none outside;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.wpbw-wrapper nav.wpbw-pagination ul li {
  display: inline;
  list-style: none outside;
  margin: 0 0.5em 0 0;
  padding: 0;
}

.wpbw-wrapper nav.wpbw-pagination ul li:last-child {
  margin-right: 0;
}

.wpbw-wrapper nav.wpbw-pagination ul li .current {
  font-weight: bold;
}

.wpbw-wrapper .wpbw-boat-listing {
  list-style: none;
}

.wpbw-wrapper .wpbw-boat-listing .wpbw-boat-item {
  list-style: none;
}

.wpbw-wrapper .wpbw-boat-item .wpbw-img-container {
  position: relative;
}

.wpbw-wrapper .wpbw-boat-item .wpbw-img-container img {
  display: block;
  height: auto;
  vertical-align: bottom;
  width: 100%;
}

.wpbw-wrapper .wpbw-boat-listing.wpbw-boat-listing-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wpbw-wrapper .wpbw-boat-listing.wpbw-boat-listing-list .wpbw-boat-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wpbw-wrapper .wpbw-boat-listing.wpbw-boat-listing-list .wpbw-boat-link .wpbw-img-container {
  max-width: 300px;
}

.wpbw-wrapper .wpbw-boat-listing.wpbw-boat-listing-list .wpbw-boat-link .wpbw-details-container {
  flex: 1;
}

.wpbw-wrapper .wpbw-boat-single {
  border: 1px solid #CCCCCC;
  margin: 0;
  padding: 0;
}

.wpbw-wrapper .wpbw-search-form {
  padding: 2em;
}

.wpbw-wrapper .wpbw-search-form .wpbw-field-container {
  list-style: none outside;
  margin: 0;
  padding: 0;
}

.wpbw-wrapper .wpbw-search-form .wpbw-field-container .wpbw-field {
  list-style: none outside;
  margin: 0 0 1em;
  padding: 0;
}

.wpbw-wrapper .wpbw-search-form .wpbw-field-container .field-label,
.wpbw-wrapper .wpbw-search-form .wpbw-field-container .group-label {
  display: block;
  font-weight: bold;
}

.wpbw-wrapper .wpbw-search-form .wpbw-field-container select {
  width: 100%;
}

.wpbw-wrapper .wpbw-search-form .wpbw-field-container .wpbw-field-complex:after {
  clear: both;
  content: "";
  display: table;
}

.wpbw-wrapper .wpbw-search-form .wpbw-field-container .wpbw-field-complex .field-label {
  display: none;
}

.wpbw-wrapper .wpbw-search-form .wpbw-field-container .wpbw-field-complex .field-left {
  float: left;
  width: 48%;
}

.wpbw-wrapper .wpbw-search-form .wpbw-field-container .wpbw-field-complex .field-right {
  float: right;
  width: 48%;
}