h2,h3{margin:20px auto 0}.fas,.linkBtn,button{color:var(--BASE)}.txt75char,header{flex-direction:column}.linkBtn,a,button{border-radius:8px}.txt75char,footer,header{display:flex;width:100%}#btnToTop,footer,header{z-index:100010}.filmStrip,[class^=sprocket]{backdrop-filter:blur(15px) saturate(150%)}.sdp,figure{position:relative}#btnToTop,#sit,#walkies,.gridGallery150 figcaption,.gridGallery75 figcaption,.panoZone figcaption{display:none}#mapList li:hover,#popImg,.galleryImg,nav a,summary{cursor:pointer}.aboutMe h2,.panoZone figcaption{border-top:1px solid var(--BLANC)}#snowfield,header,nav{position:fixed;top:0}#snowfield,.galleryImg,figure,nav{height:100%}#blogMapDiv::after,#popImage,#popMap{top:50%;left:50%;transform:translate(-50%,-50%)}#skip,figcaption{position:absolute}#popTxt,#skip,.button,.centerTxt,.centerTxt p,.navOffline a,footer p,h1,h2,h3{text-align:center}:root{--NOIR:#000000;--BLANC:#FFFFFF;--BASE:#021953;--SHADOW:#303030;--HILITE:#B30000}*{margin:0;padding:0;box-sizing:border-box;font-family:"Finger Paint",cursive;color:var(--BLANC);font-size:1rem;line-height:1.5rem}button,input,select{font-family:inherit}#pageHeader,#popImage,#popMap,.mapDiv,.mapListDiv,.mapPicDiv,.txt75char,nav{background-color:var(--BASE)}#galleryGrid,#indexZone,.fas,.indexDiv,.mapDiv,.panoZone,.snowflake,.tooltip{background-color:transparent}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:2s}@font-face{font-family:'Finger Paint';font-style:normal;font-weight:400;src:local(''),url('../Fonts/finger-paint-v10-latin-regular.woff2') format('woff2'),url('../Fonts/finger-paint-v10-latin-regular.woff') format('woff');font-display:swap}.button,h1,h2,h3{font-weight:700}h1{font-size:1.75em;line-height:2.7rem}h2{font-size:1.1em;line-height:1.7rem}.fas,h3{font-size:1rem}p{margin-bottom:20px;text-wrap:pretty}a{padding:5px 12px}.fasML{margin-left:6px}.fasMR{margin-right:6px}.fa-camera-retro,.fa-external-link-alt,.fa-home,.fa-search{color:var(--BLANC)}.txt75char{justify-content:center;max-width:75ch;margin:0 auto;padding:10px}.linkBtn,button{background-color:var(--BLANC);font-size:1rem;font-weight:400;cursor:pointer;box-shadow:inset 1px 1px 2px #888,inset 2px 2px 5px #dcdcdc,inset -1px -1px 2px #585858,inset -2px -2px 5px #696969,4px 4px 8px var(--SHADOW)}#snowfield,.filmStrip{background-color:transparent}#mapList li:hover,input,select{color:var(--BASE);box-shadow:inset 2px 2px 4px var(--SHADOW)}button{min-height:36px;min-width:64px;padding:0 10px;border:none}.linkBtn{padding:5px 12px 0;text-decoration:none}.linkBtn:hover,a:not(.indexLink):hover,button:hover,summary:hover{transition:.75s;font-style:oblique;text-decoration:underline;box-shadow:inset 2px 2px 3px #404040}.navOffline a,.tooltip a,.tooltip a:hover,nav a{text-decoration:none}a:not(.indexLink):hover,summary:hover{background-color:var(--BLANC);color:var(--BASE)}.linkBtn:active,a:active{transform:translateY(4px);transition:.75s;box-shadow:inset 4px 4px 6px #404040}header{left:0;height:110px;background-image:linear-gradient(to bottom,#021953 65%,rgba(2,25,83,0))}[id^=indexFig],footer{flex-direction:column}header img{width:calc(100% - 70px);aspect-ratio:900/252;margin:0}.sdp{font-size:1.4rem;font-weight:700;line-height:2rem;top:-10px;margin:0 0 0 10px}footer{justify-content:center;gap:20px;padding:20px;background-color:var(--NOIR)}#currentpage,#mapList li:hover,.tooltip .tooltiptext,input,select{background-color:var(--BLANC)}#navToggle{position:fixed;top:10px;right:10px;min-width:44px;min-height:44px;padding:5px 0 0;z-index:100030}nav{right:0;width:0;padding-top:50px;border-left:2px solid var(--BLANC);overflow-x:hidden;transition:.75s;z-index:100020}nav a{display:block;margin-left:20px;margin-right:10px}.fa-bars,.fa-home,.fa-search,.fa-times{font-size:1.5rem}nav a,summary{height:46px;padding:12px 0 18px 20px;font-weight:700;font-size:1.1rem}summary::marker{font-size:1.5rem}details a{padding-left:40px;font-weight:400;font-size:1rem}#currentpage{color:var(--BASE)}#currentpage::before{content:"\f083";font-family:"Font Awesome 5 Free";margin-right:8px;color:var(--BASE)}#btnToTop{position:fixed;bottom:140px;right:10px;padding:5px 10px}.fa-chevron-circle-up{margin-right:8px}main{min-height:100vh;padding:0 0 20px;background-image:url('../Images/Assets/backgroundMobile.webp');background-size:100% 100%;background-repeat:no-repeat;background-position:center}#indexZone{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:50px 30px 0}.indexDiv{width:75vw;max-width:350px;aspect-ratio:auto 1/1}#popMapDiv,.mapDiv{aspect-ratio:1/1;max-width:550px}.indexDiv:hover{z-index:99998}.tooltip .tooltiptext{position:relative;top:-150px;left:calc(50% - 70px);visibility:hidden;margin:0 auto;padding:5px 10px;color:var(--BASE);text-align:center;font-size:1.25em;font-weight:700;border-radius:6px;box-shadow:10px 10px 15px #e6e6e6}.tooltip:focus .tooltiptext,.tooltip:hover .tooltiptext{visibility:visible;z-index:100000}#mapList li:hover,.navOffline a:hover{text-decoration:underline;font-style:oblique}.indexImg{width:100%;transition:2s}.rotL{transform:rotate(12.5deg)}.rotR{transform:rotate(-12.5deg)}.rotL:hover{transform:rotate(17.5deg) scale(1.1,1.1)}.rotR:hover{transform:rotate(-17.5deg) scale(1.1,1.1)}.filmStrip{padding:10px;box-shadow:-5px -5px 8px 0 rgba(255,255,255,.25),10px 10px 10px 1px rgba(0,0,0,.65)}[class^=sprocket]{width:100%;height:20px;background:repeating-linear-gradient(90deg,rgba(220,220,220,.35),rgba(220,220,220,.35) 25px,rgba(0,0,0,0) 25px,rgba(0,0,0,0) 50px);animation:1s linear 10 runFilm}@keyframes runFilm{from{background-position:0 0}to{background-position:50px 0}}.sprocketTop{margin-bottom:5px}.sprocketBot{margin-top:5px}[id^=indexFig]{display:flex;justify-content:center;margin:0}[id^=indeximg]{border:1px solid var(--BLANC);min-height:260px;object-fit:cover}#pageHeader{display:flex;flex-direction:column;justify-content:center;gap:20px;width:100%;max-width:500px;margin:0 auto;padding:125px 12px 12px}#filterBox,#searchBox{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:100%;max-width:300px;margin:0 auto}input,select{width:250px;padding:5px;border-radius:8px}select option{color:var(--BASE)}input:-webkit-autofill,input:autofill{background-color:var(--BLANC)}.btnAction{background-color:#e6ffe6}.btnQuit{background-color:#fcc}#colControl{display:flex;flex-direction:row;justify-content:space-between;width:300px;margin:0 auto}#colControl button{width:145px}#lessCol{opacity:.5;cursor:no-drop}[class^=gridGallery]{display:grid;grid-auto-flow:dense;margin:0;padding:20px 5px 0}.panoZone,.videoZone{display:flex;flex-direction:column}.gridGallery300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:300px;grid-gap:20px}.gridGallery150{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:150px;grid-gap:15px}.gridGallery75{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));grid-auto-rows:75px;grid-gap:10px}.portrait{grid-row-end:span 2}.gridGallery150 .landscape:nth-child(10n+10),.gridGallery150 .square,.gridGallery75 .landscape:nth-child(10n+10),.gridGallery75 .square{grid-row-end:span 2;grid-column-end:span 2}figure{width:100%}figcaption{bottom:0;left:0;width:100%;padding:5px;border-left:1px solid var(--BLANC);border-right:1px solid var(--BLANC);border-bottom:1px solid var(--BLANC);background-color:var(--BASE)}#galleryGrid figure:hover{transform:scale(1.1);box-shadow:0 0 5px 5px rgb(240 240 240 / 70%);border:5px solid var(--BLANC);transition:.4s;z-index:10010}.galleryImg{width:100%;border:1px solid var(--BLANC);object-fit:cover;transition:transform .3s}#popImg,#popMapDiv,.mapDiv{border:2px solid var(--BLANC)}.lazy{transition:.8s ease-out;transform:translate3d(0,75px,0)}.panoZone{justify-content:center;margin:20px auto 0}.panoZone figure{margin:0 auto;width:100%;max-width:1500px}.panoZone figcaption{bottom:12px;left:5px;width:auto;padding:5px 20px}.videoZone{justify-content:center;width:100%;max-width:1300px;margin:20px auto;padding:20px}.mapZone,.popControls{display:flex;gap:20px;margin:0 auto}#videoInnner,.mapListDiv,.mapPicDiv{width:100%;border:2px solid var(--BLANC)}#popImage,#popMap{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;width:100%;max-width:550px;padding:10px;border:1px solid var(--BLANC);box-shadow:0 0 7px 7px rgb(240 240 240 / 70%);cursor:move;z-index:100020}#popImg{width:100%;max-height:75vh}#popTxt{margin:10px}.popControls{flex-direction:row;justify-content:center;align-items:flex-end;width:200px}.mapDiv{width:100%;max-height:550px}#popMapDiv{width:100%}.mapZone{flex-direction:column;justify-content:center;width:100%;padding:20px 10px}.blogZone,.xCardBtns{display:flex;flex-direction:row}.mapListDiv{max-width:750px;aspect-ratio:750/550;padding:10px;overflow-y:scroll}#worldMapTxt,.mapPicDiv{max-width:550px}#mapList{list-style-type:none}#mapList li{padding:8px 0 8px 8px}#worldMapTxt{width:100%;height:130px;padding:10px 10px 0}.aboutMe{margin:20px 0}.aboutMe img{float:left;width:125px;margin:0 10px 10px 0}.aboutMe h2{margin-bottom:1.5rem;padding-top:10px}.aboutMe a{margin-left:6px;margin-right:6px}#snowfield{left:0;width:100%;z-index:1000100;pointer-events:none}.wreath{width:75px;height:75px;margin:0 auto}.xCardBtns{flex-wrap:wrap;align-content:flex-start;gap:10px;margin:10px auto}#blogLog,#blogReg{width:300px;margin:0 auto 20px}.blogZone{justify-content:center;max-width:1750px;margin:0 auto;padding:20px}#editImg,#uploadImg,.formAction{flex-direction:row;width:100%;display:flex}#editThumb,.shaggyFormDiv{max-width:350px;margin:0 auto}#editImg,#uploadImg{flex-wrap:wrap;align-items:flex-start;column-gap:20px;max-width:1200px;color:var(--BLANC)}.shaggyFormDiv{width:100%}.shaggyForm input,.shaggyForm select{display:block;width:100%;margin-bottom:10px}input[type=file]::file-selector-button{border:1px solid var(--SHADOW);border-radius:4px}.shaggyForm input[type=text]:read-only{color:var(--HILITE)}.formAction{gap:10px;justify-content:center}#blogMapDiv::after{content:"";position:absolute;width:100px;height:100px;background:url('https://shaggydogphoto.co.uk/Images/Assets/crosshair.png') 0 0/100% 100%;pointer-events:none}#editThumb{width:auto;height:auto;max-height:450px;border:2px solid #fff}#edStatus{width:100%;max-width:750px;margin:0 auto;padding:10px}.edStatusInner{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:10px;width:100%;margin-bottom:25px;padding:10px}.edStatusImg{width:100px;height:100px;aspect-ratio:1/1;margin:0 20px 0 0}.navOffline a{display:block;width:175px;margin:5px auto}#skip{left:30px;transform:translateY(-200px);padding:6px 25px 8px;font-size:1.2em;background-color:var(--HILITE);z-index:100030}#skip:active,#skip:focus{transform:translateY(0);margin:20px}.sr-only:not(:focus):not(:active){position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;color:var(--NOIR);background-color:var(--BLANC);border:0!important;overflow:hidden!important;white-space:nowrap!important;clip-path:inset(50%)!important;-webkit-clip-path:inset(50%)!important}@media only screen and (min-width:400px){header img{width:300px;margin:0 auto}.sdp{font-size:1.75rem;margin:0 auto;top:-20px}}@media only screen and (min-width:768px){main{background-image:url('../Images/Assets/backgroundTablet.webp');background-attachment:fixed}header img{width:400px}.sdp{font-size:2.5rem;top:-35px}}@media only screen and (min-width:1024px){#sit,#walkies,footer{position:fixed;left:0}header img{width:500px}.sdp{font-size:4rem;top:-75px;text-shadow:5px 5px 10px #606060;line-height:6rem}#pageHeader{padding-top:150px}main{background-image:url('../Images/Assets/background.webp');padding:50px 25px 100px}footer{flex-direction:row;justify-content:space-between;align-items:flex-end;bottom:0;padding-bottom:0;background-image:linear-gradient(to top,#000 65%,rgba(0,0,0,0));background-color:transparent}.lazy{transform:translate3d(0,150px,0)}.gridGallery300 .square{grid-row-end:span 2;grid-column-end:span 2}#sit,.panoZone figcaption{display:block}.mapZone{flex-direction:row}#sit,#walkies{bottom:45px}#btnToTop::before{content:'';position:absolute;bottom:25px;right:-10px;height:125px;width:125px;background-image:url('../Images/Assets/shaggyUP.webp');z-index:100020}}