.eventregistration{padding:10px 0;background-color:var(--grey-light)}
.eventregistration .event-info{background:var(--light-blue);color:var(--white);padding:0 15px}
.eventregistration .event-info .wrapper{padding:0 20px 20px 20px}
.eventregistration .event-info .wrapper .event-info-section{width:100%}
.eventregistration .event-info .wrapper .event-info-section.event-time{background-image:url(clientlibs/resources/icons/date.png);background-size:27px 30px}
.eventregistration .event-info .wrapper .event-info-section.event-venue{background-image:url(clientlibs/resources/icons/venue.png);background-size:24px 31px}
.eventregistration .event-info .wrapper .event-info-section.event-address{background-image:url(clientlibs/resources/icons/location.png);background-size:32px 28px}
.eventregistration .event-info .wrapper .event-info-section.event-host{background-image:url(clientlibs/resources/icons/host.png);background-size:28px 31px}
.eventregistration .event-info .wrapper .event-info-section:first-of-type{padding-top:20px}
.eventregistration .event-info .wrapper .event-info-section:nth-of-type(1n+2){padding:20px 10px 20px 60px;background-position:left center;font-weight:bold;background-repeat:no-repeat}
.eventregistration .event-registration{padding-top:10px;background:var(--grey-light)}
.eventregistration .event-registration .heading{color:var(--brand-primary)}
.eventregistration .event-registration p.footnote{color:var(--brand-primary);font-weight:bold;font-size:14px}
.eventregistration .event-registration .wrapper{background:var(--white);display:flex;flex-direction:column;justify-content:space-between;border-radius:4px}
.eventregistration .event-registration .event-submit-spinner{display:none;position:absolute}
.eventregistration .event-registration .left-wrapper{background-image:url(clientlibs/resources/icons/pencil.png);background-repeat:no-repeat;padding-left:90px;background-size:75px;background-position:left center;margin-bottom:20px;min-height:80px}
.eventregistration .event-registration .form-wrapper{background-color:var(--grey-light);padding:30px 20px;border-radius:4px}
.eventregistration .event-registration .form-row{display:flex;width:100%;flex-wrap:wrap}
.eventregistration .event-registration .input-wrapper{border:0;margin:0 0 25px 0;padding:0;display:flex;flex-direction:column;width:100%}
.eventregistration .event-registration .input-wrapper.small{width:60px}
.eventregistration .event-registration .input-wrapper.first-name{width:calc(100% - 60px - 12px);margin-right:12px}
.eventregistration .event-registration .input-wrapper input[type].parsley-error,.eventregistration .event-registration .input-wrapper input[type].parsley-error:focus{border:2px solid var(--lava-red)}
.eventregistration .event-registration label{font-weight:bold;font-size:16px;color:var(--brand-primary);margin-bottom:5px}
.eventregistration .event-registration input{border:1px solid var(--input-border-color);border-radius:4px;padding:10px;width:100%}
.eventregistration .event-registration select{padding:0 0 0 8px;width:100%;color:var(--black);font-size:16px;height:38px;border:1px solid var(--input-border-color);border-radius:4px}
.eventregistration .event-registration .parsley-error{border-color:var(--lava-red)}
.eventregistration .event-registration ul.parsley-errors-list{list-style:none;margin:5px 5px 5px 0;padding-inline-start:0;color:var(--lava-red)}
.eventregistration .event-registration .field-validation-error span{color:var(--lava-red);margin:5px 0;display:block}
.eventregistration .event-registration button[type="submit"]{cursor:pointer;margin:0 0 15px 0;color:var(--white);background:var(--light-blue);border:0;border-radius:50px;font-size:16px;padding:13px 90px 13px 20px;text-align:left;background-image:url(clientlibs/resources/icons/arrow.png);background-repeat:no-repeat;background-size:32px;background-position:center right 8px;transition:background-color .5s ease}
.eventregistration .event-registration button[type="submit"]:hover{background-color:var(--brand-primary)}
.eventregistration .event-registration .submit{flex-direction:column;align-items:flex-start;margin-top:25px;display:flex}
.eventregistration .event-registration.submit-processing input,.eventregistration .event-registration.submit-processing button,.eventregistration .event-registration.submit-processing select,.eventregistration .event-registration.submit-processing .submit{pointer-events:none}
.eventregistration .event-submit-confirmation{display:none;padding-top:10px;background:var(--grey-light);text-align:center;min-height:calc(100vh - 489px)}
.eventregistration .event-submit-confirmation .wrapper{background:var(--white);padding:20px;border-radius:4px;max-width:1130px;width:100%;margin:0 auto;margin-left:0;min-height:calc(100vh - 489px)}
.eventregistration .event-submit-confirmation div{text-align:center}
.eventregistration .event-submit-confirmation img{display:block;margin:0 auto}
.eventregistration .event-submit-error{display:none;padding-top:10px;background:var(--grey-light)}
.eventregistration .event-submit-error .wrapper{background:var(--white);padding:20px;border-radius:4px;max-width:1130px;width:100%;margin:0 auto;margin-left:0;min-height:calc(100vh - 489px)}
@media(min-width:768px){.eventregistration .event-info .wrapper{padding:0;display:flex}
.eventregistration .event-info .wrapper .event-info-section{border-right:1px solid var(--white)}
.eventregistration .event-info .wrapper .event-info-section:first-of-type{width:42%}
.eventregistration .event-info .wrapper .event-info-section:nth-of-type(1n+2){width:14.5%;text-align:center;padding:65px 10px 50px 10px;background-position:center 20px;font-weight:bold}
.eventregistration .event-registration{padding-top:15px}
.eventregistration .event-registration .wrapper{flex-direction:initial;padding:20px}
.eventregistration .event-registration .left-wrapper{max-width:220px;width:100%;padding-top:120px;padding-left:initial;margin-right:20px;margin-left:30px;background-size:124px;background-position:top center}
.eventregistration .event-registration .form-wrapper{width:700px}
.eventregistration .event-registration .form-row{flex-wrap:nowrap}
.eventregistration .event-registration .input-wrapper{margin-left:12px;width:50%}
.eventregistration .event-registration .input-wrapper.first-name{width:calc(50% - 60px - 12px);margin-right:0}
.eventregistration .event-registration .submit{margin-left:12px}
.eventregistration .event-submit-confirmation{padding-top:15px}
.eventregistration .event-submit-confirmation .wrapper{margin:0 auto}
.eventregistration .event-submit-error{padding-top:15px}
.eventregistration .event-submit-error .wrapper{margin:0 auto}
}