/* ------------------------------------css variables------------------------------------ */

:root {
    --ewpe-title-alignment: left;
    --ewpe-title-color: #0D95C7;
    --ewpe-title-hvr-color: #0D95C7;
    --ewpe-cost-color: #0D95C7;
    --ewpe-cost-alignment: left;
    --ewpe-excerpt-color: black;
    --ewpe-img-alignment: left;
    --ewpe-image-width: auto;
    --ewpe-image-max-width: 100%;
    --ewpe-image-height: 100%;
    --ewpe-image-opacity: 1;
    --ewpe-image-opacity-hvr: 1;
    --ewpe-img-transition-duration: 3s;
    --ewpe-img-border-radius: 0;
    --ewpe-meta-detail-alignment: left;
    --ewpe-time-alignment: left;
    --ewpe-evt-schd-color: #222;
    --ewpe-evt-schd-hvr-color: #222;
    --ewpe-evt-schd-alignment: left;
    --ewpe-org-content-color: #222;
    --ewpe-org-hvr-color: #222;
    --e-ewpe-each-cate-color: black;
    --e-ewpe-each-cate-bg-color: transparent;
    --e-ewpe-cate-single-padding: 2px;
    --e-ewpe-cate-single-bdr-radius: 2px;
    --e-ewpe-each-cate-hvr-color: black;
    --e-ewpe-each-cate-hvr-bg-color: transparent;
    --e-ewpe-each-tag-color: black;
    --e-ewpe-each-tag-bg-color: transparent;
    --e-ewpe-tag-single-padding: 2px;
    --e-ewpe-tag-single-bdr-radius: 2px;
    --e-ewpe-each-tag-hvr-color: black;
    --e-ewpe-each-tag-hvr-bg-color: transparent;
    --ewpe-readmore-alignment: left;
    --ewpe-readmore-color: #0D95C7;
    --ewpe-readmore-bg-color: transparent;
    --ewpe-readmore-hvr-color: #0D95C7;
    --ewpe-readmore-hvr-bg-color: transparent;
    --e-ewpe-readmore-bdr-radius: 0px;
    --ewpe-readmore-padding: 5px;
    /* Pagination variable */
    --ewpe-lm-btn-bgcolor: #fff;
    --ewpe-lm-btn-color: black;
    --ewpe-lm-btn-bdcolor: black;
    --ewpe-lm-btn-duratin: 3s;
    --ewpe-lm-btn-bdtype: solid;
    --ewpe-lm-btn-mt: 10px;
    --ewpe-lm-btn-text-align: none;
    --ewpe-lm-btn-pd: 10px;
    --ewpe-lm-btn-width: 2px;
    --ewpe-lm-btn-hr-bgcolor: #fff;
    --ewpe-lm-btn-hr-color: black;
    --ewpe-lm-btn-hr-bdcolor: black;
    --ewpe-pg-ofset-color: black;
    --ewpe-pg-ofset-hr-color: red;
    /* featured label variables */
    --ewpe-label-alignment: left;
    --ewpe-label-color: black;
    --ewpe-label-bg-color: transparent;
    --ewpe-label-padding: 5px;
    /*ACF widget variables*/
    --ewpe-evt-acf-color: #222;
    --ewpe-evt-acf-text-color: #222;
    --ewpe-direction-acf-field: row;
    --ewpe-acf-gap-field: 2px;
    /*filterbar variables*/
    --ewpe-filter-main-bg-color: #fff;
    --ewpe-filter-bdcolor: #ccc;
    --ewpe-filter-btn-bg-color: #007bff;
    --ewpe-filter-btn-text-color: #fff;
    --ewpe-filter-hvr-btn-bg-color: #0056b3;
    --ewpe-filter-hvr-btn-text-color: #fff;
    --ewpe-filter-btn-active-bg-color: #0F1031;
    --ewpe-filter-btn-active-text-color: #fff;
    --ewpr-filter-btn-bd-radius: 3px;
    /*Speaker widget variables*/
    --ewpe-event-speaker-column: 1;
    --ewpe-speaker-gap-field: 5px;
    /*Sponsor widget variables*/
    --ewpe-event-sponsor-column: 1;
    --ewpe-sponsor-gap-field: 5px;
}


/* ------------------------------------CSS Variables - End------------------------------------ */

i.ewpe-eicons-logo {
    background: url(../svg/icon-events-widgets.svg)no-repeat center center;
    width: 128px;
    height: 26px;
    display: inline-block;
    font-family: eicons;
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.elementor-navigator__element__element-type i.ewpe-eicons-logo {
    width: 16px;
    height: 16px;
}

#tribe-events-pg-template {
    max-width: initial;
    padding: 0;
}

.ewpe-meta-wrp {
    display: flex;
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    align-content: var(--align-content);
    gap: var(--gap);
    text-align: var(--justify-content);
}

/* ------------------------------------Event Speaker CSS - Start------------------------------------ */

.ewpe-evt-speaker,
.ewpe-evt-speaker>a {
    --gap: 10px;
    display: flex;
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    align-content: var(--align-content);
    gap: var(--gap);
    text-align: var(--justify-content);
    line-height: normal;
}

.ewpe-speaker-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ewpe-speaker-gap-field);
}

.ewpe-speaker-row .ewpe-evt-speaker {
    position: relative;
    flex: 0 0 calc((100% - (var(--ewpe-speaker-gap-field) * (var(--ewpe-event-speaker-column) - 1))) / var(--ewpe-event-speaker-column));
    overflow: hidden;
}

img.ewpe-speaker-image{
    height: 80px;
    width: 80px;
    /* border-radius: 50%; */
}
/* ------------------------------------Event Speaker CSS - End------------------------------------ */

/* ------------------------------------Event Sponsor CSS - Start------------------------------------ */

.ewpe-evt-sponsor,
.ewpe-evt-sponsor>a {
    --gap: 10px;
    display: flex;
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    align-content: var(--align-content);
    gap: var(--gap);
    text-align: var(--justify-content);
    line-height: normal;
}

.ewpe-sponsor-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ewpe-sponsor-gap-field);
}

.ewpe-sponsor-row .ewpe-evt-sponsor {
    position: relative;
    flex: 0 0 calc((100% - (var(--ewpe-sponsor-gap-field) * (var(--ewpe-event-sponsor-column) - 1))) / var(--ewpe-event-sponsor-column));
    overflow: hidden;
}

img.ewpe-sponsor-image{
    height: 80px;
    width: 80px;
    /* border-radius: 50%; */
}
/* ------------------------------------Event Sponsor CSS - End------------------------------------ */

/* ------------------------------------Event Organizer CSS - Start------------------------------------ */

.ewpe-evt-org,
.ewpe-evt-org>a {
    --gap: 10px;
    display: flex;
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    align-content: var(--align-content);
    gap: var(--gap);
    text-align: var(--justify-content);
    line-height: normal;
}

.ewpe-evt-org a:hover .ewpe-title-event,
.ewpe-evt-org a:hover .ewpe-organizer-email {
    color: var(--ewpe-org-hvr-color);
}


/* ------------------------------------Event Organizer CSS - End------------------------------------ */


/* ------------------------------------Event Venue CSS - Start------------------------------------ */

.ewpe-event-venue-details {
    line-height: normal
}

.ewpe-event-venue-details,
.ewpe-event-venue-details a,
.ewpe-event-venue-details .tribe-address,
.ewpe-event-venue-details span,
.ewpe-event-venue-details .ewpe-event-venue-details {
    color: var(--ewpe-venue-detail-color);
}


/* ------------------------------------Event Venue CSS - End------------------------------------ */


/* ------------------------------------Event Title CSS  - Start------------------------------------ */

a.event-link {
    text-decoration: none !important;
}

.ewpe-event-title {
    display: block;
    /* justify-content: var(--ewpe-title-alignment) ; */
    text-align: var(--ewpe-title-alignment);
    color: var(--ewpe-title-color) !important;
    margin: 0px !important;
    line-height: normal;
}

.ewpe-event-title:hover {
    color: var(--ewpe-title-hvr-color) !important;
}


/* ------------------------------------Event Title CSS  - End------------------------------------ */


/* ------------------------------------Event Cost CSS  - Start------------------------------------ */

.ewpe-events-cost {
    color: var(--ewpe-cost-color);
    text-align: var(--ewpe-cost-alignment);
    line-height: normal;
}


/* ------------------------------------Event Cost CSS - End------------------------------------ */


/* ------------------------------------Event Excerpt CSS - Start------------------------------------ */

.ewpe-evt-excerpt,
.ewpe-evt-excerpt p {
    color: var(--ewpe-excerpt-color);
    text-align: var(--ewpe-excerpt-alignment);
    margin: 0px;
}


/* ------------------------------------Event Excerpt CSS - End------------------------------------ */


/* ------------------------------------Event Image CSS - Start------------------------------------ */

.ewpe-featured-img {
    text-align: var(--ewpe-img-alignment);
    line-height: 0;
    overflow: hidden;
    width: var(--ewpe-image-width);
    height: var(--ewpe-image-height);
}

.ewpe-featured-img img {
    width: var(--ewpe-image-width);
    max-width: var(--ewpe-image-max-width);
    height: var(--ewpe-image-height);
    opacity: var(--ewpe-image-opacity);
    border-radius: var(--ewpe-img-border-radius);
    line-height: 0;
    transition-duration: var(--ewpe-img-transition-duration);
}

.ewpe-featured-img img:hover,
.ewpe-featured-img:hover img {
    opacity: var(--ewpe-image-opacity-hvr);
}


/* ------------------------------------Event Image CSS - End------------------------------------ */

.ewpe-meta-wrp {
    text-align: var(--ewpe-meta-detail-alignment);
    overflow: hidden;
}

.ewpe-event-map {
    text-align: var(--ewpe-title-alignment);
}


/* ------------------------------------Event Date/Time CSS - Start------------------------------------ */

.ewpe-events-schedule {
    line-height: normal;
    color: var(--ewpe-evt-schd-color);
    text-align: var(--ewpe-evt-schd-alignment);
}


/* ------------------------------------Event Date/Time CSS - End------------------------------------ */


/* ------------------------------------Event Organzier CSS - Start------------------------------------ */

.ewpe-title-event,
.ewpe-organizer-email {
    color: var(--ewpe-org-content-color);
    word-break: break-all;
}


/* ------------------------------------Event Organzier CSS - End------------------------------------ */


/* ------------------------------------Event Category CSS - Start------------------------------------ */

.ewpe-evt-category,
.ewpe-evt-category li.ewpe-each-cate {
    list-style-type: none;
}

ul.ewpe-evt-category {
    --gap: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    flex-direction: var(--flex-direction);
    gap: var(--gap);
    padding: 0px;
    margin: 0px;
}

li.ewpe-each-cate {
    color: var(--e-ewpe-each-cate-color);
    font-size: 12px;
    line-height: normal;
    background-color: var(--e-ewpe-each-cate-bg-color);
    border-radius: var(--e-ewpe-cate-single-bdr-radius);
    border-width: 0px;
    border-style: none;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    padding: var(--e-ewpe-cate-single-padding);
}

.ewpe-each-cate a {
    display: inline-block;
    color: var(--e-ewpe-each-cate-color);
    background-color: var(--e-ewpe-each-cate-bg-color);
    text-decoration: none;
}

.ewpe-each-cate:hover a {
    color: var(--e-ewpe-each-cate-hvr-color);
    background-color: var(--e-ewpe-each-cate-hvr-bg-color);
}

.ewpe-each-cate:hover {
    color: var(--e-ewpe-each-cate-hvr-color);
    background-color: var(--e-ewpe-each-cate-hvr-bg-color);
}


/* ------------------------------------Event Category CSS - End------------------------------------ */


/* ------------------------------------Event Tag CSS - Start------------------------------------ */

.ewpe-evt-tag,
.ewpe-evt-tag li {
    list-style: none;
}

ul.ewpe-evt-tag {
    --gap: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    flex-direction: var(--flex-direction);
    gap: var(--gap);
    padding: 0px;
    margin: 0px;
}

li.ewpe-each-tag {
    color: var(--e-ewpe-each-tag-color);
    font-size: 12px;
    line-height: normal;
    border-radius: var(--e-ewpe-tag-single-bdr-radius);
    background-color: var(--e-ewpe-each-tag-bg-color);
    border-width: 0px;
    border-style: none;
    padding: var(--e-ewpe-tag-single-padding);
}

.ewpe-each-tag a {
    display: inline-block;
    color: var(--e-ewpe-each-tag-color);
    background-color: var(--e-ewpe-each-tag-bg-color);
    text-decoration: none;
}

.ewpe-each-tag:hover a,
.ewpe-each-tag a:hover {
    color: var(--e-ewpe-each-tag-hvr-color);
    background-color: var(--e-ewpe-each-tag-hvr-bg-color);
}

.ewpe-each-tag:hover {
    color: var(--e-ewpe-each-tag-hvr-color);
    background-color: var(--e-ewpe-each-tag-hvr-bg-color);
}


/* ------------------------------------Event Tag CSS - End------------------------------------ */


/* ------------------------------------Event Read More CSS - Start------------------------------------ */

.ewpe-div-readmore {
    text-align: var(--ewpe-readmore-alignment);
}

.ewpe-event-readmore,
.ewpe-event-readmore:focus {
    border-radius: var(--e-ewpe-readmore-bdr-radius);
    color: var(--ewpe-readmore-color);
    background-color: var(--ewpe-readmore-bg-color);
    margin: 0;
    padding: var(--ewpe-readmore-padding);
    border-width: 0px;
    outline-width: 0px;
}

.ewpe-event-readmore:hover {
    color: var(--ewpe-readmore-hvr-color);
    background-color: var(--ewpe-readmore-hvr-bg-color);
}


/* ------------------------------------Event Read More CSS - End------------------------------------ */


/* Event list layout css*/

.ewpe-main-wrapper.ewpe-list-wrapper .ewpe-inner-wrapper {
    margin-bottom: var(--ewpe-list-gap);
}


/* ------------------------------------Event Grid Design CSS - Start------------------------------------ */

.ewpe-main-wrapper.ewpe-grid-wrapper:not(.ewpe-pagination-on) {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ewpe-gap);
}

.ewpe-main-wrapper.ewpe-grid-wrapper:not(.ewpe-pagination-on) .ewpe-inner-wrapper {
    /* overflow: hidden; */
    min-width: 0px;
    flex-basis: calc((100%/var(--event-column)) - var(--ewpe-gap)/(var(--event-column)/(var(--event-column) - 1)));
}

.ewpe-main-wrapper.ewpe-grid-wrapper .ewpe-content {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ewpe-gap);
}

.ewpe-main-wrapper.ewpe-grid-wrapper .ewpe-content .ewpe-inner-wrapper {
    /* overflow: hidden; */
    min-width: 0px;
    flex-basis: calc((100%/var(--event-column)) - var(--ewpe-gap)/(var(--event-column)/(var(--event-column) - 1)));
}


/*Equal height*/

.ewpe-inner-wrapper.ewpe-grid-equalheight [data-elementor-type="wp-post"]>.elementor-element,
.ewpe-inner-wrapper.ewpe-grid-equalheight [data-elementor-type="wp-post"] {
    height: 100%;
    display: flex;
}


/* ------------------------------------Event Grid Design CSS - End------------------------------------ */


/* month -header css */

.ewpe-month-header {
    display: flex;
    align-items: center;
    margin: 0px 0px 10px 0px;
    font-size: 20px;
    font-weight: 600;
    color: black;
}

.ewpe-month-header:after {
    background-color: black;
    content: "";
    display: block;
    flex: auto;
    height: 2px;
    margin-left: 8px;
}


/*------ Event  --------------*/

.ewpe-main-wrapper .ewpe-btn-text {
    color: var(--ewpe-lm-btn-color);
    background-color: var(--ewpe-lm-btn-bgcolor);
    /* transition: all var(--ewpe-lm-btn-duratin) ease-in-out; */
    padding: var(--ewpe-lm-btn-pd);
}

.ewpe-main-wrapper .ewpe-pagination a,
.ewpe-main-wrapper .ewpe-pagination span {
    display: inline-block;
    margin-top: 2px;
}

.ewpe-main-wrapper .ewpe-load-more,
.ewpe-main-wrapper .ewpe-pagination {
    margin-top: var(--ewpe-lm-btn-mt);
    text-align: var(--ewpe-lm-btn-text-align);
}

.ewpe-pagination .ewpe-custom-pagination a {
    color: var(--ewpe-lm-btn-color);
    background-color: var(--ewpe-lm-btn-bgcolor);
    border-color: var(--ewpe-lm-btn-bdcolor);
    border-style: var(--ewpe-lm-btn-bdtype);
    /* transition: all var(--ewpe-lm-btn-duratin) ease-in-out; */
    padding: var(--ewpe-lm-btn-pd);
    text-decoration: none;
}

.ewpe-pagination .ewpe-custom-pagination a:hover {
    color: var(--ewpe-lm-btn-hr-color);
    background-color: var(--ewpe-lm-btn-hr-bgcolor);
    border-color: var(--ewpe-lm-btn-hr-bdcolor);
}

.ewpe-main-wrapper .ewpe-btn-text:hover {
    color: var(--ewpe-lm-btn-hr-color);
    background-color: var(--ewpe-lm-btn-hr-bgcolor);
    border-color: var(--ewpe-lm-btn-hr-bdcolor);
}

.ewpe-main-wrapper .ewpe-page-numbers {
    color: var(--ewpe-pg-ofset-color);
}

.ewpe-main-wrapper .ewpe-page-numbers:hover {
    color: var(--ewpe-pg-ofset-hr-color);
}

.ewpe-main-wrapper span.current {
    color: var(--ewpe-lm-btn-hr-color);
    background-color: var(--ewpe-lm-btn-hr-bgcolor);
    border-color: var(--ewpe-lm-btn-hr-bdcolor);
    border-style: var(--ewpe-lm-btn-bdtype);
    padding: var(--ewpe-lm-btn-pd);
}


/* Edit template button css*/

.ewpe-main-wrp-style {
    margin: 10px;
    text-align: center;
}

.ewpe-main-wrp-style a {
    background-color: #515962;
    padding: 9px;
    color: white;
    font-size: 15px;
}

.ewpe-main-wrp-style a:hover {
    background-color: #515962;
    padding: 9px;
    color: white;
    font-size: 15px;
}


/* Featured label Widget CSS */

.ewpe-featured-event-label {
    text-align: var(--ewpe-label-alignment);
}

.ewpe-featured-event-label,
.ewpe-featured-event-label:focus {
    color: var(--ewpe-label-color);
    background-color: var(--ewpe-label-bg-color);
    padding: var(--ewpe-label-padding);
}

.ewpe-acf-wrapper {
    --flex-direction: column;
    display: flex;
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    align-content: var(--align-content);
    gap: var(--gap);
    text-align: var(--justify-content);
}


/* advanced custom field */

.ewpe-acf-fields,
.ewpe-acf-chc-fields,
.ewpe-acf-btgr-fields,
.ewpe-acf-file-field,
.ewpe-acf-url-field,
.ewpe-pass-field,
.ewpe-acf-tf-field,
.ewpe-acf-rd-fields,
.ewpe-acf-chk-fields,
.ewpe-acf-sel-fields {
    color: var(--ewpe-evt-acf-color);
}

.ewpe-label-name {
    color: var(--ewpe-evt-acf-text-color);
}

.ewpe-field-wrap {
    display: flex;
    --flex-direction: row;
    /* flex-direction: var(--ewpe-direction-acf-field);
    gap:var(--ewpe-acf-gap-field); */
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    align-content: var(--align-content);
    gap: var(--gap);
    text-align: var(--justify-content);
}


/* .ewpe-field-wrap.row{
    align-items: center;
} */

.ewpe-acf-url-field a {
    word-break: break-word;
}

.ewpe-filter-bar {
    background-color: var(--ewpe-filter-main-bg-color);
    padding: 25px;
    border-radius: 5px;
    border: 1px solid var(--ewpe-filter-bdcolor);
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}
.ewpe-filter-bar.ewpe-filters-filter:has(> .ewpe-filter-group > input#ewpe-fb-calendar) {
    flex-wrap: wrap;
}
.ewpe-filter-bar.ewpe-filters-filter:has(> button#ewpe-fb-todaydate),
.ewpe-filter-bar.ewpe-filters-filter:has(> button#ewpe-fb-thisweek),
.ewpe-filter-bar.ewpe-filters-filter:has(> button#ewpe-fb-nextweek),
.ewpe-filter-bar.ewpe-filters-filter:has(> button#ewpe-fb-thisweekend),
.ewpe-filter-bar.ewpe-filters-filter:has(> button#ewpe-fb-thismonth),
.ewpe-filter-bar.ewpe-filters-filter:has(> button#ewpe-fb-nextmonth) {
    flex-wrap: wrap;
}

.ewpe-filter-group {
    display: flex;
    width: 24%;
    border: 1px solid var(--ewpe-filter-bdcolor);
}

.ewpe-filter-group label {
    margin-bottom: 5px;
    font-weight: bold;
}

.ewpe-filter-group i {
    padding: 10px;
    border-right: 1px solid var(--ewpe-filter-bdcolor);
    border-radius: 3px 0px 0px 3px;
}

.ewpe-filter-group input,
.ewpe-filter-group select {
    padding: 5px 10px;
    border: none;
    border-radius: 0px 3px 3px 0px;
}

.ewpe-filter-group select {
    border-right: 5px solid transparent;
}

.ewpe-showfilter-btn {
    padding: 8px 15px;
    background-color: var(--ewpe-filter-btn-bg-color);
    color: var(--ewpe-filter-btn-text-color);
    cursor: pointer;
}

.ewpe-showfilter-btn:hover {
    background-color: var(--ewpe-filter-hvr-btn-bg-color);
    color: var(--ewpe-filter-hvr-btn-text-color);
}

.ewpe-showfilter-btn.active {
    background-color: var(--ewpe-filter-btn-active-bg-color);
    color: var(--ewpe-filter-btn-active-text-color);
}

.ewpe-filter-bar.ewpe-filters-search .ewpe-filter-group {
    width: 100%;
}

.ewpe-filter-bar.ewpe-filters-search .ewpe-filter-group .eicon-search-bold {
    display: flex;
    align-items: center;
}

.ewpe-filter-bar.ewpe-filters-both {
    flex-direction: column;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
}

.ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main .ewpe-filter-group {
    width: 87%;
}

.ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters {
    display: none;
}

.ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters.active {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
}

.ewpe-filter-bar.ewpe-filters-both .eicon-search-bold {
    display: flex;
    align-items: center;
}

.ewpe-filter-group input:focus,
.ewpe-filter-group select:focus {
    outline: none;
}
.ewpe-filter-group select {
    background: #fff;
    color: #000;
  }

.ewpe-filter-bar input#ewpe-fb-search,
.ewpe-filter-bar input#ewpe-fb-calendar {
    border: none !important;
}
.ewpe-filter-bar button#ewpe-fb-todaydate,
.ewpe-filter-bar button#ewpe-fb-thisweek,
.ewpe-filter-bar button#ewpe-fb-nextweek,
.ewpe-filter-bar button#ewpe-fb-thisweekend,
.ewpe-filter-bar button#ewpe-fb-thismonth,
.ewpe-filter-bar button#ewpe-fb-nextmonth {
    border: none;
    padding: 8px 14px;
    background-color: var(--ewpe-filter-btn-bg-color);
    color: var(--ewpe-filter-btn-text-color);
    cursor: pointer;
}
.ewpe-filter-bar button.ewpe-date-buttons:hover {
    background-color: var(--ewpe-filter-hvr-btn-bg-color) !important;
    color: var(--ewpe-filter-hvr-btn-text-color) !important;
}
.ewpe-filter-bar button.ewpe-date-buttons.active {
    background-color: var(--ewpe-filter-btn-active-bg-color) !important; 
    color: var(--ewpe-filter-btn-active-text-color) !important;
}
#ewpe-filter-loader {
    width: 100%;
    text-align: center;
}

.ewpe-filter-preloader {
    text-align: center;
    margin: auto;
    width: 60px;
    aspect-ratio: 4;
    background: radial-gradient(circle closest-side, #000 90%, #0000) 0/calc(100%/3) 100% space;
    clip-path: inset(0 100% 0 0);
    animation: l1 1s steps(4) infinite;
}

@keyframes l1 {
    to {
        clip-path: inset(0 -34% 0 0)
    }
}

.ewpe-clear-filter{
    cursor: pointer;
}
.ewpe-filter-group:has(> input#ewpe-fb-calendar) {
    width: 35%;
}
.ewpe-filter-group:has(> button#ewpe-fb-todaydate),
.ewpe-filter-group:has(> button#ewpe-fb-thisweek),
.ewpe-filter-group:has(> button#ewpe-fb-nextweek),
.ewpe-filter-group:has(> button#ewpe-fb-thisweekend),
.ewpe-filter-group:has(> button#ewpe-fb-thismonth),
.ewpe-filter-group:has(> button#ewpe-fb-nextmonth) {
    width: 153px;
}
@media screen and (max-width:1024px) {
    .ewpe-outer-wrapper{
        padding: 0 10px;
    }
}   

@media screen and (max-width:768px) {

    .ewpe-filter-group:has(> input#ewpe-fb-calendar) {
        width: 49%;
    }

    .ewpe-filter-bar {
        flex-direction: column;
        align-items: flex-start;
    }
    .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main .ewpe-filter-group {
        width: 80%;
    }
    .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters.active .ewpe-filter-group {
        width: 49%;
    }
    .ewpe-filter-bar.ewpe-filters-filter {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .ewpe-filter-bar.ewpe-filters-filter .ewpe-filter-group {
        width: 49%;
    }
}

@media screen and (max-width:525px) {

    .ewpe-filter-bar button{
        padding: 10px;
    }
    .ewpe-filter-group:has(> input#ewpe-fb-calendar) {
        width: 100%;
    }

    .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main {
        flex-direction: column;
        gap: 10px;
    }
    .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-main .ewpe-filter-group {
        width: 100%;
    }
    .ewpe-filter-bar.ewpe-filters-both .ewpe-filterbar-filters.active .ewpe-filter-group {
        width: 100%;
    }
    .ewpe-filter-bar.ewpe-filters-filter .ewpe-filter-group {
        width: 100%;
    }
}