/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:		nc
	Based on style:		prosilver
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Devin Lumley ( https://www.devinwl.github.io )
    --------------------------------------------------------------
*/

html {
    height: 100%;
}

body {
    padding-top: 0;
    font-family: 'PT Sans';
}

html, body {
	color: #666666;
	background-color: #fff;
}

h3 {
	color: #333;
}

h2,
a.topictitle  {
	font-family: 'PT Sans';
}

a,
a:hover {
	color: #3366CC;
}

a:hover {
	text-decoration: none;
}

.headerbar {
    height: 250px;
	margin-bottom: 0;
	border-radius: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	background: #fff;
}

.headerbar img.bg,
#page-header .navbar[role="navigation"] img.bg {
	position: absolute;
	left: -9999px;
	right: -9999px;
	margin: 0 auto;
	width: 100%;
	min-width: 1400px;
	transform: translateY(-15%);
	top: 0;
}

#page-header .navbar[role="navigation"] img.bg {
	top: -250px;
	filter: blur(5px);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation="5" /></filter></svg>#blur");
	-ms-filter: url('#blur');
	-webkit-filter: grayscale(0) sepia(0) saturate(1) hue-rotate(0deg) invert(0) opacity(1) brightness(1) contrast(1) blur(5px);
	transform: translateZ(0px) translateY(-15%);
	z-index: -1;
	opacity: 0.8;
}

#page-header .navbar[role="navigation"] .bg-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}

.navbar .inner {
	max-width: 1170px;
	margin: 0 auto;
}

#page-body {
    background-color: #ffffff;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px;
    margin-top: 0;
}

#wrap {
    background-color: transparent;
    border: none;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/*
#page-header .navbar[role="navigation"] {
    background: url('./images/bg2.jpg') no-repeat;
    border-radius: 0;
    background-position: center -265px;
    border-top: 1px solid rgba(255,255,255,0.05);
}
*/

#page-header .navbar[role="navigation"] {
    color: #ffffff;
    font-size: 1.4em;
	position: relative;
	z-index: 1;
	padding: 0;
	background-color: #fff;
	border-radius: 0;
}

#page-header .navbar[role="navigation"] a {
    color: #ffffff;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#page-header .navbar[role="navigation"] a:hover {
	text-shadow: 0 0 5px rgba(0,0,0,0.9);
	text-decoration: none;
}

#page-header .navbar[role="navigation"] .dropdown a {
    text-shadow: none;
	color: #105289;
	display: inline-block;
	padding-left: 0px;
}

#search-box {
	box-shadow: none;
	position: relative;
}

#search-box .search-adv-icon,
.button.search-adv-icon {
	padding: 4px 5px 6px 5px;
	height: 18px;
}

#search-box a.search-adv-icon {
	margin-left: -3px;
	line-height: 19px;
}

#nav-breadcrumbs {
    border-top: 0;
}

#nav-breadcrumbs .breadcrumbs {
	line-height: 2.21em!important;
}

#nav-breadcrumbs .breadcrumbs .crumb {
    float: none;
}

#nav-breadcrumbs .breadcrumbs .crumb:before {
    content: '';
    padding: 0;
}

#nav-breadcrumbs li.breadcrumbs span:first-child > a {
    padding-left: 0;
}

#nav-breadcrumbs .fa.fa-chevron-right {
    font-size: 0.8em;
}

li.breadcrumbs span:first-child > a {
	padding-left: 0;
}

.navbar .linklist {
    list-style-type: none;
}

.navbar ul.linklist.bulletin li:before {
    content: "";
}

ul.linklist li.responsive-menu a.responsive-menu-link:before {
    border-top: 0;
    border-bottom: 0;
}

.icon-search-new span,
.icon-search-unread span,
.compact #quick-links .icon-search-new span,
.compact #quick-links .icon-search-unread span {
	color: #CC0000;
	display: inline-block;
}

#site-description {
    display: none;
}

.topiclist a.forumtitle {
    font-family: 'PT Sans';
}

.forabg,
.forumbg {
    background: #3366CC;
}

/* Forum list */
.forum_read,
.forum_unread,
.forum_read_subforum,
.forum_unread_subforum,
.topic_read,
.topic_unread,
.topic_read_hot,
.topic_unread_hot,
.topic_read_locked,
.topic_unread_locked,
.announce_read,
.announce_unread,
.sticky_read,
.sticky_unread,
.announce_read_locked,
.announce_unread_locked,
.sticky_read_locked,
.sticky_unread_locked,
.icon-search-self,
.icon-search-new,
.icon-search-unread,
.icon-search-unanswered,
.icon-search-active,
.icon-search,
.icon-members,
.icon-team,
.icon-ucp,
.icon-profile,
.icon-logout,
.icon-subscribe,
.icon-unsubscribe,
.icon-bookmark,
.icon-bump,
.icon-sendemail,
.icon-print,
.icon-register,
.forum-icon,
.pm_unread,
.pm_read {
    background-image: none;
}

li.header dl.icon dt {
    margin-right: -440px;
}

ul.topiclist dt {
    margin-right: -490px;
}

ul.topiclist .icon {
	font-size: 11px;
	font-weight: 700;
	width: 100%;
}

ul.topiclist .forum-icon {
    width: 50px;
}

ul.topiclist dt .list-inner {
    margin-right: 490px;
}

ul.topiclist dt .list-inner .unread-icon {
	color: #fa5337;
	font-size: 0.9em;
}

ul.topiclist dt .list-inner .unread-icon:hover {
	color: #ff9d76;
}

ul.topiclist .forum-icon .icon-wrap {
    background-color: #efefef;
    height: 30px;
    border-radius: 30px;
    width: 30px;
    margin: 0 auto;
    line-height: 30px;
    border: 1px solid #efefef;
    text-align: center;
	color: #333;
}

ul.topiclist .forum-icon.forum_unread .icon-wrap,
ul.topiclist .forum-icon.forum_unread_subforum .icon-wrap,
ul.topiclist .forum-icon.topic_unread .icon-wrap,
ul.topiclist .forum-icon.topic_unread_hot .icon-wrap,
ul.topiclist .forum-icon.announce_unread .icon-wrap,
ul.topiclist .forum-icon.announce_unread_locked .icon-wrap,
ul.topiclist .forum-icon.sticky_unread .icon-wrap,
ul.topiclist .forum-icon.sticky_unread_locked .icon-wrap {
    color: #CC0000;
    border-color: #CC0000;
}

ul.topiclist .lastpost .lastpost_shortcut {
	color: #ccc;
}

ul.topiclist .lastpost .lastpost_shortcut:hover {
	color: #3366CC;
}

ul.topiclist .row .pagination {
	color: #B4BAC0;
	background-image: none;
	margin-top: 0;
}

ul.topiclist .row .pagination li a,
ul.topiclist .row .pagination li span {
	padding: 3px;
}

ul.topiclist dl a.icon-link {
	width: 33px;
	height: 33px;
	position: absolute;
	left: 10px;
	top: 6px;
}

.button {
	background-color: #3366CC;
	background-image: none;
	color: #fff;
	border-color: #3366CC;
	box-shadow: none;
	padding: 5px 8px;
	height: auto;
	-webkit-appearance: none;
}

.button:hover {
	text-shadow: none;
	background-color: #24449e;
	border-color: #24449e;
	background-image: none;
	color: #fff;
}

.button.locked {
	background-color: #ccc;
	border-color: #ccc;
}

.button-alt {
	background-color: #eee;
	background-image: none;
	border-color: #eee;
	color: #333;
	box-shadow: none;
	padding: 5px 8px;
	height: auto;
	-webkit-appearance: none;
}

.button-alt:hover {
	background-color: #ddd;
	border-color: #ddd;
	color: #333;
}

.search-box .inputbox,
.search-box button.search-icon {
	height: 28px;
}

.search-box .inputbox {
	border-color: #ccc;
}

.search-box a.button {
	line-height: 19px;
	border-color: #ccc;
}

.search-box button.search-icon,
.search-box a.search-adv-icon {
	font-size: initial;
	border: 0;
	border-radius: 0;
	padding: 5px;
}

.search-box button.search-icon {
	padding-top: 2px;
	border-top: 1px;
	border-bottom: 1px;
	border-color: #ccc;
}

.search-box a.search-adv-icon {
	margin-left: -5px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	line-height: 17px;
}

.search-box .button:hover {
	border-color: #ccc;
}

.search-box #forum-search .search,
.search-box #topic-search .search {
	height: 30px;
}

.search-box #forum-search .search-icon,
.search-box #topic-search .search-icon {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
	height: 30px;
}

.search-box #forum-search .search-adv-icon,
.search-box #topic-search .search-adv-icon {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#quick-links,
.header-profile {
	color: #105289;
}

.pagination {
	font-size: 1.25em;
}

.pagination li {
	text-align: center;
}

.pagination li a,
.pagination li span {
	min-width: 20px;
	background-color: #eee;
	border-color: #ddd;
	color: #666666;
}

.pagination li.active span {
	background-color: #3366CC;
	border-color: #3366CC;
}

.pagination li a:hover {
	background-color: #3366CC;
	border-color: #3366CC;
}

.pagination li a:hover i {
	color: #fff;
}

.pagination li.next a, .pagination li.previous a, .pagination li.page-jump a {
	background-image: none;
}

.pagination li.next a {
	padding-right: 3px;
}

.pagination li.previous a {
	padding-left: 3px;
}

.pagination li.page-jump a {
	padding-top: 2px;
	padding-bottom: 2px;
}

.pagination li.next a i,
.pagination li.previous a i,
.pagination li.page-jump a i {
	font-size: 14px;
}

.post {
	padding: 0 0 40px 0;
	border-bottom: 1px solid #ccc;
	margin: 40px 0;
	border-radius: 0;
}

.post.bg1,
.post.bg2 {
	background-color: transparent;
}

#page-body .post:last-child {
	border-bottom: 0;
}

.postinfo {
	margin-bottom: 20px;
}

.postinfo .postauthor {
	font-size: 1.6em;
	line-height: 1em;
}

.postinfo .postauthor .postdate {
	font-size: 0.75em;
}

.postinfo .postauthor .username,
.postinfo .postauthor .username-coloured {
	font-weight: 700;
}

.postinfo .postbuttons {
	float: right;
	display: none;
}

.postinfo .postauthor .custom-title {
	font-size: 0.75em;
	color: #999999;
}

.postinfo .postauthor .custom-color a {
	color: inherit!important;
}


.post:hover .postinfo .postbuttons,
.post:hover .inner .back2top {
	display: block;
}

.postinfo .postbuttons ul {
	list-style: none;
}

.postinfo .postbuttons ul li {
	display: inline-block;
}

.postinfo .postbuttons ul li .dropdown ul li {
	display: block;
}

.postinfo .postbuttons ul li .button {
	background-color: #eee;
	border-color: #fff;
	color: #333;
	line-height: 18px;
}

.postinfo .postbuttons ul li .button:hover {
	background-color: #ddd;
}

.postinfo .postbuttons .contact-icons.dropdown-contents {
	font-size: 18px;
}

.postprofile {
    float: left;
    border: none;
    width: 90px;
	margin: 0 20px 0 0;
}

.postprofile dt,
.postprofile dd {
    margin: 0;
}

.postprofile .profile-contact {
    margin-top: 10px;
}

.has-profile .post-buttons {
    position: static;
    margin-top: 10px;
}

.postbody {
    width: 100%;
    float: none;
    position: static;
}

.pm .postbody {
    width: auto;
    float: left;
}

.postbody .content {
    clear: none;
    font-family: 'PT Sans';
    font-size: 1.6em;
	overflow-x: hidden;
}

#preview .postbody .content {
    clear: both;
}

.postbody .notice {
    clear: none;
    overflow-x: auto;
    margin-left: 110px;
}

.postlink,
.postlink:visited {
	color: #3366CC;
	text-decoration: none;
	border-bottom: none;
}

.postlink:hover {
	color: #3366CC;
	text-decoration: underline;
	background-color: transparent;
}

blockquote {
	background-image: none;
}

blockquote cite {
	margin-left: 0;
}

.online {
    background-image: none!important;
}

li.row {
    font-size: 1.2em;
}

li.row,
li.row:hover {
    background-color: #fff;
    border-bottom-color: #ddd;
}

li.row:hover dd {
    border-left-color: transparent;
}

.spoiler {
    background: #000;
    color: #000;
}

.postprofile .custom-color a {
    color: inherit;
}

.search-header {
    margin-top: 210px;
}

#page-body {
	max-width: 1170px;
	margin: 0 auto;
}

#page-footer {
    padding: 0 10px;
}

#nav-footer {
	color: #3366CC;
}

#nav-footer .dropdown .dropdown-contents a {
	padding-left: 0;
	display: inline-block;
}

blockquote {
	background-color: #efefef;
	border-color: #efefef;
}

blockquote blockquote {
	background-color: #e0e0e0;
}


blockquote blockquote blockquote {
	background-color: #d2d2d2;
	border-color: #e0e0e0;
}

#qr_postform .panel {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

#qr_postform .quickreply-title {
	border-bottom: 0;
	padding-bottom: 0;
}

#qr_postform #message-box {
	width: 99.5%;
}

#qr_postform textarea {
	width: 100%;
}

#qr_postform .quickreply-title {
	margin-top: 0;
}

#qr_postform input[type="submit"] {
	-webkit-appearance: none;
}

#page-footer {
	max-width: 1170px;
	margin: 0 auto;
}

#page-footer .navbar {
	background-color: transparent;
	padding: 0;
}

/* Post Reply */
textarea {
	font-size: 14px;
}

#postform .panel#postingbox,
#postform .panel.bg2 {
	background-color: transparent;
	padding: 0;
}

#postform #smiley-box,
#postform div[data-show-panel="options-panel"] {
	display:none;
}

#postform #topicreview .fa {
	font-size: 14px;
}

/* PM */
#viewfolder .pm_unread .icon-wrap {
	color: #CC0000;
}

#viewfolder ul.topiclist.two-columns dt {
	margin-right: -80px;
}

#viewfolder ul.topiclist.two-columns .row dt {
	margin-right: -130px;
}

#viewfolder ul.topiclist.two-columns .row {
	padding-top: 2px;
	padding-bottom: 2px;
}

.pm.post {
	padding: 10px;
	margin: 20px 0;
}

.pm.post h3 {
	border: 0;
	margin: 0 0 20px 0;
	text-transform: none;
	font-size: 2.0em;
	font-family: 'PT Sans';
}

.pm .postinfo .postbuttons {
	display: block;
}
	
.pm .postbody {
	float: none;
}

.pm .postbody .post-buttons {
	float: right;
}

.pm .postbody .author {
	clear: none;
}

#topicreview {
	background-color: #fff;
	padding-left: 10px;
}

#topicreview .fa {
	font-size: 14px;
}

/* PM - Find a member */
.find-a-member ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.find-a-member ul li {
	display: inline-block;
}

.find-a-member ul li.active span,
.find-a-member ul li a:hover {
	color: #fff;
}

.find-a-member .bg1,
.find-a-member .bg2 {
	background-color: #fff;
}

.find-a-member table th {
	color: #fff;
}

#viewfolder .topiclist:not(.two-columns) dd.mark {
	width: 20px;
}

.search .postbody {
	width: 100%;
}

.search .postbody h3 {
	float: none;
}

.search .postprofile {
	width: 15%;
}

/* Notification widget */
.notification-block {
	width: 96%;
}

#page-header {
  background-image: url('./images/bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 15%;
}

#page-header .headerbar {
  background-color: transparent;
}

#page-header .navbar[role="navigation"] {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(5px) saturate(0.8);
  backdrop-filter: blur(5px) saturate(0.8);
}