﻿/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

/*** QUANTITY BOX & BUY BUTTON ***/
.ajax-cart-button-wrapper {display:inline-block; width:82%;}
.ajax-cart-button-wrapper input[type="text"], .ajax-cart-button-wrapper select {text-align:center; width:22%; height:48px; min-width:0;}
.ajax-cart-button-wrapper select {padding:3px;}
.ajax-cart-button-wrapper input[type="button"] {width:100% !important; padding:0 10px; color:#fff;}
.ajax-cart-button-wrapper input[type="text"] + input[type="button"], .ajax-cart-button-wrapper select ~ input[type="button"] {width:78% !important;}
.sevenspikes-ajaxcart .add-to-wishlist-button {width:16% !important;}

@media all and (min-width: 769px) {
	.page .product-list .ajax-cart-button-wrapper {display:inline-block; width:auto !important;}
	.page .product-list .ajax-cart-button-wrapper input[type="text"], .page .product-list .ajax-cart-button-wrapper select {width:48px;}
	.page .product-list .ajax-cart-button-wrapper input[type="button"] {width:auto !important;}
}

@media all and (min-width: 1025px) {
	.ajax-cart-button-wrapper { width: 80%; }
	.ajax-cart-button-wrapper input[type="text"], .ajax-cart-button-wrapper select { width: 30%; }
	.ajax-cart-button-wrapper input[type="text"] + input[type="button"], .ajax-cart-button-wrapper select ~ input[type="button"] { width: 70% !important; }
	.sevenspikes-ajaxcart .add-to-wishlist-button { width: 20% !important; }
}

@media all and (min-width: 1281px) {
	.ajax-cart-button-wrapper { width: 82%; }
	.ajax-cart-button-wrapper input[type="text"], .ajax-cart-button-wrapper select { width: 24%; }
	.ajax-cart-button-wrapper select { width: 24%; font-size: 16px; }
	.ajax-cart-button-wrapper input[type="text"] + input[type="button"], .ajax-cart-button-wrapper select ~ input[type="button"] { width: 76% !important; }
	.sevenspikes-ajaxcart .add-to-wishlist-button { width: 18% !important; }
}

/* LOADER & ERROR WINDOW */
.k-overlay { position: fixed; top: 0; left: 0; z-index: 1060; width: 100%; height: 100%; background-color: #000; opacity: 0.6; /*to be matched to theme overlay*/ }
.nopAjaxCartPanelAjaxBusy { position: fixed; top: 0; left: 0; z-index: 1070; width: 100% !important; height: 100% !important; background-color: rgba(255,255,255,0.5) }
.miniProductDetailsPanelAjaxBusy { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100% !important; height: auto; /*if fixed, loader will be always visible*/ background-color: rgba(255,255,255,0.5) }
.addProductToCartErrors ul, .addProductVariantToCartErrors ul {padding:20px;}

/* COMMON WINDOW STYLES */
.overview .ajax-cart-button-wrapper { width: auto; }
.overview .ajax-cart-button-wrapper .add-to-cart-button, .variant-overview .ajax-cart-button-wrapper .add-to-cart-button { padding: 0 28px 0 48px; }
.ajaxCart {position:absolute; left:50% !important; z-index:1070; width:480px !important; margin:0 0 0 -240px; border:1px solid rgba(0,0,0,0.1); box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1); background-color:#fff; padding:0 !important;}
.ajaxCart .k-window-titlebar {margin:0 !important; border-bottom:1px solid rgba(0,0,0,0.1); padding:15px 25px; font-weight:bold;}
.ajaxCart .k-window-titlebar .k-window-actions {position:absolute; top:0; right:0; z-index:2;}
.ajaxCart .k-window-titlebar .k-window-actions a {display:block; width:50px; height:50px; font-size:0;}
.ajaxCart .k-window-titlebar .k-window-actions a:before {display:block; font-family:openherd; content:"\e91a"; text-align:center; color:#222; font-size:24px; line-height:50px; font-weight:normal;}
.productAddedToCartWindowTitle, .miniProductDetailsView .product-name { position: absolute; top: 1px; left: 1px; padding: 15px 25px; font-size: 14px; font-weight: bold; color: #333;}
.productAddedToCartWindow:focus, .miniProductDetailsView:focus { outline: -webkit-focus-ring-color auto 0; }

@media all and (max-width:480px) {
	.ajaxCart {width:95% !important; margin:0 0 0 -47.5%;}
}

/* PRODUCT ADDED TO CART WINDOW */
.productAddedToCartWindowImage { float: left; width: 32%; padding: 20px 10px 20px 20px; }
.productAddedToCartWindowImage a { display: block; font-size: 0; }
.productAddedToCartWindowImage img { width: 100%; }
.productAddedToCartWindowDescription { float: right; width: 68%; padding: 20px 20px 20px 10px; }
.productAddedToCartWindowDescription h1 { margin: 0 0 10px; font-size: 14px; color: #333; }
.productAddedToCartWindowDescription .price {display:block; margin:0 0 10px; font-size:16px;}
.productAddedToCartWindowDescription .quantity {display:block; margin:0 0 10px;}
.productAddedToCartWindowSummary { clear: both; border-top: 1px solid rgba(0,0,0,0.1); padding: 15px 25px; text-align: center; }
.productAddedToCartWindowSummary a {display:inline-block; margin:0 10px; vertical-align:middle; font-size:13px; font-weight:bold;}
.productAddedToCartWindowSummary div {display:inline-block; margin:15px 10px 5px; vertical-align:middle;}
.productAddedToCartWindowSummary .button-1 {min-width:145px; border:none; padding:13px 25px; font-size:13px; font-weight:bold; color:#fff; outline:1px solid transparent; transition:all 0.2s ease;}

/* PRODUCT GRIDS IN AJAX CART */
.ajaxCart .product-grid { margin: 10px 0; }
.ajaxCart .product-grid .title { margin: 0; border: none; background-color: #f9f9f9; padding: 15px 25px; text-align: center; font-size: 14px; }
.ajaxCart .product-grid .item-box { margin: 0; }
.ajaxCart .item-box .product-item { border: none; padding: 10px; }
.ajaxCart .item-box .details .product-title { height: 35px; margin: 0 0 10px; font-size: 14px; font-weight: normal; }
.ajaxCart .item-box .product-rating-box, .ajaxCart .item-box .tax-shipping-info, .ajaxCart .item-box .description, .ajaxCart .item-box .old-price, .ajaxCart .item-box .buttons-upper, .ajaxCart .item-box .buttons-lower { display: none; /*only product-name and actual-price are visible, change if necessary*/ }
.ajaxCart .item-box .details .prices { margin: 0; }

/* PRODUCT DETAILS WINDOW */
.miniProductDetailsView .product-overview-line { border-top: 1px solid #e9e9e9; }
.miniProductDetailsView .product-overview-line:first-child { border: none; }
.miniProductDetailsView .product-essential, .miniProductDetailsView .product-collateral { margin: 0; border: none; padding: 0; }
.miniProductDetailsView .gallery { display: block; /*Cloud Zoom css override*/ float: left; width: 32%; padding: 20px 10px 20px 20px; }
.miniProductDetailsView .gallery .picture { width: auto; }
.miniProductDetailsView .gallery .picture:before { display: none; /*remove if you need an absolute position*/ }
.miniProductDetailsView .gallery .picture img { position: static; /*remove if you need an absolute position*/ width: 100%; }
.miniProductDetailsView .overview { float: right; width: 65%; padding: 20px 20px 20px 10px; }
.miniProductDetailsView .product-variant-name { margin: 0 0 10px; font-size: 14px; color: #333; }
.miniProductDetailsView .short-description { max-height: 80px; margin: 0 0 10px; overflow: hidden; }
.miniProductDetailsView .price-input { margin: 0 0 10px; /*customer entered price*/ }
.miniProductDetailsView .attributes { margin: 15px 0; }
.miniProductDetailsView .add-to-cart > *, .miniProductDetailsView .add-button-wrap { float: left; }
.miniProductDetailsView .giftcard { margin: 0; padding: 20px; }
.miniProductDetailsView .message-error { clear: both; margin: 10px 0 0; color: #f74258; }
.miniProductDetailsView .message-error li { margin: 0 0 10px; }
