@charset "UTF-8";
/* CSS Document */
/*THIS STYLE SHEET MODIFIES ELEMENTS RENDERED BY INFIGO*/
/*
Used colors
success green #319616
success green:hover #45c423
upload blue #165b96
upload blue:hover #4297de
failure red #c50000
failure red fill (lighter red) #f3b7b7
common orange #f05323
common grey #202324
Premier Yellow 2022 #ffc42c
Premier Orange 2022 #f05323
Premier Light Grey 2022 #ececec
Premier Dark Grey 2022 #202324
*/
/* ------------------------- SITE WIDE CHANGES ------------------------------ */
/* Main body container. Add top margin to push content down based on navigation slug size 

/* Largest screen. Full everything */
/* When orange oval search and cart buttons appear */
@media screen and (min-width: 1088px) {
div.generalPageWrapper.layout--columnOne {
	/* With top Alert or Notice bar. */
	margin-top: 252px !important;
	/* Without top Alert or Notice bar. Subtract 40 px from with */
	/*margin-top: 212px !important;*/
	}
}
/* When orange oval search and cart buttons disappear */
@media screen and (max-width: 1087px) {
div.generalPageWrapper.layout--columnOne {
	/* With top Alert or Notice bar. */
	margin-top: 180px !important;
	/* Without top Alert or Notice bar. Subtract 40 px from with */
	/*margin-top: 140px !important;*/
	}
}

/* values for when video shows up at 768px wide */
@media screen and (max-width: 1000px) {
div.generalPageWrapper.layout--columnOne {
	/* With top Alert or Notice bar. */
	margin-top: 180px !important;
	/* Without top Alert or Notice bar. Subtract 40 px from with */
	/*margin-top: 140px !important;*/
	}
}
/* Smallest starting point. When video disappears. */
@media screen and (max-width: 768px) {
div.generalPageWrapper.layout--columnOne {
	/* With top Alert or Notice bar. */
	margin-top: 170px !important;
	/* Without top Alert or Notice bar. Subtract 40 px from with */
	/*margin-top: 130px !important;*/
	}
}
/* Smallest starting point. When video disappears and Alert/Notice bar text wraps to 2 lines and becomes taller */
@media screen and (max-width: 635px) {
div.generalPageWrapper.layout--columnOne {
	/* With top Alert or Notice bar. */
	 /*margin-top: 188px !important;*/
	/* Without top Alert or Notice bar. Subtract 40 px from with */
	/*margin-top: 148px !important;*/
	}
}

div.catfish-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 1312px !important;
}
/* move search results down from underneath the main nav */
div.search-panel {
    padding-top: 16rem !important;
}
/* Add space between search input and GO button */
.searchbox, .search-box {
    margin-right: 16px !important;
}
/* Remove top and bottom padding on Featured Categories on homepage */
div.homeFeaturedCategoriesWrapper {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding: 20px !important;
}
/* Hide system banners on home page instead of removing the html source */
div.homebanners {
	display: none !important;
}

.inner-page-content {
	width: 100% !important;
	max-width: 1312px !important;
	margin: 0 auto !important;
	margin-top: 90px;
	/*background-color: green !important;*/
}
/* Add with to product tool tip pop up boxes */
.cf-tooltip.is-right.is-multiline.is-medium::after, .cf-tooltip.is-right.is-multiline.is-medium .tooltip-html-container {
  width: 280px !important;
  text-align: left !important;
  padding: 16px !important;
}
/* ------------------------- centered main container on account page ------------------------------ */
div#contentiInnerRow {
/*	margin-top: 90px !important;*/
	background-color: #fff !important;
}
div.master-wrapper-cph-2 div#BeforeMainContainer.row {
	margin-top: 0px !important;
	/*background-color: blue !important;*/
}
div.account-page {
	margin-top: 0 !important;
}
/* Adjustments to padding on category title area */
section.category-intro-wrapper {
	padding-top: 20px !important;
	padding-bottom: 0px !important;	
}
section.category-product-section {
	padding-top: 0px !important;
	padding-bottom: 0px !important;	
}
/* ------------------------- MODIFY SYSTEM CATFISH BUTTONS ------------------------------ */

.catfish-button, .fileUpload {
	border-radius: 30px !important;
}
.catfish-button:hover, .fileUpload.fileUploadButton.catfish-button:hover {
	background-color: #202324 !important;
    color: #FFF !important;
}
/* Give Check Out As Guest button some breathing room */
input.checkoutasguestbutton.catfish-button {
	margin-top: 24px !important;
}
/* ------------------------- END MODIFY SYSTEM CATFISH BUTTONS ------------------------------ */

/* ------------------------- OUTWITTING PRODUCT PAGES ------------------------------ */
/* Hide Price on Products on Category pages to accommodate $0 products
that are calculated with attributes only */
div.product-item--content div.alternate--prices span.productPrice {
	/*display: none !important;*/
	/*color: lime !important;*/
}
/* Hide Product Variant Name from appearing on the product page */
div.product-variant-line div.overview div.productname {
	/*display: none !important;*/
	/* Use visibility instead of display so the element still takes up space */
	visibility: hidden !important;
	/*background-color: yellow;*/
}
/* Hide Price Breaks Table (Buy More, Save More) as it only shows one variant attribute price tier */
/* for products with multiple variant attributes. (small, med, large, etc.) Example, will only show SMALL prices*/
div.tier-prices {
	display: none !important;
}
/* Override the above rule to now show the Price Breaks Table (Buy More, Save More) for products that we DO want the system tiered pricing table to show */
/* Typically for simple static products with no variant attributes like School products */
/* This class [.show-tier-prices-table-override] can be entered on the product page in Product Details > Display Settings > Custom Product Class */
.product-wrapper.show-tier-prices-table-override div.tier-prices {
	display: block !important;
}

/* ---------------- GLOBAL MODIFICATIONS TO SYSTEM DEFAULTS ------------------ */

/* Adjustments to padding on category title area */
section.category-intro-wrapper {
	padding-top: 20px !important;
	padding-bottom: 20px !important;	
}
section.category-product-section {
	padding-top: 0px !important;
	padding-bottom: 0px !important;	
}


/* ------------------------- START CATEGORY STYLE EDITS ------------------------------ */

div.arone-category-page {
	background-color: white !important;
	width: 94% !important;
	margin: 20px auto 20px auto !important;
	padding-top: 0px !important;
}

/* ------------------------- END CATEGORY STYLE EDITS ------------------------------ */

/* ------------------------- START PRODUCT STYLE EDITS ------------------------------ */

/* Main container holding products on category page */
section.category-product-section.section div.container {
		background-color: #fff !important;
}
/* Main container holding the product on the product page */
div.product-wrapper {
	/*background-color: #eee !important;*/
	width: 94% !important;
	margin: auto !important;
}
/* Product titles on product pages */
h1.title {
	text-align: left !important;
	color: #f05323 !important;
}
h2.category-title {
	background-color: #f05323 !important;
}
h2.category-title a {
	color: #fff !important;
}
/* Remove bottom margin on main description div */
div.full-description-wrapper {
	margin-bottom: 0 !important;
}
/* ------------------------- END PRODUCT STYLE EDITS ------------------------------ */

/* ------------------------- START ACCOUNT PAGE ------------------------------ */
div.login__wrapper {
	background-color: #fff;
	padding-top: 280px !important;
}
div.layout--accountPage {
	margin: 180px 24px 40px 24px !important;
}
div#contentrow.row.layout--accountPage div.row__container.catfish-container {
	background-color: pink !important;
	background-color: #fff !important;
	margin-bottom: 60px !important;
}
/*Login container box not default light blue*/
.login__wrapper .returning-wrapper .returning-wrapper__inner {
	background-color: #ececec !important;
}
/*Input borders not default light blue*/
.input, .catfish-input, .catfish-select, .textarea, .catfish-textarea {
	border-color: #dcdcdc !important;
}
/* Need this specific style for content on MY ACCOUNT -> Order Items page */
div#contentrow.row.layout--twocolumn.category-twocolumn {
        margin: 200px 24px 24px 24px !important;
}

@media screen and (max-width: 1087px) {
    .block-account-navigation {
        padding: 0 !important;
    }
    .account-page--customerinfo {
         max-width: 100% !important; 
    }
    .account-page {
        padding-top: 24px !important; 
        padding-bottom: 0 !important; 
    }
}
/* ------------------------- END ACCOUNT PAGE ------------------------------ */

/* ------------------------- START SHOPPING CART PAGE ------------------------------ */

/* Main container on shopping cart page */
#cartsliderrow, .shoppingcart__wrapper {
  background-color: #fff !important;
}
/* Container box for each product in cart */
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row {
  	background-color: #fff !important;
    border: 2px solid #ececec !important;
}
/* Right side container box for sub and totals in cart */
.shoppingcart__wrapper .cart-footer .cart-footer__container {
  background-color: #fff !important;
  border: 2px solid #ececec !important;
}
/* Continue Shopping button in cart */
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton, .shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton {
	background-color: #319616 !important;
	border: none !important;
	color: #fff !important;
}
/* Continue Shopping button in cart */
.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton:hover, .shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton:hover {
	background-color: #45c423 !important;
	border: none !important;
	color: #000 !important;
}
div.one-page-checkout {
	background-color: #fff !important;
}
/* SAVE Address button */
button.savecustomerinfobutton {
	background-color: #f05323 !important;
}
/* ------------------------- END SHOPPING CART PAGE ------------------------------ */

/* ------------------------- START ORDER CONFIRMATION PAGES ------------------------------ */

/* Slightly reduce width on billing and shipping address page with a bit of margin  */
li#opc-billing, li#opc-shipping {
    max-width: 90%;
    margin: auto;
}

a.checkout-data-info__orderdetails {
	font-size: 24px !important;
	text-decoration: underline !important;
}
/* SHIPPING & PAYMENT METHODS highlight clicked shipping method in light green */
div.shipping-options div.shipping-options__list div.shipping-option-item input:checked+label,
div.payment-methods div.payment-method__list div.payment-method-item input:checked+label {
background-color: #e7ffe4 !important;
}
/* SHIPPING & PAYMENT METHODS highlight clicked shipping method checkmark circle in green */
div.shipping-options div.shipping-options__list div.shipping-option-item input:checked+label:after,
div.payment-methods div.payment-method__list div.payment-method-item input:checked+label:after {
background-color: green !important;
color: white !important;
} 

.checkout__complete {
    background-color: #fff !important;
}
span.checkout-data-info__orderid {
	font-size: 28px !important;
}
/* ------------------------- END ORDER CONFIRMATION PAGES ------------------------------ */


/* ------------------------- START AUTHORIZE.NET MODAL WINDOW ALTERATIONS ------------------------------ */
div.modal-card.new-modal {
    max-width: 80% !important;
    height: 80% !important;
}

.modal-card-head {
    border-bottom: 4px solid #f05323 !important;
}

.modal-card-head, .modal-card-foot {
    background-color: #202324;
    padding: 2.5em 1.5em 1.5em 1.5em;
    color: white !important;
}
/* ------------------------- END AUTHORIZE.NET MODAL WINDOW ALTERATIONS ------------------------------ */