/* My Sky Trip website shell (our own CSS). It reproduces what the Squarespace template did around our two code blocks per page:
   the header, the mobile menu, the page and footer layout, and the few base typography rules the code blocks inherit.
   Every value below was measured from the live www.myskytrip.com pages (computed styles and the template formulas they come from)
   on Nov 4, 2026. Selectors that style elements inside the code blocks keep the same specificity and order as the template's. */

/* ---------- base (normalize, same rules and order as the template's) ---------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
a{background:0 0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
hr{box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
nav ul{list-style-type:none;margin:0;padding:0}

/* ---------- site colors and sizes (the live site's values) ---------- */
:root{--mst-bg:hsla(33.33,32.14%,89.02%,1);--mst-ink:hsla(30,12.5%,18.82%,1);--mst-btn-ink:hsla(42,35.71%,94.51%,1);--pagePadding:4vw;--maxPageWidth:2000px}
html,body{font-size:16px}
@media screen and (max-width:991px){html{font-size:min(16px,16px)}}
html{scroll-behavior:smooth}
body{word-wrap:break-word;overflow-wrap:break-word;background-color:var(--mst-bg);color:var(--mst-ink)}
body.menu-open{overflow:hidden}
a{cursor:pointer;color:inherit;text-decoration:none}
a{color:inherit;text-decoration:none}

/* the site wrapper carries the body text settings the code blocks inherit */
.mstw-site{font-family:"Roboto";font-style:normal;font-weight:400;line-height:1.3em;letter-spacing:-.02em;text-transform:none;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}
@media screen and (min-width:768px),screen and (orientation:landscape){.mstw-site{font-size:min(calc((1.1 - 1) * 1.2vw + 1rem),max(calc((1.1 - 1) * 0.012 * 2000px + 1rem),calc(1.1 * 1rem)))}}
@media screen and (max-width:767px) and (orientation:portrait){.mstw-site{font-size:calc((1.1 - 1) * calc(.012 * min(100vh,900px)) + 1rem)}}

/* ---------- header ---------- */
.hdr{z-index:10;position:relative;line-height:1;-webkit-tap-highlight-color:rgba(0,0,0,0);pointer-events:none;color:var(--mst-ink)}
.hdr-band{position:relative;z-index:2;width:100%;box-sizing:border-box;padding:2vw var(--pagePadding);pointer-events:auto}
.skip-link{position:absolute;box-sizing:border-box;text-decoration:underline;z-index:2;max-width:calc(100vw - 2.6em);top:1.5em;left:-1000em;
  color:var(--mst-btn-ink)!important;background-color:var(--mst-ink)!important;border-color:var(--mst-ink)!important;border-radius:300px;
  font-family:"Roboto";font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.02em;text-transform:none;
  padding:1.2em 2em;border-width:0;border-style:solid;transition:.1s opacity linear;-webkit-backface-visibility:hidden}
@media screen and (min-width:768px),screen and (orientation:landscape){.skip-link{font-size:min(calc((.9 - 1) * 1.2vw + 1rem),max(calc((.9 - 1) * 0.012 * 2000px + 1rem),calc(.9 * 1rem)))}}
@media screen and (max-width:767px) and (orientation:portrait){.skip-link{font-size:calc((.9 - 1) * calc(.012 * min(100vh,900px)) + 1rem)}}
.skip-link:focus{left:1.3em}
.hdr-inner{position:relative;z-index:1;display:flex;align-items:center;width:100%;height:inherit}
.hdr-desktop{position:relative;display:flex;width:100%;box-sizing:border-box;justify-content:flex-start;align-items:center}
.hdr-mobile{display:none;position:relative;width:100%;box-sizing:border-box;justify-content:flex-start;align-items:center}
.hdr-title-nav{display:flex;flex-wrap:nowrap;flex:1 0 67%;align-items:center}
.hdr-title{flex-grow:0;flex-shrink:0;backface-visibility:hidden}
.hdr-desktop .hdr-logo{width:auto;font-size:0}
.hdr-desktop .hdr-logo a{display:inline-block;max-width:100%;max-height:73px}
.hdr-desktop .hdr-logo img{width:auto;max-width:100%;max-height:73px}
.hdr-nav{flex-grow:1;flex-shrink:1;text-align:right;margin-left:auto;padding-left:2vw}
.hdr-nav-list{display:inline-flex;flex-wrap:wrap;justify-content:flex-end}
.hdr-nav-item{font-family:"Roboto";font-style:normal;font-weight:400;line-height:1.3em;letter-spacing:-.02em;text-transform:none;white-space:nowrap;display:inline-flex}
@media screen and (min-width:768px),screen and (orientation:landscape){.hdr-nav-item{font-size:min(calc((.9 - 1) * 1.2vw + 1rem),max(calc((.9 - 1) * 0.012 * 2000px + 1rem),calc(.9 * 1rem)))}}
@media screen and (max-width:767px) and (orientation:portrait){.hdr-nav-item{font-size:calc((.9 - 1) * calc(.012 * min(100vh,900px)) + 1rem)}}
.hdr-nav-item:not(:first-child){margin-left:2vw}
.hdr-nav-item a{display:inline-flex;align-items:center;text-decoration:none;backface-visibility:hidden;padding:.1em 0;color:var(--mst-ink)}
body:not(.menu-open) .hdr-nav-item.is-active>a{background-image:linear-gradient(currentColor,currentColor);background-repeat:repeat-x;background-size:1px 1px;background-position:0 calc(100% - .1em)}

/* burger */
.hdr-burger-wrap{display:none;align-items:center;justify-content:center}
.hdr-burger{position:relative;display:inline-block;cursor:pointer;background-color:transparent;border:none;padding:1px 6px}
.burger-box{position:relative;display:flex;align-items:center;justify-content:center;width:35px;height:35px}
.burger-inner{width:100%;height:100%}
.burger-inner>div{height:1px;position:absolute;display:block;top:0;left:0;bottom:0;margin:auto;width:100%;
  transition:transform 250ms cubic-bezier(.2,.6,.3,1),width 250ms cubic-bezier(.2,.6,.3,1);will-change:transform,width;background-color:var(--mst-ink)}
.burger-inner .bun-top{transform:translatey(-5.5px)}
.burger-inner .bun-patty{transform:scale(0)}
.burger-inner .bun-bottom{transform:translatey(5.5px)}
.hdr-burger.is-active .bun-top{transform:translatex(3.5px) rotate(-135deg);width:28px}
.hdr-burger.is-active .bun-bottom{transform:translatex(3.5px) rotate(135deg);width:28px}
.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}

/* mobile header: the live breakpoint (a touch screen up to 1024 px wide, or any screen up to 799 px) */
@media only screen and (pointer:coarse) and (max-width:1024px),screen and (max-width:799px){
  .hdr-band{padding:6vw}
  .hdr-desktop{display:none}
  .hdr-mobile{display:flex}
  .hdr-mobile .hdr-title-nav{flex:1 0 calc(100% - 50px)}
  .hdr-mobile .hdr-title{flex-grow:1;margin-right:0;flex:1 0 100%;text-align:left}
  .hdr-mobile .hdr-logo{display:block}
  .hdr-mobile .hdr-logo a{display:inline-block;max-height:48px}
  .hdr-mobile .hdr-logo img{max-height:48px}
  .hdr-burger-wrap{display:flex;margin-right:0;align-items:flex-end;justify-content:flex-end;flex:0 0 50px;width:50px}
  .hdr-menu{transition:visibility 600ms cubic-bezier(.4,0,.2,1),opacity 400ms cubic-bezier(.4,0,.2,1)}
  body.menu-open .hdr-menu{opacity:1;visibility:visible}
}

/* mobile menu overlay */
.hdr-menu{font-size:1.2em;position:fixed;z-index:1;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;will-change:opacity,visibility;user-select:none;text-align:center;pointer-events:auto}
.hdr-menu-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--mst-bg)}
.hdr-menu-nav{position:relative;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0}
.hdr-menu-list{position:relative;flex-grow:1;width:100%;transform:translatey(20px);transition:transform 600ms cubic-bezier(.4,0,.2,1)}
body.menu-open .hdr-menu .hdr-menu-list{transform:translatey(0)}
.hdr-menu-folder{position:absolute;display:flex;top:0;left:0;width:100%;min-height:100%;max-height:100%;justify-content:flex-start;overflow-y:scroll;overflow-x:hidden;transform:translatex(0%);transition:transform 600ms cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch;flex-direction:column}
.hdr-menu-content{position:relative;display:flex;width:100%;flex-grow:1;flex-shrink:0;justify-content:center;flex-direction:column}
.hdr-menu-item{font-family:"Roboto";font-style:normal;font-weight:400;letter-spacing:-.02em;text-transform:none;line-height:1;position:relative;width:100%;box-sizing:border-box;padding-left:var(--pagePadding);padding-right:var(--pagePadding)}
.hdr-menu-item a{font-size:8.5vmin;opacity:1;position:relative;display:inline-flex;align-items:center;margin:3vw 5vw;transition:opacity 250ms cubic-bezier(.4,0,.2,1);color:var(--mst-ink)}
.hdr-menu-text{position:relative;display:inline-flex;align-items:center;pointer-events:none}
@media screen and (min-width:576px){.hdr-menu-item a{font-size:6.6vmin}}
@media screen and (min-width:768px){.hdr-menu-item a{font-size:6vmin}}
@media (hover:hover){.hdr-menu-item:hover a{opacity:.9}}
@media (forced-colors:active){
  body:not(.menu-open) .hdr-nav-item.is-active>a{text-decoration:underline!important}
  .burger-inner>div{background-color:buttontext}
}

/* ---------- page and footer layout (the live 24-column grid, 11 px gaps, 4vw gutters; 8 columns and 6vw on phones) ---------- */
.mst-fe{--grid-gutter:calc(6vw - 11px);--cell-max-width:calc((2000px - (11px * (8 - 1))) / 8);display:grid;position:relative;
  grid-template-rows:repeat(6,minmax(24px,auto));grid-template-columns:minmax(var(--grid-gutter),1fr) repeat(8,minmax(0,var(--cell-max-width))) minmax(var(--grid-gutter),1fr);
  row-gap:11px;column-gap:11px;overflow-x:hidden;overflow-x:clip}
.mst-block{grid-area:1/2/7/10;z-index:1;position:relative;display:flex;flex-direction:column;justify-content:flex-start;height:100%;width:100%}
@media (min-width:768px){
  .mst-fe{--grid-gutter:calc(4vw - 11px);--cell-max-width:calc((2000px - (11px * (24 - 1))) / 24);--container-width:min(2000px,calc(100vw - 4vw * 2));
    grid-template-rows:repeat(var(--rows),minmax(calc(var(--container-width) * 0.0215),auto));
    grid-template-columns:minmax(var(--grid-gutter),1fr) repeat(24,minmax(0,var(--cell-max-width))) minmax(var(--grid-gutter),1fr)}
  .mst-block{grid-area:1/2/span var(--rows)/26}
}
.site-footer{margin-top:auto;position:relative;z-index:0}

/* ---------- base typography the code blocks inherit (the template's rules, same order) ---------- */
p{margin:1rem 0}
p{line-height:1.3em}
h1,h2,h3,h4{margin:2rem 0}
h1,h2,h3,h4{font-family:"Roboto";font-style:normal;font-weight:400;line-height:1.1em;letter-spacing:-.02em;text-transform:none}
h1{line-height:calc(1.1em * (1 + (1 - 4) / 25))}
h2{line-height:calc(1.1em * (1 + (1 - 2.5) / 25))}
h3{line-height:calc(1.1em * (1 + (1 - 2.1) / 25))}
h4{line-height:calc(1.1em * (1 + (1 - 1.4) / 25))}
@media screen and (min-width:768px),screen and (orientation:landscape){
  h1{font-size:min(calc((4 - 1) * 1.2vw + 1rem),max(calc((4 - 1) * 0.012 * 2000px + 1rem),calc(4 * 1rem)))}
  h2{font-size:min(calc((2.5 - 1) * 1.2vw + 1rem),max(calc((2.5 - 1) * 0.012 * 2000px + 1rem),calc(2.5 * 1rem)))}
  h3{font-size:min(calc((2.1 - 1) * 1.2vw + 1rem),max(calc((2.1 - 1) * 0.012 * 2000px + 1rem),calc(2.1 * 1rem)))}
  h4{font-size:min(calc((1.4 - 1) * 1.2vw + 1rem),max(calc((1.4 - 1) * 0.012 * 2000px + 1rem),calc(1.4 * 1rem)))}
}
@media screen and (max-width:767px) and (orientation:portrait){
  h1{font-size:calc((4 - 1) * calc(.012 * min(100vh,900px)) + 1rem)}
  h2{font-size:calc((2.5 - 1) * calc(.012 * min(100vh,900px)) + 1rem)}
  h3{font-size:calc((2.1 - 1) * calc(.012 * min(100vh,900px)) + 1rem)}
  h4{font-size:calc((1.4 - 1) * calc(.012 * min(100vh,900px)) + 1rem)}
}
h1{color:var(--mst-ink)}
h2{color:var(--mst-ink)}
h3{color:var(--mst-ink)}
h4{color:var(--mst-ink)}
p a{color:var(--mst-ink)}
.mst-block img{max-width:100%}
.btn{position:relative;display:inline-block;line-height:normal}
.mstw-site .btn:not(.mst-n1,.mst-n2):not(.mst-n3,.mst-n4){transition:.1s opacity linear;-webkit-backface-visibility:hidden}

/* focus rings (the template's) */
:focus{outline-offset:4px}
:focus,a:focus{outline-width:2px;outline-style:solid}
:focus,a:focus{outline-color:var(--mst-ink)}

/* the not-found page */
.system-page{max-width:2000px;padding:0 var(--pagePadding) var(--pagePadding);margin:0 auto}
.system-page>:first-child{padding-top:var(--pagePadding)}