/* Base styles for Amy's pages. Written for this site to replace Showit's engine CSS.
   Each page's own design (colours, fonts, positions) lives in its si-page-css block. */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,b,u,i,ol,ul,li,form,label,section,video,svg{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
a,a:link,a:visited,a:active,a:focus,a:hover{color:inherit;text-decoration:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{line-height:1;position:relative}
b,strong{font-weight:700}
em,i{font-style:italic}
ol,ul{list-style:none}
input{font:inherit}

/* Page, blocks and the canvas inside each block */
.sp{position:relative;width:100%;min-width:320px;overflow:hidden}
.sb{position:relative;width:100%;pointer-events:none}
.sb-f{position:fixed;left:0;width:100%;min-width:320px}
.sb-a,.sb-h{display:none}
.sc{position:relative;width:100%;height:100%;max-height:5000em;margin:0 auto;pointer-events:none}

/* Block backgrounds: colour layer, media layer, overlay */
.sb-c,.sb-i,.sb-m,.sb-o{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
.sb-m,.sb-o{max-width:100%;overflow:hidden}
.sb-m .sb-mc{position:absolute;display:block;width:auto;height:auto}
.sb-m video{object-fit:cover}

/* States (slides) inside a block. Only the active one shows */
.ss{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none;animation-fill-mode:both}
.ss-s,.ss.sactive{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:block}

/* Elements */
.se{position:absolute;display:block;box-sizing:border-box;outline:none;pointer-events:auto;transform-origin:50% 50%;animation-fill-mode:both}
.se-t{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent}
.se-t:focus{border:0;outline:none}
.se-t-list ol,.se-t-list ul{margin-left:1.4em}
.se-t-list li{margin-left:1em;padding-left:.1em}
.se-t-list ol{list-style:decimal}
.se-t-list ul{list-style:disc}
.se-rc a{text-decoration:underline}
.se-rc a:hover{opacity:.8}
.se-i{display:block;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
.se-i img{visibility:hidden}
.se-gr,.se-i img{width:100%;height:100%}
.se-img{background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
.se-icon,.se-line{width:100%;height:100%}
.se-icon svg,.se-line svg{width:100%;height:100%;vertical-align:top}
.se-svg{display:block}
.se-svg svg{width:100%}
.se-simple,.se-button{width:100%;height:100%;box-sizing:border-box;border:0 solid transparent}
.se-button{display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:fit-content;transition-property:opacity,border-color,border-width,border-style,border-radius,box-shadow,background-color}
.se-button>*{user-select:none}
.se:has(.se-button){cursor:pointer;min-height:fit-content;transition:none}
.se-button span{line-height:1;min-height:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity,color,font-size,letter-spacing,line-height,text-decoration,text-transform,font-family}
.se-il{pointer-events:none}
.se-pc{cursor:pointer}
.sg-s{z-index:0}
.d .se-bd,.m .se-bm{overflow:hidden}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* Form fields: no browser frame or resize handle, placeholder in the field's own colour */
input[type=email],input[type=password],input[type=text],textarea{border:0;border-radius:0;box-shadow:none;overflow-y:hidden;padding:0;resize:none}
.se-t::placeholder{color:inherit;opacity:.5}
.sc ::-webkit-scrollbar{width:12px}
.sc ::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 20px rgba(0,0,0,.15)}
.sc ::-webkit-scrollbar-thumb{background:hsla(0,0%,59%,.2);border-radius:10px;box-shadow:inset 0 0 1px rgba(0,0,0,.25)}
.sc ::-webkit-scrollbar-thumb:window-inactive{background:hsla(0,0%,59%,.1)}

/* Phone menu: Showit's panel is white with white links, so it opened blank on her live site.
   Amy's burgundy behind it, the same colour as her desktop menu text. */
.m .sib-mobile-nav .ss-bg{background-color:rgba(124,34,49,1)!important}
/* and tall enough to cover the page on any phone, not just Showit's 620px */
.m .sib-mobile-nav{min-height:100vh;min-height:100dvh;z-index:200!important}
/* (Client Results stacks its header above the menu, which hid the close X) */