/* 

*   Salmon/Primary: #f3706d
*   Orange/Primary: #e67830
*   Purple/Secondary: #8a73b4
*   Teal/Secondary: #008c95
*   Text: #363636

*/

body {
    background-color: #148995;
    font-family: 'ITCAvantGardeGothic', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #363636;
    -webkit-font-smoothing: antialiased;
}

body:before {
    background: url(../images/confetti-top.png) top center no-repeat;
    background-size: cover;
    content: '';
    height: 444px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

body:after {
    background: url(../images/confetti-bottom.png) top center no-repeat;
    background-size: cover;
    bottom: 0;
    content: '';
    height: 226px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: -1;
}

.site-title-area {
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    height: 50px;
    position: relative;
}

.order-step.current,
.order-step:hover {
    background-color: #e67830;
}

.order-entry-form {
    width: 100%;
}

.order-section-heading {
    font-weight: bold;
}

.order-form-bottom {
    background-color: #fff;
    padding-bottom: 60px;
}

.page-container {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    max-width: 961px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;
}

.quantity-input a {
    background-color: #008c95;
}

.quantity-input a:hover {
    background-color: #25c9d4;
}

.ticket-input-row .left span {
    background-color: #008c95;
    left: -25px;
    font-family: sans-serif;
    top: 1px;
    transform: rotate(-40deg);
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: content-box;
    width: 5em;
}

.primary-button {background-color: #008c95;}

.primary-button:hover,
.primary-button:active {
    background-color: #25c9d4;
}

.deal-buttons a {
    border: 1px solid #008c95;
    color: #008c95;
}

.deal-buttons a:hover {
    background-color: #008c95;
}

.order-section-heading > a,
.pdf-file-link {
    color: #ff0000;
}

.footer-area {
    color: white;
    background-color: #363636;
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.footer-area .logo {
    margin: 1em 0;
}

.footer-area .logo img {
    max-width: 170px;
    height: auto;
}

.footer-area * {
    color: white;
    line-height: 150%;
}

.instruction-text {
    line-height: 133%;
}

/*
h1 {
    font-size: 30px;
}

h2 {
    text-transform: uppercase;
    line-height: 1.5em;
}

.order-entry-form {
    width: 100%;
}

.order-form-bottom {
    background-color: #fff;
    padding-bottom: 60px;
}

.loading-bar {
    position: absolute;
    bottom: 45px;
    width: 100%;
}

.order-form-steps a.current,
.arrow-current-incomplete,
.arrow-completed-current,
.faq-link {
    background-color: #e67830;
}

.bulk-order-section {
    min-height: 8.5em;
}

.content-page {
    padding: 40px;
}

.order-total-bar {
    background-color: #008c95;
    border-radius: 0;
    border: none;
    color: #fff;
    width: 70%;
    margin: 1em auto;
    text-transform: none;
    font-size: 24px;
    line-height: 1.5em;
}

.form-page-buttons {
    padding-left: 0;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: -19px;
    width: 100%;
}

input.primary-button {
    border: none;
    display: inline-block;
    position: relative;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    padding: 10px 20px;
    font-size: 16px;
    line-height: normal;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fefad4;
    background-color: #e67830;
    background-image: linear-gradient(rgba(0,0,0,0.07), rgba(0,0,0,0.05));
    -moz-background-size: 100% 50%;
    background-size: 100% 50%;
    background-position: 0 100%, 50% 0;
    background-repeat: no-repeat;
}

input.primary-button:hover,
input.primary-button:active,
input.primary-button:focus {
    background-color: #ef423e;
}

.page-container h2 a,
.order-form-bottom a {
    color: #e67830;
}

.footer-area {
    color: white;
    background-color: #363636;
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.footer-area .logo {
    margin: 1em 0;
}

.footer-area .logo img {
    max-width: 100px;
    height: auto;
}

.footer-area * {
    color: white;
    line-height: 150%;
}

.security-seal {
    padding-top: 10px;
}

.same-price-tooltip {
    z-index: 10;
}


@media (min-width: 768px) {

    .page-container,
    .order-form-steps {
        width: 750px;
    }
}

@media (min-width: 992px) {

    .page-container,
    .order-form-steps {
        width: 961px;
    }
}
*/