*,p{line-height:1.5rem}.sdp,a,button{position:relative}footer,header{display:flex;z-index:100010}#navToggle,#skip{z-index:100030;text-align:center}#navToggle,button:active,nav{transition:.75s}header,nav{background-color:#021953}.sdp,nav .fa-home,nav .fa-search{font-size:1.5rem}#btnToTop,footer,header,nav{z-index:100010}.filmStrip,button{background-color:transparent}.sprocketBot,.sprocketTop{height:20px;backdrop-filter:blur(15px) saturate(150%);animation:1s linear 10 runFilm}h2,h3{margin:20px auto 0}#navToggle,#popTxt,#skip,.centerTxt,.sdp,.tooltip .tooltiptext,button,footer p,h1,h2,h3{text-align:center}#navToggle,#snowfield,header,nav{position:fixed;top:0}#gMap3::after,#skip,figcaption{position:absolute}*{margin:0;padding:0;box-sizing:border-box;font-family:"Finger Paint",cursive;color:#fff;font-size:1rem}button,input,optgroup,select,textarea{font-family:inherit}main{min-height:100vh;background-image:url('../Images/Assets/backgroundMobile.webp');background-size:100% 100%;background-repeat:no-repeat;background-position:center;padding:0 0 20px}@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}.sdp,button,h1,h2,h3{font-weight:700;color:#fff}h1,section h1{font-size:1.75em;line-height:2.7rem;margin:0}h2{font-size:1.1em;line-height:1.7rem}h3{font-size:1rem}.sdp{top:-30px;width:100%;margin:0 auto;line-height:2rem}p{margin-bottom:20px;text-wrap:pretty}a{padding:16px 6px}.tooltip a,.tooltip a:hover,a:hover{text-decoration:none}.fas,.navOffline .fas{color:#fff}.fasML{margin-left:6px}.fasMR{margin-right:6px}button{min-height:50px;min-width:50px;border:none;cursor:pointer}button:active{box-shadow:-5px -5px 2px #e6e6e6;transform:translateY(4px)}#currentpage:after,#mapList li:after,a:not(.indexLink):after,button:after{content:'';display:block;position:absolute;left:0;bottom:6px;width:0;height:5px;background:#fff;transition:width .4s}#btnToTop,#sit,#walkies,.gridGallery150 figcaption,.gridGallery75 figcaption,.menuHide,.panoZone figcaption{display:none}#gMap3::after,#popImage,#popMap{top:50%;left:50%;transform:translate(-50%,-50%)}#btnFilter,#filterBox label{width:50px}#currentpage:focus-visible::after,#currentpage:hover::after,#mapList li:hover::after,a:focus-visible::after,a:hover::after,button:focus-visible::after,button:hover::after{width:100%}.sr-only:not(:focus):not(:active){border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;color:#fff;background-color:#021953}#skip{left:30px;transform:translateY(-200px);padding:6px 25px 8px;font-size:1.2em;background-color:#555;color:#fff}#skip:active,#skip:focus{transform:translateY(0);margin:20px}header{left:0;height:90px;width:100%;flex-direction:column}header img{width:100%;max-width:300px;margin:0 50px 0 auto;aspect-ratio:900/252}footer{flex-direction:column;justify-content:center;padding:25px;width:100%;background-color:#000}footer p{width:100%;margin:20px}#navToggle{right:0;padding:5px}#navToggle .fa-bars,#navToggle .fa-times{font-size:2em;color:#fff}nav{right:0;height:100%;padding-top:60px;width:0;overflow-x:hidden;border-left:3px solid #fff}nav a,nav button{width:100%;padding:15px 0 15px 20px;display:block;text-align:left;text-decoration:none;font-weight:700;font-size:1.25em}#currentpage,#currentpage .fa-home,#currentpage .fa-search,#getCoordinates,#setCoordinates{color:#021953;background-color:#fff}#btnToTop,#pageHeader{background-color:#021953}#currentpage:after,#getCoordinates:after,#setCoordinates:after,.btnEdStatus:after,.formAction a:after,.xCardBtns a:after,.xCardBtns button:after{background:#021953}#currentpage::before{font-family:"Font Awesome 5 Free";content:"\f083";margin-right:8px;color:#021953}.btnNavClose::before{font-family:"Font Awesome 5 Free";content:"\f057";color:#dc143c;margin-right:7px}#searchInfo,#selectOpt,#selectOpt option{color:#021953;font-size:1.1rem}.textcontrols{padding-top:20px;margin-left:20px;display:flex;flex-direction:row;justify-content:flex-start;gap:8px}.textcontrols button{width:50px;border:1px solid #fff}#decreasetext{font-size:12px}#resettext{font-size:16px}#increasetext{font-size:20px}#btnToTop{position:fixed;bottom:140px;right:0;padding:5px 10px 10px;border:3px solid #fff;font-size:1.25rem}#btnToTop .fa-chevron-circle-up{margin-right:10px;font-size:1.5em;vertical-align:center}#indexZone{padding:50px 30px 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.indexDiv{width:75vw;max-width:350px;aspect-ratio:auto 1/1}.indexDiv:hover{z-index:99998}.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;backdrop-filter:blur(15px) saturate(150%);box-shadow:-5px -5px 8px 0 rgba(255,255,255,.25),10px 10px 10px 1px rgba(0,0,0,.65)}.sprocketTop{width:100%;margin-bottom:5px;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)}.sprocketBot{width:100%;margin-top:5px;background:repeating-linear-gradient(90deg,rgba(220,220,220,.35),rgba(220,220,220,.35) 25px,rgba(255,255,255,0) 25px,rgba(255,255,255,0) 50px)}#indexFig1,#indexFig2,#indexFig3,#indexFig4,#indexFig5{min-height:260px;display:flex;flex-direction:column;justify-content:center;margin:0}#indeximg1,#indeximg2,#indeximg3,#indeximg4,#indeximg5{border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:none}#indexCap1,#indexCap2,#indexCap3,#indexCap4,#indexCap5{border-top:none;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;position:static;text-decoration:none}@keyframes runFilm{from{background-position:0 0}to{background-position:50px 0}}.tooltip .tooltiptext{position:relative;top:-150px;left:calc(50% - 70px);visibility:hidden;margin:0 auto;background-color:#fff;box-shadow:10px 10px 15px #e6e6e6;color:#021953;font-size:1.25em;font-weight:700;border-radius:6px;padding:5px 10px}#btnFilter,#selectOpt,.galleryImg{border:1px solid #fff}#popImg,#popMapDiv{border:3px solid #fff}.tooltip:focus .tooltiptext,.tooltip:hover .tooltiptext{visibility:visible;z-index:100000}.pageBanner{width:100%;background-repeat:no-repeat;background-position:center top;background-size:100% auto}#buildings{background-image:url('../Images/Panorama/SingaporePan2.webp')}#pageHeader{width:100%;max-width:500px;margin:0 auto;padding:150px 12px 12px;display:flex;flex-direction:column;justify-content:center;gap:20px}#filterBox,#searchForm{width:100%;max-width:300px;margin:20px auto 0;display:flex;flex-direction:row;justify-content:center;align-items:center}#selectOpt{width:250px;height:50px;margin-left:10px;padding-left:5px}#btnFilter{height:50px;padding:0}#btnFilter .fas .fa-filter{font-size:2.5em}#searchForm{flex-direction:column}#colControl,.formInput{flex-direction:row;gap:10px;display:flex}#colControl{width:300px;margin:0 auto 20px;justify-content:center}#lessCol,#moreCol{color:#fff;width:145px}#lessCol{opacity:.5;cursor:no-drop}.formInput{width:100%;justify-content:space-between;align-items:center;margin:0 0 10px}#searchInfo{width:240px;height:50px;padding-left:5px}.formAction{width:100%;display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.gridGallery150,.gridGallery300,.gridGallery75{margin:0;padding:20px 5px 0;display:grid;grid-auto-flow:dense}.formAction button{min-width:110px}.btnAction{background-color:#060}#btnLogOut,.btnQuit{background-color:#dc143c;color:#fff;text-decoration:none}.btnEdStatus,.formAction a{height:50px;min-width:110px;text-align:center;color:#021953;background-color:#fff;font-weight:700;text-decoration:none}.aboutMe,.mapListDiv,.mapPicDiv,figcaption{background-color:#021953}#btnLogOut:after{background:#fff}#gMap2{width:100%;max-width:460px;aspect-ratio:1/1;margin:10px auto 5px;border:2px solid #fff}#galleryGrid figure:hover{transform:scale(1.1);box-shadow:10px 10px 15px #e6e6e6;border:5px solid #fff;transition:.4s;z-index:10005}.galleryImg{height:100%;width:100%;cursor:pointer;object-fit:cover;transition:transform .3s}.lazy{transition:.8s ease-out;transform:translate3d(0,75px,0)}.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{height:100%;width:100%;position:relative;max-width:775px}figcaption{bottom:0;left:0;width:100%;padding:5px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff}#popImage,#popMap{display:none;flex-direction:column;justify-content:center;position:fixed;padding:10px;z-index:100020;background:rgba(0,0,51,.95);cursor:move}#popImg{max-width:calc(100vw - 40px);max-height:75vh;cursor:pointer}#popTxt{color:#fff;margin:10px}#popMapDiv{width:100vw;height:100vw;max-width:550px;max-height:550px}.popControls{width:200px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;gap:20px}.mapZone,.panoZone{flex-direction:column;display:flex}.btnClose,.popControls button{width:50px;height:50px;margin:10px auto 0}.btnClose .fas,.popControls button .fas{font-size:1.5em}.panoZone{margin:20px auto 0;align-content:center}.panoZone figure{margin:20px auto 0;width:100%;max-width:1500px}.panoZone figcaption{width:auto;padding:5px 20px;bottom:12px;left:5px;border-top:1px solid #fff}.aboutMe{margin:20px 0}.aboutMe img{float:left;margin:0 10px 10px 0;width:125px}.mapZone{width:100%;margin:0 auto;justify-content:center;padding:20px 10px}.mapListDiv,.mapPicDiv{width:100%;margin:20px auto 0;border:2px solid #fff}.mapListDiv{max-width:750px;height:150px;padding:20px;overflow-y:scroll}#gMap,.mapPicDiv{max-width:550px;aspect-ratio:1/1}#mapList{list-style-type:none}#mapList li{width:100%;position:relative;margin:0 0 1rem;padding:0 0 8px;cursor:pointer}#gMap{width:100%;border-bottom:2px solid #021953}#gMapTxt{width:100%;min-height:100px;padding:20px 20px 0}.gm-style .gm-style-iw{width:400px!important;min-height:350px!important;background-color:#fff;box-shadow:10px 10px 15px #e6e6e6;border:2px solid #021953;border-radius:10px}.markerInfo{display:flex;flex-direction:column;justify-content:center;margin:0;padding:10px;background-color:#021953!important}.infoImg{height:calc(100% - 20px)}.videoZone{width:100%;max-width:1300px;margin:20px auto;padding:20px;background-color:#021953}#videoInnner{width:100%;border:3px solid #fff}#snowfield{left:0;width:100%;height:100%;z-index:1000100;pointer-events:none}.wreath{width:75px;height:75px;margin:0 auto}.xmasCardTxt{width:100%;max-width:60ch;margin:0 auto 50px}.xmasCardTxt h2,.xmasCardTxt h3{text-align:left}#noSnow,.xcardBtn,.xcardLink{position:relative;min-width:80px;height:40px;margin:20px 10px 10px 0;padding:0 20px;font-size:1em;text-align:center;color:#021953;background-color:#fff;border:2px solid #000;border-radius:5px;cursor:pointer}.xcardLink{padding:10px 25px;font-weight:700}#editImg,#uploadImg{width:100%;max-width:1700px;margin:25px auto;padding:20px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:20px;background-color:#021953;color:#fff}#blogLog,#blogReg{width:300px;margin:0 auto 20px}.shaggyFormDiv{width:100%;max-width:350px;margin:0 auto}.shaggyForm input,.shaggyForm select{display:block;height:45px;width:100%;margin-bottom:10px;padding-left:5px;color:#021953;background-color:#fff;box-shadow:inset 0 0 5px #e6e6e6;font-size:1.1rem}.shaggyForm option{color:#021953}.shaggyForm input[type=text]:read-only{color:#b30000}input[type=file]::file-selector-button{border:1px solid rgba(0,0,0,.16);border-radius:4px;margin-top:5px}input[type=file]{padding-top:6px}#gMap3{width:100%;max-width:500px;margin:0 auto 20px;aspect-ratio:1/1;border:2px solid #fff}#gMap3::after{content:"";width:100px;height:100px;background:url('https://shaggydogphoto.co.uk/Images/Assets/crosshair.png') 0 0/100% 100%;pointer-events:none}#editImg .formAction,#uploadImg .formAction{justify-content:center}#editThumb{margin:0 auto;max-width:350px;max-height:450px;width:auto;height:auto;border:3px solid #fff}#edStatus{width:100%;max-width:750px;padding:10px;margin:0 auto}.edStatusInner{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:10px;width:100%;background:#021953;margin-bottom:25px;padding:10px}.edStatusImg{width:100px;height:100px}.navOffline a{display:block;text-align:center;width:175px;margin:0 auto}@media only screen and (min-width:420px){header img{margin:0 auto}}@media only screen and (min-width:768px){main{background-image:url('../Images/Assets/backgroundTablet.webp');background-attachment:fixed}header{height:150px;background-image:linear-gradient(to bottom,#021953 65%,rgba(2,25,83,0));background-color:transparent}header img{max-width:400px}.sdp{font-size:2.5rem;top:-35px}#navToggle{top:10px;right:10px}.panoZone figcaption{display:block}#popImage,#popMap{box-shadow:10px 10px 15px #e6e6e6}}@media only screen and (min-width:1024px){#sit,#walkies,footer{position:fixed;left:0}header img{max-width:500px}.sdp{font-size:4rem;top:-75px;text-shadow:5px 5px 10px #606060;line-height:6rem}footer{height:90px;flex-direction:row;justify-content:space-around;align-items:flex-end;background-image:linear-gradient(to top,#000 65%,rgba(0,0,0,0));background-color:transparent;bottom:0;padding:20px 10px}.mapListDiv,.mapPicDiv,footer a,footer p{margin:0}main{background-image:url('../Images/Assets/background.webp');padding:50px 25px 100px}.lazy{transform:translate3d(0,150px,0)}.gridGallery300 .square{grid-row-end:span 2;grid-column-end:span 2}#sit,#walkies{bottom:80px}#sit{display:block}#btnToTop::before{content:'';background-image:url('../Images/Assets/shaggyUP.webp');height:125px;width:125px;position:absolute;bottom:30px;right:0;z-index:100020}#indexZone{padding:50px}.mapZone{flex-direction:row;justify-content:center;column-gap:20px}.mapListDiv{height:550px}#gMap3,.shaggyFormDiv{margin:0 0 20px}}