@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,700);

/* ==========================================================================
   Grid Utilities (extracted from Bootstrap - only used classes)
   ========================================================================== */

.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.grid {
  margin: 0 0 20px 0;
  width: 960px;
  margin: 0 auto;
}

[class*=col-] {
  float: left;
  padding-right: 20px;
}

.grid [class*=col-]:last-of-type {
  padding-right: 0;
}

.col-1-1 {
  width: 100%;
}

.col-2-3 {
  width: 66.66%;
}

.col-1-3 {
  width: 33.33%;
}

.col-1-2 {
  width: 50%;
}

.col-1-4 {
  width: 25%;
}

.col-1-8 {
  width: 12.5%;
}

.grid-pad {
  padding: 20px 0 20px 20px;
}

.grid-pad [class*=col-]:last-of-type {
  padding-right: 20px;
}

/* ==========================================================================
   Universal Styles
   ========================================================================== */

html {
  background-color: #f1f1f1;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #f1f1f1;
}

svg {
  background-color: #f1f1f1;
}

/* ==========================================================================
   SVG Network Elements
   ========================================================================== */

.link {
  stroke: #636363;
  stroke-width: 2px;
}

.node {
  stroke: #636363;
  stroke-width: 2px;
  pointer-events: all;
}

/* FAQ styles moved to css/faq.css */

.helpAbout {
  position: absolute;
  background: #85bc99;
  font-family: "Nunito";
  font-weight: 300;
  font-size: 14px;
  color: white;
  width: 300px;
  height: 20px;
  margin-top: 20px;
  padding-top: 10px;
  padding-left: 12px;
  text-align: center;
  top: 50px;
  right: 0px;
  cursor: pointer;
  box-shadow: 5px 6px #838383;
  transition-duration: 0.5s;
}

.helpVaxLogoDiv {
  position: absolute;
  background: #85bc99;
  font-family: "Nunito";
  font-weight: 400;
  font-size: 28px;
  color: white;
  width: 125px;
  height: 45px;
  padding-top: 30px;
  padding-left: 12px;
  text-align: center;
  top: 50px;
  right: 0px;
  cursor: pointer;
  box-shadow: 5px 6px #838383;
  transition-duration: 0.5s;
}

/* Game UI moved to css/game.css */
/* Game UI moved to css/game.css */

/* Pin nodes & difficulty UI moved to css/game.css */

/* ==========================================================================
   Custom Menu
   ========================================================================== */
/* Custom menu & sliders moved to css/game.css */

/* Recap & results moved to css/game.css */


/* About & other UI moved to css/game.css */


/* Herd-immunity styles moved to css/herd.css */

/* ==========================================================================
   Scenario Selection Page
   ========================================================================== */
/* Scenario selection moved to css/scenario.css */

/* ==========================================================================
   Game Action Buttons (Vaccine & Quarantine)
   ========================================================================== */
/* Game action buttons moved to css/game.css */

/* ==========================================================================
   Menu Bar Items
   ========================================================================== */
/* Menu bar items moved to css/game.css */

/* ==========================================================================
   Tutorial Navigation
   ========================================================================== */
/* Tutorial navigation moved to css/tutorial.css */

/* ==========================================================================
   Home Page
   ========================================================================== */
/* Home page styles moved to css/home.css */