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

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

.product-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
.product-finder-results { background-color: #fff; }

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


/* PRODUCT LIST / PRODUCT PICKER STYLES */
/* FROM GODFREY- REMOVE IF NOT USEFUL
.product-picker form { display:inline-block; vertical-align:top; width:15%; margin-right:5%; }
#product-list,
#product-compare { display:inline-block; vertical-align:top; width:80%; }
#product-compare h1, #product-list h1 { text-align: center; margin-top: 0; }
.product-picker form fieldset { border: 0; padding: 0; color: #726e6b; font-weight: 600; margin-bottom: 30px; }
.product-picker form legend { position: relative; background: #f8f6f3; display: block; width: 100%; padding: 5px 10px; margin-bottom: 10px; cursor: pointer; }
.product-picker form legend span { position: absolute; right: 10px; transform: rotate(-90deg); transition:all .2s ease-in-out; }
.product-picker form fieldset.active legend span { transform: rotate(0deg); }
.product-picker form label { margin-left: 10px; }
.product-picker form .range-inputs { padding-top:1em; }
.product-picker form .range-inputs input { width: 40px; }
.product-picker form fieldset .product-picker-content { max-height: 0; overflow: hidden; transition:all .5s ease-in-out; display: block; }
.product-picker form fieldset.active .product-picker-content { max-height: 500px; }
.product-picker form fieldset.active .product-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; }
#product-compare table { border-spacing: 0; border-collapse: collapse; margin-bottom:2em; }
#product-compare table td { padding: 8px 10px; text-align: center; width: 25%; vertical-align: top; }
#product-compare table td:first-of-type { text-align: left; }
#product-compare table tr:nth-child(odd) { background-color: #f8f6f3; }
#product-compare table tr.clear { background-color: #fff; }

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

.feature-callouts img { max-height: 195px; }
.product-details,
.product-compare { border: 1px solid #918a81; border-radius: 3px; padding: 0.5em 1em; margin-bottom: 10px; }
.product-details { display:none; text-decoration:none; }
#product-compare .product-details,
.bab-list .product-details { display:block; }
.bab-list .product-compare { display:none; }
.product-build { display: block; text-decoration:none; border: 1px solid #918a81; background: #918a81; color: #fff; border-radius: 3px; padding: 0.5em 1em; }
.product .product-build { position:absolute; top:0; right:15px; }
.product .product-build+h1 { padding:0 3em; }
#product-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; }

*/

.dpwpmodellist-wrap.view-compare .product-finder-tools,
.dpwpmodellist-wrap.view-compare .product-finder-results,
.dpwpmodellist-wrap .product-compare-products,
.dpwpmodellist-wrap.loading .product-compare-products,
.dpwpmodellist-wrap .product-loading { display: none; }

.dpwpmodellist-wrap.view-compare .product-compare-products { display: block; }

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



.product-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; }

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

.product-list-item .product-stats { border-top: 1px solid #eee; text-align: center; border-bottom: none; }
.product-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; }

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

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

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

/* compare tables */
.product-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; }

.product-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/nav-arrow.svg)!important; }
.swiper-nextprev .swiper-button-prev,
#product-gallery .swiper-button-prev { transform:rotate(180deg); }
*/

/* DEFAULT OPTION LABELS */
.product-type-wrapper input[type=checkbox] { display: none; }
.product-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; }
.product-type-wrapper input[type=checkbox]:checked + label,
.product-type-wrapper input[type=checkbox].included + label { background-image: url(../../../img/icon-bab-selected-checkbox.svg); }
.product-type-wrapper .cost-wrapper,
.product-type-wrapper .link-wrapper { display: block; float: right; clear: right; padding-left: 1em; }
.product-type-wrapper input[type=checkbox].standard + label .cost-wrapper { color: #900; font-weight: bold; text-transform: uppercase; border: none; background: none; }
.product-type-wrapper br { float: left; }

.product-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; }
.product-promo-text:first-line { font-weight: bold; font-size: 1.2em; }

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

/*
.product-list-item .product-tools { font-size: .9em; }
.product-tools input[type=checkbox] { display:none; }
.product-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; }
.product-tools input[type=checkbox]:checked+label,
.product-tools input[type=checkbox].included+label { background-image:url(../../../img/icon-bab-selected-checkbox.svg); }
.product-tools  input[type=checkbox].standard+label .cost-wrapper { color:#900; font-weight:bold; text-transform:uppercase; border:none; background:none; }

.product-tools a { display: block; float: left; width: 33.3%; box-sizing: border-box; }
.product-tools a.product-details {  background:transparent url(../../../img/icon-details-white.svg) no-repeat center left / .8em; padding-left: 1.1em; }
.product-tools a.product-build {  background:transparent url(../../../img/icon-build.svg) no-repeat center left / .8em; padding-left: 1.1em; }
.product-tools strong.product-price { float:right; margin-right:.5em; transform:scale(1.2); }
*/
.product-tools input[type=checkbox] { display: none; }
.product-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; }
.product-tools input[type=checkbox]:checked + label,
.product-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; }

.product-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; }

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

@media only screen and (max-width:1100px) {
	.product-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) {
	.product-list-item { flex-basis: 49.166%; }
}

@media only screen and (max-width:600px) {
	.product-finder-tools .dhcolumn { padding-left: 0 !important; border-left: none !important; }
	/*
    .model-detail-nav li { font-size:.7em; }
    .product-list-item .product-stats { display: none; }
    .product-stats .dhcolumn.width-25 { width:23%!important; }
    .product-list-item .product-tools { font-size: .5em; }
    .product-list-item .product-tools { font-size:1em; }
    .product-list-item .product-tools a,
    .product-list-item .product-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) {
	.product-list-item { flex-basis: 100%; }
}