/*****************************************************************
* Custom CSS Stylesheet. You can add any custom CSS selectors here after the comment line 
* They will be given the highest priority on any elements on the forum
* Customize your forum color scheme in one click: www.sitesplat.com/phpBB3/ 
* **************************************************************
*
* FLATBOOTS @SiteSplat.com - Custom CSS STYLESHEET - 
* 
* **************************************************************
*****************************************************************/
/* ===[ CSS HOOK TOP ]=== */
 

/*Font attibutes for posts, using same as 2017 site css*/
.postbody .content {
	font:15px/1.34 "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
body, .help-block {
	color: #a2cccb;
}

@media (min-width: 1070px) {
.container {
	width: 1040px;
}
}

@media (max-width: 1069px) and (min-width: 768px) {
.container {
	width: 100%;
}
}
.control-label {
	color: #c5cccd;
}
.control-group {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #571719;
}
/*Adds Instagram icon class for profiles, but currently broken*/
.icon-moon-instagram:before {
	content: "\f16d"
}
/*Small label indicating post likers*/
.label-huskygray {
	background-color: #0a5157;
	color: #a6a6a6;
	margin-top: 10px;
}
/*Login Panel at the bottom when not logged in*/
.panel-login {
	padding: 20px;
	color: #a1a9b1;
	background-color: #125258;
	border-style: solid;
	border-color: #000;
	border-width: 2px;
}
/*Timeline a user sees when going to their control panel*/
.mini-timeline>li .timeline-body {
	background: none;
}
/*Colors for big search bar at top*/
.search-input-fullscreen input {
	font-size: 25px;
	color: #333;
}
/*Red alert bar*/
.alert-danger {
	color: #fff;
	border-color: #ab2c1f;
	background-color: #8c1206;
}
/*Set h3 font color, thin underline*/
h1, h2, h3, h4, h5 {
	color: #a2cccb;
}
h3, #topicreview h3, .section-mcp h3, .section-posting h3, .section-ucp h3 {
	border-bottom: 2px solid #000;
}
/* link colors */

a {
	color: #c2472a;
}
a:hover, a:focus {
	color: #d6d0e4;
}
/* Whole mess of link colors */

.table-primary thead th a {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	color: #fff
}
.feed-icon-forum {
	float: right;
	margin: 3px
}
.forum-mods>strong, .subforums>strong, a:link, a:visited {
	color: #fff
}
a:hover {
	text-decoration: none;
	color: #bb3a00
}
a:active {
	color: #c2472a
}
a.forumtitle:hover, a.topictitle:hover {
	text-decoration: none;
	color: #bb3a00
}
a.forumtitle:active, a.topictitle:active {
	color: #c2472a
}
a.forumtitle, a.topictitle {
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	color: #c2472a
}
.postlink {
	border-bottom: 1px solid #c2472a
}
.postlink:visited {
	color: #f19e53
}
.postlink, .postlink:active {
	color: #c2472a
}
.content h2, .postlink:hover {
	color: #bb3a00;
	border-bottom: 1px solid #bb3a00
}
.signature a, .signature a:active, .signature a:hover, .signature a:visited {
	text-decoration: none;
	border: none;
	background-color: transparent
}
/* Very tippity top header bar */

.navbar-inverse {
	border-color: #0b84b4;
	background-color: #0b84b4;
	border-style: solid;
	border-bottom-color: #0f568d;
	border-bottom-width: 38px;
}
.navbar-form {
	border-color: #125258
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #4c726a
}
.navbar-nav-fancy>li:before {
	position: absolute;
	top: 50%;
	left: 0;
	height: 0;
	content: "";
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	-ms-transform: translatex(0%) translatey(-50%);
	-webkit-transform: translatex(0%) translatey(-50%);
	transform: translatex(0%) translatey(-50%);
	color: #2c3e50;
	border-radius: 2px;
	background: 0 0 #4c726a;
	width: 99%
}
/*Line above notices*/
.notice {
	line-height: 120%;
	margin-top: 1.5em;
	border-top: 1px solid #411315
}
/*Signature font size*/
.post-signature {
	font-size: 90%;
	margin-top: 25px;
	margin-left: 15px;
	color: #ad635b;
}
.burned-asphalt {
	background-color: transparent
}
.bottomLinks {
	padding: 0;
}
/*Icons beside post titles */
.forum-unread {
	COLOR: #c34527;
}
.forum-read {
	COLOR: #28998b;
}
/*Circle background around icons beside post titles */
.icon-wrapper {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 8px;
	transition: background .1s ease 0s;
	border-radius: 50%;
	background-color: #1f6868
}
.desc-wrapper {
	word-break: normal;
}
/*Arrow to go back to top of page */
.top-flat:hover {
	background-color: #bb3a00
}
.top-flat {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.top-flat:after {
	font-family: "FontAwesome";
	font-size: 25px;
	position: relative;
	top: 1px;
	display: block;
	content: "\f106";
	text-align: center;
	color: #fff
}
.panel-default>.panel-heading {
	color: #444;
	border-color: #63449c;
	background-color: #63449c;
}
/*Heading above posts, where title, date, avatar appear */
.panel-heading {
	border-color: #63449c;
	background-color: #63449c;
}
/* Previously white box where writtten post content appears */
.panel {
	margin-bottom: 20px;
	background-color: #421c85;
	border: 1px solid #000;
	border-bottom: 3px solid #000;
}

/* Font color and margin of written post text */

@media (max-width:767px) {
.postbody .content {
	color: #fff;
	margin-top: 30px;
}
}

@media (min-width:768px) {
.postbody .content {
	color: #fff;
	margin-top: 0px;
}
}

@media (max-width: 767px) {
.post-date, .post-id {
	color: #bd5955;
}
}
/* Image between posts and signatures (currently a star) */
.separator i {
	position: relative;
	top: 50%;
	display: inline-block;
	height: 16px;
	margin-top: 7px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 6px;
	color: #5c1b1e;
	background: #04292d;
}
/* Line between posts and signatures */
.separator:before {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	display: block;
	height: 1px;
	margin-top: 15px;
	content: "";
	background: #5c1b1e;
}
/* Circle border around avatars, and online status dot */
.avatar-over img, .profile-avatar img {
	border: 3px solid #000;
	border-radius: 50%
}
.avatar-over>.status::before {
	background: #31d83a;
	border: 2px solid #125258;
	border-radius: 50%;
	bottom: 0;
	content: "";
	display: inline-block;
	height: 15px;
	position: absolute;
	right: 15px;
	width: 15px
}
/* Avatar Preview  */
.thumbnail {
	background: none;
	border: none;
}
/* Background color for quotes in posts */
.content blockquote {
	font-size: 1em;
	position: relative;
	margin: 1em 0;
	padding: .6em 2em .6em 2.5em;
	border: solid 1px #000;
	border-radius: 3px;
	background: 0 0 #125258;
}
/*Plus symbol buttons to expand forum categies on mobile, made smaller and orange*/
.footable.breakpoint>tbody>tr>td>span.footable-toggle {
	color: #fff;
	padding: 5px 9px 4px;
	background: #c2472a;
}

@media (max-width: 468px) {
.mobile-post {
	color: #fff;
	font-size: 16px;
	position: absolute;
	right: 24px;
	padding: 8px 9px;
	border-radius: 4px;
	background: #c2472a;
}
}
/*Alternating table rows for list of topics and forums */
.table-primary tbody td {
	color: #bbb;
	border-width: 0;
	background: 0 0 #341576;
}
.table-primary tbody tr:nth-child(2n+1) td, .table-primary tbody tr:nth-child(2n+1) th {
	background: 0 0 #421c85;
}
table .stats-col {
	font-family: 'Asap', 'Arial', 'Helvetica', sans-serif;
	font-size: 13px;
	background-color: #2c988a!important
}
/* Lines between topics and forums */
.table>tbody>tr>th {
	padding: 10px 8px;
	border-top: 4px solid #0f568d;
}
.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
	padding: 10px 8px;
	vertical-align: inherit;
	border-top: 4px solid #0f568d;
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
	background-color: #07363a;
	color: #eee
}
/* Secondary headiing bar under title bar*/
.table>thead>tr>th {
	background: #0f568d;
}
a.forumtitle, a.topictitle {
	font: 15px/1.34 "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	color: #a2cccb;
}
/*Weird designy thing they had that I'm hiding */

.side-segment h2:after, .side-segment h3:after {
	visibility: hidden;
}
.side-segment {
	overflow: hidden
	overflow: hidden
	overflow: hidden
}
/*Dropdown menu link color*/
.dropdown-menu>li>a {
	color: #cecece;
}
/* Buttons (made orange) */
.btn-default {
	border: 0;
	color: #fff;
	text-transform: uppercase;
	border-color: #c2472a;
	background-color: #c2472a;
}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
	color: #fff;
	text-transform: uppercase;
	border-color: #af2800;
	background-color: #af2800;
}
a.btn-default:link {
	color: #fff
}
a.btn-default:hover {
	color: #fff
}
a.btn-default:focus {
	color: #fff
}
a.btn-default:visited {
	color: #fff
}
.btn.active:focus, .btn:active:focus, .btn:focus {
	outline: none
}
.btn-link:focus, .btn-link:hover {
	text-decoration: none;
	color: #8c8c8c
}
.bootstrap-select .btn-focus {
	outline: medium none
}
.t-subscribe a:before {
	content: "\f06e"
}
.t-unsubscribe a:before {
	content: "\f070"
}
.bookmark-link.t-bookmarked:before {
	content: "\f02e"
}
.bookmark-link.t-bookmark:before {
	content: "\f097"
}
.text-muted {
	color: #2c978a;
}
/* Avatar at top right header menu, sets the border */
.dropdown-avatar img, .navbar-avatar img {
	width: 30px;
	height: 30px;
	border: 2px solid #000;
	border-radius: 50%
}
.navbar-avatar img {
	width: 100px;
	height: 100px
}
/* Breadcrumb bar, makes it blue green, and adds 1px border */
.breadcrumb {
	background-color: #125258;
	border: 1px solid #000;
	border-radius: 4px;
}
.breadcrumb>.active {
	color: #a2cccb
}
.breadcrumb-line {
	border-radius: 4px;
	background-color: #0a5157
}
.breadcrumb-buttons {
	background: #125258;
}
.breadcrumb li:first-child a {
	background: #125258;
}
.breadcrumb li:last-child a {
	color: #ccc
}
/* Pagination, changing the colors */
   /*Overall background color of pagination cells*/
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #cdc;
	text-decoration: none;
	background-color: #11464b;
	border: 1px solid #000
}
/*Hover background and text color for pagination cells*/
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index: 2;
	color: #ccc;
	background-color: #125258;
	border-color: #000
}
/**/
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #125258;
	border-color: #000
}
/*Default text color for pagination cells*/
.pagination>li>a, .pagination>li>span, .text-primary {
	color: #a2cccb
}
/*Overall border color for pagination bars*/
.pagination>li>a, .pagination>li>span {
	font-weight: 600;
	margin-left: -2px;
	border: 2px solid #000
}
/**/
.pagination span a:hover {
	text-decoration: none;
	color: #fff;
	border-color: #000;
	background-color: #125258
}
/*background and text color of current page*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	color: #fff;
	border-color: #000;
	background-color: #28998b
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #0a5157;
	border: 1px solid #000;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}
/*Box around stuff like topic posting forms perhaps*/
.well {
	border: 2px solid #000;
	border-radius: 3px;
	background-color: #0a5157;
	box-shadow: none
}
/*A bar with buttons on it, under forms*/
.form-actions {
	border: 2px solid #000;
	border-radius: 3px;
	background: #125258;
	padding: 15px;
	text-align: center;
}
/*Pretty much all the form fields*/
.form-control {
	font-size: inherit;
	color: #000;
	border: 2px solid #2c988a;
	background-color: #a1cbca;
	font-weight: normal;
	font-size: 1.1em;
}
.input-group-addon {
	border: 0;
	border-radius: 3px;
	background-color: #c2472a;
	color: #fff;
}
.list-group-item {
	background-color: #2c988a;
	border: 0;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	color: #fff;
	text-decoration: none;
	background-color: #c2472a
}
/*Design details as seen on profile page*/
.panel-footer {
	border-top: 1px solid #000;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	background-color: #125258;
}
.ui-timeline .tl-item .tl-body .tl-content {
	position: relative;
	padding: 15px;
	border-radius: 4px;
	background-color: #0a5157;
}
.square-icon {
	box-shadow: 0 0 0 3px #000;
}
.mini-profile-contact li a.default-contact {
	background-color: #c2472a;
	color: #fff;
}
.mini-profile-contact li a.default-contact:hover {
	background-color: #bb3a00;
}
.panel-default>.panel-heading {
	color: #ccc;
}
/*Popovers, yum*/
.modal-content {
	background-color: #0a5157;
}
.modal-footer, .modal-header {
	border: 0;
}
/*Nav bars with tabs*/

.nav-tabs {
	border-bottom: 1px solid #ddd
}
.nav-tabs>li {
	float: left;
	margin-bottom: -1px
}
.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
	border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a,  .nav-tabs>li.active>a:focus, 
  /*Currently active tab*/
  .nav-tabs>li.active>a:hover {
	color: #fff;
	cursor: default;
	background-color: #c2472a;
	border: 1px solid #ddd;
	border-bottom-color: transparent
}
.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0
}
.nav-tabs.nav-justified>li>a {
	margin-bottom: 5px;
	text-align: center
}
.nav-justified>.dropdown .dropdown-menu,  .nav-tabs.nav-justified>.dropdown .dropdown-menu {
	top: auto;
	left: auto
}

@media (min-width:768px) {
.nav-tabs.nav-justified>li {
	display: table-cell;
	width: 1%
}
.nav-tabs.nav-justified>li>a {
	margin-bottom: 0
}
}
.nav-tabs.nav-justified>li>a {
	margin-right: 0;
	border-radius: 4px
}
.nav-tabs.nav-justified>.active>a,  .nav-tabs.nav-justified>.active>a:focus,  .nav-tabs.nav-justified>.active>a:hover {
	border: 1px solid #ddd
}

@media (min-width:768px) {
.nav-tabs.nav-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}
.nav-tabs.nav-justified>.active>a,  .nav-tabs.nav-justified>.active>a:focus,  .nav-tabs.nav-justified>.active>a:hover {
	border-bottom-color: #fff
}
}
.nav-tabs-justified {
	border-bottom: 0
}
.nav-tabs-justified>li>a {
	margin-right: 0;
	border-radius: 4px
}
.nav-tabs-justified>.active>a,  .nav-tabs-justified>.active>a:focus,  .nav-tabs-justified>.active>a:hover {
	border: 1px solid #ddd
}

@media (min-width:768px) {
.nav-tabs-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}
.nav-tabs-justified>.active>a,  .nav-tabs-justified>.active>a:focus,  .nav-tabs-justified>.active>a:hover {
	border-bottom-color: #fff
}
}
.tab-content>.tab-pane {
	display: none
}
.navbar-brand>img, .tab-content>.active {
	display: block
}
.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.nav-tabs {
	border-radius: 0;
	background: 0 0 rgba(0,0,0,0)
}
.navbar-nav  .nav-tabs>li>a {
	margin: 0;
	padding: 16px 15px;
	border-radius: 0
}
/*Bar that the nav tabs sit on*/
.nav-tabs {
	border-bottom: 0 none;
	border-radius: 2px 2px 0 0;
	background: 0 0 #2c988a
}
.nav-tabs>li {
	margin: 0
}
.nav-tabs>li>a {
	border: 0 none;
	border-radius: 2px 2px 0 0
}
.nav-tabs>li.active>a,  .nav-tabs>li.active>a:focus,  .nav-tabs>li.active>a:hover {
	border: 0 none
}
/*Hover background color for tabs*/
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
	color: #fff;
	border: 0 none;
	background-color: #c2472a
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: #bb3a00;
	border-color: #bb3a00
}
.text-success {
	color: #4e9a50;
}
/*Buttons found in PM area*/
.pager li>a, .pager li>span {
	display: inline-block;
	padding: 5px 14px;
	color: #fff;
	background-color: #c2472a;
	border: 0;
	border-radius: 2px;
}
.pager li>a:hover, .pager li>span {
	background-color: #0f0;
}
/*Border around PMs, removed that*/
.framed-ucp {
	margin-top: 0;
	padding: 15px;
	border: 0;
	border-radius: 4px 4px 4px 4px;
	background: 0 0;
}
.codebox {
	background-color: #333;
	font-size: 1em;
	border: 2px solid #503636;
	border-radius: 2px;
	padding: 3px;
	margin-top: 10px;
}
/******************/

/* BBOOTS / FLATBOOTS Custom Colors Generated With COLORIZE - www.sitesplat.com - copyright (c) 2014 SiteSplat.com */
.logo span {
	color: #c2472a;
}
.logo-transition a:after {
	color: #c2472a;
}
.navBtn {
	background-color: #c2472a;
}
.navBtn > a {
	border-left: 1px solid #571719;
}
.submenu {
	border-bottom: 4px solid #c2472a;
}
.nav-icon:hover [class*="has-sub"] {
	color: #c2472a;
}
.submenu li:hover > a {
	color: #f19e53;
}
.submenu li:hover > span {
	background-color: #c2472a;
}
.subheader {
	border-top: 4px solid #c2472a;
}
.alert-info {
	background-color: #c2472a;
	border-color: #c2472a;
}
.label-info, .badge-info {
	background-color: #c2472a;
}
.progress-info.progress-striped .bar, .progress-striped .bar-info {
	background-color: #c2472a;
}
#scrollbar-one .thumb .end, #scrollbar-two .thumb .end {
	background-color: #c2472a;
}
#scrollbar-one .thumb, #scrollbar-two .thumb {
	background-color: #c2472a;
}
.tabbable-custom .nav-tabs > li.active {
	border-top: 3px solid #c2472a;
}
.ver-inline-menu li.active a, .ver-inline-menu li.active i {
	background: none repeat scroll 0 0 #f19e53;
	border-left: 1px solid #571719;
}
.ver-inline-menu li.active:after {
	border-left: 6px solid #c2472a;
}
.ver-inline-menu li.active i {
	background: none repeat scroll 0 0 #a82c31;
}
.table-primary thead th {
	background-color: #c2472a;
	border-color: #c2472a !important;
}
.twitter-layout:before {
	color: #c2472a;
}
footer .interact a:hover {
	color: #c2472a;
}
footer {
	border-top: 3px solid #c2472a;
}
footer .bottomLinks small a {
	color: #f19e53;
}
footer .bottomLinks a:hover {
	border-bottom: 1px solid #c2472a;
}
#footerContent blockquote p span {
	color: #c2472a;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	background-color: #c2472a;
	border-color: #c2472a;
}
.btn-link {
	color: #c34527;
}
.btn-link:hover, .btn-link:focus {
	color: #b02200;
}
.pager li > a:hover, .pager li > a:focus {
	background-color: #f19e53;
}
/* BBOOTS - FLATBOOTS Main Links color */


blockquote {
	border-left-color: #c2472a;
}
blockquote.pull-right {
	border-right-color: #c2472a;
}
.btn-primary {
	color: #ffffff;
	background-color: #d76a10;
	border: 0;
}
.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .open>.dropdown-toggle.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	color: #ffffff;
	background-color: #bb3a00;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	color: #c2472a;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #c2472a;
}
.dropdown-submenu:hover > a:after {
	border-left-color: #c2472a;
}
/* Button Backgrounds */
/* FLATBOOTS Custom Color Generated with COLORIZE */
/* FLATBOOTS Forum Panel Heading */
.panel-forum > .panel-heading {
	background-color: #0b84b4;
}
/* FLATBOOTS Button Top */
.top-flat {
	background-color: #c2472a;
}
footer {
	border-top: medium none;
}
/* FLATBOOTS Teaser Header Background color */
.masthead:before {
	background-color: #c2472a;
}
/* FLATBOOTS Footer Call to Action Background Color */
.mastbottom {
	background-color: #c2472a;
}



/* ===[ CSS HOOK BOTTOM ]=== */