/*
Theme Name: Regiocast Quiz Server Template - R.SA
Description: Child-Theme von blankslate fuer R.SA
Author: Lasse Malchow
Author URI: http://www.regiocast.de
Template: blankslate
Version: 1.0
*/
@import url("bower_components/jquery-ui/themes/smoothness/jquery-ui.css");
@import url("../blankslate/style.css");
@import url("font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Jockey+One|Overpass');

@font-face {
    font-family: "Lato";
    src: url('fonts/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

body {
  background-color: #fff;
  color: #2575a4;
  font-family: 'Lato', sans-serif !important;
  font-weight: 300;
  line-height: 36px;
  font-size: 21px !important;
  letter-spacing: 1px;
  text-align: center;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.fa {
  font: normal normal normal 14px/1 "FontAwesome" !important; }

.gform_wrapper {
  max-width: 600px !important;
  margin: 0 auto !important; }
  .gform_wrapper .validation_error {
    border-top: none !important;
    border-bottom: none !important;
    color: #fd593e !important;
    font-size: .8em !important; }
  .gform_wrapper .gfield_label {
    font-weight: 300 !important;
    line-height: 36px !important;
    font-size: 21px !important; }
  .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
  .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    margin: 5px 0 10px 5px !important; }
  .gform_wrapper a {
    color: #fd593e; }
    .gform_wrapper a:hover, .gform_wrapper a:focus, .gform_wrapper a:active {
      color: #fd593e; }
  .gform_wrapper .field_description_below .gfield_description {
    padding-top: 8px !important; }
  .gform_wrapper .top_label .gfield_error {
    width: 100% !important; }
  .gform_wrapper li.gfield.gfield_error {
    max-width: 100% !important; }
    .gform_wrapper li.gfield.gfield_error div.ginput_complex.ginput_container label {
      color: #fd593e; }
  .gform_wrapper .gfield_radio li label,
  .gform_wrapper .gfield_checkbox li label {
    margin: 4px 0 0 4px !important; }
  .gform_wrapper ul.gfield_radio li label, .gform_wrapper ul.gfield_checkbox li label {
    color: #4b5464; }
  .gform_wrapper ul.gfield_radio li input[type=checkbox],
  .gform_wrapper ul.gfield_radio li input[type=radio], .gform_wrapper ul.gfield_checkbox li input[type=checkbox],
  .gform_wrapper ul.gfield_checkbox li input[type=radio] {
    width: 10px !important; }
  .gform_wrapper a:hover, .gform_wrapper a:focus, .gform_wrapper a:active {
    color: #2575a4; }

form {
  max-width: 900px;
  margin: 0 auto !important;
  padding-bottom: 40px !important; }
  form .gfield_select {
    -webkit-appearance: none !important; }
  form ::-webkit-input-placeholder {
    color: #fff;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 300; }
  form :-moz-placeholder {
    color: #fff;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 300; }
  form ::-moz-placeholder {
    color: #fff;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 300; }
  form :-ms-input-placeholder {
    color: #fff;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 300; }
  form input,
  form select,
  form .gfield_select,
  form textarea {
    width: 100% !important;
    padding: 15px 25px !important;
    font-size: 18px !important;
    color: #fff !important;
    background-color: #fd593e;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    border: 5px solid #fd593e;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    form input:focus, form input:active,
    form select:focus,
    form select:active,
    form .gfield_select:focus,
    form .gfield_select:active,
    form textarea:focus,
    form textarea:active {
      outline: none !important;
      border: 5px solid #4b5464; }
    form input[type="submit"],
    form select[type="submit"],
    form .gfield_select[type="submit"],
    form textarea[type="submit"] {
      font-family: "proxima-nova", Arial, Helvetica, sans-serif;
      background-color: #2575a4;
      width: auto !important;
      color: #fff !important;
      text-transform: uppercase;
      padding: 15px 25px 10px 25px !important;
      margin: .5rem auto !important;
      display: block !important;
      cursor: pointer;
      font-size: 16px !important;
      border: none;
      border-bottom: 3px solid #fd593e;
      -webkit-box-shadow: inset 0 0 0 0 #fd593e;
      -moz-box-shadow: inset 0 0 0 0 #fd593e;
      box-shadow: inset 0 0 0 0 #fd593e;
      -webkit-transition: all 250ms ease;
      -moz-transition: all 250ms ease false;
      -o-transition: all 250ms ease false;
      transition: all 250ms ease; }
      form input[type="submit"]:hover, form input[type="submit"]:focus, form input[type="submit"]:active,
      form select[type="submit"]:hover,
      form select[type="submit"]:focus,
      form select[type="submit"]:active,
      form .gfield_select[type="submit"]:hover,
      form .gfield_select[type="submit"]:focus,
      form .gfield_select[type="submit"]:active,
      form textarea[type="submit"]:hover,
      form textarea[type="submit"]:focus,
      form textarea[type="submit"]:active {
        color: #fff !important;
        outline: none !important;
        -webkit-box-shadow: inset 0 100px 0 0 #fd593e;
        -moz-box-shadow: inset 0 100px 0 0 #fd593e;
        box-shadow: inset 0 100px 0 0 #fd593e;
        border-bottom: 3px solid #2575a4; }
    form input[type="checkbox"], form input[type="radio"],
    form select[type="checkbox"],
    form select[type="radio"],
    form .gfield_select[type="checkbox"],
    form .gfield_select[type="radio"],
    form textarea[type="checkbox"],
    form textarea[type="radio"] {
      height: 10px !important;
      width: 10px !important;
      padding: 5px !important;
      background-color: #fff !important;
      border: 3px solid #2575a4 !important; }
      form input[type="checkbox"]:focus, form input[type="checkbox"]:active, form input[type="radio"]:focus, form input[type="radio"]:active,
      form select[type="checkbox"]:focus,
      form select[type="checkbox"]:active,
      form select[type="radio"]:focus,
      form select[type="radio"]:active,
      form .gfield_select[type="checkbox"]:focus,
      form .gfield_select[type="checkbox"]:active,
      form .gfield_select[type="radio"]:focus,
      form .gfield_select[type="radio"]:active,
      form textarea[type="checkbox"]:focus,
      form textarea[type="checkbox"]:active,
      form textarea[type="radio"]:focus,
      form textarea[type="radio"]:active {
        outline: 0; }
      form input[type="checkbox"]:checked, form input[type="radio"]:checked,
      form select[type="checkbox"]:checked,
      form select[type="radio"]:checked,
      form .gfield_select[type="checkbox"]:checked,
      form .gfield_select[type="radio"]:checked,
      form textarea[type="checkbox"]:checked,
      form textarea[type="radio"]:checked {
        background-color: #2575a4 !important; }
  form .gfield {
    padding-right: 0 !important;
    margin-top: 20px !important; }
  form .ginput_container {
    margin-top: 3px !important; }
  form .validation_message {
    display: none; }
  form .gfield_required {
    color: #000 !important; }
  form .gfield_error,
  form .gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: none !important;
    border-top: none !important;
    border-bottom: none !important; }
  form .gfield_error ::-webkit-input-placeholder {
    color: #fff !important; }
  form .gfield_error :-moz-placeholder {
    color: #fff !important; }
  form .gfield_error ::-moz-placeholder {
    color: #fff !important; }
  form .gfield_error :-ms-input-placeholder {
    color: #fff !important; }
  form .gfield_error input,
  form .gfield_error textarea,
  form .gfield_error select {
    border: 5px solid #4b5464 !important;
    background-color: #fd593e !important; }
    form .gfield_error input ::-webkit-input-placeholder,
    form .gfield_error textarea ::-webkit-input-placeholder,
    form .gfield_error select ::-webkit-input-placeholder {
      color: #fff !important; }
    form .gfield_error input :-moz-placeholder,
    form .gfield_error textarea :-moz-placeholder,
    form .gfield_error select :-moz-placeholder {
      color: #fff !important; }
    form .gfield_error input ::-moz-placeholder,
    form .gfield_error textarea ::-moz-placeholder,
    form .gfield_error select ::-moz-placeholder {
      color: #fff !important; }
    form .gfield_error input :-ms-input-placeholder,
    form .gfield_error textarea :-ms-input-placeholder,
    form .gfield_error select :-ms-input-placeholder {
      color: #fff !important; }
  form .gfield_error .gfield_label {
    color: #fd593e !important; }
    form .gfield_error .gfield_label .gfield_required {
      color: #fd593e !important; }
  form .field_sublabel_below div[class*="gfield_time_"].ginput_container label {
    margin: 3px 0 5px 0 !important; }

.ui-datepicker {
  width: 300px !important;
  background: none !important;
  background-color: #46bbca !important;
  text-shadow: none !important;
  border: none !important;
  margin: 0 auto 0 !important; }
  .ui-datepicker .ui-datepicker-header {
    background: none !important;
    text-shadow: none;
    filter: none;
    border: none; }
  .ui-datepicker thead {
    background: none !important; }
    .ui-datepicker thead th {
      color: white;
      text-shadow: none; }
  .ui-datepicker .ui-datepicker-next,
  .ui-datepicker .ui-datepicker-prev {
    background: #46bbca !important;
    color: #fff !important; }
    .ui-datepicker .ui-datepicker-next .ui-icon,
    .ui-datepicker .ui-datepicker-prev .ui-icon {
      color: #fff !important; }
    .ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-next:focus, .ui-datepicker .ui-datepicker-next:active,
    .ui-datepicker .ui-datepicker-prev:hover,
    .ui-datepicker .ui-datepicker-prev:focus,
    .ui-datepicker .ui-datepicker-prev:active {
      background: #46bbca !important;
      border: none !important; }
  .ui-datepicker .ui-datepicker-next {
    right: 2px !important;
    top: 2px !important; }
    .ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-next:focus, .ui-datepicker .ui-datepicker-next:active {
      right: 2px !important;
      top: 2px !important; }
  .ui-datepicker .ui-datepicker-prev {
    left: 0 !important;
    top: 2px !important; }
    .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-prev:focus, .ui-datepicker .ui-datepicker-prev:active {
      left: 0 !important;
      top: 2px !important; }
  .ui-datepicker tbody td {
    border-top: none !important;
    border-right: none !important; }
    .ui-datepicker tbody td a {
      background: #fd593e !important;
      box-sizing: border-box; }
  .ui-datepicker td span,
  .ui-datepicker td a {
    width: 100% !important;
    background: #d66366;
    text-shadow: none !important;
    border: none !important;
    color: white !important;
    height: 35px !important; }
    .ui-datepicker td span:hover, .ui-datepicker td span:focus, .ui-datepicker td span:active,
    .ui-datepicker td a:hover,
    .ui-datepicker td a:focus,
    .ui-datepicker td a:active {
      background: #cc3b17 !important;
      color: #fff !important; }
  .ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled {
    background-color: #46bbca; }
  .ui-datepicker .ui-state-highlight,
  .ui-datepicker .ui-state-active {
    background: white !important;
    color: #7843b6 !important;
    border: none !important;
    text-shadow: none !important; }
  .ui-datepicker .ui-state-highlight {
    background: #000 !important;
    color: #fff !important; }
  .ui-datepicker .ui-state-active {
    background: #fff !important; }

.ui-datepicker-calendar .ui-state-default {
  box-shadow: inset 1px 1px 0 0 #000 !important;
  font-size: 14px !important; }

a {
  color: #fd593e;
  text-decoration: none;
  -webkit-transition: all false false, 300ms false false;
  -moz-transition: all false false false, 300ms false false false;
  -o-transition: all false false false, 300ms false false false;
  transition: all, 300ms; }
  a:hover, a:focus, a:active {
    color: #46bbca; }

.gfield_error ::-webkit-input-placeholder {
  color: #fff !important;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif !important; }
.gfield_error :-moz-placeholder {
  color: #fff !important;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif !important; }
.gfield_error ::-moz-placeholder {
  color: #fff !important;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif !important; }
.gfield_error :-ms-input-placeholder {
  color: #fff !important;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif !important; }

input[type="radio"],
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 19px !important;
  height: 19px !important;
  background-color: #46bbca; }
  input[type="radio"]:checked,
  input[type="checkbox"]:checked {
    background-color: #46bbca; }

input[type="radio"] {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.ginput_container_select select,
.ginput_container_address select {
  height: 62px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #46bbca !important;
  background: #fff url("images/angle_dolphin.png") no-repeat right center !important;
  border: none !important;
  border-bottom: 1px solid #46bbca !important; }

.gfield_required {
  display: none; }

.gform_wrapper .top_label .gfield_label {
  display: block; }

/* WP Quiz Pro */
.single-wp_quiz .entry-meta,
.single-wp_quiz .entry-footer,
.single-wp_quiz .footer {
  display: none; }

.wq_swiperQuizPreviewInfoCtr p,
.wq_swiperQuizPreviewInfoCtr strong {
	display: none !important;
  font-family: 'Overpass', sans-serif !important;
  font-weight: 300;
  color: #4b5464;
  font-size: 1.3rem;
  line-height: 1.5em;
  margin-bottom: 15px !important; }
.wq_swiperQuizPreviewInfoCtr strong {
  font-weight: 600; 
  letter-spacing: 1.8px;}

.wq_quizCtr .wq_singleResultWrapper {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important; }

.wq_singleResultWrapper {
  border: none !important;
  border-color: #fff !important; }
  .wq_singleResultWrapper.wq_IsSwiperResult .wq_shareCtr {
    background: none !important; }

.wq_IsSwiper li {
  -webkit-box-shadow: 0 0 0 #fff !important;
  -moz-box-shadow: 0 0 0 #fff !important;
  box-shadow: 0 0 0 #fff !important;
  border: none !important;
  background: #fff !important; }
  .wq_IsSwiper li > div {
    height: 90% !important; }
.wq_IsSwiper .slide_index {
  display: none !important; }
.wq_IsSwiper .slide_title {
  width: 340px;
  max-width: 340px;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  text-align: center !important;
  color: #2575a4 !important;
  text-transform: uppercase;
  overflow: hidden; }
.wq_IsSwiper img {
  width: 100% !important;
  height: auto !important; }
.wq_IsSwiper .sprite-check,
.wq_IsSwiper .sprite-times {
  background: #2575a4 !important;
  width: 55px !important;
  height: 55px !important; }
  .wq_IsSwiper .sprite-check:after,
  .wq_IsSwiper .sprite-times:after {
    width: 30px !important;
    height: 30px !important;
    left: 13px; }
.wq_IsSwiper .sprite-check:after {
  background: url("images/thumbup.svg") no-repeat !important;
  top: 10px !important;
  left: 12px !important; }
.wq_IsSwiper .sprite-times:after {
  background: url("images/thumbdown.svg") no-repeat !important;
  top: 16px !important;
  left: 12px !important; }

.wq_IsSwiperResult {
  font-family: 'Overpass', sans-serif !important; }
  .wq_IsSwiperResult div h3 {
    background: none !important;
    color: #2575a4 !important;
	text-transform: uppercase;  
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important; }
  .wq_IsSwiperResult div .resultList {
    border: none !important;
    overflow-y: scroll !important; }
  .wq_IsSwiperResult .resultImageWrapper {
    width: 45% !important; }
    .wq_IsSwiperResult .resultImageWrapper .indexWrapper {
      background: #2575a4 !important;
      font-size: 24px !important;
      font-weight: 700 !important;
      padding: 3px !important;
      top: 50% !important;
      -webkit-transform: translate(0, -50%) !important;
      -moz-transform: translate(0, -50%) !important;
      -ms-transform: translate(0, -50%) !important;
      -o-transform: translate(0, -50%) !important;
      transform: translate(0, -50%) !important; }
    .wq_IsSwiperResult .resultImageWrapper img {
      width: 100px !important;
      height: 100px !important;
      float: right !important; }
  .wq_IsSwiperResult .resultItem {
    border-bottom: none !important; }
  .wq_IsSwiperResult .userVote {
	  display: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    background: #b5d04d !important;
    font-family: 'Overpass', sans-serif !important; }
  .wq_IsSwiperResult .userVote {
    background-color: #ff6f16 !important;
    padding: 0 !important;
    width: 44px !important;
    height: 44px !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important; }
    .wq_IsSwiperResult .userVote .sprite-check {
      margin-right: 0 !important;
      top: 10px !important; }
      .wq_IsSwiperResult .userVote .sprite-check:after {
        width: 20px !important;
        height: 20px !important;
        background: url("images/thumbup.svg") no-repeat !important;
        top: 0px;
        left: 0px; }
    .wq_IsSwiperResult .userVote .sprite-times {
      display: none !important; }
  .wq_IsSwiperResult .negativeVote {
    display: none !important; }
  .wq_IsSwiperResult .resultContent span {
    display: block;
    color: #2575a4 !important;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 700;
    text-align: left !important; }
  .wq_IsSwiperResult .wq_retakeSwiperWrapper {
    background: none !important;
    padding-top: 15px; }
  .wq_IsSwiperResult .resultUpDownVote {
    display: none; }

#container button.wq_beginQuizSwiperCtr,
.wq_retakeSwiperBtn {
  font-family: 'Overpass', sans-serif;
  background-color: #ff6f16 !important;
  width: auto !important;
  color: #fff !important;
  text-transform: uppercase;
  padding: 15px 25px 10px 25px !important;
  margin: .5rem auto !important;
  display: block !important;
  cursor: pointer;
  font-size: 16px !important;
  border: 0 !important;
  border-radius: 25px !important;
  -webkit-box-shadow: inset 0 0 0 0 #fd593e;
  -moz-box-shadow: inset 0 0 0 0 #fd593e;
  box-shadow: inset 0 0 0 0 #fd593e;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease false;
  -o-transition: all 250ms ease false;
  transition: all 250ms ease; }
#container button.wq_beginQuizSwiperCtr:hover, button.wq_beginQuizSwiperCtr:active, button.wq_beginQuizSwiperCtr:focus,
  .wq_retakeSwiperBtn:hover,
  .wq_retakeSwiperBtn:active,
  .wq_retakeSwiperBtn:focus {
	background-color: #6ab7e4 !important;
    color: #fff !important;
    outline: none !important; }

.wq_retakeSwiperBtn {
  margin: 0 auto !important; }

.wq_quizCtr .wq_singleResultWrapper {
  background: none !important; }

.wq_questionsCtr .actions a {
  background-color: #ff6f16 !important;
  width: 86px !important;
  height: 86px !important;
  background-image: none !important;
  -webkit-box-shadow: 0 0 0 #fff !important;
  -moz-box-shadow: 0 0 0 #fff !important;
  box-shadow: 0 0 0 #fff !important; }
  .wq_questionsCtr .actions a i {
    display: block; }
    .wq_questionsCtr .actions a i:after {
      width: 43px !important;
      height: 43px !important;
      left: 22px !important;
      position: absolute !important; }
  .wq_questionsCtr .actions a .sprite-thumbs-up:after {
    background: url("images/thumbup.svg") no-repeat !important;
    top: 20px !important; }
  .wq_questionsCtr .actions a .sprite-thumbs-down:after {
    background: url("images/thumbdown.svg") no-repeat !important;
    top: 25px !important; }

@media (max-width: 599px) {
  .wq_QuestionWrapperSwiper {
    padding: 2px !important; }

  .wq_swiperQuizPreviewInfoCtr p {
	  font-size: 1rem;
    line-height: 1.5; }
  .wq_swiperQuizPreviewInfoCtr strong {
    font-size: 1rem !important; }
  .wq_swiperQuizPreviewInfoCtr p strong {
    font-size: 1rem !important; }

  .wq_IsSwiperResult {
    max-width: 360px; } }
@media (max-width: 349px) {
  .wq_QuestionWrapperSwiper > div:first-child {
    width: 100% !important; }

  .wq_IsSwiper .img {
    width: 100% !important;
    height: auto !important; }

  .wq_questionImage {
	max-width: 400px;  
    height: auto !important; }

  .wq_IsSwiperResult {
    max-width: 100%; }
    .wq_IsSwiperResult .resultItem {
      border-bottom: 3px solid #ddd !important; }
    .wq_IsSwiperResult .resultImageWrapper,
    .wq_IsSwiperResult .resultContent {
      box-sizing: border-box;
      display: block;
      min-height: 110px;
      padding: 5px 20px; }
      .wq_IsSwiperResult .resultImageWrapper img,
      .wq_IsSwiperResult .resultContent img {
        float: left !important; }
      .wq_IsSwiperResult .resultImageWrapper .indexWrapper,
      .wq_IsSwiperResult .resultContent .indexWrapper {
        display: none; }

  .wq_questionsCtr .actions a {
    width: 60px !important;
    height: 60px !important; }
    .wq_questionsCtr .actions a i:after,
    .wq_questionsCtr .actions a .sprite-thumbs-up:after,
    .wq_questionsCtr .actions a .sprite-thumbs-down:after {
      width: 33px !important;
      height: 33px !important;
      top: 12px !important;
      left: 14px !important; }
    .wq_questionsCtr .actions a .sprite-thumbs-down:after {
      top: 16px !important; } }
@media all and (min-width: 350px) and (max-width: 399px) {
  .wq_QuestionWrapperSwiper > div:first-child {
    width: 100% !important; }

  .wq_IsSwiper .img {
    width: 100% !important;
    height: auto !important; }

  .wq_questionImage {
	max-width: 400px;  
    height: auto !important; }

  .wq_IsSwiperResult {
    max-width: 100%; }
    .wq_IsSwiperResult .resultItem {
      border-bottom: 3px solid #ddd !important; }
    .wq_IsSwiperResult .resultImageWrapper,
    .wq_IsSwiperResult .resultContent {
      box-sizing: border-box;
      display: block;
      min-height: 110px;
      padding: 5px 20px; }
      .wq_IsSwiperResult .resultImageWrapper img,
      .wq_IsSwiperResult .resultContent img {
        float: left !important; }
      .wq_IsSwiperResult .resultImageWrapper .indexWrapper,
      .wq_IsSwiperResult .resultContent .indexWrapper {
        display: none; }

  .wq_questionsCtr .actions a {
    width: 60px !important;
    height: 60px !important; }
    .wq_questionsCtr .actions a i:after,
    .wq_questionsCtr .actions a .sprite-thumbs-up:after,
    .wq_questionsCtr .actions a .sprite-thumbs-down:after {
      width: 33px !important;
      height: 33px !important;
      top: 12px !important;
      left: 14px !important; }
    .wq_questionsCtr .actions a .sprite-thumbs-down:after {
      top: 16px !important; } }
/* WP Quiz Pro */
@media all and (max-width: 1199px) {
  .wq_quizCtr {
    padding: 0 15px;
    box-sizing: border-box; } }
@media all and (min-width: 600px) and (max-width: 999px) {
  form {
    width: 95%; }
    form input,
    form select,
    form .gfield_select,
    form textarea {
      line-height: 2;
      min-height: 1rem; }
    form select {
      height: 42px; }

  .gform_wrapper {
    max-width: 600px !important; } }
@media all and (max-width: 959px) {
  body {
    font-size: 1em !important;
    line-height: 1em; }

  .gform_wrapper .gfield_label {
    line-height: 1em !important;
    font-size: 1em !important; }

  form input,
  form select,
  form .gfield_select,
  form textarea {
    width: 100% !important;
    padding: 5px !important;
    font-size: 1em !important; } }
@media all and (max-width: 599px) {
  form {
    width: 95%; }
    form select {
      height: 42px; }

  .gform_wrapper {
    max-width: 95% !important; } }
@media only screen and (min-width: 641px) {
  .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important; } }
@media all and (max-width: 760px) {
  .ginput_list input[type="text"] {
    max-width: 97% !important; } }
.entry-title {
  display: none; }

.wq_quizCtr {
  padding-bottom: 30px; }




/* Total Poll */

.totalpoll-question-content {
	color: #687573!important;
    text-transform: uppercase!important;
    text-align: center!important;
    font-weight: 400!important;
    margin: 2rem 0 1rem 0!important;
}

.totalpoll-question-content::after {
    content: ''!important;
    height: 3px!important;
    width: 46px!important;
    background: #fecd00!important;
    display: block!important;
    margin: 1rem auto 1.5rem auto!important;
}

.totalpoll-question-choices-item-control {
    border-width: 0px!important;
    border-style: none!important;
    border-radius: 0!important;
    border-color: #fff!important;
    background: #fff!important;
}

.totalpoll-question-choices-item-selector-box {
	border-color: #009543!important;
}

.totalpoll-question-choices-item-label {
	color: #009543!important;
    line-height: 1.2!important;
    font-size: 0.8em!important;
    font-weight: 600!important;
}

.totalpoll-question-choices-item-selector input:checked + .totalpoll-question-choices-item-selector-box {
	fill: #313630!important;
}

.totalpoll-question-choices-item.totalpoll-question-choices-item-type-video.totalpoll-question-choices-item-checked .totalpoll-question-choices-item-label,
.totalpoll-question-choices-item.totalpoll-question-choices-item-type-image.totalpoll-question-choices-item-checked .totalpoll-question-choices-item-label,
.totalpoll-question-choices-item.totalpoll-question-choices-item-type-text.totalpoll-question-choices-item-checked .totalpoll-question-choices-item-label,
.totalpoll-question-choices-item.totalpoll-question-choices-item-type-audio.totalpoll-question-choices-item-checked .totalpoll-question-choices-item-label{
	color: #313630!important;
}

.totalpoll-buttons {
	display: inherit!important;
}

.totalpoll-button.totalpoll-buttons-results,
.totalpoll-button.totalpoll-buttons-back {
	text-transform: uppercase!important;
	font-size: 0.7em!important;
	background: #ffffff!important;
	color: #009543!important;
	border-color: #ffffff!important;
}

.totalpoll-button.totalpoll-button-primary.totalpoll-buttons-vote {
	background: #313630!important;
	font-size: 0.7em!important;
	border-color: #313630!important;
	text-transform: uppercase!important;
	font-weight: 700!important;
}

.totalpoll-button.totalpoll-button-primary.totalpoll-buttons-vote:hover {
	background: #fecd00!important;
	border-color: #fecd00!important;
	color: #313630!important;
}

.totalpoll-question-choices-item-results .totalpoll-question-choices-item-label, 
.totalpoll-question-choices-item-results:hover .totalpoll-question-choices-item-label, 
.totalpoll-question-choices-item-results:focus .totalpoll-question-choices-item-label {
	border-color: #ffffff!important;
	background: #ffffff!important;
}

.totalpoll-question-choices-item-votes-bar {
    background: #fecd00!important;
    background: -moz-linear-gradient(left,#fecd00 0%,#fecd00 100%)!important;
    background: -webkit-linear-gradient(left,#fecd00 0%,#fecd00 100%)!important;
    background: linear-gradient(to right,#fecd00 0%,#fecd00 100%)!important;
}

.totalpoll-question-choices-item-votes-text {
	color: #313630!important;
}

@media (min-width: 415px){
.totalpoll-question-choices-item.totalpoll-question-choices-item-type-video,
.totalpoll-question-choices-item.totalpoll-question-choices-item-results.totalpoll-question-choices-item-type-video {
	width: calc(100%/2)!important;
 }
}

@media (min-width: 1025px){
.totalpoll-question-choices-item.totalpoll-question-choices-item-type-image,
.totalpoll-question-choices-item.totalpoll-question-choices-item-results.totalpoll-question-choices-item-type-image {
	width: calc(100%/3)!important;
 }
}

@media all and (min-width: 415px) and (max-width: 1024px) {
.totalpoll-question-choices-item.totalpoll-question-choices-item-type-image,
.totalpoll-question-choices-item.totalpoll-question-choices-item-results.totalpoll-question-choices-item-type-image {
	width: calc(100%/2)!important;
 }
}

.totalpoll-question-choices-item-selector-box {
	width: 1em!important;
	height: 1em!important;
}

.totalpoll-message.totalpoll-message-error {
	background: #fecd00!important;
    color: #313630!important;
    border-color: #fecd00!important;
    text-transform: uppercase!important;
    font-size: 0.7em!important;
}

.totalpoll-question-choices-item.totalpoll-question-choices-item-type-text,
.totalpoll-question-choices-item.totalpoll-question-choices-item-results.totalpoll-question-choices-item-type-text,
.totalpoll-question-choices-item.totalpoll-question-choices-item-type-audio,
.totalpoll-question-choices-item.totalpoll-question-choices-item-results.totalpoll-question-choices-item-type-audio {
	text-align: left!important;
}

.totalpoll-question-choices-item.totalpoll-question-choices-item-type-audio .totalpoll-question-choices-item-content-container,
.totalpoll-question-choices-item.totalpoll-question-choices-item-results.totalpoll-question-choices-item-type-audio .totalpoll-question-choices-item-content-container {
	align-items: flex-start!important;
	justify-content: left!important;
}

.totalpoll-question-choices-item.totalpoll-question-choices-item-results.totalpoll-question-choices-item-type-audio .totalpoll-question-choices-item-content-container:after {
	display: none!important;
}


html, body {
  margin: 0;
  padding: 0;
  font: 16px/1.3 'Lato', Arial, Helvetica, sans-serif;
  color: rgb(255, 255, 255);
  background-color: #45c080 !important;
  overflow: auto;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

@media all and (min-width: 0px) and (max-width: 9000px) {
  html[lang] {
    margin-top: 0 !important; }

  html[lang] #container {
    overflow-x: hidden;
    }	
    
  html #content {
    max-width: 900px;
    margin: 0 auto; }

  html[lang] #content a {
    text-decoration: underline;
    color: #fff;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease; }

  html[lang] #content a:active, html[lang] #content a:focus, html[lang] #content a:hover {
    opacity: 0.7; }

  html[lang] #content form {
    margin: 1em 0;
    padding: 0; }

  html[lang] #content select, html[lang] #content input:not([type="checkbox"]):not([type="radio"]), html[lang] #content textarea {
    margin: 0;
    padding: 8px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none;
    font: 16px/21px Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background: #1b1b1b;
    border: 2px solid #1b1b1b;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #fff;
    border-radius: 0; }

  html[lang] #content select:focus, html[lang] #content input:not([type="checkbox"]):not([type="radio"]):focus, html[lang] #content textarea:focus {
    border-color: #fff; }

  html[lang] #content select::-webkit-input-placeholder, html[lang] #content input:not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder, html[lang] #content textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5); }

  html[lang] #content select::-moz-placeholder, html[lang] #content input:not([type="checkbox"]):not([type="radio"])::-moz-placeholder, html[lang] #content textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5); }

  html[lang] #content select:-ms-input-placeholder, html[lang] #content input:not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder, html[lang] #content textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5); }

  html[lang] #content select::placeholder, html[lang] #content input:not([type="checkbox"]):not([type="radio"])::placeholder, html[lang] #content textarea::placeholder {
    color: rgba(255, 255, 255, 0.5); }

  html[lang] #content select {
    border-radius: 0;
    background: #1b1b1b url("select-arrow.png") no-repeat center right; }

  html[lang] #content select::-ms-expand {
    display: none; }

  html[lang] #content input.gform_button[type="submit"] {
    width: auto;
    margin: 0 auto;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    cursor: pointer;
    display: block;
    border: 2px solid #fff;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease; }

  html[lang] #content input.gform_button[type="submit"]:active, html[lang] #content input.gform_button[type="submit"]:focus, html[lang] #content input.gform_button[type="submit"]:hover {
    opacity: 0.7; }

  html[lang] #content .gform_wrapper .top_label .gfield_label {
    font-weight: normal;
    clear: none;
    float: left;
    width: 20px;
    margin: 5px -20px 0 -20px;
    color: #fff;
    display: none; }

  html[lang] #content .gform_wrapper .gfield_required {
    color: #fff; }

  html[lang] #content .gform_wrapper form li, html[lang] #content .gform_wrapper li {
    padding: 5px 0;
    margin: 0 !important; }

  html[lang] #content .gform_wrapper form li.gfield_error, html[lang] #content .gform_wrapper li.gfield_error {
    margin: 0 !important;
    background: none;
    border: none; }

  html[lang] #content .gform_wrapper form li.gfield_error input, html[lang] #content .gform_wrapper form li.gfield_error select, html[lang] #content .gform_wrapper form li.gfield_error textarea, html[lang] #content .gform_wrapper li.gfield_error input, html[lang] #content .gform_wrapper li.gfield_error select, html[lang] #content .gform_wrapper li.gfield_error textarea {
    background-color: #fecd00;
    color: #fff;
    border-color: #fecd00; }

  html[lang] #content .gform_wrapper form li.gfield_error input:focus, html[lang] #content .gform_wrapper form li.gfield_error select:focus, html[lang] #content .gform_wrapper form li.gfield_error textarea:focus, html[lang] #content .gform_wrapper li.gfield_error input:focus, html[lang] #content .gform_wrapper li.gfield_error select:focus, html[lang] #content .gform_wrapper li.gfield_error textarea:focus {
    border-color: #fff; }

  html[lang] #content .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, html[lang] #content .gform_wrapper li.gfield_error ul.gfield_checkbox, html[lang] #content .gform_wrapper li.gfield_error ul.gfield_radio {
    color: #fecd00; }

  html[lang] #content .gform_wrapper div.validation_error {
    color: #fff;
    border-color: #fff; }

  html[lang] #content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    display: none; }

  html[lang] #content .gform_wrapper label.gfield_label + div.ginput_container, html[lang] #content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, html[lang] #content .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin: 0; } }
@media all and (max-width: 959px) {
  input[type="checkbox"] {
    -webkit-appearance: none;
    moz-appearance: none;
    appearance: none;
    height: 10px !important;
    width: 50px !important;
    padding: 7px !important;
    background-color: #45c080 !important;
    border: 3px solid #fff !important; }

  input[type="checkbox"]:checked {
    background-color: #000 !important;
    border: 3px solid #fff !important; } }

.wq_quizCtr .wq_questionTextCtr {
  background: #45c080 !important;
  color: #fff !important;
  padding: 20px 0; }
.wq_quizCtr .wq_singleAnswerCtr .wq_answerTxtCtr {
  background: url("images/flat-checkbox-no.jpg") no-repeat;
  background-size: 15px 15px;
  background-position: 5px 1px; }
.wq_quizCtr .wq_singleAnswerCtr {
  background: #313630 !important;
  color: #fff !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 7px 5px 9px 5px !important; }
  .wq_quizCtr .wq_singleAnswerCtr label {
    line-height: 16px !important; }
.wq_quizCtr .wq_singleAnswerCtr:hover,
.wq_quizCtr .wq_singleAnswerCtr:focus,
.wq_quizCtr .wq_singleAnswerCtr:active,
.wq_quizCtr .wq_singleAnswerCtr.chosen,
.wq_quizCtr .wq_singleAnswerCtr.wq_answerSelected {
  background: #fecd00 !important;
  color: #fff !important;
  border: none !important; }
.wq_quizCtr .wq_singleAnswerCtr.wq_IsPersonality.wq_answerSelected {
  background: #fecd00 !important;
  color: #fff !important;
  border: none !important; }
.wq_quizCtr .wq_singleResultWrapper {
  background: #313630 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  border: 1px solid #313630 !important; }
.wq_quizCtr .wq_quizProgressBar {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .wq_quizCtr .wq_quizProgressBar > span {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    border-radius: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important; }
.wq_quizCtr .wq_singleAnswerCtr.wq_incorrectAnswer {
  background: #fecd00 !important;
  border: 0 !important; }

.wq_questionTextCtr h4 {
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  text-transform: uppercase; 
  color: #fff !important;
  font-weight: bold;
}

.wq_triviaQuestionExplanation {
  border: none !important;
  background: #313630 !important; }

.single-wp_quiz .footer .navigation,
.single-poll .footer .navigation {
  display: none; }

.wq_quizCtr img {
    max-width: 30%!important;
}





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