/*
Theme Name: JOEL 2017
Theme URI: http://www.jkitconsultants.com/joel2017
Author: Joel Kumwenda
Author URI : http://www.jkitconsultants.com/jkumwenda
Description: AO Alliance 2016 theme is simple and clean, good for holiday resort but can be customized for other use, and designed for clarity. AO Alliance 2016 is based built using bootstrap that means it adapts to different device sizes.
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, green, white, dark, light, two-columns, left-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images
Text Domain: Joel2017

This theme, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('css/bootstrap.min.css');
@font-face {
	font-family: Raleway;  
	src: url('fonts/roboto/Roboto-Regular.ttf'); 
}

html, body{
	font-family: Raleway;
	line-height: 28px;
	color: #333;
}

/*Navigation*/

	.slider-caption{
	background: rgba(0, 0, 0, 0.45);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px; border-radius:40px;
	}

	.nav-container{
		background-color: #0f3973;
}

.navbar-nav > li > a {padding-top:9px !important; padding-bottom:8px !important;}
.navbar {min-height:36px !important}

.navbar-default {
	background-color: #0f3973;
	margin-bottom: 0px;
	border-top-color: #0f3973;
	border-right-color: #0f3973;
	border-bottom-color: #0f3973;
	border-left-color: #0f3973;
}
.navbar-default .navbar-brand {
  color: #d1e3fc;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #f9f9f9;
}
.navbar-default .navbar-text {
  color: #d1e3fc;
}
.navbar-default .navbar-nav > li > a {
  color: #d1e3fc;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #f9f9f9;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f9f9f9;
  background-color: #174a90;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #f9f9f9;
  background-color: #174a90;
}
.navbar-default .navbar-toggle {
  border-color: #174a90;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #174a90;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #d1e3fc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #d1e3fc;
}
.navbar-default .navbar-link {
  color: #d1e3fc;
}
.navbar-default .navbar-link:hover {
  color: #f9f9f9;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #d1e3fc;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f9f9f9;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f9f9f9;
    background-color: #174a90;
  }
}



	


/*Content wrap*/
.logo{
	display: block;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

.main-container{
	background-color: #FFFFFF;
	margin-top: 10px;
}
.banner-container{
	background-color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
}

.main-wrap{
}
.footer-line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-bottom: 20px;
}
.footer-wrap{
	background-repeat: repeat-x;
	background-color: #FFF;
	margin-top: 10px;
	padding-top: 20px;
}
.copyright-wrap{
	background-color: #526785;
	color: #CCC;
}
.slider-container{
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #f3f7fb;
	padding-right: 0px;
	padding-left: 0px;
}
.copyright{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}

.alignright {
	background: gray;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.alignleft {
	background: gray;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.content-text{
	margin-bottom: 20px;
}

.sidebar{
	margin-top: 20px;
	background-color: #f9f9f9;
	border-width: 1px;
	border-style: solid;
	border-color: #f2f2f2;
	border-radius: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
}
.sidebar-title{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cdcdcb;
	line-height: 40px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	padding-top: 0px;
}

.sidebar ul{
	padding-right: 0px;
	padding-left: 0px;
	list-style-type: none;
	list-style-position: inside;
}

.sidebar ul li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cdcdcb;
	line-height: 30px;
	padding-right: 5px;
	padding-left: 5px;
}

.sidebar ul li a{
	display: block;
	text-decoration: none;
}

.sidebar ul li a{
	display: block;
	text-decoration: none;
}

.sidebar ul li a:hover{
	background-color: #d1d1d1;
}

.sidebar p{
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.footer-widget{
	margin-top: 30px;
	border-radius: 0px;
	margin-bottom: 20px
}

.footer-title{
	line-height: 40px;
}

.footer-widget ul{
	padding-right: 5px;
	padding-left: 5px;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(images/bullet.png);
}

.footer-widget ul li{
	line-height: 30px;
	padding-right: 5px;
	padding-left: 5px;
}

.footer-widget ul li a{
	display: block;
	text-decoration: none;
}

.footer-widget p{
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.news-title{
	background-color: #225999;
	padding: 8px;
	color: #FFF;
	text-align: left;
	}
	
.news-list ul{
	padding: 0px;
	margin: 0px;
	list-style-position: outside;
	line-height: 20px;	/*list-style-image: url(images/lst.png);*/
	list-style-type: none;
}
.news-reader{
padding-left:10px;
}
.text-footer{
	font-size: 10px;
}
.news-heading{
font-size:14px; 
}