/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

p.empty-session {
    margin-bottom: 2rem;
}

p.empty-session ~ .gfield_description {
    display: none;
}

#gform_fields_17 .gfield_repeater_item {
    display: flex;
    flex-wrap: wrap;
}

#gform_17 table td, #gform_17 table th {
    vertical-align: middle;
}

#gform_17 table.gfield_list td.gfield_list_1009_cell1 {
    padding: 5px 0 5px 10px;
}

#gform_fields_17 .gf_17_session-venue,
#gform_fields_17 .gf_17_session-venue-room,
#gform_fields_17 .gf_17_session-date,
#gform_fields_17 .gf_17_session-time,
#gform_fields_17 .gf_17_activate-sales,
#gform_fields_17 .gf_17_session-mode,
#gform_fields_17 .gf_17_session-tickets,
#gform_fields_17 .gf_17_ticket-hold {
    padding: 0 5px;
    margin: 0 0 10px 0;
}

#gform_fields_17 .gf_17_session-venue,
#gform_fields_17 .gf_17_session-venue-room {
    width: 30%;
}

#gform_fields_17 .gf_17_session-date,
#gform_fields_17 .gf_17_session-time {
    width: 20%;
}

#gform_fields_17 .gf_17_session-mode {
    width: 50%;
}

#gform_fields_17 .gf_17_activate-sales {
    width: 15%;
}

#gform_fields_17 .gf_17_session-tickets,
#gform_fields_17 .gf_17_ticket-hold {
    width: 100%;
}

#gform_fields_17 .gf_17_ticket-hold .gfield_repeater_wrapper {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}

#gform_fields_17 .gf_17_ticket-hold .gfield_repeater_item {
    display: flex;
    flex-wrap: wrap;
    border: 0;
    border-radius: 0;
    padding: 1rem;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.09);
}

#gform_fields_17 .gf_17_ticket-hold .gfield_repeater_cell {
    width: 25%;
    padding: 0 5px;
    margin: 0;
}

#gform_fields_17 .gf_17_session-mode select,
#gform_fields_17 .gf_17_activate-sales select,
#gform_fields_17 .gf_17_session-time select,
#gform_fields_17 .gf_17_ticket-hold .gfield_repeater_cell input,
#gform_fields_17 .gf_17_ticket-hold .gfield_repeater_cell select {
    width: 100%;
    margin: 0;
    padding: 0 .5rem;
    height: 2rem;
    background-color: #eee;
    border: 0;
    border-radius: 0;
}

#gform_fields_17 .gf_17_ticket-hold .gfield_repeater_buttons {
    display: block;
    visibility: visible;
    width: 100%;
}

#gform_fields_17 .gf_17_ticket-hold .add_repeater_item {
    margin: 0 15px 0 0;
    padding: 5px 15px;
}

#gform_fields_17 .gf_17_ticket-hold .remove_repeater_item {
    margin: 0;
    padding: 5px 15px;
}

#gform_fields_17 .gf_17_ticket-hold legend.gfield_label {
    font-weight: 400;
}

#gform_fields_17 .gf_17_ticket-hold .gfield_label {
    font-weight: 700;    
}

#gform_fields_17 .gf_17_recid {
    display: none;
}

#gform_fields_17 .gf_17_recid,
#gform_fields_17 .gf_17_session-name,
#gform_fields_17 .gf_17_ticket-hold .gf_17_recid {
    display: none!important;
}

#field_16_85,
#field_16_48,
#field_16_50 {
    margin-bottom: 0.5rem;
}

@media screen and (min-width: 60em) {
    .gform_wrapper #gform_fields_16 .gf_readonly input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
        padding: 0 0.5rem !important;
        height: 2rem;
    }

    .gform_wrapper #gform_16 .gfield,
    .gform_wrapper #gform_16 .gf_readonly {
        margin: 16px 0 0 0 !important;
    }
}

@media screen and (min-width: 641px) {
    .gform_wrapper #gform_fields_16 .gf_readonly input,
    .gform_wrapper #gform_fields_16 .gf_readonly input {
        margin: 8px 0 0 !important;
    }

    .gform_wrapper #gform_fields_17.top_label input.medium, 
    .gform_wrapper #gform_fields_17.top_label select.medium {
        width: 100%;
    }

    #gform_fields_17 #field_17_5 {
        width: calc(50% - 8px);
    }    
}

/* editable fields - gray background */
.gform_wrapper #gform_16 input[type="text"], 
.gform_wrapper #gform_16 textarea, 
.gform_wrapper #gform_16 select {
    background-color: #eee;
    border: none;
    box-shadow: none;
}

/* non-editable fields - white/no background */
.gform_wrapper #gform_16 .gf_readonly input[type="text"], 
.gform_wrapper #gform_16 .gf_readonly textarea, 
.gform_wrapper #gform_16 .gf_readonly select {
    background-color: transparent;
}