/* CoffeeIdeas Workshop Frontend CSS v3.0 */

.ci-workshop-options {
    background: #1a0a00;
    border: 2px solid #c8860a;
    border-radius: 8px;
    padding: 18px 16px;
    margin: 0 0 16px;
    font-family: inherit;
}

.ci-option-row {
    margin-bottom: 14px;
}

.ci-option-label {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 8px !important;
    float: none !important;
    width: auto !important;
}

.ci-req { color: #c8860a; }

.ci-option-select {
    width: 100% !important;
    padding: 12px 14px !important;
    background: #3a1800 !important;
    color: #fff !important;
    border: 1px solid #c8860a !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    appearance: auto !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
.ci-option-select:focus {
    outline: none !important;
    border-color: #f0a830 !important;
    box-shadow: 0 0 0 2px rgba(200,134,10,.25) !important;
}

.ci-option-date {
    width: 100% !important;
    padding: 12px 14px !important;
    background: #3a1800 !important;
    color: #fff !important;
    border: 1px solid #c8860a !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}
.ci-option-date:focus {
    outline: none !important;
    border-color: #f0a830 !important;
}

/* On-demand badge */
.ci-ondemand-badge-wrap { margin-bottom: 8px; }
.ci-ondemand-badge {
    display: inline-block;
    background: #c8860a;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ci-ondemand-sub {
    font-size: 12px !important;
    color: #aaa !important;
    margin: 6px 0 0 !important;
    line-height: 1.5 !important;
}

/* Messages */
.ci-msg {
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 4px;
    margin: 8px 0 0;
}
.ci-msg-ok    { background: #d4edda; color: #155724; }
.ci-msg-error { background: #f8d7da; color: #721c24; }

/* Contact */
.ci-contact-row {
    border-top: 1px solid #3a1800;
    padding-top: 12px;
    margin-top: 4px;
}
.ci-contact-row p {
    font-size: 12px !important;
    color: #aaa !important;
    margin: 0 !important;
    line-height: 1.7 !important;
}
.ci-contact-row a { color: #c8860a !important; text-decoration: none !important; }
.ci-contact-row a:hover { color: #f0a830 !important; }