/*
Theme Name: Tulsa Beacon
Theme URI: https://briancbiggs.com/
Author: Brian C Biggs
Author URI: https://briancbiggs.com/
Description: The Tulsa Beacon theme is the custom theme for the Tulsa Beacon Newspaper
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 3.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tulsabeacon
Tags: accessibility-ready, translation-ready
*/
body {
  font-family: 'Montserrat', sans-serif;
  min-height: 100vh; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Rubik', sans-serif; }

.front-page h2 {
  border: solid #aa0000;
  border-width: 0 0 .2em 0;
  margin-bottom: .8em; }

.front-page article {
  margin-bottom: 2em; }

img {
  max-width: 100%; }

#top-logo {
  padding-top: 2em !important;
  padding-bottom: 2em !important; }
  #top-logo img {
    max-width: 800px; }

.navbar {
  border: #aaa solid;
  border-width: 1px 0 1px 0;
  margin-top: 1px; }
  .navbar .nav-link:hover {
    color: #0077bb !important; }

main {
  min-height: 60vh; }

a.bg-secondary {
  text-decoration: none; }
  a.bg-secondary:hover {
    color: #fff;
    background-color: #0077bb !important; }

a.bg-primary {
  text-decoration: none; }
  a.bg-primary:hover {
    color: #fff;
    background-color: #777 !important; }

.title-space {
  padding-top: 4em; }

footer {
  padding: 2em 0 2em 0;
  margin-top: 2em;
  border: solid #000077;
  border-width: 5px 0 0 0;
  background-color: #eee; }
  footer img {
    margin-bottom: 1em; }
  footer h2 {
    font-size: 1.6em;
    margin-bottom: .6em;
    color: #444;
    margin-top: 1em; }
  footer .nav-item {
    margin-bottom: 1em; }
  footer a, footer .nav-link {
    padding: 0;
    text-decoration: none;
    color: #666; }
    footer a:hover, footer .nav-link:hover {
      color: #0077bb; }
  footer .copyright {
    border: solid #aaa;
    border-width: 1px 0 0 0;
    padding-top: 1em;
    margin-top: 2em; }

.article-page .single-article article table {
  font-size: 1em;
  width: 100%;
  margin-bottom: 2em;
  margin-top: 1em;
  padding-left: 1em;
  padding-right: 1em; }
  .article-page .single-article article table tr {
    height: 2.5em;
    border: solid #ccc;
    border-width: 0 0 1px 0; }
    .article-page .single-article article table tr:hover {
      background-color: #ddcccc; }
  .article-page .single-article article table tr:nth-child(2n) {
    background-color: #eee; }
    .article-page .single-article article table tr:nth-child(2n):hover {
      background-color: #ccbbbb; }
  .article-page .single-article article table thead, .article-page .single-article article table tr:first-child > th {
    border: solid #000;
    border-width: 0 0 1px 0; }
  .article-page .single-article article table thead + tbody tr:first-child > th {
    border: solid #ccc;
    border-width: 0 0 1px 0; }
  .article-page .single-article article table th, .article-page .single-article article table td {
    padding-left: 1em;
    padding-right: 1em; }

.article-page .single-article article blockquote {
  margin-left: 1.6em;
  margin-right: 1.6em;
  margin-bottom: 1em;
  padding: .8em 1em .8em 1em;
  border: solid #aa0000;
  border-width: 0 2px 0 6px; }

article .info time {
  color: #aa0000;
  text-transform: uppercase; }

article .info .contributors a {
  text-decoration: none;
  color: #000066; }
  article .info .contributors a:hover {
    color: #0077bb; }

@use 'article';
.article-page .related-articles article h3 a, .list-page .article-list article h3 a, .front-page article h3 a, .article-page .related-articles article h2 a, .list-page .article-list article h2 a, .front-page article h2 a {
  text-decoration: none;
  color: #555; }
  .article-page .related-articles article h3 a:hover, .list-page .article-list article h3 a:hover, .front-page article h3 a:hover, .article-page .related-articles article h2 a:hover, .list-page .article-list article h2 a:hover, .front-page article h2 a:hover {
    color: #0077bb; }

.article-page .related-articles article .info, .list-page .article-list article .info, .front-page article .info {
  padding-bottom: .6em; }
  .article-page .related-articles article .info .contributors .contributor::before, .list-page .article-list article .info .contributors .contributor::before, .front-page article .info .contributors .contributor::before {
    content: " | "; }

.article-page .single-article article {
  font-size: 1.2em;
  line-height: 1.6; }
  .article-page .single-article article .subheading {
    color: #555;
    margin-bottom: 1.2em; }
  .article-page .single-article article .info {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border: solid #ddd;
    border-width: 0 0 1px 0; }
    .article-page .single-article article .info .contributors {
      margin-bottom: .4em; }
    .article-page .single-article article .info .contributor:not(:first-child) {
      margin-left: 1em; }
      .article-page .single-article article .info .contributor:not(:first-child)::before {
        content: " | ";
        margin-right: 1em; }
    .article-page .single-article article .info time {
      font-size: .8em; }
  .article-page .single-article article .main-image {
    padding-bottom: 1em;
    border: solid #ddd;
    border-width: 0 0 1px 0; }
  .article-page .single-article article .article-body {
    padding-bottom: 3em;
    margin-bottom: 1.6em;
    border: solid #aaa;
    border-width: 0 0 1px 0; }
  .article-page .single-article article .article-meta {
    padding-bottom: 1em;
    margin-bottom: 3em;
    border: solid #aaa;
    border-width: 0 0 1px 0; }
  .article-page .single-article article .authors h2 {
    font-size: 1.4em; }
    .article-page .single-article article .authors h2 a {
      text-decoration: none;
      color: #333; }
      .article-page .single-article article .authors h2 a:hover {
        color: #0077bb; }
  .article-page .single-article article .authors .author-info {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border: solid #ddd;
    border-width: 0 0 1px 0; }
  .article-page .single-article article .authors .position {
    margin-bottom: 0;
    font-weight: bold;
    color: #003355;
    font-size: 1em;
    font-family: 'Rubik', sans-serif; }
  .article-page .single-article article .authors .organization {
    margin-bottom: 0;
    color: #003355;
    font-size: .9em;
    font-family: 'Rubik', sans-serif; }
  .article-page .single-article article .authors .location {
    margin-bottom: 0;
    color: #888;
    font-family: 'Rubik', sans-serif; }
  .article-page .single-article article .authors .bio {
    margin-top: 1em;
    font-size: .7em; }

.article-page .related-articles h1 {
  font-size: 2em;
  color: #aa0000;
  color: #555; }

.article-page .related-articles .red-block {
  background-color: #aa0000;
  max-width: 50%;
  width: 4em;
  height: 1em;
  margin-bottom: 2em; }

.article-page .related-articles article {
  border: solid #bbb;
  border-width: 0 0 1px 0;
  margin-bottom: 2em; }
  .article-page .related-articles article h3 {
    font-size: 1.4em; }
  .article-page .related-articles article .info {
    font-size: .8em; }
  .article-page .related-articles article .excerpt {
    font-size: .9em; }
  .article-page .related-articles article img {
    margin-bottom: 1em; }

.list-page h1 {
  border: solid #555;
  border-width: 0 0 1px 0;
  margin-bottom: 1.2em;
  padding-bottom: .8em; }
  .list-page h1 .bi {
    margin-top: .2em;
    margin-right: .2em;
    height: .8em;
    width: .8em; }

.list-page .list-title {
  color: #aa0000;
  border: solid #666;
  border-width: 0 0 3px 0;
  margin-bottom: 1em; }

.list-page .rss-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 1em; }

.list-page .article-list article {
  padding-bottom: 1.8em;
  margin-bottom: 1.4em;
  border: solid #ccc;
  border-width: 0 0 1px 0; }
  .list-page .article-list article h2, .list-page .article-list article h3 {
    font-size: 1.6em; }
  .list-page .article-list article .info {
    font-size: .8em; }
  .list-page .article-list article .excerpt {
    font-size: .9em; }

.list-page .big-search-form {
  padding-bottom: 2em;
  margin-bottom: 3em;
  border: solid #666;
  border-width: 0 0 1px 0; }

.list-page .author-info {
  padding-bottom: 2em;
  margin-bottom: 3em;
  border: solid #ddd;
  border-width: 0 0 1px 0; }
  .list-page .author-info img {
    margin-bottom: 2em; }

.list-page .position {
  margin-bottom: 0;
  font-weight: bold;
  color: #003355;
  font-size: 2em;
  font-family: 'Rubik', sans-serif; }

.list-page .organization {
  margin-bottom: .8em;
  color: #003355;
  font-size: 1.4em;
  font-family: 'Rubik', sans-serif; }

.list-page .location {
  margin-bottom: .8em;
  color: #888;
  font-size: 1.2em;
  font-family: 'Rubik', sans-serif; }

.list-page .position + .location {
  margin-top: .6em; }

.web-page main h1 {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border: solid #999;
  border-width: 0 0 1px 0; }

.front-page main .row {
  border: solid #000;
  border-width: 1px 0 2px 0;
  padding-top: 1em;
  margin-bottom: 1em; }

.front-page article h3 {
  font-size: 1.6em; }

.front-page article .info {
  font-size: .8em; }

.front-page article p {
  font-size: .8em; }