/*  -------------------------------Event slider Style Start -------------------------------*/
.ectbe-swiper-outer-wrapper {
    position: relative;
    --ectbe-btn-fnt-size: 22px;
    --ectbe-nav-btn-top-pos: 50%;
    --ectbe-cbx-img-padding: 0px;
    --ectbe-btn-bdr-width: 2px;
    --e-ectbe-date-area-margin: 10px 0px;
    --e-ectbe-date-area-padding: 0 0 0 0;
    --e-ectbe-cate-single-margin: 0px 5px 0px 0px;
    --ectbe-cbx-img-width: 100%;
    --ectbe-cbx-img-height: 100%;
    --e-ectbe-evt-description-color:#00445e;
  }
  
.ectbe-wrapper.ectbe-slider-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    padding: 0px;
}

.ectbe-slider-wrapper a {
    text-decoration: none;
    padding: 0px;
}

.ectbe-slider-wrapper.ectbe-wrapper .ectbe-inner-wrapper {
    margin: 0px;
    background-color: aliceblue;
}

/*---------------------------------- Event nested content css start  ---------------------------------*/

.ectbe-slider-wrapper .ectbe-nested-content {
    --flex-direction: column;
    padding: 10px 20px;
    border-width: 0px 0px 0px 4px;
    border-style: solid;
    border-color: black;
}

.ectbe-slider-wrapper .ectbe-evt-cost {
    font-weight: bold;
    font-size: 20px;
}

.ectbe-slider-wrapper .ectbe-evt-description {
    margin: 5px 0px;
    color: var(--e-ectbe-evt-description-color);
}


/*---------------------------------- Event nested content css End  ---------------------------------*/

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

.ectbe-wrapper.ectbe-slider-wrapper .ectbe-date-wrp {
    color: var(--e-ectbe-date-area-color);
    margin: var(--e-ectbe-date-area-margin);
    font-size: 36px;
    padding: var(--e-ectbe-date-area-padding);
    font-weight: 700;
}

.ectbe-slider-wrapper .ectbe-evt-more-box {
    border-width: 2px;
    border-style: solid;
    border-color: black;
    padding: 5px;
    --justify-content: center;
}

/* -------------------------------Swiper css - Start------------------------------- */
.ectbe-button-prev,
.ectbe-button-next {
    position: absolute;
    top: var(--ectbe-nav-btn-top-pos);
    transform: translateY(-50%);
    z-index: 99;
    font-size: var(--ectbe-btn-fnt-size);
    color: #680b39;
    border-radius: var(--ectbe-nav-btn-radius);
    padding:var(--ectbe-nav-btn-padding);
    margin: var(--ectbe-nav-btn-margin);
}

.ectbe-button-prev {
    left: 0px;
}

 .ectbe-button-next {
    right: 0px;
}

.ectbe-button-prev:hover , .ectbe-button-next:hover
    {
    cursor: pointer;
}


.ectbe-button-next[aria-disabled="true"],.ectbe-button-prev[aria-disabled="true"]{
    
    color: black;
}

/* -------------------------------Swiper css - End------------------------------- */

/* -------------------------------Media Query - start ------------------------------- */


@media screen and (max-width:767px) {
    
    .ectbe-slider-wrapper .ectbe-nested-content {
        border-style: none;
    }
}
/* -------------------------------Media Query - End ------------------------------- */

/*  -------------------------------Event slider Style End -------------------------------*/