@charset "UTF-8";
:root {
	--primary-font-size: 16px;
	--large-font-size: 1.125rem;
	--medium-font-size: 0.875rem;
	--small-font-size: 0.75rem;
	--primary-color: #011425;
	--primary-color-rgb: 1,20,37;
	--secondary-color: #bfa888;
	--secondary-color-rgb: 191,168,136;
	--secondary-color-light: #f2ede7;
	--secondary-color-light-rgb: 242,237,231;
	--gray-color: #dedede;
	--gray-color-rgb: 222,222,222;
	--light-gray: #ebebeb;
	--light-gray-rgb: 235,235,235;
	--light-blue-color: #889fbf;
	--light-blue-color-rgb: 136,159,191;
	--dark-blue-color: #282F39;
	--dark-blue-color-rgb: 40,47,57;
	--brick-red-color: #A35E58;
	--brick-red-color-rgb: 163,94,88;
	--medium-brick-red-color: #72413d;
	--medium-brick-red-color-rgb: 114,65,61;
	--dark-brick-red-color: #1c1514;
	--dark-brick-red-color-rgb: 28,21,20;
	--green-color: #487060;
	--green-color-rgb: 72,112,96;
	--white-color: #fff;
	--main-text: var(--primary-color);
	--bg-dark: var(--primary-color);
	--bg-dark-rgb: var(--primary-color-rgb);
	--border-dark-1px: 1px solid var(--primary-color);
	--border-dark-2px: 2px solid var(--primary-color);
	--border-secondary-1px: 1px solid var(--secondary-color);
	--border-gray-1px: 1px solid var(--gray-color);
	--border-light-gray-1px: 1px solid var(--light-gray);
	--border-medium-brick-red-color-1px: 1px solid var(--medium-brick-red-color);	
	--font-sans-serif: "Roboto",'Open Sans', sans-serif;
	--font-fancy: "Allison", serif;
	--font-serif: "Playfair Display", serif;
	--font-playful: "Racing Sans One", sans-serif;
	--header-small: 14px;
	--header-small-font: var(--font-sans-serif);
	--header-small-color: var(--secondary-color);
	--fade-top-white: inset 0px 60px 30px -10px rgba(255,255,255,1);
	--duo-box-left-width: 60%;
}
html{font-size:var(--primary-font-size);}
body{background-color:#fff;color:var(--main-text);font-family:var(--font-sans-serif);font-size:var(--primary-font-size);}

/* Temporary Header Fixes */
.main-header,#main-nav{font-size:var(--medium-font-size);}

/* Category Page */
#category-container{position:relative;max-width:1500px;}


/* Sort Options */
.sort-content-container{position: relative;overflow: hidden;}
.sort-content-container::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background: linear-gradient(to left, white, transparent);
}
.sort-content{display:flex;flex-wrap: nowrap;position:relative;overflow-x:auto;gap:.5em;padding-right:30px;}
.sort-content>*{display:flex;align-items:center;justify-content:center;font-size:var(--small-font-size);}
.sort-content>a,.sort-content>button.filter-toggle{
	color:var(--primary-color);
	letter-spacing: .02em;
	text-align: center;
    text-transform:uppercase;
	text-decoration:none;
    white-space: nowrap;
	background-color: rgba(var(--light-gray-rgb),0.5);
	border-radius:50vw;
	padding: 0 1.25em;
    height: 3em;
	}
	
.sort-content>button.filter-toggle{background-color:transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.sort-content>button.filter-toggle:focus{outline: 2px dashed var(--primary-color);outline-offset: 2px;}
.sort-content>a:hover{background-color: rgba(var(--gray-color-rgb),0.5);}
.sort-content>a.active{background-color: rgba(var(--primary-color-rgb),0.9);color:var(--white-color);}

@media (min-width:768px){.sort-content>button.filter-toggle{display: none}}



/* Side Nav */
.deptfilter .box-outline{box-shadow: none;}

/* Product Grid */
.product-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 15px;}

/* Product Card */
.product-card{position:relative;display:flex;flex-direction: column;overflow:hidden;border: 1px solid #ddd;border-radius: 8px;min-width:0;min-height:0;}
.product-card>.product-image{position:relative;display:flex;align-items:center;justify-content: center;border-bottom: 1px solid #ddd;height:170px;overflow:hidden;}
.product-card>.product-image img{display:block;max-width:100%;height:auto;width:auto;max-height:160px;}
.product-card>.product-info{font-size:16px;position:relative;display:flex;flex-direction: column;padding:5px 15px;}
.product-card>.product-info h2{font-size:1em;margin-bottom:0;}
	
.product-card>.product-info .list-unstyled{font-size:.875em;}
.product-price-line{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;}
.product-price-line>.price{display:inline-flex;align-items:flex-start;white-space:nowrap;line-height:1;font-weight:normal;}
.product-price-line>.price .currency{position:relative;font-size:1.15em;margin-right:1px;top:.25em;line-height:1;font-weight:500;}
.product-price-line>.price .dollars{font-weight:700;font-size:2.25em;line-height: 1;}
.product-price-line>.price .cents{position:relative;font-size:1em;top:.25em;letter-spacing:normal;line-height:1;font-weight:500;}
.product-price-line>.unit-price{white-space:nowrap;}
.product-info .compare{color:#777;font-size:1em;white-space:nowrap;}
.product-info .compare .compare-label{margin-right:4px;}
.product-info .compare .compare-price{color:#8a8a8a;text-decoration:line-through;text-decoration-thickness:1px;}
.product-card>.product-image[data-sold="true"] img{opacity: .25}

/* Sold Band (Boats) */
.product-card>.product-image[data-sold="true"]::after {
	content: "SOLD";
	--band-bg: rgba(64,64,64,.92);
	--band-fg: #fff;
	--band-width: 160%;
	--band-thickness: 2.2em;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	width: var(--band-width);
	height: var(--band-thickness);
	background: var(--band-bg);
	color: var(--band-fg);
	text-align: center;
	line-height: var(--band-thickness);
	font-size: 14px;
	font-weight:700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
	z-index: 1;
	pointer-events: none;
	user-select: none;}
	
/* Product Reviews */
.product-card .product-reviews{
	display: flex;
    align-items: center;
	font-size: 14px;
	margin-top:5px;
}
.product-card .product-rating {
  position: relative;
  display: inline-block;
  font-size: 1em;
  line-height: 1;
  letter-spacing: 1px;
  color: #d0d0d0;
  vertical-align: middle;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Helvetica Neue", Helvetica, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", sans-serif;
}
.product-card .product-rating::before {
  content: "★★★★★";
}
.product-card .product-rating .rating-fill {
  position: absolute;
  inset: 0 auto 0 0;
  overflow: hidden;
  white-space: nowrap;
  color: #f59e0b;
}
.product-card .product-rating .rating-fill::before {
  content: "★★★★★";
}
.product-card .product-reviews .product-review-count{font-size:.875em;}
	
/* Stock Status */
.product-status{display: inline-flex;align-items:center;background-color: rgb(80, 80, 80);text-shadow: 1px 1px rgb(60, 60, 60);color:#fff;border-radius: 2px;padding:6px 10px;white-space: nowrap;font-size:.75em;gap: 8px;top:auto;margin-bottom:10px;}
.product-status-icon{color:#393;line-height:1;}
	
/* Product Grid Responsive  */
@media screen and (max-width: 1399px) {
	.product-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
	}
@media screen and (max-width: 991px) {
	.product-grid{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.product-grid>.product-card{flex-direction: row}
	.product-card>.product-image{border-bottom: none;max-width:33%;padding:12px;height:auto;}
	.product-card>.product-image img{max-height:100%;}
	}