/**
 * 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,
#gform_fields_17 .gf_17_age-restriction {
    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: 75%;
}

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

#gform_fields_17 .gf_17_age-restriction {
    width: 50%;
}

#gform_fields_17 .gf_17_age-restriction li{
    margin-top: 0;
}


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

.gf_17_session-tickets a.cv_ticket_price_calc,
a.cv_gf_promo_venue_link{
    display: inline-block;
    background-color: #2BA6CB;
    color:#fff;
}

.gf_17_session-tickets a.cv_ticket_price_calc{
    border-radius: 3px;
    padding: 1em 2em;
    margin: 2em 0 2em;
}

a.cv_gf_promo_venue_link{
    max-width:350px;
    padding: 0.8em 1em;
    text-align: center;
    font-weight: bold;
    line-height: 1.34em;
    border-radius: 5px;
}

a.cv_gf_promo_venue_link:hover,
a.cv_gf_promo_venue_link:active,
a.cv_gf_promo_venue_link:visited{
    color: #fff;
}



#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_17 .gf_readonly input[type="text"], 
.gform_wrapper #gform_17 input:disabled, 
.gform_wrapper #gform_17 input:read-only:not([type="submit"]), 
.gform_wrapper #gform_16 .gf_readonly textarea, 
.gform_wrapper #gform_17 .gf_readonly textarea, 
.gform_wrapper #gform_17 textarea:disabled, 
.gform_wrapper #gform_17 textarea:read-only, 
.gform_wrapper #gform_16 .gf_readonly select,
.gform_wrapper #gform_17 .gf_readonly select,
.gform_wrapper #gform_17 select:disabled,
.gform_wrapper #gform_17 select:read-only {
    background-color: transparent;
}

.gform_wrapper #gform_17 .gfield_repeater_cell.gf_17_session-timehhmm {
    padding-top: 0;
    margin-top: 0;
}

.gform_wrapper #gform_17 input[type="submit"] {
    margin-bottom: 25px;    
}

.gform_wrapper #gform_17 select {
    margin-bottom: 0;
    height: auto;
    padding: 3px 8px;
}

.gform_wrapper #gform_17 textarea {
    max-height: 10rem;
}

.gform_wrapper #gform_17 .gfield_repeater_cell.gf_17_ticket-hold-description {
    width: 100%;
}

.gform_wrapper #gform_17 .gfield_repeater_items .gfield_repeater_item {
    margin-right: 0;
}

.gform_wrapper #gform_17 .ginput_container_time select {
    max-width: 60px;
    min-width: 60px;
    height:2.1em;
}

/* theme override to show datepicker month/year select*/
html .gravity-theme.ui-datepicker .ui-datepicker-header select{
    background-position-x: 32px;
}

html .gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-month{
    text-align-last: revert;
    background-position-x: 69px;
}

html .gform_wrapper.gravity-theme .gfield-choice-input{
    margin-bottom: 0;
}

ul.no-bullet.venue-list li{
    margin-bottom:1.2em;
}