/**
 * 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 .wpbw-listing-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wpbw-wrapper .wpbw-listing-wrapper .wpbw-content {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 73%;
}

.wpbw-wrapper .wpbw-listing-wrapper .wpbw-sidebar {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 25%;
}

.wpbw-wrapper .wpbw-sorting {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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 outside;
  margin: 0 0 1em;
  padding: 0;
}

.wpbw-wrapper .wpbw-boat-listing .wpbw-boat-item {
  list-style: none outside;
  margin: 0 0 1em;
  padding: 0;
}

.wpbw-wrapper .wpbw-boat-item {
  border: 1px solid #CCCCCC;
}

.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-item .wpbw-details-container {
  padding: 1em;
}

.wpbw-wrapper .wpbw-boat-item .wpbw-boat-name {
  font-size: 1em;
  font-weight: 700;
  margin: 0;
  padding: 0.5em 0;
}

.wpbw-wrapper .wpbw-boat-item .wpbw-boat-year,
.wpbw-wrapper .wpbw-boat-item .wpbw-boat-length,
.wpbw-wrapper .wpbw-boat-item .wpbw-boat-location,
.wpbw-wrapper .wpbw-boat-item .wpbw-boat-price {
  font-size: 0.857em;
  margin: 0;
  padding: 0;
}

.wpbw-wrapper .wpbw-boat-listing.wpbw-boat-listing-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wpbw-wrapper .wpbw-boat-listing.wpbw-boat-listing-grid .wpbw-boat-item {
  width: calc((100% - 2em) / 3);
}

.wpbw-wrapper .wpbw-boat-listing.wpbw-boat-listing-list .wpbw-boat-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

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

.wpbw-wrapper .wpbw-search-form {
  border: 1px solid #CCCCCC;
  background: #EFEFEF;
  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%;
}