@import url('https://fonts.googleapis.com/css2?family=Calistoga&family=Comfortaa:wght@300;400;500;600;700&display=swap');

body {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 24px;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;

}
h1, h2, h3, h4, h5 {
    font-family: "Passion One", sans-serif;
    color:#1B717C;
    font-weight: 600;
}
a {
    color: inherit;
    text-decoration: underline;
}
img {
    max-width: 100%;
    width: auto;
    height: auto !important;
}

@media (min-width: 767px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }

}
.row.equal div[class*="col-"] > {
    height: 100%;
}
.well {
    border-radius: 15px;
    box-shadow: none;
    border:0;
}


.modal {
    text-align: center;
    padding: 0!important;
}
@media (min-width: 560px) {
    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px; /* Adjusts for spacing */
    }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
}
.modal-backdrop.in {
    filter: alpha(opacity=70);
    opacity: .7;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}




section.header {
    background-color: #000000;
    background-size: cover;
    background-position: center center;
    padding: 30px 0;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
section.tickets {
    background-color: #F1F3F4;
    padding: 30px 0;
}
section.helpOption {
    border-bottom:3px dashed #F1F3F4;
    padding: 30px 0;
}
.header h1, .header h2, .header h3 {
    color: #FFF;
}

footer {
    padding: 50px 0;
    background-color: #1C1C1C;
    color: #FFF;
    font-size: 12px;
}
footer h1, footer h2, footer h3, footer h4 {
    color: #FFFFFF;
}

.introtext {
    color:#FFF;
    padding:25px 0;
}
.introtext h1 {
    margin-bottom: 0;
}
.introtext h3 {
    margin-top: 0;
}

@media (max-width: 768px) {
    .introtext {
        text-align: center;
    }
}

.btn-info {
    background-color: #246EB9;
    border-color: #246EB9;
}
.btn {
    border-radius: 50px;
    transition: all 0.2s;
}

.form-control, .form-group-lg .form-control {
    box-shadow: none;
    border-radius: 60px;
}

#moreInvoiceData {
    display: none;
    padding-top: 25px;
}
.btn-template {
    display: inline-block;
    background-color: #F04A6C;
    border:1px solid #F04A6C;
    color:#FFF;
    padding:10px 20px;
    border-radius: 4px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 50px;
}
.btn-template:hover {
    background-color: #FFFFFF;
    color:#F04A6C;
    border:1px solid #F04A6C;
}


tfoot {
    font-size: 20px;
}


.cartTable .title {
    font-weight: 600;
}
.cartTable .subtitle {
    font-size: 12px;
}
.cartTable .days {
    font-size: 12px;
    color:#777;
}


.ticketCard {
    background-color: #FFF;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 15px;
}
.ticketCard .title {
    color:#1B717C;
    font-size: 20px;
    font-weight: 700;
}
.ticketCard .subtitle {
    margin-bottom: 10px;
}
.ticketCard .moreInfo {
    cursor: pointer;
}
.ticketCard .days {
    color:#777;
}
.ticketCard .price {
    font-weight: bold;
    color:#EF4A6C;
    font-size: 20px;

    position: absolute;
    right:35px; bottom:35px;
}
.ticketCard .quantity {
    width: 150px;
    margin-top: 10px;
}
.ticketCard .quantity input {
    text-align: center;
}


@media (min-width: 767px) {
    .ticketLine {
        position: absolute;
        height: 100%;
        border-left: 9px dotted #F1F3F4;
        top: 0;
        right: 208px;
    }
    .ticketCard .title,
    .ticketCard .subtitle {
        max-width: calc(100% - 208px);
    }
}

.ticketCard input {
    text-align: center !important;
}
.ticketCard .input-group-btn .btn-default {
    background-color: #F1F3F4;
}


.paymentmethods .checkbox {
    margin:0; padding:0;
}



.list-group {
    border-radius: 15px;
}
.list-group-item:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.list-group-item:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.list-group.noborder {
    border:0px;
}
.list-group.noborder > li.list-group-item {
    border:0px;
}
.list-group.noborder > li.list-group-item {
    border-bottom:2px dotted #efefef;
}
.list-group.noborder > li.list-group-item:last-child {
    border-bottom:0px dotted #efefef;
}


section.orderComplete {
    min-height: 100vh;
    background-size: cover;
    padding: 50px;
}
.well h2:first-child,.well h1:first-child {
    margin-top: 0;
}
@media (min-width: 767px) {
    .well-order {
        padding: 40px;
        margin-top: calc(17vh);
    }
}


.virtualTicketHolder {
    background-color: #FFF;
    border-radius: 15px;
    margin-bottom: 30px;
}
.virtualTicket {
    background-color: #1B717C;
    border-radius: 15px 15px 0 0;
    padding: 15px;
    color:#FFF;
    margin-bottom: 16px;
}
.virtualTicket .logo {
    width: 100px;
}
.virtualTicket .specRow {
    margin-bottom: 15px;
}
.virtualTicket .specRow .title {
    font-weight: bold;
    font-size: 12px;
}
.virtualTicket .specRow .value {

}
.virtualTicketInfo {
    padding: 5px 15px 15px 15px;
}