/* Required */
/*  ------------------------------------------------------------------

@library :      CNN Grid System - SASS
@version :      0.0.0.1
@description :  System for managing breakpoints and
	            responsive grid columns.

@author :       Kenneth Uzquiano (kenneth.uzquiano@gmail.com)

------------------------------------------------------------------ */
    /*  BASE VALUES
		-----------
		All default values for generating the grid can be found in the
		'lib/vars' file. They can also be overidden by the project's vars file.
		Here is a brief description of what each variable within this file does.
		These variables are global, as they need to be used from mixin to mixin,
		but are calculated at each grid change, thus, do not need to be initialized.

		    $grid-id :              Active grid id
		    $grid-active :          Active grid
		    $grid-columns :         Number of columns in active grid
		    $grid-column-width :    Width of a column based on units below
		    $grid-query :           Media query for active grid
		    $grid-full-width :      Full width of active grid
    */
    /*  -------------------------------
	                MIXINS
		-------------------------------

		@mixin :                @mixin breakpoint( $breakpointId: mobile )
		@description :          Define active grid by id
		@param $breakpointId :  Id of grid to activate (default : mobile)
		@param $retina :        Include media queries for retina displays (default : false)
    */
/* 20px */
    /*
    	@mixin :                @mixin grid-col( $col: 1 )
		@description :          Calculate widths of grid columns based on px, ems, or %
		@param $col :           Number of columns to calculate width (default : 1)
		@param $fluid :         Calculate using percentages vs em / px (default : true)
	*/
/*
	@mixin :                @mixin grid-row( $fluid: true )
	@description :          Define a row to house columned elements
	@param $fluid :         Calculate using percentages vs em / px (default : true)
*/
/*
	---------------------------------
	           FUNCTIONS
	---------------------------------
*/
/*
	@function :         -fn-findGridById( $gridID: mobile )
	@description :      Define active grid by id
	@param $gridId :    Id of grid to activate
*/
/*
	@function :         -fn-setGridProperties($p_grid)
	@description :      Set properties based on active grid
	@param $p_grid :    Grid to use to set properties
*/
/*
	@function :         -fn-getStaticWidth($col: 1)
	@description :      Calculate and return the static width of columns.
	@param $col :       Number of columns to use to calculate static width.
*/
/*
	@function :         -fn-getFluidWidth($col: 1)
	@description :      Calculate and return the fluid width of columns.
	@param $col :       Number of columns to use to calculate fluid width.
*/
/*
	@function :         -fn-getStaticMargin()
	@description :      Calculate and return the static margin
	@param :            null
*/
/*
	@function :         -fn-getFluidMargin()
	@description :      Calculate and return the fluid margin
	@param :            null
*/
body {
  font-size: 16px;
  font-family: CNN,"Helvetica Neue",Helvetica,Arial,Utkal,sans-serif; }
  body * {
    box-sizing: border-box; }

/* Set up flexible containers */
.interactive-container,
.cnn-outbrain,
#comments,
#disqus_thread {
  margin: 0 auto;
  width: 95%;
  max-width: 980px; }

/* ------------ MOBILE / DEFAULT STYLES ------------ */
h1 {
  font-size: 1.75rem;
  line-height: 1.21429;
  padding: 10px 0 0;
  font-weight: 300;
  margin: 10px 0; }

.metadata {
  color: #737373;
  font-weight: 400;
  font-size: .75rem;
  line-height: 1.5; }
  .metadata p {
    margin-bottom: 0; }
  .metadata__byline {
    font-weight: 700;
    padding-bottom: 0; }
    .metadata__byline a {
      color: #006598; }
  .metadata:after {
    clear: both;
    content: '';
    display: table; }

p {
  padding: 0 10px 18px 0; }

/* ------------ TABLET STYLES ------------ */
/* md 10 screen and (min-width: 30em) */
@media screen and (min-width: 30em) {
  h1 {
    font-size: 3.25rem;
    line-height: 1.07692;
    padding: 10px 0 0;
    font-weight: 300;
    margin: 10px 0; }

  .metadata {
    color: #737373;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.57143; }
    .metadata p {
      margin-bottom: 0; }
    .metadata__byline {
      font-weight: 700;
      padding-bottom: 0; }
      .metadata__byline a {
        color: #006598; }
    .metadata:after {
      clear: both;
      content: '';
      display: table; } }
/* ------------ DESKTOP STYLES ------------ */
/* lg 12 screen and (min-width: 48em) */
@media screen and (min-width: 48em) {
  h1 {
    font-size: 3.875rem;
    line-height: 1.06452;
    padding: 10px 0 0;
    font-weight: 300;
    margin: 10px 0; }

  .metadata {
    color: #737373;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5; }
    .metadata p {
      margin-bottom: 0; }
    .metadata__byline {
      font-weight: 700;
      padding-bottom: 0; }
      .metadata__byline a {
        color: #006598; }
    .metadata:after {
      clear: both;
      content: '';
      display: table; } }
/*
    HEADER
*/
.cnn-skinny-header {
  background-color: #ca0002;
  color: #fff;
  margin: 0;
  padding: 0;
  height: 35px; }

.header-container {
  width: 95%;
  max-width: 980px;
  position: relative;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  line-height: 100%; }

a.header-link {
  position: absolute;
  left: 0;
  top: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: bold; }
  a.header-link:hover, a.header-link:active, a.header-link:visited {
    color: #fff; }

.logo-link img {
  width: 51px;
  height: 35px; }

/*
    FOOTER
*/
.footer {
  clear: both;
  margin: 20px 0 0 0;
  width: 100%;
  padding: 0;
  text-align: center; }

.footer-container {
  width: 95%;
  max-width: 980px;
  border-top: 10px solid #ca0002;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 0;
  text-align: left; }
  .footer-container p {
    display: inline-block;
    color: #666666;
    font-size: 10px;
    padding: 0;
    margin: 0; }
  .footer-container p.footer-links {
    float: right;
    display: block; }
  @media screen and (max-width: 640px) {
    .footer-container {
      width: 100%;
      border: 0;
      background-color: #e6e1df;
      padding-top: 20px;
      margin-bottom: 0; }
      .footer-container p, .footer-container p.footer-links {
        display: block;
        font-size: 12px;
        float: none;
        text-align: center;
        padding: 0;
        margin: 0; } }

/* CNN Sharebar */
.share-container {
  width: 160px;
  position: relative;
  margin-left: 0;
  padding-top: 10px; }
  .share-container .share-bar {
    width: auto;
    display: inline-block;
    float: none; }
    .share-container .share-bar li.share-button {
      width: 35px;
      height: 35px;
      float: right;
      margin-left: 15px;
      cursor: pointer;
      list-style-type: none;
      -webkit-transition: transform 0.5s ease 0s;
      transition: transform 0.5s ease 0s; }
      .share-container .share-bar li.share-button.email {
        background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/email.png");
        background-size: 35px 35px; }
      .share-container .share-bar li.share-button.facebook {
        background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/facebook.png");
        background-size: 35px 35px; }
      .share-container .share-bar li.share-button.twitter {
        background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/twitter.png");
        background-size: 35px 35px; }
      .share-container .share-bar li.share-button:hover {
        transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2); }

/*---------------
TABLET
---------------*/
/* md 10 screen and (min-width: 30em) */
@media screen and (min-width: 30em) {
  .share-container {
    width: 160px;
    position: relative;
    margin-left: 0;
    clear: both;
    padding-top: 10px; }
    .share-container .share-bar {
      width: auto;
      display: inline-block;
      float: left;
      padding-bottom: 15px; }
      .share-container .share-bar li.share-button {
        width: 35px;
        height: 35px;
        float: right;
        margin-left: 15px;
        cursor: pointer;
        list-style-type: none;
        -webkit-transition: transform 0.5s ease 0s;
        transition: transform 0.5s ease 0s; }
        .share-container .share-bar li.share-button.email {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/email.png");
          background-size: 35px 35px; }
        .share-container .share-bar li.share-button.facebook {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/facebook.png");
          background-size: 35px 35px; }
        .share-container .share-bar li.share-button.twitter {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/twitter.png");
          background-size: 35px 35px; }
        .share-container .share-bar li.share-button:hover {
          transform: scale(1.2, 1.2);
          -webkit-transform: scale(1.2, 1.2); } }
/*---------------
DESKTOP
---------------*/
/* lg 12 screen and (min-width: 48em) */
@media screen and (min-width: 48em) {
  .share-container {
    width: 160px;
    margin-left: 0;
    margin-bottom: 10px;
    margin-top: 15px;
    margin-right: 10px;
    padding-top: 0; }
    .share-container .share-bar {
      width: auto;
      display: inline-block;
      float: right; }
      .share-container .share-bar li.share-button {
        width: 35px;
        height: 35px;
        float: right;
        margin-left: 15px;
        cursor: pointer;
        list-style-type: none;
        -webkit-transition: transform 0.5s ease 0s;
        transition: transform 0.5s ease 0s; }
        .share-container .share-bar li.share-button.email {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/email.png");
          background-size: 35px 35px; }
        .share-container .share-bar li.share-button.facebook {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/facebook.png");
          background-size: 35px 35px; }
        .share-container .share-bar li.share-button.twitter {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/twitter.png");
          background-size: 35px 35px; }
        .share-container .share-bar li.share-button:hover {
          transform: scale(1.2, 1.2);
          -webkit-transform: scale(1.2, 1.2); } }
/*
CNN Expansion 2.0 Colors
*/
/* Optional (uncomment if needed) */
/* @import "buttons"; */
body {
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.background-wrapper {
  position: relative; }
  .background-wrapper .image-wrapper {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    z-index: -21; }
    .background-wrapper .image-wrapper img {
      width: 100%;
      height: auto; }
  .background-wrapper .image-gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -21; }
    .background-wrapper .image-gradient--page {
      padding-top: 56.25%;
      width: 100%;
      position: absolute;
      top: 0; }
    .background-wrapper .image-gradient__bottom {
      bottom: -1px;
      width: 100%;
      height: 20%;
      position: absolute;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, transparent), color-stop(75%, #000000));
      background: -moz-linear-gradient(top, transparent, #000000 75%);
      background: -webkit-linear-gradient(top, transparent, #000000 75%);
      background: linear-gradient(to bottom, transparent, #000000 75%); }

.light-bg {
  padding: 20px 0;
  background-color: #dadada; }

.source {
  font-size: .75rem;
  color: #595959;
  text-align: right; }

.cnnint-section {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #bfbfbf; }
  .cnnint-section img {
    padding: 0; }
    .cnnint-section img.full-width {
      max-width: 980px;
      width: 100%; }
    .cnnint-section img.left {
      max-width: 640px;
      width: 60%;
      float: left;
      padding-right: 20px; }
    .cnnint-section img.right {
      max-width: 640px;
      width: 60%;
      float: right;
      padding-left: 20px; }
  .cnnint-section .cvp-video {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 20px; }
    .cnnint-section .cvp-video div {
      height: auto;
      max-width: 100%;
      width: 100%; }
    .cnnint-section .cvp-video video, .cnnint-section .cvp-video iframe, .cnnint-section .cvp-video object {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }

.quiz {
  margin-bottom: 40px; }
  .quiz img.show-logo {
    width: 300px;
    max-width: 300px;
    padding: 10px 0 0 20px; }
  .quiz h1 {
    color: #404040;
    font-size: 48px;
    font-size: 3em;
    line-height: 50px;
    padding: 0px 10px 0 20px;
    font-weight: 700; }
  .quiz p.intro {
    color: #404040;
    padding: 0 10px 0px 20px;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.375em;
    margin-bottom: 1em; }
    .quiz p.intro:first-of-type {
      margin-top: 30px; }
    .quiz p.intro:last-of-type {
      margin-bottom: 40px; }
    .quiz p.intro a {
      color: #2483b3; }

/* md 10 screen and (min-width: 30em) */
@media screen and (min-width: 30em) {
  .quiz {
    margin-bottom: 40px; }
    .quiz h1 {
      color: #404040;
      font-size: 58px;
      font-size: 3.625em;
      padding: 10px 10px 0 20px; }
    .quiz p.intro {
      color: #404040;
      padding: 0 10px 0px 20px;
      font-weight: 300; }
      .quiz p.intro a {
        color: #2483b3; } }
/* Quiz */
.quiz-hero {
  width: 100%;
  height: 200px;
  background-color: #0066a7;
  background-image: url("https://cdn.cnn.com/cnn/.element/interactive/2017/european-quiz/media/EuroQuiz_main.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.quiz-instruction {
  padding-left: 20px;
  color: #404040;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0px;
  margin-top: 16px; }

/* line 60, ../sass/project.scss */
#quiz-container {
  background-color: #fff;
  /* background-color: rgba(255,255,255,0.6); */
  clear: both;
  position: relative; }
  #quiz-container:before, #quiz-container:after {
    content: '';
    display: block;
    position: absolute;
    height: 4px;
    width: 96%;
    left: 2%;
    width: calc(100% - 40px);
    left: 20px;
    background-color: #404040; }
  #quiz-container:before {
    top: 20px; }
  #quiz-container:after {
    bottom: 20px; }

/* line 66, ../sass/project.scss */
.quiz-question > img {
  width: 100%;
  height: auto; }

/* line 72, ../sass/project.scss */
.quiz-question-text {
  padding: 40px 20px 0px 20px;
  overflow: auto;
  display: table; }

.quiz-question-text p, .quiz-question-number, p.result-text-intro {
  font-family: "CNN Condensed", CNN, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #404040; }

/* line 77, ../sass/project.scss */
.quiz-question-text p {
  display: table-cell;
  vertical-align: top;
  padding: 0;
  text-transform: uppercase; }

/* line 87, ../sass/project.scss */
.quiz-question-number {
  padding-right: 16px;
  display: table-cell;
  vertical-align: top;
  letter-spacing: -0.055em; }

/* line 98, ../sass/project.scss */
ul.quiz-answer-container {
  clear: both;
  list-style-type: none; }

/* line 100, ../sass/project.scss */
ul.quiz-answer-container, ul.quiz-answer-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 108, ../sass/project.scss */
ul.quiz-answer-container li {
  float: left;
  width: 460px;
  margin-bottom: 20px;
  margin-left: 20px;
  background-color: #fff;
  border: 1px solid #80b2cb;
  min-height: 88px;
  color: #006598;
  transition: all .2s ease-out; }
  ul.quiz-answer-container li:hover {
    background-color: #fff;
    border-color: #cc0000;
    color: #cc0000; }
  .can-touch ul.quiz-answer-container li:hover {
    background-color: #fff;
    border-color: #80b2cb;
    color: #006598; }
  .can-touch ul.quiz-answer-container li:active {
    background-color: #fff;
    border-color: #cc0000;
    color: #cc0000; }

@media screen and (max-width: 1030px) {
  /* line 108, ../sass/project.scss */
  ul.quiz-answer-container li {
    float: none;
    margin: 0 auto 10px auto;
    max-width: 90%; } }
@media screen and (min-width: 700px) and (max-width: 1029px) {
  .quiz-hero {
    height: 350px; }

  /* line 108, ../sass/project.scss */
  ul.quiz-answer-container li {
    width: 75%; } }
/* line 124, ../sass/project.scss */
ul.quiz-answer-container li p {
  padding: 10px;
  font-family: "CNN Condensed", CNN, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-style: italic;
  font-weight: 700; }
  ul.quiz-answer-container li p:before {
    content: '\201C'; }
  ul.quiz-answer-container li p:after {
    content: '\201D'; }

@media screen and (max-width: 500px) {
  /* line 108, ../sass/project.scss */
  ul.quiz-answer-container li {
    min-height: 87px; }

  /* line 133, ../sass/project.scss */
  ul.quiz-answer-container li img {
    width: 150px; }

  /* line 136, ../sass/project.scss */
  ul.quiz-answer-container li img + p {
    padding-left: 160px; } }
/* line 140, ../sass/project.scss */
ul.quiz-answer-container li img {
  float: left;
  margin-right: 10px; }

/* line 144, ../sass/project.scss */
ul.quiz-answer-container li img + p {
  padding-left: 160px; }

/* line 147, ../sass/project.scss */
ul.quiz-answer-container li:hover {
  cursor: pointer; }

/* line 150, ../sass/project.scss */
/* line 152, ../sass/project.scss */
ul.quiz-answer-container li.disabled {
  opacity: 0.6; }

/* line 155, ../sass/project.scss */
ul.quiz-answer-container li.disabled:hover {
  cursor: auto;
  border-color: #d9d8d7; }

ul.quiz-answer-container li.disabled p {
  color: #40403f; }

/* line 158, ../sass/project.scss */
/* line 160, ../sass/project.scss */
ul.quiz-answer-container li.disabled.true {
  border: 1px solid #435914;
  background-color: #6FB22D;
  opacity: 1; }

/* line 163, ../sass/project.scss */
/* line 166, ../sass/project.scss */
ul.quiz-answer-container li.selected {
  cursor: auto;
  background-color: #262524;
  border-color: #262524; }

/* line 170, ../sass/project.scss */
/* line 171, ../sass/project.scss */
ul.quiz-answer-container li.selected.true {
  border: 1px solid #435914;
  background-color: #6FB22D; }

/* line 175, ../sass/project.scss */
ul.quiz-answer-container li.selected.false {
  border: 1px solid #800002;
  background-color: #CE2F32; }
  ul.quiz-answer-container li.selected.false p {
    color: #ffffff; }

/* line 185, ../sass/project.scss */
.quiz-explanation {
  clear: both;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 20px;
  color: #000000; }

/* line 193, ../sass/project.scss */
.quiz-explanation .cnn-btn {
  float: right;
  margin-left: 20px; }

/* line 197, ../sass/project.scss */
.quiz-explanation p {
  padding-right: 160px;
  font-style: italic;
  color: #fff; }

@media screen and (max-width: 640px) {
  /* line 199, ../sass/project.scss */
  .quiz-explanation .cnn-btn {
    float: none;
    margin: 0 auto 10px auto; }

  /* line 203, ../sass/project.scss */
  .quiz-explanation p {
    padding-right: 0;
    padding-top: 10px; } }
/* line 210, ../sass/project.scss */
.quiz-navigation {
  color: #404040;
  font-size: 15px;
  font-style: italic;
  clear: both;
  text-align: left;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px; }

/* line 217, ../sass/project.scss */
.quiz-navigation b {
  font-style: normal; }

/* line 220, ../sass/project.scss */
.quiz-results {
  color: #404040;
  padding: 40px 20px 20px 20px;
  overflow-y: auto; }

/* line 226, ../sass/project.scss */
.quiz-results img {
  float: right;
  max-width: 450px;
  margin-bottom: 20px; }

@media screen and (max-width: 1029px) {
  /* line 220, ../sass/project.scss */
  .quiz-results {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 660px;
    padding: 40px 20px 20px 20px;
    margin: 0 auto; }

  /* line 240, ../sass/project.scss */
  .quiz-results img {
    float: none;
    width: 100%;
    margin-bottom: 20px; } }
/* line 253, ../sass/project.scss */
p.result-text-intro {
  margin: 0;
  padding-bottom: 0;
  letter-spacing: -0.025em;
  padding: 0;
  text-transform: uppercase; }

/* line 263, ../sass/project.scss */
p.result-text-name {
  font-family: CNN, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-weight: 900;
  font-size: 48px;
  line-height: 50px;
  margin-top: 0;
  letter-spacing: -0.025em;
  color: #cc0000;
  font-weight: 700; }

/* line 273, ../sass/project.scss */
p.result-text {
  font-family: CNN, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  padding-top: 15px;
  padding-bottom: 10px; }

/* line 283, ../sass/project.scss */
.quiz-results-share {
  margin-top: 20px;
  border-top: 1px solid #bfbdbe;
  font-family: CNN, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-size: 18px;
  padding-top: 10px; }

/* line 291, ../sass/project.scss */
.quiz-results-share .c_share_container {
  float: none;
  text-align: left;
  margin: 0;
  padding: 0;
  max-height: 60px; }

/* line 298, ../sass/project.scss */
.quiz-results-share .c_share_container .c_sharebtns {
  margin: 0; }

/* line 304, ../sass/project.scss */
.quiz-results-retake {
  font-weight: 200;
  line-height: 24px;
  font-size: 18px;
  clear: both; }

/* line 310, ../sass/project.scss */
a.retake-quiz {
  color: #00659C;
  padding-right: 25px;
  font-weight: 700;
  background-image: url("../img/right-arrow.png");
  background-repeat: no-repeat;
  background-position: right 2px; }

/* line 316, ../sass/project.scss */
a.retake-quiz:hover {
  color: #e5481b;
  background-position: bottom right; }

@media screen and (min-width: 1030px) {
  .quiz-hero {
    height: 450px; }

  .quiz-instruction {
    margin-top: 0;
    font-size: 20px;
    line-height: 27px;
    padding-left: 20px; }

  /* line 324, ../sass/project.scss */
  .quiz-question-number, .quiz-question-text p, p.result-text-intro {
    font-size: 33px;
    line-height: 35px; }

  .quiz-results-share {
    max-width: 460px; }

  ul.quiz-answer-container li {
    min-height: 144px; }

  ul.quiz-answer-container li p {
    padding: 20px;
    font-size: 18px;
    line-height: 24px; }

  .quiz-results img {
    margin-left: 20px; }

  p.result-text-name {
    font-size: 62px;
    font-size: 3.875em;
    line-height: 66px; } }
@media screen and (min-width: 1400px) {
  .quiz-hero {
    height: 550px; } }
@media screen and (min-width: 1500px) {
  .quiz-hero {
    height: 600px; } }
.cnn-btn {
  background-color: #595959;
  color: #fff;
  border-radius: none;
  border: 0px none;
  padding: 8px;
  font-size: 1em;
  cursor: pointer; }
  .cnn-btn:hover {
    background-color: #e5481b; }

/* QUIZ RESULTS SHARE */
/* CNN Sharebar */
.share-container-results {
  width: 160px;
  position: relative;
  margin-left: 0; }
  .share-container-results .share-bar {
    width: auto;
    display: inline-block;
    float: none; }
    .share-container-results .share-bar li.share-button-results {
      width: 35px;
      height: 35px;
      float: right;
      margin-left: 15px;
      cursor: pointer;
      list-style-type: none;
      -webkit-transition: transform 0.5s ease 0s;
      transition: transform 0.5s ease 0s; }
      .share-container-results .share-bar li.share-button-results.email {
        background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/email.png");
        background-size: 35px 35px; }
      .share-container-results .share-bar li.share-button-results.facebook {
        background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/facebook.png");
        background-size: 35px 35px; }
      .share-container-results .share-bar li.share-button-results.twitter {
        background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/twitter.png");
        background-size: 35px 35px; }
      .share-container-results .share-bar li.share-button-results:hover {
        transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2); }

/*---------------
TABLET
---------------*/
/* md 10 screen and (min-width: 30em) */
@media screen and (min-width: 30em) {
  .share-container-results {
    width: 160px;
    position: relative;
    margin-left: 0;
    clear: none;
    padding-top: 10px; }
    .share-container-results .share-bar {
      width: auto;
      display: inline-block;
      float: left;
      padding-bottom: 15px; }
      .share-container-results .share-bar li.share-button-results {
        width: 35px;
        height: 35px;
        float: right;
        margin-left: 15px;
        cursor: pointer;
        list-style-type: none;
        -webkit-transition: transform 0.5s ease 0s;
        transition: transform 0.5s ease 0s; }
        .share-container-results .share-bar li.share-button-results.email {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/email.png");
          background-size: 35px 35px; }
        .share-container-results .share-bar li.share-button-results.facebook {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/facebook.png");
          background-size: 35px 35px; }
        .share-container-results .share-bar li.share-button-results.twitter {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/twitter.png");
          background-size: 35px 35px; }
        .share-container-results .share-bar li.share-button-results:hover {
          transform: scale(1.2, 1.2);
          -webkit-transform: scale(1.2, 1.2); } }
/*---------------
DESKTOP
---------------*/
/* lg 12 screen and (min-width: 48em) */
@media screen and (min-width: 48em) {
  .share-container-results {
    width: 160px;
    margin-left: 0;
    margin-bottom: 10px;
    margin-top: 0;
    margin-right: 10px;
    padding-top: 0;
    height: 40px; }
    .share-container-results .share-bar {
      width: auto;
      display: block;
      float: left; }
      .share-container-results .share-bar li.share-button-results {
        width: 35px;
        height: 35px;
        float: left;
        margin-left: 0;
        margin-right: 15px;
        cursor: pointer;
        list-style-type: none;
        -webkit-transition: transform 0.5s ease 0s;
        transition: transform 0.5s ease 0s; }
        .share-container-results .share-bar li.share-button-results.email {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/email.png");
          background-size: 35px 35px; }
        .share-container-results .share-bar li.share-button-results.facebook {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/facebook.png");
          background-size: 35px 35px; }
        .share-container-results .share-bar li.share-button-results.twitter {
          background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/twitter.png");
          background-size: 35px 35px; }
        .share-container-results .share-bar li.share-button-results:hover {
          transform: scale(1.2, 1.2);
          -webkit-transform: scale(1.2, 1.2); } }

/*# sourceMappingURL=quiz-european-leaders.css.map */