/* Fonte do funil: Lora (mesma do projeto de tarô). Incluída em todas as páginas, por último, para vencer as regras antigas. */
@font-face { font-family: 'Lora'; src: url('../fonts/Lora-Regular.ttf') format('truetype');    font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('../fonts/Lora-Bold.ttf') format('truetype');       font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('../fonts/Lora-Italic.ttf') format('truetype');     font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('../fonts/Lora-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; font-display: swap; }

html, body, h1, h2, h3, h4, h5, h6, p, span, label, li, a, small, strong, em, b, i,
input, select, textarea, button, .btn, .form-control, .hl, .hl-sub, .fraseup, .skipbtn {
  font-family: 'Lora', Georgia, 'Times New Roman', serif !important;
}
/* ícones continuam com as fontes de ícone */
.fa, .fas, .far, .fab, [class^="fa-"], [class*=" fa-"], .glyphicon { font-family: inherit; }
.fa, .fas, .far, .fab { font-family: 'Font Awesome 5 Free', 'FontAwesome' !important; }
.glyphicon { font-family: 'Glyphicons Halflings' !important; }

/* Headlines no mesmo tamanho da primeira página (pick-a-card): 26px no celular, 30px no desktop, negrito */
/* seletores com "html body" na frente para vencer o headline.css (h1.hl ... !important), que é carregado depois */
html body h1, html body .hl, html body h1.hl, html body .hl.h1, html body .cc-head h1, html body .h1 {
  font-size: 26px !important;
  font-weight: 400 !important; /* sem negrito, como a referência */
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}
@media (min-width: 961px) {
  html body h1, html body .hl, html body h1.hl, html body .hl.h1, html body .cc-head h1, html body .h1 { font-size: 30px !important; }
}