@charset "UTF-8";

/* FONTS */
@font-face { 
  font-family:'FontAwesome';
  font-style:normal;
  font-weight:normal;
  font-display:swap;
  src:url('/templates/skye/fonts/fa-solid-900.min.woff2') format('woff2'),
      url('/templates/skye/fonts/fa-solid-900.min.woff')  format('woff');
}

body { 
  font-family:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size:15px;
  font-weight:400;
  margin:0;
  padding:0;
}

code, pre { 
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    "Liberation Mono",
    "DejaVu Sans Mono",
    monospace; 
  font-size:0.75rem;
  margin-block:0.5rem; 
}

.hand-font {
    font-family:
        "Segoe Script",
        "Brush Script MT",
        "Lucida Handwriting",
        "Comic Sans MS",
        cursive;
	color:#fff; 
	text-shadow:1px 1px black; 
	text-align:center;
	font-weight:600;
}

/* THEME PALETTES */  
.theme-scarlet { --theme-accent:#dc201c; --theme-label:#026ac1; --theme-background:#f9f6ee; --theme-border:#e4e5e6; }
.theme-sunset { --theme-accent:#e6502e; --theme-label:#3f51b5; --theme-background:#fff5ee; --theme-border:#e4e5e6; }
.theme-sky { --theme-accent:#036ac1; --theme-label:#e6502e; --theme-background:#faf9f6; --theme-border:#ddd; }
.theme-lake { --theme-accent:#3f51b5; --theme-label:#ee4444; --theme-background:#f0ffff; --theme-border:#ddd; }
.theme-ocean { --theme-accent:#039; --theme-label:#dc201c; --theme-background:#e2dfd2; --theme-border:#c4c5c6; }
.theme-forest { --theme-accent:#1f8a55; --theme-label:#6e4b2b; --theme-background:#f0ead6; --theme-border:#c4c5c6; }
.theme-night { --theme-accent:#333; --theme-label:#6F63B6; --theme-background:#ddd; --theme-border:#bbb; }
.theme-slate { --theme-accent:#555; --theme-label:#6F63B6; --theme-background:#edeade; --theme-border:#bbb; }

/* BOX COLORS */  
.box-crystal { background-color:transparent; }
.box-heaven { background-color:#fff; }
.box-scarlet { background-color:#dc201c; }
.box-sunset { background-color:#fb8c00; }
.box-sky { background-color:#036ac1; }
.box-lake { background-color:#3f51b5; }
.box-ocean { background-color:#039; }
.box-forest { background-color:#00733A; }
.box-night { background-color:#333; }
.box-slate { background-color:#555; }

/* NORMALIZE */
html { box-sizing:border-box; scroll-behavior:smooth; }
*::before, 
*::after { box-sizing:inherit; }

header::before,
header::after,
main::before,
main::after,
footer::before,
footer::after,
aside::before,
aside::after,
section::before,
section::after { content:""; display:table; }

header::after,
main::after,
footer::after,
aside::after,
section::after { clear:both; }

header.top-bar.sticky { z-index:999; position:fixed; top:0; width:100%; inset:0 0 auto 0; padding-top:env(safe-area-inset-top); }
main.sticky { margin-top:50px; }

body { position:relative; background:var(--theme-background); }
div, nav, sub, pre, ul, ol { box-sizing:border-box; }
h1, h2, h3, h4 { font-weight:600; text-transform:uppercase; }
h1 { position:relative; bottom:40%; }
body.home h1 { bottom:50%; }
body.home main h2 { text-align:center; }
h3 { font-size:1.2rem; }
p { margin:0 0 2rem 0; }
body.home main p { padding:0 4rem; margin:1rem auto; text-align:center; }
ul, ol { list-style:none; margin:0; padding:0; }
sub { letter-spacing:0.1em; }
a { color:var(--theme-accent); text-decoration:none; }
picture img { min-width:75px; }
img { display:block; max-width:100%; height:auto; }
article section { padding:1rem; }

table { border-collapse:collapse; border-spacing:0; width:100%; }
table tbody th, 
table tbody td { padding:5px 10px; vertical-align:middle; text-align:center; font-weight:unset; border:1px solid var(--theme-label); width:50%; }
table caption { caption-side:bottom; text-align:center; padding:0.5rem 0; font-weight:600; }

/* COMMON ELEMENT CLASSES */
.lang-active,
.visually-hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0; white-space:nowrap; }
.mobile-display,
.no-display,
.hidden { display:none; }

.float-left { float:left; margin:0 1rem 1rem 0; }
.float-right { float:right; margin:0 0 1rem 1rem; }

.flex-box { display:flex; display:-webkit-flex; -webkit-flex-direction:row; -webkit-flex-wrap:wrap; justify-content:center; clear:both; }
.blog-item,
.flex-item { -webkit-flex:1; position:relative; margin:0.5rem; }

.no-card { position:relative; margin-bottom:1.5rem; }
.card { position:relative; background:#fff; margin-bottom:1.5rem; border:1px solid var(--theme-border); border-radius:3px; padding:1rem 2rem; box-shadow:0 1px 3px rgba(0,0,0,0.1); }

.index li,
.card ul li,
.card ol li { line-height:2em; }

.index li ol,
.card ul li ul,
.card ol li ol { padding-left:2rem; }

.index li ol li,
.card ul li ul li,
.card ol li ol li { list-style-type:disc; }

.box-card { position:relative; z-index:1; box-shadow:0 1px 3px rgba(0,0,0,0.1), 0 0 20px rgba(0,0,0,0.1) inset; }
.box-card::before,
.box-card::after { position:absolute; content:""; top:1.5rem; bottom:1.5rem; left:0.7rem; right:0.7rem; box-shadow:0 0 25px 3px #333; border-radius:100px/10px; z-index:-1; }

.img-card { position:relative; border:5px solid #fff; margin:0; transition:all 0.65s ease-out; }
.img-card span { box-sizing:border-box; display:block; position:absolute; z-index:2; width:100%; padding:0 0.5em; transition:all 0.55s ease-out; }

.btn { overflow:hidden; display:inline-block; cursor:pointer; border-radius:3px; margin-bottom:5px; padding:0.25rem 1rem; line-height:2rem; white-space:nowrap; text-transform:uppercase; text-decoration:none; text-align:center; }
.btn-primary { background:#fff; border:1px solid var(--theme-border); box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); }
.btn-border { background:none; border:1px solid #fff; color:#fff; }
.btn-button { background-color:var(--theme-accent); transition: all 0.65s ease-out; }

.text-center { text-align:center; }

/* FONT AWESOME ICONS */
.fas::before { font:0.85em 'FontAwesome'; margin-right:0.25rem; color:var(--theme-label); }
.fat::before { font:1em 'FontAwesome'; margin-right:0.5rem; color:var(--theme-label); }
.faa::before { font:1em 'FontAwesome'; margin-right:0.5rem; color:#555; }
.faf::before { font:0.75em 'FontAwesome'; margin-right:0.5rem; }
.text::before { content:"\f4ad"; }
.copyright::before { content:"\f1f9"; }
.tick::before { content:"\f00c"; }
.arrow-left::before { content:"\f137"; }
.arrow-right::before { content:"\f138"; }
.marker::before { content:"\f3c5"; }
.pin::before { content:"\f276"; }
.map::before { content:"\f5a0"; }
.globe::before { content:"\f0ac"; }
.clock::before { content:"\f017"; }
.piggybank::before { content:"\f4d3"; }
.umbrella::before { content:"\f5ca"; }
.cocktail::before { content:"\f561"; }
.wine::before { content:"\f5ce"; }
.leafs::before { content:"\f4d8"; }
.building::before { content:"\f594"; }
.hotel::before { content:"\f1dc"; }
.tent::before { content:"\f6bb"; }
.bed::before { content:"\f236"; }
.person::before { content:"\f1ae"; }
.sun::before { content:"\f185"; }
.snow::before { content:"\f2dc"; }
.ship::before { content:"\f21a"; }
.ship-anchor::before { content:"\f13d"; }
.lifering::before { content:"\f1cd"; }
.auto::before { content:"\f1b9"; }
.car::before { content:"\f5de"; }
.ski::before { content:"\f7c9"; }
.langlauf::before { content:"\f7ca"; }
.swimmer::before { content:"\f5c4"; }
.pool::before { content:"\f5c5"; }
.dinner::before { content:"\f2e7"; }
.bell::before { content:"\f562"; }
.adult::before { content:"\f234"; }
.couple::before { content:"\f500"; }
.dove::before { content:"\f4ba"; }
.leaf::before { content:"\f06c"; }
.bicycle::before { content:"\f206"; }
.marriage::before { content:"\f228"; }
.family::before { content:"\f0c0"; }
.heart::before { content:"\f004"; }
.candles::before { content:"\f676"; }
.star::before { content:"\f5bc"; }
.diamond::before { content:"\f3a5"; }
.feather::before { content:"\f52d"; }
.tree::before { content:"\f1bb"; }
.roadsign::before { content:"\f277"; }
.cart::before { content:"\f59d"; }
.wheelchair::before { content:"\f193"; }
.departure::before { content:"\f5b0"; }
.arrival::before { content:"\f5af"; }
.infinity::before { content:"\f534"; }

/* TOPBAR */
#top-bar { background:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.25); }
#top-bar .logo,
#top-bar .navigation,
#top-bar .navigation div,
#top-bar .navigation nav { display:inline-block; }
#top-bar .navigation { float:right; height:50px; line-height:50px; }
#top-bar .grid-container { padding-top:0; padding-bottom:0; }

/* MENU COMPONENT */
#top-bar .menu-toggle { display:none; height:50px; background:transparent; border:0; cursor:pointer; }
#top-bar .menu-list li { display:inline-block; margin-right:1.25rem; }
#top-bar .bars::before { content:"\f0c9"; font:1.75em 'FontAwesome'; }

/* LANGUAGE COMPONENT */
#top-bar .mod-languages { float:right; height:50px; vertical-align:middle; }
#top-bar .mod-languages a { padding:0!important; }
#top-bar .mod-languages ul { text-align:center; }
#top-bar .mod-languages ul li { margin:0 0.15em; }
#top-bar .mod-languages img { width:24px; height:auto; }
#top-bar .mod-languages img[src*="/media/mod_languages/images/nl_nl.gif"] { content:url("/images/nl-nl.png"); }
#top-bar .mod-languages img[src*="/media/mod_languages/images/es_es.gif"] { content:url("/images/es-es.png"); }
#top-bar .mod-languages img[src*="/media/mod_languages/images/de_de.gif"] { content:url("/images/de-de.png"); }
#top-bar .mod-languages img[src*="/media/mod_languages/images/en_gb.gif"] { content:url("/images/en-gb.png"); }

/* GRID CONTAINERS */
header .grid-container,
main .grid-container,
footer .grid-container { max-width:1280px; margin:0 auto; padding:0.5rem; }
main .grid-container { margin-bottom:2rem; }
main .grid-sidebars { display:grid; gap:1.5rem; align-items:start; grid-template-columns:1fr; 
  grid-template-areas:
    "main-content"
    "sidebar-left"
    "sidebar-right"; 
}
main [class^="sidebar-"] { overflow-wrap:anywhere; }
main [class^="sidebar-"].card { padding:1rem; font-size:14px; }
main [class^="sidebar-"]:empty { display:none; }

main .sidebar-left { grid-area:sidebar-left; }
main .main-content { grid-area:main-content; max-width:990px; }
main .sidebar-right { grid-area:sidebar-right; }

main.view-category .flex-box { margin:0!important; }
main.view-category .blog-item { min-width:260px; max-width:400px; }
main.view-category .blog-item .card { overflow:hidden; padding:0; }
main.view-category .blog-item h2 { position:relative; bottom:3.3em; height:0; z-index:2; padding:0 0.5em; margin:0; font-size:1.25em; text-transform:capitalize; }
main.view-category .blog-item h2 a { color:#fff; }
main.view-category .blog-item p { padding:1em 1em 0 1em; }

/* SKYE HERO BANNER */
#hero .hero-content { position:relative; height:clamp(350px,30vh,500px); overflow:hidden; }
#hero .hero-content::before, 
#hero .hero-content::after { content:""; position:absolute; left:0; right:0; height:2rem; pointer-events:none; z-index:1; }
#hero .hero-content::before { top:0; background:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); }
#hero .hero-content::after { bottom:0; background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0)); }
#hero picture,
#hero img { width:100%; height:100%; display:block; position:relative; z-index:0; vertical-align:middle; object-fit:cover; object-position:center 20%; }

/* SEARCH COMPONENT */
body.home form { position:relative; bottom:70px; max-width:600px; width:50%; margin:0 auto; text-align:center; }
body.home form .input-group { height:50px; background-color:#ffffff; border-radius:6px; box-shadow:0 6px 16px rgba(0, 0, 0, 0.18); }
body.home form .input-group::before { content:"\f002"; font:1rem 'FontAwesome'; padding-right:0.5em; }
body.home form input { padding:1.25em 1.25em 0 0; border:none; }
body.home form .btn { float:right; padding:0 1.5rem; margin:0.5em; font-size:0.85rem; font-weight:600; }

/* BREADCRUMB COMPONENT */
#breadcrumbs nav { position:relative; width:100%; max-width:1280px; margin:0 auto; padding:0.5rem; background:var(--theme-background); }
#breadcrumbs nav ol > li:first-child { display:none; }
#breadcrumbs nav ol li { display:inline-block; color:#555; padding-right:0.5rem; font-size:0.8rem; }
#breadcrumbs nav ol li::before { content:"\f054"; font:0.75em 'FontAwesome'; color:#555; padding-right:0.5rem; }
#breadcrumbs nav ol li a { color: #333; }

/* SKYE INFOBOX - HIGHLIGHTS */
#skye-highlights { margin:1rem 0 3.5rem 0; }
#skye-highlights ul { text-align:center; font-weight:600; }
#skye-highlights li { display:inline-block; margin-right:2em; line-height:2em; font-size:1.1rem; }

/* SKYE INFOBOX - CATMENU / SUBMENU */
body.home main .grid-container .no-card { background-color:#fff; border-radius:6px; padding:1rem; box-shadow:0 6px 6px rgba(0, 0, 0, 0.1); }
body.home main nav[id^="skye-submenu-"] { border:none!important; box-shadow:none!important; }
body.home main nav[id^="skye-submenu-"] .flex-item { min-width:400px; }
nav[id^="skye-submenu-"] { border:1px solid var(--theme-border); border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.1); }
nav[id^="skye-submenu-"] .flex-item { min-width:220px; max-width:400px; }
nav[id^="skye-submenu-"] .img-card span { bottom:1em; font-size:1.25em; }

/* TABS COMPONENT */
[data-rlta-element=container] { clear:both; box-shadow:0 0 3px rgba(0, 0, 0, 0.1); }
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading] { font-size:1rem; color:#555; }
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top]>[data-rlta-element=button-list]>[data-rlta-element=button],
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]),
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel] { border:none!important; }

/* INDEX */
#main .index-body > ol.index { border:1px solid var(--theme-border); border-radius:3px; padding:2rem; margin-bottom:2rem; }
#main .index-body a,
#main .index-header { color:#777; text-align:center; }

/* SKYE INFOBOX - SHAREBOX */
#skye-sharebox ul { text-align:center; }
#skye-sharebox ul li { display:inline-block; }
#skye-sharebox ul li a { display:block; box-sizing:border-box; height:36px; width:36px; line-height:36px; background-color:var(--theme-label); padding:0 0.5em; margin:0 0.5em; border-radius:6px; border:1px solid var(--theme-border); box-shadow:0 1px 3px rgba(0,0,0,0.1); }
#skye-sharebox ul li.twitter a { background-color:#111; }
#skye-sharebox ul li.whatsapp a { background-color:#00e676; display:none; }
#skye-sharebox span { color:#fff; font-size:2em; font-weight:600; }

/* SKYE INFOBOX - LINKBOX */
#skye-linkbox { text-align:center; font-size:0.85rem; margin-bottom:2.5rem; }
#skye-linkbox ul li { display:inline-block; margin-right:2em; line-height:2em; }
#skye-linkbox a { color:#333; text-decoration:underline; }

/* SKYE INFOBOX - BANNER COMPONENT */
#banner { box-sizing:border-box; position:fixed; z-index:999; bottom:0; background:var(--theme-background); width:100%; padding:0.5em; box-shadow:2px 2px 20px rgba(0, 0, 0, 0.25); animation-name:flash; animation-duration:5s; animation-delay:2s; }
#banner .mod-banners { display:flex; display:-webkit-flex; -webkit-flex-direction:row; -webkit-flex-wrap:wrap; gap:0.5em; text-align:center; justify-content:center; clear:both; }
#banner .mod-banners__item { -webkit-flex:1; min-width:100px; max-width:245px; }
#banner .mod-banners__item img { display:block; border-radius:3px; border:1px solid var(--theme-border); box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); }

/* SKYE INFOBOX - MAIN FEED */
#skye-holidays ul,
#skye-holidays ul li { margin:0; }
#skye-holidays ul li::before { content:""; margin:0; }
#skye-holidays .item-container { width:100%; max-width:952px; float:none; padding:1em 0; }
#skye-holidays .item-container:first-child { padding-top:0; }
#skye-holidays .item-inner { position:relative; display:flex; display:-webkit-flex; -webkit-flex-direction:row; max-height:268px; background:#f7f7f7; border-radius:3px; border:1px solid var(--theme-border); box-shadow:0 1px 3px rgba(0,0,0,0.1); }
#skye-holidays .item-block { -webkit-flex:1 1 0; min-width:0; overflow:hidden; }
#skye-holidays .item-image { background:#f7f7f7; }
#skye-holidays .item-image img { max-width:444px; transform:scale(1.11); padding-top:11px; }
#skye-holidays .item-description div,
#skye-holidays .item-offer div { padding:0.25rem 0; }
#skye-holidays .item-description { padding:0.5rem 1rem; background:#fff; }
#skye-holidays .item-offer { flex:0 1 270px; max-width:270px; padding:1rem 1.5rem; background:#f7f7f7; font-size:0.9em; }
#skye-holidays .item-spearpoints.btn { font-size:0.85em; }
#skye-holidays .item-spearpoints.btn,
#skye-holidays .item-offer .btn { box-sizing:border-box; width:100%; }
#skye-holidays .item-stars::before { font:1rem 'FontAwesome'; color:#f5b301; letter-spacing:3px; }
#skye-holidays .item-place { font-size:0.8rem; margin-bottom:0.5rem; }
#skye-holidays .item-place::before { content:"\f3c5"; font:1em 'FontAwesome'; margin-right:0.5em; }
#skye-holidays .item-name { margin:0; }
#skye-holidays .item-rating-box { float:right; }
#skye-holidays .item-rating { display:block; width:40px; height:40px; line-height:40px; font-size:1.25em; font-weight:600; text-align:center; border: 3px dotted var(--theme-accent); border-radius:50%; }
#skye-holidays .item-summary { min-height:85px; }
#skye-holidays .item-summary li { display:inline-block; font-size:0.9em; padding:0.25rem 0; }
#skye-holidays .item-summary span::before { content:"\f00c"; font:1rem 'FontAwesome'; color:#7c7c7c; margin:0 0.25em 0 1em; }

#skye-holidays div[class*="item-date-"],
#skye-holidays div[class*="item-transport-"] { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#skye-holidays .item-date-love::before,
#skye-holidays .item-date-parc::before,
#skye-holidays .item-date-park::before,
#skye-holidays .item-date-sun::before,
#skye-holidays .item-date-ski::before,
#skye-holidays .item-date-tour::before,
#skye-holidays .item-date-cruise::before,
#skye-holidays .item-date-lm-ct::before,
#skye-holidays .item-date-lm-ai::before,
#skye-holidays .item-date-lm-zv::before,
#skye-holidays .item-date-lm-ws::before,
#skye-holidays .item-date-bike::before,
#skye-holidays .item-transport-bike::before,
#skye-holidays .item-transport-lm-ct::before,
#skye-holidays .item-transport-cruise::before,
#skye-holidays .item-transport-car::before,
#skye-holidays .item-transport-bus::before,
#skye-holidays .item-transport-train::before,
#skye-holidays .item-transport-airplane::before,
#skye-holidays .item-transport-flydrive::before,
#skye-holidays .item-transport-flycruise::before { font:1.25em 'FontAwesome'; margin-right:0.5rem; }
#skye-holidays .item-date-love::before,
#skye-holidays .item-date-parc::before,
#skye-holidays .item-date-park::before { content:"\f0f2"; }
#skye-holidays .item-date-lm-ai::before,
#skye-holidays .item-date-lm-zv::before,
#skye-holidays .item-date-sun::before { content:"\f5b0"; }
#skye-holidays .item-date-lm-ws::before,
#skye-holidays .item-date-ski::before { content:"\f7c9"; }
#skye-holidays .item-date-lm-ct::before,
#skye-holidays .item-date-cruise::before { content:"\f21a"; }
#skye-holidays .item-transport-lm-ct::before,
#skye-holidays .item-transport-cruise::before { content:"\f13d"; }
#skye-holidays .item-transport-bike::before,
#skye-holidays .item-date-bike::before { content:"\f206"; }
#skye-holidays .item-transport-car::before,
#skye-holidays .item-date-tour::before { content:"\f1b9"; }
#skye-holidays .item-transport-bus::before { content:"\f207"; }
#skye-holidays .item-transport-train::before { content:"\f238"; }
#skye-holidays .item-transport-airplane::before { content:"\f072"; }
#skye-holidays .item-transport-flydrive::before { content:"\f072  \f5e4"; }
#skye-holidays .item-transport-flycruise::before { content:"\f072  \f13d"; }
#skye-holidays .item-days::before { content:"\f236"; font:1em 'FontAwesome'; margin-right:0.5rem; }
#skye-holidays .item-type::before { content:"\f2e7"; font:1em 'FontAwesome'; margin-right:0.5rem; }
#skye-holidays .item-agency::before { content:"\f59d"; font:1em 'FontAwesome'; margin-right:0.5rem; }
#skye-holidays .item-chain::before { content:"\f1cd"; font:1em 'FontAwesome'; margin-right:0.25rem; }
#skye-holidays .item-chain,
#skye-holidays .item-type { margin-left:0.5rem; }
#skye-holidays .item-days,
#skye-holidays .item-chain,
#skye-holidays .item-type { display:inline-block; }
#skye-holidays .item-price { display:inline-block; font-size:1.75rem; font-weight:600; color:var(--theme-accent); }
#skye-holidays .item-discount { position:absolute; left:0; top:0.5em; background-color:#F5B301; font-size:1.5em; font-weight:600; color:#fff; padding:0.25rem 1rem; border-top-right-radius:6px; border-bottom-right-radius:6px; }
#skye-holidays .item-transport { display:inline-block; }

#skye-holidays del { padding:0 1em; }
#skye-holidays .btn { padding-left:4rem; padding-right:4rem; }
#skye-holidays .tooltip::before { content:"\f06a"; font:1.5em 'FontAwesome'; color:#7c7c7c; }
#skye-holidays .tooltip { position:relative; display:inline-block; margin-right:0.5rem; }
#skye-holidays .tooltip .tooltip-content { position:absolute; top:-60px; visibility:hidden; width:200px; background:#7c7c7c; color:#fff; text-align:center; border-radius:6px; padding:1rem; z-index:1; }
#skye-holidays .modal,
#skye-holidays .modal-lite { display:none; }

/* SEARCH & INFO PAGES */
body.info article ul,
body.info article ol{ list-style:circle; padding:0 0 2rem 2rem; }
.view-search .com-finder__advanced,
.view-search .com-finder__explained,
.view-search .btn-secondary,
.view-contact .contact-form span.star { display:none; }
.view-contact .contact-form .control-group { padding:1rem; }
.view-search form { padding-top:4rem; }
.view-search form input { width:unset; }
.view-search form label { display:block; margin-bottom:0.25em; }
.view-search fieldset { border:none; }
.view-search label,
.view-contact .contact-form .control-label { padding:0.25em; }
.view-contact .contact-form .control-label .spacer { display:none; }
.view-contact .contact-form .form-control-feedback { float:right; padding:0.25em; font-size:0.85em; color:var(--theme-label);}
.view-contact .contact-form .form-check input { width:unset; }
.view-search ul li cite { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.75em; }
.view-search ul.com-finder__results-list { display:flex; display:-webkit-flex; -webkit-flex-direction:row; -webkit-flex-wrap:wrap; justify-content:center; margin:0 -1rem; clear:both; }
.view-search li.result__item { -webkit-flex:1; min-width:300px; margin:0.5rem; }
.view-search li.result__item,
body.info section.main-content,
.view-contact form { position:relative; background:#fff; margin-bottom:1.5rem; border:1px solid var(--theme-border); border-radius:6px; padding:1rem 2rem; box-shadow:0 0 3px rgba(0, 0, 0, 0.1); }
.view-contact form fieldset { margin-bottom:2rem!important;}
.view-contact form input,
.view-contact form textarea { box-sizing:border-box; width:100%; background-color:#fff; border:none; border-radius:6px; padding:1em; box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.2); }

/* COOKIE BOX */
.cookie-consent-banner[hidden] { display:none; }
.cookie-consent-banner { position:fixed; left:0; right:0; bottom:0; z-index:9999; padding:1rem; background:rgba(0, 0, 0, 0.9); color:#fff; font-size:0.9rem; }
.cookie-consent-inner { max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; gap:0.75rem; }
.cookie-consent-message { flex:1 1 250px; margin:0; }
.cookie-consent-actions { display:flex; flex-wrap:wrap; gap:0.5rem; }
.cookie-consent-btn { border:0; padding:0.5rem 0.9rem; cursor:pointer; border-radius:2px; }
.cookie-consent-accept { background:#4caf50; color:#fff; }
.cookie-consent-decline { background:#555; color:#fff; }
.cookie-consent-more-info { align-self:center; text-decoration:underline; color:#ddd; }

/* RESPONSIVE */
@media screen and (min-width:1280px) { 
  main .grid-sidebars.has-left.has-right  { 
    grid-template-columns: 1fr 3fr 1fr; 
    grid-template-areas: "sidebar-left main-content sidebar-right"; 
  }
  main .grid-sidebars.has-left:not(.has-right)  { 
    grid-template-columns: 1fr 4fr; 
    grid-template-areas: "sidebar-left main-content"; 
  }
  main .grid-sidebars.has-right:not(.has-left)  { 
    grid-template-columns: 4fr 1fr; 
    grid-template-areas: "main-content sidebar-right"; 
  }
}

@media screen and (max-width:1023px) { 
  #top-bar .mod-languages { float:none; margin-right:0.25rem; }
  #top-bar .navbar { position:relative; }
  #top-bar .menu-toggle { display:block!important; }
  #top-bar .menu-list { display:none; position:absolute; right:0; left:auto; min-width:200px; background:#fff; border:1px solid var(--theme-border); border-radius:0.25em; box-shadow:0 6px 18px rgba(0,0,0,.12); z-index:1111; }
  #top-bar .menu-list.is-open { display:block!important; }
  #top-bar .menu-list > li { display:block; margin-left:1.25rem; }
  #top-bar .submenu-list > li { display:block; margin-left:1.25rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

  #hero h1 { bottom:55%; }
  h1.hand-font { font-size:2.5rem!important; }
  span.hand-font,
  h2.hand-font { font-size:2rem!important; }
  body.home main nav[id^="skye-submenu-"] .flex-item { min-width:200px; }
  body.home main p { max-width:unset; }

  #skye-linkbox { font-size:1rem; }

  #skye-holidays .item-inner { display:block; max-height:unset; }
  #skye-holidays .item-image { max-height:300px; }
  #skye-holidays .item-image img { max-width:unset; width:100%; padding:0; }
  #skye-holidays .item-description,
  #skye-holidays .item-offer { display:inline-block; width:49.5%; max-width:unset; vertical-align:top; }
}

@media screen and (min-width:541px) and (max-width:767px) { 
  .float-left,
  .float-right { float:none; margin:0 0 2rem 0; }
}

@media screen and (max-width:540px) { 
  body { background:#fff; }
  .mobile-hidden { display:none!important; }
  .mobile-display { display:block!important; }
  .float-left,
  .float-right { float:none; margin:0 0 2rem 0; }

  span.hand-font,
  h2.hand-font { font-size:2.5rem!important; }

  #hero h1 { bottom:65%; }
  #hero form { width:unset; max-width:unset; padding:1rem; }
  #hero form .btn { font-size:0.85rem; }
  .view-contact form { padding:0.25em; }
  #breadcrumbs nav { margin-bottom:2rem; }
  #skye-highlights { margin:0 0 1rem 0; font-size:0.85rem; }
  
  main [class^="sidebar-"] .card-body > ul { columns:2; -webkit-columns:2; -moz-columns:2; column-gap:2rem; list-style-position:inside; padding:0; }
  
  body.home main p { padding:unset; }
  
  #banner .mod-banners__item:nth-child(4),
  #banner .mod-banners__item:nth-child(5) { display:none!important; }
}