// Variables & Mixins
@import "../../../../themes/everse/assets/sass/base/_variables";
@import "../../../../themes/everse/assets/sass/base/_mixins.scss";

/*-------------------------------------------------------*/
/* Tours
/*-------------------------------------------------------*/
.tour {
	&__entry {
		box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
		border-radius: 5px;
		overflow: hidden;
	}

	&__img-holder {
		border-radius: 0;
	}

	&__body {
		padding: 32px;
	}

	&__title {
		font-size: 1.5rem;
	}

	&__categories {
		font-size: 0.875rem;
	}

	&__category {
		display: inline-block;
		color: $text-color;
		margin-right: 4px;

		&::after {
			content: ", ";
			display: inline-block;
		}

		&:last-child::after {
			display: none;
		}
	}

	&__footer {
		display: flex;
		justify-content: space-between;
		margin-top: 24px;
	}

	&__price {
		font-weight: 700;
		color: $heading-color;
	}

	&__rating {
		display: flex;
		align-items: center;

		&-star {
			margin-top: -3px;
			width: 15px;
			height: 15px;
			margin-right: 5px;
			fill: $primary-color;
		}

		&-text {
			font-weight: 700;
			color: $heading-color;
		}
	}
}