/* EVENT STYLES */
.page-civicrm-event.subpage h2 {line-height: 130%}
.page-civicrm-event.subpage .image-style-align-left {margin: 0.5em 1em 1em 0}
.page-civicrm-event.subpage .image-style-align-right {margin: 0.5em 0 1em 1em}

/* Registration form */
.page-civicrm-event-register fieldset.crm-profile {display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0}
.page-civicrm-event-register .billing_name_address-section {flex-direction: column}
.page-civicrm-event-register #crm-container .cividiscount, .page-civicrm-event-register #crm-container .crm-section:not(.intro_text-section) {display: flex; align-items: stretch; gap: 10px}
.page-civicrm-event-register #crm-container .cividiscount .label, .page-civicrm-event-register #crm-container .cividiscount .clear {display: none}
.page-civicrm-event-register #crm-container .cividiscount .label:first-child {display: block}
.page-civicrm-event-register #crm-container .content {display: flex; align-items: center; gap: 10px; margin: 0; padding: 0}
.page-civicrm-event-register #crm-container .crm-event-register-form-block {display: flex; flex-direction: column; gap: 10px}
.page-civicrm-event-register #crm-container .crm-form-select {background: #FFF; border: 2px solid #DDD; font-family: roboto, sans-serif; font-size: 1.1rem; padding: 2px 5px}
.page-civicrm-event-register #crm-container .crm-form-text {background-image: none; border: 2px solid #DDD; font-family: roboto, sans-serif; font-size: 1.1rem; padding: 2px 5px; min-width: 280px}
.page-civicrm-event-register #crm-container .description {font-size: 1rem; margin: 0; padding: 0}
.page-civicrm-event-register #crm-container .form-item {display: flex; gap: 10px; padding: 0}
.page-civicrm-event-register #editrow-custom_176 .content, .page-civicrm-event-register #custom_176 {width: 100%}
.page-civicrm-event-register .event_fee_s_-content {flex-wrap: wrap; gap: 0 10px !important}
.page-civicrm-event-register .event_fee_s_-content > div {margin: 0}
.page-civicrm-event-register #price-option-note {border-top: 1px solid #DDD; flex-basis: 100%; font-size: 0.85rem; padding-left: 5px}
.page-civicrm-event-register [for$="_payment_processor_id"] {margin-left: -7px}

/* 'Register' buttons */
.page-civicrm-event.subpage [class^="crm-actionlinks-"], .page-civicrm-event.subpage .crm-submit-buttons {display: flex; background: #F4F4F4; padding: 10px}
.page-civicrm-event.subpage [class^="crm-actionlinks-"] > .action-link {height: auto}
.page-civicrm-event.subpage .crm-button, .page-civicrm-event.subpage .crm-register-button {background: none !important; border: 2px solid var(--primary-colour) !important; border-radius: 0 !important; color: var(--primary-colour) !important; font-size: inherit !important; padding: 10px 20px !important; text-shadow: none !important; transition: 0.3s}
.page-civicrm-event.subpage .crm-button:hover, .page-civicrm-event.subpage .crm-register-button:hover {background: var(--primary-colour) !important; color: #FFF !important}

/* Sections */
.page-civicrm-event.subpage .crm-section .content > table td {padding: 0}
.page-civicrm-event.subpage .crm-section .content > table td.price_set_option_group-label {font-weight: bold}
.page-civicrm-event.subpage .crm-section .label {display: flex; align-items: center; background: #F4F4F4; justify-content: flex-end; padding: 5px; min-width: 160px}
.page-civicrm-event.subpage .event_date_time-section {border-top: 2px solid #DDD; padding-top: 25px}

/* Sponsor logos */
.page-civicrm-event.subpage .summary > figure.table:first-child {border-color: #DDD; border-style: solid; border-width: 2px 0; margin: 20px auto; padding: 20px 0}
.page-civicrm-event.subpage .summary > figure.table:first-child table {border: 0; color: var(--primary-colour); font-size: 1.4rem; font-weight: bold; margin: 0}
.page-civicrm-event.subpage .summary > figure.table:first-child td {text-align: center; vertical-align: middle; width: 50%}
.page-civicrm-event.subpage .summary > figure.table:first-child td .image {display: flex; align-items: center; justify-content: center; width: 100% !important; max-width: 300px}
.page-civicrm-event.subpage .summary > figure.table:first-child td .image img {height: auto; width: 100%}