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

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


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

i.ccmew-eicons-logo {
    background: url(../images/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.ccmew-eicons-logo {
    width: 16px;
    height: 16px;
}

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

.ccmew-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------------------------------------ */

.ccmew-evt-speaker,
.ccmew-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;
}

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

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

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

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

.ccmew-evt-sponsor,
.ccmew-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;
}

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

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

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

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

.ccmew-evt-org,
.ccmew-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;
}

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


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


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

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

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


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


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

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

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

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


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


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

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


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


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

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


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


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

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

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

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


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

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

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


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

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


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


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

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


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


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

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

ul.ccmew-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.ccmew-each-cate {
    color: var(--e-ccmew-each-cate-color);
    font-size: 12px;
    line-height: normal;
    background-color: var(--e-ccmew-each-cate-bg-color);
    border-radius: var(--e-ccmew-cate-single-bdr-radius);
    border-width: 0px;
    border-style: none;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    padding: var(--e-ccmew-cate-single-padding);
}

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

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

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


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


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

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

ul.ccmew-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.ccmew-each-tag {
    color: var(--e-ccmew-each-tag-color);
    font-size: 12px;
    line-height: normal;
    border-radius: var(--e-ccmew-tag-single-bdr-radius);
    background-color: var(--e-ccmew-each-tag-bg-color);
    border-width: 0px;
    border-style: none;
    padding: var(--e-ccmew-tag-single-padding);
}

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

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

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


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


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

.ccmew-div-readmore {
    text-align: var(--ccmew-readmore-alignment);
}
.ccmew-div-readmore a{
    text-decoration: none !important;
}

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

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


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

/* ------------------------------------Event Event URL CSS - Start------------------------------------ */

.ccmew-div-event-url {
    text-align: var(--ccmew-event-url-alignment);
}
.ccmew-div-event-url a{
    text-decoration: none !important;
}

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

.ccmew-event-url:hover {
    color: var(--ccmew-event-url-hvr-color);
    background-color: var(--ccmew-event-url-hvr-bg-color);
}


/* ------------------------------------Event Event URL CSS - End------------------------------------ */

/* ------------------------------------Event ACF URL Button CSS - Start------------------------------------ */

.ccmew-div-acf-url-button {
    text-align: var(--ccmew-acf-url-button-alignment);
}
.ccmew-div-acf-url-button a {
    text-decoration: none;
}

.ccmew-acf-url-button,
.ccmew-acf-url-button:focus {
    border-radius: var(--e-ccmew-acf-url-button-bdr-radius);
    color: var(--ccmew-acf-url-button-color);
    background-color: var(--ccmew-acf-url-button-bg-color);
    margin: 0;
    padding: var(--ccmew-acf-url-button-padding);
    border-width: 0px;
    outline-width: 0px;
}

.ccmew-acf-url-button:hover {
    color: var(--ccmew-acf-url-button-hvr-color);
    background-color: var(--ccmew-acf-url-button-hvr-bg-color);
}


/* ------------------------------------Event ACF URL Button CSS - End------------------------------------ */


/* Event list layout css*/

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


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

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

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

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

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


/*Equal height*/

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


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


/* month -header css */

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

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


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

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

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

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

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

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

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

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

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

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


/* Edit template button css*/

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

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

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


/* Featured label Widget CSS */

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

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

.ccmew-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 */

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

.ccmew-acf-wrapper {
    background-color: var(--ccmew-evt-acf-background-color);
}

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

.ccmew-field-wrap {
    display: flex;
    --flex-direction: row;
    /* flex-direction: var(--ccmew-direction-acf-field);
    gap:var(--ccmew-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);
}


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

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

/* Virtual events tag widget css*/
.ccmew-virtual-events-tag-wrapper{
    display: flex;
    justify-content: var(--ccmew-evt-virtual-wrapper-alignment);
}
.ccmew-virtual-events-tag-wrapper .ccmew-virtual-events-tag{
    display: flex;
    align-items: center;
    gap: var(--ccmew-evt-virtual-icon-spacing);
    padding: var(--ccmew-evt-virtual-padding);
    margin: var(--ccmew-evt-virtual-margin);
    background-color: var(--ccmew-evt-virtual-bg-color);
    border-radius: var(--ccmew-evt-virtual-border-radius);
}

.ccmew-virtual-events-tag-title{
    color: var(--ccmew-evt-virtual-text-color);
}

.ccmew-virtual-events-icon{
    color: var(--ccmew-evt-virtual-icon-color);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ccmew-filter-bar.ccmew-filters-both .ccmew-filterbar-main .ccmew-filter-group.ccmew-open-filter-off {
    width: 87%;
}
.ccmew-filter-bar.ccmew-filters-both .ccmew-filterbar-main .ccmew-filter-group.ccmew-open-filter-on {
    width: 99%;
}
.ccmew-filter-bar.ccmew-filters-both .ccmew-filterbar-main .ccmew-filter-group {
    width: 87%;
}

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

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

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

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

.ccmew-filter-bar input#ccmew-fb-search,
.ccmew-filter-bar input#ccmew-fb-calendar {
    border: none !important;
}
.ccmew-filter-bar button#ccmew-fb-todaydate,
.ccmew-filter-bar button#ccmew-fb-thisweek,
.ccmew-filter-bar button#ccmew-fb-nextweek,
.ccmew-filter-bar button#ccmew-fb-thisweekend,
.ccmew-filter-bar button#ccmew-fb-thismonth,
.ccmew-filter-bar button#ccmew-fb-nextmonth {
    border: none;
    padding: 8px 14px;
    background-color: var(--ccmew-filter-btn-bg-color);
    color: var(--ccmew-filter-btn-text-color);
    cursor: pointer;
}
.ccmew-filter-bar button.ccmew-date-buttons:hover {
    background-color: var(--ccmew-filter-hvr-btn-bg-color) !important;
    color: var(--ccmew-filter-hvr-btn-text-color) !important;
}
.ccmew-filter-bar button.ccmew-date-buttons.active {
    background-color: var(--ccmew-filter-btn-active-bg-color) !important; 
    color: var(--ccmew-filter-btn-active-text-color) !important;
}
#ccmew-filter-loader {
    width: 100%;
    text-align: center;
}
.swiper-wrapper #ccmew-filter-loader {
    position: absolute;
  }
.ccmew-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)
    }
}

.ccmew-clear-filter{
    cursor: pointer;
}
.ccmew-filter-group:has(> input#ccmew-fb-calendar) {
    width: 35%;
}
.ccmew-filter-group:has(> button#ccmew-fb-todaydate),
.ccmew-filter-group:has(> button#ccmew-fb-thisweek),
.ccmew-filter-group:has(> button#ccmew-fb-nextweek),
.ccmew-filter-group:has(> button#ccmew-fb-thisweekend),
.ccmew-filter-group:has(> button#ccmew-fb-thismonth),
.ccmew-filter-group:has(> button#ccmew-fb-nextmonth) {
    width: 153px;
}


/* Event Status Widget CSS */

.ccmew-labels-scheduled,
.ccmew-labels-canceled,
.ccmew-labels-postponed,
.ccmew-separator-event {
    color: var(--ccmew-status-label-color);
}

.ccmew-reason {
    color: var(--ccmew-reson-color);
}

.ccmew-tool-tip-wrapper {
    text-align: var(--ccmew-tooltip-alignment);
}

/* Events Loop Widget CSS */
.ccmew-events-header,
.ccmew-events-footer {
	text-align: left;
	margin: 0;
}

/* Stats count widget css*/
.ccmew-stats-count {
	color: var(--ccmew-stats-color);
	background-color: var(--ccmew-stats-count-bg-color);
	text-align: var(--ccmew-stats-count-alignment);
}

.ccmew-stats-count:hover {
	color: var(--ccmew-stats-count-hvr-color);
}

/* Stats distance widget css*/
.ccmew-stats-distance {
	color: var(--ccmew-stats-distance-color);
	background-color: var(--ccmew-stats-distance-bg-color);
	text-align: var(--ccmew-stats-distance-alignment);
}

.ccmew-stats-distance:hover {
	color: var(--ccmew-stats-distance-hvr-color);
}

/* Stats elevation widget css*/
.ccmew-stats-elevation {
	color: var(--ccmew-stats-elevation-color);
	background-color: var(--ccmew-stats-elevation-bg-color);
	text-align: var(--ccmew-stats-elevation-alignment);
}

.ccmew-stats-elevation:hover {
	color: var(--ccmew-stats-elevation-hvr-color);
}

/* Stats gravel widget css*/
.ccmew-stats-gravel {
	color: var(--ccmew-stats-gravel-color);
	background-color: var(--ccmew-stats-gravel-bg-color);
	text-align: var(--ccmew-stats-gravel-alignment);
}
.ccmew-stats-gravel:hover {
	color: var(--ccmew-stats-gravel-hvr-color);
}

/* Stats duration widget css*/
.ccmew-stats-duration {
	color: var(--ccmew-stats-duration-color);
	background-color: var(--ccmew-stats-duration-bg-color);
	text-align: var(--ccmew-stats-duration-alignment);
}
.ccmew-stats-duration:hover {
	color: var(--ccmew-stats-duration-hvr-color);
}

@media screen and (max-width:1024px) {
    .ccmew-outer-wrapper{
        padding: 0 10px;
    }
}   

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

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

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

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

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

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