/*

PJDI Custom CSS
=============
Author: Tonye Edet
Updated: January 2015


Brand colours
===================
PJDI Purple: #542e91 
PJDI Darker Purple: #482684
Off White: #F5F5F4


*/

/* Typography */
body {
   font-family: 'Source Sans Pro', sans-serif !important;
   font-weight: 400 !important;
   font-size: 16px;
   background: #F5F5F4;
}
h1, h2, h3, h4, h5, h6 {
   font-family: 'Source Sans Pro', sans-serif !important;
   font-weight: 700 !important;
   color: #482684 !important;
}

/* General Styles reset */
hr {
    border-width: 1px 0px 0px;
    border-color: #c4b8d6 -moz-use-text-color -moz-use-text-color;
 }

/* Logo text replacement */
.logo {
	background: url(images/pjdi-logo-md.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 269px;
	height: 75px;
	margin: 0 auto;
}
#logo-wrap {
	margin: 40px auto 20px;
}


/* Navbar */
.navbar-inverse .navbar-nav > li > a {
    color: #B99FE6;
}
#nav-wrap {
	background: #482684;
}
.navbar-inverse {
    border: none !important;
    margin-bottom: 0;
    background: #482684;
}
.navbar {
    border-radius: 0 !important;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #250e4d;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #FFF;
    background-color: #250e4d;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #482684;
}

/* Articles Home Single navigation */

.paging-navigation ul {
    margin: 0;
}

.paging-navigation li { display: inline; }

a.page-numbers,
span.page-numbers {
     padding: .3em .7em;
     color: #482684;
     color: hsl(0.73, 0.55, 0.33);
}

a:hover.page-numbers {
    color: #2c2162;
    color: hsl(0.69, 0.50, 0.26);
}

.paging-navigation .current {
    font-weight: bold;
    color: #2c2162;
    color: hsl(0.69, 0.50, 0.26);
}

.paging-navigation {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 2em;
    list-style-type: none;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.social-label {
    color: #fff;
    padding: 15px 0;
}
li > a.facebook-icon {
	padding-right: 0;
}


/*	----------------------------------------
	| HOME PAGE
	----------------------------------------	*/

/* carousel */
#slider-wrap {
	background-color: #250e4d;	
}
.carousel-caption {
	text-align: left;
}
#intro  {
	margin-top: 30px;
}
.lead {
	color: #482684;
}
#snippets img {
	height: auto;
}
#snippets h2, #team h2 {
	text-align: center;
	margin-top: 0;
}
#snippets, #team {
	margin-bottom: 30px;
	/*padding: 20px 0 40px;*/
    /*background: #bbabd3; /* #cc99cc */
}
#snippets h5 {
    text-align: center;
    background: #482684;
    padding: 5px;
    color: #fff !important;
    text-transform: uppercase;
    margin-bottom: 0;
}
.member-name {
	font-weight: 700;
	text-align: center;
	padding-top: 10px;
}
.board-members {
    margin-bottom: 20px;
    text-align: center;
}
.btn-pjdi {
 	margin: 100px 0;
 	background-color: #482684;
 	color: #fff;
 	border-color: #542e91;
}
.btn-pjdi:hover {
	background-color: #37266a;
	color: #fff;
 	border-color: #542e91;
}

/* Other Pages */
#main-content {
	/*margin-top: 30px;*/
}
.page-header {
	background: url(images/who-we-are-img.jpg) 0 0 no-repeat;
	height: 196px;
	margin-top: 0;
}
.page_title h1 {
    margin-top: 130px;
}

.widget {
	margin-bottom: 20px;
}

/*	----------------------------------------
	| FOOTER
	----------------------------------------	*/

.pattern {
	 /*background: #482684;*/
	 background: url(images/footer-bg.png) 0 0 no-repeat;
	 /*padding: 20px 0;*/
	 height: 286px;
}
#footer-matter {
	padding: 20px;
	background: #482684;
	color: #fff;
	text-align: center;
}
#social-icons a {
    color: #9882bd;
}
#social-icons a:hover, a:focus {
    color: #311a53;
}

/* Responsive Facebook Like Box */
iframe {
width: 100% !important;
}


/*	----------------------------------------
	| BLOG PAGES
	----------------------------------------	*/

/* Articles (Blog) Styles*/

.blog-wrap {
    padding: 10px 40px 40px;
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.attachment-post-thumbnail {
    width: 100%;
    height: auto;
    margin: 15px 0;
}

/* Blog Pages Widget Styles*/
.blog-widget aside ul {
	padding-left: 0;
	list-style: none;
}
.blog-widget aside li {
    border-bottom: 1px solid #DEDEDE;
    padding: 5px 0px;
}
.blog-widget aside h3 {
	margin-top: 0px;
    background: #482684;
    color: #fff !important;
    padding: 5px;
    font-size: 18px;
}
}
aside.widget_search {
    border: none;
    padding-top: 0;
}
a {
	color: #482684;
}
a:hover, a:focus {
    color: #482684;
    text-decoration: underline;
}
.read-article {
    padding: 20px 0;
    border-bottom: solid 1px #dedede;
    margin: 20px 0;
}
select {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

/*	----------------------------------------
	| FORMS
	----------------------------------------	*/

/* Contact Form */
.wpcf7-form {
    width: 60% !important;
}

/* Comments Form */
#commentform .control-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    text-align: left;
}
#commentform input {
	width: 40%;
}
#commentform textarea {
	width: 80%;
}
#commentform #submit {
	background: #482684;
	color: #fff;
	width: 20%;
}
#commentform p.form-submit {
    margin-left: 0;
}
#commentform #submit:hover {
	color: #B99FE6;
}


/* Post Navigation */
.post-navigation {
	border-bottom: solid 1px #d2d2d2;
	padding-bottom: 20px;
}
.post-navigation h1 {
    font-size: 18px;
    line-height: px;
	margin-top: 7px;
}
.nav-indicator {
    font-weight: 700;
}