:root {
    /* Colours */

    /* Header */
    --c-header-background: #d1cbe0;
    --c-header-text: #000000;
    
    /* Body */
    --c-background: #f7f6ea;
    --c-text: #b1542d;
    --c-accent: #9e4527;
    
    /* Footer */
    --c-footer-background: #6c2baf;
    --c-footer-text: #ffffff;

    /* Tickets */
    --c-wanderer-contrast: #6c2baf;

    /* Typefaces (Adobe Fonts kit nvf4soy) */
    --ff-sans: franklin-gothic-urw, sans-serif; /* UI, labels, nav */
    --ff-text: miller-text, serif; /* body copy */
    --ff-headline: miller-headline, serif; /* display headings */
}

.booking-header {
    background: var(--c-header-background);
}

body {
    min-height: 100vh;
    margin: 0;
    background-color: var(--c-background);
    color: var(--c-ink);
    display: flex;
    flex-direction: column;
    font-family: var(--ff-sans);
}

.booking-footer__aoc {
  font-family: var(--ff-sans);
  color: var(--c-footer-text);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.booking-footer__aoc a {
    text-decoration: none;
    color: var(--c-footer-text);
}

.booking-body {
    color: var(--c-ink);
    padding-block: var(--space-m);
}

.booking-body__title {
    margin-bottom: var(--space-xs);
}

.booking-session-name {
    font-weight: 400;
}

a.button {
    padding: 10px 20px;
    border-radius: 30px;
}

.acknowledgement-options .form-check-input,
.volunteer-capabilities .form-check-input {
    margin-top: 0.75rem;
}

.sub-selection .form-check-input {
    margin-left: 0;
}

button,
.btn.btn-cart,
.btn.btn-block,
.btn.btn-primary,
.btn-primary.btn,
.btn.btn-cart.btn-primary,
.btn-outline-primary {
	font-size: 18px !important;
	text-decoration: none;
    border-color: #000;
	padding: 4px 50px;
    font-family: var(--ff-sans);
    color: var(--c-header-text) !important;
    background-color: transparent !important;
}

button:hover,
.btn.btn-cart:hover,
.btn.btn-block:hover,
.btn.btn-primary:hover,
.btn-primary.btn:hover,
.btn.btn-cart:hover.btn-primary,
.btn-outline-primary:hover {
    color: var(--c-ink) !important;
	background-color: var(--c-header-background) !important;
}

.booking-header .booking-back-btn:hover {
    background-color: var(--c-footer-background) !important;
}

.booking-footer .booking-back-btn {
    color: var(--c-footer-text) !important;
    border-color: var(--c-footer-text) !important;
}

.booking-footer .booking-back-btn:hover {
    color: var(--c-ink) !important;
    border-color: var(--c-ink) !important;
    background-color: var(--c-header-background) !important;
}

button.close:hover {
    background-color: transparent !important;
}

.btn-primary:focus, .btn-cart:focus {
    box-shadow: none;
}

.btn-cart {
    text-transform: uppercase;
}

.membership-name {
    color: #3678ab;
}

div.user-menu-top a.btn.btn-primary.btn-cart {
    padding: 5px !important;
    text-transform: none;
}

@media only screen and (min-width: 1024px) {
    #SortableDiv p {
        font-size: 0.8em;
    }
}