/* theappearing styles */
body {background: #060726 url('back.jpg') center -600px no-repeat; color: #DDDBE5;}
.footer {background-color: rgba(66,58,92,0.6); color: #9188AF;}
.footer a, .footer a:visited, a.back-link, a.back-link:visited { color: #9188AF; opacity: 1;}
.footer a:hover, .footer a:active, a.back-link:hover, a.back-link:active {color: #C0B7DD; opacity: 1}
.btn.btn-primary {background-color: #f7941d; border-color: #f7941d; transition-property: filter;}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {box-shadow: none; transition-property: filter; filter: brightness(120%) saturate(130%);}
.btn.btn-primary:not(:disabled):not(.disabled):active {box-shadow: none; background-color: #D77802; border-color: #D77802;}
.btn.btn-default {opacity: 0.4;}
.btn.btn-default:hover,.btn.btn-default:focus,.btn.btn-default:active {opacity: 0.6;}
.alert-danger {color: #FFB75E; background: transparent; border-color: #f7941d; display: inline-block;}
.offer-headline {margin: 0.3em 0 1em;}
.offer-box {background-color: rgba(0,0,0,0.5); padding: 20px;}
.offer-text {margin-top: 30px;}
.form-container h3 {color: #f7941d;}
.invalid-feedback {color: #f7941d;}
.was-validated .form-control:invalid,
.was-validated .form-control:invalid:focus
.was-validated .form-control.is-invalid,
.was-validated .form-control.is-invalid:focus
{border-color: #f7941d; background-color: #FDDAAE;}
.was-validated .form-control.is-invalid:valid,
.was-validated .form-control.is-invalid:valid:focus
{border-color: #f7941d; background-color: #FDDAAE;}
.was-validated .form-check-input:invalid ~ .form-check-label, .was-validated .form-check-input.is-invalid ~ .form-check-label {color: #f7941d;}

.bouncing.ball.spinner {opacity: 1;}
.bouncing.ball.spinner > div {background-color: #676189;}


@media (max-width: 575px) {
  .cover-container.flex-column.p-3 {padding: 0 !important;}
  main.inner.cover.container {padding-left: 0; padding-right: 0; margin: 0;}
  .offer-headline {margin: 0.3em 1.5em .5em; font-size: 30px;}
  main.inner.cover.container .row {margin: 0;}
  .offer-text {margin: 10px 30px;}
}