title = "Events"
url = "/events"
layout = "default"
is_hidden = 0
==
{% partial "listings/top-block"
    breadcrumb_title="Events"
    title="Events"
    description="We have 230 Ready to go packages,  1000 Hotels, 20 Islands - Lorem ipsum dolor sit amet"
%}

<style>
     .listing-result li:nth-child(2):after, .listing-result li:nth-child(3):after, .listing-result li:nth-child(4):after{
    display: none;
}
</style>
<div class="content-container">
    <div id="app"></div>
</div>
<script>
let url = window.location.href;
var arr = url.split('?');
const queryString = window.location.search;
console.log(arr);
if (url.length > 1 && !arr[1]) {
const urlParams = new URLSearchParams(queryString);
const displaymod = urlParams.get('display-mod');
if(!displaymod ){
    window.location.href += '?&display-mod=cards-grid';
}
}
else if (url.length > 1 && arr[1]) {
const urlParams = new URLSearchParams(queryString);
const displaymod = urlParams.get('display-mod');
if(!displaymod ){
    window.location.href += '&display-mod=cards-grid';
}
}
</script>
<script>
    window.caribbeanListing = {
        baseUrl: '/webapi/v1/islands-search',
        urlAlias: '/event/',
        favoriteType: 'event',
        mapApiKey: 'AIzaSyAoUo-gAEfbSoxEJ-oWxoc47yArTi09ZCc'
    };
</script>
<script src="/themes/ketikidis-octobercms-success/assets/js/dist/listing.js"></script> 
<style>
.map-container[data-v-1ba1a336] {max-width: 40%;flex: 0 0 40%;}
.map-elems-list-container[data-v-1ba1a336] {flex: 0 0 60%;max-width: 60%;padding-right: 20px;}
.grid.map-grid[data-v-1ba1a336]::-webkit-scrollbar {
    width: 10px;
}
.grid.map-grid[data-v-1ba1a336]::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 30px;
    background: #d6dcdf;
    height: 100px;
}
.grid.map-grid[data-v-1ba1a336]::-webkit-scrollbar-track {
    background-color: fff;
    -webkit-border-radius: 0;
    border-radius: 0;
} 
.pagination[data-v-1ba1a336] {
    justify-content: end;
} 
.map-elems-list-container[data-v-1ba1a336] {
    margin-top: 40px;
} 
.map-elems-list-container[data-v-1ba1a336] .searching-result-listing-wise {
    margin-bottom: 0 !important;
} 
.map-container[data-v-1ba1a336] .vue-map-container {
    height: 100vh !important;
    display: block !important;
}

.map-container[data-v-1ba1a336] {
    height: 100%;
}

.pagination[data-v-1ba1a336] {
    margin: 0px;
    padding: 20px 0px;
}

.grid.map-grid[data-v-1ba1a336] {
    height: 75vh;
} 

@media (max-width: 1280px){

.map-container[data-v-1ba1a336], .map-elems-list-container[data-v-1ba1a336] {
    max-width: 100%;
    flex: 0 0 100%;
}
.grid.map-grid[data-v-1ba1a336] {
    padding-right: 20px;
}
}
</style>