@charset "UTF-8";
/* CSS Document */

.preview-lite-img-lnk {
	max-width: 341px;
	height: 211px;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	border-bottom-style: none;
}

.preview-lite-img-lnk:hover {
	border-bottom-style: none;
}

.preview-lite-img {
		max-width: 100%;
		max-height: 100%;
	}

.preview-lite-lnk {
	font-size: 83%;
	margin-top: 0.5rem;
	display: block;
	max-width: 341px;
	white-space: nowrap;
  	overflow: hidden;
	text-overflow: ellipsis;
}
.preview-search-lnk {
	font-size: 83%;
	display: block;
	max-width: 341px;
	white-space: nowrap;
	overflow: hidden;
	margin: 18px 0 9px 0;
	text-overflow: ellipsis;
}

.preview-lite-type {
	font-size: 88%;
	margin-top: 0.2rem;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
}

@media (max-width:320px) {
	.preview-lite-type {
		max-width: 100%;
		text-overflow: ellipsis;
		width: 310px;
	}
}

.preview-lite-size {
	font-size: 88%;
	margin-top: 0rem;
	display: inline-block;
}

.preview-lite-extsize-chkbx {
	display: none;
}

.preview-lite-extsize {
	display: none;
	font-size: 88%;
}

.preview-lite-extsize-chkbx:checked + .preview-lite-hasextrasize ~ .preview-lite-extsize  {
	display: block;
}

.preview-lite-price {
	font-family: calibri, sans-serif;
	font-weight: 700;
	font-size: 88%;
	margin: 0 0 7px 0;
}

.sample-lite-items {
	display: flex;
	grid-template-columns: 1fr 1fr 1fr;
	flex-wrap: wrap;
	margin: 0 0 0 -30px;
	justify-content: space-around;
}

.preview-lite {
	margin-top: 2rem;
	margin-bottom: 3rem;
	text-align: center;
}

.preview-lite-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: flex-start;
	margin: 2rem 0 0 30px;
}


.preview-lite-hasextrasize {
	border-bottom: 1px dashed rgba(111,111,111,0.4);
}

.preview-lite-hasextrasize:hover {
	cursor: pointer;
}


.show-all-items-box {
	margin-top: 2rem;
	display: grid;
	place-items:center;
}

.preview-lite-sets-box {
	margin-top: 1rem;
}

.preview-lite-set-lnk {
	
}

.preview-lite-set-amount {
	font-family:"segoe ui",sans-serif;
	font-size: 88%;
	padding-left: 10px;
	color: rgba(160,160,160,.9);
}

@media (min-width:768px) {
	.sample-lite-items {
  		grid-template-columns: 1fr 1fr;
	}
	
	.preview-lite {
		vertical-align: top;
		margin-right: 15px;
		margin-left: 15px;
		width: 385px;
		height: 361px;
		margin-top: 1rem;
		margin-bottom: 4rem;
	}

	.preview-lite-item {

	}
	

	.preview-lite-lnk {
		line-height: 160%;
		margin-top: 0.5rem;
		max-width: 385px;
	}
	
	.preview-lite-type {
		font-size: 100%;
		margin-top: 0.5rem;
		flex-grow: 1;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 385px;
	}
	
	.preview-lite-size {
		font-size: 100%;
	}
	
	.preview-lite-price {
		font-size: 100%;
	}
	
	
	.preview-lite-sets-box {
		display: grid;
		grid-template-columns: 50% 50%;
	}
}



@media (min-width:1280px) {
	
	.sample-lite-items {
		display: flex;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.preview-lite-item:last-child {
		margin-right: auto;
	}

	.preview-lite-img-lnk {
		max-width: 385px;
		height: 239px;
	}

}



.preview-lite-sete-row {
	margin-bottom: 1rem;
}

.preview-lite-sets-header {
	color: #765957;
	font-size: 120%;
	margin-top: 1rem;
}