.em-all-events .card-title a {
    color: #007bff;
    text-decoration: none;
}

.em-all-events .card-title a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.carousel-inner img {
    max-height: 500px;
    object-fit: cover;
}

.em-all-events .card {
    margin-bottom: 20px;
}
.em-all-events .card-img-top {
    height: 200px;
    object-fit: cover;
}
.em-image-preview img {
    margin: 5px;
    max-width: 100px;
}



/* General Container Styles */
.em-archive-event {
    margin-top: 20px;
}

.em-archive-event h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    text-align: center;
    color: #333;
}

/* Tabs Styles */
.nav-tabs {
    border-bottom: 2px solid #007bff;
}

.nav-tabs .nav-item .nav-link {
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    padding: 10px 20px;
    margin-right: -1px;
    transition: background-color .3s, color .3s;
}

.nav-tabs .nav-item .nav-link.active {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.nav-tabs .nav-item .nav-link:hover {
    background-color: #e9ecef;
}

/* Tab Pane Styles */
.tab-content {
    padding: 20px;
    border: 1px solid #dee2e6;
    border-top: 0;
    border-radius: .25rem;
    background-color: #f8f9fa;
}

.tab-pane {
    padding: 20px;
}

/* Card Styles */
.card {
    border: none !important;
    border-radius: 26px !important;        background-color: #f8f9fa !important ;
    overflow: hidden;
    transition: box-shadow .3s;
}.card img{     width: 100%;    height: 400px;    object-fit: cover;    transition: 0.4s;border-radius:24px;}

.card:hover {
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
}

.card-img-top {
    border-bottom: 1px solid #dee2e6;
}
img.card-img-top {    height: 260px !important;}
.card-body {
    padding: 1.25rem;
}

.card-title a {
    text-decoration: none;
    color: #007bff;
    transition: color .3s;
}

.card-title a:hover {
    /*color: #0056b3;*/
}

.card-text {
    color: #666;
}

/* Pagination Styles */
.col-12 {
    margin-top: 20px;
    text-align: center;
}

.pagination {
    display: inline-block;
}

.pagination .page-link {
    border-radius: .25rem;
    color: #007bff;
    padding: 8px 12px;
    margin: 0 2px;
    border: 1px solid #dee2e6;
    transition: background-color .3s, color .3s;
}

.pagination .page-link:hover {
    background-color: #007bff;
    color: white;
}

.pagination .page-item.active .page-link {
    background-color: #007bff;
    color: white;
    border: 1px solid #007bff;
}

.card-body {        display: flex;    align-items: center;    justify-content: space-between;    margin-top: 11px;}
.card-date, .card-categories, .card-location {
    font-size: 16px;    font-weight: 500;    color: var(--theme-color);
}.card-category{    margin-bottom: 7px;}

.card-date strong, .card-categories strong, .card-location strong {
    color: #333;
}
.card-title a{    font-size: 24px !important;    font-weight: 600 !important;    color: var(--theme-color) !important;    margin-bottom: 13px !important;    margin-top: -0.3em !important;}.btn-wrap {    display: flex;    flex-wrap: wrap;    align-items: center;    gap: 20px 30px;}.th-btn.style-border2 {    border: 1px solid var(--theme-color);    padding: 16px 30px;    color: var(--theme-color);    background: transparent;}.th-btn {    position: relative;    z-index: 2;    overflow: hidden;    vertical-align: middle;    display: inline-flex;    border: none;    text-align: center;    background-color: var(--theme-color);    color: var(--white-color);    font-family: var(--body-font);    font-size: 16px;    font-weight: 500;    line-height: 1;    padding: 18.5px 24px;    min-width: 125px;    border-radius: 50px;    justify-content: center;    align-items: center;    gap: 8px;}.th-btn.style-border2:hover {    background: var(--theme-color);    color: var(--white-color);}a:active, a:focus, a:hover, a:visited {    text-decoration: none;    outline: 0;}.display-categories {    display: flex;    gap: 45px;    align-items: center;}.card .card-img-top{  transition: transform .2s; /* Animation */   }.card .card-img-top:hover{  transform: scale(1.1);}


p.card-location, p.card-categories, p.card-tags {
    display: flex;
    gap: 5px;
    align-items: center;
}




/* new css event page */



.tab-content {

    padding: 20px;

    border: 0 !important;

    border-top: 0;

    border-radius: .25rem;

    background-color: transparent !important;

}

.card {

    background-color: transparent  !important;

}

.card_images {

    border-radius: 24px;

    overflow: hidden;

}

.card-body.event_card_body {

    padding: 0px 0px;

}

.event-nav-tabs {

    border-bottom: 4px solid #dee2e6;

}

.events-nav-link {

    background-color: #fff;

    padding: 8px 35px !important;

    border-radius: 0 !important;

}

.events-nav-link.active {

    background-color: #000 !important;

    border: 0 !important;

    border: 0 !important;

}

a.nav-link.events-nav-link {

    border: 0 !important;

}

.events-tab-pane {

    padding: 0;

}

.events-tab-content {

    padding: 30px 0px;

}


.slider-container {
    position: relative;
    max-width: 80%;
    margin: auto;
}

.slider {
    display: flex;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    height: auto;
}

.slide {
    min-width: 100%;
    transition: ease-in-out 0.5s;
    opacity: 0;
    display: none;
}

.active {
    display: block;
    opacity: 1;
}

.slider img {
    width: 100%;
    height: 500px;
}

.slider-nav {
    position: absolute;
    top: 40%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.slider-nav button {
    background-color: rgba(0,0,0,0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 24px;
}

.thumbnail-container {
    display: flex;
    flex-wrap: nowrap; 
    overflow-x: auto; 
    max-width: 100%; 
    padding: 10px 0; 
}

.thumbnail {
    flex: 0 0 auto; 
    width: 98px; 
    height: auto; 
    margin-right: 10px; 
    cursor: pointer; 
    border: 2px solid transparent; 
    transition: border-color 0.3s; 
}

.thumbnail.active-thumbnail, .thumbnail:hover {
    opacity: 1;
    border-color: #007bff;
}

.thumbnail img {
    width: 100%;
    height: auto;
}

.single-event-page {
    border: 1px solid #ececec;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 25px;
}
.single-event-page-heading h4 {
    font-size: 18px;
    font-weight: 500;
    color: #202428;
    margin: 0;
}
.single-event-page-heading {
    padding: 16px 20px;
    border-bottom: 1px solid #ececec;
    border-radius: 4px 4px 0 0;
}
.slider-container {
    padding: 20px 70px;
    border-radius: 0 0 4px 4px;
}
.slider-nav .next{
    position: absolute;
    right: 140px;
}
.single-event-listing-single.single-event-listing-single-quickinfo {
    margin: 10px 0 10px 0;
    border: 0 none;
    background: #A4B5BA;
    border-radius: 15px;
    font-size: 15px;
}
.single-event-listing-details .single-event-listing-single .single-event-listing-single__info {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.single-event-listing-single .single-event-listing-single__info .single-event-info-item {
    line-height: 1.45;
    position: relative;
    display: inline-block;
}
.single-event-listing-single .single-event-listing-single__info .single-event-pricing-meta .single-event-listing-price {
    background: transparent;
    color: var(--white-color);
    font-size: 18px;
    font-weight: 600;
}
.single-event-badge.single-event-badge-popular {
    margin: 4px;
}
.single-event-listing-single .single-event-badge.single-event-badge-popular {
    background: var(--theme-color2) !important;
}
.single-event-listing-single .single-event-badge {
    padding: 3px 10px;
    color: var(--title-color);
    font-weight: 600;
    margin: 3px;
}
.single-event-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.7;
    padding: 0 3px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
}
.single-event-listing-details .single-event-listing-details__listing-title {
    font-size: 30px;
    font-weight: 500;
    display: inline-block;
    margin: 0 15px 12px 0;
}
.single-event-card__body {
    padding: 20px 25px;
    border-radius: 0 0 4px 4px;
}
.single-event-listing-details__listing-title {
    margin-bottom: 15px;
    color: #7a82a6;
    font-size: 15px;
}
.single-event-listing-details .single-event-listing-details__text p {
    margin: 0 0 15px;
    color: #7a82a6;
    line-height: 24px;
}
h2.single-event-listing-details__listing-title {
    color: var(--title-color);
}

.slider-nav button {
    font-size: 16px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card_images {
    position: relative;
    overflow: hidden;
}

.card_images img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease-in-out;
}

.shine-effect {
    position: relative;
    overflow: hidden;
}

.shine-effect::after {
    content: '';
    position: absolute;
    top: 0;
    right: 170%; /* Initially positioned off the screen on the right */
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); /* Shine color */
    transform: skewX(-25deg); /* Diagonal shine */
    transition: right 0.5s ease-in-out; /* Controls the speed of the shine */
    z-index: 1; /* Ensure the shine appears above the image */
}

.shine-effect:hover::after {
    right: -20%; /* Move the shine across from right to left on hover */
}

.shine-effect:hover img {
    transform: scale(1.05); /* Slightly zoom in the image on hover */
}


.map-iframe {
    width: 100%;
    height: 400px;
    border: 0;
}

/* Style for YouTube iframe */
.youtube-iframe {
    width: 100%;
    height: 400px;
    border: 0;
}

.back-page-text {
    margin: 15px;
}

.single-event-return-back {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #000000; 
    font-family: 'Arial', sans-serif; 
    font-size: 16px; 
}

.single-event-icon-mask {
    font-size: 20px; 
    margin-right: 8px; 
    color: #000000; 
}


/* Basic styling for icon containers */
.event-info-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.event-info-item i {
    font-size: 20px;
    margin-right: 10px;
    color: #333; /* Change color as needed */
}

/* Ensure links are visible */
.event-listing-category a,
.event-listing-location a,
.event-listing-tags a {
    color: #0073aa;
    text-decoration: none;
}

.event-listing-category a:hover,
.event-listing-location a:hover,
.event-listing-tags a:hover {
    text-decoration: underline;
}

/* Placeholder styling for no items found */
.event-info-item {
    font-style: italic;
    color: #666;
}



.single-event-info {
    display: flex;
    gap: 10px; 
    margin: 10px 0 10px 0;
}

.single-event-info a:hover {
    text-decoration: none;
}

.event-info-item {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #f9f9f9; 
    border: 1px solid #ddd; 
    border-radius: 8px; 
    margin: 0; 
}

.event-info-item i {
    margin-right: 8px; 
}

.event-listing-category {
    background-color: #e0f7fa; 
    border-color: #b2ebf2; 
}

.event-listing-location {
    background-color: #e8f5e9; 
    border-color: #a5d6a7; 
}

.event-listing-tags {
    background-color: #fce4ec; 
    border-color: #f48fb1; 
}


/*media css*/

@media screen and (max-width: 767px) {
  .slider-container {
    max-width: 100%;
}
.slider-container {
    padding: 20px 0px;
}
.slider-nav .next {
    position: absolute;
    right: 0px;
}
.slider img {
    height: 250px;
}
.single-event-listing-details .single-event-listing-details__listing-title {
    font-size: 25px;
}
 .event-info-item {
        flex: 1 1 100%; /* Items take full width on smaller screens */
        padding: 15px; /* Add more padding for touch devices */
    }

    .event-info-item i {
        font-size: 1.1em; /* Slightly larger icons for better visibility */
    }
    .event-info-item {
        display: inline-block; /* Display items inline */
        vertical-align: top; /* Align items to the top */
        width: calc(50% - 10px); /* Two items per row with gap */
        box-sizing: border-box; /* Ensures padding and border are included in width */
    }
}


@media screen and (max-width: 991px) {
  .slider-container {
    max-width: 100%;
}
.slider-container {
    padding: 20px 0px;
}
.slider-nav .next {
    position: absolute;
    right: 0px;
}
.slider img {
    height: 190px;
    margin: 6px;
}
.slider-nav {
    padding: 0px 0 0 16px;
    position: absolute;
    top: 33%;
    width: 100%;
    left: -5px;
}

}

@media screen and (max-width: 1024px) {
  .slider-container {
    max-width: 100%;
}
.slider-container {
    padding: 20px 0px;
}
.slider-nav .next {
    position: absolute;
    right: 0px;
}
}


@media (max-width: 768px) {
    .slider-container {
        display: block;
    }

    .slide {
        width: 100%; /* Adjust width for mobile */
    }
    
    .thumbnail-container {
        flex-wrap: nowrap; 
        overflow-x: auto;
    }
    
    .single-event-info {
        flex-direction: column;
        align-items: flex-start; 
    }

    .event-info-item {
        flex-direction: column; 
        text-align: left; 
        padding: 15px; 
    }

    .event-info-item i {
        margin-right: 0; 
        margin-bottom: 8px; 
    }
}

@media (max-width: 480px) {
    .event-info-item {
        padding: 10px; 
    }

    .event-info-item i {
        font-size: 1.2em; 
    }
}