/* Styling for public event registration Pages */

/* Sets consistent width for all text input fields */
.civicrm-event-register form#Register input[type="text"], /* WP */
.civicrm-event-register form#Register .crm-form-select{ /* WP */
	width: 20em;
	height: 30px;
	box-sizing:  border-box; /* Set text input to border box to prevent them from overflowing */
}

/* Styling for radio button and checkbox fields */
.civicrm-event-register form#Register .crm-section.form-item .content:has(.crm-form-checkbox),
.civicrm-event-register form#Register .crm-section.form-item .content:has(.crm-form-radio){
    display: flex;
    gap: 10px;
} 

/* sets width for radio button and checkbox labels */
.civicrm-event-register form#Register .crm-section.form-item .content:has(.crm-form-checkbox) label,
.civicrm-event-register form#Register .crm-section.form-item .content:has(.crm-form-radio) label{
    width: fit-content;
    padding: 0; 
    margin: 0;  
}

/* Styling for the clear selection button */
.civicrm-event-register form#Register .crm-section.form-item .content:has(.crm-form-radio) a.crm-clear-link{
    height: min-content; 
    border: none; 
}

/* Hides hover effect */
.civicrm-event-register form#Register .crm-section.form-item .content:has(.crm-form-radio) a.crm-clear-link:hover{
    background-image: none;
    border: none;
}     

/* Styling for public event information pages */
.civicrm-event-info .crm-public .crm-actionlinks-top{
	display: none;
}

.civicrm-event .crm-public fieldset.crm-profile {
	display: flex;
	flex-direction: column;
}

.civicrm-event .crm-public .form-item {
	margin: 1em 0;
}

.civicrm-event .crm-public .crm-section .content,
.civicrm-event .crm-public .form-item .content {
	padding-top: 0;
}


.civicrm-event .crm-public .content .crm-form-date-wrapper {
	display: flex;
	gap: 10px;
}

.civicrm-event .crm-public .crm-event-register-form-block {
	display: flex;
	gap: 10px;
	flex-direction: column;
}
	gap: 10px;