/* All Island Marine Transport — base styles. Page layout is generated per page
   (inline <style>) and in chrome.css from measurements of the original site. */

/* ---------- fonts (the original's own uploaded fonts; all SIL OFL) */
@font-face{font-family:'Inter AIM';src:url(fonts/be7047_92ac610ed16a46cabed20026cdc7e551.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Roboto AIM';src:url(fonts/088b96_fb8842a99ebd48c1b60d3ab189811e0f.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Oswald AIM';src:url(fonts/2ec530_78ec5953b9824fa3a2d1dc9bf935f193.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Oswald Light AIM';src:url(fonts/b83d11_c1ca3b51ef6f4657bec9935b421e205b.woff2) format('woff2');font-weight:400;font-display:swap}
/* the family names the copied Wix rich text refers to */
@font-face{font-family:wfont_be7047_92ac610ed16a46cabed20026cdc7e551;src:url(fonts/be7047_92ac610ed16a46cabed20026cdc7e551.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:wf_92ac610ed16a46cabed20026c;src:url(fonts/be7047_92ac610ed16a46cabed20026cdc7e551.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:wfont_088b96_fb8842a99ebd48c1b60d3ab189811e0f;src:url(fonts/088b96_fb8842a99ebd48c1b60d3ab189811e0f.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:wfont_2ec530_78ec5953b9824fa3a2d1dc9bf935f193;src:url(fonts/2ec530_78ec5953b9824fa3a2d1dc9bf935f193.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:wf_78ec5953b9824fa3a2d1dc9bf;src:url(fonts/2ec530_78ec5953b9824fa3a2d1dc9bf935f193.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:wfont_b83d11_c1ca3b51ef6f4657bec9935b421e205b;src:url(fonts/b83d11_c1ca3b51ef6f4657bec9935b421e205b.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:wf_c1ca3b51ef6f4657bec9935b4;src:url(fonts/b83d11_c1ca3b51ef6f4657bec9935b421e205b.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:lobster;src:url(fonts/lobster.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:questrial;src:url(fonts/questrial.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:madefor-display-extrabold;src:url(fonts/madefor-display-800.woff2) format('woff2');font-weight:400;font-display:swap}
/* Wix's DIN Next / Helvetica are licensed; these stand in for them */
@font-face{font-family:din-next-w01-light;src:local('DIN Next LT Pro Light'),local('Helvetica Neue Light'),local('Arial');font-weight:400}
@font-face{font-family:helvetica-w01-light;src:local('Helvetica Neue Light'),local('HelveticaNeue-Light'),local('Arial');font-weight:400}

/* ---------- base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;font:normal normal normal 10px/normal Arial,Helvetica,sans-serif;min-width:980px;overflow-x:hidden}
:where(h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,fieldset){margin:0;padding:0}
:where(button){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:where(a){color:inherit}
img,video,svg{display:block}
.skip-link{position:absolute;left:8px;top:-60px;z-index:200;background:#fff;color:#01234d;padding:8px 14px;font:16px 'Inter AIM',sans-serif}
.skip-link:focus{top:8px}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* every generated block is absolutely placed inside its section */
.sec{position:relative;display:block;width:100%}
#main .sec{overflow:visible}
.c{position:absolute;display:block}
.bg-fill,.bg-img{position:absolute;inset:0;width:100%;height:100%}
.bg-img{object-fit:cover}
.sec>picture{display:contents}

/* rich text, as Wix renders it */
.rt{word-wrap:break-word;overflow-wrap:break-word;pointer-events:auto}
.rt :where(p,h1,h2,h3,h4,h5,h6,li){margin:0}
.rt :where(ul,ol){padding-inline-start:1.3em}
.rt a{color:inherit;text-decoration:inherit}
.rt a:hover{text-decoration:underline}
.rt span[style*="text-decoration:underline"] a{text-decoration:underline}
.m-only{display:none}

.img img,.img picture img{width:100%;height:100%;object-fit:cover}
.img picture{display:contents}
.vec svg{width:100%;height:100%;overflow:visible}
.box img.fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.box picture{display:contents}
.map iframe{width:100%;height:100%;border:0;filter:saturate(.85)}

/* buttons */
.btn{display:flex;align-items:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .4s ease,border-color .4s ease,color .4s ease}
.btn span{display:block;pointer-events:none}
.btn svg{pointer-events:none}

/* ---------- header */
#SITE_HEADER{position:sticky;top:0;z-index:51;transition:background-color .3s ease,opacity .2s ease-in}
#SITE_HEADER.is-hidden{opacity:0;pointer-events:none}
#SITE_HEADER.is-scrolled{background:rgb(var(--color_42))}
#SITE_HEADER>.bg-fill{transition:opacity .3s}
#SITE_HEADER.is-scrolled>.bg-fill{opacity:0}
#site-nav{left:0;right:0;top:0;height:0}
#nav{list-style:none;margin:0;padding:0}
#nav>li{position:absolute;height:31px}
#nav>li+li{border-left:1px solid rgba(255,255,255,.29)}
#nav>li>a{display:block;height:31px;padding:0 5px;font:16px/31px 'Inter AIM',sans-serif;color:#fff;text-decoration:none;text-align:center;transition:color .4s ease}
#nav>li>a:hover,#nav>li>a[aria-current=page],#nav>li.has-sub:hover>a,#nav>li.has-sub:focus-within>a{color:rgb(61,213,233)}
#nav .m-only-item{display:none}
#nav .sub-toggle{display:none}
#nav .sub{position:absolute;list-style:none;margin:0;padding:0;box-shadow:0 1px 4px rgba(0,0,0,.6);visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s}
#nav .has-sub:hover .sub,#nav .has-sub:focus-within .sub,#nav .has-sub.open .sub{visibility:visible;opacity:1}
#nav .sub li+li{border-top:1px solid rgba(255,255,255,.29)}
#nav .sub a{display:block;height:31px;font:16px/31px 'Inter AIM',sans-serif;color:#fff;text-decoration:none;text-align:center;white-space:nowrap}
#nav .sub a:hover{color:rgb(61,213,233)}
.nav-toggle,.nav-close,.nav-overlay{display:none}

/* ---------- slideshows */
.ss{overflow:visible}
.ss-track{position:absolute;inset:0;overflow:hidden}
.ss-slide{position:absolute;inset:0;visibility:hidden}
.ss-slide.is-active{visibility:visible}
.ss-slide.is-in,.ss-slide.is-out{visibility:visible}
.ss-arrow{position:absolute;z-index:2;color:#fff;fill:#fff}
.ss-arrow svg{width:100%;height:calc(100% - 3px);fill:currentColor}
.ss-next{transform:scaleX(-1)}
.ss-dots{position:absolute;z-index:2;display:flex;justify-content:center;transform:translateY(-50%)}
.ss-dots ol{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.ss-dots li{display:flex;align-items:center;justify-content:center;width:23px;height:11px}
.ss-dots li:first-child{width:27px}
.ss-dots a{display:block;width:7px;height:7px;border-radius:50%;background:#fff}
.ss-dots a[aria-current]{width:11px;height:11px;background:none;border:2px solid #fff}

/* testimonial slides (stars, clamped quote with Read more, name) */
.tst{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.tst-stars{width:87px;height:15px;filter:url(#neonsky)}
.clamp{width:798px;margin-top:32px;display:flex;flex-direction:column;align-items:center}
.clamp-text{font:16px/24px 'Roboto AIM',sans-serif;color:#fff;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.clamp.is-open .clamp-text{-webkit-line-clamp:unset;display:block}
.clamp-text .ln{display:block}
.clamp-more{margin-top:10px;font:700 14px/21px questrial,sans-serif;color:#fff;text-decoration:underline;text-underline-offset:2px}
.clamp-more[hidden]{display:none}
.tst-name{position:static;width:310px;margin-top:23px}

/* ---------- video player */
.vplayer{overflow:hidden;background:#000}
.vplayer video{width:100%;height:100%;object-fit:cover}
.vp-toggle{position:absolute;left:50%;top:50%;width:86px;height:86px;margin:-43px 0 0 -43px;opacity:.8;color:#000}
.vp-toggle svg{width:100%;height:100%;fill:currentColor}
.vp-pause{display:none}
.vp-pause svg{fill:#fff;transform:scale(.95)}
.vplayer.is-playing .vp-play{display:none}
.vplayer.is-playing .vp-pause{display:block;opacity:0;transition:opacity .2s}
.vplayer.is-playing:hover .vp-pause,.vplayer.is-playing .vp-toggle:focus-visible .vp-pause{opacity:1}
.vp-audio{position:absolute;right:0;bottom:0;width:51px;height:44px;padding:5px 10px 7px 8px;opacity:0;transition:opacity .2s;color:#fff;filter:drop-shadow(0 0 1px #000)}
.vplayer:hover .vp-audio,.vp-audio:focus-visible{opacity:1}
.vp-audio svg{width:33px;height:32px;fill:currentColor}
.vp-on{display:none}
.vplayer.is-unmuted .vp-on{display:block}
.vplayer.is-unmuted .vp-off{display:none}

/* ---------- Pro Gallery slider (continuous autoscroll, like the original) */
.pg-slider{overflow:hidden;height:var(--h)}
.pg-track{display:flex;gap:var(--gap);height:100%;width:max-content;will-change:transform}
.pg-item{position:relative;height:100%;width:calc(var(--h) * var(--ar));flex:none;overflow:hidden}
.pg-item::after{content:"";position:absolute;inset:0;background:rgba(1,35,77,.16);opacity:0;transition:opacity .3s}
.pg-item:hover::after{opacity:1}
.pg-item img{width:100%;height:100%;object-fit:cover;user-select:none}
.pg-arrow{position:absolute;z-index:2;width:23px;height:14.7px;top:calc(50% - 7px);fill:rgb(232,171,20);opacity:.9;filter:drop-shadow(0 0 2px rgba(0,0,0,.4))}
.pg-arrow svg{width:100%;height:100%}
.pg-next{right:23px}
.pg-prev{left:23px;transform:scaleX(-1);display:none}
.pg-slider.has-prev .pg-prev{display:block}

/* ---------- quote popup (the original's Wix Forms lightbox) */
body.popup-open{overflow:hidden}
.popup{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.5);overflow-y:auto;overscroll-behavior:contain}
.popup[hidden]{display:none}
.popup-box{position:relative;width:812px;margin:0 auto;background:#fff;min-height:100%;padding:89px 24px 65px}
.popup-close{position:fixed;top:30px;right:calc(50% - 640px + 30px);width:35px;height:37px;fill:#6B6DD8;color:#6B6DD8;z-index:2}
.popup-close svg{width:100%;height:100%;fill:rgba(56,62,212,.35)}
.pform{display:flex;flex-direction:column;gap:24px;font:16px/1.5 'Inter AIM',sans-serif;color:#000}
.pf-row{display:flex;gap:24px}
.pf-row>*{flex:1}
.pf-field{display:flex;flex-direction:column;gap:8px;border:0;margin:0;padding:0;min-width:0}
.pf-label{font:14px/1.4 'Inter AIM',sans-serif;color:#000;padding:0}
.pform input:not([type=checkbox]):not([type=hidden]),.pform textarea,.pform select{width:100%;height:42px;padding:0 12px;border:1px solid rgba(0,0,0,.6);border-radius:0;background:#fff;font:16px 'Inter AIM',sans-serif;color:#000;outline:none}
.pform input::placeholder,.pform textarea::placeholder{color:rgb(89,89,89)}
.pform input:focus,.pform textarea:focus,.pform select:focus{border-color:#000;box-shadow:inset 0 0 0 1px #000}
.pform textarea{height:92px;padding:10px 12px;resize:vertical}
.pf-select{position:relative;display:block}
.pf-select select{appearance:none;-webkit-appearance:none;cursor:pointer;color:rgb(89,89,89)}
.pf-select::after{content:"";position:absolute;right:17px;top:13px;width:9px;height:9px;border:solid #000;border-width:0 1.3px 1.3px 0;transform:rotate(45deg)}
.pf-phone{position:relative;flex-direction:row}
.pf-phone .cc{position:absolute;left:14px;top:9px;display:flex;align-items:center;gap:3px;pointer-events:none}
.pf-phone .cc svg{width:20px;height:20px}
.pf-phone .cc svg+svg{width:16px;height:16px}
.pf-phone input{padding-left:56px!important}
.pf-check{display:flex;align-items:center;gap:12px;height:24px;margin-top:4px;font:16px 'Inter AIM',sans-serif;cursor:pointer;position:relative}
.pf-check input{position:absolute;opacity:0;width:1px;height:1px}
.pf-check .box{width:16px;height:16px;border:1px solid #000;background:#fff;flex:none;margin-left:-1px}
.pf-check input:checked+.box{background:#000;box-shadow:inset 0 0 0 3px #fff}
.pf-check input:focus-visible+.box{outline:2px solid #116dff;outline-offset:1px}
.pf-time{width:120px!important}
.pf-submit{align-self:flex-start;width:239px;height:41px;margin-top:1px;background:rgb(232,171,20);color:#fff;font:16px 'Inter AIM',sans-serif;transition:opacity .2s}
.pf-submit:hover{opacity:.85}

/* ---------- mobile: the original's separate 320px Wix mobile layout */
@media (max-width:750px){
  body{min-width:0}
  .d-only{display:none!important}
  .m-only{display:block}
  #SITE_HEADER{position:relative}
  #SITE_HEADER.is-hidden{opacity:1;pointer-events:auto}
  #SITE_HEADER.is-scrolled{background:none}
  #SITE_HEADER.is-scrolled>.bg-fill{opacity:1}
  .nav-toggle{display:block;left:257px;top:24px;width:50px;height:50px;z-index:3}
  .nav-toggle span{position:absolute;left:14px;width:22px;height:2px;border-radius:2px;background:#000;transition:transform .3s,opacity .3s}
  .nav-toggle span:nth-child(1){top:15px}.nav-toggle span:nth-child(2){top:24px}.nav-toggle span:nth-child(3){top:33px}
  .nav-overlay{display:block;position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.6)}
  .nav-overlay[hidden]{display:none}
  #site-nav{position:fixed;left:auto;right:0;top:0;bottom:0;height:auto;width:212px;background:#fff;z-index:61;transform:translateX(100%);transition:transform .4s ease;overflow-y:auto;visibility:hidden}
  body.nav-open #site-nav{transform:none;visibility:visible}
  .nav-close{display:block;position:absolute;right:11px;top:24px;width:50px;height:50px}
  .nav-close::before,.nav-close::after{content:"";position:absolute;left:16.5px;top:24px;width:24px;height:2px;border-radius:2px;background:#000;transform:rotate(45deg)}
  .nav-close::after{transform:rotate(-45deg)}
  #nav{margin-top:78px;width:188px;direction:rtl}
  #nav>li,#nav>li+li{position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto!important;border:0;border-bottom:1px solid rgba(0,0,0,.2)}
  #nav .m-only-item{display:block}
  #nav>li>a{height:56px;padding:0 10px 0 0;font:16px/56px lobster,cursive;color:#000;text-align:start}
  #nav>li>a{color:#000}
  #nav>li>a[aria-current=page]{color:rgb(232,171,20)}
  #nav .has-sub{display:grid;grid-template-columns:1fr 50px;grid-template-areas:"label arrow" "sub sub"}
  #nav .has-sub>a{grid-area:label}
  #nav .sub-toggle{display:flex;grid-area:arrow;align-items:center;justify-content:center;height:56px}
  #nav .sub-toggle svg{width:12px;height:6.3px;transition:transform .3s}
  #nav .has-sub.open .sub-toggle svg{transform:rotate(180deg)}
  #nav .sub{grid-area:sub;position:static;box-shadow:none;display:none;visibility:visible;opacity:1;width:auto!important}
  #nav .has-sub:hover .sub{display:none}
  #nav .has-sub.open .sub{display:block}
  #nav .sub li+li{border:0}
  #nav .sub a{height:56px;padding:0 25px 0 0;font:22px/56px 'Inter AIM',sans-serif;color:#000;text-align:start;overflow:hidden;text-overflow:ellipsis}
  .tst-stars{width:60px;height:10px}
  .clamp{width:260px;margin-top:10px}
  .clamp-text{font:13px/19.5px 'Inter AIM',sans-serif}
  .clamp-more{font:400 14px/21px 'Inter AIM',sans-serif}
  .tst-name{width:260px;margin-top:10px}
  .pg-arrow{top:calc(50% - 7px)}
  .popup-box{width:280px;padding:86px 34px 34px}
  .popup-close{position:absolute;top:10px;right:0;width:28px;height:42px}
  .pf-row{flex-direction:column;gap:24px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}