h2.coupon-title {
font-weight:bold;
}
.content-container {
     background: linear-gradient(to right, #1a1a1a 50%, #2a2a2a 75%, #1a1a1a 100%)!important;
  box-shadow: inset -10px 0 20px rgba(0, 0, 0, 0.4), inset 10px 0 20px rgba(255, 255, 255, 0.05)!important;

}
.form-coupon-list-item.selected {
background: none!important;
}
input::placeholder,
text::placeholder {
  color: #ffffff!important;
  opacity:1;
}
input, select{
  background: transparent!important;
  border-color:#ecad66!important;
}
select,
::picker(select) {
  appearance: base-select!important;
 background: #2a2a2a!important;
}
select option {
  margin: 40px;
  background: #2a2a2a!important;
  color: #ecad66;
}
.button {
    color: #ffffff;
    background: linear-gradient(to right, #dda041 0%, #dda041 25%, #dda041 50%, #f2c65f 75%, #dda041 100%)!important;
}
.button.button-secondary {
    color: #ffffff;
    background: linear-gradient(to right, #dda041 0%, #dda041 25%, #dda041 50%, #f2c65f 75%, #dda041 100%)!important;
}
hr {
background: linear-gradient(to right, #dda041 0%, #dda041 25%, #dda041 50%, #f2c65f 75%, #dda041 100%)!important;
height: 3px!important;
 border: 0!important;
}
.form-coupon-list-item, .form-coupon-list-subproduct {
    border-color: #ecad66!important;
}
.availability-percentage-bar {
background:  linear-gradient(to right, #af7e30, #e7ad48, #f7e780)!important;
}
@font-face {
    font-family: "Arla";
    font-weight: bold;
    src: url("https://static.scoupy.nl/arlaSkyr/fonts/ARLASTRONG-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Arla";
    font-weight: normal;
    src: url("https://static.scoupy.nl/arlaSkyr/fonts/ArlaIF_W_Rg.ttf") format("truetype");
}
.font-label {
    text-transform:uppercase!important;
}
body {
  background: transparent;
  font-family: "muli", sans-serif;
  color: #ffffff;
}
html,
body {
  font-size: 14px;
}
a:link,
a:visited {
  color: #f7dc74;
}
a:hover {
  color: #e8af4a;
}
.content-container,
.coupons-list--blocks .coupons-list-item {
  background: #ffffff;
}
.button,
.button:focus,
a.button,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #ffffff;
  background: #e8af4a;
}
input::placeholder,
text::placeholder {
  color: #ffffff;
}
.button:hover,
a.button:hover {
  color: #ffffff;
  background: #ba8633;
}
.button.button-secondary {
  color: #ffffff;
  background: #e8af4a;
}
.button.button-secondary:hover {
  color: #ffffff;
  background: #ba8633;
}
hr {
  border-top-color: #ffcf8d;
}
.coupon-list-text-title,
.coupon-list-text-shortdescription {
  color: #ffffff !important;
}
@media (min-width: 400px) {
  .coupons-list-item:hover,
  .form-coupon-list-item:hover {
    background: #e8af4a;
  }
}
.form-coupon-list-item.selected {
  background: #e8af4a;
}
.form-label {
  font-family: "muli", sans-serif;
  color: #ffffff;
}
.steps .step-number {
  color: #ffffff;
  background: #e8af4a;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select,
button,
.button {
  border-radius: 20px;
}
.content-container,
.steps,
.coupon-image,
.coupons-list-item,
.availability,
.depleted-notice-content,
.form-coupon-list-item,
.availability-percentage,
.availability-percentage-bar,
.stamp-icon {
  border-radius: 20px;
}
@media (min-width: 400px) {
  .coupons-list--list .coupon-list-icon {
    border-radius: 20px !important;
  }
}
.modal-modal,
.coupons-list--blocks .coupon-list-icon {
  border-radius: 20px !important;
}
.modal-modal,
.coupons-list--blocks .coupons-list-item {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1) !important;
}
@media (min-width: 400px) {
  .content-container {
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  }
}
.form-coupon-list-item,
.form-coupon-list-subproduct {
  border-color: #ffcf8d;
}
.stampcard-row {
  border-color: #ffcf8d;
  border-radius: 20px;
}