/* Tema Canon de produção adaptado para o Bootstrap 5 do phpMyFAQ 4.1. */
@font-face { font-family: OpticSans; src: url(fonts/OpticSans-201-Book.woff) format('woff'); font-weight: 200; font-display: swap; }
@font-face { font-family: OpticSans; src: url(fonts/OpticSans-301-Medium.woff) format('woff'); font-weight: 300; font-display: swap; }
@font-face { font-family: OpticSans; src: url(fonts/OpticSans-401-Bold.woff) format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: OpticSans; src: url(fonts/OpticSans-501-Heavy.woff) format('woff'); font-weight: 500; font-display: swap; }
:root, [data-bs-theme] { --bs-body-font-family: OpticSans, sans-serif; --bs-body-color: #444444; --bs-body-bg: #f0f0f0; --bs-heading-color: #4b4b4c; --bs-primary: #ea2b29; --bs-primary-rgb: 234,43,41; --bs-link-color: #c9302c; --bs-link-color-rgb: 201,48,44; --bs-link-hover-color: #c9302c; --bs-link-hover-color-rgb: 201,48,44; }
body { margin: 0; background: #f0f0f0; color: #444; font-family: OpticSans, sans-serif; font-size: 18px; font-weight: 200; line-height: 27px; -webkit-font-smoothing: antialiased; }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
a { color: #c9302c; text-decoration: none; }
a:hover { color: #c9302c; text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { color: #4b4b4c; }
.canon-navbar { min-height: 66px; background: #fff; }
.canon-navbar .container { padding-left: 24px; padding-right: 24px; }
.canon-navbar .nav-link, .canon-navbar .btn.nav-link { color: #444444; font-size: 12px; text-transform: uppercase; font-weight: 200; }
.canon-navbar .nav-link:hover, .canon-navbar .nav-link:focus { color: #444444; }
.canon-navbar .navbar-nav.flex-row { margin-left: 4px !important; }
.canon-navbar .navbar-toggler { color: #444; border-color: #bbb; }
.canon-navbar .navbar-toggler-icon { filter: brightness(.25); }
#phpmyfaq-logo img { width: 145px; height: auto; }
#banner-box { height: 128px; position: relative; background: #000; }
#banner { position: absolute; inset: 0; background: url(banner.jpg) no-repeat bottom center / cover; opacity: .5; box-shadow: inset 0 0 80px rgba(0,0,0,.7); }
.pmf-search-section { background: rgba(183,185,204,.2); border-top: 1px solid #2f414a; border-bottom: 1px solid #b7b9cc; }
.pmf-masthead { padding: 46px 0 52px; text-align: center; }
.pmf-masthead h1 { margin: 0 0 8px; font-family: OpticSans,sans-serif; font-size: 40px; font-weight: 500; color: #4b4b4c; line-height: 1.2; }
.pmf-masthead .col-lg-8 { width: 744px; max-width: 100%; }
.pmf-masthead form { position: relative; }
.pmf-search-field { width: 100%; height: 60px; margin-top: 20px; padding: 0 30px; padding-right: 65px; border-radius: 30px; border: 2px solid #b7b9cc; background: #fff; color: #000; font: 400 18px OpticSans,sans-serif; }
.pmf-masthead form > button { position: absolute; right: 19px; top: 25px; background: none; border: 0; color: #858796; font-size: 30px; }
.pmf-masthead small { display: block; margin-top: 5px; font-size: 16px; font-weight: 400; }
#wrapper { min-height: 200px; }
.canon-faq-columns { --bs-gutter-x: 24px; }
.overview > h3 { margin: 0 0 8px; padding: 21px 0; font-size: 42px; font-weight: 200; line-height: 1.2; }
.overview > h4 { margin: 0 0 8px; font: 400 18px/1.2 OpticSans,sans-serif; }
.overview > hr { margin: 16px 0; color: gray; border-color: rgba(0,0,0,.1); opacity: 1; }
.canon-faq-answer { padding: 12px 0; }
.canon-faq-sidebar .card { margin-bottom: 12px; border: 1px solid #e3e6f0; border-radius: 5px; background: #fff; color: #444444; box-shadow: none; }
.canon-faq-sidebar .card-body { padding: 20px; }
.canon-faq-sidebar h5 { color: #4b4b4c; font-size: 20px; font-weight: 500; line-height: 1.2; margin-bottom: 12px; }
.canon-faq-sidebar small { font-size: 16px; font-weight: 400; }
.footer { background: #000 !important; color: #fff !important; font-size: 14px; margin-top: 2em; }
.footer a { color: #fff; }
.footer a:hover { color: #ea2b29; }
.btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #ea2b29; --bs-btn-border-color: #ea2b29; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #202c33; --bs-btn-hover-border-color: #1b262b; border: 0 none; }
@media (max-width: 991px) { .canon-faq-sidebar { margin-top: 24px; } .pmf-masthead { padding: 30px 0; } .pmf-masthead h1 { font-size: 34px; } #banner-box { height: 100px; } }
@media (max-width: 575px) { .overview > h3 { font-size: 34px; } .canon-navbar .container { padding-left: 12px; padding-right: 12px; } }