/* =======================================================

   Laure Belle template for Alek Shop
   (c) 2016

   ======================================================= */

/* VARIOUS */

.alek_shop_header {	/* Paragraph header */
	font-size: 30px;
	font-weight: normal;
	color: #C288BB;
}
.alek_shop_header a {	/* Link in paragraph header */
	color: #C288BB;
}

.alek_shop_filler {	/* Filler box in case of missing product/collection image */
	font-size: 30px;
	color: white;
	background: #C288BB;
}
.alek_shop_filler:hover {	/* Mouse over */
	color: #C288BB;
	background: white;
	border: 1px solid #C288BB;
}
.alek_shop_filler .txt {
	padding: 4px;
}

.alek_shop_tag {	/* Text tag over product/collection image */
	background: #57CD71;
	border-radius: 4px;

	font-size: 16px;
	font-weight: bold;
	color: white;
}
.alek_shop_tag.warning {	/* Warning tag */
	background: #ED2124;
}

#alek_shop_cart_button {	/* Button that links to the shopping cart */
	left: 80%;
	top: 20px;

	border: 8px solid white;
	border-radius: 8px;
	background: white;

	font-size: 16px;
	color: black;
}
#alek_shop_cart_button:hover {	/* Mouse over */
	border-color: #E1F2FD;
	background: #E1F2FD;
}
#alek_shop_cart_button #number_of_items_in_cart {	/* Number of items in the shopping cart */
	background: red;
	color: white;
}



/* FORM STUFF */

input[type=text].alek_shop_form, input[type=password].alek_shop_form, textarea.alek_shop_form, select.alek_shop_form {	/* Text fields, text areas and selectors */
	border: 1px solid #C9C9C9;
	padding: 4px;
	margin: 2px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);

	font-size: 13px;
	background: white;
}
select.alek_shop_form {	/* Selector */
	font-size: 12px;
}
input[type=text].alek_shop_form:focus, input[type=password].alek_shop_form:focus, textarea.alek_shop_form:focus, select.alek_shop_form:focus {	/* Active */ 
	border-color: #DDDDDD;
}

.alek_shop_option {	/* Item in list of options */
	padding: 6px;
}

.alek_shop_required {	/* Style for 'required' text behind input fields */
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: red;
}

button.alek_shop_button {	/* Shop-related button */
	border: 0;
	border-radius: 8px;

	font-size: 18px;
	font-weight: bold;
	color: white;

	background-color: #ED8802;
}
button.alek_shop_button:hover {	/* Mouse over */
	background-color: #E33621;
}

button.alek_shop_button.minor {	/* Less prominent version of button */
	font-size: 16px;
	font-weight: bold;
	color: white;

	background-color: #888;
}
button.alek_shop_button.minor:hover {	/* Mouse over */
	background-color: #555;
}



/* SHOWROOM */

.alek_shop_showroom {	/* The showroom holder */
	width: 85%;
	min-width: 750px;
}

.alek_shop_showroom .alek_shop_tag {
	left: -10px;
	top: -10px;
}

.alek_shop_showroom .alek_shop_info {
}



/* COLLECTION LISTING */

.alek_shop_collection_description {
	padding-bottom: 20px;

	font-size: 14px;
}

.alek_shop_showroom .alek_shop_collection .alek_shop_thumb {	/* Collection thumbnail */
	width: 280px;
	height: 120px;
}

.alek_shop_showroom .alek_shop_collection .alek_shop_thumb .alek_shop_filler {	/* Filler box in case of missing product/collection image */
	width: 100%;
	height: 100%;
}

.alek_shop_showroom .alek_shop_collection .alek_shop_collection_title {	/* Collection title */
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
}



/* PRODUCT LISTING */

.alek_shop_showroom .alek_shop_product {
	width: 180px;

	margin-right: 20px;
	padding-bottom: 20px;
}

.alek_shop_showroom .alek_shop_product .alek_shop_thumb {	/* Product thumbnail */
	width: 180px;
	height: 240px;
	border: 0;
}
.alek_shop_showroom .alek_shop_product .alek_shop_thumb:hover {	/* Product thumbnail - mouse over */
}

.alek_shop_showroom .alek_shop_product .alek_shop_product_title {	/* Product title */
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
}



/* PRODUCT SINGLE */

.alek_shop_product_single {
}

.alek_shop_product_single .alek_shop_tag {
	margin-right: 30px;
}

.alek_shop_product_single .alek_shop_image {	/* Image viewing window */
	margin-right: 10px;
}

.alek_shop_product_single .alek_shop_thumbs {	/* Thumbnail set */
	margin-right: 10px;
}
.alek_shop_product_single .alek_shop_thumbs .alek_shop_thumb {	/* Thumbnail container */
	width: 120px;
	height: 180px;
	background-size: cover;
	border: 2px solid transparent;
}
.alek_shop_product_single .alek_shop_thumbs .alek_shop_thumb:hover {	/* Mouse over */
	border: 2px solid #32A5DF;
}
.alek_shop_product_single .alek_shop_thumbs .alek_shop_thumb.selected {	/* Active */
	border: 2px solid #32A5DF;
}

.alek_shop_product_single .alek_shop_product_info {	/* Product info box */
	max-width: 400px;
}
.alek_shop_product_single .alek_shop_product_title {	/* Product title */
	padding-bottom: 20px;

	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
}
.alek_shop_product_single #alek_shop_product_variant {	/* Product variant selector */
	margin-right: 10px;
}
.alek_shop_product_single .alek_shop_price {	/* Product price */
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
}



/* CART */

#alek_shop_cart_holder {
}

#alek_shop_cart_holder.wide {
	width: 450px;
}

#alek_shop_cart .alek_shop_row {	/* Row of cart contents */
	width: 450px;
	height: 170px;

	margin-bottom: 10px;
}
#alek_shop_cart .alek_shop_row .alek_shop_thumb {
	margin-right: 20px;
}
#alek_shop_cart .alek_shop_row .alek_shop_thumb img {	/* Thumbnail */
	max-height: 140px;
}
#alek_shop_cart .alek_shop_row .alek_shop_product_title {	/* Product title */
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
}

#alek_shop_summary {	/* Summary box */
	width: 200px;

	border: 1px dotted #999;
	padding: 8px;

	background: white;
}
#alek_shop_summary .alek_shop_totals {
	border-bottom: 1px solid #777;
	padding-top: 4px;
	padding-bottom: 4px;
}
#alek_shop_summary .alek_shop_grand_total {
	padding-top: 4px;
	padding-bottom: 8px;
	font-size: 20px;
}



/* POPUP */

#alek_shop_popup {	/* Popup box */
	height: 140px;
	padding: 10px;

	border: 8px solid #32A5DF;
	border-radius: 8px;
	box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.5);

	font-size: 18px;
	background: white;
}
#alek_shop_popup.tall {	/* Taller version */
	height: 300px;
}
#alek_shop_popup_message {
	padding: 10px;
}