// Products styles

// PRODUCT CATEGORY BUTTONS
#product-category-buttons {
	margin-top: 32px;
	margin-bottom: 32px;

	.btn {
		border: 2px solid $gray-200;
		color: $gray-500;
		margin: 5px 2px;
		padding: 10px 14px;
	}
}

// PRODUCT TILES
#product-category-list {

	hr {
		display: none;
	}
	.product-category-row {
		margin-bottom: 36px;
	}
}
.product-category-tile, .product-tile {
}
.product-category-tile {
	color: $white;
	margin-left: -15px;
	margin-right: -15px;
	overflow: hidden;
	padding: 72px 36px;
	text-align: center;

	&.standalone-product {

		img {
			padding-top: 48px;
			transform: scale(1.4);
			pointer-events: none;
			max-width: 100%; max-height: 100%;
		}
	}
}
.product-tile {
	border: 2px solid $gray-200;
	border-radius: 6px;
	margin-top: 24px;

	img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%; max-height: 300px;
	}
	.product-tile-info {
		padding: 24px;

		h2 {
			font-size: 20px;

			a {
				color: $red;
				text-decoration: none !important;
			}
		}
		p {
			text-align: justify;
		}
		> a {
			color: $red;
			text-decoration: underline;
		}
	}
}

// PRODUCT CATEGORY PAGE / PRODUCT LIST
#product-list {
	margin-top: 36px;

	.product-tile {
		margin-bottom: 36px;
	}
}

// SINGLE PRODUCT PAGE
#product-head {
	padding: 64px 25px;
	position: relative;

	> .row, > .row > .container {
		height: 100%;
	}
	h1 {
		color: $red;
		font-size: 28px;
		text-align: center;
	}
	img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	&:after {
		content: '';
		display: block;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
		position: absolute;
		bottom: 0; left: 0;
		width: 100%; height: 48px;
	}
}
#product-tabs {
	border-bottom: 3px solid $gray-400;
	width: auto;

	.nav-item {
		margin-bottom: 0;
		margin-top: 0;

		.nav-link {
			border: none;
			border-radius: 0;
			color: $gray-400;
			font-size: 14px;
			font-weight: $bold;
			text-transform: uppercase;
			transition: all ease 0.4s;
		}
	}
	.nav-item.show .nav-link, .nav-link.active {
		background-color: $gray-400;
		color: $white;
	}
	.nav-link:not(.active):focus, .nav-link:not(.active):hover {
		background-color: $gray-100;
		color: $red;
	}
}
#product-tabs-content {
	padding-top: 48px;

	.tab-pane {
		width: 100%;
	}
	strong {
		color: $red;
	}
	h4 {
		font-size: 20px;

		+ p {
			margin-top: 32px;
		}
	}
	#description h4 {
		text-align: center;
	}
}
#product-disclaimer {
	border-top: 1px solid $gray-200;
	margin-top: 32px;
	padding-top: 32px;

	h4 {
		font-size: 16px;
	}
	p {
		color: $grayBlue;
		font-size: 12px;
		font-style: italic;
	}
}