@charset "UTF-8";
#state-religions-bubble-map {
  margin-top: 20px; }

#map-wrapper {
  width: 640px;
  height: auto; }
  @media (max-width: 640px) {
    #map-wrapper {
      display: none; } }

#bubble-map-mob {
  display: none;
  width: 100%;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 640px) {
    #bubble-map-mob {
      display: block; } }

#map {
  opacity: 0;
  width: 100%; }
  #map svg {
    margin-top: 20px;
    height: 400px; }

#map-key {
  font-family: "franklin-gothic-urw", ​Verdana, ​Geneva, ​sans-serif;
  width: auto;
  float: left;
  list-style: none;
  padding: 0; }
  #map-key .ui.checkbox {
    list-style-type: none;
    margin-bottom: 0;
    font-family: "franklin-gothic-urw", ​Verdana, ​Geneva, ​sans-serif !important;
    font-size: 13px; }

#details {
  width: auto;
  float: left;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  margin-right: 20px; }
  #details h4 {
    margin: 0;
    line-height: normal; }
  #details .display {
    list-style-type: none;
    margin: 0;
    font-family: "franklin-gothic-urw", ​Verdana, ​Geneva, ​sans-serif !important;
    font-style: normal;
    font-size: 13px; }

.notes {
  display: block;
  color: #888888;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-style: normal;
  font-family: "franklin-gothic-urw", ​Verdana, ​Geneva, ​sans-serif;
  line-height: normal; }

/******************************************************************************
circle styles, text
******************************************************************************/
#hostile-dot {
  background: #EA9E2C; }

.hostile {
  fill: #EA9E2C; }

#preferred-dot {
  background: #0091C1; }

.preferred {
  fill: #0091C1; }

#official-dot {
  background: #0073A6; }

.official {
  fill: #0073A6; }

#nones-dot {
  background: #9EC7E2; }

.nones {
  fill: #9EC7E2; }

@-webkit-keyframes showCircles {
  0% {
    display: none; }
  99% {
    display: none; }
  100% {
    display: block; } }

circle {
  background-color: white;
  -webkit-animation-name: showCircles;
  -webkit-animation-iteration-count: 0;
  -webkit-animation-duration: 2s; }

circle.none {
  fill: #9EC7E2; }

.alias {
  fill: #555;
  font-family: sans-serif;
  font-size: 10px;
  pointer-events: none;
  text-anchor: middle;
  font-weight: bold; }

/******************************************************************************
circle transitions
******************************************************************************/
.fade {
  opacity: 0.08;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s; }

.transition {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s; }

/******************************************************************************
pulse
******************************************************************************/
.tinyPulse {
  opacity: 1;
  -webkit-animation: tinyPulse 2s ease infinite;
          animation: tinyPulse 2s ease infinite; }

@-webkit-keyframes tinyPulse {
  0% {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Chrome, Safari, Opera */
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(30);
    -ms-transform: scale(30);
    /* IE 9 */
    -webkit-transform: scale(30);
    /* Chrome, Safari, Opera */
    opacity: 0; } }

@keyframes tinyPulse {
  0% {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Chrome, Safari, Opera */
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(30);
    -ms-transform: scale(30);
    /* IE 9 */
    -webkit-transform: scale(30);
    /* Chrome, Safari, Opera */
    opacity: 0; } }

.smallPulse {
  opacity: 1;
  -webkit-animation: smallPulse 2s ease infinite;
          animation: smallPulse 2s ease infinite; }

@-webkit-keyframes smallPulse {
  0% {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Chrome, Safari, Opera */
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(10);
    -ms-transform: scale(10);
    /* IE 9 */
    -webkit-transform: scale(10);
    /* Chrome, Safari, Opera */
    opacity: 0; } }

@keyframes smallPulse {
  0% {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Chrome, Safari, Opera */
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(10);
    -ms-transform: scale(10);
    /* IE 9 */
    -webkit-transform: scale(10);
    /* Chrome, Safari, Opera */
    opacity: 0; } }

.medPulse {
  opacity: 1;
  -webkit-animation: medPulse 2s ease infinite;
          animation: medPulse 2s ease infinite; }

@-webkit-keyframes medPulse {
  0% {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Chrome, Safari, Opera */
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(5);
    -ms-transform: scale(5);
    /* IE 9 */
    -webkit-transform: scale(5);
    /* Chrome, Safari, Opera */
    opacity: 0; } }

@keyframes medPulse {
  0% {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Chrome, Safari, Opera */
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(5);
    -ms-transform: scale(5);
    /* IE 9 */
    -webkit-transform: scale(5);
    /* Chrome, Safari, Opera */
    opacity: 0; } }

/******************************************************************************
dropdown
******************************************************************************/
.ui.search.dropdown {
  min-width: 250px; }

.ui.selection.dropdown {
  line-height: 1rem !important; }
  .ui.selection.dropdown .default,
  .ui.selection.dropdown .text {
    font-size: 1rem;
    color: black;
    font-weight: 500; }

.ui.selection.active.dropdown .menu {
  border-color: #c1c1c1 !important; }

.dropdown {
  width: 350px;
  height: 36px !important;
  margin-bottom: 20px;
  border: 1px solid #AAA !important;
  color: #555 !important;
  -webkit-box-shadow: 0em 0.1em 0.3em rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0em 0.1em 0.3em rgba(0, 0, 0, 0.1); }

.drop {
  overflow: hidden !important;
  font-family: "franklin-gothic-urw",Verdana,Geneva,sans-serif !important;
  vertical-align: middle !important;
  font-size: 18px;
  text-align: center;
  top: 5px;
  line-height: 18px; }

i.dropdown.icon {
  border: none !important;
  border-left: 1px solid #AAA !important; }

i.dropdown.icon::before {
  font-size: 12px;
  vertical-align: middle !important;
  float: right;
  margin-top: 2px;
  color: black; }