/*Saratoga Alert Settings */

.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}


.advisoryBoxnoactive {
  color: black;
  font-size: 12px;
  text-align: left;
  background-color: #FFFF66;
  margin: 0 0 0 0;
  padding: 0.5em 0 0.5em 0;
  border: 0px dashed rgb(34,70,79);
}

.advisoryBox {
  max-width: 100%;
  color: black;
  font-size: 0.8em;
  text-align: center;
  background-color: #FFFF66;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed black;
  border-radius: 10px;
}

.advisoryBox::before { //dot like a target (F192) or checkmark (f00c)
  display: inline;
  font-family: "Font Awesome 5 Free";
  /*font-weight: 900;*/
  font-weight: 400;
  content: "\f192";
  /*content: "\f00c";*/
  position: relative;
  right: 1.5px;
  font-size: 24px;
  color: #ff3333;
  text-shadow: 1px 1px black;
  padding: 0 2px 0 0;
  margin: 0 4px 0 4px;
}

.advisoryBoxWinter {
  max-width: 100%;
  color: black;
  font-size: 0.8em;
  text-align: center;
  background-color: #FFFF66;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed black;
  border-radius: 10px;
}

.advisoryBoxWinter::before {  //snowflake
  display: inline;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f2dc";
  position: relative;
  right: 1.5px;
  font-size: 24px;
  color: #3333ff;
  text-shadow: 1px 1px white;
  padding: 0 2px 0 0;
  margin: 0 4px 0 4px;
}

.advisoryBoxCold {
  max-width: 100%;
  color: black;
  font-size: 0.8em;
  text-align: center;
  background-color: #FFFF66;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed black;
  border-radius: 10px;
}


.advisoryBoxCold::before { //thermometer
  display: inline;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f76b";
  position: relative;
  right: 1.5px;
  font-size: 24px;
  color: #3333ff;
  text-shadow: 2px 2px white;
  padding: 0 2px 0 0;
  margin: 0 4px 0 4px;
}
 

.watchBox {
  color: black;
  font-size: 0.8em;
  max-width: 100%;
  text-align: center;
  background-color: #FFFF66;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed rgb(34,70,79);
}

.watchBox::before { //asterisk
  color: black;
  display: inline;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f069";
  position: relative;
  right: 1.5px;
  font-size: 24px;
  color: #ff3333;
  text-shadow: 1px 1px black;
  padding: 0 2px 0 0;
  margin: 0 4px 0 4px;
}

.warningBox {
  color: black;
  font-size: 0.8em;
  text-align: center;
  background-color: #ffe6e6;
  /*background-color: #FFFF66;*/
  border-radius: 10px;
  box-shadow: 0 3px 3px 0 #ff8080;
  max-width: 100%;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed rgb(255,255,255);
}

.warningBox::before {  //exclamation point
  display: inline;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f071";
  position: relative;
  right: 1.5px;
  font-size: 24px;
  color: #ff3333;
  text-shadow: 1px 1px black;
  padding: 0 2px 0 0;
  margin: 0 4px 0 4px;
}

.warningBox a {
  color: white;
}
.tornadowarningBox {
  color: white;
  font-size: 12px;
  text-align: center;
  background-color: red;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(255,255,255);
}
.tornadowarningBox a {
  color: white;
}

.alertButton {
 display: inline;
 position: relative;
 width: 30px;
 height: 30px;
 background-image: radial-gradient(#ffffff, #bfbfbf, #666666); /* Standard syntax (must be last) */
 border-radius: 20%;
 border: none;
 box-shadow: 0 0 1px 1px #bfbfbf;
}

/*advisory page styles*/
/*detail text box*/


.detailBox {
  max-width: 100%;
  color: black;
  font-size: 0.9em;
  text-transform: lowercase;
  text-align: center;
  background-color: #FFFF66;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border-radius: 10px;
}
  
.linkBox {
  max-width: 100%;
  color: black;
  font-size: 10px;
  text-align: center;
  background-color: #FFFF66;
  margin: 0 0 0 0;
  padding: .5em 0 .5em 0;
  border: 0 solid black; 
  border-radius: 10px;
  box-shadow: 0 3px #999; 
}