.eli_filter {
  max-width: 1000px;
}

.eli_filter-inner {
  display: flex;
  flex-flow: row wrap;
}

.eli_date-filter {
  display: flex;
  flex-flow: row wrap;
  flex: 0 0 100%;
  width: 100%;
  margin-bottom: 15px;
}

.eli_date-filter .eli_date-filter-from-to {
  display: flex;
  flex-flow: row wrap;
}

.eli_date-filter .eli_date-filter-from-to .eli_date-filter-from-wrapper,
.eli_date-filter .eli_date-filter-from-to .eli_date-filter-to-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 7px;
  font-size: 13px;
  color: #939393;
  margin-right: 15px;
}

.eli_date-filter .eli_date-filter-from-to .eli_date-filter-from-wrapper img,
.eli_date-filter .eli_date-filter-from-to .eli_date-filter-to-wrapper img {
  height: 24px !important;
  width: auto;
  margin: 9px 12px;
}

.eli_date-filter .eli_date-filter-from-to .eli_date-filter-from-wrapper input,
.eli_date-filter .eli_date-filter-from-to .eli_date-filter-to-wrapper input {
  border: none;
  border-radius: 7px;
  background-color: transparent;
  padding: 9px 12px;
  width: 100px;
  font-family: "FreightSans Pro", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
}

.eli_date-filter .eli_date-util {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 7px;
}

.eli_date-filter .eli_date-util a {
  display: inline-block;
  flex: 1 0 auto;
  text-decoration: none !important;
  box-shadow: none !important;
  color: #939393;
  line-height: 42px;
  text-align: center;
  padding-left: 9px;
  padding-right: 9px;
  font-family: "FreightSans Pro", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: normal !important;
}

.eli_date-filter .eli_date-util a#choice-today, .eli_date-filter .eli_date-util a#choice-tomorrow {
  border-right: 1px solid #ccc;
}

.eli_select {
  height: 42px !important;
  background: transparent;
  padding: 9px 12px;
  color: #939393;
  width: 100%;
  font-family: "FreightSans Pro", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

/* Fix SELECT BOX */
/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
.eli_ctn_select {
  position: relative !important;
  padding: 0 !important;
}

/* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
.eli_ctn_select select {
  /* Remove select styling */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  text-indent: 0.01px !important;
  text-overflow: '' !important;
}

.eli_ctn_select select:focus {
  outline: none !important;
}

.eli_ctn_select select::-ms-expand {
  display: none !important;
}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */
.eli_ctn_select span.eli_hide_select {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  background-color: transparent !important;
  width: 30px !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
}

.eli_ctn_select span.eli_hide_select::after {
  content: "" !important;
  position: absolute !important;
  width: 14px !important;
  height: 8px !important;
  top: 55% !important;
  right: 60% !important;
  transform: translate(50%, -50%);
  background-image: url("../img/eli-select.png") !important;
  background-repeat: no-repeat !important;
  background-size: 12px !important;
  z-index: 2 !important;
  /* This hack make the select behind the arrow clickable in some browsers */
  pointer-events: none !important;
}

@-moz-document url-prefix() {
  .eli_ctn_select select {
    overflow: hidden !important;
    /* optional */
    width: 120% !important;
  }
  .eli_ctn_select span.eli_hide_select {
    width: 20px !important;
  }
}

.eli_ctn_select {
  flex: 0 0 30%;
}

.eli_category-filter,
.eli_location-filter {
  margin-right: 15px;
}

.goldstar-frontend[filter-width="xs"] .eli_date-filter-from-wrapper {
  margin-bottom: 15px;
}

.goldstar-frontend[filter-width="xs"] .eli_date-filter-from-to,
.goldstar-frontend[filter-width="xs"] .eli_date-util,
.goldstar-frontend[filter-width="xs"] .eli_ctn_select,
.goldstar-frontend[filter-width="sm"] .eli_date-filter-from-to,
.goldstar-frontend[filter-width="sm"] .eli_date-util,
.goldstar-frontend[filter-width="sm"] .eli_ctn_select {
  flex: 0 0 100%;
}

.goldstar-frontend[filter-width="xs"] .eli_date-filter-from-to,
.goldstar-frontend[filter-width="xs"] .eli_ctn_select,
.goldstar-frontend[filter-width="sm"] .eli_date-filter-from-to,
.goldstar-frontend[filter-width="sm"] .eli_ctn_select {
  margin-bottom: 15px;
}

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

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

.goldstar-frontend.col-2 .eli_row {
  flex: 0 0 48%;
  width: 48%;
}

.goldstar-frontend .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: #444444;
  font-size: 14px;
}

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

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

.goldstar-frontend .eli_information {
  padding: 0 20px;
}

.goldstar-frontend .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;
}

.goldstar-frontend .eli_title a {
  font-weight: bold !important;
  color: #444444 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

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

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

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

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

.goldstar-frontend .eli_categories 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: #1499AE;
  list-style-type: none !important;
}

.goldstar-frontend .eli_categories li:before {
  content: none !important;
}

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

.goldstar-frontend .eli_summary p {
  line-height: 1.3 !important;
}

.goldstar-frontend .eli_summary a {
  color: #1499AE;
  text-decoration: none;
}

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

.goldstar-frontend .eli_footer .eli_price-container {
  flex: 0 0 40%;
}

.goldstar-frontend .eli_footer .eli_price-container .eli_our-price {
  font-size: 20px;
  font-weight: bold;
  color: #5E3ED0;
}

.goldstar-frontend .eli_footer .eli_price-container .eli_full-price {
  font-size: 16px;
  color: #BDBDBD;
}

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

.goldstar-frontend .eli_button-container .eli_button {
  display: inline-block;
  background-color: #FEC200;
  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;
}

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

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

.eli_pagination ul li:before {
  content: none !important;
}

.eli_pagination ul li a {
  color: #1499AE !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.eli_pagination ul li a.page-link {
  color: #444444 !important;
}

.eli_pagination ul li a,
.eli_pagination ul li span {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 80px;
}

.eli_pagination ul li a.prev, .eli_pagination ul li a.next,
.eli_pagination ul li span.prev,
.eli_pagination ul li span.next {
  width: auto !important;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
  color: #1499AE;
}

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

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

.eli_pagination ul li.active .current {
  background-color: #1499AE;
  color: #fff;
}

.eli_pagination ul li.active .current.next, .eli_pagination ul li.active .current.prev {
  background-color: transparent;
  color: #bdbdbd;
}

.eli_pagination ul li.active .current.prev {
  background-image: url(../img/icon-angle-left.svg);
}

.eli_pagination ul li.active .current.next {
  background-image: url(../img/icon-angle-right.svg);
}

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

.goldstar-frontend.col-1[data-width='xs'] .eli_button-container {
  margin-top: 15px;
  text-align: center;
}

.goldstar-frontend.col-1[data-width='xs'] .eli_our-price {
  font-size: 18px;
}

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

.goldstar-frontend.col-1[data-width='sm'] .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;
}

.goldstar-frontend.col-2[data-width='md'] .eli_address,
.goldstar-frontend.col-2[data-width='md'] .eli_offer-date {
  font-size: 13px;
}

.goldstar-frontend.col-2[data-width='md'] .eli_footer {
  padding: 0 13px 13px 13px;
}

.goldstar-frontend.col-2[data-width='md'] .eli_our-price {
  font-size: 16px;
}

.goldstar-frontend.col-2[data-width='md'].style-3 .eli_button {
  font-size: 14px !important;
  padding: 0;
}

.goldstar-frontend.col-2[data-width='xs'] .eli_row, .goldstar-frontend.col-2[data-width='sm'] .eli_row {
  flex: 0 0 100%;
  width: 100%;
}

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

.goldstar-frontend.col-2[data-width='xs'] .eli_our-price, .goldstar-frontend.col-2[data-width='sm'] .eli_our-price {
  font-size: 18px;
}

.goldstar-frontend.col-2[data-width='xs'].style-3 .eli_button, .goldstar-frontend.col-2[data-width='sm'].style-3 .eli_button {
  font-size: 14px !important;
  padding: 0;
}

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

.goldstar-frontend.col-2[data-width='xs'] .eli_button-container {
  margin-top: 15px;
  text-align: center;
}

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

.goldstar-frontend.style-2 .eli_address {
  margin: 0;
  padding-left: 0;
  background: none;
}

.goldstar-frontend.style-2 .eli_information {
  margin-bottom: 15px;
}

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

.goldstar-frontend.style-3 .eli_address {
  margin: 0;
  padding-left: 0;
  background: none;
}

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

.goldstar-frontend.style-3 .eli_button-container {
  flex: 0 0 60%;
  text-align: right;
  font-size: 14px;
}

.goldstar-frontend.style-3 .eli_button-container .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: #1499AE;
  padding: 0;
  border-radius: 0;
}

.goldstar-frontend.style-3 .eli_footer {
  align-items: center;
}

.goldstar-frontend {
  font-family: "FreightSans Pro", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.goldstar-frontend h1,
.goldstar-frontend h2,
.goldstar-frontend h3,
.goldstar-frontend h4,
.goldstar-frontend h5,
.goldstar-frontend h6,
.goldstar-frontend p {
  font-family: "FreightSans Pro", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.goldstar-frontend input,
.goldstar-frontend select {
  box-shadow: none !important;
}

.eli_powered-by {
  color: #FEC200;
  font-size: 13px;
  padding-bottom: 10px;
}

.eli_powered-by:after {
  display: table;
  content: '';
  clear: both;
}

.eli_powered-by span {
  float: left;
  line-height: 17px;
  margin-right: 5px;
}

.eli_powered-by img {
  float: left;
  height: 17px;
}

.eli_hidden {
  display: none;
}