@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");

@mixin for-phone-only {
	@media (max-width: 576px) {
		@content;
	}
}
@mixin for-tablet {
	@media (min-width: 768px) {
		@content;
	}
}
@mixin for-desktop {
	@media (min-width: 992px) {
		@content;
	}
}
@mixin for-large-desktop {
	@media (min-width: 1200px) {
		@content;
	}
}


body {
	background: #f9f9f9;
	font-family: "roboto", sans-serif;
}

.main-content {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-striked{
	text-decoration: line-through;
}

.shadow {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
}

.hotel-card{
	.hotel-card_images{
		flex:2;
		.carousel-item{
			img{
				height:250px;
				object-fit: cover;
				@include for-desktop{
					height:100%;
				}
			}
		}
	}
	.hotel-card_info{
		flex:3;
	}
	.amnities{
		img{
			max-height:20px;
		}
	}
	.hotel-checklist{
		list-style-type: none;
	}
}

.carousel{
	.carousel-control-prev{
		background:linear-gradient(to right, #333333bb, #33333300);
	}
	.carousel-control-next{
		background:linear-gradient(to left, #333333bb, #33333300);
	}
}