/* Blue's News Main CSS */
/* License: Copyright (C) 2019-2023 Stephen Heaslip. All rights reserved. */
@charset "UTF-8";

/* Replaces graphic text in left menu */
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');

/* Background/headline colors */
:root {
  --style-color: #072245;
  --headline-color: #4D94FF;
}
[data-theme="retro"] {
  --style-color: #000;
}
[data-headline="classic"] {
  --headline-color: #0066FF;
}
[data-headline="summer"] {
  --headline-color: #40A0DE;
}
[data-headline="sky"] {
  --headline-color: #68C3D4;
}
[data-headline="verdigris"] {
  --headline-color: #48A9A6;
}

/* HTML tags overrides */
body						{ background-color: #072245 /* MSIE */; background-color: var(--style-color); color: #FFF; margin: 0; font: normal 13px Arial,Helvetica,sans-serif; }
hr						{ height: 1px; border: 0; margin: 15px 0; background-color: silver; }
h1						{ font-size: 125%; color: #FFF; }
img						{ border: 0; }
textarea					{ resize: both; }
a						{ color: #FF9; }
a:visited					{ color: #AAA; }
a:hover						{ color: #FFC; }
a:active					{ color: #FC0; }
a.error						{ color: #FF0; }
a.continue					{ color: var(--headline-color); }
iframe						{ border: 0; overflow: hidden; }
.form-control					{ background-color: #DDD; }

/* BluesNews */
.header-search					{ margin-top: 3px; }
.header-search .search-form			{ margin-top: 44px; }
.header-search .masthead-subnav			{ background-color: inherit; }
.header-search input[type=text],
.mobile-search input[type=text]			{ border: 0; }
.mobile-search					{ margin-top: 3px; }
.mobile-menu					{ padding-bottom: 3px; }
.updated-notice					{ font-size: .8em; padding: 1px; text-align: center; }
.top-nav					{ background-color: #1c70a8; font-family: Verdana,Arial,Helvetica,sans-serif; color: #FFF; padding: 5px; text-align: center; }
.top-nav a					{ color: #FFF; font-weight: bold; }
.bg-logo					{ background: url(../images/logo-skin.jpg) no-repeat -180px 0; }
.header						{ background: #121833 url(../images/mastBgRepeater.png) repeat-x; }
.masthead-subnav				{ font-family: Verdana,Arial,Helvetica,sans-serif; color: #FFF; background-color: #1c70a8; padding: 5px 0; text-shadow: 1px 1px 0 #072245; }
/* .masthead-subnav				{ font-family: Verdana,Arial,Helvetica,sans-serif; color: purple; background-color: #e4a3ca; padding: 5px 0; text-shadow: 1px 1px 0 purple; } */
.masthead-subnav a				{ color: #FF9; font-weight: 500; }
/* .masthead-subnav a				{ color: purple; font-weight: 500; } */
.leaderboard-gutter				{ padding-top: 2px; padding-bottom: 2px; background-color: #40a0de; }
#left-menu					{ min-width: 170px; max-width: 240px; }
#left-menu .blocks				{ background-color: #004d89; margin-bottom: 10px; border-radius: 10px 10px 0 0; }
#left-menu .blocks h1				{ background-color: #003a67; font: italic 22px Anton; color: white; margin: 0; padding: 2px 0; text-align: center; text-transform: uppercase; text-shadow: 3px 3px 0 #072245; border-radius: 10px 10px 0 0; }
.navbar .card-body ul				{ list-style: none; margin: 0; padding: 0; column-count: 2; column-gap: 20px; }
#left-menu .blocks ul				{ list-style: none; margin: 0; padding: 10px; }
#left-menu .blocks form				{ background-color: #003056; padding: 10px; }
#left-menu .blocks hr				{ margin: 0 10px; }
#left-menu .blocks a				{ font-weight: 500; font-family: Arial,Helvetica,sans-serif; }
#stories-of-note a:link,
#popular-threads a:link				{ color: #FFF; }
#news-search input[type=text]			{ border: 0; }
#news-search a, #archives a, #departments a,
#contact a, #customize a			{ color: #FFF; }
#collapse3 a, #collapse4 a, #collapse5 a,
#collapse6 a, #collapse7 a			{ color: #FF9; }
.thread-count					{ color: #CEF; }
.archive-bar					{ padding: 5px 10px; text-align: center; background-color: #184b8d; }
.archive-link					{ font-size: 1em; }
#archive-news					{ color: white; }
#archive-intro					{ font-weight: bold; color: #FF9; }
.dates-group					{ list-style-type: none; margin-bottom: 0; padding-left: 0; }
.box						{ background-color: #004d89; padding: 10px; margin-bottom: 10px; }
.day-header					{ background-color: #184b8d; color: #FF9; margin: 0; border-radius: 10px; padding: 5px; text-align: center; }
.day-header-text				{ font-size: .7em; padding-left: .5em; }
.archives tbody tr td				{ border: 0; }
.archives tbody tr:nth-child(odd) td		{ background-color: #051730; }
.archives tbody tr:nth-child(odd):hover td,
.archives tbody tr:hover			{ background-color: #004d89; }
.copyright					{ font-weight: bold; color: #FF9; text-align: center; margin-top: 20px; padding-top: 20px; }
.copyright .news-script,
.copyright .design,
.copyright .script,
.copyright .chatbear				{ color: #FFF; }
.always-yellow a				{ color: #FF9; }
.invert-hover a					{ text-decoration: underline !important; }
.invert-hover a:hover				{ text-decoration: none !important; }
a:hover #rss-block				{ text-decoration: underline !important; }
.byline-break					{ font-size: 0; }
.content h1					{ color: #FF9; font-weight: 600; }
.content .pill					{ background-color: #184b8d; padding: 10px 10px 10px 20px; border-radius: 15px; }
.content .pill-center				{ background-color: #184b8d; padding: 10px 10px 10px 10px; border-radius: 15px; text-align: center; }
/* .content .pill					{ background-color: #e4a3ca; color:purple; padding: 10px 10px 10px 20px; border-radius: 15px; }
.content .pill-center				{ background-color: #e4a3ca; color:purple; padding: 10px 10px 10px 10px; border-radius: 15px; text-align: center; } */
.content .posting				{ color: var(--headline-color); margin-bottom: 1px; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600; }
.content .posting a:link			{ color: var(--headline-color); text-decoration: none; }
.content .posting a:visited			{ color: var(--headline-color); text-decoration: none; }
.content .posting a:active			{ color: var(--headline-color); text-decoration: none; }
.content .posting span				{ color: #FFF; }
.content .posting-space				{ margin-top: 1ex; }
.content .postdate				{ color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
.content .postdate a:link			{ color: #FF9; text-decoration: underline; }
.content .postdate a:visited			{ color: #AAA; text-decoration: underline; }
.content .postdate a:hover			{ color: #FFC; }
.content .postdate a:active			{ color: #FC0; text-decoration: underline; }
.content .postquote				{ color: #ffff80; }
.content .listquote				{ color: #ffff80; padding-right: 40px; }
.content .article blockquote			{ margin: 1rem 40px; }
.content .article ul				{ padding-left: 40px; }
.content .article ol				{ padding-left: 40px; }
.content .article a				{ text-decoration: underline; }
.btn-white,
.btn-white:hover				{ color: #FFF; text-decoration: none !important; }
.btn-white:hover				{ background-color: #002745; }
hr.footer					{ background-color: #184b8d; }
.footer-padding-bottom				{ padding-bottom: 300px; }
.col-fixed-mpu					{ flex: 0 0 300px; position: -webkit-sticky; position: sticky; top: 0; height: 900px; }
.col-fixed-sky					{ flex: 0 0 160px; }
.col-fixed-go					{ flex: 0 0 62px; }
#footerToTop:hover				{ cursor: pointer; }
#consent-modal					{ text-decoration: underline; }
#consent-modal:hover				{ text-decoration: none; cursor: pointer; }
.hidden-text, .hidden-text:hover, .hidden-text:visited	{ color: #072245 /* MSIE */; color: var(--style-color); text-decoration: none; }
.embed-container				{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe,
.embed-container object,
.embed-container embed				{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.search-headline a:link				{ color: var(--headline-color); }
/*.search-headline a:visited			{ color: var(--headline-color); }*/
.search-headline a:active			{ color: var(--headline-color); }
.search-pre					{ color: #ffff80; }
.screens-navbar	a, .screens-navbar-entry	{ font-weight: bold; }
.bullets-gutter-left				{ padding-left: 25px; }
.pill-space					{ margin-top: 52px; }
.blue-divider					{ border-bottom: 1px solid #1a4989; }
.avatar-form					{ width: 100%; background-color: #40a0de; }

/* Bootstrap modal overrides */
.modal-header					{ border-bottom-color: #20365d; }
.modal-content					{ background-color: #072245 /* MSIE */; background-color: var(--style-color); }
.close,
.close:focus,
.close:hover					{ color: #FFF; }

/* Bootstrap button extensions */
.btn-outline-primary:visited			{ color: #007bff; }
.btn-outline-primary:hover			{ color: #fff; }
.btn-outline-info:visited			{ color: #17a2b8; }
.btn-outline-info:hover				{ color: #fff; }
.btn-outline-success:visited			{ color: #28a745; }
.btn-outline-success:hover			{ color: #fff; }
.btn-outline-warning:visited			{ color: #ffc107; }
.btn-outline-warning:hover			{ color: #212529; }
.btn-outline-danger:visited			{ color: #dc3545; }
.btn-outline-danger:hover			{ color: #fff; }

/* Bootstrap offsets */
code						{ color: #CEF; }
input						{ border-radius: 0 !important; }
.no-gutter					{ margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
.no-gutter-top					{ margin-top: 0 !important; padding-top: 0 !important; }
.no-gutter-right				{ margin-right: 0 !important; padding-right: 0 !important; }
.no-gutter-bottom				{ margin-bottom: 0 !important; padding-bottom: 0 !important; }
.no-gutter-left					{ margin-left: 0 !important; padding-left: 0 !important; }
.no-vertical-gutter				{ margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.no-gutter-padding				{ padding: 0 !important; }
.horizontal-gutter				{ margin-left: 15px; margin-right: 15px; }
.horizontal-padding-small			{ padding-left: 5px; padding-right: 5px; }
.vertical-gutter				{ padding-top: 15px; padding-bottom: 15px; }
.vertical-gutter-top				{ padding-top: 10px; margin-top: 10px; }
.vertical-gutter-bottom				{ padding-bottom: 10px; margin-bottom: 10px; }
.vertical-gutter-small				{ padding-top: 5px; padding-bottom: 5px; }
.vertical-gutter-medium				{ padding-top: 10px; padding-bottom: 10px; }
.vertical-gutter-large				{ padding-top: 15px; padding-bottom: 15px; }
.gutter-left					{ padding-left: 10px; margin-left: 10px; }
.gutter-left-small				{ margin-left: 5px; }
.gutter-left-large				{ padding-left: 20px; margin-left: 20px; }
.gutter-right					{ padding-right: 10px; margin-right: 10px; }
.gutter-right-small				{ margin-right: 5px; }
.gutter-right-large				{ padding-right: 20px; margin-right: 20px; }
.gutter-top					{ margin-top: 10px; }
.gutter-top-small				{ margin-top: 5px; }
.gutter-top-large				{ margin-top: 20px; }
.gutter-bottom					{ margin-bottom: 10px; }
.gutter-bottom-small				{ margin-bottom: 5px; }
.gutter-bottom-large				{ margin-bottom: 16px; }
.gutter-padding-left				{ padding-left: 10px; }
.gutter-padding-left-small			{ padding-left: 5px; }
.gutter-padding-left-large			{ padding-left: 16px; }
.gutter-padding-right				{ padding-right: 10px; }
.gutter-padding-right-small			{ padding-right: 5px; }
.gutter-padding-right-large			{ padding-right: 16px; }
.gutter-padding-top				{ padding-top: 10px; }
.gutter-padding-top-small			{ padding-top: 5px; }
.gutter-padding-top-large			{ padding-top: 16px; }
.gutter-padding-bottom				{ padding-bottom: 10px; }
.gutter-padding-bottom-small			{ padding-bottom: 5px; }
.gutter-padding-bottom-large			{ padding-bottom: 16px; }
.gutter-padding					{ padding: 10px !important; }
.gutter-padding-large				{ padding: 15px; }
.gutter-extra-padding				{ padding: 20px !important; }
.gutter-margin-left				{ margin-left: 10px; }
.gutter-margin-right				{ margin-right: 10px; }
.gutter-margin-top				{ margin-top: 10px; }
.gutter-margin-bottom				{ margin-bottom: 10px; }
.gutter-bottom-line				{ border-bottom: 1px solid #CCC; }
.no-margin					{ margin: 0 !important; }
.no-margin-left					{ margin-left: 0 !important; }
.no-margin-right				{ margin-right: 0 !important; }
.no-margin-top					{ margin-top: 0 !important; }
.no-margin-bottom				{ margin-bottom: 0 !important; }
.text-small					{ font-size: .9em; }
.text-medium					{ font-size: 1.1em; }
.text-large					{ font-size: 1.4em; }
.nav-item,
.card						{ background-color: #003a67; }
.card						{ border-radius: 0; border: 0; }
.card-header					{ padding: 0; }
.card-body					{ background-color: #004d89; }
.card button					{ text-align: left; }
.card-header h5					{ font-size: 13px; }
.table						{ color: #FFF; }
.pull-left					{ float: left; }
.pull-right					{ float: right; }

/* Responsive Breakpoints */
/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* XSmall devices (phones, up to 575 = 35.999em) */
@media (max-width: 35.999em)
{
	body					{ font-size: 1.1em; }
	.card button				{ font-size: 1.6em; }
	.navbar-brand				{ font-size: 1.3em; }
	.card-header h5				{ font-size: 0.7em; }
	.card-body a				{ display: inline-block; padding: 10px 0; }
	.content .postdate			{ font-size: 1rem; }
	.content .listquote			{ padding-right: 16px; }
	.content .article blockquote		{ margin-left: 16px; margin-right: 16px; }
	.content .article ul			{ padding-left: 20px; }
	.content .article ol			{ padding-left: 30px; }
	.mobile-gutters				{ padding-left: 5px; padding-right: 5px; }
	.quote-small				{ font-size: .9em; }
	.text-center-xs				{ text-align: center; }
	.text-left-xs				{ text-align: left; }
	.text-right-xs				{ text-align: right; }
	.gutter-top-xs				{ margin-top: 10px; display: inline-block; }
	.gutter-right-xs			{ margin-right: 10px; display: inline-block; }
	.gutter-bottom-xs			{ margin-bottom: 10px; display: inline-block; }
	.gutter-left-xs				{ margin-left: 10px; display: inline-block; }
	.label-gutter-xs			{ margin-top: 0px; }
}

/* Small devices (landscape phones, 576px = 36em and up) */
@media (min-width: 36em)
{
	body					{ font-size: 1.1em; }
	.card button				{ font-size: 1.6em; }
	.navbar-brand				{ font-size: 1.3em; }
	.card-header h5				{ font-size: 0.7em; }
	.card-body a				{ display: inline-block; padding: 10px 0; }
	.content .postdate			{ font-size: 1rem; }
	.content .listquote			{ padding-right: 20px; }
	.content .article blockquote		{ margin-left: 20px; margin-right: 20px; }
	.content .article ul			{ padding-left: 20px; }
	.content .article ol			{ padding-left: 30px; }
	.quote-small				{ font-size: .9em; }
	.text-center-sm				{ text-align: center; }
	.text-left-sm				{ text-align: left; }
	.text-right-sm				{ text-align: right; }
	.gutter-top-sm				{ margin-top: 10px; display: inline-block; }
	.gutter-right-sm			{ margin-right: 10px; display: inline-block; }
	.gutter-bottom-sm			{ margin-bottom: 10px; display: inline-block; }
	.gutter-left-sm				{ margin-left: 10px; display: inline-block; }
}

/* Medium devices (tablets, 768px = 48em and up) */
@media (min-width: 48em)
{
	body					{ font-size: 1.1em; }
	.content .postdate			{ font-size: .9rem; }
	.content .listquote			{ padding-right: 30px; }
	.content .article blockquote		{ margin-left: 30px; margin-right: 30px; }
	.content .article ul			{ padding-left: 30px; }
/*	.content .article ol			{ padding-left: 30px; } */
	.text-center-md				{ text-align: center; }
	.text-left-md				{ text-align: left; }
	.text-right-md				{ text-align: right; }
	.gutter-top-md				{ margin-top: 10px; display: inline-block; }
	.gutter-right-md			{ margin-right: 10px; display: inline-block; }
	.gutter-bottom-md			{ margin-bottom: 10px; display: inline-block; }
	.gutter-left-md				{ margin-left: 10px; display: inline-block; }
	.header-search .search-form		{ margin-top: 42px; }
}

/* Large devices (desktops, 992px = 62em and up) */
@media (min-width: 62em)
{
	body					{ font-size: 0.9em; }
	.content .postdate			{ font-size: .8rem; }
	.content .listquote			{ padding-right: 40px; }
	.content .article blockquote		{ margin-left: 40px; margin-right: 40px; }
	.content .article ul			{ padding-left: 40px; }
	.content .article ol			{ padding-left: 40px; }
	.quote-small				{ font-size: .96em; }
	.text-center-lg				{ text-align: center; }
	.text-left-lg				{ text-align: left; }
	.text-right-lg				{ text-align: right; }
	.gutter-top-lg				{ margin-top: 10px; display: inline-block; }
	.gutter-right-lg			{ margin-right: 10px; display: inline-block; }
	.gutter-bottom-lg			{ margin-bottom: 10px; display: inline-block; }
	.gutter-left-lg				{ margin-left: 10px; display: inline-block; }
	.header-search .search-form		{ margin-top: 44px; }
}

/* Extra large devices (large desktops, 1200px = 75em and up) */
@media (min-width: 75em)
{
}

/* Special case media queries for large pixel-size tablets like Sony Xperia Tablet Z and Google Nexus 9 */
@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi)
{
	.container-fluid			{ max-width: 1024px; }
}

/* Special case media queries for large pixel sizes device in landscape orientation */
@media screen and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi)
{
}