/* Use this file for custom CSS changes */


/* Forces the mini-cart buttons to the right */
.wrapper #mini-cart .actions button {
    float: right;
}







/*
 * Cart - Shipping Quote & Discount Blocks
 * ---------------------------
 * Note: 
 * display: none; 	- hides these blocks
 * display: block;	- shows the block, or just comment or delete this line
*/

/* Cart - Disable the Shipping Section */
.checkout-cart-index .shipping {
	/* REMOVE COMMENTS IF YOU WANT TO "HIDE" THE SHIPPING BLOCK! */
	display: none;
}

/* Cart - Disable the Discount Section */
.checkout-cart-index #discount-coupon-form {
	/* REMOVE COMMENTS IF YOU WANT TO "HIDE" THE DISCOUNT BLOCK! */
	display: none; 
}

/*
 * Cart Buttons
 * ---------------------------
 * Note: These override the standard button colours
*/

/* Cart - "Continue button" */
#shopping-cart-table button.button.btn-continue.btn-inline  {
	background-color: #A3A3A3;
}
/* Cart - "Continue button" when Hovered on! */
#shopping-cart-table button.button.btn-continue.btn-inline :hover {
	background-color:
}


/* Cart - "Update Shopping Cart" button */
#shopping-cart-table button.button.btn-update.btn-inline  {
	background-color: #A3A3A3;
}
/* Cart - "Update Shopping Cart" when Hovered on! */
#shopping-cart-table button.button.btn-update.btn-inline :hover {
	background-color:
}


/* Cart - "Get a Quote" button */
#shipping-zip-form button  {
	background-color: #A3A3A3;
}
/* Cart - "Get a Quote" when Hovered on! */
#shipping-zip-form button :hover {
	background-color: 
}


/* Cart - "Apply Coupon" button */
#discount-coupon-form button  {
	background-color: #A3A3A3;
}
/* Cart - "Apply Coupon" when Hovered on! */
#discount-coupon-form button :hover {
	background-color: 
}

/*
 * "Proceed to Checkout" Button
 * ---------------------------
 * Note:  Only edit these if you really MUST change the checkout button color!
*/

/* Cart - Proceed to Checkout button */
.checkout-cart-index button.btn-checkout  {
	/* background-color: #3ec2df; */
}
/* Cart - Proceed to Checkout button when Hovered on! */
.checkout-cart-index button.btn-checkout :hover {
	/* background-color: #ff0000; */
}

/*
 * ADDED - This is NOT mentioned in the video tutorial!
 * If you uncomment the code below, this will move the "Update Shopping Cart" button to the left hand side of the cart
 * Why? 
 * Simple, less buttons on the right!
*/
.checkout-cart-index .cart-table .btn-update {
	float: left;
}












/*
 * Checkout - Hiding Entire Sections for Higher Conversion
 * ---------------------------
 * The following CSS removes complete sections from your checkout flow
 * 
 * Note: 
 * 1. display: none; 	- hides a section
 * 2. display: block;	- shows a section
 * 3. Adding "!Important" to the end, forces this to happen
*/

/* This removes the very top of the header */
.checkout-onepage-index .header-top-container {
	display: none !Important;
}

/* This removes the compare box from the headers top right */
.checkout-onepage-index #quick-compare {
	display: none !Important;
}

/* This removes the search box from the header */
.checkout-onepage-index .search-wrapper {
	/* display: none !Important; */
}

/* This removes the horizontal navigation menu */
.checkout-onepage-index .nav-container {
	display: none !Important;
}

/* This removes the top links from the header */
.checkout-onepage-index .top-links {
	display: none !Important;
}

/* This removes the upper footer area */
.checkout-onepage-index .footer-top-container {
	display: none !Important;
}

/* This removes the primary footer area */
.checkout-onepage-index .footer-primary-container {
	display: none !Important;
}

/* This removes the secondary footer area */
.checkout-onepage-index .footer-secondary-container {
	display: none !Important;
}

/*
* Add other custom styles to the checkout here
*/
.checkout-onepage-index {

}