/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * gooddog-new:
 *   - http://typekit.com/eulas/000000000000000077359703
 * interstate:
 *   - http://typekit.com/eulas/00000000000000003b9ae7f4
 *   - http://typekit.com/eulas/00000000000000003b9ae7f5
 *   - http://typekit.com/eulas/00000000000000003b9ae7f8
 *   - http://typekit.com/eulas/00000000000000003b9ae7f9
 * interstate-compressed:
 *   - http://typekit.com/eulas/00000000000000003b9ae801
 *   - http://typekit.com/eulas/00000000000000003b9ae803
 * interstate-condensed:
 *   - http://typekit.com/eulas/00000000000000003b9ae809
 *   - http://typekit.com/eulas/00000000000000003b9ae80a
 *   - http://typekit.com/eulas/00000000000000003b9ae80d
 *   - http://typekit.com/eulas/00000000000000003b9ae80e
 *
 * © 2009-2022 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2022-03-15 18:58:09 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=ivv8jct&ht=tk&f=547.31141.31142.31145.31146.31154.31156.31162.31163.31166.31167&a=92036542&app=typekit&e=css");

@font-face {
font-family:"gooddog-new";
src:url("https://use.typekit.net/af/9abb90/000000000000000077359703/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9abb90/000000000000000077359703/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9abb90/000000000000000077359703/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"interstate";
src:url("https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"interstate";
src:url("https://use.typekit.net/af/b7ea2b/00000000000000003b9ae7f5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/b7ea2b/00000000000000003b9ae7f5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/b7ea2b/00000000000000003b9ae7f5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"interstate";
src:url("https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"interstate";
src:url("https://use.typekit.net/af/f67d01/00000000000000003b9ae7f9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/f67d01/00000000000000003b9ae7f9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/f67d01/00000000000000003b9ae7f9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"interstate-compressed";
src:url("https://use.typekit.net/af/adc2ad/00000000000000003b9ae801/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/adc2ad/00000000000000003b9ae801/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/adc2ad/00000000000000003b9ae801/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"interstate-compressed";
src:url("https://use.typekit.net/af/7a1026/00000000000000003b9ae803/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/7a1026/00000000000000003b9ae803/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/7a1026/00000000000000003b9ae803/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"interstate-condensed";
src:url("https://use.typekit.net/af/e2f97c/00000000000000003b9ae809/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e2f97c/00000000000000003b9ae809/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e2f97c/00000000000000003b9ae809/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"interstate-condensed";
src:url("https://use.typekit.net/af/1be6c7/00000000000000003b9ae80a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/1be6c7/00000000000000003b9ae80a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/1be6c7/00000000000000003b9ae80a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"interstate-condensed";
src:url("https://use.typekit.net/af/122a14/00000000000000003b9ae80d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/122a14/00000000000000003b9ae80d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/122a14/00000000000000003b9ae80d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"interstate-condensed";
src:url("https://use.typekit.net/af/4d9382/00000000000000003b9ae80e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/4d9382/00000000000000003b9ae80e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/4d9382/00000000000000003b9ae80e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

*{
  box-sizing: border-box;
}

.tk-gooddog-new { font-family: "gooddog-new",sans-serif; }
.tk-interstate { font-family: "interstate",sans-serif; }
.tk-interstate-compressed { font-family: "interstate-compressed",sans-serif; }
.tk-interstate-condensed { font-family: "interstate-condensed",sans-serif; }

#error {
  color: #ed4545;
}

#resetLink {
  display: none;
  text-align: center;
  padding: 5px;
  text-decoration: none;
}

#disclaimer {
  color: #ffffff;
  font-size: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  text-align: center;
  background-color: #101d44;
  padding: 10px;
  width: 100%;
  overflow: hidden;
}

#graphicOutput {
  display: none;
}

#loading {
  display: none;
}

body {
  background: url('https://snpcuts.github.io/SNPCuts/img/spikes.png');
  background-size: auto 100%;
  background-attachment: fixed;
  background-repeat: repeat;
  margin-bottom: 90px; /* prevent overlapping disclaimer */
}

@media only screen and (min-width: 1000px) {
  input {
    font-family: "interstate",sans-serif;
    font-weight: 700;
    font-style: normal;
    border: none;
    margin-bottom: 2%;
    margin-top: 1%;
    border: 3px solid #ed4545;
    padding: 12px;
    font-size: 24px;
    width: 60%;
    color: #ed4545;
  }
}

@media only screen and (max-width: 999px) {
  input {
    font-family: "interstate",sans-serif;
    font-weight: 700;
    font-style: normal;
    border: none;
    margin-bottom: 2%;
    margin-top: 1%;
    border: 3px solid #ed4545;
    padding: 12px;
    font-size: 24px;
    width: 100%;
    color: #ed4545;
  }
}

@media only screen and (min-width: 1460px) {
  body {
    background: url('https://snpcuts.github.io/SNPCuts/img/spikes.png');
    background-size: auto 100%;
    background-attachment: fixed;
    background-repeat: repeat;
  }
  #container {
    flex-direction: row-reverse;
    padding: 2%;
  }
}

@media only screen and (max-width: 1459px) {
  body {
    background: url('https://snpcuts.github.io/SNPCuts/img/spikes.png');
    background-size: auto 100%;
    background-attachment: fixed;
    background-repeat: repeat;
  }
  #container {
    flex-direction: column;
    padding: 2%;
  }
}

#leftbox {
  margin-bottom: 5%;
}

.opac{opacity: 1 !important;}

#splash {
  text-align: left;
  flex-direction: column;
  padding-left: 5%;
  padding-right: 5%;
  margin: 2%;
  max-width: 600px;
}

#splash h1 { font-family: "interstate",sans-serif; font-weight: 700; font-size: 60px; line-height: 1;}

h1 { font-family: "interstate",sans-serif; font-weight: 700; font-size: 60px; line-height: 1; color: #ed4545;}
h2 { font-family: "interstate",sans-serif; font-weight: 700; font-style: normal; font-size: 36px; line-height: 1; color: #222222;}

.flex-child {
  flex-wrap: wrap;
}

#postcode {

}

label { font-family: "interstate",sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 2%;
  font-size: 24px;
  text-align: left;
  color: #ed4545;
}

#postcode button { font-family: "interstate",sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  background-color: #101d44;
  color: #ffffff;
  padding: 12px;
  border-left: none;
  border-right: 3px solid #ed4545;
  border-top: 3px solid #ed4545;
  border-bottom: 3px solid #ed4545;
}

p { font-family: "interstate",sans-serif;
  font-weight: 300;
  font-style: normal;
    font-size: 16px;
  }

a {
  font-family: "interstate",sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #0087DC;
  text-decoration: none;
}

#infoBox {
  display: none;
  margin-left: 7%;
  margin-bottom: 7%;
  background: url('https://snpcuts.github.io/SNPCuts/img/spikes.png');
  background-size: auto 100%;
  background-attachment: fixed;
  background-repeat: repeat;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-top: 25px;
  font-family: "interstate",sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 36px;
  color: ##ffffff;
  border: 3px solid #ed4545;
  /* min-width: 600px; */
  max-width: 900px;
}

#infoHeading h1, #infoFooter h1 {
  color: white;
  padding: 5px;
  padding-bottom: 15px;
  font-size: 36px;
  background-color: #ed4545;
  vertical-align: middle;
}

#infoFooter h2 {
  color: #222222;
  padding: 5px;
  font-size: 24px !important;
}

#logo {
  position: inherit;
  width: 60px;
  margin-right: 25px;
  margin-top: 25px;
}

#letterHeading {
  padding-top: 75px;
  padding-left: 25px;
  padding-right: 25px;
}

#letterSubheading {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
}

#outcome {
  overflow: visible;
  overflow-wrap: normal;
}

#outcome h1 {
  font-family: "gooddog-new",sans-serif;
  color: #101d44;
  text-align: center;
  font-size: 60px;
  overflow: visible;
  overflow-wrap: normal;
}

@media screen and (min-width: 600px) {
  #outcome h1{
    font-size: 10rem;
  }
}

@media screen and (max-width: 400px) {
  #outcome {
    font-size: 7rem;
  }
}

.bolded {
  font-weight: 700;
}

#votingBox {
  flex-direction: column;
}

th, td {
  padding: 10px;
}

#graphicButton {
  width: 100%;
  cursor: pointer;
}

#graphicButton { font-family: "interstate",sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  background-color: #101d44;
  color: #ffffff;
  border: none;
  padding: 12px;
  border-right: 3px solid ##ffffff;
  border-left: 3px solid ##ffffff;
  border-bottom: 3px solid ##ffffff;
}

#overlay {
  font-family: "gooddog-new",sans-serif;
  position: inherit;
  right: 0;
  z-index: 1;
  color: #101d44;
  font-size: 24px;
  padding: 10px;
  width: 125px;
  height: 75px;
  background-color: #ffffe8;
  transform: rotate(-3deg);
  box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}

hr {
  border: 1px dotted #101d44;
}

#mpName {
  color: #ffda1f;
}

#voteString {
  color: #98c8ff;
}

#socials {
  color: white;
  margin-top: 0.5%;
  margin-bottom: 0.5%;
  width: 100%;
  text-align: center;
  display: none;
  flex-direction: row !important;
}

#socials a {
  display: block;
  width: 30%;
  margin-right: 10px;
  border-radius: 2px;
  font-size: 16px;
  padding: 10px;
}

#twtLink {
  background-color: #1DA1F2;
  color: #ffffff;
}

#fbLink {
  background-color: #4267B2;
  color: #ffffff;
}

#waLink {
  background-color: #25D366;
  color: #ffffff;
}