.headerBG{background-color:var(--darkBG);-webkit-box-shadow:0px 5px 15px -10px rgba(0,0,0,.75);-moz-box-shadow:0px 5px 15px -10px rgba(0,0,0,.75);box-shadow:0px 5px 15px -10px rgba(0,0,0,.75);border-bottom:solid 1px var(--brand1);height:var(--headerHeight);position:fixed;top:0px;width:100%;transition:height .25s ease;overflow:hidden;z-index:100}.topheight{height:var(--headerExpanded)}#header{display:flex;justify-content:space-evenly;align-items:center;height:var(--headerHeight);flex-grow:1}.headerToggle{cursor:pointer;font-size:22px;color:#fff;font-weight:600;padding:8px 12px 8px 6px}a.logo img{margin-top:2px;height:20px}.headerStat{color:#fff}.likePotencyWrapper{z-index:20000;position:fixed;width:calc( var(--leftColumnWidth) - 40px );bottom:60px;left:15px;opacity:0;transition:opacity 2s;border:solid 2px #fff;border-radius:12px;background-color:#000;padding:3px}.pshow{opacity:1;transition:opacity 0s}.likePotency{width:0;height:25px;border-radius:8px;background-size:100% 50px;background-image:linear-gradient(to right, #eee603, #d0ee03, #b1ee03, #79ee03, #46ee03);text-align:center;transition-property:width,background-size;transition-duration:.3s;transition-timing-function:ease-in-out;color:#000;font-size:12px;letter-spacing:2px;text-transform:uppercase;line-height:25px}.likeMeter[data-filled="0"]{width:0%;background-size:5000% 50px}.headerIcon a:hover{color:var(--brand1)}#the_image{border-radius:45px}.headerDivider{padding:0px 4px}.userMenu{color:#fff;display:inline-block;cursor:pointer;font-size:28px;padding:6px 16px}.userMenuDrop{cursor:pointer;display:none;position:fixed;top:15px;right:40px;background-color:#ccc;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,.2);border:solid 2px #ccc}.userMenuDrop a{color:var(--darkBG);padding:12px 16px;text-decoration:none}.userMenuDrop a:hover{background-color:var(--darkBG);color:#fff}.userMenuVisible{display:block;z-index:100}.menuitem{display:block}a.logo img{height:28px}ul.main-menu{list-style-type:none;margin:0px;padding:0px}ul.main-menu li{text-align:left}ul.main-menu li a{font-size:20px;display:inline-block;margin:0px 8px;color:#87878a}ul.main-menu li a:hover{color:var(--brand1)}@media(min-width: 576px){.headerIcon{font-size:24px;cursor:pointer;color:var(--brand1);font-weight:600}.headerIcon a{color:#fff}.headerIcon a:hover{color:var(--brand1)}.headerDivider{padding:0px 8px}a.logo img{height:32px}}@media(min-width: 768px){a.logo img{height:36px}.headerKeyStats{color:#fff}}/*# sourceMappingURL=header.css.map */
