/* CSS Document */

/* CSS3: Insert "From" and "To" labels in start/end date popup field for date field */
.form-item-date-request-date label:after {
    content: " You Are Requesting *";
    display: inline;
    font-size: 14px;
    font-weight: bold;
}

.green-bg {
    background-color:#66ff66;
}
.red-bg {
    background-color:#ff6666;
}

.own-a-day-banner {
    display: table;
    width: 100%;
    background-color: #660033;
    color: #ffffff;
    margin-bottom: 1em;
    text-align: center;
}
.own-a-day-banner-left, .own-a-day-banner-right {
    display: table-cell;
    width: 13%;
    vertical-align: middle;
}
.own-a-day-banner-text {
    display: table-cell;
    width: 74%;
    font-size: 2em;
    vertical-align: middle;
}

/* responsive */
@media (max-width: 768px) {
    .own-a-day-banner-right {
        display: none;
    }
    .own-a-day-banner-left {
        width: 25%;
    }
    .own-a-day-banner-text {
        width: 75%;
        font-size: 1.5em;
    }
}