@import url('https://fonts.googleapis.com/css?family=Cinzel|Raleway:400,500|Anonymous+Pro');

body {
    font-family: "Raleway", sans-serif !important;
    font-size: 14px;
    color: #323232;
    -webkit-font-smoothing: antialiased;
}

.main {
    background-color: #983335 !important;
    color: #ffffff !important;
    font-weight: bold;
}

.main-text {
    color: #983335 !important;
    font-weight: bold;
}

body h1,
body h2,
body h3 {
    font-family: "Cinzel", sans-serif !important;
    font-weight: 400;
}

h1 {
    font-size: 3.2rem;
}

h2 {
    font-size: 2.0rem;
}

h5 {
    font-size: 1.24rem;
}

.card.info p {
    padding-top: 10px;
}

strong {
    font-weight: 600 !important;
}


.main_container {
    min-height: 40vh;
}


/** Logo **/
img.logo {
    width: 150px;
    height: auto;
    padding: 10px;
}


/** Footer **/
.footer {
    margin-top: 150px;
    padding: 20px 0;
    /*background-color: #f7f7f9;
    border-top: 1px solid #e5e5e5;*/
}


/** SEATS **/
.row_label {
    font-size: 10px;
    padding-right: 10px;
    font-family: "Anonymous Pro", monospace;
}

.seat {
    font-family: "Anonymous Pro", monospace;
    font-size: 10px;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    margin: 0;
    border-radius: 3px;
}

.seat_reserved {
    opacity: 0.5;
}

a.seat_link {
    text-decoration: none;
    color: #000000
}

.seat_cat1 {
    background-color: #82d0f0;
}

.seat_cat2 {
    background-color: #df9dc2;
}

.seat_cat3 {
    background-color: #fbcb8a;
}

.seat_cat4 {
    background-color: #8c9ecc;
}


/** BREADCRUMB */
.breadcrumb:last-child {
    color: #000 !important;
}

.breadcrumb {
    font-size: 18px !important;
    color: #444444 !important;
}

.breadcrumb:before {
    color: #444444 !important;
    vertical-align: middle;
    font-size: 18px !important;

}

/** Summary **/
span.summary {
    font-weight: 500;
    font-size:1.5rem;
}

div.summary_item {
    border-bottom: 1px solid #ededed;
    margin-bottom: 5px;
}


div.summary_item:nth-last-child(2) {
    border-bottom: 1px solid #bababa;
    margin-bottom: 10px;

}

area:hover {
background-color: #2b542c
}

img.show-logo {
    height: 50px;
    width: auto;
    position: relative;
    top: 10px;
}