/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Flat Style
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Ian Bradley ( http://phpbbstyles.iansvivarium.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?v=1.1.10");
@import url("base.css?v=1.1.10");
@import url("utilities.css?v=1.1.10");
@import url("common.css?v=1.1.10");
@import url("links.css?v=1.1.10");
@import url("content.css?v=1.1.10");
@import url("buttons.css?v=1.1.10");
@import url("cp.css?v=1.1.10");
@import url("forms.css?v=1.1.10");
@import url("icons.css?v=1.1.10");
@import url("colours.css?v=1.1.10");
@import url("responsive.css?v=1.1.10");
@import url("flat.css?v=1.1.10");

/* =====================================================================
   RBP - SITE LOGO
   ===================================================================== */
   
.site_logo {
    background-image: url("./images/site_logo.png");
    background-repeat: no-repeat;
    display: inline-block;
    width: 110px; /* Restrict pixel dimensions to match your flat design */
    height: 110px;
    background-size: contain;
}

/* =====================================================================
   RBP - CSS OVERRIDES
   ===================================================================== */
   
/* RESET OUTER BLOCKS: Restores logo canvas and below-footer margins to default */
.flat-header,
#flat-header,
.flat-footer,
#flat-footer,
#page-header {
    background: transparent !important;
    background-color: transparent !important;
}

/* TARGET THE MAIN TOP FLOATING MENU BAR ONLY (Keeps Board Index untouched) */
.headerbar + .navbar,
#page-header .navbar-header,
.flat-navigation,
.flat-header .navbar {
    background-color: #74808b !important;
    background: #74808b !important;
    background-image: none !important;
    border-bottom: 1px solid #d0d4d8 !important;
    box-shadow: none !important;
}

/* TARGET THE SECONDARY BREADCRUMB BAR EXPLICITLY (Locks in white) */
#page-body .navbar,
#wrap > .navbar,
.breadcrumbs-bar {
    background-color: #ffffff !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #d0d4d8 !important;
    box-shadow: none !important;
}

/* TARGET THE INNER BOTTOM UTILITIES FOOTER BAR ONLY */
.navbar-footer,
#page-footer .navbar,
#page-footer .navbar-footer {
    background-color: #74808b !important;
    background: #74808b !important;
    background-image: none !important;
    border-top: 1px solid #d0d4d8 !important;
    box-shadow: none !important;
}

/* TEXT CONTRAST FOR SLATE GRAY BARS (White) */
.headerbar + .navbar a,
.headerbar + .navbar .icon,
#page-footer .navbar a,
#page-footer .navbar .icon,
.navbar-footer a,
.navbar-footer .icon {
    color: #FFFFFF !important;
    text-shadow: none !important;
}

/* TEXT CONTRAST FOR BREADCRUMB BAR (Dark Charcoal) */
#page-body .navbar a,
#page-body .navbar .icon,
.breadcrumbs-bar a,
.breadcrumbs-bar .icon,
#page-body .navbar span {
    color: #222222 !important;
    text-shadow: none !important;
}

/* Maintain crisp dark charcoal for text inside the logo area above */
.site-description h1,
.site-description p {
    color: #222222 !important;
}

/* Forces the top forum heading to match the wiki's small-caps serif style */
.site-description h1,
#site-description h1,
.headerbar h1 {
    font-family: 'Linux Libertine', Georgia, 'Times New Roman', Times, serif !important;
    font-weight: normal !important;
	font-size: 3em !important;
    font-variant: small-caps !important;
    letter-spacing: 2px !important;
    color: #111111 !important;
    text-transform: none !important;
}

/* =====================================================================
   DROPDOWN & FOLDOUT MENU ALIGNMENT
   ===================================================================== */

/* FORCE THE INNER POPUP PANES TO UNIFORM SLATE GRAY */
.dropdown .dropdown-contents,
.dropdown-container .dropdown-contents,
.dropdown-extended ul li,
.dropdown-extended .header, 
.dropdown-extended .footer,
.jumpbox .dropdown li {
    background: #74808b !important;
    background-color: #74808b !important;
    border-color: #55606a !important; /* Muted inner grid borders */
}

/* FORCE DROPDOWN INTERIOR LINKS AND ICONS TO WHITE */
.dropdown-contents a,
.dropdown-contents span,
.dropdown-contents li,
.dropdown-extended a,
.dropdown-extended span,
.dropdown-extended li,
.dropdown-contents .icon,
.dropdown-extended .icon {
    color: #FFFFFF !important;
    text-shadow: none !important;
}

/* CLEAN UP HOVER AND SELECTED HIGHLIGHT STATES */
.dropdown-contents a:hover,
.dropdown-extended ul li:hover,
.dropdown-contents li:hover {
    background-color: #55606a !important; /* Darkens softly when mouse hovers over link */
    color: #FFFFFF !important;
}

/* ALIGN THE TINY CSS TRIANGLE POINTER AT THE TOP OF THE POPUP */
.dropdown .pointer {
    border-color: #74808b transparent !important;
}
.dropdown .pointer-inner,
.dropdown-extended .pointer-inner {
    border-color: #74808b transparent !important;
}

/* =====================================================================
   ICONS
   ===================================================================== */

/* Target the Home, Who Is Online, and Statistics front-page icons */
.fa-home, 
.fa-users, 
.fa-bar-chart-o,
.fa-chart-bar, 
.fa-signal,
[class*="icon-"] i,
.flat-icon {
    color: #74808b !important; /* Changes the orange icons to match soft slate gray */
}

/* Catch native Font Awesome layout structures across the main index wrapper */
#page-body i.icon, 
#page-body .fa, 
#page-body .fas, 
#page-body .far {
    color: #74808b !important;
}

/* Ensure the footer links and text icons stay uniform slate gray */
#page-footer i.icon,
#page-footer .fa {
    color: #74808b !important;
}

/* Ensure the magnifying glass and gear icon inside the input block are slate gray */
.search-box .icon,
#search-box .icon,
.search-header .icon,
.search-box-wrapper .icon,
.inputbox + a .icon {
    color: #74808b !important;
}

.search-box a:hover .icon,
#search-box a:hover .icon {
    color: #222222 !important;
}

/* Hides the small house graphic icon right before the "Wiki" (home) text link */
.breadcrumbs .fa-home,
.breadcrumbs .icon-home,
.breadcrumbs [data-onclick="main-link"] .fa,
.breadcrumbs li.main-link a .fa {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.breadcrumbs li.main-link a,
.breadcrumbs [data-onclick="main-link"] a {
    padding-left: 0 !important;
    margin-left: 0 !important;
}