/* GF Events Plugin Styles */

.gf-btn {background:var(--gf-events-primary);color:#000;display:inline-block;padding:10px;}

.event-archive.wrap {margin-bottom:35px;}
.events-list {display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}
.event-item {position:relative;padding:0 0 50px;}
.event-item h2 {font-size:1.8rem;}
.event-img {display:block;min-width:230px;}
.event-img img {width:100%;height:240px;object-fit:cover;}
.event-meta {list-style:none;padding:0;display:flex;gap:10px;align-items:center;flex-flow:row wrap;}
.event-meta li {display:flex;align-items:center;gap:4px;}
.view-event {position:absolute;bottom:0;left:0;}
.events-list svg,.event-meta svg {width:18px;height:auto;}
.event-venue {display:flex;align-items:center;gap:8px;color:var(--gf-events-primary);font-weight:bold;}

/*List View*/
.events-list.event-list {display:block;}
.events-list.event-list .event-item {display:flex;gap:35px;margin-bottom:20px;}
.events-list.event-list .event-item .event-text {position:relative;}
.events-list.event-list .event-item .view-event {bottom:4px;}
.events-list.event-list.no-image .event-text {padding-bottom:50px;}

/*Single Events*/
.single-wrap {width:800px;max-width:90%;margin:0 auto;}
.single .gform_wrapper.gravity-theme .ginput_total {color:var(--gf-events-primary);}

/* Make sure the parent wrapper has a container query */
.event-archive {
    container: gf-event-wrapper inline-size;
}

/* Adjust the grid layout when the container's inline size is below 1000px */
@container gf-event-wrapper (max-width: 1000px) {
    .event-list {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
}

/*Pagination*/
.event-pagination {text-align:center;margin-top:20px;display:flex;justify-content:center;gap:5px;}
.event-pagination a,.event-pagination span {padding:10px;margin:0;background-color:#f1f1f1;text-decoration:none;display:block;}
.event-pagination .current {background-color:#333;color:white;}
.event-pagination a:hover {background-color:#ccc;}

/*Archive Pagination*/.pagination {text-align:center;margin:2rem 0;}
.pagination .page-numbers {display:inline-block;margin:0 0.25rem;padding:0.5rem 0.75rem;background:#f0f0f0;color:#333;text-decoration:none;border-radius:5px;}
.pagination .current {background:var(--gf-events-primary);color:#fff;}

@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px) {
.events-list.grid,.events-list.event-grid {grid-template-columns:repeat(3,1fr);}
}

@media only screen and (max-width: 780px), only screen and (max-device-width: 780px) {
.events-list.grid,.events-list.event-grid {grid-template-columns:repeat(2,1fr);}
.events-list.event-list .event-item {flex-direction:column;}
.events-list.event-list .event-item {gap:0;}
.events-list.event-list .event-item .event-text {position:unset;}
}

@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
.events-list.grid,.events-list.event-grid {grid-template-columns:repeat(1,1fr);}
}