/* CSS Document */
/* Move down content because we have a fixed navbar that is 50px tall */
html { 
	margin: 0;
}
body {
  	padding-top: 20px;
  
}


/* HEADER & NAVBAR */

nav li a{
	margin-top: 5px;
	color: #fff!important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight:400;
	letter-spacing: 1px;
	padding-top: 15px!important;
	padding-bottom: 15px!important;
	line-height: 20px!important;
}
nav li a:hover {
	color: #ab58aa!important;
	background: rgba(0,0,0,0.3)!important;
	transition: ease .5s;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
	/* Current Nav Link */
	color: #ab58aa!important;
	background: rgba(0,0,0,0.5)!important;
}

 
.dropdown-menu>.active>a {
	/* Removes automatic highlighting of current menu item */
	background: rgba(0,0,0,0.3)!important; 
}


.navbar.navbar-default.navbar-fixed-top{
	background: rgba(0,0,0,0.7);
	height: 55px!important;
	box-shadow: 3px 2px 25px rgba(0,0,0,0.5);
	border-bottom: none;
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a{
	background: rgba(0,0,0,0.2)!important;
}

.navbar-toggle:hover {
	background: #555!important;
	transition: ease .5s;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}


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

ul.dropdown-menu {
	background: rgba(0,0,0,0.7);
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background: rgba(51,51,51,0.92);
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background: rgba(51,51,51,0.92);
}

div.nav.navbar-nav.navbar-right>ul>li {
	display: inline;
	
}
.current-menu-item > a {
	background: #000;
}
/* END NAVBAR */







/* General Styles */
a {
	color: #593f7f;
}
.fa {
	color: #59357f;
}


.btn-default {
	background-color: #e4d7f6!important;
	border-color: #593f7f!important;
	color: #593f7f!important;
	transition: 1s;
}
.btn-default:hover {
	background-color: #593f7f!important;
	color: #e4d7f6!important;
}

.btn-custom {
	background-color: #593f7f!important;
	color: #e4d7f6!important;
}
.btn-custom:hover {
	background-color: #593f7f!important;
}

.btn-primary,
.btn-primary a {
	background: #007cc2!important;
	color: #fff!important;
}

.btn-primary:hover {
	background: #003366!important;
}

.btn a
.btn-success,
.btn-success a,
.btn-success a:visited,
.btn-warning,
.btn-warning a{
	color: #fff!important;
}


.carousel-control.right, .carousel-control.left {
	/* Remove background from bs carousel */
  	background-image:none;
}

.search-form-container {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 15px;
}
#websearch {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#websearch input {
	background: #dddddd;
}
.emphasis {
	color: #000;
	font-weight: bold;
}




/* BLOG TEMPLATE */
.bloginfo {
	color: #fff;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.blogdescription {
	font-size: 10px;
	line-height: 10px;
	display: block;
}

.blog-header {
	padding: 2%; 
	color: #f8f8f8; 
	background: #593F7F; 
	height: 150px;
}

article.post-aside small{
	font-weight: bold;
}
article.post-aside .well{
	background: #f9f9f9;
}
article.post-link .well{
	background: #ebe5f8;
	border: 1px solid #593F7F;
}

aside {
	padding-left: 20px;
}
article {
	padding-left: 20px;
	padding-right: 20px;
}

.post-categories {
	list-style: none;
	display: inline;
	float: none;
}


.page-title {
	margin-top: 20px;
	padding: 1em 0; 
	color: #f8f8f8
}

.postedin {
	font-size: 12px;
	background: #f4f4f4;
}

.thumbnail {
	font-weight: bold;
	background: #f9f9f9;
	border: 3px solid #ccc;
	box-shadow: 1px 2px 5px rgba(50,50,50,0.2);
	transition: .5s;
}
.thumbnail:hover {
	box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
}


/* DEFAULT HOME PAGE TEMPLATE */
.jumbotron {
	text-align: center; 
	background-color: #593F7F!important;
	
}
.jumbotron img {
	max-width: 100%;
}

.jumbotron h1{
	margin-top: 0;
	margin-bottom: 30px;
	color: #f8f8f8!important;
}

.jumbotron p {
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 100;
	color: #f8f8f8;
}

#hmcontent {
	background: #f5f5f5;
	margin-bottom: 0!important;
}
#hmcontent,
.hmcontent,
.content {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 20px;
}

.hmcontent {
	text-align: center;
}
#main {
	min-height: 950px;
}

.hmcontent h2,
.hmcontent h3,
.content h2,
.content h3 {
	color: #593f7f;
	text-transform: uppercase;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}
.hmcontent h3,
.content h3 {
	font-size: 20px;
}

.hmcontent p,
.content p {
	font-size: 20px;
	font-weight: 300;
}

/* BUTTON LINK AND HOVER COLORS */


.hmcontent a,
.content a {
	color: #593f7f;
}
.hmcontent a:hover,
.content a {
	
}

.hmcontent hr {
	border-top: 1px solid #555;
	width: 160px;
	margin-top: 15px;
}


/* ADDITIONAL STYLES */


#privacy {
	margin: 50px auto; 
	padding: 30px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	box-shadow: 2px 3px 8px #f3f3f3;
}

#sidebar {
	margin-top: 0;
	padding: 20px;
}
#sidebar h2 {
	font-size: 20px;
}
#sidebar h3 {
	font-size: 17px;
}
#sidebar ul li {
	list-style: none;
}

footer {
	background: #333;
	padding: 20px;
	color: #ddd;
}

/* Blog Pages */
.commentlist {
	background: #f8f8f8;
	margin: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}
input#submit {
	background: #593f7f;
	color: #f8f8f8;
	font-weight: 300;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 10px;
}
.postcontent p {
	margin-bottom: 1.8em;
}

ul li,
ol li {
	font-size: 1.4em;
	font-weight: 300;
}


/****************************** MEDIA QUERIES **************************************/

/* Large devices (large desktops, 1199px and up) */
@media screen and (max-width: 1199px) { 
	.jumbotron h1 {
		font-size: 56px; 
		margin-bottom: 20px;
	}
}

/* Medium devices (desktops, 991px - 768px ) */
@media screen and (min-width: 991) { 
	.jumbotron h1 {
		font-size: 44px; 
		margin-bottom: 15px;
	} 
	.jumbotron p {
		padding: 0 10px;
	}
	#hmcontent {
		padding-bottom: 20px;
		padding-top: 20px;
	}
}


/* Small devices (tablets, 767px - 400px) */
@media screen and (max-width: 767) { 
	.navbar-brand > img {
		width: 80%;
		margin-top: -40px!important;
	}
	.jumbotron h1 {
		font-size: 24px; 
		margin-bottom: 15px;
	} 
	
	.hmcontent p,
	.content p {
		font-size: 10px;
	}
	
	#hmcontent {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.row { padding: 20px; }
}