/*
Theme Name: Flat Bootstrap Developer
Theme URI: http://xtremelysocial.com/wordpress/developer/
Description: Developer child theme for Flat Bootstrap. Strips back code to core Bootstrap without any of the parent themes CSS except the bare minimum needed for WordPress. No extra javascript or fonts are loaded either.
Author: XtremelySocial
Author url: http://xtremelysocial.com
Version: 1.4.1
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.4
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background
*/

/* To include the parent theme's stylesheet(s), uncomment the following line. */
/*@import url("../flat-bootstrap/style.css");*/

/* PUT YOUR CHANGED STYLES HERE 
 * 
 * The best way to do this is to copy in the relevant section from the parent's style.css
 * file, change what you want, and remove the lines that you didn't change.
*/

/* Make the buttons square. This is just an example, remove it if you want. */
.btn {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* Remove some padding from the content header since it doesn't have a colored background
 * now that we've removed our theme-flat.css. Remove this if you want that padding back.
 */
header.content-header, content-header {
	padding: 0;
	min-height: 0;
}

/* Remove the site name from the nav-bar. Since we haven't loaded the custom-header.php
 * which normally removes it when the site title and tagline are being displayed above
 * the navbar (which is the default).
 */
.navbar-brand {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}

/* PUT ANY NEW STYLES TO USE IN YOUR CONTENT AREAS HERE SO YOU CAN EASILY PASTE THIS
 * SECTION IF YOU CHANGE THEMES
 */

body {
	width: 100%;
	height: 100%;
	background : rgba(0, 0, 0, 0) url("http://wonderfacilityservices.com/backend/wp-content/uploads/2016/08/01.jpg") no-repeat fixed 50% 50% / 100% auto;
	font-family:"Merriweather",Arial,Tahoma,sans-serif;
	font-weight:400;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.site-header {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    padding: 15px 0;
}

#masthead .logo img {
	height:80px !important;
}

#masthead .navbar-default .navbar-nav > li > a {
	color: #ffffff;
}

#masthead .navbar-default .navbar-nav > li > a:hover, #masthead .navbar-default .navbar-nav > li > a:focus {
	background: rgba(37, 51, 59, .9);
	color: #ffffff;
	border-radius: 6px;
}

.dropdown-menu {
	background: rgba(0, 0, 0, .9) none repeat scroll 0 0;
	border-radius: 6px;
}

.dropdown-menu > li > a {
	color: #fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background: rgba(37, 51, 59, .9);
	color: #ffffff;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background: rgba(37, 51, 59, .9);
	color: #ffffff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background: rgba(37, 51, 59, .9);
	color: #ffffff;
	border-radius: 6px;
}

.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#home {
	min-height: 100%;
	min-height: 100vh;
}

#about-us {
	min-height: 100%;
	min-height: 100vh;
	display: -webkit-box;
	display: -moz-box;
	/*display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;*/
	
	-webkit-box-align : center;
	-webkit-align-items : center;
	-moz-box-align : center;
	-ms-flex-align : center;
	align-items : centre;
	-webkit-box-pack : center;
	-moz-box-pack : center;
	-ms-flex-pack : center;
	-webkit-justify-content : center;
	justify-content : centre;

	background: rgba(255, 255, 255, .8);
	width:100%;
}

#about-us h2, #services h2, #contact-us h2  {
	margin-bottom:30px;
}

#about-us p, #services p {
	text-align:justify;
}

#services ol {
	text-align:left;
}

#contact-us p {
	text-align:center;
}

#services {
	min-height: 100%;
	min-height: 100vh;
	display: -webkit-box;
	display: -moz-box;
	/*display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;*/
	
	-webkit-box-align : center;
	-webkit-align-items : center;
	-moz-box-align : center;
	-ms-flex-align : center;
	align-items : centre;
	-webkit-box-pack : center;
	-moz-box-pack : center;
	-ms-flex-pack : center;
	-webkit-justify-content : center;
	justify-content : centre;

	background: #ffffff;
	width:100%;
}

#contact-us {
	min-height: 100%;
	min-height: 100vh;
	display: -webkit-box;
	display: -moz-box;
	/*display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;*/
	
	-webkit-box-align : center;
	-webkit-align-items : center;
	-moz-box-align : center;
	-ms-flex-align : center;
	align-items : centre;
	-webkit-box-pack : center;
	-moz-box-pack : center;
	-ms-flex-pack : center;
	-webkit-justify-content : center;
	justify-content : centre;

	background: rgba(255, 255, 255, .8);
	width:100%;
}

footer {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	color:#ffffff;
}

li {
	line-height: 2;
}

footer a {
    color:#ffffff;
}

footer a:active, footer a:hover {
	color:#c4ad82;
	text-decoration:none;
}

.linkedin a {
	/*color:#0077B5 !important;*/
	font-size:20px !important;
}

#page, .navbar, .after-footer {
    max-width: 100% !important;
}
.accordion-group {
	border: medium none;
	border-radius: 0;
	margin-bottom: 0;
}
.accordion-heading {
	outline: medium none;
}
.accordion-heading .accordion-toggle {
	display: block;
	padding: 0px 0;
}
.form-control {
	margin-bottom:10px;
}
.btn-send { 
  color: #FFFFFF; 
  background-color: #000000; 
  border-color: #000000; 
} 
 
.btn-send:hover, 
.btn-send:focus, 
.btn-send:active, 
.btn-send.active, 
.open .dropdown-toggle.btn-send { 
  color: #FFFFFF; 
  background-color: #428bca; 
  border-color: #428bca; 
} 
 
.btn-send:active, 
.btn-send.active, 
.open .dropdown-toggle.btn-send { 
  background-image: none; 
} 
 
.btn-send.disabled, 
.btn-send[disabled], 
fieldset[disabled] .btn-send, 
.btn-send.disabled:hover, 
.btn-send[disabled]:hover, 
fieldset[disabled] .btn-send:hover, 
.btn-send.disabled:focus, 
.btn-send[disabled]:focus, 
fieldset[disabled] .btn-send:focus, 
.btn-send.disabled:active, 
.btn-send[disabled]:active, 
fieldset[disabled] .btn-send:active, 
.btn-send.disabled.active, 
.btn-send[disabled].active, 
fieldset[disabled] .btn-send.active { 
  background-color: #000000; 
  border-color: #000000; 
} 
 
.btn-send .badge { 
  color: #000000; 
  background-color: #FFFFFF; 
}
.form-control::-moz-placeholder {
    color: #686868;
    opacity: 1;
}