/* HEADER PICTURE */
.pimg {
  background-size: cover;
  background-position-y: 80%;
  height: 400px;
}

.pimg-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 400px;
}

.pimg h1 {
  color: var(--primary-color-light);
}

/* DISCOUNTS */
.discount-card {
  box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25);
  min-height: 450px;
  background-size: auto 100%;
  background-position: left;
  background-repeat: no-repeat;
  border: none 1px var(--primary-color-dark);
  background-color: var(--primary-color-light);
}

.color-circle {
  border: 2px solid var(--primary-text-color);
}

.white-circle {
  border: 2px solid var(--primary-color-light);
}

.header {
  border: none;
  background-color: var(--primary-color-dark);
  transition: 0.3s ease-in-out;
  color: var(--primary-color-light);
  border-top-left-radius: 0.25rem;
  border-start-end-radius: 0.25rem;
  border-bottom-left-radius: 0;
  border-end-end-radius: 0;
}

/* MAIN SECTION */
.bar {
  width: 100%;
  height: 1px;
  background: var(--primary-color-dark);
}

.header-line h2 {
  padding: 0 0.8rem;
  margin: 0;
  font-size: 30px;
}

#prices h5 {
  text-align: start;
  color: black;
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: break-word;
  text-decoration: underline;
  text-decoration-thickness: double;
  text-decoration-color: var(--primary-text-color);
}

#prices h6 {
  font-size: 1.25rem;
  color: black;
  width: max-content;
  font-weight: bold;
}

#prices h6:hover {
  color: var(--primary-text-color);
  width: max-content;
  font-weight: bold;
  cursor: pointer;
}

.item-header h6,
.item-header p {
  padding-left: 12px;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}

#prices h2 {
  color: var(--primary-color-dark);
}

#bullet-list {
  margin-left: 45px;
}

.prices-image {
  position: absolute;
  top: 17vh;
  left: 0;
  width: 100%;
  height: 63vh;
  overflow: hidden;
}

.header-text h1 {
  color: var(--primary-color-light);
  font-weight: 700;
}

#emptyrow {
  padding-bottom: 80px;
}

#accordion h5 {
  margin-bottom: 0!important;
  text-decoration: none!important;
}

#accordion h5:hover {
  color: var(--primary-text-color);
  text-decoration: none!important;
}

#accordion button:hover {
  text-decoration: none!important;
}