/*---General CSS */

:root {

    /*--colors variable--*/

    --ep-light-color: 248,249,250;
    --ep-dark-color: 33,37,41;
    --ep-white-color: 255,255,255;
    --ep-black-color: 0,0,0;
    --ep-border-color: #dee2e6;
    --ep-border-color-rgb: 222,226,230;
    --ep-border-light-color: #e8e8e8;
    --ep-border-green-color: #cbf9d6;
    --ep-default-color: #1a202c;
    --ep-body-color: #212529;
    --ep-border-opacity-color :rgb(34 113 177 / 50%);
    --ep-warning-color: 255,193,7;
    --ep-warning-text: #997404;
    --ep-warning-bg-subtle: #fff3cd;
    --ep-warning-border-subtle: #ffe69c;
    --ep-success-color: 25,135,84;
    --ep-danger-color: 220,53,69;
    --ep-lightgreen-color: 42,175,74;
    --ep-dark-bg: 33,37,41;
    --ep-transparent-bg:transparent;
    --ep-transparent-border:transparent;
    --ep-secondary-rgb: 108,117,125;

    /*--colors--*/

    /*-- border radius --*/

    --ep-border-radius: 0.375rem;
    --ep-border-radius-sm: 0.25rem;
    --ep-border-radius-lg: 0.5rem;
    --ep-border-radius-2xl: 2rem;
    --ep-border-radius-pill: 50rem;

    /*-- border radius End --*/

    /*--Modal--*/

    --ep-modal-width: 800px;

    /*-- Modal End--*/

}

/*---- If Dark Mode----*/
/*---- If Dark Mode----*/

/*--Pointer events---*/

/*--Pointer events End---*/

/*---Error Message--*/

/*---Erorr Message End--*/


/* --button text based --*/

/* -- button text based end --*/

/* Button ---*/

/* Button End ---*/

/* Button Outline---*/

/*--Button Outline End*/

/*-- Button variable---*/

/* ---if the Dasrk Mode On---*/

/* ---if the Dasrk Mode On Ends---*/

/*---Button variable end--*/

/*--Slide Dropdowns--*/

/*--Slide Dropdowns--*/

/* --colors --*/

/* --colors Ends --*/

/* --background color --*/

/*background color Ends:---*/


/* --Background opacity --*/

/* --Background opacity --*/

/*---Borders--- ---*/

/*---Borders End---*/


/* --border opacity --*/

/* --border opacity --*/
/*--Typography--*/

/*-- If Dark Mode On---*/

/*-- If Dark Mode On CSS Ends---*/

/*--Typography End--*/

/*--Images--*/

/*--Images End--*/

/*---Sizing---*/

/*---Sizing End---*/

/*-- Positions---*/


/*-- Positions end---*/

/*-- Paddings--*/

/*-- Paddings End:--*/


/*-- Margins--*/

/*-- Margins Ends--*/


/*--List group--*/

/*-- List group End--*/

/*--- If dark Mode---*/

/*--- dark Mode End---*/

/*---Alignments---*/

/*---Aligments End*/


/*--Element Hide--*/

/*--Element Hide End--*/

/*--overflow--*/

/*--Overflow--*/

@media (min-width: 540px){

    /*-- Other CSS----*/

}

@media (min-width: 767px){


    /*---Other CSS--*/
    
}
/* @media (max-width:1080) */
/*@media (min-width: 1080px){*/

@media (min-width: 1068px){

    /*--Custom Col--*/

    /*--Custom Col End--*/
}

/*---Gutter Spacing--*/

/*--Gutter Spacing--*/

/*--Card --*/

/*---Card---*/


/*--- End: General CSS */


/* Global Tabs */


/*Pils--*/

/*--Pills End---*/

/*-if dark mode-*/
/*-if dark mode ends-*/

/*---Global Tabs Ends--*/

/*---Radio Button Group---*/

/*-- If the Dark theme enabled---*/

/*-- If the Dark theme End---*/

/*---Radio Button Group End---*/

/*---Button Group ---*/

/*--- Button Group End---*/

/*--General Modal CSS---*/

/*---if dark mode on---*/

/*-- If dark mode on ends:---*/

@keyframes ep-bounceIn {
    0%   {
        transform: translateY(-200%) scale(1.5);
        opacity:0;
    }
    30%  {
        opacity:1;
    }
    58%  {
        transform: translateY(0) rotate(1deg) scale(1);
        opacity: 1
    }
    72%  {
        transform: translateY(-30px) rotate(-1deg);
    }
    80%  {
        transform: translateY(0) rotate(0.5deg);
    }
    100% {
        transform: translateY(0) rotate(0deg);
    }
}

@keyframes ep-bounceOut {
    0%   {
        transform: translateY(0);
    }
    10%  {
        transform: translateY(-10px) rotate(-0.5deg);
    }
    30%  {
        transform: translateY(20px) rotate(8deg);
    }
    70%  {
        opacity: 1;
    }
    90%  {
        transform: translateY(300%) translateX(40px) rotate(35deg);
        opacity: 0;
    }
    100% {
        display: none;
    }
}

@keyframes ep-globalSetting-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes ep-globalSetting-fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/*-- General Modal CSS Ends---*/

/*Form CSS--*/

/*-- If The Dark Mode On---*/

/*-- If The Dark Mode On End---*/

/*-- Form CSS End--*/

/* Form Error and Notifications---*/

/*--Form error And Notification end--*/

/*-- Table CSS--*/

/*Table CSss--*/

/*-- Custom  css for Single event page---*/
/*-- Custom  css for Single event page End---*/

/*--Loader--*/

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

/* Change the parent .parent if it has a .child inside */

/* New Loader--*/
@keyframes epLoader {
    50% {
        opacity: 1;
    }
}

/* New Event Loader--*/

/* Progress */

/*--- If Dark Mode On---*/

/* Progress End */

/*--Single Performer List View End--*/

/* Load More Spinner Button */

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

/* Load More Spinner Button End */

@media (max-width: 600px){
}
/*-- Only Large screen---*/

/*--Theme Fixed--*/

/*--Theme Fixed End--*/

/*--- PopOver----*/
/*--- PopOver End----*/

/* coral dark theme fixes start */
/* coral dark theme fixes end */

/*gdpr badge modal start*/

/* GDPR Modal Styling */

/*--- Cookie Banner----*/

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*----General Issues----*/