/*@import "node_modules/ol/ol.css";*/
::-webkit-scrollbar{width: 0px;height: 0px;background: transparent;}
::-moz-scrollbar  {width: 0px;height: 0px;background: transparent;}
:root{scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-width: 0px;}
::placeholder {color: inherit;opacity:.5;}
:focus, input:focus{ outline: none;}

/* CLASSES */

.noselect,.infobut,.edpane {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-drag: none;}
.txtselect{-moz-user-select: text;-khtml-user-select: text;-webkit-user-select: text;-ms-user-select: text;user-select: text}
.hs{display:none;}
.backvid {position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;width: 100%;height: auto;}

.fadecol {transition:all .8s ease-in 0s;}
.ul{position: relative;}

.but:hover{filter:brightness(1.05);}
.but:active{cursor:pointer;filter:brightness(1);transition: filter 0.2s ease 0s;}

.hotbut{ cursor:pointer;opacity:0.85;}
.hotbut:hover { opacity:1;}
.hotbut:active { opacity:.7;}
.itembut:hover { opacity:0.95;}
.infobut{ opacity:0.35;color:white;background-color:black;}
.infobut:hover {opacity:.6;}

.flex-container{display: flex;flex-wrap: nowrap;}

/* ELEMENTS */

iframe{background-color:rgba(100,100,100,.2);padding:0px;outline:0px;width:100%;}
    
a:link, a:visited {color: inherit;outline:none;text-decoration: none; transition: color 0.4s ease 0s;} 
a:hover{transition: color 0.3s ease 0s;cursor:pointer;}
  
.dragpan {position:absolute;z-index: 1;display:none;cursor:pointer;background: linear-gradient(0deg, #888, #fff);}

.refl {transform: scaleY(-1); -webkit-mask-image: linear-gradient(transparent ,black );}

/* ANIMATIONS */

@keyframes pinblink {50% { background-color:rgba(150,150,150,.3); }}

@-webkit-keyframes spin {0%{-webkit-transform: rotate(0deg)}100% {-webkit-transform: rotate(360deg)};}
.rotater{-webkit-animation: spin 1s infinite linear;}
.rotateslow{-webkit-animation: spin 5s infinite linear;}

/* SITE ELEMENTS */

input,text area{border-top-style: hidden;border-right-style: hidden;border-left-style: hidden;border-bottom-style: groove;background: transparent;}

#body-main{-webkit-tap-highlight-color: transparent;top:0px !important;}

#map {position:absolute;top: 0;bottom: 0;width: 100%;}

body {margin:0;overflow:hidden;-webkit-text-size-adjust:none;}
/* hide Google Translate bar (logo is in panel */
body > .skiptranslate > iframe.skiptranslate {display: none !important;visibility: hidden !important;}

#tl{display:block;position:fixed;width:100%; height:100%; overflow:hidden;text-align: center;}

img[src=""] {display: none;}
img[mousevent] {cursor:pointer;}
img[onclick] {cursor:pointer;}
img,svg{-moz-user-select: none; -webkit-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-drag: none;-webkit-user-drag: none;-webkit-touch-callout: none;}

#temphtml{position:absolute;top:-10000;min-height:0px;width:250px;overflow:none;}
#usertip{position: absolute;z-index: auto;opacity:0;min-width: 20px;text-align: center;padding: 8px;font: 12px Arial;white-space: nowrap;pointer-events:none; }

.toplayer{position:fixed;z-index:20;background:none;top:0;left:0;border:0;padding:0;width: 100%;height:100%;margin: 0 auto;overflow: hidden;cursor: move;cursor: grab;cursor: -moz-grab;cursor: -webkit-grab;}
.toplayer:active{cursor: grabbing;cursor: -moz-grabbing;cursor: -webkit-grabbing;}

#sitewin{display:block;position:fixed;padding:0; border:0;background:none; top:0; left:-1}
#layout{position:absolute;display:block;margin:0; width:765;border:0;min-height:20px}

#header{position:relative; z-index:0;display:none; left:0; padding:0; min-width:0; min-height:0; cursor:pointer;}
#skin{z-index:1; position:absolute;text-align:center;}
#content{z-index:2; min-height:0px;position:absolute;display:block;opacity:0;border-style:solid;border:0px;}
#strip{position: absolute;z-index: 5;display:block;}
#choice{position:absolute; z-index:7;display:none;width:auto;white-space: nowrap;}
#bar{z-index:8; position: absolute; min-width:0;display:none;}
#viewpan {position: fixed; z-index: 11;left:0;bottom:0px; height:100%; width:100%;display:none;cursor:auto;}
#viewer{z-index: 12; position:absolute; display:none;padding:0px;}
#sharestrip{z-index: 9; position:absolute;display:none;}

#addlinks{width:50%;overflow:hidden;height:0px;}
 
/* EDITOR */

#sizer{position:absolute;z-index:950; display:none; height:200;width:300;background:none;pointer-events:none;box-sizing: content-box;border:1px solid;cursor:pointer;}

#editpanel {position:absolute;z-index: 3;display:none;min-height:100px;}
#editpage{z-index:2;padding:10 20 5 20;top:29;width: 283;border:1px solid rgba(100,100,100,.2);border-top: 0;}
#linkmaker{z-index:3;cursor:auto;padding:10 20 5 20;top:29;}
#editmess{z-index:4;display:none;padding:10 20 5 20;top:29;}

#linktit{display: flex;flex-wrap: nowrap;height:25;width:100%;margin:5 0 15 0;}
#editprompt{display: flex;flex-wrap: nowrap;height:25;width:100%;margin:5 0 15 0;}
#edtabs{display:block;cursor:pointer;height:16;width:283;background:none;}
#editsave{display:block;position:absolute;z-index:1;width:282;top:188;height:40;cursor:auto;background:none;}
 
.edpane{position:absolute;width:285;height:170;cursor:auto;}
.menrow{display:block;height:25; margin-bottom:15;width:100%;background:none;}
.edit-spec{display:inline-block;margin:0 3 0 3;text-align:center;vertical-align:middle; background-color:transparent;height:40px;width:40px;outline:0;}

.edit-button{border-style:none;vertical-align:middle;cursor:pointer;height:100%;width:100%;outline:0;}
.edit-button-selected{filter:brightness(1.2)}
.edit-buthold{box-sizing: border-box;margin:-5  1  7  1;display:inline-block;vertical-align:middle;text-align:center;height:35px;width:45px;background:linear-gradient(0deg, #888, #eee);outline:0;}

/* FLIPPING */

.flip-box {cursor:pointer;width: 325;height: 249;background: none;perspective: 1000px;}
.flip-box-inner{position: relative;width: 100%;height: 100%;transition: transform 0.45s;transform-style: preserve-3d;}
.flip-box-front{position: absolute;z-index:-1;width: 100%;height: 100%;}
.flip-box-back{position: absolute;z-index:10;overflow:hidden;cursor:pointer;transform: rotateY(180deg);width: 100%;height: 100%;}

/* GOOGLE TRANSLATE */

.goog-te-banner-frame{visibility:hidden !important;}
.goog-tooltip {visibility:hidden !important;}
.goog-tooltip:hover {visibility:hidden !important;}
.goog-text-highlight { pointer-events: inherit;background: none !important;border: none !important; box-shadow: none !important;}