$search-block--banner--color-background: _lighten($neutral-color, 13%) !default;
$search-block--banner--color-button: white !default;
$search-block--banner--color-text: white !default;
$search-block--banner--color-accent: $secondary-color !default;

.chuppies-search-form.banner {
    display:none;

    max-width:1600px;
    margin: 0 auto;

    .chuppies-search-form-panel {
        background-color: $search-block--banner--color-background;
        border-bottom:5px solid $search-block--banner--color-accent;
    }

    .close-button { display:none; }

    form {
        position:relative;
        max-width:1200px;
        margin:0 auto;
    }

    input[type=text] {
        background:transparent;
        box-shadow:none;
        border:0;
        width:100%;
        height:65px;

        margin:0 auto;
        padding:0 60px;
        @include hidden-focus; // Careful. It's possible that a future theme will allow keyboard users to reach this box, and we'll need a focus indicator.

        @include font-paragraph(24px, normal, $search-block--banner--color-text);
        font-style:italic;
    }
    input[type=submit] {
        position:absolute;
        left:0;
        top:0;
        z-index:1;

        width:60px;
        height:65px;

        background:transparent;
        border:0;

        text-indent:-9999px;
    }
    form:before {
        content:"\f002";
        font-family:FontAwesome;
        font-size:28px;
        position:absolute;
        top:0;
        left:0;
        z-index:0;

        display:block;
        text-align:center;
        width:60px;
        line-height:65px;
        color:$search-block--banner--color-button;

        cursor:pointer;
    }

    .arrow {
        position:relative;
        width: 0;
        height: 0;
        &:after {
            content: "";
            display: block;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid $search-block--banner--color-accent;

            margin-left: -8px;
        }
    }

}