body {
   background-image: url("../img/background.svg");
   background-repeat: repeat;
   background-size: 1000px 1000px;
}




/* Text
***************************** */

.serif {
  font-family: Georgia, serif;
}

.sans-serif {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
}

h1, h2, h3, h4, h5, button {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 0.95;
}


.bg-rr-blue {
  background-color: #000067;
}




/* RR Logo + Share buttons
***************************** */

.logo_share {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 16;
}


.rr_logo:hover {
  opacity: 0.75;
}

.rr_logo img {
  height: 40px;
}


.share a {
  line-height: 40px;
  text-decoration: none;

}

.share a:hover,
.share a:active {
  opacity: 0.6;
  text-decoration: none;
}

.share a img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-left: 3px;
  border: 1px solid #333;
  border-radius: 6px;
 filter: grayscale(100%);
}



/* Questions
******************************** */
.number span {
    display: block;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    border: 2px solid #000067;
    color: #FFF;
    background-color: #000067;
}

.number.clear span {
    display: block;
    width: 30px;
    line-height: 30px;
    border-radius: 0;
    text-align: center;
    font-size: 20px;
    border: 0px solid transparent;
    color: #FFF;
    background-color: transparent;
}

.text,
.text h3 {
  line-height: 30px;
  color: #000067;
  letter-spacing: -0.03em;
}


.question {
  display: flex;
}

/*.question_and_options {
  flex-grow: 100;
}*/

button {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

button:hover {
  opacity: 0.75;
}

button:active {
  background-color: #000067;
}


.select2-results__option--highlighted {
  background-color: #000067 !important;
}




.question_meses_covid {
/*  display: none;*/
}



/* Respostas
**************************** */

.resumo.warning {
  color: red;
}

.resposta {
 /* display: none;*/
}


#video_vacina {
   box-shadow: 6px 14px 24px 0px rgba(0,0,0,0.3);
}


.extra_info a {
  color: #7F7F7F;
  text-decoration: underline;

}

.extra_info a:hover {
  text-decoration: none;
}

.highlight {
  background-color: #FBF1A9;
  color: #333;
  font-weight: 700;
  display: inline;
  padding-right: 4px;
  padding-left: 4px;
}




.outros_artigos h3 {
  font-family: ;
  font-weight: normal;
}

.outros_artigos a {
  color: #444;
  text-decoration: none;
}

.outros_artigos a:hover {
  text-decoration: underline;
}

/* Tabela */
.striped--near-white:nth-child(even) {
  background-color: #FFF;
}


/* Footer 
**************************** */

footer a:hover {
  text-decoration: none;
}



/* Custom Responsive 
**************************** */

/* Small */
@media screen and (max-width: 48em) {
  .rr_logo img {
    height: 30px;
  }

  .f1 {
    font-size: 3.5rem;
  }

  .share a {
    line-height: 30px;
   
  }

  .share a img {
    width: 20px;
    height: 20px;
  }

  .question {
    overflow: hidden;
  }


}

/* Medium */
@media screen and (min-width: 48em) and (max-width: 64em) { /* original max: 64em */


}

/* Large */
@media screen and (min-width: 64em) { /* original: 64em */

}