@charset "utf-8";

/* Summer of Deals */

/* global overrides */

.nav {
	padding-top:0;
}

/* product widgets */

.products-container .product-listing-overlay-sale.product-listing-overlay-sod-sale .product-price {
	color: #FF6B18;
}

.products-container .product-listing-overlay-sale.product-listing-overlay-sod-sale {
	border-color: #FF6B18;
	background-color: #f0f9ff;
	border-radius: 10px;
	padding-top:15px;
}

.products-container .product-listing-overlay-sale.product-listing-overlay-sod-sale .product-image {
	margin-top: 10px;
	aspect-ratio: 4/3;
}

.products-container .product-listing-overlay-sale.product-listing-overlay-sod-sale .product-price--discount {
}

.products-container .product-listing-overlay-sale.product-listing-overlay-sod-sale .product-price--markdown {
	color: #FF6B18;
	font-size: 14px;
}

.products-container .product-listing-overlay-sale.product-listing-overlay-sod-sale .product-min-price-discounted strike {
	color: #6b7280;
	font-size: 15px;
}

.products-container .product-listing-overlay-sale.product-listing-overlay-sod-sale .product-price strike strike {
	color: #6D6D6D;
}

.products-container .product-listing-overlay-sale.product-listing-overlay-sod-sale a.product-customize,
.products-container .product-listing-overlay-sale.product-listing-overlay-sod-sale span.product-addtocart {
	color: #FF6B18 !important;
}

.products-container .product-listing-overlay-sale .product-image {
	border-style: none;
}

.products-container .product-listing-overlay-sale .product-price--discount {
	margin:0;
	color: #FF6B18;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	text-shadow: 0 0 11px #fff, 0 0 6px #ffffff8c;
}

.products-container .product-listing-overlay-sale .product-price--markdown {
	text-align: center;
	font-size:12px;
	color:#27AF60;
}

.products-container .product-listing-overlay-sale .product-price--markdown span {
	font-weight: bold;
}

/* both cart and checkout shared styles */

.page-checkout .season-of-deals-savings-amount.amount .amount-label,
.page-checkout .season-of-deals-savings-amount.amount .amount-value {
	color: #FF6B18;
	font-weight: bold;
	font-size: 16px;
}

.page-checkout a.btn-season-of-deals,
.page-checkout .btn-season-of-deals {
	background: linear-gradient(155deg, #FF601E 0%, #FF7E0E 100%);
	color: #fff;
	display:inline-block;
	margin-top:7px;
	padding:6px 15px;
	border-radius:4px;
	cursor:pointer;
	font-size:12px;
	font-weight: bold;
}

.page-checkout .btn-season-of-deals:hover,
.page-checkout a.btn-season-of-deals:hover {
	text-decoration:none;
	background-color: #FF6B18;
	color: #fff;
}

.page-checkout .subtotal-container {
	font-size:22px;
}

.page-checkout .amount-value.subtotal-text-small {
	font-weight: bold;
	font-size: 16px;
}

.page-checkout .amount-label.subtotal-text-small {
	font-weight: bold;
	font-size: 16px;
}

.page-checkout .amount-value.subtotal-text {
	font-weight: bold;
}

.page-checkout .amount-label.subtotal-text {
	font-weight: bold;
}

/* checkout */

.page-checkout .sod-icon {
	width:124px;
	height:62px;
	fill: #ffffff;
}

/* cart */

.page-checkout-cart .sod-icon {
	width:124px;
	height:62px;
	fill: #ffffff;
}

.page-checkout-cart .cart-banner-season-of-deals {
	display: block;
	width:100%;
	padding:0;
}

@media screen and (min-width: 767px) {
	.page-checkout-cart .cart-banner-season-of-deals {
		display: flex;
	}
}

.page-checkout-cart .cart-banner-season-of-deals-img,
.page-checkout-cart .cart-banner-season-of-deals-text {
	display:inline-block;
}

.page-checkout-cart .cart-banner-season-of-deals .season-of-deals-text {
	padding:10px 20px;
}

.page-checkout-cart a.cart-banner-season-of-deals:hover {
	border-bottom-color: #FF6B18;
}

.page-checkout-cart a.cart-banner-season-of-deals:hover .season-of-deals-text {
	text-decoration:underline;
}

.page-checkout-cart .cart-banner-season-of-deals .cart-banner-season-of-deals-img {
	padding: 10px 18px;
	display:flex;
	justify-content: center;
	align-items: center;
}

.page-checkout-cart .cart-banner-season-of-deals .cart-banner-season-of-deals-img img {
	width:150px;
	max-width: 150px;
	display: block;
	max-height: 55px;
}

.page-checkout-cart .cart-banner-season-of-deals .season-of-deals-text h3 {
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	display:block;
	width:100%;
	margin: 0 0 5px;
}

.page-checkout-cart .cart-banner-season-of-deals .season-of-deals-text p {
	font-size:12px;
	margin:0;
}

.page-checkout-cart .cart-banner-season-of-deals .season-of-deals-text .css-link {
}

.page-checkout-cart .cart-banner-season-of-deals {
	width:100%;
	margin-top: 20px;
	margin-bottom: 0px;
	border: 2px solid #37B1E4;
	text-decoration:none;
	color: #387d99;
	border-radius:3px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background-color: #f2ffff;
}

@media screen and (min-width: 767px) {
	.page-checkout-cart .cart-banner-season-of-deals {
		display:flex;
	}
}

/* product pages */

.page-product .sod-icon {
	width: 100px;
	height: 50px;
	/*fill: #FF6B18;*/
}

.page-product .product-promotion-description {
	color: #FF6B18;
}

.page-product .product-page-badge.sku-is-on-clearance,
.page-product .product-page-badge.sku-is-on-sale {
	background: #FF6B18;
	background: linear-gradient(155deg, #FF6B18 0%, #fcbf4c 100%);
	border-color: transparent;
}

/* colors of price */
.product-page .sku-is-on-clearance .product-price-price-value,
.product-page .sku-is-on-clearance #price,
.product-page .sku-is-on-sale .product-price-price-value,
.product-page .sku-is-on-sale #price {
	color: #333;
	font-weight:normal;
}

.product-page #product-price-price-bf .product-price-price-value {
	color: #FF6B18;
	font-weight: bold;
}

.product-page #product-price-price-bf .sku-is-on-clearance #pricecoupon,
.product-page #product-price-price-bf .sku-is-on-sale #pricecoupon {
	font-weight: bold;
}

.product-page .product-description.sku-is-on-clearance .product-price,
.product-page .sku-is-on-clearance .product-price,
.product-page .product-description.sku-is-on-sale .product-price,
.product-page .sku-is-on-sale .product-price {
	background: #FFFCFA;
	border: #FF6B18 solid 2px;
	border-radius: 3px;
}

#product-price-price-start.product-price-price-strike .product-price-price-value {
	color: #DA932B;
	text-decoration-color: #DA932B;
}

.product-page .sku-is-on-clearance .add-to-cart-button .btn,
.product-page .sku-is-on-clearance .pp-add-to-cart-btn .btn,
.product-page .sku-is-on-sale .add-to-cart-button .btn,
.product-page .sku-is-on-sale .pp-add-to-cart-btn .btn {
	background-color: #FF6B18;
}

.product-page .sku-is-on-clearance .add-to-cart-button .btn:hover,
.product-page .sku-is-on-clearance .pp-add-to-cart-btn .btn:hover,
.product-page .sku-is-on-sale .add-to-cart-button .btn:hover,
.product-page .sku-is-on-sale .pp-add-to-cart-btn .btn:hover {
	background-color: #FF914D;
}

.product-page .sku-is-on-clearance .product-addons-background,
.product-page .sku-is-on-sale .product-addons-background {
	border-color: #FF6B18;
	background-color: #fffcfa;
}

.product-page .sku-is-on-clearance .product-addon-fadeout,
.product-page .sku-is-on-sale .product-addon-fadeout {
	background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, #fafafa 100% );
	background-image: -moz-linear-gradient( rgba(255, 255, 255, 0) 0%, #fafafa 100% );
	background-image: -o-linear-gradient(rgba(251, 251, 251, 0) 0%, #fafafa 100%);
	background-image: linear-gradient( rgba(255, 255, 255, 0) 0%, #fafafa 100% );
}

.product-page .sku-is-on-clearance .addon-toggle-active,
.product-page .sku-is-on-sale .addon-toggle-active {
	background-color: #FF6B18;
}

.product-page .sku-is-on-clearance .product-addon-details a,
.product-page .sku-is-on-sale .product-addon-details a {
	color: #FF6B18;
	border-color: #FF6B18;
	background:transparent;
}

.product-page .sku-is-on-clearance .product-addon-details a:hover,
.product-page .sku-is-on-sale .product-addon-details a:hover {
	background: #FFFCFA;
}

.product-page .pp-add-to-cart-btn.preorder-button .btn::before {
	color: #ffd6bd;
}

.product-page .sku-is-on-clearance .input-group-addon,
.product-page .sku-is-on-sale .input-group-addon {
	background: #FAFAFA;
	border-color: #cccccc;
}

.product-page .add-to-cart-button .btn:active,
.product-page .add-to-cart-button .btn:focus,
.product-page .add-to-cart-button .btn:hover {
	color:#fff;
}

.product-page .go-to-checkout-button.btn {
	background: #2ECC70;
}

.product-page .go-to-checkout-button.btn:active,
.product-page .go-to-checkout-button.btn:focus,
.product-page .go-to-checkout-button.btn:hover {
	color:#fff;
	background: #27AF60;
}

.product-page .product-page-sale-banner {
	padding:5px 15px 0 15px;
}

@media (min-width: 768px) {
	.product-page .product-page-sale-banner {
		display: grid;
		grid-template-columns: 120px 1fr;
		grid-column-gap: 20px;
	}
}

.product-page .product-page-sale-banner .p-banner-text span {
	font-size: 130%;
	display: inline-block;
	margin-left: 5px;
	font-family: 'Montserrat', sans-serif;
}

.product-page .p-banner-img {
	display:flex;
	justify-content: center;
}

.product-page .p-banner-img img {
	max-width: 136px;
	max-height: 39px;
	margin-top:10px;
	width:100%;
}

.product-page .p-banner-text {
	font-size: 12px;
	font-weight: bold;
	color: #FF6B18;
	justify-content: center;
	align-items: center;
	padding-top:10px;
}

@media screen and (min-width: 1000px) {
	.p-banner-text {
		margin-top:0;
		text-align: center;
	}
}

/* home page */
.page-home .landing-special-banner {
	width:100%;
	text-align: center;
	margin:30px auto;
	display:block;
}

.page-home .landing-special-banner img {
	border-radius:5px;
	width:100%;
}

/* sitewide banner */

.sale-sitewide-banner {
	display: block !important;
	z-index: 10;
	font-family:'Roboto', sans-serif;
	left:0;
	right:0;
	text-align: center;
	animation: gradient 3s ease infinite;
	background-color: #f8a43d; /* fallback */
	background: linear-gradient(347deg, #FF9800 0%, #FF5722 100%) fixed;
	background-size: 200% 200%;
}

@keyframes gradient {
	0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 100% 100%;
	}
	100% {
		background-position: 0% 0%;
	}
}

/* black Friday */
/*.sod-active .sale-sitewide-banner{*/
	/*background: #000000 url('https://lh3.googleusercontent.com/u8WbrSP6u1vh1HinNrEKrf1d_iUojvRwii-ff9HCBTzDPpIoIcE6-LmfR1akxkpZsLkk3XdiifTxviBuN55OlLILIQ=s1200') repeat-x 0 0;*/
/*}*/

@media (min-width: 768px) {
	.sale-sitewide-banner {
		overflow: auto;
		top: 30px;
		min-height:50px;
		margin-top: 30px;
		display: flex !important;         /* NEW, Spec - Firefox, Chrome, Opera */
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		justify-content: center;
		align-content: center;
		align-items: center;
		z-index: 2000;
	}
}

.sale-sitewide-banner .bn-image,
.sale-sitewide-banner .bn-subtitle,
.sale-sitewide-banner .bn-title {
	display:inline-block;
	margin:0 4px;
}

.sale-sitewide-banner .bn-message {
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sale-sitewide-banner .bn-subtitle {
	color: #ebf6ff;
	font-size:12px;
	display:block;
}

@media (min-width: 760px) {
	.sale-sitewide-banner .bn-subtitle {
		font-size:14px;
		margin-right:10px;
		display:inline-block;
	}
}

.sale-sitewide-banner .bn-subtitle {
	color:#f4f8ec;
}

.sod-active .sale-sitewide-banner .bn-image {
	margin-right:10px;
}

.sod-active .sale-sitewide-banner .bn-image img {
	transition: all .1s ease-in-out;
	transform: scale(0.8);
}

.sod-active .sale-sitewide-banner .bn-image img:hover {
	transform: scale(1);
}

.sod-active .sale-sitewide-banner .bn-title {
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	letter-spacing:0.1em;
	margin:4px 0 0 0;
}

@media (min-width: 768px) {
	.sod-active .sale-sitewide-banner .bn-title {
		margin:6px 3px;
	}
}

.sod-active .sale-sitewide-banner .bn-btn {
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	margin: 5px auto 10px;
	border-radius:3px;
	color: #ffffff;
	background: #2CAEEC;
	border: 2px solid #FFF;
	padding: 0px 11px;
	font-size: 13px;
	transition: all .2s ease-in-out;
	text-transform:uppercase;
}

@media (min-width: 768px) {
	.sod-active .sale-sitewide-banner .bn-btn {
		margin: -4px 0 0 0;
		padding: 0 8px;
	}
}

/*black friday */
.sod-active .sale-sitewide-banner .bn-btn {
	background-color: transparent;
}

.sod-active .sale-sitewide-banner .bn-cta:hover .bn-btn {
	color: #fff;
	border-color: #fff;
	background: transparent;
}