﻿#products-container {
	flex: 1 1 auto;
}

	#products-container #products-not-found, #services-not-found {
		text-align: center;
		font-size: 23px;
	}

	#products-container .products-container {
		font-size: 20px;
		font-weight: bold;
		margin: 5px 60px;
	}

		#products-container .products-container .products {
			padding-top: 20px;
			display: grid;
			grid-column-gap: 44px;
			grid-row-gap: 20px;
			grid-template-columns: repeat(auto-fill, 262px);
		}

			#products-container .products-container .products .product-card {
				border: 1px solid #4c4c4c;
				width: 260px;
				overflow: hidden;
				cursor: pointer;
				min-height: 346px;
				position: relative;
			}

				#products-container .products-container .products .product-card .product-card-booking-hover {
					position: absolute;
					height: 100%;
					width: 100%;
					/*background-color: #000000e6;*/
					z-index: 55;
					display: none;
				}

					#products-container .products-container .products .product-card .product-card-booking-hover:hover {
						background-color: #000000e6;
						-webkit-transition: background-color 350ms linear;
						-ms-transition: background-color 350ms linear;
						transition: background-color 350ms linear;
					}

					#products-container .products-container .products .product-card .product-card-booking-hover .product-card-booking-hover-container {
						padding: 0 35px;
						height: 100%;
						display: flex;
						flex: 1 1 auto;
						flex-direction: column;
					}

						#products-container .products-container .products .product-card
						.product-card-booking-hover .product-card-booking-hover-container .product-card-booking-hover-title {
							margin-top: 30px;
						}

						#products-container .products-container .products .product-card
						.product-card-booking-hover .product-card-booking-hover-container a {
							display: flex;
							margin-top: auto;
						}

						#products-container .products-container .products .product-card
						.product-card-booking-hover .product-card-booking-hover-container .product-card-booking-hover-button {
							border: 1px solid white;
							padding: 10px 20px;
							background-color: transparent;
							color: white;
							margin-bottom: 45px;
							text-align: center;
							width: 100%;
						}

							#products-container .products-container .products .product-card
							.product-card-booking-hover .product-card-booking-hover-container .product-card-booking-hover-button:hover {
								color: black;
								background-color: white;
							}

.product-card-info-container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#products-container .products-container .products .product-card .product-card-main-info-container {
	padding: 10px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

#products-container .products-container .products .product-card .product-card-image {
	height: 235px;
	margin: 0 0 15px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

	#products-container .products-container .products .product-card .product-card-image img {
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 100%;
	}

#products-container .products-container .products .product-card .product-card-info {
	word-break: break-word;
	white-space: pre-wrap;
	font-size: 14px;
	font-weight: bold;
}

#products-container .products-container .products .product-card .product-card-name {
	margin-top: 12px;
	font-size: 16px;
}

#products-container .products-container .products .product-card .product-card-price {
	font-size: 16px;
	font-weight: 100;
	padding-top: 10px;
	margin-top: auto;
}

#products-container .products-container .products .product-card .product-card-label-container {
	position: relative;
	height: 0;
	width: 100%;
	display: flex;
}

#products-container .products-container .products .product-card .product-card-places-container {
	justify-content: flex-end;
}

#products-container .products-container .products .product-card .product-card-dates-container {
	justify-content: flex-start;
}

#products-container .products-container .products .product-card .product-card-label-container .product-card-label {
	position: absolute;
	border: 1px solid #4c4c4c;
	padding: 5px;
	background-color: #ffffff;
	color: black;
	font-size: 14px;
	top: 20px;
	border-right: 0;
	right: 0px;
	font-weight: bold;
	width: 85px;
	text-align: center;
}

#products-container .products-header {
	display: flex;
	border-bottom: 1px solid;
	padding-bottom: 10px;
}

#products-container #events-container {
	margin-bottom: 20px;
}

#products-container #services-container #services-date-container {
	display: flex;
	justify-content: end;
	align-items: center;
	margin-left: auto;
}

	#products-container #services-container #services-date-container #services-date {
		background: transparent;
		border: 0;
		appearance: none;
		outline: 0;
		color: white;
		font-size: 21px;
		cursor: pointer;
	}

	#products-container #services-container #services-date-container svg {
		cursor: pointer;
	}
