@charset "UTF-8";

/* Title
============================================================================= */
#title span.product-title {
	font-family: 'Stella Starlight', Serif;
	font-size: 3.6em;
	font-weight: 900;
	color: #7437b8;
	line-height: 1.0;
}

#title span.product-subtitle {
	font-size: 1.8em;
	font-weight: 400;
	color: #cd2257;
	line-height: 1.0;
}

#title .product-title-margin {
	/*margin-top: -0.8rem;*/
	padding-top: 1.0rem;
}

#title .product-subtitle-margin {
	/*margin-top: -0.8rem;*/
	margin-top: 0.5rem;
}

#title span.category-title {
	font-family: 'Stella Starlight', Serif;
	font-size: 3.6em;
	font-weight: 900;
	color: #7437b8;	
}

/* Buy Button
============================================================================= */
#summary img.img-buybutton {
	opacity: 1.0;
	height: 2.75vh;
}

#summary img.img-buybutton:hover {
	opacity: 0.8;
}


/* Summary
============================================================================= */
#summary h3 {
	font-size: 1.1em;
	font-weight: 600;
	color: #444444;
	/*line-height: 0.4rem;*/
	margin-bottom: 0;
}

#summary p {
	margin-bottom: 0.4rem;
}

#summary img.img-full-width {
	width: 100%;
}

#summary hr {
	border: none;
	border-bottom-style: dotted;
	border-bottom-color: #f6538a;
	border-bottom-width: 0.4vh;
	opacity: 0.5;
}


/* Gallery
============================================================================= */
#summary img.img-gallery {
	opacity: 1.0;
	cursor: pointer;
	border: 2px solid #ffffff;
}

#summary img.img-gallery:hover {
	opacity: 0.8;
}


/* Category
============================================================================= */
#category .anchor-box {
	background-color: rgba(0, 0, 0, 0.02);
}

#category .anchor-box a:link {
	text-decoration: none;
}

#category .anchor-box:hover {
	background-color: rgba(0, 0, 0, 0.05);

}

#category .category-box {
	height: 100%;
}

#category .category-box-margin-top {
	margin-top: 0.2rem;
}

#category .category-title-box {
	padding-top: 0.5rem;
	padding-left: 1rem;	
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 0.8rem;
	font-weight: 800;
	color: rgba(0, 0, 0, 0.5);
}

#category .category-arrow-box {
	padding-top: 0.25rem;
}

#category .category-box-active {
	background-color: rgba(0, 0, 0, 0.02);
	height: 100%;
}

#category .category-title-box-active {
	padding-top: 0.5rem;
	padding-left: 1rem;	
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 0.8rem;
	font-weight: 800;
	color: #7437b8;
}

#category .category-arrow-box-active {
	padding-top: 0.25rem;
}


/* Category - Products
============================================================================= */
#category .category-product-badge-style {
	position: absolute;
	top: 0rem;
	left: 0;
	width: 70%;
}

#category .category-product-box {
	background-color: rgba(246, 83, 138, 0.05);
}

#category .category-product-box a:link {
	text-decoration: none;
}

#category .category-product-box:hover {
	background-color: rgba(246, 83, 138, 0.1);	
}

#category .category-product-title-box {
	margin-top: 0rem;
	padding-top: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 0.5rem;
}

#category p {
	margin: 0;
	padding: 0;
}

#category .category-product-title {
	font-size: 0.9rem;
	font-weight: 800;
	color: #7437b8;
}

#category .category-product-subtitle {
	font-size: 0.8rem;
	font-weight: 700;
	color: #cd2257;
}