/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.top-header, #may-info, #harper-info, #trudeau-info, #paille-info, #mulcair-info, .support-blurb {
  -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.24);
  -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.24);
  box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.24); }

img {
  max-width: 100%; }

.may-outfits, .harper-outfits, .trudeau-outfits, .paille-outfits, .mulcair-outfits {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  background-color: #f2f6e2;
  border-color: #cfde94; }

body {
  color: #4d4d4b;
  padding: 0 5%;
  background-color: #eaeaea; }

a {
  color: #e74117;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  transition: color 0.3s ease; }
  a:hover {
    border-bottom: 1px dashed #e74117; }

h2 {
  font-family: "open-sans", sans-serif;
  color: #739600;
  font-size: 1.6em;
  border-bottom: 1px solid #878787;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 25px 5px;
  margin-bottom: 15px;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.3); }

.top-header {
  background: url("../img/header-bg-national.png");
  height: 68px;
  overflow: hidden;
  margin: 0 -6%; }

.meet-the-dolls {
  height: 224px;
  background: url("../img/section-bg-mapleleafs.png");
  position: relative;
  border-radius: 15px; }
  @media (min-width: 545px) {
    .meet-the-dolls {
      height: 300px; } }
  @media (min-width: 750px) {
    .meet-the-dolls {
      height: 400px; } }
  @media (min-width: 900px) {
    .meet-the-dolls {
      height: 500px; } }

.meet-the-dolls .may-doll {
  left: 3%; }

.meet-the-dolls .harper-doll {
  left: 22%; }

.meet-the-dolls .trudeau-doll {
  left: 42%; }

.meet-the-dolls .paille-doll {
  left: 61%; }

.meet-the-dolls .mulcair-doll {
  left: 79%; }

.meet-the-dolls img {
  position: absolute;
  bottom: -20px;
  max-width: 20%;
  padding-bottom: 7%; }
  .meet-the-dolls img:hover {
    background: #ffffff;
    background: rgba(255, 255, 255, 0.6); }
  @media (min-width: 900px) {
    .meet-the-dolls img:hover {
      background: none;
      max-width: 25%;
      margin-top: -50px;
      margin-left: -15px;
      cursor: pointer; } }

.introduction {
  font-size: 3em;
  font-family: "open-sans", sans-serif;
  letter-spacing: .04em;
  background: #ffffff;
  padding-top: .25em;
  border-bottom: 1px solid #878787;
  margin-bottom: .5em;
  font-weight: 300; }

.page-title {
  font-family: "open-sans", sans-serif;
  color: #fff1f1;
  display: inline-block;
  display: none;
  font-family: "open-sans", sans-serif;
  font-size: 1.8em;
  font-weight: 300;
  vertical-align: top;
  padding-top: 22px;
  letter-spacing: .03em;
  text-shadow: -1px 0px 4px #969696; }

#may-info, #harper-info, #trudeau-info, #paille-info, #mulcair-info {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: url("../img/section-bg-mapleleafs.png");
  border-radius: 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #cfde94;
  padding-top: 15px;
  padding-bottom: 25px; }

.may-outfits, .harper-outfits, .trudeau-outfits, .paille-outfits, .mulcair-outfits {
  position: absolute;
  margin: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 800;
  background: rgba(255, 255, 255, 0.4); }
  @media (min-width: 750px) {
    .may-outfits, .harper-outfits, .trudeau-outfits, .paille-outfits, .mulcair-outfits {
      position: relative;
      display: inline-block;
      vertical-align: top;
      margin-top: 25px;
      background-color: #f2f6e2; } }

.base-doll {
  margin-top: -15px; }

.outfit {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none; }

.styling-header, .wardrobe-option, .support-blurb {
  font-family: "open-sans", sans-serif;
  font-weight: 300;
  font-size: 1.4em;
  line-height: 1.2;
  margin-bottom: 12px;
  color: #000000;
  border-bottom: 1px solid #878787; }
  @media (min-width: 750px) {
    .styling-header, .wardrobe-option, .support-blurb {
      font-size: 2em; } }

.wardrobe-option {
  font-size: 1.4em;
  color: #000000;
  border: none; }
  .wardrobe-option:before {
    content: "\2192";
    color: #e74117; }
  @media (min-width: 750px) {
    .wardrobe-option {
      color: #739600;
      font-size: 1.6em; } }

.wardrobe-option.active {
  color: #e74117; }

.wardrobe-option:hover {
  cursor: pointer;
  margin-bottom: 11px;
  border-bottom: 1px dashed #739600; }

.kitandkaboodly {
  text-align: right;
  font-style: italic;
  font-size: 1em; }
  .kitandkaboodly:before {
    content: "\2192"; }

@media (min-width: 750px) {
  #may-info footer, #harper-info footer, #trudeau-info footer, #paille-info footer, #mulcair-info footer, #trudeau-info footer, #mulcair-info footer {
    text-align: left; } }

#harper-info footer, #paille-info footer {
  text-align: right; }

.support-blurb {
  background: #f2f6e2;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom: 3px solid #ffffff;
  padding: 15px;
  margin: 0; }
  .support-blurb a {
    color: #000;
    text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.4); }
    .support-blurb a:hover {
      color: #e74117;
      text-shadow: none; }

#node- {
  display: none; }

.page-content {
  background-color: #ffffff;
  padding: 5%;
  padding-top: 10px;
  max-width: 1000px;
  margin: auto;
  -webkit-box-shadow: inset 0 8px 4px -4px #ddd;
  -moz-box-shadow: inset 0 8px 4px -4px #ddd;
  box-shadow: inset 0 8px 4px -4px #ddd; }

.nitty-gritty ul {
  list-style-type: disc;
  padding-left: 25px;
  list-style-position: inside; }

.nitty-gritty li {
  font-family: "open-sans", sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  padding-bottom: .3em; }
  @media (min-width: 750px) {
    .nitty-gritty li {
      font-size: 1.4em; } }

.indiana {
  background: url("../img/header-bg-national.png");
  margin: -6%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 5%;
  min-height: 175px; }
  .indiana:before, .indiana:after {
    content: "";
    display: table; }
  .indiana:after {
    clear: both; }

.indiana-portrait {
  max-width: 150px;
  max-height: 150px;
  border-radius: 50%;
  display: inline-block;
  float: right;
  padding-top: 3%; }

.credit {
  font-family: "open-sans", sans-serif;
  color: #fff1f1;
  display: inline-block;
  font-family: "open-sans", sans-serif;
  font-size: 1.4em;
  font-weight: 300;
  padding-top: 22px;
  letter-spacing: .03em;
  text-shadow: -1px 0px 4px #969696;
  vertical-align: bottom;
  margin-bottom: 15px;
  padding-top: 25px; }

.credit a {
  color: #fff1f1;
  border-bottom: 1px dashed #fff1f1;
  padding-top: 25px; }