@charset "UTF-8";


/** Stately setup
*************************************/
@font-face {
  font-family: 'stately-webfont';
  src: url("https://static-farm.ewg.org/font/stately-webfont.eot");
  src: url("https://static-farm.ewg.org/font/stately-webfont.eot?#iefix") format("embedded-opentype"), url("https://static-farm.ewg.org/font/stately-webfont.woff") format("woff"), url("https://static-farm.ewg.org/font/stately-webfont.ttf") format("truetype"), url("https://static-farm.ewg.org/font/stately-webfont.svg#testfontRegular") format("svg");
  font-weight: normal;
  font-style: normal; }


/*width and font size must match*/

ul.stately {

} 

.stately {
  font-family:"stately-webfont" !important;
  font-weight:normal !important;
  width:690px !important;
  font-size:690px !important;
  line-height: 100% !important;
  color:#009a4f  !important;
  
  font-size-adjust: none;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: "liga=1";
  -ms-font-feature-settings: "liga" 1;
  -ms-font-feature-settings: "liga", "dlig";
  overflow: hidden;
  width: 300px;
  display: block;
  margin: 0px auto 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
  background:none !important;;
  border-radius: 0; }
  .stately li {
    float: left;
    margin: -20% 0 0 -100% !important;
	padding:unset  !important;
    position: relative;
    left: 101%;
    width: 100%;
    cursor: default;
    -webkit-transition: all 1s ease-in;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

/** Style customizations
*************************************/

#green {
  color: #009a4f !important; }
  #green .va, #green .oh, #green .ma, #green .ny, #green .nc, #green .tx, #green .vt, #green .ar, #green .ca, #green .ct, #green .ga, #green .hi, #green .il, #green .ia, #green .ky, #green .mo, #green .ne, #green .nj, #green .pa, #green .sc {
    color: #009a4f !important; }
	#green .dc {
    color: #525252 !important; }


@media only screen and (max-width: 600px)
{
  .stately {
	  margin:0 auto !important;
  width:300px !important;
  font-size:300px !important;
  }
}

@font-face {
     font-family: 'StateFaceRegular';
     src: url('https://static-farm.ewg.org/font/stateface-regular-webfont.eot');
     src: url('https://static-farm.ewg.org/font/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('https://static-farm.ewg.org/font/stateface-regular-webfont.woff') format('woff'),
          url('https://static-farm.ewg.org/font/stateface-regular-webfont.ttf') format('truetype'),
          url('https://static-farm.ewg.org/font/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
     font-weight: normal;
     font-style: normal;
 }


#us {
  display: inline-block;
  width: 100px;
  font-family: 'StateFaceRegular';
  font-size: 80px;
  position: relative;
  top: 20px;
  margin: 0px;
}

#us #ak, #us #hi {
  position:absolute;
  margin: 0px;
}

#us #hi {
  font-size: 11px;
  left: 23px;
  bottom: 12px;
}

#us #ak {
  font-size: 16px;
  left: 1px;
  bottom: 11px;
}

.minimap {
  font-family: 'StateFaceRegular';
  text-align: center;
  vertical-align: top;
}










.stateface:before {
    font-family: StateFaceRegular;
    margin-right: 5px;
}

.stateface-replace {
    text-indent: -999em;
    display: inline-block;
    position: relative;
    min-width: 1em;
}

.stateface-replace:before {
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 0;
}

.stateface-ak:before {
    content: "A";
}

.stateface-al:before {
    content: "B";
}

.stateface-ar:before {
    content: "C";
}

.stateface-az:before {
    content: "D";
}

.stateface-ca:before {
    content: "E";
}

.stateface-co:before {
    content: "F";
}

.stateface-ct:before {
    content: "G";
}

.stateface-dc:before {
    content: "y";
}

.stateface-de:before {
    content: "H";
}

.stateface-fl:before {
    content: "I";
}

.stateface-ga:before {
    content: "J";
}

.stateface-hi:before {
    content: "K";
}

.stateface-ia:before {
    content: "L";
}

.stateface-id:before {
    content: "M";
}

.stateface-il:before {
    content: "N";
}

.stateface-in:before {
    content: "O";
}

.stateface-ks:before {
    content: "P";
}

.stateface-ky:before {
    content: "Q";
}

.stateface-la:before {
    content: "R";
}

.stateface-ma:before {
    content: "S";
}

.stateface-md:before {
    content: "T";
}

.stateface-me:before {
    content: "U";
}

.stateface-mi:before {
    content: "V";
}

.stateface-mn:before {
    content: "W";
}

.stateface-mo:before {
    content: "X";
}

.stateface-ms:before {
    content: "Y";
}

.stateface-mt:before {
    content: "Z";
}

.stateface-nc:before {
    content: "a";
}

.stateface-nd:before {
    content: "b";
}

.stateface-ne:before {
    content: "c";
}

.stateface-nh:before {
    content: "d";
}

.stateface-nj:before {
    content: "e";
}

.stateface-nm:before {
    content: "f";
}

.stateface-nv:before {
    content: "g";
}

.stateface-ny:before {
    content: "h";
}

.stateface-oh:before {
    content: "i";
}

.stateface-ok:before {
    content: "j";
}

.stateface-or:before {
    content: "k";
}

.stateface-pa:before {
    content: "l";
}

.stateface-ri:before {
    content: "m";
}

.stateface-sc:before {
    content: "n";
}

.stateface-sd:before {
    content: "o";
}

.stateface-tn:before {
    content: "p";
}

.stateface-tx:before {
    content: "q";
}

.stateface-us:before {
    content: "z";
}

.stateface-ut:before {
    content: "r";
}

.stateface-va:before {
    content: "s";
}

.stateface-vt:before {
    content: "t";
}

.stateface-wa:before {
    content: "u";
}

.stateface-wi:before {
    content: "v";
}

.stateface-wv:before {
    content: "w";
}

.stateface-wy:before {
    content: "x";
}