@font-face {
    font-family: 'Lust-Regular';
    src: url('/fonts/lust.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Overpass-Extralight';
  src: url('/fonts/overpass-extralight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gelasio-Regular';
  src: url('/fonts/gelasio-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.ui.button {
  font-family: 'Lust-Regular' !important;
}

.ui.primary.buttons .button,
.ui.primary.button {
  color: #1D1D1B !important;
}

.ui.basic.buttons .button,
.ui.basic.button {
  box-shadow: none !important;
  color: #dc4d28 !important;
  font-family: 'Overpass-Extralight' !important;
  text-transform: uppercase !important;
}

.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  box-shadow: none !important;
  color: #dc4d28 !important;
  background-color: #F8F8F8 !important;
}

#footer {
  background-color: #1D1D1B !important;
  color: #ffff !important;
  text-transform: uppercase;
  padding: 1.5em 0;
}

.ui.footer {
  height: 190px;
}

@media only screen and (max-width: 767px) {
  .ui.footer {
    height: inherit;
  }
}

.page > .content {
  margin-bottom: 190px;
}

@media only screen and (max-width: 767px) {
  .page > .content {
    margin-bottom: 0;
  }
}

.menu {
  font-family: 'Lust-Regular' !important;
}

.menu .item.subscribe {
  background-color: #FFE054 !important;
}

.menu .item.subscribe:hover {
  background-color: #f5d753 !important;
}

#catalog .ui.header.sub {
  font-family: 'Overpass-Extralight' !important;
}

#consent-banner,
#consent-settings-buttons {
  background-color: #ffff !important;
  border: 2px solid #1D1D1B !important;
  color: #1D1D1B !important;
  text-transform: none !important;

}

#consent-banner-buttons .button,
#consent-settings-buttons .button,
#consent-settings-modal .actions .button {
  box-shadow: none !important;
  background-color: #DC4D28 !important;
  color: #1D1D1B !important;
  text-transform: none !important;
}

#consent-banner .ui.button,
#consent-settings .ui.button,
#consent-settings-modal .ui.button {
  font-family: 'Lust-Regular' !important;
  text-transform: none !important;
}

#reader,
#reader * {
  font-family: 'Gelasio-Regular' !important;
}
