/**********************************
Description...: screen sass
Author........: hello@satur9.co.uk
Last Changed..: 2017-04-06 16:16:43 +0100
Notes #1......:
*********************************/
/******************
Layout & basics**/
* {
  padding: 0;
  margin: 0;
  border: 0;
}

body {
  font-family: 'Museo Sans W01_300',helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: 300;
  text-align: center;
  cursor: default;
  background-color: #004c54;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.container {
  position: relative;
  width: 880px;
  margin: 0 auto;
  text-align: left;
}

article, aside, details, figcaption, figure, figcaption, footer, header, menu,
section, main, nav, video {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Museo Sans W01_700',helvetica,arial,sans-serif;
}

img {
  vertical-align: middle;
}

/******************
JavaScript styling**/
section {
  position: relative;
}

section, section div {
  display: none;
}

div.info, div.line {
  display: block;
}

.ques-0a .next, .ques-0b .begin {
  display: block;
}

/******************
Animation mods (not used)**/
.current {
  /*-webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -ms-animation-duration:1s;
  -o-animation-duration:1s;
  animation-duration:1s;*/
}

.ques-2 {
  /*-webkit-animation-delay:2s;
  -moz-animation-delay:2s;
  -ms-animation-delay:2s;
  -o-animation-delay:2s;
  animation-delay:2s;*/
}

/******************
Main Content**/
#main-content_holder {
  float: left;
  width: 100%;
  color: #fff;
  background: #007a87;
}

main {
  position: relative;
  float: left;
  width: 720px;
  padding: 70px 45px 0;
  margin: 0 35px;
  background: #5bbcb8;
  /******************
  Text styles**/
  /******************
  Buttons**/
  /******************
  Answer Blocks**/
  /******************
  Entry Sections**/
}
main h2, main h3, main h4, main h5, main h6, main p, main ul, main ol {
  margin-right: 45px;
  margin-left: 45px;
}
main h2, main h3, main h4, main h5, main h6 {
  font-size: 2.15em;
  line-height: 1.3em;
  margin-bottom: 38px;
}
main h4 {
  margin-bottom: 20px;
}
main p {
  font-size: 1.3em;
  line-height: 1.65em;
  margin-bottom: 32px;
}
main p.intro {
  font-size: 1.85em;
  line-height: 1.55em;
}
main ul, main ol {
  margin-bottom: 40px;
}
main ul li, main ol li {
  list-style: disc;
  font-size: 1.3em;
  line-height: 1.65em;
  margin: 0 0 16px 20px;
}
main ol li {
  list-style: decimal;
  margin: 0 0 32px 30px;
}
main img {
  margin: 0 8px;
}
main button, main .next, main .reset, main .begin,
main .option-skip-2-3, main .option-skip-2-4,
main .option-skip-4-5, main .option-skip-4-6,
main .option-skip-5-7,
main .option-skip-6-7 {
  cursor: pointer;
  color: inherit;
  font-family: 'Museo Sans W01_700',helvetica,arial,sans-serif;
  font-size: 1.9em;
  text-transform: uppercase;
  padding: 24px 50px 24px;
  margin: 0 25px 30px 45px;
  background-color: #662d91;
  border-radius: 10px;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
main button:hover, main .next:hover, main .reset:hover, main .begin:hover,
main .option-skip-2-3:hover, main .option-skip-2-4:hover,
main .option-skip-4-5:hover, main .option-skip-4-6:hover,
main .option-skip-5-7:hover,
main .option-skip-6-7:hover {
  background-color: #8156a5;
}
main button.option-pop {
  text-transform: none;
  text-decoration: underline;
  padding: 0;
  margin-right: 0;
  background: none;
}
main button.option-goback, main button.option-undo {
  position: absolute;
  top: -38px;
  right: -30px;
  font-size: 1.2em;
  font-family: 'Museo Sans W01_300',helvetica,arial,sans-serif;
  font-weight: 100;
  text-transform: none;
  text-decoration: underline;
  padding: 0;
  margin: 0;
  background: none;
}
main button.option-undo {
  display: none;
}
main .next, main .reset, main .begin,
main .option-skip-2-3, main .option-skip-2-4,
main .option-skip-4-5, main .option-skip-4-6,
main .option-skip-5-7,
main .option-skip-6-7 {
  float: left;
  font-size: 1.5em;
  margin: 0 0 20px;
  padding: 23px 30px 22px;
}
main .next, main .begin,
main .option-skip-2-3, main .option-skip-2-4,
main .option-skip-4-5, main .option-skip-4-6,
main .option-skip-5-7,
main .option-skip-6-7 {
  padding-right: 60px;
  background-image: url(../img/icon-btn-next.png);
  background-position: 90% 50%;
  background-repeat: no-repeat;
}
main .reset {
  padding-left: 60px;
  margin-right: 25px;
  background-image: url(../img/icon-btn-back.png);
  background-position: 28px 50%;
  background-repeat: no-repeat;
}
main .ans-yes, main .ans-no {
  color: #252128;
  padding-top: 46px;
  padding-bottom: 16px;
  margin-bottom: 36px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 98% 14px;
  border-radius: 10px;
}
main .ans-yes a:link, main .ans-yes a:visited, main .ans-no a:link, main .ans-no a:visited {
  color: #252128;
}
main .ans-yes a:active, main .ans-yes a:focus, main .ans-no a:active, main .ans-no a:focus {
  color: #fff;
}
main .ans-yes .text-link, main .ans-no .text-link {
  cursor: pointer;
  color: #252128;
  text-decoration: underline;
}
main .ans-yes .text-link:hover, main .ans-no .text-link:hover {
  text-decoration: none;
}
main .ans-yes,
main .resp-4.ans-no {
  background-image: url(../img/icon-outcome-yes.png);
}
main .resp-6.ans-no {
  background-image: none;
}
main .ans-no,
main .resp-3.ans-yes {
  background-image: url(../img/icon-outcome-no.png);
}
main .ques-0a {
  text-align: center;
}
main .ques-0a h1 {
  max-width: 500px;
  font-size: 4em;
  margin: 26px auto 36px;
}
main .ques-0a .next {
  float: none;
  display: inline-block;
  min-width: 284px;
  padding-left: 0;
  padding-right: 0;
}
main .ques-0b {
  text-align: center;
}
main .ques-0b h2 {
  text-align: left;
  padding-left: 50px;
  background: url(../img/icon-intro-01.png) top left no-repeat;
}
main .ques-0b ul li, main .ques-0b ol li {
  text-align: left;
}
main .ques-0b .begin {
  float: none;
  display: inline-block;
  min-width: 284px;
  padding-left: 0;
  padding-right: 0;
}

/******************
Footer**/
footer {
  position: relative;
  float: left;
  width: 746px;
  padding: 32px;
  margin: 0 35px;
  background: #5bbcb8;
}
footer img {
  float: right;
}

/******************
Global styles**/
.line {
  position: relative;
  clear: both;
  height: 1px;
  font-size: 0;
  margin: 55px 45px 70px;
  border-bottom: 3px solid #fff;
}
.line span {
  position: absolute;
  left: 50%;
  top: -30px;
  display: block;
  width: 90px;
  height: 60px;
  margin-left: -45px;
  background: #5bbcb8 url(../img/icon-line-01.png) 3px 0 no-repeat;
}

.question .line {
  margin: 45px;
  border-color: #5bbcb8;
}
.question .line span {
  background-color: #fff;
  background-image: url(../img/icon-line-02.png);
}

.clearing {
  clear: both;
}

.error {
  color: #f00;
}

.win {
  color: #090;
}

.hide {
  position: absolute;
  left: -9999px;
}

.no-function {
  pointer-events: none;
}

strong {
  font-weight: 700;
}

acronym, abbr {
  cursor: help;
  border-bottom: 1px dotted #fff;
}

/******************
Hyperlinks & highlighting**/
a:link, a:visited {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a:active, a:focus {
  color: #fff;
  background-color: #007a87;
  text-decoration: underline;
}

a.pdf {
  padding-left: 24px;
  background: url(../img/icon-pdf.png) 0 50% no-repeat;
}

::selection {
  background: #007a87;
  color: #fff;
}

::-moz-selection {
  background: #007a87;
  color: #fff;
}

/******************
Clearfix**/
.clearfix:after {
  visibility: hidden;
  display: block;
  clear: both;
  content: ".";
  font-size: 0;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}

/*IE6*/
*:first-child + html .clearfix {
  zoom: 1;
}

/*IE7*/

/*# sourceMappingURL=style.css.map */