.goldstar-frontend {
	.eli_list {
		max-width: 482px;
	}

	&.col-2 {
		.eli_list {
			display: flex;
			flex-flow: row wrap;
			max-width: 1000px;
			justify-content: space-between;
		}

		.eli_row {
			flex: 0 0 48%;
			width: 48%;
		}
	}

	.eli_row {
		display: flex;
		flex-flow: column nowrap;
		box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.08);
		border-radius: 8px;
		margin: 15px 0;
		color: $black;
		font-size: 14px;
	}

	.eli_row-body {
		flex: 1 0 auto;
	}

	.eli_img {
		width: 100%;
		height: auto;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		vertical-align: middle !important;
		margin-bottom: 6px !important;
	}

	.eli_information {
		padding: 0 20px;
	}

	.eli_title {
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 20px !important;
		font-weight: bold !important;
		line-height: 24px !important;
		letter-spacing: 0 !important;
		text-transform: none !important;

		a {
			font-weight: bold !important;
			color: $black !important;
			text-decoration: none !important;
			box-shadow: none !important;
		}
	}

	.eli_address,
	.eli_offer-date {
		margin: 3px 0;
		padding-left: 24px;
		line-height: 22px !important;
	}

	.eli_address {
		background: url(../img/icon-place.svg) 1px center no-repeat;
	}

	.eli_offer-date {
		background: url(../img/icon-time.svg) left center no-repeat;
	}

	.eli_categories {
		margin: 5px 0 !important;
		padding: 0 !important;
		line-height: 22px !important;
		list-style-type: none !important;

		li {
			display: inline-block;
			border: 1px solid #d8d8d8;
			line-height: 18px;
			border-radius: 9px;
			margin: 0 !important;
			padding: 0 12px !important;
			font-size: 12px;
			color: $teal;
			list-style-type: none !important;

			&:before {
				content: none !important;
			}
		}
	}

	.eli_summary {
		margin-bottom: 20px;
		padding: 0 20px;

		p {
			line-height: 1.3 !important;
		}

		a {
			color: $teal;
			text-decoration: none;
		}
	}

	.eli_footer {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-end;
		flex: 0 0 70px;
		padding: 0 20px 20px 20px;

		.eli_price-container {
			flex: 0 0 40%;

			.eli_our-price {
				font-size: 20px;
				font-weight: bold;
				color: $purple;
			}

			.eli_full-price {
				font-size: 16px;
				color: #BDBDBD;
			}
		}
	}

	.eli_button-container {
		flex: 0 0 60%;
		text-align: right;
		font-size: 14px;

		.eli_button {
			display: inline-block;
			background-color: $yellow;
			background-image: url(../img/logo-star.svg);
			background-repeat: no-repeat;
			background-position: 12px center;
			text-decoration: none;
			font-size: 14px !important;
			font-weight: bold;
			letter-spacing: 1px;
			text-transform: uppercase;
			color: #fff;
			padding: 10px 16px 10px 46px;
			border-radius: 4px;
			box-shadow: none !important;
		}
	}
}

.eli_pagination {
	margin-top: 40px;

	ul {
		text-align: center;
		margin: 0 !important;
		list-style-type: none !important;

		li {
			display: inline-block;
			list-style-type: none !important;
			font-weight: bold;
			margin-bottom: 0 !important;
			padding: 0 !important;
			text-indent: 0 !important;

			&:before {
				content: none !important;
			}

			a {
				color: $teal !important;
				text-decoration: none !important;
				box-shadow: none !important;

				&.page-link {
					color: $black !important;
				}
			}

			a,
			span {
				display: block;
				width: 40px;
				height: 40px;
				line-height: 40px;
				border-radius: 80px;

				&.prev,
				&.next {
					width: auto !important;
					padding-left: 15px;
					padding-right: 15px;
					text-transform: uppercase;
					color: $teal;
				}

				&.prev {
					padding-right: 40px;
					padding-left: 20px;
					background: url(../img/icon-angle-left-teal.svg) left center no-repeat;
					background-size: 10px;
				}

				&.next {
					padding-right: 20px;
					padding-left: 40px;
					background: url(../img/icon-angle-right-teal.svg) right center no-repeat;
					background-size: 10px;
				}
			}

			&.active {
				.current {
					background-color: $teal;
					color: #fff;

					&.next,
					&.prev {
						background-color: transparent;
						color: #bdbdbd;
					}

					&.prev {
						background-image: url(../img/icon-angle-left.svg);
					}

					&.next {
						background-image: url(../img/icon-angle-right.svg);
					}
				}
			}
		}
	}
}

/* Responsiveness */
.goldstar-frontend.col-1 {
	&[data-width='xs'] {
		.eli_price-container,
		.eli_button-container {
			flex: 0 0 100%;
			width: 100%;
		}

		.eli_button-container {
			margin-top: 15px;
			text-align: center;
		}

		.eli_our-price {
			font-size: 18px;
		}
	}

	&[data-width='sm'] {
		.eli_row .eli_button {
			font-size: 9px !important;
			padding: 10px 11px 10px 40px;
			background-position: 12px center;
		}

		.eli_our-price {
			font-size: 19px;
		}
	}
}

.goldstar-frontend.col-2 {
	&[data-width='md'] {
		.eli_row .eli_button {
			font-size: 9px !important;
			padding: 10px 11px 10px 40px;
			background-position: 12px center;
		}

		.eli_address,
		.eli_offer-date {
			font-size: 13px;
		}

		.eli_footer {
			padding: 0 13px 13px 13px;
		}

		.eli_our-price {
			font-size: 16px;
		}

		&.style-3 {
			.eli_button {
				font-size: 14px !important;
				padding: 0;
			}
		}
	}

	&[data-width='xs'],
	&[data-width='sm'] {
		.eli_row {
			flex: 0 0 100%;
			width: 100%;

			.eli_button {
				font-size: 9px !important;
				padding: 10px 11px 10px 40px;
				background-position: 12px center;
			}
		}

		.eli_our-price {
			font-size: 18px;
		}

		&.style-3 {
			.eli_button {
				font-size: 14px !important;
				padding: 0;
			}
		}
	}

	&[data-width='xs'] {
		.eli_price-container,
		.eli_button-container {
			flex: 0 0 100%;
			width: 100%;
		}

		.eli_button-container {
			margin-top: 15px;
			text-align: center;
		}
	}
}

/* Styles */
.goldstar-frontend.style-2 {
	.eli_title {
		margin-bottom: 0;
	}

	.eli_address {
		margin: 0;
		padding-left: 0;
		background: none;
	}

	.eli_information {
		margin-bottom: 15px;
	}
}

.goldstar-frontend.style-3 {
	.eli_title {
		margin-bottom: 0;
	}

	.eli_address {
		margin: 0;
		padding-left: 0;
		background: none;
	}

	.eli_information-inner {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #d8d8d8;
	}

	.eli_button-container {
		flex: 0 0 60%;
		text-align: right;
		font-size: 14px;

		.eli_button {
			display: inline-block;
			background: transparent none;
			text-decoration: none;
			font-size: 14px !important;
			font-weight: bold;
			letter-spacing: 0;
			text-transform: none;
			color: $teal;
			padding: 0;
			border-radius: 0;
		}
	}

	.eli_footer {
		align-items: center;
	}
}