/*****************************************************************

* 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 ]=== */

 

 

 /* === [ Custom color for navigation bar ] === */

.navbar-inverse {

    border-color: #006699;

    background-color: #006699;

}



 /* === [ Modify fonts ] === */

body {

	font-family: 'Source Sans Pro','Arial','Helvetica',sans-serif;

    /* Old font family font-family: 'Source Sans Pro','Arial','Helvetica',sans-serif; */

    color: #333333;

}

 

 /* ===[ CODE FOR DEVICES LESS THAN 800 PIXELS ]=== */

/* ===[ Different wrap with no background image for less than 800px ]=== */

@media (max-width: 799px) {

body {

	background: #006699;

}

#content-forum {

    background-color: #cccccc;

    border-radius: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

    padding: 10px 10px 10px;

	max-width: 799px;

}

/* ===[ Lower container padding for less than 800px ]=== */

.container {

    padding-right: 0px;

	padding-left: 0px;

	margin-right: 0px;

	margin-left: 0px;

	width: 100%;

}

/* ===[ Nav-bar for less than 800px ]=== */

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {

	margin-right: 0px;

	margin-left: 0px;

}

/* ===[ Remove gap before Adsense for less than 800px devices ]=== */

.breadcrumb-line {

    position: relative;

    margin: 0 0 0px;

    border-radius: 0px;

    background-color: #e1e5eb;

}

/* ===[ Correct spacing for posts on mobile ]=== */

.postbody .content {

	margin-top: 20px;

}

}

/* ===[ END CODE FOR DEVICES LESS THAN 800 PIXELS ]=== */

 



/* ===[ CODE FOR DEVICES AT LEAST 800 PIXELS ]=== */

/* ===[ Add wrap to forum if media at least 800px ]=== */

@media (min-width: 800px) {

 body {

    background: url("./images/background.jpg") #006699;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-position: center;

	background-size: cover;

}

#content-forum {

    background-color: #cccccc;

    border-radius: 20px;

	margin-top: 15px;

	margin-bottom: 15px;

    padding: 10px 10px 10px;

}

 /* ===[ Add Fury 325 image to background if media at least 800px ]=== */



/* ===[ Add top and bottom margin for ads on media at least 800px ]=== */

.container {

	width: 780px;

    margin-top: 15px;

	margin-bottom: 15px;

	padding: 10px 10px 10px;

}

/* ===[ Correct spacing for posts not on mobile ]=== */

.postbody .content {

	margin-top: 5px;

}

}

/* ===[ END CODE FOR DEVICES AT LEAST 800 PIXELS ]=== */



/* ===[ CODE FOR DEVICES AT LEAST 1200 PIXELS ]=== */

@media (min-width: 1200px) {

.container {

    width: 910px;

	}

}

/* ===[ END CODE FOR DEVICES AT LEAST 1200 PIXELS ]=== */



.desc-wrapper {

	word-break: normal;

	}



	

	/* ===[ Change style of footer sections ]=== */

.section-pre-footer {

    position: relative;

    padding: 10px 0 10px;

    color: #fff;

    background: none;

}

	.section-pre-footer .section-bg {

    position: absolute;

    top: 0;

    right: 0;

    width: 50%;

    height: 100%;

    background: none;

}

	.burned-asphalt {

    background-color: #006699;

}

	.panel-login {

    padding-top: 20px;

    padding-bottom: 20px;

    color: #cccccc;

    background: #006699;

}

	

	

/* ===[ Widths for footer columns ]=== */

.widgets {

	padding: 5px;

	align: center;

}

.row {

    margin-right: 5px;

    margin-left: 5px;

	margin-top: 5px;

}	



	

a.forumtitle, a.topictitle {

    font-size: 1.08em;

    font-weight: 700;

    font-style: normal;

    text-decoration: none;

    color: #006699;

}

	







img

{

    max-width: 100%;

    height: auto;

}





/* ===[ Div for About page ]=== */

.panel-body

{

    background: #FFFFFF;

	border-radius: 3px;

}

.about

{

	text-align: justify;

	font-size: 1.15em;

}



/* ===[ Custom colors for folder icons ]=== */



.forum-read {

    color: #b8bdcb;

}

.forum-unread {

    color: #275064;

}



/* ===[ Text color for forum statistics ]=== */

.text-acqua {

    color: #006699;

}	

	

.flickr-color {

	background-color: #ff0084;

}



.instagram-color {

	background-color: #004879;

}

	

/* ===[ Correct spacing on mobile toggle boxes ]=== */		

.footable.breakpoint>tbody>tr>td>span.footable-toggle { 

	margin-left: 5px;

    margin-bottom: 5px;

}



/* ===[ Make avatars larger ]=== */	



.avatar-over {

    position: relative;

    display: inline-block;

    width: 110px;

    margin-left: -5px;

}



.avatar-over img {

    width: 100px;

    height: 100px;

    border: 1px solid #006699;

    border-radius: 3px;

}



/* ===[ Avatar online icon ]=== */	

.avatar-over>.status::before {

    background: #00FF99;

    border: 3px solid #fff;

    border-radius: 50%;

    bottom: 5px;

    content: "";

    display: inline-block;

    height: 18px;

    position: absolute;

    right: 15px;

    width: 18px;

}



/* ===[ Individual post header customization ]=== */	

.panel {

    background-color: #ededed;

	border-radius: 3px;

	border: 1px solid #006699;

}

.panel-forum>.panel-heading {

	border-radius: 0px;

	}

	



/* ===[ Quote customization ]=== */	

.content blockquote {

    font-size: 0.9em;

    border: 1px solid #ededed;

    border-radius: 10px;

    background: #f2f2f2;

}





/* ===[ Pagination font color ]=== */	

.text-primary, .btn-link, .btn-primary .badge, .pagination>li>a, .pagination>li>span {

    color: #999999;

}



/* ===[ Change footer link hover color ]=== */	

footer.bottomLinks a:hover {

	border-bottom: 0px;

	}

a:hover, a:focus {

	color: #acacac;

	}



/* ===[ Color for links in posts and page bodies ]=== */	

.panel-body a:link {

	color: #006699;

	}

.panel-body a:visited {

	color: #006699;

	}



/* ===[ Light bulb and bell colors ]=== */

.btn-search>i {

    font-size: 22px;

    color: #FFFFFF;

}	

.dropdown-notification>a i {

    color: #FFFFFF;

    font-size: 20px;

    margin-top: 6px;

}



/* ===[ Background color of active page number in pagination ]=== */

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {

	background-color: #e1e5eb;

}



/* ===[ Change color for mobile button at top right ]=== */

.navbar-inverse .navbar-toggle {

    border: 2px solid #FFFFFF;

}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {

    background-color: #006699;

}



/* ===[ Navbar hover color ]=== */

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {

    background-color: #006699;

}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {

    background-color: #666666;

}

.navbar-inverse .navbar-nav>.active>a:focus{

	background-color:#006699;

}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{

	background-color:#006699;

	}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    border-color: #FFFFFF;

}





/* ===[ Notification indicator ]=== */

.badge-success {

    background-color: #275064;

}

.dropdown-notification em.notifications {

    background: #275064;

}



/* ===[ Change tool tip color ]=== */





/* ===[ Change private message fill level bar color ]=== */

.btn-info, .label-info, .progress-bar-info, .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {

    background-color: #006699;

}



/* ===[ Background colors for items in control panel ]=== */

a.list-group-item.active,

a.list-group-item.active:hover,

a.list-group-item.active:focus {

	background-color: #cccccc;

	border-color: #cccccc;

}





/* ===[ RSS link colors ]=== */

.rss-color-forum {

    color: #cccccc;

	}





/* ===[ Link colors in topic review section of reply page ]=== */

.topicreview, .topicreview-content a:link {

    color: #8c8c8c;

}

.topicreview, .topicreview-content a:visited {

    color: #8c8c8c;

} 



/* ===[ Post signature separator ]=== */

.post-signature {

    margin-top: 30px;

}



/* ===[ Modify post ID link color ]=== */

.post-id  a:visited {

    color: #dddddd;

}

.post-id  a:link {

    color: #dddddd;

}

.post-id  a:hover {

    color: #bbbbbb;

}



/* ===[ Pagination margin ]=== */

.pagination {

    margin-bottom: 0px;

}



/* ===[ Set minimum title height to account for empty post titles ]=== */

.h3 {

	min-height: 10px;

	}



/* ===[ Remove user online green line from mobile site ]=== */

.mobile-online {

    border-right: 1px solid #006699 !important;

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

}



/* ===[ Remove user online green line from mobile site ]=== */

.mobile-online {

    border-right: 1px solid #006699 !important;

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

}



/* ===[ Font color for post content ]=== */

.postbody .content {

	color: #333333;

}



/* ===[ Font color for signature ]=== */

.post-signature {

    color: #999999;

}



/* ===[ Make sure text does not overflow in forum stats ]=== */

.forumstats {

    overflow: hidden;

}



/* ===[ Darken topic info text on forum page slightly ]=== */

.table-primary tbody td {

	color: #999999;

	}





	

/* BBOOTS / FLATBOOTS Custom Colors Generated With COLORIZE - www.sitesplat.com - copyright (c) 2014 SiteSplat.com */

.logo span {

	color: #006699;

}



.logo-transition a:after {

	color: #006699;

}



.navBtn {

	background-color: #006699;

}



.navBtn > a {

	border-left: 1px solid #005580;

}



.submenu {

	border-bottom: 4px solid #006699;

}



.nav-icon:hover [class*="has-sub"] {

	color: #006699;

}



.submenu li:hover > a {

	color: #006699;

}



.submenu li:hover > span {

	background-color: #006699;

}



.subheader {

	border-top: 4px solid #006699;

}



.side-segment h3:after,

.side-segment h2:after {

	background-color: #006699;

}



.alert-info {

	background-color: #006699;

	border-color: #006699;

}



.label-info,

.badge-info {

	background-color: #006699;

}



.progress-info.progress-striped .bar,

.progress-striped .bar-info {

	background-color: #006699;

}



#scrollbar-one .thumb .end,

#scrollbar-two .thumb .end {

	background-color: #006699;

}



#scrollbar-one .thumb,

#scrollbar-two .thumb {

	background-color: #006699;

}



.tabbable-custom .nav-tabs > li.active {

	border-top: 3px solid #006699;

}



.ver-inline-menu li.active a,

.ver-inline-menu li.active i {

	background: none repeat scroll 0 0 #006699;

	border-left: 1px solid #005580;

}



.ver-inline-menu li.active:after {

	border-left: 6px solid #006699;

}



.ver-inline-menu li.active i {

	background: none repeat scroll 0 0 #0099e6;

}



.table-primary thead th {

	background-color: #006699;

	border-color: #006699 !important;

}



a.forumtitle {

	color: #006699;

}



.twitter-layout:before {

	color: #006699;

}



footer .interact a:hover {

	color: #006699;

}



footer {

	border-top: 3px solid #006699;

}



footer .bottomLinks small a {

	color: #FFFFFF;

}







#footerContent blockquote p span {

	color: #006699;

}







.btn-link {

	color: #006699;

}



.btn-link:hover,

.btn-link:focus {

	color: #005580;

}



.pager li > a:hover,

.pager li > a:focus {

	background-color: #006699;

}

/* BBOOTS - FLATBOOTS Main Links color */

a {

	color: #006699;

}







blockquote {

	border-left-color: #006699;

}



blockquote.pull-right {

	border-right-color: #006699;

}



.btn-primary {

	color: #ffffff;

	background-color: #006699;

	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: #006699;

}



.dropdown-menu > .active > a,

.dropdown-menu > .active > a:hover,

.dropdown-menu > .active > a:focus {

	color: #006699;

}



.dropdown-submenu:hover > a:after {

	border-left-color: #006699;

}

/* Button Backgrounds */

/* FLATBOOTS Custom Color Generated with COLORIZE */

/* FLATBOOTS Forum Panel Heading */

.panel-forum > .panel-heading {

	background-color: #006699;

}

/* FLATBOOTS Button Top */

.top-flat {

	background-color: #006699;

}



footer {

	border-top: medium none;

}

/* FLATBOOTS Teaser Header Background color */

.masthead:before {

	background-color: #006699;

}

/* FLATBOOTS Footer Call to Action Background Color */

.mastbottom {

	background-color: #006699;

}









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