title = "Islands"
url = "/islands"
layout = "default"
is_hidden = 0

[siteSearchInclude]

[session]
security = "user"
redirect = "home"
==
{% partial "listings/top-block"
    breadcrumb_title="Islands"
    title="Islands"
    description=""
%}<style>
     .listing-result li:nth-child(2):after, .listing-result li:nth-child(3):after, .listing-result li:nth-child(4):after{
    display: none;
}
.display-mode-button.map-grid{
    display: none !important;
}
#ikt8{
    background-image:url('storage/app/media/page-headers/island_page_header.jpg') !important;
    background-position: center center;
    background-size: cover;
}</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',
        secondUrl: '/webapi/v1/hotel-search',
        urlAlias: '/island/',
        favoriteType: 'island',
        mapApiKey: 'AIzaSyAoUo-gAEfbSoxEJ-oWxoc47yArTi09ZCc'
    };
    // document.getElementsByClassName('pagination').removeAttribute("data-v-*"); </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>