/* Shared Halloween layout. Colors live in the theme stylesheet. */

.main_container {
    position: relative;
    overflow: hidden;
}

#cara-fig-left,
#cara-fig-right {
    display: none;
    pointer-events: none;
}

#cara-crest {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    pointer-events: none;
    z-index: 1;
}

.cara-logo,
#cara-book-now,
#cara-btn-gift {
    position: relative;
    z-index: 5;
}

.header-bg {
    position: relative;
    overflow: hidden;
}

.hw-corner {
    position: absolute;
    width: 150px;
    height: auto;
    pointer-events: none;
    z-index: 4;
    opacity: 0.8;
}

.hw-corner-left { top: 0; left: 0; }
.hw-corner-right { top: 0; right: 0; transform: scaleX(-1); }

.v-spacer { margin-top: 10px; }

.cara-btn {
    padding: 11px 11px;
    width: 170px;
    font-size: 0.45em;
    text-decoration: none;
    border-radius: 4px;
}

.btn-text {
    text-transform: uppercase;
    color: white;
    font-family: "Lato";
    font-weight: bolder;
    text-align: center;
    font-size: .85em;
}

@media (min-width: 320px) {
    #cara-crest { width: 400px; height: 400px; top: -20px; }
    #cara-btn-gift,
    #cara-book-now,
    #cara-logo { top: -370px; }
    .hw-corner { width: 90px; }
}

@media (min-width: 1100px) {
    #cara-crest { height: 750px; width: 750px; top: -50px; }
    #cara-btn-gift,
    #cara-book-now,
    #cara-logo { top: -690px; }
    #cara-fig-left,
    #cara-fig-right {
        display: block;
        width: 108px;
        height: auto;
        padding-top: 150px;
    }
    #cara-fig-right { margin-left: 28px; }
    #cara-fig-left { margin-right: 28px; }
    .hw-corner { width: 170px; }
    .cara-btn { width: 200px; }
}