/*****************************************************************
* 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 ]=== */
 
 body {
  color: #666;
  margin: 0;
  font-family: 'Roboto','Arial','Helvetica',sans-serif;
  background-color: #e9f3f8;
}

.codebox span, h3 {
    text-transform: none;
}

.logo span {
	color: #f48917;
}

.logo-transition a:after {
	color: #f48917;
}

.navBtn {
	background-color: #f48917;
}

.navBtn > a {
	border-left: 1px solid #b66209;
}

.submenu {
	border-bottom: 4px solid #f48917;
}

.nav-icon:hover [class*="has-sub"] {
	color: #f48917;
}

.submenu li:hover > a {
	color: #f48917;
}

.submenu li:hover > span {
	background-color: #f48917;
}

.subheader {
	border-top: 4px solid #f48917;
}


.panel {
	background-color: #fff;
}

.content blockquote {
	background-color: #e9f3f8;
}

.side-segment h3:after,
.side-segment h2:after {
	background-color: #f48917;
}

.alert-info {
	background-color: #f48917;
	border-color: #f48917;
}

.label-info,
.badge-info {
	background-color: #f48917;
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
	background-color: #f48917;
}

#scrollbar-one .thumb .end,
#scrollbar-two .thumb .end {
	background-color: #f48917;
}

#scrollbar-one .thumb,
#scrollbar-two .thumb {
	background-color: #f48917;
}

.tabbable-custom .nav-tabs > li.active {
	border-top: 3px solid #f48917;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
	background: none repeat scroll 0 0 #f48917;
	border-left: 1px solid #b66209;
}

.ver-inline-menu li.active:after {
	border-left: 6px solid #f48917;
}

.ver-inline-menu li.active i {
	background: none repeat scroll 0 0 #f5952f;
}

.table-primary thead th {
	background-color: #f48917;
	border-color: #f48917 !important;
}

a.forumtitle {
	color: #f48917;
}

.twitter-layout:before {
	color: #f48917;
}

footer .interact a:hover {
	color: #f48917;
}

footer {
	border-top: 3px solid #f48917;
}

footer .bottomLinks small a {
	color: #f48917;
}

footer .bottomLinks a:hover {
	border-bottom: 1px solid #f48917;
}

#footerContent blockquote p span {
	color: #f48917;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
	background-color: #f48917;
	border-color: #f48917;
}

.btn-link {
	color: #f48917;
}

.btn-link:hover,
.btn-link:focus {
	color: #b66209;
}

.pager li > a:hover,
.pager li > a:focus {
	background-color: #f48917;
}


a {
	color: #f48917;
}

a:hover,
a:focus {
	color: #b66209;
}

blockquote {
	border-left-color: #f48917;
}

blockquote.pull-right {
	border-right-color: #f48917;
}

.btn-primary {
	color: #ffffff;
	background-color: #f48917;
	border: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	color: #ffffff;
	background-color: #555555;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
	color: #f48917;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #f48917;
}

.dropdown-submenu:hover > a:after {
	border-left-color: #f48917;
}
/* Button Backgrounds */
/* FLATBOOTS Custom Color Generated with COLORIZE */
/* FLATBOOTS Forum Panel Heading */
.panel-forum > .panel-heading {
	background-color: #f48917;
}
/* FLATBOOTS Button Top */
.top-flat {
	background-color: #f48917;
}

footer {
	border-top: medium none;
}
/* FLATBOOTS Teaser Header Background color */
.masthead:before {
	background-color: #f48917;
}
/* FLATBOOTS Footer Call to Action Background Color */
.mastbottom {
	background-color: #f48917;
}



.panel-forum>.panel-heading {
	background-color: #f48917;
}

a.forumtitle, a.topictitle {
	color: #f48917;
}


/* Afgestemd op de nieuwe WP-header (wp-content/plugins/sln-hwa/stylesheet/
   hwa-chrome.css): zelfde lichte gradient i.p.v. de oude luchtfoto
   (header1.jpg, uit het OUDE WP-thema-ontwerp), en dezelfde lichte
   #top-header-achtergrond met donkere tekst i.p.v. tan/wit -- anders liep
   je van de nieuwe, vlakke blauwe WP-header zo het forum in met een
   foto-header uit het oude design, wat niet meer bij elkaar hoorde. Live
   geverifieerd tegen de huidige WP-homepage-header. */
#top-header {
	background-color: #eaf2fb;
	height: 32px;
	color: #182430;
}

#top-header a, #top-header .fa, #top-header i {
	color: #182430;
}


.navbar {
    min-height: 94px;
    padding: 0 0;
	top: 32px;
}

.navbar-inverse {
	background-size: cover;
	background-image: none;
	background: linear-gradient(135deg, #eaf2fb 0%, #d7e6f7 60%, #cfe0f5 100%);
}

.navbar-inverse .navbar-nav>li>a {
    color: rgba(0,0,0,0.7) ;
	font-size: 15px;
	font-weight: 700;
}

.masthead {
    -webkit-animation-name: none;
    animation-name: none;
}

.wrapper-head {
	margin-top: 0;
}

.masthead:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 200%;
    height: 400%;
    content: "";
    background: none;
    background-repeat: repeat;
}

.flat-header {
    color: #666;
    font-size: 20px;
    margin-bottom: 20px;
    text-shadow: none;
    height: 172px;
}

.flat-header-fixed-top {
    margin-top: 152px;
}

.wp-menu {
    margin: 20px;
    color: rgba(0,0,0,0.7);
    float: right;
    padding: 15px 0;
}

.wp-menu ul {
	list-style: none;	
}

.wp-menu li {
	display:inline;
	padding-left: 25px;
}

.wp-menu a {
	padding:  0;
	color: rgba(0,0,0,0.7) ;
	font-size: 15px;
	font-weight: bold;
}


.hwa_logo {
	margin-top: -8px;
}

.burned-asphalt {
    background-color: #f48917;
	padding: 15px 0 15px 0;
    color: #fff;
}

.burned-asphalt a {
	color: #fff;
	font-weight: 700;
}

.burned-asphalt p {
	margin: 0;
}


@media (min-width: 1200px) {
	.container {
		width: unset;
		max-width: 1140px;
	}
}

.navbar-nav>:first-child {
		display: none;
	}


@media (min-width: 1100px) {
	.navbar-nav.navbar-right:last-child {

		margin-top: -47px;
	}
}

@media (min-width: 980px AND max-width: 1099px) {
	.navbar-nav.navbar-right:last-child {
		margin-top: -117px;
	}
}



@media (min-width: 980px) {
	
	.navbar .nav {
		float: left;
		margin-top: 20px;	
	}

	
	.navbar-nav.navbar-right {
		float: right;
	}

	/* Was #fff, voor leesbaarheid tegen de oude donkere luchtfoto-navbar.
	   Deze "Welkom, Luc"-dropdown + notificatiebel zitten in .navbar-right,
	   een ANDER element dan #top-header (zie de losse fix daarboven) --
	   dus toen de navbar-achtergrond naar de nieuwe lichte gradient ging,
	   werd dit specifieke stukje wit-op-licht en onleesbaar. Gevonden
	   doordat de site-eigenaar de eerdere #top-header-fix live checkte en
	   dit ernaast nog wit zag staan. Live geverifieerd. */
	.navbar-nav.navbar-right>li>a {
		color: #182430;
		padding-top: 14px;
		line-height: 32px;
	}


	.navbar-nav-fancy>li:before {
		background-color: transparent;
	}

	.navbar-right .btn-search {
		display: none;
	}

	.navbar-right .dropdown-notification>a i {
		color: #182430;
	}
}

@media (max-width: 980px) {
	
	.hwa_logo {
		max-width: 50%;
		margin-top: -50px
	}
	
	.navbar-brand {
		height: unset;
		padding: 5px 0 0px 40px;
	}
	
	.navbar {
		height: 80px;
		padding: 0 0;
	}
	
	.navbar-inverse .navbar-toggle {
		border: none;
	}
	
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
		background-color: transparent;
	}
	
	.navbar-toggle {
		margin-top: 26px;
		margin-right: 40px
	}
	
	.navbar-nav, .navbar-nav li {
		background-color: #fff;
	}
	
	.navbar-inverse .navbar-nav>li>a {
		color: #666;
	}
	
	
	.lines:before {
		top: 6px;
	}
	
	.lines:after {
		top: -6px
	}
	
	.lines, .lines:after, .lines:before {
		background-color: #f48917;
		width: 22px;
		height: 2px;
	}
	
	.lines-button.open {
		padding: 5px 0 0px 40px;
	}
	.lines-button.x.open .lines:after, .lines-button.x.open .lines:before {
		padding: 0;
		width: 22px;
	}
	
	.wp-menu {
		display: none;
	}

}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a i {
		color: #666;
	}
}

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