.ecal-space {
    display: flex;
    width: 100%;
    height: 100%;
}

.ecal-event-widget-page {
    width: 100%;
    height: 100vh !important;
    border-width: 0px;
}

.ecal-event-widget-column {
    width: 100%;
    min-width: 300px;
    /* height: 100%; */
    min-height: 600px;
    border-width: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}


.ecal-event-widget-carousel {
    width: 100%;
    height: 280px;
    border-width: 0px;
    background-color: transparent;
}


.ecal-grid {
    display: flex;
    box-sizing: border-box;
    width: 100%;
}


@keyframes loading {

    0% { 
      transform: rotate(0); 
    }

    100% { 
      transform: rotate(360deg);
    }

}


.ecal-preloader-space {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
 
.ecal-preloader {
   
    display: block;
    overflow: hidden;

    width: 84px;
    height: 84px;
 
    background-image: url('../images/loading-animation.gif');
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;

    transform-origin: 50% 50%;
    /* animation: loading 1s linear infinite; */
}