@font-face {  font-family: ISONIAN;src: url(ISONIAN.eot);src: url(ISONIAN.eot?#iefix) format('embedded-opentype'),url(ISONIAN.woff) format('woff'),url(ISONIAN.ttf) format('truetype'),url(ISONIAN.svg#isonregular) format('svg');}
@font-face {  font-family: REPENT;SRC: url(REPENT.TTF) format('truetype');}
a {  background-color: #000;color: red;visited: red;}
a:visited {background-color: #000;color: red;}
a:hover {  background-color: red;color: #000;text-decoration: underline;font-family: ISONIAN!important;}
body,html { font-family: sans-serif,sans,Helvetica,Arial;text-transform: uppercase;font-size: 16px;font-weight: 900;color: #000;padding: 0;text-rendering: optimizeLegibility;color: #000;}
p {  font-size: 22px;}
.fullscreen-bg {  position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: -100;object-fit: fill;}
.fullscreen-bg__video {  position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;}
.navbar-custom {  background-color: red;height: 18px;margin-bottom: 30px;}
.navbar-custom .navbar-brand {  color: red;font-size: 30px;}
nav a:hover {  background-color: red;color: #000!important;}
.navbar-custom .navbar-nav li {  box-sizing: none;}
.navbar-custom .navbar-nav li a {  color: red;font-size: 18px;}
.navbar-custom .navbar-nav li a:hover {  background-color: red;color: #000;}
.NAVALERT {  font-size: 24px;text-align: center;background-color: red;}
.ALERTS a {  color: #000;font-style: underline!important; visited: #ff0000 !important;}
.EVENTALERT {  animation: glowing 1s infinite;text-align: left;font-size: 32px;background-color: red;margin-bottom: 10px;z-index: 20;border: 5px solid #000;}
#TAGLEYEN {  position: relative;top: 65px;font-family: REPENT,system;text-align: right;opacity: .7;margin-right: 10px;font-size: 26px;background-color: #000;color: red;}
#EMBLEM {  z-index: -50;}
#EMBLEM2 {  position: fixed;z-index: 5;margin-top: -50px;margin-left: -70px;max-width: 100%;height: auto;}
#TEMPFLOAT {  margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);font-size: 40px;}
#ICONFLOAT {  margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);font-size: 2vw;}
div.TEMPWANDER {  max-width: 100%;margin-top: 20px;margin-left: 70px;position: fixed;z-index: -50;font-weight: bolder;}
div.ICONWANDER {  max-width: 100%;margin-top: 20px;margin-left: 70px;position: fixed;z-index: -50;font-weight: bolder;}
.BUFFER400 {  margin-top: 30px;}
#BASICCURRENT {  background-color: #a87979;text-align: center;font-size: 24px;}
#CURRENTTID {  font-size: 60px;background-color: red;text-align: center;}
.LEGEND {  background-color: #87ceeb;color: #fff;text-align: center;font-size: 16px;}
.MPOPHOLDER {  background-color: #b3b3b3;color: #000;font-size: 28px;text-align: center;border: 3px double red;}
#CURRENTDESC {  opacity: .7;background: #000;color: #fff;font-size: 40px;text-align: center;}
#SETPREF {  font-size: 12px;text-align: right;}
#SEARCHSUBMIT {  text-align: center;}
#WEATHERSOCKET {  margin-left: auto;margin-right: auto;height: 250px;}
#WEATHEREYE {  position: relative;top: -280px;right: 200px;pointer-events: none!important;z-index: 10;position: top;}
#MAP {  position: absolute;top: -145px;height: 300px;margin-left: 0;right: 75px;width: 420px;z-index: 1;position: top;}
#PRESETS {  font-size: 14px;color: #000!important;text-align: center;}
.btn-danger {  color: #000;font-weight: 900;border: 2px solid #000;border-radius: 5px;}
.btn-danger:hover {  color: #000;text-decoration: underline;font-family: ISONIAN!important;}
#SETPREF input[type="button"] {  padding: 6px 9px !important; font-size: 14px !important; min-height: 22px;}
#SETLOCATION, #CLRLOCATION, #CUNIT, #FUNIT {  padding: 6px 9px !important; font-size: 14px !important; min-width: 45px;}
#PRESETS input[type="button"] {  padding: 7px 10px !important; font-size: 15px !important; margin: 2px 1px;  min-height: 24px;}
.btn-sm { padding: 7px 10px !important;  font-size: 15px !important; min-height: 24px;}
#NOLOC {  font-size: 15px; line-height: 20px; margin: 2px 0;}
.STAYATOP {  position: relative;z-index: 10;}
.WIDTH100 {  width: 100%;}
.BLOBDARIFRAMECONTAINER {  margin-bottom: 15px; border: 2px solid #ff1e1e; background: #000;}
#BLOBDARFRAME {  width: 100%; height: 400px; border: none;}
.CURRENTTABLE {  display: inline-block;background-color: #cecece;vertical-align: middle;float: none;text-align: center;border: 5px double #000;font-size: 28px;max-height: 100%;}
#CURRENTTABLE {  justify-content: space-evenly;}
#WEATHERMAN1 {  max-width: 100%;margin-top: -750px;opacity: .4;z-index: -10;}
.temp {  position: absolute;top: -600px;overflow: hidden;font-size: 180px;font-weight: 900;opacity: .6;letter-spacing: -.07em;color: #5000f1;}
.date {  position: absolute;top: -800px;font-size: 48px;font-weight: 600;color: #5000f1;}
#TWODAY {  overflow: hidden;background-image: url(CBR.PNG);background-size: 100% 100%;max-width: 100%;text-align: center;color: #000;font-size: 36px;}
.TWODAYGRAPH {  background-color: #b3b3b3;margin-top: 20px;margin-bottom: 20px;font-size: 24px;}
.ZEROINTRO {overflow: hidden;  background-color: red;color: #fff;}
.ZEROSUNRISE {  background-image: linear-gradient(to right,red ,#ff0);}
.ZERODAY {  background-image: linear-gradient(to right,#87ceeb,#00f);}
.ZEROSUNSET {  background-image: linear-gradient(to right,#ff0,red);}
#ZERODAY {  background-color: #000;color: #fff;}
#ZERODAYINTRO {  font-size: 28px;}
#ZERODESC {  font-size: 32px;}
#ZEROMINMAX {  font-size: 24px;}
#ZERODAYOUTRO {  font-style: italic;}
#MOONPHASE,#MOONRISE,#MOONSET {  background-color: #000;color: #fff;}
#TWODAYTITLE {  background-color: red;color: #000;font-size: 58px;}
#CURRENTTD2DAY,#LOCATION2DAY {  background-color: #fff;color: #000;}
#TWODAYINTRO {  background-color: #000;color: red;}
.line-graph-path {  stroke-width: 10px!important;}
#TWODAY4CAST {  padding-top: 75px;}
.TWODAYGRAPHS {  position: relative;max-width: 90%; }
#SEVENDAY {  overflow: hidden; background-image: url(SEVEN.PNG);background-size: 95% 95%;}
.SEVENDAY {  overflow: hidden; margin-top: 10px;margin-bottom: 10px;display: inline-block;text-align: center;vertical-align: middle;float: none;margin-left: 10px;background-color: #00f;color: #fff;border: 5px solid #000; }
.SDAYNAME {  background-color: red;color: #000;font-size: 30px;font-style: italic;border: 3px double #000;}
.SDATE {  background-color: #b3b3b3;color: #000;font-size: 24px;border: 3px double #000;}
.SICON {  border: 5px double #000;}
.SDESC {  border: 3px double #000;font-size: 24px;}
.SDANK {  background-color: #859d03;font-size: 24px;border: 3px double #000;}
.SWIND {  background-image: linear-gradient(to right,#fff,#000);color: #000;font-size: 24px;}
.SMAXTEMP {  font-size: 60px;color: #fff;border: 5px solid #ff0;}
.SMINTEMP {  font-size: 32px;background-color: #000;border: 3px solid #fff;}
#SEVENTITLE {  text-align: center;font-size: 128px;}
#SEVENINTRO {  font-size: 24px;background-color: #fff;}
.ALERTDEETS {  background-image: url(DEATHSPIRAL.PNG);background-size: 100% 100%;overflow: hidden;padding: 50px;}
.ALERTDESCTYPE {  background-color: red;color: #000;font-size: 48px;text-align: center;animation: glow 1s infinite;}
.ALERTTIMES {  background-color: #fff;font-size: 26px;text-align: center;}
.ALERTLOCATION {  background-color: #b3b3b3;font-size: 28px;text-align: center;}
.ALERTDESC {  padding: 5px;background-color: red;font-size: 24px;}
.BLINK {  opacity: 1px;}
.options {  border: 10px solid red;background-color: #000;color: red;width: 90%;margin-top: 3rem;height: auto;}
.options a {  display: block;}
.options-text {  font-size: 50px;text-align: center; }
.options-title {  border: 3px solid #000;font-size: 20px;background-color: red;color: #000;}
.sticky {  position: sticky;top: 0;z-index: 4;}
.COUNTER { color: #ff0000; background-color: #000; font-size: 20px; float: left;}

#WAT { padding-top: 25px; }
#WAT img {width: 100%; }
#VIDEOS {padding-top: 25px;}
#VIDEOS iframe { width: 100%;}

h2.HEAD {  font-weight: 900;background-color: #000;color: red;text-align: center;font-size: 50px;}
h3.HEAD {  font-size: 27px;font-weight: bolder;}
.SPESHBOX { word-wrap: break-word; text-align: left;background-color: #000;color: #fff;padding: 10px;border: 6px double red;font-size: 24px;}
.SPESHBOX mark {  color: red;background-color: #000;}
.SPESHBOX table,td,th {  background-color: #b3b3b3;color: #000;width: 100%;border: 6px double #000;}
.SPESHBOX p::first-letter {  font-size: 200%; }
.SPESHBOX .WGREEN { color:#008f11; }
.SPESHBOX .WPURP { color: #863B87; }
.SPESHBOX a { color: red; text-decoration: underline;}
.SPESHBOX a:hover { color: #000;} 

#MONUMENT { width: 50%; min-height: 100%;background-image: url(MONUMENT.GIF); background-repeat: no-repeat; background-size: 100% 100%;}
#MONUMENTTEXT { width: 50%;}
#MONUMENTFIG { position: relative; background-color: #B3B3B3; color: #000; max-width: 50%; line-height: 15px; padding-bottom: 1px;font-size: 10px; font-style: italic; }
#MONUMENTREPENT {position: absolute; right: -250px;top: -10px;}
.LIMG {float: left; margin-right: 10px; border: 5px double SKYBLUE; }
.RIMG {float: right; margin-left: 10px; border: 5px double SKYBLUE; }

#WEATHERISHAPPENING img {width: 100%;}

#WEATHERLORDS {padding-top: 25px;}
#WEATHERLORDS img { width: 50%; }
.UTUBMAXWIDTH { width: 100%; height: 100%;}
#WEATHERMAN img { width: 50%;}
#WEATHERBEINGS img { width: 50%;}
#WEATHERREALM img { width: 50%;}
#WEATHERLAIR img { width: 50%;}
#URDEATHSPIRAL img { width: 50%;}
.ANCHORPAD  {padding-top: 25px;}
.PRESS {font-size: 28px;}
.BOTTOMTEXT a:hover { color:#000; font-size:}
.BOTTOMTEXT a { color: red;}

#WEBZONE {padding-top: 25px;}
#WEBZONE img {width: 100%;}
#PRESS {padding-top: 25px;}
#CONTACT {padding-top: 25px;}

#DEWPT img {width: 100%;}

.indicates-required {color: #ff0000; background-color: #000; !important}
#WEATHERISHAPPENINGNETWORK img {float: right; margin-left: 10px; border: 5px double SKYBLUE;}
#LOCATION {color: #ff0000; background-color: #000; }
#CURRENTTD {color: #000; background-color: #ff0000;}


header {  overflow: hidden;}
a,a:active {  text-decoration: none;color: #5000f1;}
header h2 {  font-size: 15px;font-weight: 900;letter-spacing: .15em;margin-top: 70px;}
header a h2 {  color: #222;}
header a h2 span {  transition: all .4s cubic-bezier(.68,-.1,.265,1.55);}
header a:hover h2 span {  color: #fff;margin-left: 10px;}
header .white-block {  margin-top: 20px;width: 46px;height: 6px;background: #fff;}
header .title {  margin-top: 350px;position: relative;}
header h1 {  font-size: 36px;font-weight: 900;margin-left: -6px;}
header h1 span {  display: inline-block;font-size: 20px;margin-top: 18px;vertical-align: top;letter-spacing: 0;}
header .title a:hover {  margin-top: 12px;padding: 20px 90px;}
header h3 {  font-size: 21px;}
.grid {  position: fixed;width: 100%;}
.grid-line {  height: 100vh;border-left: 1px solid #ccc;}
.fixed-top {  position: absolute;width: 600px;height: 600px;background: #00f1c9;border-radius: 12px;z-index: -1;margin-top: -220px;margin-left: 100px;}
.section {  position: relative;}
.absolute {  position: absolute;width: 100%;height: auto;margin-top: 100px;}
.absolute.above {  z-index: 2;}
.absolute h2 {  font-size: 140px;font-weight: 900;letter-spacing: -.04em;color: #f0f0f0;z-index: -1;}
.lg-green {  width: 160px;height: 160px;background: #00f1c9;border-radius: 12px;margin-left: -80px;margin-top: 200px;}
.sm-green {  width: 60px;height: 60px;background: #00f1c9;border-radius: 12px;margin-left: -30px;margin-top: 400px;}
.sm-purple {  background-image: url(WIHOPENEYELAUGHINGCRYING.PNG);}
.xs-green {  width: 60px;height: 60px;background: #00f1c9;border-radius: 12px;margin-left: -30px;margin-top: 400px;}
.md-green {  width: 120px;height: 120px;background: #00f1c9;border-radius: 12px;margin-left: -60px;margin-top: 10px;}
.lg-purple {  width: 80px;height: 80px;background: #5000f1;border-radius: 12px;margin-left: 57px;margin-top: 60px;}
.date {  margin-top: 400px;font-size: 48px;font-weight: 600;color: #5000f1;}
.text-editor {  background: #222;padding: 60px 50px;border-radius: 12px;}
.md-facebook {  width: 60px;height: 60px;background: #5000f1;border-radius: 12px;margin-left: 68px;margin-top: 600px;}
.md-twitter {  width: 120px;height: 120px;background: #00f1c9;border-radius: 12px;margin-left: -60px;margin-top: 60px;}
.md-dixonandmoe {  width: 120px;height: 120px;background: #5000f1;border-radius: 12px;margin-left: -60px;margin-top: 760px;}
.bt-green {  width: 60px;height: 60px;background: #00f1c9;border-radius: 12px;margin-left: -30px;margin-top: 700px;}
.bt-purple {  width: 80px;height: 80px;background: #5000f1;border-radius: 12px;margin-left: 57px;margin-top: 600px;}
.share {  position: relative;top: 200px;}
.share a {  font-size: 34px;}
.share a span {  transition: all .4s cubic-bezier(.68,-.1,.265,1.55);}
.share a:hover span {  margin-left: 10px;}
a.dam,a.dam:active,a.dam:hover,a.dam:visited {  color: #222;}
.active {  color: #fff;}
html {  scroll-behavior: smooth;}

@keyframes fuzz {0% {opacity: 0;}40% {opacity: 0;}100% {opacity: 1;}}
@keyframes fuzz2 {0% {opacity: 0;}48% {opacity: 0;}100% {opacity: 1;}}
@keyframes fuzz3 {0% {opacity: 0;}54% {opacity: 0;}100% {opacity: 1;}}
@keyframes stretch {0% {-webkit-transform: scaleX(0);opacity: 0;}50% {-webkit-transform: scaleX(0);opacity: 1;}60% {-webkit-transform: scaleX(0);}100% {-webkit-transform: scaleX(1);}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0,20px,0);}30% {opacity: 0;}100% {opacity: 1;}}
@keyframes glow {0% {box-shadow: 0 0 -50px red;}40% {box-shadow: 0 0 50px red;}60% {box-shadow: 0 0 50px red;}100% {box-shadow: 0 0 -50px red;}}
@-webkit-keyframes glowing {from {text-shadow: 0 0 10px #b3b3b3,0 0 20px #000,0 0 40px #2f4f4f,0 0 50px #b3b3b3,0 0 60px #2f4f4f,0 0 70px #b3b3b3;}to {text-shadow: 0 0 20px #ff7300,0 0 30px #ff7300,0 0 40px #ff7300,0 0 50px #ff7300,0 0 60px #ff7300,0 0 70px #ff7300,0 0 80px #ff7300;}}
@media (max-width:1250px) {.navbar-custom .navbar-brand {font-size: 18px;}.navbar-custom .navbar-nav li a {font-size: 14px;}}
@media (max-width:1199px) {#MAP {right: 0;}#CURRENTTID {opacity: .7;font-size: 48px;text-align: center;}}
@media (max-width:991px) {.navbar-custom .navbar-brand {font-size: 12px;}.navbar-custom .navbar-nav li a {font-size: 10px;}#WEATHEREYE {top: -75px;right: 100px;pointer-events: none!important;z-index: 10;}#MAP {top: 50px;height: 300px;right: 250px;width: 420px;}#PRESETS {margin-top: 200px;}.main {overflow: hidden;}.sticky { position: relative;}.BLMALERT {font-size: 10px;}}
@media (max-width:767px) {#TAGLEYEN {font-size: 24px;}.navbar-custom .navbar-brand {font-size: 20px;}.navbar-custom .navbar-nav li a {font-size: 18px;}#CURRENTTABLE {flex-wrap: nowrap;}.BLMALERT {display: none;}}
@media (max-width:680px) {#MAP {right: 170px;}}
@media (max-width:610px) {div.TEMPWANDER {top: -900px;margin-left: -50px;}div.ICONWANDER {top: -900px;margin-left: -50px;}#EMBLEM2 {top: 20px;}#TAGLEYEN {font-size: 14px;top: 45px;}#MAP {top: 50px;height: 300px;right: 100px;width: 420px;}@media (max-width:530px) {#MAP {margin-right: -100px;}}}
@media (max-width:450px) {#WEATHEREYE {top: -75px;right: 150px;pointer-events: none!important;z-index: 10;}#MAP {top: 70px;height: 300px;right: 75px;width: 420px;}#CURRENTTID {margin-top: -100px;}#TOG { left: 50px;}}

audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-panel {background-color: #ff0000;}

#button {display: inline-block;background-color: #FF9800;width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s,opacity .5s,visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;}
#button::after {content: "\f077";font-family: FontAwesome;font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff;}
#button:hover {cursor: pointer;background-color: #333;}
#button:active {background-color: #555;}
#button.show {opacity: 1;visibility: visible;}

.subtitle .col-md-6 {margin-top: -300px !important;}

#LRGBLOBDARFRAME {width: 100%;height: 800px;border: none;}

@media (max-width: 767px) {#LRGBLOBDARFRAME {height: 400px;}.col-md-offset-1.col-md-10 {margin-left: 0 !important;}}

#SIGNUPMODAL .modal-content {background-color: #ff0000;opacity: 0.9 !important;}
#SIGNUPMODAL .modal-header .close {color: #000000 !important;}
body.modal-open .modal-backdrop {background-color: #ff0000 !important;opacity: 0 !important;}
#SIGNUPMODAL .modal-header button[type="button"].close {color: #000000 !important;opacity: 1;}

.chart-container {margin: 15px 0;min-height: 250px;}
.chart-canvas {min-height: 200px;background-color: #222222;padding: 10px;}
.chart-canvas svg text {fill: #cccccc !important;font-family: Helvetica, Arial, sans-serif !important;font-size: 14px !important;text-anchor: middle !important;}
.chart-canvas svg line, .chart-canvas svg path.domain {stroke: #666666;}
.chart-container canvas {width: 100% !important;}
#FORTYEIGHT, #FIVEDAY {padding-top: 1rem;padding-bottom: 1rem;}

.graph-svg-tip {text-align: center !important;font-size: 16px !important;font-family: Helvetica, Arial, sans-serif !important;}
.graph-svg-tip .title {text-align: center !important;}
.graph-svg-tip li {font-size: 16px !important;}

#DEWPTMODAL .modal-dialog {width: 90%;max-width: 1200px;margin: 30px auto;}
#DEWPTMODAL .modal-content {background-color: #ff0000;opacity: 0.7;border: 3px solid #000;box-shadow: 0 0 0 0 rgba(0,0,0,0);}
#DEWPTMODAL .modal-body {padding: 20px;text-align: center;}
#DEWPTMODAL .modal-body img {max-width: 100%;height: auto;display: block;margin: 0 auto;}
#DEWPTMODAL .modal-header {padding: 15px;background-color: #ff0000;border-bottom: 3px double #000;}
#DEWPTMODAL .close {color: #000;font-weight: 900;font-size: 28px;opacity: 1;text-shadow: none;}
#DEWPTMODAL .close:hover,#DEWPTMODAL .close:focus {color: #fff;opacity: 1;}

.SPRINKLES { position: fixed;top: 0;left: 0;width: 100%;height: 100vh;pointer-events: none;overflow: hidden;z-index: -50;opacity: 0.7; }
.SPRINKLE { position: absolute;top: -60px;animation: FALL linear infinite; }
.SPRINKLE img { width: 30px;height: 30px;opacity: 0.9; }
@keyframes FALL { 0% { transform: translateY(-60px);opacity: 0.9; } 100% { transform: translateY(110vh);opacity: 0.7; } }

@media (max-width: 991px) {

  .subtitle .col-md-6 {
    margin-top: 0 !important;
  }

  #CURRENTTABLE {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 0 !important;
  }

  #CURRENTTABLE > div.CURRENTTABLE,
  #CURRENTTABLE > .col-md-offset-1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px auto !important;
    margin-left: 0 !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .BLOBDARIFRAMECONTAINER {
    margin: 15px 0 !important;
  }

  #BLOBDARFRAME {
    width: 100% !important;
    height: 350px !important;
  }
}

@media (max-width: 991px) {

  .ALERTS {
    position: relative !important;
    z-index: 100 !important;
    margin: 15px 0 !important;
    padding: 5px !important;
  }

  #ALERTS {
    position: relative !important;
    z-index: 100 !important;
    min-height: 50px;
    clear: both !important;
  }

  #CURRENTTID {
    position: relative !important;
    z-index: 10 !important;
    margin-top: 20px !important;
  }

  #CURRENTDESC {
    position: relative !important;
    z-index: 10 !important;
  }

  h1, #LOCATION, #CURRENTTD {
    position: relative !important;
    z-index: 10 !important;
  }

  .SEARCHSUBMIT audio {
    position: relative !important;
    z-index: 20 !important;
    margin: 10px auto !important;
  }

  .MPOPHOLDER:first-child {
    margin-top: 20px !important;
  }
}