/*
 *  Create by: Numinix
 * 	Description: #link to plugin#
 *
 * 	WARNING! DO NOT EDIT THIS FILE!
 *
 * 	To make it easy to update your theme, you should not edit the styles in this file. Instead use
 *	a file called ajaxcart_popup_overrides.css in your css/auto_loaders/ folder and add your styles.
 *	You can copy a style from this file and paste it in ajaxcart_popup_overrides.css and it will override the style in this file. 
 *	You have been warned! :)
*/

/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP

2. TITLE

3. TABLE CART
-3.1 PRODUCT IMAGE
-3.2 PRODUCT NAME
-3.3 PRODUCT ATTRIBUTES
-3.4 PRODUCT PRICE

4. BUTTONS
-4.1 CONTINUE SHOPPING
-4.2 GO TO CHECKOUT
 
5. RESPONSIVE

6. CLEAN STUFF FANCYBOX

-------------------------------------------------------------------------------------------*/

/*
 *	0. RESET
 *
 * 	Basic reset setup.
*/

#shopping-cart-popup *,
#shopping-cart-popup *:before,
#shopping-cart-popup *:after {
	line-height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

	/*
	 *	1. SETUP
	 *
	*/

	/* fonts */
	@font-face {
		font-family: 'Shopping Cart Icons';
		src:url('../fonts/ajaxshoppingcartpopup.eot?-9dzp9u');
		src:url('../fonts/ajaxshoppingcartpopup.eot?#iefix-9dzp9u') format('embedded-opentype'),
			url('../fonts/ajaxshoppingcartpopup.woff?-9dzp9u') format('woff'),
			url('../fonts/ajaxshoppingcartpopup.ttf?-9dzp9u') format('truetype'),
			url('../fonts/ajaxshoppingcartpopup.svg?-9dzp9u#ajaxshoppingcartpopup') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	#shopping-cart-popup {
		overflow: hidden;
		padding: 30px;
		position: relative;
	}

		/*
		 * 1 = Value for margin-left and right (-30px) is equal to paddings left and right #shopping-cart-popup padding-left and right 30px
		 * 2 = Paddings should be the oposite of margins
		*/
		#shopping-cart-popup #subTotal,
		#shopping-cart-popup .ajaxCartPopupHeader {
			border-color: #444;
			border-style: solid;
			margin-left: -30px; /* 1 */
			margin-right: -30px;  /* 1 */
			padding-left: 30px;  /* 2 */
			padding-right: 30px;  /* 2 */
		}


		/*
		 *	2. TITLE
		 *
		*/
		#shopping-cart-popup .ajaxCartPopupHeader {
			border-bottom-width: 1px;
			font-size: 40px;
			line-height: 100%;
			margin-bottom: 30px; /* 1 */
			padding-bottom: 18px;
			text-align: center;
		}


		/*
		 *	3. TABLE CART
		 *
		*/
		#shopping-cart-popup .ajaxCartPopupItem {
			overflow: hidden;
			position: relative;
		}

		#shopping-cart-popup .ajaxCartPopupItem + .ajaxCartPopupItem {
			margin-top: 30px;
		}
			
			#shopping-cart-popup .col-left {
				float: left;
				margin-right: 15px;
			}

			#shopping-cart-popup .col-right {
				overflow: hidden;
				color: #444;
			}

			/*
			 *	3.1 IMAGE
			 *
			*/
			#shopping-cart-popup .col-left img {
				height: auto;
				width: 100%;
				
				max-height: none;
				max-width: 96px;
			}

			/*
			 *	3.2 PRODUCT NAME
			 *
			*/
			#shopping-cart-popup .ajaxCartPopupProductsName {
				color: #444;
				display: block;
				font-size: 16px;
				margin-bottom: 12px;
				text-decoration: none;
				max-width: 490px
			}

			#shopping-cart-popup .ajaxCartPopupProductsName:hover {
				color: #000;
			}

				#shopping-cart-popup .ajaxCartPopupProductsName span {
					font-weight: bold;
				}

			/*
			 *	3.3 PRODUCT ATTRIBUTES
			 *
			*/
			#shopping-cart-popup [class*="wrapper"] {
				font-size: 14px;
				overflow: hidden;
			}

			#shopping-cart-popup .attributes-wrapper:not(.attributes-name) {
				margin-top: -7px;
  				margin-bottom: 3px;
			}

				#shopping-cart-popup [class*="wrapper"] label,
				#shopping-cart-popup [class*="wrapper"] span {
					float: left;
					padding-bottom: 10px;
				}

				#shopping-cart-popup [class*="wrapper"] label {
					clear: left;
					text-transform: uppercase;
					width: 90px;
				}

				#shopping-cart-popup [class*="wrapper"] span {
					color: #444;
				}

				#shopping-cart-popup [class*="wrapper"] .backorder {
					display: block;
					clear: left;
					padding-top: 6px;
					color: #b42020;
				}

			/*
			 *	3.4 PRODUCT PRICE
			 *
			*/
			#shopping-cart-popup .product-price-final {
				color: #444;
				font-size: 16px;
				position: absolute;
				right: 0;
				top: 0;
				font-weight: 700;
			}

			#shopping-cart-popup .ajaxCartPopupItem:first-child .product-price-final {
				top: 0;
			}

			#shopping-cart-popup #subTotal {
				border-top-width: 1px;
				border-bottom-width: 1px;
				font-size: 16px;
				margin-bottom: 30px;
				margin-top: 30px;
				overflow: hidden;
				padding-bottom: 15px;
				padding-top: 15px;
			}

				#shopping-cart-popup #subTotal br {
					display: none;
				}

				#shopping-cart-popup #subTotal a {
					color: #444;
					font-weight: bold;
					text-decoration: none;
				}

				#shopping-cart-popup #subTotal a:hover {
					color: #000;
				}

				#shopping-cart-popup #subTotal .ajaxCartPopupSubtotal {
					float: right;
					font-size: 18px;
				}

					#shopping-cart-popup #subTotal .ajaxCartPopupSubtotal span {
						display: inline-block;
						text-align: right;
						width: 125px;
					}

				#shopping-cart-popup #subTotal > span:last-child {
					display: block;
					font-size: 14px;
					margin-top: 10px;
				}

			/*
			 *	3.5 DELETE PRODUCT
			 *
			*/
			#shopping-cart-popup .icon_remove {
				color: #444;
				display: inline-block;
				font-size: 14px;
				margin-top: 0;
				text-decoration: none;
			}

			#shopping-cart-popup .icon_remove:hover {
				color: #000;
			}


			/*
			 *	4 BUTTONS
			 *
			*/
			#shopping-cart-popup .ajaxCartPopupOptions {
				overflow: hidden;
			}

				#shopping-cart-popup .ajaxCartPopupOptions a,
				#shopping-cart-popup .ajaxCartPopupOptions span {
					display: inline-block;
				}

				#shopping-cart-popup .ajaxCartPopupOptions span + span {
					margin-left: 11px;
				}
				
				#shopping-cart-popup .ajaxCartPopupOptions a {
					border-style: solid;
					border-width: 1px;
					height: 39px;
					line-height: 39px;
					padding: 0 30px;
					font-size: 18px;
					position: relative;
					text-decoration: none;
				}
				
				/* icons */
				#shopping-cart-popup .ajaxCartPopupOptions a:before {
					font-family: 'Shopping Cart Icons';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					text-transform: none;
					line-height: 1;
						
					font-size: 16px;
					position: absolute;
					top: 50%;
					-webkit-transform: translateY(-50%);
					   -moz-transform: translateY(-50%);
					    -ms-transform: translateY(-50%);
					     -o-transform: translateY(-50%);
					        transform: translateY(-50%);
					

					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
				}
				
				/*
				 * 4.1 CONTINUE SHOPPING
				*/
				#shopping-cart-popup #ajaxCartPopupContinueShopping {
					float: left;	
				}
				
					#shopping-cart-popup #ajaxCartPopupContinueShopping a {
						border-color: #989898;
						color: #989898;
						padding-left: 42px;
					}

					#shopping-cart-popup #ajaxCartPopupContinueShopping a:hover {
						border-color: #747373;
						color: #747373;		
					}
						
						/* arrow < */
						#shopping-cart-popup #ajaxCartPopupContinueShopping a:before {
							color: #989898;
							content: "\f053";
							left: 19px;
						}
				

				/*
				 * 4.2 GO TO CHECKOUT
				*/
				#shopping-cart-popup #ajaxCartPopupCheckout {
					float: right;
				}

					#shopping-cart-popup #ajaxCartPopupCheckout a {
						border-color: #444;
						color: #444;
						padding-right: 45px;
					}

					#shopping-cart-popup #ajaxCartPopupCheckout a:hover {
						border-color: #000;
						color: #000;
					}
						
						/* arrow > */	
						#shopping-cart-popup #ajaxCartPopupCheckout a:before {
							color: #333;
							content: "\f054";
							right: 19px;
						}

			/* 
			 * 	5. RESPONSIVE
			*/
			@media only screen and (max-width: 767px) {

				#shopping-cart-popup {
					padding: 21px;
				}

				/* header */
				#shopping-cart-popup .ajaxCartPopupHeader {
					font-size: 30px;
					margin-bottom: 24px;
				}
				
				/* cart */
				#shopping-cart-popup .ajaxCartPopupItem + .ajaxCartPopupItem {
					margin-top: 24px;
				}
				
					/* product name */
					#shopping-cart-popup .ajaxCartPopupProductsName {
						font-size: 14px;
					}
					
					/* price */
					#shopping-cart-popup .product-price-final {
						  position: static;
						  display: block;
						  font-size: 14px;
						  margin: -7px 0 14px;
					}

					/* subtotal */
					#shopping-cart-popup #subTotal > span {
						display: block;
						overflow: hidden;
					}

					#shopping-cart-popup #subTotal > span:first-child {
						margin-bottom: 12px;
					}

					#shopping-cart-popup #subTotal .ajaxCartPopupSubtotal {
						float: none;
					}

						#shopping-cart-popup #subTotal .ajaxCartPopupSubtotal span {
							float: right;
						}

					#shopping-cart-popup #subTotal > span:last-child {
						margin-top: 13px;
					}

			}

			@media only screen and (max-width: 567px) {

				/* product name */
				#shopping-cart-popup .ajaxCartPopupProductsName {
					line-height: 1.3;
				}
				
				/* buttons */
				#shopping-cart-popup #ajaxCartPopupContinueShopping,
				#shopping-cart-popup #ajaxCartPopupCheckout {
					display: block;
				}

				#shopping-cart-popup .ajaxCartPopupOptions span + span {
					margin-left: 0;
					margin-top: 15px;
				}

				#shopping-cart-popup .ajaxCartPopupOptions a {
					display: block;
				}

			}

			@media only screen and (max-width: 479px) {
				
				/* header */
				#shopping-cart-popup .ajaxCartPopupHeader {
					font-size: 24px;
				}
				
				/* subtotal */
				#shopping-cart-popup #subTotal > span:first-child,
				#shopping-cart-popup #subTotal > span:last-child {
					display: none;
				}

				/* options */
				#shopping-cart-popup .ajaxCartPopupOptions a,
				#shopping-cart-popup #ajaxCartPopupContinueShopping a,
				#shopping-cart-popup #ajaxCartPopupCheckout a {
					font-size: 16px;
					padding-left: 15px;
					padding-right: 15px;
				}

				#shopping-cart-popup .ajaxCartPopupOptions a:before {
					display: none;
				}

			}

			@media only screen and (max-width: 380px) {

				/* header */
				#shopping-cart-popup .ajaxCartPopupHeader {
					font-size: 21px;
				}

				/* image */
				#shopping-cart-popup .col-left img {
					max-width: 36px;
				}
			}

			/*
		     * 	6. CLEAN STUFF FOR FANCYBOX
			*/
			.fancybox-inner {
				overflow-x: hidden !important;
			}

			.fancybox-opened {
				z-index: 100;
			}

			.fancybox-overlay {
				z-index: 99
			}