/*
Theme Name: Bootstrap_Bones_2015
Theme URI: https://www.jamesalexhall.co.uk
Description: Naked Wordpress Theme
Author: James Alex Hall
Author URI: https://www.jamesalexhall.co.uk
Version: 1.1
Tags:
License:
License URI:
*/

/* COLOURS */

/* GREEN = #6fbf4b */
/* BLUE = #1f96da */
/* LIGHT GREY = #eaeff3 */
/* DARK TEXT = #383a35 */
/* DARK GREY/BLUE = #7d8ea2 */

/* TYPOGRAPHY */

html{
	-webkit-font-smoothing: antialiased;
}

body{
	font-family: 'Roboto', sans-serif;
}

p{
	color: #383a35;
	font-size: 18px;
	font-weight: 300;
	margin-bottom:20px;
}

ul{
	color: #383a35;
	font-size: 18px;
	font-weight: 300;
	margin-bottom:20px;
}

ul li{
	margin-bottom:5px;
}

ol{
	color: #383a35;
	font-size: 18px;
	font-weight: 300;
	margin-bottom:20px;
}

h1,h2,h3,h4,h5{
	font-family:'Roboto Condensed',sans-serif;
	color:#383a35;
	margin:0 0 20px 0;
}

h1{
	font-size: 50px;
	font-weight: 400;
	text-align: center;	
}

h2{
	font-size: 40px;
	font-weight: 300;
	text-align: center;	
}

h3{
	font-size: 30px;
	font-weight: 300;
	text-align: center;	
}

a.green{
	color: #6fbf4b !important;
}

/* IMAGES */

img.alignright {float:right; margin:0 0 20px 20px}
img.alignleft {float:left; margin:0 20px 20px 0}
img.alignnone {}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img{
	max-width:100%;
	height:auto;
}

/* COLOR BANDS */

.js_odd_band{
	background-color:#eaeff3;
	padding:40px 40px 20px 40px;
}

.js_even_band{
	background-color:#ffffff;
	padding:40px 40px 20px 40px;
}

.js_last_band{
	
}

.js_first_band{
	
}

/* COLUMNS */

.bs_col{
	border:0 !important;
}

.bs_col div{
	border:0 !important;
}

/* FOOTER */

.grey_band{
	background-color:#eaeff3;
	padding:40px 40px 20px 40px;
}

.green_band{
	background-color:#1f96da;
	padding:40px 40px 20px 40px;
}

.green_band p{
	color:#ffffff;	
}

.green_band a{
	color:#ffffff;	
}

.green_band a:hover{
	color:#ffffff;
	text-decoration:underline;
}

.foot_wrap{
	padding:40px 40px 20px 40px;	
}

/* COLOUR HIGHLIGHTS */

.green{
	color:#6fbf4b;
}

/* NAV */

/* MOBILE BUTTON*/

	#dd-button{
		color:#ffffff;
		font-size:18px;
	}

	.navbar-toggle {
		float:none;	
		margin:10px 0 10px 0px;
	}   
	.navbar-header{
		text-align:center;
	}
	
/* BOOSTRAP OVERIDES */

.navbar{margin:0;}

.navbar a{
	font-family:'Roboto Condensed',sans-serif;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
}

@media (min-width: 992px) {
	
	.navbar-inverse{
		background-image:none;
		background-color:#ffffff;
		border:0;
	}

	.navbar-inverse .nav > li > a{
		color:#383a35;
		background-color:#ffffff;
	}

	.navbar-inverse .nav > li > a:hover{
		color:#1f96da;
		background-color:#ffffff;;
	}

	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		color:#1f96da;
		background-color:#ffffff;
	}


	.navbar-inverse .navbar-nav > .open > a,
	.navbar-inverse .navbar-nav > .open > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus {
		color:#1f96da;
		background-color:transparent;
	}

	.navbar-nav > li > a {
		padding:40px 10px 10px 10px;
	}

}

/* STICKY */

#sticky.stick {
	position: fixed;
    top: 0;
    z-index: 10000;
	width:100%;
	background-color:#ffffff;
}

@media (max-width: 991px) {
	
	#sticky.stick img.logo{
			display:none;
	}
	
	#sticky.stick {
		background-color:#ffffff;
	}
	
}

@media (min-width: 992px) {

	#sticky.stick img.logo{
		max-height:45px;
		margin-top:5px;
		margin-bottom:5px;
	}

	#sticky.stick .navbar-nav > li > a {
		padding:24px 10px 5px 10px;
	}

}

/* HEADER */

.logo{
	margin-top:20px;
	margin-bottom:20px;
}

.nav_outer{
	border-bottom:1px solid #7d8ea2;
}

.top_bar_wrap{
	background-color: #383a35;
	text-align:right;
	padding:5px;
}

.top_bar_wrap p{
	margin:0;
	color:#ffffff;
	font-size:14px;
}

/* HOME PAGE BLOG */

.hp_img_wrap{
	height:200px;
	margin-bottom:20px;
	overflow:hidden;
}

.hp_img_wrap img{
	display:block;
	margin:auto;
}

.hp_desc_box{
	height:200px;
	margin-bottom:20px;
	overflow:hidden;
}

/* INTRO WRAP */

@media (max-width: 991px) {
	.intro_wrap{
		background-color:#eaeff3;
		padding:40px 40px 20px 40px;
	}	
}

@media (min-width: 992px) {

	.intro_wrap{
		width:100%;
		height:600px;
		background:url('https://www.engageonlinemarketing.com.au/wordpress/wp-content/uploads/2017/02/intro-bg-2.jpg');
		background-position: top center;
		background-size: cover;	
		margin-bottom:20px;
		border-bottom:1px solid #7d8ea2;
	}

	.intro_wrap .left{
		padding-top:100px;
		
	}

	.intro_wrap .left p{
		font-size:18px;
		margin-bottom:20px;
		line-height:1.5;
	}

	.intro_wrap .left p.leader{
		font-size:24px;	
	}

	.intro_wrap .right{
		text-align:center;
		padding-top:510px;
	}

}

/* CLIENT SLIDER */

#carousel_0 .carousel-control.right{
	background:none;
	color:#666666;
}

#carousel_0 .carousel-control.left{
	background:none;
	color:#666666;
}

/* FAQ */

#faq h4{
	font-size:20px;
}

#faq{
	margin-bottom:40px;
}

#faq a{
	outline: 0 !important;
	text-decoration:none;
}

#faq a[aria-expanded="true"] i:before {
  content: "";
}

#faq .panel-heading{
	background-color:#6fbf4b;
	color:#ffffff;
}

.subscribe_box{
	max-width:800px;
	margin:auto;
}

a[data-cb-type="checkout"]{
  background-color:#6fbf4b;
  padding:10px;
  color:#ffffff;
  border:1px solid #6fbf4b;
  font-size:18px;
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
}

a[data-cb-type="checkout"]:hover{
  background-color:#ffffff;
  color:#6fbf4b;
  text-decoration:none;
}