/* GENERAL */
small {
	font-size: 80%;
}

/* PRODUCT */
.product-photo img {
	border-radius: 0.5rem;
	overflow: hidden;
}
.product-photo-nav {
	margin-top: 2rem;
}
.product-display h1 {
	margin-top: 2rem;
	font-size: 4rem;
	font-weight: 600;
	letter-spacing: -1px;
}
.product-display h1 span {
	display: block;
	font-size: 50%;
	font-weight: 400;
	color: #999;
	letter-spacing: 0;
}
.product-price {
	margin-top: 2rem;
	font-size: 2.4rem;
}
p {
	line-height: 1.5;
}
.pants-sizes,
.product-sizes,
.product-models {
	display: block;
	margin-top: 3rem;
}
.product-display select {
	display: block;
	margin-top: 0.5rem;
	padding: 1rem;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
}

.product-models {
	overflow: hidden;
}
.product-models .model {
	float: left;
	margin: 0.5rem 0.5rem 0 0;
	padding: 0.5rem;
	width: 10rem;
	cursor: pointer;
	border: 1px solid transparent;
	text-align: center;
	font-weight: 600;
	font-size: 1.4rem;
	text-transform: uppercase;
}
.product-models .model button {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 1rem;
	padding: 0.5rem;
	cursor: pointer;
	border: 1px solid #ddd;
	border-radius: 0.5rem;
	background: #fff;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 600;
}
.product-models li.selected {
	border-color: #fcc60e;
}
.product-models li img {
	width: 100%;
	margin-bottom: 0.25rem;
}
.product-display .product-quantity-wrapper {
	margin-top: 2rem;
	overflow: hidden;
}
.product-display .product-quantity-options {
	margin-top: 0.5rem;
}
.product-display .product-quantity-options li {
	float: left;
	margin: 0 0.2rem;
}
.product-display .product-quantity-options li a {
	display: block;
	margin-top: 0.2rem;
	color: #000;
}
.product-display .product-quantity-options li a i {
	font-size: 2.4rem;
}
.product-display .product-quantity-options li input {
	width: 4rem;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	font-size: 2rem;
	text-align: center;
}

.product-customize-wrapper {
	margin-top: 4rem;
}
.custom-wrapper {
	margin-top: 1rem;
}
.custom-wrapper h4 {
	padding: 1.5rem 2rem;
	cursor: pointer;
	background: #eee;
	border-radius: 0.5rem;
}
.custom-wrapper h4.active {
	background: #222;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	color: #fff;
}
.custom-content {
	display: none;
	margin-bottom: 2rem;
	padding: 2rem;
	border: 1px solid #222;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}
.custom-content > div {
	margin-bottom: 3rem;
}
.custom-content > div:last-child {
	margin-bottom: 0;
}
.custom-content > div label:first-child {
	font-weight: 600;
}
.custom-name input {
	display: block;
	margin-top: 1rem;
	padding: 0.75rem 1rem;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	font-size: 1.6rem;
}
.custom-color label,
.custom-font label,
.custom-placement label {
	margin-right: 1rem;
	cursor: pointer;
}
.custom-color label:first-child,
.custom-font label:first-child,
.custom-placement label:first-child {
	margin-bottom: 0.5rem;
	cursor: default;
	display: block;
	width: 100%;
}
.custom-preview-stage {
	margin-top: 1rem;
	padding: 2rem;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 2rem;
	font-family: sans-serif;
	color: #000;
}
.custom-preview-stage.black {
	color: #000 !important;
}
.custom-preview-stage.blue {
	color: #00f !important;
}
.custom-preview-stage.white {
	color: #fff !important;
}
.custom-preview-stage.block {
	font-family: sans-serif !important;
}
.custom-preview-stage.cursive {
	font-family: 'Leckerli One', cursive !important;
}
.name-1-input {
	text-transform: uppercase;
}

.custom-wrapper.logo .logos-wrapper {
	max-height: 40rem;
	overflow-y: auto;
}
.logo-viewer {
	margin-bottom: 1rem !important;
}
.logo-viewer img {
	width: 100%;
}
.logo-filter-holder {
	margin-bottom: 1rem !important;
}
.logo-filter {
	display: block;
	padding: 1rem 1.5rem;
	width: 100%;
	border: 1px solid #ccc;
}
.logo-note {
	font-size: 80%;
}
.logos-list {
	overflow: hidden;
}
.logos-list li {
	float: left;
	width: 20%;
}
.logo-card {
	border: 0.5rem solid #fff;
	cursor: pointer;
	line-height: 0;
}
.logo-card.selected {
	border-color: #fcc60e;
}
.logo-card img {
	width: 100%;
}

.product-special-instructions-wrapper {
	margin-top: 4rem;
}
.product-special-instructions-wrapper textarea {
	padding: 1rem;
	width: 100%;
	font-family: 'Poppins', sans-serif;
	font-size: 1.6rem;
	resize: none;
	outline: none;
}

.btn-add-to-cart,
.btn-update-cart,
.btn-remove-from-cart {
	display: block;
	margin-top: 5rem;
	padding: 1.5rem;
	background: #222;
	border-radius: 0.5rem;
	font-weight: 600;
	color: #ddd;
	text-align: center;
}
.btn-remove-from-cart {
	margin-top: 1rem;
	background: #fff;
	border: 1px solid #222;
	color: #222;
	opacity: 0.5;
}
.btn-view-cart {
	display: inline-block;
	margin-top: 5rem;
	padding: 1.5rem;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	color: #222;
}
@media screen and (min-width:769px) {
	.product-models li:hover {
		opacity: 0.5;
	}
}