
.slds-input,
.slds-checkbox .slds-checkbox_faux,
.slds-checkbox .slds-checkbox--faux{
    border-color: #EAEAEA!important;
}

.slds-tabs_default__nav {
    padding-left: 30px;
}
/* back to events list button styles */
.event-page__back-btn-block .slds-icon-text-default {
    fill: var(--lwc-colorBackgroundButtonBrand, var(--dxp-s-button-color));
}
.event-page__back-btn-block:hover .slds-icon-text-default {
    fill: var(--lwc-colorBackgroundButtonBrandHover, var(--dxp-s-button-color-hover));
}

/*main event image*/
.main-event-image .event-item__image img{
    height: 300px!important;
    border-radius: 5px;
}

/*event Tile Image*/
.event-item .event-item__image-container.default-image img{
    object-fit: contain;
}

/*follow button*/
.event-item .follow-button span,
.visit-box__btn-container .follow-button span{
    display: none;
}

/* event detail actions button */
.component-wrapper-spacer div.event-details-actions .event-details-actions__btn button.event-btn.btn-light.btn-icon {
    width: 100%;
}

/*event register tile*/
.event-item .event-item__image-container img{
    height: 160px;
    border-radius: 0;
}

.event-item.list-view .event-item__image-container img{
    height: 117px;
}
/*event register buttons*/
.event-item .register-button-container,
.event-item .oneclick-register-button-container,
.visit-box__btn-container .register-button-container,
.visit-box__btn-container .oneclick-register-button-container{
    flex: 1;
}
.event-item .follow-button-container,
.visit-box__btn-container .follow-button-container{
    padding: 0 0 0 10px;
}

.event-item.list-view .buttons-container{
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 10px;
}
.event-item.list-view .follow-button span{
    display: block;
}
.event-item.list-view .buttons-container .register-button-container,
.event-item.list-view .buttons-container .oneclick-register-button-container{
    width: 100%;
}

.event-btn.btn-light.btn-icon .slds-icon-text-default{
    fill: var(--lwc-colorBackgroundButtonBrand, var(--dxp-s-button-color));
}

.slds-path__item{
    min-width: 40px!important;
}

.attendees-box__going .event__users-desc{
    margin-right: 30px;
}

/* event wizard */
.wizard_wrapper .slds-path__item,
.wizard_wrapper .table-block .slds-table_header-fixed_container {
    z-index: 0;
}

/*pagination styles*/
c-acem-paginator .slds-button_icon:hover{
    border-color: var(--lwc-colorBackgroundButtonBrand, var(--dxp-s-button-color));
}

/*width of Edit button from AC Event Detail Action*/
acem-acem-event-detail-actions .event-details-actions.is-mobile-container .edit-event-btn-container .event-btn.btn-light.btn-icon {
    width: 100%;
}

/*changed position of calendar in wizard*/
c-acem-wizard-step lightning-datepicker lightning-calendar .slds-dropdown.slds-dropdown_left {
    top: 32px !important;
}

/* Event export dropdown menu */
@media screen and (min-width: 576px) {
    .event-page .buttonMenu .slds-dropdown {
        right: 0;
        left: unset;
        width: 200px;
    }
}

/*Event Creation Wizard(mobile)*/
@media screen and (min-width: 550px) and (max-width: 767px) {
   c-acem-wizard .slds-path lightning-progress-step.slds-path__item.slds-is-current {
       min-width: 100px !important;
   } 
   
   c-acem-wizard .slds-path lightning-progress-step.slds-path__item {
       min-width: 30px !important;
   }
}

@media screen and (max-width: 549px) {
    c-acem-wizard .slds-path lightning-progress-step.slds-path__item.slds-is-current {
        min-width: 90px !important;
    } 

    c-acem-wizard .slds-path lightning-progress-step.slds-path__item {
        min-width: 22px !important;
    }

    c-acem-wizard-step lightning-record-edit-form-create lightning-layout {
        flex-direction: column;
    }

    c-acem-wizard-step c-acem-record-form lightning-record-edit-form-edit lightning-layout lightning-layout-item,
    c-acem-wizard-step c-acem-record-form lightning-record-edit-form-create lightning-layout lightning-layout-item {
        width: 100% !important;
    }

    c-acem-wizard-step[name="Details"] lightning-layout-item lightning-input-field .slds-form-element_stacked.slds-form-element:has(.slds-checkbox_faux) {
        display: flex;
        align-items: center;
    }
    
    c-acem-wizard-step[name="Details"] lightning-layout-item lightning-input-field .slds-form-element_stacked.slds-form-element:has(.slds-checkbox_faux) > label.slds-checkbox__label {
        width: 100%;
    }
    
    c-acem-wizard-step[name="Details"] lightning-layout-item lightning-input-field .slds-form-element_stacked.slds-form-element:has(.slds-checkbox_faux) > div {
        width: 50px;
        flex-basis: unset;
    }

    c-acem-wizard-step[name="Details"] lightning-layout-item lightning-input-field:has(lightning-helptext) .slds-form-element_stacked.slds-form-element:has(.slds-checkbox_faux) > label.slds-checkbox__label {
        order: 2;
    }

    c-acem-wizard-step[name="Details"] lightning-layout-item lightning-input-field:has(lightning-helptext) .slds-form-element_stacked.slds-form-element:has(.slds-checkbox_faux) > div {
        order: 3;
    }

    c-acem-wizard-step[name="Details"] lightning-layout-item lightning-input-field:has(lightning-helptext) .slds-form-element_stacked.slds-form-element:has(.slds-checkbox_faux) > lightning-helptext {
        order: 1;
    }
}

@media screen and (max-width: 480px) {
    c-acem-wizard .slds-path ul.slds-path__nav {
        flex-wrap: wrap;
        gap: 4px 0;
    }

    c-acem-wizard .slds-path lightning-progress-step.slds-path__item.slds-is-current{
        margin-right: 9px;
    }

    c-acem-wizard .slds-path lightning-progress-step.slds-path__item.slds-is-incomplete {
        display: none;
    }
}

@media screen and (max-width: 380px) {
    c-acem-wizard-step[name="Packages"] c-acem-event-wizard-step-package .slds-card .slds-no-flex slot > div,
    c-acem-wizard-step[name="Tabs"] c-acem-event-wizard-step-package .slds-card .slds-no-flex slot > div {
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: end;
    }
    
    c-acem-wizard-step[name="Packages"] c-acem-event-wizard-step-package .slds-card .slds-no-flex .events-modal__footer slot > div.slds-grid {
        flex-direction: unset;
        gap: unset;
        align-items: unset;
    }
}