/*! VAC 2020 **/

/*! PREPPING PAGE/STAGE SETTING **/
#sideBox,
.grid-subcategories,
#categoryHeader,
.injections-container {
	display: none;
}

#mainContent {
	width: 100% !important;
}

.rounded-corners {
	border-radius:  4px;
}

/*! DESKTOP LEFT NAV **/

.desktop-site .nav-component {
	position: sticky;
	top: 175px;
	overflow: hidden;
	padding: 0;
}

.pwa-site .nav-component {
	position: sticky;
	top: 30px;
	z-index: 2;
	background-color: #fff;
	transition: top 0.3s ease-in-out;
}

.pwa-site div[data-vac-name="OutdoorCombined"] .nav-component {
	top: -70px;
}

.pwa-site .nav-component.hide-nav {
	top: -400px !important;
}

.desktop-site .nav-component .nav-wrapper {
	overflow-y: scroll;
	height: calc(100vh - 175px);
	width: 100%;
	box-sizing: content-box;
	padding-right: 50px;
	padding-left: 4px;
}

.desktop-site .nav-component .header-img {
	margin-top: 15px;
	margin-bottom: 15px;
}

.desktop-site .nav-component .header-img.outdoor-header {
	margin-left: auto;
	margin-right: auto;
	max-width: 85%;
}

.pwa-site .nav-component .header-img.outdoor-header {
	margin-left: auto;
	max-width: 55%;
}

.desktop-site .nav-component .count-and-clear-component {
	margin-top: 15px;
	margin-bottom: 15px;
}

.desktop-site .nav-component .collections-count-component {
	display: inline-block;
	vertical-align: text-top;
	margin-top: 2px;
}

.desktop-site .nav-component .clear-component {
	cursor: pointer;
}

.desktop-site .nav-component .clear-component:hover {
	color: #555;
}

.nav-component .filters-label {
	font-size: 0.75em;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 10px;
	display: inline-block;
}

.desktop-site .nav-component legend {
	color: #000;
	font-size: 1em;
	font-weight: 600;
	border-bottom: none;
	border-top: 1px solid #979797;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
	margin-top: 15px;
	cursor: pointer;
}

.nav-component legend:after {
	content: '';
	border: 1px solid #000;
	border-width: 0 0 1px 1px;
	width: 10px;
	height: 10px;
	line-height: 0;
	font-size: 0;
	display: inline-block;
	margin-left: 10px;
	margin-top: 3px;
	transform: rotate(135deg);
	vertical-align: middle
}

.pwa-site .nav-wrapper .filters-row {
	margin-bottom: 12px;
}

.pwa-site .nav-component legend:after {
	transform:rotate(-45deg);
	position:absolute;
	margin: 0;
	right: 30px;
	top: 15px
}

.pwa-site .nav-component fieldset.open legend {
	color: #fff;
}

.pwa-site .nav-component fieldset.open legend:after {
	top: 20px;
	transform: rotate(135deg);
}

.desktop-site .nav-component fieldset .mobile-label {
	display: none;
}

.pwa-site .nav-component fieldset .mobile-label {
	position: absolute;
	top: -54px;
	font-size: 12px;
	left: 25px;
	background-color: #fff;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.pwa-site .nav-component fieldset.pf-left {
	padding-left:  6px;
}

.pwa-site .nav-component fieldset.pf-right {
	padding-right:  6px;
}

/*.pwa-site .nav-component fieldset:nth-child(even) {
	padding-left:6px;
}

.pwa-site .nav-component fieldset:nth-child(odd) {
	padding-right:6px;
}

.pwa-site .nav-component fieldset:nth-child(n+3) {
	margin-top: 12px;
}*/

.pwa-site .nav-component fieldset.open .mobile-label,
.pwa-site .nav-component fieldset.active .mobile-label {
	opacity:1;
}

.pwa-site .nav-component fieldset .options-wrapper {
	display: none;
}

.pwa-site .nav-component fieldset.open .options-wrapper {
	position: absolute;
	width: calc(100% - 18px);
	border-radius: 0 0 12px 12px;
	box-shadow: 0 11px 10px 0 rgba(0,0,0,0.2);
	padding: 15px;
	background-color: #fff;
	z-index: 1;
	display: block;
}

.pwa-site .nav-component fieldset.active legend {
	font-weight: 700;
	border-color: #000;
}

.desktop-site .nav-component fieldset.closed legend:after {
	margin-top: -5px;
	transform: rotate(-45deg);
}

.desktop-site .nav-component fieldset.closed .options-wrapper {
	display: none;
}

.desktop-site .nav-component fieldset:not(.closed) {
	margin-bottom: 30px;
}

.desktop-site .nav-component fieldset[name="instock"] {
	margin-bottom:  15px;
}

.screen-md .text-serif.b2,
.screen-sm .text-serif.b2,
.tabletHeaderRedesign .text-serif.b2 {
	font-size: 1.5em;
}

.nav-component fieldset label {
	display: block;
	font-weight: 500;
	position: relative;
	padding-left: 20px;
	font-size: 1em;
}

.nav-component fieldset label.active-state {
	font-weight: 600;
}

.nav-component fieldset label.image-label {
	padding-left: 35px;
	margin-bottom: 15px;
}

.nav-component fieldset label.toggle-label {
	padding-left:  56px;
}

.pwa-site .nav-component fieldset label.image-label {
	margin-bottom: 5px;
}

.pwa-site .nav-component fieldset label {
	font-size: 0.85em;
}

.pwa-site .nav-component fieldset label {
	padding-top: 5px;
	padding-bottom: 5px;
}

.pwa-site .nav-component fieldset label.toggle-label {
	line-height:  1;
	padding-bottom:  10px;
	display:  inline-block;
}

.nav-component fieldset input[type="radio"],
.nav-component fieldset input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.nav-component .custom-radio {
	position: absolute;
	top: 4px;
	left: 0;
	height: 15px;
	width: 15px;
	border: 1px solid #333;
	background-color: #fff;
	border-radius: 50%;
}

.nav-component .custom-radio.image-radio {
	height: 30px;
	width: 30px;
	border-radius: 9px;
	background-color: #ccc;
	border-color: #fff;
	top: -4px;
	background-size: contain;
}

.nav-component .custom-toggle-radio {
	position:  absolute;
	top: -2px;
	left:  0;
	background-color:  #fff;
	border-radius: 16px;
	border:  1px solid #000;
	width:  51px;
	height:  27px;
}

.nav-component .custom-radio.image-radio.wicker-bkgrd {
	background-image: url(/wcsstore/images/Frontgate/_media/Interactive/ViewAllCollections/Outdoor/images/Swatch-Wicker.jpg);
}

.nav-component .custom-radio.image-radio.alum-bkgrd {
	background-image: url(/wcsstore/images/Frontgate/_media/Interactive/ViewAllCollections/Outdoor/images/Swatch-Aluminum.jpg);
}

.nav-component .custom-radio.image-radio.teak-bkgrd {
	background-image: url(/wcsstore/images/Frontgate/_media/Interactive/ViewAllCollections/Outdoor/images/Swatch-Teak.jpg);
}

.nav-component .custom-radio.image-radio.uphol-bkgrd {
	background-image: url(/wcsstore/images/Frontgate/_media/Interactive/ViewAllCollections/Outdoor/images/Swatch-Upholstered.jpg);
}

.nav-component .custom-radio.image-radio.black-bkgrd {
	background-image: url(/wcsstore/images/Frontgate/_media/Interactive/ViewAllCollections/Outdoor/images/Swatch-Black.jpg);
}

.nav-component .custom-radio.image-radio.ivo-bkgrd {
	background-image: url(/wcsstore/images/Frontgate/_media/Interactive/ViewAllCollections/Outdoor/images/Swatch-Ivory.jpg);
}

.nav-component .custom-radio.image-radio.brown-bkgrd {
	background-image: url(/wcsstore/images/Frontgate/_media/Interactive/ViewAllCollections/Outdoor/images/Swatch-Brown.jpg);
}

.nav-component .custom-radio.image-radio.gray-bkgrd {
	background-image: url(/wcsstore/images/Frontgate/_media/Interactive/ViewAllCollections/Outdoor/images/Swatch-Gray.jpg);
}

.nav-component .custom-radio.image-radio.blue-bkgrd {
	background-image: url(/wcsstore/images/Frontgate/_media/Interactive/ViewAllCollections/Outdoor/images/Swatch-Blue.jpg);
}

.nav-component .custom-close {
	padding-left: 5px;
	display: none;
}

/*.desktop-site .nav-component .custom-close {
	vertical-align: text-bottom;
}*/

.pwa-site .nav-component .custom-radio {
	top: 6px;
}

.pwa-site .nav-component .custom-radio.image-radio {
	top: 0px;
}

.nav-component .custom-radio:after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #000;
	display: none;
}

.nav-component fieldset input:checked ~ .custom-radio:after {
	display: block;
}

.nav-component fieldset input:checked ~ .custom-radio.image-radio:after {
	display: none;
}

.nav-component fieldset input:checked ~ .custom-radio.image-radio {
	border-color: #000;
}

.nav-component fieldset input:checked ~ .custom-radio.image-radio:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border: 1px solid #fff;
	border-radius: 9px;
}

.nav-component fieldset input:checked ~ .custom-close {
	display: inline-block;
}

.nav-component fieldset input ~ .custom-toggle-radio:before {
	content:  "";
	position:  absolute;
	height:  22px;
	width:  22px;
	left:  0;
	background-color:  #777;
	-webkit-transition:  .4s;
	transition:  .4s;
	border-radius:  50%;
	margin-top:  2px;
	margin-left:  3px;
}

.nav-component fieldset input:checked ~ .custom-toggle-radio:before {
	background-color:  #000;
	margin-left:  24px;
}

/*! MOB NAV **/
.pwa-site .nav-component .nav-wrapper h1 {
	margin-bottom: 0;
}

.pwa-site .nav-component .nav-wrapper hr {
	border:none;
	border-top: 1px solid #000;
}

.pwa-site .nav-component .nav-wrapper .count-and-clear-component {
	display: inline-block;
	float: right;
}

.pwa-site .nav-component .nav-wrapper .count-and-clear-component span:not(.clear-component) {
	display: none;
}

.pwa-site .nav-component .nav-wrapper legend {
	border: 1px solid #979797;
    padding: 10px;
	margin-bottom:0px;
	font-size: 1em;
	text-transform: capitalize;
	position:relative;
	overflow:  hidden;
}

.pwa-site .mobile-collections-count-component {
	text-align: center;
	margin-bottom: 15px;
}

/*! PRODUCT SLIDE - INTERIOR/BASE **/
.canvas-component.loading-component {
	min-height: 500px;
	background: url('/wcsstore/images/Cinmar/interface/animated/fg-loading-icon.gif') center center no-repeat;
}

.pwa-site .canvas-component.loading-component {
	min-height: 300px;
}

.canvas-component ul li + li {
	margin-top: 80px;
}

.pwa-site .canvas-component ul li + li {
	margin-top: 65px;
}

li .information-row {
	margin-top: 15px;
}

.desktop-site li .information-row .text-component {
	padding-left: 25px;
}

.desktop-site li .information-row .text-component .product-name-component {
	margin-bottom: 0;
	display: inline-block;
	margin-right: 15px;
}

.desktop-site li .information-row .text-component .small-text-component {
	display: inline-block;
}

.pwa-site li .information-row .text-component .small-text-component {
	display: block;
}

.pwa-site li .information-row .text-component .product-name-component {
	margin-bottom: 5px;
	font-weight: 400;
}

li .information-row .text-component .subhead-1 {
	display: block;
	font-weight: 600;
	letter-spacing: 1px;
}

li .information-row .text-component .subhead-2 {
	display: block;
}

li .information-row .alt-image-component  {
	text-align: right;
}

.pwa-site li .information-row .alt-image-component + .text-component {
	margin-top:15px;
}

.desktop-site li .information-row .alt-image-component > div > div {
	float: right;
}

.pwa-site li .information-row .alt-image-component > div {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.pwa-site li .information-row .alt-image-component > div > div {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.pwa-site li .information-row .alt-image-component img {
	padding: 0;
}

li .information-row .alt-image-component a {
	display: block;
	margin-top: 15px;
	font-weight: 400;
}

.pwa-site li .information-row .alt-image-component a {
	font-size: 0.75em;
	font-weight: 400;
}

.pwa-site li .image-component {
	padding: 0;
}

/*! PRODUCT SLIDE - OUTDOOR **/
li .information-row .price-component {
	font-size: 1.1875em;
	font-weight: 600;
}

.pwa-site li .information-row .price-component,
.pwa-site li .information-row .product-info-component {
	display: block;
	margin-top: 7px;
}

.pwa-site li .information-row .price-component {
	font-size: 0.9375em;
}

.desktop-site li .information-row .price-component {
	border-left: 1px solid #000;
	padding-left: 20px;
}

.savings-header {
	font-weight: 600;
}

li .information-row .price-component .free-shipping-component,
.savings-header span {
	font-weight: 700;
	text-transform: uppercase;
	font-style: italic;
}

li .information-row .product-info-component {
	display: inline-block;
}

.desktop-site li .information-row .product-info-component {
	padding-left: 20px;
}

li .available-in-row,
li .additional-links-row {
	margin-top: 15px;
}

li .available-in-row .available-in-label {
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 5px;
}

.pwa-site li .available-in-row .available-in-label {
	font-size: 12px;
}

.pwa-site li .available-in-row .available-in-container:nth-child(odd) {
	padding-left: 6px;
}

.pwa-site li .available-in-row .available-in-container:nth-child(even) {
	padding-right: 6px;
}

.pwa-site li .available-in-row .available-in-container:nth-child(n+4) {
	margin-top: 12px;
}

li .available-in-row .available-in-container > .wrapper > .row,
li .additional-links-row .thumb-container > .wrapper > .row {
	margin: 0;
	display: flex;
}

li .available-in-row .available-in-container > .wrapper > .row > a,
li .additional-links-row .thumb-container > .wrapper > .row > a {
	display: inherit;
	border: 1px solid #7d7d7d;
	width: 100%;
	font-size: 12px;
}

li .available-in-row .available-in-container > .wrapper > .row > a:hover,
li .available-in-row .available-in-container > .wrapper > .row > a:active,
li .available-in-row .available-in-container > .wrapper > .row > a:focus,
li .additional-links-row .thumb-container > .wrapper > .row a:hover,
li .additional-links-row .thumb-container > .wrapper > .row a:active,
li .additional-links-row .thumb-container > .wrapper > .row a:focus {
	border: 1px solid #000;
}

li .available-in-row .label-col span,
li .additional-links-row .label-col span {
	display: block;
	position: relative;
	top: 50%;
	font-weight: 600;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

li .available-in-row .img-col,
li .available-in-row .label-col,
li .additional-links-row .img-col,
li .additional-links-row .label-col {
	text-align: center;
}

/*! PRODUCT SLIDE - 2023 OUTDOOR **/
.desktop-site li.outdoor-tile .information-row .text-component {
	padding-left:  7.5px;
}

li.outdoor-tile .available-in-row .available-in-label {
	letter-spacing: 0;
}

.pwa-site li.outdoor-tile .available-in-row .available-in-label {
	font-size: 14px;
}

.desktop-site li.outdoor-tile .available-in-row .available-in-container {
	margin-left: 0;
	padding: 0;
}

.pwa-site li.outdoor-tile .flex-scrollable-container {
	display: flex;
	overflow-x: scroll;
	overflow-y: hidden;
	clear: both;
	padding-bottom: 15px;
}

.pwa-site li.outdoor-tile .available-in-row .available-in-container {
	padding-left: 6px !important;
	padding-right: 6px !important;
	margin-right: 10px;
	flex: 0 0 auto;
	width: 40%;
	margin-top: 0px !important;
}

li.outdoor-tile .available-in-row .available-in-container > .wrapper > .row {
	display: block;
	text-align: center;
}

.desktop-site li.outdoor-tile .available-in-row div div:nth-child(2) {
	left: 5.5555%
}

.desktop-site li.outdoor-tile .available-in-row div div:nth-child(3) {
	left: 11.111%
}

.desktop-site li.outdoor-tile .available-in-row div div:nth-child(4) {
	left: 16.66665%
}

.desktop-site.screen-xs li.outdoor-tile .available-in-row,
.desktop-site.screen-sm li.outdoor-tile .available-in-row,
.desktop-site.screen-md li.outdoor-tile .available-in-row {
	padding-right: 7.5px;
}

li.outdoor-tile .available-in-row .available-in-container .wrapper > .row > a {
	border: none;
}

li.outdoor-tile .available-in-row .available-in-container .wrapper > .row > a span {
	margin-top: 10px;
	display: block;
	font-weight: 600;
}

li.outdoor-tile .available-in-row .available-in-container .wrapper > .row > a img {
	border: 1px solid transparent;
}

li.outdoor-tile .available-in-row .available-in-container .wrapper > .row a:hover,
li.outdoor-tile .available-in-row .available-in-container .wrapper > .row a:focus {
	border: none;
	text-decoration: none;
}

li.outdoor-tile .available-in-row .available-in-container .wrapper > .row a:hover img,
li.outdoor-tile .available-in-row .available-in-container .wrapper > .row a:focus img {
	border:1px solid #7d7d7d;
}

li.outdoor-tile .available-in-row .available-in-container .wrapper > .row > a > div {
	padding: 0;
}

li.outdoor-tile .overlay-component.shop-all-cta,
li.casegood-tile .overlay-component.shop-all-cta {
	position: absolute;
	bottom: 0;
	left: 7.5px;
	right: 7.5px;
	padding: 15px;
	background-color: rgba(255,255,255,0.75);
	border-radius: 0 0 4px 4px;
	text-align: center;
}

.pwa-site li.outdoor-tile .overlay-component.shop-all-cta,
.pwa-site li.casegood-tile .overlay-component.shop-all-cta  {
	left: 0;
	right: 0;
	padding: 5px;
}

.pwa-site li.outdoor-tile .overlay-component.shop-all-cta a,
.pwa-site li.casegood-tile .overlay-component.shop-all-cta a {
	font-size: 12px;
	line-height: 14px;
}

/*! PRODUCT SLIDE - CASE GOODS **/
.canvas-component ul li.casegood-tile + li.casegood-tile,
.canvas-component ul li.injection + li.casegood-tile {
	margin-top: 40px;
}

.casegood-tile .subhead1,
.casegood-tile .subhead2 {
	display: block;
}

.pwa-site .casegood-tile .subhead1,
.pwa-site .casegood-tile .subhead2 {
	font-size:  12px;
}

.pwa-site li.casegood-tile .image-component {
	padding-left:  12px;
	padding-right:  12px;
}

.casegood-tile .text-row {
	margin-bottom:  15px;
}

.desktop-site .casegood-tile .additional-links-row {
	display:  flex;
}

.desktop-site .casegood-tile .more-options-container {
	align-self:  end;
}

.casegood-tile .more-options-container a {
	display:  inline-block;
	line-height:  1.2;
}

.screen-sm .casegood-tile .more-options-container a {
	font-size: 12px;
}

.pwa-site .casegood-tile .more-options-container {
	margin-top:  5px;
}

.pwa-site .casegood-tile .additional-links-row {
	display:  flex;
	overflow-x:  scroll;
	overflow-y:  hidden;
	padding-left:  9px;
	-ms-overflow-style: none;
	scrollbar-width:  none;
}

.pwa-site .casegood-tile .additional-links-row::-webkit-scrollbar {
	display:  none;
}

.pwa-site .casegood-tile .additional-links-row .thumb-container {
	flex:  0 0 auto;
	padding-left:  3px;
	padding-right:  3px;
}

.casegood-tile .additional-links-row .thumb-container .wrapper,
.casegood-tile .additional-links-row .thumb-container .wrapper .row {
	height: 100%;
}

/*! NO RESULTS **/
.pwa-site .no-results-component {
	text-align: center;
}

/*! INJECTIONS **/
.injection > .row {
	display: flex;
}

[data-vac-name="CaseGoods"] .injection {
	margin-top: 40px;
}

[data-vac-name="CaseGoods"] .injection > .row {
	display: block;
}

.pwa-site [data-vac-name="CaseGoods"] .injection > .row > div + div {
	margin-top: 40px;
}

.injection[data-injection-filter] > .row {
	display: block;
}

.injection .icon-img {
	max-width: 128px;
}

.pwa-site .injection .icon-img {
	max-width: 64px;
	margin-bottom:10px;
}

.injection .vertical-rule {
	width: 1px;
	float: left;
	background-color:#000;
	margin-left: 15px;
	margin-right: 15px;
}

/*! TEMP HIDING CLEARANCE TOGGLE ON OUTDOOR VAC **/
[data-vac-name="OutdoorCombined"] fieldset[name="new"] {
	display: none;
}