/**
 * Events Module
 */


.events-widget .event-item {
    margin: 1.5em 0;
}

.events-widget .event-title {
    font-weight: 500;
    line-height: 1.35;
}

.events-widget .event-date {
    margin-top: 0.125rem;
    font-size: 0.9375em;
}

.events-widget .event-item a:focus,
.events-widget .event-item a:hover {
    text-decoration: underline;
}

.events-widget .action-button {
    margin-top: 0.5em;
}

.single-em_event .event-details {
    display: none;
    margin: 0 0 2rem 0;
    /* padding: 0.5rem 0.75rem; */
    /* border: 1.5px solid #d9d9d9; */
    /* border-radius: 4px; */
    font-size: 0.9375em;
}

.single-em_event .event-details .btn-standard {
    margin: 1.5rem 0 0 0;
    padding: 0.25rem 1rem;
    font-size: 1rem;
}

.single-em_event .event-details .event-type-label {
    display: inline-block;
    margin: 0.125rem 0;
    padding: 0 0.375rem;
    margin-right: 0.5rem;
    background: #9f9f9f;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 3px;
}

.single-em_event .event-status-red {
    display: inline-block;
    margin-top: 0.375rem;
    padding: 2px 8px;
    background: #bd272c;
    color: #fff;
    border-radius: 3px;
}

#em-form-page .pods-form {
    margin: 0 -0.5em;
    padding: 0 0.5em;
}

#em-form-page .pods-form-ui-row-name-em-sub-data {
    display: none;
    margin: -1em 0 1em 0 !important;
}

#em-form-page #pods-form-ui-pods-field-em-sub-data {
    height: 8em;
    min-height: auto;
}


/* Attendee blocks */

#em-form-page .em-attendee {
    margin-bottom: 2rem;
}

#em-form-page .em-attendee.em-coop-admin {
    margin-top: 0.5rem;
}

#em-form-page .em-attendee-fields {
    padding: 0.125em 1.25em 0.75em 1.25em;
    background: #f2f2f2;
    border: 1px solid #404040;
    border-left-width: 4px;
    border-radius: 1px;
}


/* Titles */

#em-form-page .em-block-title {
    margin: 0;
    padding: 0.625rem 1.25rem 0.625rem 1rem;
    line-height: 1.3;
    font-size: 1em;
    font-weight: 700;
    color: #404040;
    background: #f2f2f2;
    border-bottom: 1px solid #dfdfdf;
    border-left: 0.25rem solid #f8ad3a;
    border-radius: 1px 1px 0 0;
}

#em-form-page .em-block-title.em-coop-admin {
    color: #404040;
    border-left: 0.25rem solid #404040;
}


#em-form-page .em-attendee.em-coop-admin .em-attendee-fields {
    border-color: #404040;
}


/* Labels */

#em-form-page .em-field-container,
#em-form-page .pods-field__container {
    margin-top: 1.25em;
}

#em-form-page .pods-field-option label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
}

#em-form-page .ndash {
    padding: 0 0.5rem;
}

#em-form-page .secondary-label {
    margin: -0.375rem 0 0.5rem 0;
    font-size: 0.9375rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}

#em-form-page .secondary-label strong {
    font-weight: 500;
}

#em-form-page .secondary-label .secondary-divider {
    padding: 0 0.625rem;
}

/* #em-form-page .pods-field-option label:not(.pods-checkbox-pick__option__label):not(.em-field-label):after,
#em-form-page .em-field-label:not(.em-checkbox):after {
    content: ':';
} */

#em-form-page .em-event-type {
    display: inline-block;
    padding: 0 0.375em;
    margin-right: 0.5rem;
    background: #9f9f9f;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 3px;
}

#em-form-page .pods-form-ui-label .required {
    display: none;
}


/* Text Fields */

#em-form-page .pods-field-option input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 0;
}

#em-form-page .pods-field-option input[type="text"]:focus {
    border-color: #404040;
    outline: 1px solid #404040;
}

#em-form-page .pods-field-option .em-invalid[type="text"] {
    border-color: hsl(0, 70%, 50%);
    outline: 1px solid hsl(0, 70%, 50%);
}


/* Autocomplete dropdown */

#em-form-page .pods-dfv-pick-full-select__control {
    border-radius: 0;
}

#em-form-page .pods-field-option .em-invalid {
    border-color: hsl(0, 70%, 50%);
    outline: 1px solid hsl(0, 70%, 50%) !important;
    box-shadow: none;
}

#em-form-page .pods-field-option.dim {
    opacity: 0.25;
}


/* Co-op fields */

#em-form-page .em-other-toggle-row {
    margin: 0.75em 0 0 0.5em;
}

#em-form-page #em-wwr-other-toggle {
    margin-right: 0.75em;
}

#em-form-page .pods-form-ui-row-name-em-wwr-coop-other.hidden {
    opacity: 0.25;
}

#em-form-page .note {
    margin: 0.375rem 0 0.5rem 0;
    font-size: 0.9375rem;
    font-style: italic;
}


/* Select lists */

#em-form-page SELECT.pods-form-ui-field-type-pick {
    width: 100%;
    min-height: 2.125rem;
    padding: 0 0.5rem;
    border: 1px solid #ccc;
    border-radius: 0;
}

#em-form-page SELECT.pods-form-ui-field-type-pick:disabled {
    opacity: 0.4;
}


/* Checkboxes */

#em-form-page .pods-checkbox-pick {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    background: #fff;
}

#em-form-page .pods-field-option .pods-checkbox-pick.em-invalid {
    border-color: hsl(0, 70%, 50%);
    outline: 1px solid hsl(0, 70%, 50%);
}

#em-form-page .pods-checkbox-pick__option {
    display: inline-block;
}

#em-form-page .pods-field-option label.pods-checkbox-pick__option__label,
#em-form-page .em-field-label.em-checkbox {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem;
    font-weight: 400;
    color: inherit;
    text-transform: none;
}

#em-form-page .pods-field-option label.pods-checkbox-pick__option__label input[type=checkbox],
#em-form-page .em-field-label.em-checkbox input[type=checkbox] {
    margin: 0 0.75rem 0 0;
    line-height: inherit;
    letter-spacing: normal;
    cursor: pointer;
}

#em-form-page .pods-checkbox-pick {
    padding-left: 0;
}

#em-form-page .pods-checkbox-pick__option {
    margin: 0;
    padding: 0;
}

#em-form-page .em-event-name {
    font-weight: 600;
}

#em-form-page .em-event-date {
    color: rgba(0, 0, 0, 0.6);
}

/* Event field */

#em-form-page .pods-form-ui-row-name-em-wwr-event {
    display: none;
}

/* Buttons */

#em-form-page .pods-form-front .pods-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: none;
    margin: 2em 0;
}

#em-form-page .em-btn {
    display: inline-block;
    position: relative;
    padding: 0.5rem 1.125rem;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    border: none;
    border-radius: 1px;
    text-decoration: none;
    color: #404040;
    transition: 0.1s box-shadow;
    cursor: pointer;
}

#em-form-page .em-btn:active:not(:disabled) {
    top: 1px;
}

#em-form-page .em-btn:disabled {
    opacity: 0.5;
    cursor: default;
}

#em-form-page .em-btn i {
    margin-right: 0.5rem;
}

#em-form-page .em-btn.secondary {
    background: #f8ad3a;
    color: #fff;
}

#em-form-page .em-btn.primary {
    background: #404040;
    color: #fff;
}

#em-form-page .em-btn:active:not(:disabled),
#em-form-page .em-btn:hover:not(:disabled) {
    box-shadow: 0 0 0 3px rgba(127, 127, 127, 0.3);
}

#em-form-page .em-btn.secondary:active,
#em-form-page .em-btn.secondary:hover {
    box-shadow: 0 0 0 3px rgba(248, 173, 58, 0.3);
}

#em-form-page .em-btn.primary:active:not(:disabled),
#em-form-page .em-btn.primary:hover:not(:disabled) {
    box-shadow: 0 0 0 3px rgb(64, 64, 64, 0.3);
}

#em-form-page .pods-form img.waiting {
    margin-right: 0.5em;
}

/* #em-form-page .pods-validation-messages {
    display: none !important;
} */

#em-form-page #em-notice-no-events,
#em-form-page #em-notice-validation-error {
    display: none;
    border-left: 0.25rem solid hsl(0, 70%, 50%);
    padding: 0.125rem 1rem;
    font-size: 0.9375em;
}

#em-form-page #em-notice-no-events.show,
#em-form-page #em-notice-validation-error.show {
    display: block;
}

#em-form-page #em-notice-no-events .red,
#em-form-page #em-notice-validation-error .red {
    color: hsl(0, 70%, 50%);
}


/* Meeting role options */

#em-form-page .em-role-options-wrapper {
    display: inline-block;
    width: auto;
    margin: 0.75em 0 0.5em 0;
    padding: 0 0 0 0.5em;
    border: 1px solid transparent;
}

#em-form-page .em-role-options-wrapper.em-invalid {
    border-color: hsl(0, 70%, 50%);
    outline: 1px solid hsl(0, 70%, 50%);
}

#em-form-page .em-role-options-wrapper .pods-radio-pick__option__label {
    display: inline-flex;
    margin-right: 2em !important;
    align-items: center;
    font-size: 0.9375em;
    font-weight: 600;
}

#em-form-page .em-role-label {
    margin-bottom: 0;
}

#em-form-page .em-role-options-wrapper .pods-radio-pick__option__label input {
    margin-right: 0.5em;
}

@media (max-width: 440px) {
    #em-form-page .em-role-options-wrapper .pods-radio-pick__option__label {
        display: block;
        margin: 0 0 0.75em 0 !important;
    }
}


/* Event list */

.em-event-list .event-item {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 1.25em 0;
}

.em-event-list .event-cal {
    flex: initial;
    width: 3.75em;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 1px;
    border-radius: 4px;
    border: 1.5px solid #bd272c; /* PHCHF */
    border: 1.5px solid #1d76bb; /* CHFT */
    border: 1.5px solid #404040; /* GHCHF */
    text-align: center;
}

.em-event-list .event-cal .month {
    padding: 2px 0;
    background: #bd272c; /* PHCHF */
    background: #1d76bb; /* CHFT */
    background: #f8ad3a; /* GHCHF */
    border-radius: 3px 3px 0 0;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #fff;
}

.em-event-list .event-cal .date {
    padding: 2px 0 0 0;
    font-size: 2rem;
    font-weight: 500;
    color: #404040;
    line-height: 2.125rem;
    letter-spacing: -0.02em;
}

.em-event-list .event-cal .day {
    margin: -1px 0 0 0;
    padding: 0 0 1px 0;
    border-radius: 0 0 3px 3px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #404040;
}

.em-event-list .event-details {
    flex: 1;
    margin: 0 0 0 1em;
}

.em-event-list .event-title {
    font-weight: 600;
}

.em-event-list .event-status-red {
    display: inline-block;
    margin-right: 0.25em;
    padding: 1px 5px;
    font-size: 0.875em;
    /* font-weight: 600; */
    background: #bd272c;
    color: #fff;
    border-radius: 3px;
}

.em-event-list .event-date,
.em-event-list .event-time {
    font-size: 0.9375em;
}