.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-bf065f6:#021F24;--e-global-color-e8dd2e7:#03383F;--e-global-color-9fe756e:#01758D;--e-global-color-31a4058:#EDB81F;--e-global-color-4611ce5:#F37126;--e-global-color-06af500:#C17F2A;--e-global-color-203a58a:#A3D397;--e-global-color-fe03021:#FFF8E7;--e-global-typography-primary-font-family:"Up and Away";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#021F24;font-family:"Roboto", Sans-serif;font-size:16px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Up and Away", Sans-serif;}.elementor-kit-6 h2{font-family:"Up and Away", Sans-serif;}.elementor-kit-6 h3{font-family:"Up and Away", Sans-serif;}.elementor-kit-6 h4{font-family:"Up and Away", Sans-serif;}.elementor-kit-6 h5{font-family:"Up and Away", Sans-serif;}.elementor-kit-6 h6{font-family:"Up and Away", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* ============================================================ BEYOND SKIES — GLOBAL CUSTOM CSS Paste this in: Elementor → Custom Code → BS Global CSS → ============================================================ */ /* ── FONT SETUP: Up and Away (brand font by Comicraft) ── IMPORTANT: Before pasting this CSS you must: 1. Purchase the web font license at https://www.myfonts.com/collections/up-up-and-away-font-comicraft 2. Download the web font kit (you will get .woff and .woff2 files) 3. In WordPress, go to Media → Add New → upload both font files 4. Click each uploaded file and copy its URL from the "Copy URL" button 5. Paste those two URLs below in the @font-face src lines */ /* Up and Away — self-hosted */ @font-face { font-family: 'UpAndAway'; src: url('PASTE_YOUR_WOFF2_URL_HERE') format('woff2'), url('PASTE_YOUR_WOFF_URL_HERE') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* Roboto — Google Fonts (free) */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap'); /* ── CSS Variables ── */ :root { --bs-dark: #021F24; --bs-teal: #03383F; --bs-mid-teal: #01758D; --bs-yellow: #EDB81F; --bs-orange: #F37126; --bs-brown: #C17F2A; --bs-green: #A3D397; --bs-cream: #FFF8E7; --bs-font-brand: 'UpAndAway', 'Arial Black', sans-serif; --bs-font-body: 'Roboto', sans-serif; } /* ── Base ── */ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; font-size: 16px; } body { background-color: #021F24; color: #F8F4EE; font-family: var(--bs-font-body); overflow-x: hidden; margin: 0; } h1,h2,h3,h4,h5,h6 { font-family: var(--bs-font-brand); font-weight: normal; /* Up and Away is a display font — let it render naturally */ line-height: 1.15; letter-spacing: -0.01em; } .elementor-page-title { display: none !important; } /* ── Eyebrow utility ── */ .bs-eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:1.25rem; } .bs-eyebrow-line { height:4px; width:32px; background:linear-gradient(to right,#EDB81F,#F37126); border-radius:9999px; } .bs-eyebrow-text { font-family:var(--bs-font-brand); font-size:0.7rem; letter-spacing:0.3em; text-transform:uppercase; color:#EDB81F; } /* ── Scroll-reveal states ── */ .bs-reveal { opacity:0; transform:translateY(40px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); } .bs-reveal.bs-visible { opacity:1; transform:translateY(0); } .bs-reveal-left { opacity:0; transform:translateX(-40px); transition:opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1); } .bs-reveal-left.bs-visible { opacity:1; transform:translateX(0); } .bs-reveal-scale { opacity:0; transform:scale(0.96); transition:opacity .7s ease, transform .7s ease; } .bs-reveal-scale.bs-visible { opacity:1; transform:scale(1); } /* ── Stagger delays ── */ .bs-stagger > *:nth-child(1) { transition-delay:.05s; } .bs-stagger > *:nth-child(2) { transition-delay:.14s; } .bs-stagger > *:nth-child(3) { transition-delay:.23s; } .bs-stagger > *:nth-child(4) { transition-delay:.32s; } .bs-stagger > *:nth-child(5) { transition-delay:.41s; } .bs-stagger > *:nth-child(6) { transition-delay:.50s; } /* ============================================================ NAVBAR ============================================================ */ #bs-navbar { position:fixed; top:0; left:0; right:0; z-index:9999; padding:1rem 0; background:linear-gradient(to bottom,rgba(2,31,36,.80),transparent); transition:background .5s ease, padding .5s ease, box-shadow .5s ease; } #bs-navbar.scrolled { background:rgba(2,31,36,.97); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:0 20px 60px rgba(0,0,0,.4); padding:.5rem 0; } .bs-nav-inner { max-width:1280px; margin:0 auto; padding:0 1.5rem; display:flex; align-items:center; justify-content:space-between; } .bs-nav-logo img { height:56px; width:auto; transition:transform .3s; } .bs-nav-logo:hover img { transform:scale(1.05); } .bs-nav-links { display:flex; align-items:center; gap:1.75rem; list-style:none; margin:0; padding:0; } .bs-nav-links a { font-family:var(--bs-font-brand); font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.9); text-decoration:none; transition:color .3s; } .bs-nav-links a:hover { color:#EDB81F; } .bs-nav-cta { display:flex; align-items:center; gap:1rem; } .bs-nav-phone { font-family:'Roboto',sans-serif; font-size:.85rem; color:rgba(255,255,255,.6); text-decoration:none; display:flex; align-items:center; gap:6px; transition:color .3s; } .bs-nav-phone:hover { color:#EDB81F; } .bs-btn-book-nav { padding:.6rem 1.25rem; background:#EDB81F; color:#021F24; font-family:'Nunito',sans-serif; font-weight:900; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; border-radius:4px; text-decoration:none; display:inline-block; box-shadow:0 8px 24px rgba(237,184,31,.25); transition:background .3s, transform .2s; } .bs-btn-book-nav:hover { background:#F5CC50; color:#021F24; transform:translateY(-1px); } .bs-nav-hamburger { display:none; background:none; border:none; cursor:pointer; padding:4px; color:white; } /* Mobile menu */ .bs-mobile-menu { position:fixed; inset:0; z-index:9998; background:#021F24; padding:5rem 1.5rem 2.5rem; display:flex; flex-direction:column; overflow-y:auto; transform:translateX(100%); transition:transform .35s cubic-bezier(.22,1,.36,1); } .bs-mobile-menu.open { transform:translateX(0); } .bs-mobile-menu .mobile-logo { height:80px; width:auto; display:block; margin:0 auto 2rem; } .bs-mobile-menu a { font-family:'Nunito',sans-serif; font-weight:900; font-size:1.5rem; text-transform:uppercase; letter-spacing:.05em; color:white; text-decoration:none; padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.1); display:block; transition:color .3s; } .bs-mobile-menu a:hover { color:#EDB81F; } .bs-mobile-book { margin-top:2rem; padding:1rem 1.5rem; background:#EDB81F; color:#021F24; font-family:'Nunito',sans-serif; font-weight:900; text-transform:uppercase; letter-spacing:.08em; font-size:1.1rem; border-radius:4px; text-align:center; text-decoration:none; display:block; } @media (max-width:1023px) { .bs-nav-links, .bs-nav-cta { display:none; } .bs-nav-hamburger { display:block; } } /* ============================================================ HERO SLIDER ============================================================ */ #bs-hero { position:relative; height:100vh; min-height:700px; overflow:hidden; } .bs-hero-slide { position:absolute; inset:0; opacity:0; transition:opacity 1.6s ease-in-out; } .bs-hero-slide.active { opacity:1; } .bs-hero-slide img { width:100%; height:100%; object-fit:cover; transform:scale(1.15); transition:transform 8s ease-out; } .bs-hero-slide.active img { transform:scale(1.0); } .bs-hero-overlay-1 { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(to bottom,rgba(2,31,36,.70),rgba(2,31,36,.10),#021F24); } .bs-hero-overlay-2 { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(to right,rgba(3,56,63,.75),transparent); } .bs-hero-overlay-3 { position:absolute; bottom:0; left:0; right:0; height:192px; z-index:1; pointer-events:none; background:linear-gradient(to top,rgba(243,113,38,.08),transparent); } .bs-hero-content { position:relative; z-index:10; height:100%; max-width:1280px; margin:0 auto; padding:5rem 1.5rem 9rem; display:flex; flex-direction:column; justify-content:center; } /* Hero text animation states */ .bs-hero-eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:1.5rem; opacity:0; transform:translateX(-40px); transition:opacity .6s ease, transform .6s ease; } .bs-hero-eyebrow.in { opacity:1; transform:translateX(0); } .bs-hero-eyebrow-line { height:4px; width:0; background:linear-gradient(to right,#EDB81F,#F37126); border-radius:9999px; transition:width .7s ease .2s; } .bs-hero-eyebrow.in .bs-hero-eyebrow-line { width:40px; } .bs-hero-eyebrow-text { font-family:'Nunito',sans-serif; font-weight:900; font-size:.75rem; letter-spacing:.25em; text-transform:uppercase; color:#EDB81F; } .bs-hero-heading { color:white; font-size:clamp(2.8rem,6.5vw,5.5rem); font-family:'Nunito',sans-serif; font-weight:900; line-height:1.05; white-space:pre-line; text-shadow:0 4px 32px rgba(0,0,0,.5); margin:0 0 .75rem; opacity:0; transform:translateY(80px); transition:opacity .9s cubic-bezier(.22,1,.36,1) .2s, transform .9s cubic-bezier(.22,1,.36,1) .2s; } .bs-hero-heading.in { opacity:1; transform:translateY(0); } .bs-hero-sub { font-family:'Roboto',sans-serif; font-size:.875rem; color:rgba(255,255,255,.5); letter-spacing:.05em; margin-bottom:2.25rem; opacity:0; transition:opacity .5s ease .5s; } .bs-hero-sub.in { opacity:1; } .bs-hero-btns { display:flex; flex-wrap:wrap; gap:1rem; opacity:0; transform:translateY(24px); transition:opacity .6s ease .55s, transform .6s ease .55s; } .bs-hero-btns.in { opacity:1; transform:translateY(0); } /* Buttons */ .bs-btn-primary { display:inline-flex; align-items:center; gap:10px; padding:1rem 2rem; background:#EDB81F; color:#021F24; font-family:'Nunito',sans-serif; font-weight:900; font-size:.875rem; text-transform:uppercase; letter-spacing:.08em; border-radius:4px; text-decoration:none; border:none; cursor:pointer; box-shadow:0 20px 40px rgba(237,184,31,.3); transition:background .3s, transform .3s; } .bs-btn-primary:hover { background:#F5CC50; transform:translateY(-2px); color:#021F24; } .bs-btn-primary .arrow { display:inline-block; animation:arrow-bounce 1.5s infinite; } @keyframes arrow-bounce { 0%,100% { transform:translateX(0); } 50% { transform:translateX(4px); } } .bs-btn-ghost { display:inline-flex; align-items:center; gap:12px; padding:1rem 1.75rem; border:2px solid rgba(255,255,255,.30); color:white; font-family:'Nunito',sans-serif; font-weight:900; font-size:.875rem; text-transform:uppercase; letter-spacing:.08em; border-radius:4px; background:none; cursor:pointer; backdrop-filter:blur(4px); transition:border-color .3s, color .3s; } .bs-btn-ghost:hover { border-color:#EDB81F; color:#EDB81F; } .bs-btn-ghost .play-icon { width:32px; height:32px; border-radius:50%; border:2px solid currentColor; display:flex; align-items:center; justify-content:center; transition:transform .3s; } .bs-btn-ghost:hover .play-icon { transform:scale(1.15); } /* Hero controls */ .bs-hero-controls { position:absolute; bottom:2.5rem; left:0; right:0; z-index:10; max-width:1280px; margin:0 auto; padding:0 1.5rem; display:flex; align-items:flex-end; justify-content:space-between; } .bs-hero-dots { display:flex; gap:10px; align-items:center; } .bs-hero-dot { width:10px; height:10px; border-radius:9999px; background:rgba(255,255,255,.25); border:none; cursor:pointer; transition:width .5s ease, background .5s ease; padding:0; } .bs-hero-dot.active { width:40px; height:10px; background:linear-gradient(to right,#EDB81F,#F37126); } .bs-hero-counter { display:flex; align-items:center; gap:8px; font-family:'Roboto',sans-serif; font-size:.875rem; color:rgba(255,255,255,.35); } .bs-hero-counter .current { font-family:'Nunito',sans-serif; font-weight:900; font-size:1.5rem; color:#EDB81F; line-height:1; } .bs-scroll-cue { position:absolute; bottom:2.5rem; left:50%; transform:translateX(-50%); z-index:10; display:flex; flex-direction:column; align-items:center; gap:6px; color:rgba(255,255,255,.4); animation:scroll-cue-bounce 2.2s ease-in-out infinite; } .bs-scroll-cue span { font-family:'Nunito',sans-serif; font-weight:900; font-size:.625rem; letter-spacing:.25em; text-transform:uppercase; } @keyframes scroll-cue-bounce { 0%,100% { transform:translateX(-50%) translateY(0); } 50% { transform:translateX(-50%) translateY(9px); } } /* ============================================================ SEARCH BAR ============================================================ */ .bs-searchbar-wrap { position:relative; z-index:30; margin-top:-56px; max-width:1024px; margin-left:auto; margin-right:auto; padding:0 1.5rem; } .bs-searchbar { background:white; border-radius:4px; overflow:hidden; box-shadow:0 25px 60px rgba(0,0,0,.4); border-top:4px solid #EDB81F; display:flex; flex-wrap:wrap; } .bs-search-field { flex:1; min-width:200px; display:flex; align-items:center; gap:12px; padding:1.25rem 1.5rem; border-right:1px solid #f0f0f0; transition:background .3s; cursor:pointer; } .bs-search-field:hover { background:#FFF8E7; } .bs-search-field:last-of-type { border-right:none; } .bs-search-icon { color:#01758D; flex-shrink:0; width:20px; height:20px; } .bs-search-field label { display:block; font-family:'Nunito',sans-serif; font-weight:900; font-size:.625rem; letter-spacing:.15em; text-transform:uppercase; color:rgba(3,56,63,.5); margin-bottom:4px; } .bs-search-field select, .bs-search-field input[type="date"] { width:100%; background:transparent; border:none; outline:none; font-family:'Nunito',sans-serif; font-weight:700; font-size:.875rem; color:#03383F; cursor:pointer; appearance:none; } .bs-search-btn { display:flex; align-items:center; justify-content:center; gap:10px; padding:1.25rem 2rem; background:#03383F; color:white; border:none; cursor:pointer; font-family:'Nunito',sans-serif; font-weight:900; font-size:.875rem; text-transform:uppercase; letter-spacing:.08em; flex-shrink:0; transition:background .3s; min-width:120px; } .bs-search-btn:hover { background:#01758D; } /* ============================================================ MARQUEE STRIP ============================================================ */ .bs-marquee-wrap { overflow:hidden; } .bs-marquee-strip { position:relative; overflow:hidden; padding:.875rem 0; } .bs-marquee-track { display:flex; gap:1.5rem; white-space:nowrap; width:max-content; animation:marquee-fwd 28s linear infinite; } .bs-marquee-track.reverse { animation:marquee-rev 28s linear infinite; } @keyframes marquee-fwd { from { transform:translateX(0); } to { transform:translateX(-50%); } } @keyframes marquee-rev { from { transform:translateX(-50%); } to { transform:translateX(0); } } .bs-marquee-item { font-family:'Nunito',sans-serif; font-weight:900; font-size:.875rem; letter-spacing:.15em; text-transform:uppercase; flex-shrink:0; } .bs-marquee-strip:hover .bs-marquee-track { animation-play-state:paused; } /* ============================================================ STATS SECTION ============================================================ */ .bs-stats-section { position:relative; padding:5rem 0; background:#03383F; overflow:hidden; } .bs-stats-sunburst { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; opacity:.04; animation:sunburst-spin 60s linear infinite; } @keyframes sunburst-spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .bs-stats-top-line, .bs-stats-bottom-line { position:absolute; left:0; right:0; height:1px; background:linear-gradient(to right,transparent,rgba(237,184,31,.4),transparent); } .bs-stats-top-line { top:0; } .bs-stats-bottom-line { bottom:0; } .bs-stats-inner { max-width:1280px; margin:0 auto; padding:0 1.5rem; position:relative; z-index:1; } .bs-stats-label { text-align:center; margin-bottom:3rem; } .bs-stats-label-inner { display:inline-flex; align-items:center; gap:12px; } .bs-stats-label-line { width:32px; height:2px; background:rgba(237,184,31,.4); border-radius:9999px; } .bs-stats-label-text { font-family:'Nunito',sans-serif; font-weight:900; font-size:.7rem; letter-spacing:.3em; text-transform:uppercase; color:rgba(237,184,31,.6); } .bs-stats-grid { display:grid; grid-template-columns:repeat(2,1fr); } @media (min-width:1024px) { .bs-stats-grid { grid-template-columns:repeat(4,1fr); } } .bs-stat-item { text-align:center; padding:2rem 1.5rem; border-right:1px solid rgba(237,184,31,.1); transition:background .3s; } .bs-stat-item:last-child { border-right:none; } .bs-stat-item:hover { background:rgba(237,184,31,.05); } .bs-stat-emoji { font-size:1.875rem; margin-bottom:.75rem; display:block; animation:stat-float 3s ease-in-out infinite; } @keyframes stat-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } } .bs-stat-value { font-family:'Nunito',sans-serif; font-weight:900; font-size:clamp(2.5rem,5vw,4rem); color:#EDB81F; line-height:1; margin-bottom:6px; display:block; } .bs-stat-label { font-family:'Nunito',sans-serif; font-weight:900; font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; color:white; margin-bottom:4px; display:block; } .bs-stat-desc { font-family:'Roboto',sans-serif; font-size:.75rem; color:rgba(255,255,255,.3); } /* ============================================================ FEATURED TOURS ============================================================ */ .bs-tours-section { padding:6rem 0; background:#021F24; } .bs-tours-inner { max-width:1280px; margin:0 auto; padding:0 1.5rem; } .bs-section-header { text-align:center; margin-bottom:3.5rem; } .bs-section-header-eyebrow { display:inline-flex; align-items:center; gap:12px; margin-bottom:1rem; } .bs-section-header-line { width:48px; height:4px; background:#EDB81F; border-radius:9999px; } .bs-section-header-label { font-family:'Nunito',sans-serif; font-weight:900; font-size:.7rem; letter-spacing:.3em; text-transform:uppercase; color:#EDB81F; } .bs-section-title { color:white; margin-bottom:1rem; } .bs-section-sub { font-family:'Roboto',sans-serif; font-weight:300; font-size:1rem; line-height:1.7; color:rgba(255,255,255,.5); max-width:480px; margin:0 auto; } .bs-tour-filters { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:3rem; } .bs-filter-btn { padding:.5rem 1.25rem; font-family:'Nunito',sans-serif; font-weight:900; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; border-radius:4px; border:2px solid rgba(255,255,255,.15); background:transparent; color:rgba(255,255,255,.6); cursor:pointer; transition:all .3s ease; } .bs-filter-btn:hover, .bs-filter-btn.active { background:#EDB81F; border-color:#EDB81F; color:#021F24; box-shadow:0 8px 24px rgba(237,184,31,.25); } .bs-tours-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; } @media (min-width:768px) { .bs-tours-grid { grid-template-columns:repeat(2,1fr); } } @media (min-width:1024px) { .bs-tours-grid { grid-template-columns:repeat(3,1fr); } } .bs-tour-card { background:#03383F; border-radius:4px; overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .5s ease, transform .3s ease; } .bs-tour-card:hover { box-shadow:0 25px 50px rgba(237,184,31,.1); transform:translateY(-4px); } .bs-tour-card-img { position:relative; height:224px; overflow:hidden; } .bs-tour-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .7s ease; } .bs-tour-card:hover .bs-tour-card-img img { transform:scale(1.1); } .bs-tour-img-overlay { position:absolute; inset:0; background:linear-gradient(to top,#021F24,transparent); } .bs-tour-badge { position:absolute; top:12px; left:12px; padding:4px 12px; font-family:'Nunito',sans-serif; font-weight:900; font-size:.6rem; letter-spacing:.15em; text-transform:uppercase; border-radius:4px; } .bs-tour-badge.best-seller { background:#EDB81F; color:#021F24; } .bs-tour-badge.new { background:#A3D397; color:#021F24; } .bs-tour-badge.premium { background:#01758D; color:white; } .bs-tour-badge.exclusive { background:#F37126; color:white; } .bs-tour-badge.popular { background:#C17F2A; color:white; } .bs-tour-wishlist { position:absolute; top:12px; right:12px; width:36px; height:36px; border-radius:50%; background:rgba(0,0,0,.4); backdrop-filter:blur(4px); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .3s; color:white; font-size:.875rem; } .bs-tour-wishlist:hover { background:rgba(0,0,0,.6); } .bs-tour-wishlist.liked { color:#F37126; } .bs-tour-category { position:absolute; bottom:12px; left:12px; font-family:'Nunito',sans-serif; font-weight:900; font-size:.6rem; letter-spacing:.15em; text-transform:uppercase; color:#EDB81F; } .bs-tour-body { padding:1.25rem; display:flex; flex-direction:column; flex:1; } .bs-tour-title { font-family:'Nunito',sans-serif; font-weight:800; font-size:1.15rem; color:white; margin-bottom:6px; line-height:1.3; transition:color .3s; } .bs-tour-card:hover .bs-tour-title { color:#EDB81F; } .bs-tour-location { display:flex; align-items:center; gap:6px; font-family:'Roboto',sans-serif; font-size:.875rem; color:rgba(255,255,255,.45); margin-bottom:1rem; } .bs-tour-meta { display:flex; flex-wrap:wrap; gap:12px; font-family:'Roboto',sans-serif; font-size:.75rem; color:rgba(255,255,255,.4); margin-bottom:1.25rem; } .bs-tour-footer { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:1rem; border-top:1px solid rgba(255,255,255,.05); } .bs-tour-price-label { font-family:'Roboto',sans-serif; font-size:.625rem; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.35); display:block; } .bs-tour-price { font-family:'Nunito',sans-serif; font-weight:900; font-size:1.25rem; color:#EDB81F; } .bs-tour-details-btn { font-family:'Nunito',sans-serif; font-weight:900; font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.6); background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:6px; transition:color .3s; } .bs-tour-details-btn:hover { color:#EDB81F; } .bs-view-all-wrap { text-align:center; margin-top:3rem; } .bs-btn-outline { display:inline-flex; align-items:center; gap:12px; padding:1rem 2rem; border:2px solid #EDB81F; color:#EDB81F; font-family:'Nunito',sans-serif; font-weight:900; font-size:.875rem; text-transform:uppercase; letter-spacing:.1em; border-radius:4px; text-decoration:none; transition:background .3s, color .3s; } .bs-btn-outline:hover { background:#EDB81F; color:#021F24; } /* ============================================================ PARALLAX BANNER ============================================================ */ .bs-parallax-banner { position:relative; overflow:hidden; display:flex; align-items:center; } .bs-parallax-bg { position:absolute; inset:-20%; background-size:cover; background-position:center; background-attachment:fixed; will-change:transform; } .bs-parallax-overlay { position:absolute; inset:0; background:rgba(2,31,36,.6); } .bs-parallax-content { position:relative; z-index:2; max-width:1280px; margin:0 auto; padding:6rem 1.5rem; text-align:center; } .bs-parallax-heading { font-family:'Nunito',sans-serif; font-weight:900; font-size:clamp(2rem,4vw,3.5rem); color:white; margin-bottom:1rem; } .bs-parallax-sub { font-family:'Roboto',sans-serif; font-weight:300; font-size:1rem; color:rgba(255,255,255,.6); max-width:560px; margin:0 auto; line-height:1.7; } /* ============================================================ DESTINATIONS BENTO GRID ============================================================ */ .bs-destinations-section { padding:6rem 0; background:#03383F; } .bs-destinations-inner { max-width:1280px; margin:0 auto; padding:0 1.5rem; } .bs-destinations-header { display:flex; flex-direction:column; gap:1rem; margin-bottom:3rem; } @media (min-width:768px) { .bs-destinations-header { flex-direction:row; align-items:flex-end; justify-content:space-between; } } .bs-destinations-all-link { display:inline-flex; align-items:center; gap:8px; font-family:'Nunito',sans-serif; font-weight:900; font-size:.875rem; text-transform:uppercase; letter-spacing:.1em; color:#EDB81F; text-decoration:none; transition:gap .3s; } .bs-destinations-all-link:hover { gap:12px; } .bs-bento-grid { display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,260px); gap:12px; } @media (min-width:1024px) { .bs-bento-grid { grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,260px); } } .bs-bento-card { position:relative; overflow:hidden; border-radius:4px; cursor:pointer; } .bs-bento-card-main { grid-column:span 2; grid-row:span 2; } @media (min-width:1024px) { .bs-bento-card-main { grid-column:1; } } .bs-bento-card img { width:100%; height:100%; object-fit:cover; transition:transform .7s ease; } .bs-bento-card:hover img { transform:scale(1.08); } .bs-bento-overlay { position:absolute; inset:0; transition:all .5s; background:linear-gradient(to top,rgba(2,31,36,.9),rgba(2,31,36,.2),transparent); } .bs-bento-card:hover .bs-bento-overlay { background:linear-gradient(to top,rgba(3,56,63,.8),rgba(2,31,36,.3),transparent); } .bs-bento-bottom-bar { position:absolute; bottom:0; left:0; right:0; height:4px; background:linear-gradient(to right,#EDB81F,#F37126,#01758D); } .bs-bento-small-bar { position:absolute; bottom:0; left:0; right:0; height:2px; background:linear-gradient(to right,#EDB81F,#F37126); transform:scaleX(0); transform-origin:left; transition:transform .4s ease; } .bs-bento-card:hover .bs-bento-small-bar { transform:scaleX(1); } .bs-bento-info { position:absolute; bottom:0; left:0; padding:1.5rem; } .bs-bento-info-sm { padding:1rem; } .bs-bento-region { font-family:'Nunito',sans-serif; font-weight:900; font-size:.6rem; letter-spacing:.15em; text-transform:uppercase; color:#EDB81F; display:block; margin-bottom:4px; } .bs-bento-name { font-family:'Nunito',sans-serif; font-weight:900; color:white; display:block; line-height:1.2; } .bs-bento-name-lg { font-size:1.875rem; } .bs-bento-name-sm { font-size:1.1rem; } .bs-bento-sub { font-family:'Roboto',sans-serif; font-size:.625rem; color:rgba(255,255,255,.6); line-height:1.4; max-width:200px; display:block; margin:4px 0; } .bs-bento-count { font-family:'Roboto',sans-serif; font-size:.875rem; color:rgba(255,255,255,.4); display:block; } /* ============================================================ WHY CHOOSE US ============================================================ */ .bs-why-section { position:relative; padding:6rem 0; background:#03383F; overflow:hidden; } .bs-why-orb-1 { position:absolute; left:-10rem; top:5rem; width:20rem; height:20rem; border-radius:50%; background:rgba(237,184,31,.05); filter:blur(60px); pointer-events:none; } .bs-why-orb-2 { position:absolute; right:-8rem; bottom:5rem; width:16rem; height:16rem; border-radius:50%; background:rgba(1,117,141,.1); filter:blur(60px); pointer-events:none; } .bs-why-inner { max-width:1280px; margin:0 auto; padding:0 1.5rem; position:relative; z-index:1; display:grid; grid-template-columns:1fr; gap:4rem; align-items:center; } @media (min-width:1024px) { .bs-why-inner { grid-template-columns:repeat(2,1fr); } } .bs-why-heading { font-size:clamp(1.9rem,4vw,3.2rem); color:white; margin-bottom:1.5rem; line-height:1.1; } .bs-why-heading em { font-style:normal; color:#EDB81F; display:block; } .bs-why-body { font-family:'Roboto',sans-serif; font-weight:300; font-size:1rem; line-height:1.7; color:rgba(255,255,255,.5); margin-bottom:2rem; } .bs-why-logo { height:80px; width:auto; margin-bottom:2rem; } .bs-why-mini-stats { display:flex; flex-wrap:wrap; gap:2rem; } .bs-why-mini-stat-value { font-family:'Nunito',sans-serif; font-weight:900; font-size:1.875rem; color:#EDB81F; display:block; line-height:1; } .bs-why-mini-stat-label { font-family:'Roboto',sans-serif; font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.4); } .bs-features-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; } .bs-feature-card { padding:1.25rem; background:#021F24; border:1px solid rgba(255,255,255,.05); border-radius:4px; transition:border-color .3s, transform .25s; cursor:default; } .bs-feature-card:hover { border-color:rgba(237,184,31,.35); transform:translateY(-4px); } .bs-feature-icon-wrap { width:40px; height:40px; border-radius:4px; background:rgba(237,184,31,.1); display:flex; align-items:center; justify-content:center; margin-bottom:1rem; transition:background .3s; font-size:1.1rem; } .bs-feature-card:hover .bs-feature-icon-wrap { background:rgba(237,184,31,.22); } .bs-feature-title { font-family:'Nunito',sans-serif; font-weight:900; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; color:white; margin-bottom:8px; } .bs-feature-desc { font-family:'Roboto',sans-serif; font-weight:300; font-size:.8rem; line-height:1.6; color:rgba(255,255,255,.38); } /* ============================================================ TESTIMONIALS ============================================================ */ .bs-testimonials-section { padding:6rem 0; background:#021F24; position:relative; overflow:hidden; } .bs-testimonials-pattern { position:absolute; top:0; right:0; width:320px; height:320px; opacity:.05; pointer-events:none; } .bs-testimonials-inner { max-width:896px; margin:0 auto; padding:0 1.5rem; position:relative; z-index:1; } .bs-testimonials-header { text-align:center; margin-bottom:3.5rem; } .bs-testimonials-eyebrow { display:inline-flex; align-items:center; gap:12px; margin-bottom:1rem; } .bs-testimonials-eyebrow-line { width:48px; height:4px; background:#EDB81F; border-radius:9999px; } .bs-testimonials-eyebrow-label { font-family:'Nunito',sans-serif; font-weight:900; font-size:.7rem; letter-spacing:.3em; text-transform:uppercase; color:#EDB81F; } .bs-testimonial-slider { position:relative; overflow:hidden; } .bs-testimonial-slide { background:#03383F; border-radius:4px; border:1px solid rgba(255,255,255,.05); padding:2rem; display:none; animation:slide-in-right .45s cubic-bezier(.22,1,.36,1); } .bs-testimonial-slide.active { display:block; } @media (min-width:1024px) { .bs-testimonial-slide { padding:3rem; } } @keyframes slide-in-right { from { opacity:0; transform:translateX(50px); } to { opacity:1; transform:translateX(0); } } @keyframes slide-in-left { from { opacity:0; transform:translateX(-50px); } to { opacity:1; transform:translateX(0); } } .bs-testimonial-quote-icon { font-size:2.75rem; color:rgba(237,184,31,.25); margin-bottom:1.25rem; display:block; line-height:1; } .bs-testimonial-stars { display:flex; gap:4px; margin-bottom:1.5rem; color:#EDB81F; font-size:1rem; } .bs-testimonial-text { font-family:'Roboto',sans-serif; font-weight:300; font-size:1.125rem; line-height:1.7; color:rgba(255,255,255,.8); font-style:italic; margin-bottom:2rem; } .bs-testimonial-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; } .bs-testimonial-author { display:flex; align-items:center; gap:1rem; } .bs-testimonial-avatar { width:56px; height:56px; border-radius:50%; object-fit:cover; border:2px solid rgba(237,184,31,.4); } .bs-testimonial-name { font-family:'Nunito',sans-serif; font-weight:900; color:white; display:block; } .bs-testimonial-role { font-family:'Roboto',sans-serif; font-size:.875rem; color:rgba(255,255,255,.4); display:block; } .bs-testimonial-tour-label { font-family:'Nunito',sans-serif; font-weight:900; font-size:.6rem; text-transform:uppercase; letter-spacing:.15em; color:#EDB81F; display:block; text-align:right; } .bs-testimonial-tour-name { font-family:'Roboto',sans-serif; font-size:.875rem; color:rgba(255,255,255,.55); text-align:right; display:block; } .bs-testimonial-controls { display:flex; align-items:center; justify-content:space-between; margin-top:1.75rem; } .bs-testimonial-dots { display:flex; gap:8px; } .bs-testimonial-dot { width:8px; height:8px; border-radius:9999px; background:rgba(255,255,255,.2); border:none; cursor:pointer; transition:all .3s; padding:0; } .bs-testimonial-dot.active { width:32px; background:#EDB81F; } .bs-testimonial-arrows { display:flex; gap:12px; } .bs-testimonial-arrow { width:40px; height:40px; border-radius:4px; border:1px solid rgba(255,255,255,.2); background:transparent; color:white; font-size:1rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .3s; } .bs-testimonial-arrow:hover { border-color:#EDB81F; color:#EDB81F; } /* ============================================================ CTA SECTION ============================================================ */ .bs-cta-section { position:relative; padding:7rem 0; overflow:hidden; } .bs-cta-bg { position:absolute; inset:0; } .bs-cta-bg img { width:100%; height:100%; object-fit:cover; } .bs-cta-overlay-1 { position:absolute; inset:0; background:rgba(2,31,36,.75); } .bs-cta-overlay-2 { position:absolute; inset:0; background:linear-gradient(to right,rgba(3,56,63,.9),rgba(2,31,36,.6),transparent); } .bs-cta-overlay-3 { position:absolute; bottom:0; left:0; right:0; height:96px; background:linear-gradient(to top,rgba(243,113,38,.15),transparent); } .bs-cta-heading { color:white; margin-bottom:1.5rem; line-height:1.1; } .bs-cta-heading span { color:#EDB81F; display:block; } .bs-cta-body { font-family:'Roboto',sans-serif; font-weight:300; font-size:1rem; line-height:1.7; color:rgba(255,255,255,.6); margin-bottom:2rem; } .bs-cta-btns { display:flex; flex-wrap:wrap; gap:1rem; } .bs-btn-ghost-outline { display:inline-flex; align-items:center; gap:12px; padding:1rem 2rem; border:2px solid rgba(255,255,255,.35); color:white; font-family:'Nunito',sans-serif; font-weight:900; font-size:.875rem; text-transform:uppercase; letter-spacing:.1em; border-radius:4px; text-decoration:none; transition:all .3s; } .bs-btn-ghost-outline:hover { border-color:#EDB81F; color:#EDB81F; } /* ============================================================ NEWSLETTER ============================================================ */ .bs-newsletter-section { padding:3.5rem 0; background:#03383F; border-top:1px solid rgba(237,184,31,.15); } .bs-newsletter-inner { max-width:672px; margin:0 auto; padding:0 1.5rem; text-align:center; } .bs-newsletter-icon { width:48px; height:48px; border-radius:50%; background:rgba(237,184,31,.15); display:flex; align-items:center; justify-content:center; margin:0 auto 1rem; font-size:1.375rem; } .bs-newsletter-title { color:white; font-family:'Nunito',sans-serif; font-weight:900; font-size:1.6rem; margin-bottom:.5rem; } .bs-newsletter-sub { font-family:'Roboto',sans-serif; font-size:.875rem; color:rgba(255,255,255,.4); margin-bottom:1.5rem; } .bs-newsletter-form { display:flex; flex-direction:column; gap:12px; max-width:480px; margin:0 auto; } @media (min-width:640px) { .bs-newsletter-form { flex-direction:row; } } .bs-newsletter-input { flex:1; padding:.875rem 1.25rem; background:#021F24; border:1px solid rgba(255,255,255,.1); color:white; border-radius:4px; outline:none; font-family:'Roboto',sans-serif; font-size:.875rem; transition:border-color .3s; } .bs-newsletter-input::placeholder { color:rgba(255,255,255,.3); } .bs-newsletter-input:focus { border-color:rgba(237,184,31,.5); } .bs-newsletter-btn { padding:.875rem 1.5rem; background:#EDB81F; color:#021F24; font-family:'Nunito',sans-serif; font-weight:900; font-size:.875rem; text-transform:uppercase; letter-spacing:.1em; border:none; border-radius:4px; cursor:pointer; white-space:nowrap; transition:background .3s; } .bs-newsletter-btn:hover { background:#F5CC50; } .bs-newsletter-success { font-family:'Nunito',sans-serif; font-weight:900; font-size:1.125rem; color:#EDB81F; } /* ============================================================ FOOTER ============================================================ */ .bs-footer { background:#011318; border-top:1px solid rgba(255,255,255,.05); } .bs-footer-top { max-width:1280px; margin:0 auto; padding:4rem 1.5rem; display:grid; grid-template-columns:1fr; gap:2.5rem; } @media (min-width:768px) { .bs-footer-top { grid-template-columns:repeat(2,1fr); } } @media (min-width:1024px) { .bs-footer-top { grid-template-columns:2fr 1fr 1fr 1fr 1fr; } } .bs-footer-brand-logo { height:80px; width:auto; margin-bottom:1.25rem; } .bs-footer-brand-desc { font-family:'Roboto',sans-serif; font-weight:300; font-size:.875rem; color:rgba(255,255,255,.4); line-height:1.7; margin-bottom:1.5rem; max-width:280px; } .bs-footer-contact-item { display:flex; align-items:flex-start; gap:10px; font-family:'Roboto',sans-serif; font-size:.875rem; color:rgba(255,255,255,.4); margin-bottom:10px; } .bs-footer-contact-icon { color:#EDB81F; flex-shrink:0; font-size:.8rem; margin-top:2px; } .bs-footer-col-title { font-family:'Nunito',sans-serif; font-weight:900; font-size:.7rem; text-transform:uppercase; letter-spacing:.2em; color:#EDB81F; margin-bottom:1.25rem; } .bs-footer-links { list-style:none; margin:0; padding:0; } .bs-footer-links li { margin-bottom:10px; } .bs-footer-links a { font-family:'Roboto',sans-serif; font-weight:300; font-size:.875rem; color:rgba(255,255,255,.4); text-decoration:none; display:inline-flex; align-items:center; gap:0; transition:color .3s, gap .3s; } .bs-footer-links a:hover { color:#EDB81F; gap:6px; } .bs-footer-bottom { border-top:1px solid rgba(255,255,255,.05); } .bs-footer-gradient-bar { height:2px; background:linear-gradient(to right,#EDB81F,#F37126,#01758D); } .bs-footer-bottom-inner { max-width:1280px; margin:0 auto; padding:2rem 1.5rem; display:flex; flex-direction:column; gap:1rem; align-items:center; } @media (min-width:640px) { .bs-footer-bottom-inner { flex-direction:row; justify-content:space-between; } } .bs-footer-copy { font-family:'Roboto',sans-serif; font-size:.75rem; color:rgba(255,255,255,.25); } .bs-footer-socials { display:flex; gap:12px; } .bs-social-icon { width:32px; height:32px; border-radius:50%; border:1px solid rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.3); text-decoration:none; font-size:.75rem; transition:all .3s; } .bs-social-icon:hover { border-color:rgba(237,184,31,.6); color:#EDB81F; } /* WPForms Styling */ .wpforms-container input, .wpforms-container textarea, .wpforms-container select { background:#021F24 !important; border:1px solid rgba(255,255,255,.1) !important; border-radius:4px !important; color:white !important; font-family:'Roboto',sans-serif !important; padding:.875rem 1.25rem !important; } .wpforms-container input:focus, .wpforms-container textarea:focus { border-color:rgba(237,184,31,.5) !important; outline:none !important; } .wpforms-container label { font-family:'Nunito',sans-serif !important; font-weight:900 !important; font-size:.75rem !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:rgba(255,255,255,.5) !important; margin-bottom:.5rem !important; } .wpforms-container .wpforms-submit { background:#EDB81F !important; color:#021F24 !important; font-family:'Nunito',sans-serif !important; font-weight:900 !important; text-transform:uppercase !important; border:none !important; border-radius:4px !important; padding:.875rem 2rem !important; cursor:pointer !important; transition:background .3s !important; } .wpforms-container .wpforms-submit:hover { background:#F5CC50 !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Up and Away'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://beyondskies.in/wp-content/uploads/2026/06/CCUpUpAndAway-W00-Regular.woff2') format('woff2'), url('https://beyondskies.in/wp-content/uploads/2026/06/CCUpUpAndAway-W00-Regular.woff') format('woff'), url('https://beyondskies.in/wp-content/uploads/2026/06/CCUpUpAndAway-W00-Regular.ttf') format('truetype'); } /* End Custom Fonts CSS */