﻿hr.white {
	background: transparent;
}
/*
	SHOPPING CART
*/
.shopping-cart input {
	max-width: 100%;
}

.shopping-cart .grid {
	padding: 16px 0;
	margin-left: 0;
}

.shopping-cart .grid__item {
	padding: 0 8px;
}

.shopping-cart figure img {
	float: left;
	margin-right: 16px;
	width: 200px;
}

.shopping-cart-header-row {
	border: 1px solid #b2b2b2;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	padding: 8px 0;
	margin-bottom: 15px;
}

.shopping-cart-pricing hr {
	margin: 8px 0;
}

.shopping-cart-pricing span.right {
	float: right;
}

.shopping-cart-total {
	font-size: 1.75em;
	font-weight: bold;
	padding: 16px 0 0 0;
}

.receipt-info-block {
	display: inline-block;
	margin-right: 64px;
	vertical-align: top;
}
a .fa.remove {
	background-color: #e22242;
	display: inline-block;
	color: #fff;
	vertical-align: middle;
	font-size: 16px;
	padding: 4px;
}
a:hover .fa.remove {
	color: #fff;
}


/* my orders */
#orders-section .britax-accordion.whitebox header {
	min-height: 52px;
	line-height: 52px;
}

@media(max-width: 1023px) {
	/* apply coupon section */
	.discount-code-input {
		width: 100%;
	}
	.btn-discount-code {
		margin: 8px auto;
		width: 100%;
	}
}
@media(min-width: 1024px) {
	/* apply coupon section */
	.discount-code-input {
		width: 45%;
		vertical-align: middle;
	}
	.btn-discount-code {
		width: 50%;
		vertical-align: middle;
		margin-left: 8px;
	}
}
@media (min-width: 768px) {
	/* hide certain elements */
	.mobile-only {
		display: none !important;
	}
	/* quantity, update, remove on own lines */
	.shopping-cart-item-manage div * {
		display: inline-block;
		margin: auto;
		text-align: center;
		margin: 8px auto;
	}
	/* quantity width */
	.shopping-cart-item-manage .inline input {
		display: inline-block;
	}
	.shopping-cart-item-manage input {
		width: 100px;
		display: block;
		text-align: center;
		margin: auto;
	}
	/* full width buttons */
	.shopping-cart .desktop-fullwidth {
		width: 100%;
	}
}

@media (max-width: 767px) {
	/* hide certain elements */
	.mobile-hide {
		display: none;
	}
	/* increase size of figure */
	.shopping-cart figure img {
		width: 100%;
	}
	/* decrease font size of product details */
	.shopping-cart-item-main .small {
		font-size: 70%;
	}
	/* increase font size of row total */
	.shopping-cart-item-total {
		font-size: 1.5em;
		font-weight: bold;
	}
    /* fix the height of the quantity portion of line items on mobile, add a bottom margin to push the Remove button away from it slightly */
    .shopping-cart-item-total .quantity-container {
        height: 45px;
        margin-bottom: .5em;
    }
	.shopping-cart-item-total .small {
		font-size: 0.6em;
		font-weight: normal;
		display: block;
	}
	/* full width buttons */
	.shopping-cart .mobile-fullwidth {
		width: 100%;
	}
	/* align product image and product details */
	.shopping-cart-item-main p
	{
		margin-top: 0;
	}
	/* hide header */
	.shopping-cart-header-row {
		display: none;
	}
	/* widen columns */
	.shopping-cart .grid__item {
		width: 100%;
	}
	.shopping-cart .grid__item.shopping-cart-item-main {
		font-size: 1.5em;
		width: 100%;
	}
	.shopping-cart .grid__item.shopping-cart-item-manage {
		width: 55%;
	}
	.shopping-cart .grid__item.shopping-cart-item-total {
		width: 45%;
	}
	/* remove & qty section */
	.shopping-cart-item-manage button {
		padding:6px;
	}
    
    /* constrict the width of the quantity input and give it a right margin */
    .quantity-field {
        width: 40%;
        margin-right: 8px;
    }

	/* apply coupon section */
	.mobile-gift-code .state2 button {
		margin-top: 8px;
	}
	.mobile-gift-code input,
	.mobile-gift-code button {
		width:50%;
	}
	mobile-gift-code .state2 button {
		margin: 8px 0;
	}
	/* headers accordion */
	.britax-accordion.whitebox > dd > header 
	{
		line-height: 58px;
	}
	.britax-accordion.whitebox > dd > header .title {
		margin-right: 10px;
		display: inline;
	} 
}
/*
	CHECKOUT
*/
.shopping-cart-checkout .form-wrapper {
	width: 610px;
	max-width: 80%;
}

.shopping-cart-checkout .control-label {
	margin-right: 0;
	padding-right: 1em;
	box-sizing: border-box;
}

span.field-validation-error {
	text-align: right;
	display: block;
	color: red;
}

@media (max-width: 767px) {
	.shopping-cart-checkout .form-wrapper {
		width: 100%;
		max-width: 100%;
	}
	#add-to-cart-success .grid__item,
	#add-to-cart-failed .grid__item {
		width: auto;
	}
}
/*# sourceMappingURL=ecommerce.css.map */
