@charset "UTF-8";
:root {
	--primary-font-size: 16px;
	--xlarge-font-size: 1.5rem;
	--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;}

/* Breadcrumbs */
.breadcrumbs.list-inline{margin-left:0}
.breadcrumbs > li:not(:last-child)::after,
.breadcrumbs > li:not(:last-child):after {
  content: "/";
  padding: 0 10px;
}
.breadcrumbs.list-inline > li{padding-left:0;padding-right:0;}

/* 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;border:var(--border-dark-1px);}
.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;}


/* Category Landing Pages (reusable) */
.feature-wrap-container{position:relative;}
.feature-wrap-container::after{content:"";pointer-events:none;position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(to left, white, transparent);z-index:3}
.feature-wrap-container>.feature-wrap::after{content:"";flex:0 0 100px;}
.feature-wrap{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:30px;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-anchor:none;scroll-snap-type: x proximity;}
.feature-wrap>a{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background-color:var(--secondary-color-light);border-radius:8px;overflow:hidden;padding:.75rem;color: var(--primary-color);font-size:.875rem;font-weight:600;text-align:center;text-decoration: none;flex-shrink: 0;flex:0 0 auto;scroll-snap-align:start;}
.feature-wrap>a>img{display:block;width:140px;height:auto;position:relative;margin: 0 auto;opacity:.9;transition: opacity .2s ease}
.feature-wrap>a:hover>img{opacity:.75;}
.feature-wrap>a>.feature-text{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--medium-brick-red-color);font-size: var(--medium-font-size);text-transform:uppercase;font-weight: 900;letter-spacing: 2px;width:150px;height:130px;text-overflow: ellipsis;white-space: nowrap;z-index:2;}
.feature-wrap>a:hover>.feature-text{opacity: .75}
@media (max-width:767px){.feature-text{font-size:var(--small-font-size);width:110px;height:90px;}}
.feature-wrap-absolute{
	--left: auto;
	--right: auto;
	--width: 50%;
	--background: var(--secondary-color-light);
	--align-items: flex-end;
	position: absolute;
    bottom: 0;
    left: var(--left);
	right: var(--right);
    z-index: 1;
    isolation: isolate;
    width: var(--width);
    height: 100%;
    background: var(--background);
    overflow: hidden;
    display: flex;
    align-items: var(--align-items);
}
.feature-wrap-absolute>img{
	--width: 200px;
	--height: auto;
	--left: auto;
	--right: auto;
	--top: auto;
	--bottom: auto;
	mix-blend-mode: multiply;
    display: block;
    width: var(--width);
    height: var(--height);
    filter: brightness(1.12) contrast(1.25) saturate(0.5) grayscale(50%);
    position: absolute;
    left: var(--left);
	right: var(--right);
	top: var(--top);
    bottom: var(--bottom);
}

/* 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:600;}
.product-price-line>.price .dollars{font-weight:800;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:600;}
.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;line-height:1;}



/* 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%;}
	}

/* Product Page */
.flex-container{display:flex;width:100%;max-width:1500px;margin:0 auto;align-items:start;gap:15px;position:relative;min-height:1px;padding:30px 0;}

/* Advantage Price */
.advantage-flex{display:flex;align-items:stretch;border:2px solid #3c8dbc;font-size:16px;}
.advantage-flex>*{display:flex;padding:5px;}
.advantage-image{align-items:center;flex:0 0 auto;background-color:#3c8dbc;}

.advantage-image img{width:80px;height:80px}
.advantage-info{flex-wrap:wrap;flex-direction: column;flex-grow: 1;justify-content:space-between;}
.advantage-expiration{font-size:0.875em;font-weight:600;}
.advantage-price{font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size:1.875em;color:#bc4e4f;line-height:1;}
.advantage-price-display{white-space:nowrap}
.advantage-price-display>sup{position:relative;top: -.25em;font-size:0.75em;}
.advantage-price-dollar{letter-spacing:1px;}
.advantage-savings{font-size:.5em;color:white;background-color:#bc4e4f;padding:2px 4px;vertical-align:middle;white-space:nowrap;}
.advantage-join{font-size:0.875em;}
.advantage-join>a{color:#bc4e4f;}