/* General Find a Boat Styles */
.boat-finder-tools h5 { font-size: 1.1em; }

/* Form Styles 
.boat-finder-tools { border-top:1px solid #ddd; }
.boat-finder-tools .dhflex + .dhflex { margin-left: 1.32%; padding-left: 1.32%; border-left: 1px solid #ddd; }
.boat-finder-tools .dhflex { padding: 1em 0; font-size: .9em; }

.boat-type-wrapper label { display:inline-block; margin-right:1em; }
.range-slider-wrapper .range-slider { padding:0 16px; margin-bottom:1em; }
.range-slider-wrapper div.form-widget { display:inline-block; }
.range-slider-wrapper input{ width:3em; border: 1px solid #eee; padding: 2px 5px; }
.noUi-connect { background-color: #1B365D; }

/* Results Styles 
.boat-finder-results { background-color: #fff; }

.page { background:#fff; } /* this page is always white in find-a-boat (overwrites sw) */


/* BOAT LIST / BOAT PICKER STYLES */
/* FROM GODFREY- REMOVE IF NOT USEFUL
.boat-picker form { display:inline-block; vertical-align:top; width:15%; margin-right:5%; }
#boat-list,
#boat-compare { display:inline-block; vertical-align:top; width:80%; }
#boat-compare h1, #boat-list h1 { text-align: center; margin-top: 0; }
.boat-picker form fieldset { border: 0; padding: 0; color: #726e6b; font-weight: 600; margin-bottom: 30px; }
.boat-picker form legend { position: relative; background: #f8f6f3; display: block; width: 100%; padding: 5px 10px; margin-bottom: 10px; cursor: pointer; }
.boat-picker form legend span { position: absolute; right: 10px; transform: rotate(-90deg); transition:all .2s ease-in-out; }
.boat-picker form fieldset.active legend span { transform: rotate(0deg); }
.boat-picker form label { margin-left: 10px; }
.boat-picker form .range-inputs { padding-top:1em; }
.boat-picker form .range-inputs input { width: 40px; }
.boat-picker form fieldset .boat-picker-content { max-height: 0; overflow: hidden; transition:all .5s ease-in-out; display: block; }
.boat-picker form fieldset.active .boat-picker-content { max-height: 500px; }
.boat-picker form fieldset.active .boat-picker-content.slider-fix { padding: 10px 20px 0 20px; }


#compare-1-link, #compare-2-link, #compare-3-link { text-align: center;  padding-bottom: 15px; }
#compare-1-link a, #compare-2-link a, #compare-3-link a { text-decoration: none; }
#boat-compare table { border-spacing: 0; border-collapse: collapse; margin-bottom:2em; }
#boat-compare table td { padding: 8px 10px; text-align: center; width: 25%; vertical-align: top; }
#boat-compare table td:first-of-type { text-align: left; }
#boat-compare table tr:nth-child(odd) { background-color: #f8f6f3; }
#boat-compare table tr.clear { background-color: #fff; }

.boat-tab .boat-tab-columns { -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2; }

.feature-callouts img { max-height: 195px; }
.boat-details,
.boat-compare { border: 1px solid #918a81; border-radius: 3px; padding: 0.5em 1em; margin-bottom: 10px; }
.boat-details { display:none; text-decoration:none; }
#boat-compare .boat-details,
.bab-list .boat-details { display:block; }
.bab-list .boat-compare { display:none; }
.boat-build { display: block; text-decoration:none; border: 1px solid #918a81; background: #918a81; color: #fff; border-radius: 3px; padding: 0.5em 1em; }
.boat .boat-build { position:absolute; top:0; right:15px; }
.boat .boat-build+h1 { padding:0 3em; }
#boat-compare select { border: 2px solid #35302c; border-radius: 3px; font-size: 10px; padding: 8px 5px; text-transform: uppercase; font-weight: 600; color: #35302c; font-family: 'Fira Sans', sans-serif; }
a.close-compare { text-deoration: none; border: 1px solid #918a81; border-radius: 3px; padding: 0.5em 1em; }

*/

.mbgmodellist-wrap.view-compare .boat-finder-tools,
.mbgmodellist-wrap.view-compare .boat-finder-results,
.mbgmodellist-wrap .boat-compare-boats,
.mbgmodellist-wrap.loading .boat-compare-boats,
.mbgmodellist-wrap .boat-loading { display: none; }

.mbgmodellist-wrap.view-compare .boat-compare-boats {display:block; }

.mbgmodellist-wrap.loading .boat-loading { display: block; padding: 3em; margin: 0 auto; }



.boat-finder-results .result-count + a { margin-left: 3em; }

.btn.compare { text-transform:uppercase; }
.btn.compare-clear { text-transform:uppercase; margin-right:1em; display:none; }
.btn.compare-clear.visible { display:inline-block; }
.btn.compare-back { text-transform:uppercase; margin-left:1em; }

.boat-list-wrapper { }
.boat-list { display: flex; flex-flow: row wrap; justify-content: space-around; }
.boat-list-item { flex-basis: 23.75%; box-sizing: border-box; padding: 0; background-color: #fff; }
.boat-list-item > br { float: left; }
.boat-list-item.hidden { display:none; }
.series-boat-list .boat-list-item { width:14.2%; }
.boat-list-item a { text-decoration: none; }
.boat-list-item .boat-link { padding:1em; display:block; }

.boat-list-item .boat-stats { border-top:1px solid #eee; text-align:center; border-bottom: none; }
.boat-list-item .dhcolumn+.dhcolumn { margin-left:1.32%; padding-left:1.32%; margin-left: 0; padding-left: 0; width: 25.6%; border-left:1px solid #ddd; }

/*
.boat-list-item .boat-tools { clear:both; font-size:.8em; padding:.5em; }
*/

/* these three rules help boat 'cards' line up with edges even though they each have a margin
.boat-finder-results>.wrapper { overflow-x:hidden; }
.boat-finder-boats { margin:0 -1%; overflow:hidden; }
.boat-finder-boats>div { width:102%; }
 */

/* adjustment for boat type pages
.boat-type-list .boat-tools .compare-checkbox,
.boat-type-list .boat-tools .boat-compare { display:none; }
*/

/* compare tables */
.boat-compare-page {  }
.specs-table img { max-width: 100%; }
.specs-table thead tr td { background-color:#fff; padding:1em .5em; }
.specs-table thead tr th { table-layout: fixed; text-transform: uppercase; color: #fff; background-color:#1B365D; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
.specs-table thead tr th a { text-decoration: none; }
.specs-table thead th:first-child,
.specs-table tr td:first-child { white-space: nowrap; text-align: left; }
.specs-table th,
.specs-table td { padding: 2px 6px; border-bottom: 1px solid #d7d7d7; text-align: center; }
.specs-table {table-layout:fixed;width: 100%;border-collapse: collapse;margin-bottom: 20px;}
.specs-table tbody tr.spacer-row td { border:none; }

.boat-specs img { max-height:500px; }

/* Product Header Slideshow styles */
.product-header-slideshow .header-image { margin:0 0 -.5em; }


/* Product Slideshow styles */
.swiper-nextprev { position:relative; padding:0 40px; }
.product-gallery { position:relative; margin-top:0; }
.product-gallery .swiper-wrapper { display:flex; align-items:center; }
.product-gallery .swiper-container {  height:auto; }
.product-gallery .swiper-slide { text-align:center; }
.product-gallery .swiper-slide img { display:block; margin:0 auto; max-height:450px; float:none; }

.product-gallery .swiper-thumbs .swiper-slide img { max-height:50px; }
/*
.product-gallery .swiper-thumbs { margin:1em 0; display: none;}

.galThumbs-button-next, .galThumbs-button-prev {
 display: none;
}
*/
.product-gallery .swiper-thumbs a { box-sizing:border-box; display:block; }
.product-gallery .swiper-thumbs a img { opacity:.7; border:2px solid #fff; }
.product-gallery .swiper-thumbs a.selected img { opacity:1; border-color:black; }

.product-gallery div.caption { margin:0; width:100%; color:#333; font-size:.8em; padding:.25em 2em; box-sizing:border-box; }

/* zoom button */
.product-gallery .slideshow-zoom { opacity:.8; cursor:pointer; position:absolute; top:0; right:1em; text-transform:uppercase; color:#000; font-weight:bold; font-size:.8em; padding:.25em .25em .25em 20px; border-radius:3px; background:white url(img/icon-enlarge.svg) no-repeat .25em center; z-index:2; background-size:16px; }
.product-gallery .slideshow-zoom:hover { opacity:1; }
.product-gallery .slideshow-zoom .close { display:none; }
.product-gallery.zoomed .slideshow-zoom { background-image:url(img/icon-cancel-white.svg); font-size:1.2em; margin:0; color:#fff; background-color:black;  top:8.5em; right:5%; background-size:25px; padding-left:35px; line-height:1.5; }
.product-gallery.zoomed .slideshow-zoom .close { display:block; }
.product-gallery.zoomed .slideshow-zoom .zoom { display:none; }

/* zoomed slideshow */
.product-gallery.zoomed { position:fixed; top:0; left:0; right:0; padding:11em 2% 4vh; bottom:0; width:96%; background:rgba(0,0,0,.95); z-index:9999; }
.product-gallery.zoomed .swiper-slide img { max-height:70vh; }
.product-gallery.zoomed .swiper-slide div.caption { font-size:1.1em; color:#fff; }
.product-gallery.zoomed .swiper-thumbs,
.product-gallery.zoomed .galThumbs-button-next,
.product-gallery.zoomed .galThumbs-button-prev { display:none; }
.product-gallery.zoomed .swiper-thumbs .swiper-slide img { max-height:5vh; }

.product-gallery .swiper-nextprev .swiper-button-next,
.product-gallery .swiper-nextprev .swiper-button-prev { transform:scale(.5); }

.swiper-nextprev .swiper-button-next,
#product-gallery .swiper-button-next { background-image:url(img/icon-arrow-gallery-right.svg)!important; }
.swiper-nextprev .swiper-button-prev,
#product-gallery .swiper-button-prev { background-image:url(img/icon-arrow-gallery-left.svg)!important; }


/* DEFAULT OPTION LABELS */
.boat-type-wrapper input[type=checkbox] { display:none; }
.boat-type-wrapper input[type=checkbox]+label { display:block;  padding:0 0 0 1.1em; background:transparent url(img/icon-bab-unselected-checkbox.svg) no-repeat center left / .8em; float: left; }
.boat-type-wrapper input[type=checkbox]:checked+label,
.boat-type-wrapper input[type=checkbox].included+label { background-image:url(img/icon-bab-selected-checkbox.svg); }
.boat-type-wrapper .cost-wrapper,
.boat-type-wrapper .link-wrapper { display:block; float:right; clear:right; padding-left:1em; }
.boat-type-wrapper  input[type=checkbox].standard+label .cost-wrapper { color:#900; font-weight:bold; text-transform:uppercase; border:none; background:none; }
.boat-type-wrapper br { float: left; }

.boat-promo-text { border-top:1px solid #ddd; padding:.5em 0; margin:-1em 0 0; text-align:center; font-size:1.2em; line-height:1.2; }
.boat-promo-text:first-line { font-weight: bold; font-size:1.2em; }

.boat-stats { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.boat-stats .dhcolumn { box-sizing: border-box; padding: 5px 0 45px; text-align: center; border-left: 1px solid #ddd; }
.boat-stats .dhcolumn { border-left: 1px solid #ddd; }
.boat-stats .dhcolumn:first-child { border: none; }
.boat-product-name { font-size: 1.1em; text-align:center; font-weight: 300; display:block; }
.boat-stats div:nth-child(1) {  background:transparent url(img/icon-length.svg) no-repeat center 40px; }
.boat-stats div:nth-child(2) {background:transparent url(img/icon-weight.svg) no-repeat center 40px;}
.boat-stats div:nth-child(3) {background:transparent url(img/icon-horsepower.svg) no-repeat center 40px;}
.boat-stats div:nth-child(4) {background:transparent url(img/icon-persons.svg) no-repeat center 40px;}

/*
.boat-list-item .boat-tools { font-size: .9em; }
.boat-tools input[type=checkbox] { display:none; }
.boat-tools input[type=checkbox] + label { display: block; color: #ee2128; padding:0 0 0 1.1em; background: transparent url(img/icon-bab-unselected-checkbox.svg) no-repeat center left / .8em; width: 33.3%; box-sizing: border-box; float: left; }
.boat-tools input[type=checkbox]:checked+label,
.boat-tools input[type=checkbox].included+label { background-image:url(img/icon-bab-selected-checkbox.svg); }
.boat-tools  input[type=checkbox].standard+label .cost-wrapper { color:#900; font-weight:bold; text-transform:uppercase; border:none; background:none; }

.boat-tools a { display: block; float: left; width: 33.3%; box-sizing: border-box; } 
.boat-tools a.boat-details {  background:transparent url(img/icon-details-white.svg) no-repeat center left / .8em; padding-left: 1.1em; }
.boat-tools a.boat-build {  background:transparent url(img/icon-build.svg) no-repeat center left / .8em; padding-left: 1.1em; }
.boat-tools strong.boat-price { float:right; margin-right:.5em; transform:scale(1.2); }
*/
.boat-tools input[type=checkbox] { display: none; }
.boat-tools input[type=checkbox] + label { color: #ee2128; padding-left:1.5em; background: transparent url(img/icon-bab-unselected-checkbox.svg) no-repeat center left / 1em; }
.boat-tools input[type=checkbox]:checked + label,
.boat-tools input[type=checkbox].included + label { background-image: url(img/icon-bab-selected-checkbox.svg); }


.image-middle, image-middle span { display: block; }
.image-outer-container { box-sizing: border-box; padding-bottom: 50%; position: relative; width: 100%; }
.image-inner-container { box-sizing: border-box; height: 100%; padding: 10px; position: absolute; text-align: center; vertical-align: middle; width: 100%; }
.image-item { display: inline-block; height: 100%; position: relative; width: 100%; }
.image-item img { bottom: 0; height: auto; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; width: auto; }

/* MODEL DETAILS CSS */
.model-detail-nav { background-color:#f5f5f5; }
.model-detail-nav .dhcolumn { padding: 0; }
.model-detail-nav a { padding: 1.5em 0; display: block; color: #000; text-transform: uppercase; font-weight: 300; text-decoration: none; font-size: 1.3em; }
.model-detail-nav a.active { font-weight: 700; }
.model-detail-nav li { padding: 0 2em; }
.model-detail-nav li.bab-link { float: right; padding:0; }
.model-detail-nav li.bab-link a { color: #fff; background: #000 url(img/icon-build.svg) no-repeat center left 1.3em / .8em; padding-left: 2.5em; padding-right: 2em; }

.boat-details h3 { border-bottom: 1px solid #eee;  }
.link-youtube { display: block; text-align: center; color: #fff; text-decoration: none; background: #3F60A1; color: #fff; padding: 1.5em 0; }

.boat-specs .specs-table thead tr:first-child { display: none; }
.boat-name-container { display: block; }

@media only screen and (max-width:1100px) {
	.boat-list-item { flex-basis: 32.220%; }
}
@media only screen and (max-width:900px) { 
	.model-detail-nav li a { padding-bottom:.5em; }
	.model-detail-nav li.bab-link { float: none; padding-top:1em; padding-bottom:1em; }
	.model-detail-nav li.bab-link a { padding-top:.5em; padding-bottom:.5em; }

}
@media only screen and (max-width:810px) {
	.boat-list-item { flex-basis: 49.166%; }
	
}

@media only screen and (max-width:600px) {
	.boat-finder-tools .dhcolumn { padding-left:0!important; border-left:none!important; }
	/*
	.model-detail-nav li { font-size:.7em; }
	.boat-list-item .boat-stats { display: none; }
	.boat-stats .dhcolumn.width-25 { width:23%!important; }
	.boat-list-item .boat-tools { font-size: .5em; }
	.boat-list-item .boat-tools { font-size:1em; }
	.boat-list-item .boat-tools a,
	.boat-list-item .boat-tools label { width:100%; }
	*/
	.model-menu.inline-list li { padding:0 .5em; }
	.top-nav .top-menu, .top-nav .social-menu { text-align:center; }


	/* compare tables */
	.specs-table th,
	.specs-table td { font-size:10px; }
	.specs-table thead th:first-child, .specs-table tr td:first-child { white-space: normal; line-height:1; }

}

@media only screen and (max-width:530px) {
	.boat-list-item { flex-basis: 100%; }
}