.zoom-event-booking,
.zoom-my-recordings { text-align: left; margin-bottom: 20px; }

.zoom-event-booking .form-row,
.zoom-my-recordings .form-row {
    margin-bottom: 20px;
}
.zoom-event-booking .form-row .form-row__small { font-size: 14px; color: #666; margin-top: 10px; }

.zoom-event-booking input[type="checkbox"],
.zoom-my-recordings input[type="checkbox"] {
    float: left;
    margin-right: 10px;
    position: relative;
    top: 5px;
    outline: none;
}

.zoom-event-booking label,
.zoom-my-recordings label {
    display: block;
    height: auto;
    text-align: left;
    font-size: 16px;
    margin-bottom: 10px;
}

.zoom-event-booking input[type="text"],
.zoom-event-booking input[type="email"],
.zoom-my-recordings input[type="text"],
.zoom-my-recordings input[type="email"] {
    width: 100%;
    padding: 8px 10px;
    height: 50px;
    outline: none;
    border: 1px solid #CCC;
    background: #FFF;
    font-size: 16px;
}

.zoom-event-booking .t_and_c_s p { font-size: 14px; font-style: italic; }

.zoom-error { color: red; }

.zoom-event-recording {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #CCC;
}
.zoom-event-recording---multipart { padding-bottom: 0 }


.zoom-event-recording .zoom-event-recording--multi-part { clear: left; margin-top: 15px  }
.zoom-event-recording .zoom-event-recording--multi-part-part {
    border-top: 1px solid #CCC;
    padding: 20px 0 20px 20px;
}
.zoom-event-recording .zoom-event-recording--multi-part-part-name,
.zoom-event-recording .zoom-event-recording--link,
.zoom-event-recording .zoom-event-recording--download,
.zoom-event-recording .zoom-event-recording--multi-part-part-url,
.zoom-event-recording .zoom-event-recording--multi-part-part-download { margin-bottom: 10px }
.zoom-event-recording .zoom-event-recording--multi-part-part-name:before { content: ' - ' }

.zoom-time-converter { margin: 20px 0; }
.zoom-time-converter__form {

}

.zoom-event-booking .radio-row input[type="radio"] { 
    float: left; 
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.zoom-event-booking .form-controls { display: flex; align-items: center; }

.zoom-event-booking .loading-spinner {
    background: url('../img/loading.gif') no-repeat 50% 50%;
    background-size: 100%;
    height: 25px;
    width: 25px;
    display: none;
}
.zoom-event-booking .button + .loading-spinner { margin-left: 10px; }
.loading .zoom-event-booking .loading-spinner { display: inline-block; }

.zoom-event-booking .StripeElement {
    background-color: white;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
.zoom-event-booking .StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}
.zoom-event-booking .StripeElement--invalid {
    border-color: #fa755a;
}
.zoom-event-booking .StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

@media screen and (min-width: 768px) {
    .zoom-event-recording,
    .zoom-event-recording .zoom-event-recording--multi-part-part {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .zoom-event-recording .zoom-event-recording--date { width: 13%; margin-right: 2% }
    .zoom-event-recording .zoom-event-recording--title,
    .zoom-event-recording .zoom-event-recording--multi-part-part-name { width: 40%; margin-right: 5%; margin-bottom: 0 }
    .zoom-event-recording---multipart .zoom-event-recording--title { width: 100% }
    .zoom-event-recording .zoom-event-recording--link,
    .zoom-event-recording .zoom-event-recording--download,
    .zoom-event-recording .zoom-event-recording--multi-part-part-url,
    .zoom-event-recording .zoom-event-recording--multi-part-part-download {  width: 20%; text-align: right; margin-bottom: 0; }
}