.font-heading-color {
    color: #214cce !important;
}

.dropdown-toggle::after {
    display: none;
}

#dropdown-content {
    display: none;
}

.social-icons {
    color: #214cce;
}

.btn-color {
    background-color: #214cce;
    color: white;
    border-radius: unset;
    padding: 0.7em 1em;
}

.btn-color:hover {
    background-color: #214cce96;
    color: white;
    border-radius: unset;
    padding: 0.7em 1em;
}

.navbar-toggler {
    background-color: transparent !important;
    border-color: none !important;
}

.navbar-toggler:focus {
    outline: none !important;
    box-shadow: none !important;
}

.letter-spacing-10px {
    letter-spacing: 10px;
}

.nav-link {
    color: white;
}

.side-link {
    letter-spacing: 2px;
    color: white;
}

.side-link:hover {
    color: #214cce;
}

.side-link.active {
    color: #214cce;
}


.modal-reservation {
    padding-left: 2.6rem;
}

.modal .form-control:focus,
.modal .form-select:focus {
    border-color: #214cce; /* Change the border color to red */
    border-width: 3px; /* Make the border thicker */
    box-shadow: none;
}

.nav-link:hover {
    color: #214cce;
}

/* RESPONSIVE */
/* @media screen and (max-width: 1199px) {
    span {
        font-size: 12px;
    }
} */


/* PAYMENT SECTION */
.billing-details input::-webkit-input-placeholder {
    /* For WebKit browsers */
    font-size: 16px;
}

.billing-details input::-moz-placeholder {
    /* For Mozilla Firefox */
    font-size: 16px;
}

.payment-method .form-control {
    line-height: 1.1;
    /* Override grid-template-columns */
    grid-template-columns: none;
    gap: 0.5em;
    color: white;
    background-color: transparent;

}

.payment-method .form-control + .form-control {
    margin-top: 1em;
}

.payment-method input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: white;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

.payment-method input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
}

.payment-method input[type="checkbox"]:checked::before {
    transform: scale(1);
}

/* .parallax-container {
    height: 100%;
    overflow-x: hidden;
    position: relative;
} */

.parallax {
  /* Full height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;

    /* For Safari */
    -webkit-background-attachment: fixed;
    -webkit-background-position: center;
    -webkit-background-repeat: no-repeat;
}

footer{
    padding-bottom: 20px;
    margin-bottom: 0;
}

@media screen and (max-width: 486px) {
    #qr-code-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
}
