/*Theme Name: JoynerBurnette CPA
Theme URI: http://joynerburnettecpa.com/
Description: Custom Template for J. F. Joyner III CPA Firm
Author: Ask and Receive
Author URI: https://www.askandreceive.net
Version: 1.0
Tags: joyner, Jim Joyner III, CPA, accountants, CPA Firm, J. F. Joyner III CPA Firm
*/


body {
	font-family: 'Open Sans', sans-serif;
}
.logo {
	text-align: center;
}
.logo .img-responsive {
	margin-right: auto;
	margin-left: auto;
	width: auto;
	max-height: 100%;
}
.topNav {
	background-color: #231F20;
	font-size: 14px;
}
.topNav a {
	color: #FFFFFF;
}
 .sidebar {
	background-color: rgba(47,72,100,0.9);
	-webkit-box-shadow: 1px 1px 11px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 11px rgba(0,0,0,0.25);
	padding-bottom: 22px;
	color: #fff;
}
.sidebar h3, .sidebar p, .sidebar a {
	color: #FFFFFF !important;
}
.sidebar p {
	font-size: 16px !important;
}
.sidebar a {
	color: #ccc !important;
}
.sidebar a:hover {
	color: #ccc !important;
}

.sidebar ul {
	padding-left: 15px;
}
.sidebar li {
	line-height: 1.5;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.topNav .nav.navbar-nav li a:hover {
	text-decoration: none;
	background-color: #242021;
	color: #FFFFFF
}

.topNav .dropdown-menu li a:hover {
	background-color: #fff !important;
	color: #002D56 !important;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #333;
}
.nav > li > a:focus {
  text-decoration: none;
  background-color: #333;
}

.sub {
	background-color: #fff;
	margin-top: -20px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	color: #231F20;
	background-repeat: no-repeat;
	background-position: 90% bottom;
}
.sub h1 {
	color: #022E54;
	font-size: 24px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #005782;
	font-weight: 600;

}
.sub h3 {
	color: #002D55;
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #004E99;
	font-weight: 600;

}
.sub p {
	color: #211B1D;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
}
.sub ol {
	color: #211B1D;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
	padding-bottom: 15px;
	border-bottom: 1px dotted #B7B7B9;
	list-style-type: none;
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 3px 6px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #252122;
	background-color: #fff;
	border: 1px solid #014A75;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin-right: 5px;
}
.form-control:focus {
	border-color: rgba(102,175,233,0.35);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.btn-default {
	color: #242021;
	background-color: #B5B5B7;
	border-color: #ccc;
	padding-top: 5px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 5px;
}

.mainNav {
	font-size: 16px;
	font-weight: 600;
}
.main {
	background-color: #365373;
	margin-top: -20px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	color: #FFFFFF;
	background-image: url(/wp/wp-content/themes/joynerburnette/img/intro-bg.jpg);
	background-repeat: no-repeat;
	background-position: 90% bottom;
}
.main h1 {
	color: #FFFFFF;
	font-size: 24px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #005782;
	font-weight: 600;

}
.main h3 {
	color: #B6B6B8;
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #004E99;
	font-weight: 600;

}
.main p {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.5;
}

.footer {
	background-color: #231F20;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: rgba(255,255,255,1.00);
}
.footer h3 {
	font-size: 18px;
	font-weight: 600;
}
.footer p {

}



.footer a {
	color: rgba(255,255,255,1.00);
}
.footer a:hover {
	color: rgba(181,181,183,1.00);
	text-decoration: none;
}


.footer ul {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1.5;
}

.footer li {
	border-bottom: 1px dotted #151515;
}


@media (min-width:768px){

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #002C56;
}
.logo {
	height: 200px;
}
.bottom-nav .navbar-nav {
    width: 100%;
    text-align: center;
}
.bottom-nav .navbar-nav li {
	float: none;
	display: inline-block;
    }
.caret {
	margin-left: 5px;



}

.footer-contact {
	text-align: right;
}
.footer h3 {
	font-size: 18px;
	font-weight: 600;
	text-align: right;
}
.footer p {
	text-align: right;
}

.dropdown-menu > li > a {
	white-space: normal;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #222 !important;
  text-decoration: none;
  background-color: #ffffff;
  outline: 0;
}

}

@media (max-width:767px){
	
.nav.navbar-nav li {
	width: 100%;
	display: block;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	margin-bottom: -3px;

}
.mainNav .nav.navbar-nav li {
	width: 100%;
	display: block;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;

}
.topNav .nav > li > a {
  position: relative;
  display: inline-block;
  padding: 15px 15px;
  float: left;
  width: 25%;
  text-align: center;

}
.sub h3 {
	padding-top: 10px;
}
.sidebar img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.footer h3 {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
.footer p {
	text-align: center;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #231F20;
  outline: 0;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
}
.topNav .dropdown-menu li a:hover {
	background-color: #333 !important;
	color: #FFFFFF !important;
}
.topNav .dropdown-menu li a {
	background-color: #242021 !important;
	color: #FFFFFF !important;
}

}