/*
Theme Name:         Blackbaud Bootstrap (child) - Theme 1
Theme URI:          https://www.blackbaud.com
Description:        Blackbaud Bootstrap is a WordPress starter theme based on the Roots Theme. <a href="https://github.com/roots/roots/contributors">Contribute on GitHub</a>
Version:            1.0.0
Author:             Blackbaud Interactive
Template:           blackbaud-bootstrap
License:            MIT License
License URI:        https://opensource.org/licenses/MIT
*/

@import url("../blackbaud-bootstrap/style.css");


.navbar-inverse .navbar-toggle {background-color: #630b0f;}


#media {
	background-color: #f4eee6;
	box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2) inset;
}
	#media .container {
		position: relative;
	}
	#media .carousel-caption,
	#media .carousel-indicators {
		left: 0;
		margin-left: 0;
		padding-left: 20px;
		right: 0;
		text-align: left;
	}
	
	
	/* custom styles IndyLas */
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	}
#mediaButtons {
	position: relative;
	right: 10px;
	bottom: -35px;
	z-index: 2;
}
.home #mediaButtons {
	bottom: -18px;
}
/* media buttons */
#mediaButtons {
	bottom: auto;
    right: auto;
    z-index: 2;
	margin: 0;

}

#mediaButtons ul {
	width:100%
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#mediaButtons ul li {
	float: left;
	width: 22%;
	background-color: #630b0f;
	opacity: 0.9;
	margin: 0 1% 0;
	list-style: none;

}
#mediaButtons ul li:first-child {
	margin-left: 0;
}
#mediaButtons ul li a {
	font-family:'Museo500', Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration: none;
	line-height: 3em;
	padding: 0 3em 0 1em;
	display: block;
	position: relative;
	text-align:center;
	text-transform:uppercase;
}

#mediaButtons ul li a:hover, #mediaButtons ul li a:after {
	background-color:#000;
	background-color:rgba(0,0,0,0.1);
	-pie-background:rgba(0,0,0,0.1);
}
#mediaButtons ul li a:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 15px;
	content: "";
}

/* Indylas styles */
	body {
		font-family:Arial,sans-serif;
		font-size:12px;
	}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	h1, h2, h3 {
		color: #630b0f;	
	}
	h3{
		font-size:18px;
		text-transform:uppercase;
	}
	a {
		color: #630b0f;	
		text-decoration:none;
	}
	a:hover {
		text-decoration: underline;
		color: #630b0f;	
	}
	#wpadminbar a, #wpadminbar a:hover {
		color:#ccc;	
	}
	.home .page-header {
		margin:20px 0 0 0;
	}
	.page-header {
		border:none;
		margin:0;	
	}
	.page-header h1 {
		margin:0;
		padding:0;
	}

.navbar-inverse {
	background:#ffffff;	
	border:none;
}
.navbar-inverse .navbar-nav > li > a, .carousel-control, #mediaButtons ul li a, #footer p > a, #footer li > a, #footer strong {
	color:#ffffff;
}	
.navbar-nav > li > a {
	padding-top:12px;	
	padding-bottom:12px;	
}
#footer{
	background:#630b0f;
}
#footer h4 {
	color: #ffd204;
	text-transform:uppercase;
	font-size:15px;
}
#mediaButtons ul li a:hover {
	    color: #fff;
	text-decoration:none;
}
#nav {
	top: 0;
    width: 100%;
	z-index:3;
	bottom:auto;
}
.btn-primary {
	background-color: #630b0f;
    border: none;
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #480104;
    border: none;
    color: #fff;
	text-decoration:none;
}
input.search-query {
	background-color: #f4eee6;
	border-radius: 0;
	color: #630b0f;
	border:none;
}
#content {
	min-height: 300px;
}
#content-secondary {
	background-color: #f4eee6;
	border-top: solid 1px #e2d7ca;
}
#content-secondary h3 {
	border-bottom:solid 1px #630b0f;
}
#content-secondary h3 a:hover {
	text-decoration:none;
}
#content-secondary ul {
	padding:0;
}
#content-secondary ul li {
	list-style-type:none;
	font-weight: bold;
}
#content-secondary ul.children{
	padding:0 0 0 20px;
}
#content-secondary ul.children li {
	list-style-type:none;
	font-weight: normal;
}
#media {
	background-color: #f4eee6;
	box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2) inset;
}
#header {
	background: url("../../uploads/2014/09/headerbg.gif") repeat-x 0 0 #ffffff;
	margin:0;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin:0;
}
.navbar-brand {
	position:relative;
	padding:10px 0 5px;
	margin:0;
	z-index:2;
	height:auto;
}
.home #content-secondary {
background:#f4eee6;
}
#footer {
	border-top:solid #480104 50px;
}
#footer .footerContainerTop {
	margin-top:-62px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#ffffff;
	margin-bottom: 20px;
}
#footer .footerContainerTop h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#fdd003;
	float:left;
	margin:1px 5px 0 0;
}
#footer ul.menu {
	margin:0;
	padding:0;
	float:left;
	width:100%;
}
#footer ul.menu li {
	list-style-type:none;
	padding:5px 0;
}
#footer ul.menu li a {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer-bucket-1 {
	text-align: right;
	margin-top: -10px;
}
	
#footer-bucket-2 .widget_nav_menu {
	float: left;
	width: 16%;
}

#utility {
	width:120px;
}
#utility .input-group-btn {
	display:none;
}
#utility input.search-query {
	width:100px !important;
}

.nav > li > a:hover, .nav > li > a:focus {
background:#480104;	
 color: #ffd204;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background:none;
	 color: #ffd204;
}

.carousel-caption {
    background: #999999;
    bottom: auto;
    float: right;
    height: auto !important;
    left: auto !important;
    opacity: 0.9;
    padding:10px;
    right: 60px !important;
    top: 15%;
    width:45%;
}
.carousel-caption h4 {
	display:none;
}
	
/* media query styles */	

	
	@media (max-width: 767px){
		#footer-bucket-1 {
			text-align: center;
			margin-top: 20px;
		}
		#mediaButtons ul li a{
			font-size: 120%;
			padding: 0;
		}
		#mediaButtons ul li {
			width: 100%;
			position: relative;
			margin: 0;
			border-top: 1px solid #000;
		}
		#mediaButtons {
			top: 0;
		}
		#media .container {
			padding:0;
		}
		#utility form {
			padding: 15px;
		}
		.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
			border:none;
		}
		
		#logo .navbar-brand a,
		#logo .navbar-brand img {
			display:block;
			height:auto;
			width:100%;
		}
		#nav {
			margin:20px 0 0 0;
		}
		/*.carousel-caption h4 {
			font-size:125%;
		}*/
		.carousel-caption p {
			font-size:100%;
		}
		.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
			margin: 0 0 20px 0;
		}
		.carousel-caption {
			clear:both;
			position:relative;
			float:left;
			width:100%;
			right: auto !important;
		}
		.carousel-indicators {
			top:0px;	
		}
	}
	@media (min-width: 768px) {
		#mediaButtons ul li a{
			font-size: 120%;
			padding: 0;
		}
		#mediaButtons {
			position: absolute;
			top:-35px;

		}
		#mediaButtons  ul {
			padding-left: 5%;
		}
		#nav {
			left: 0;
			position: absolute;
			width: 100%;
		}
		#nav > ul {
			float: none;
			margin: 0 auto;
			padding-left: 15px;
			padding-right: 15px;
			width: 750px;
			}
		#logo .navbar-brand a,
		#logo .navbar-brand img {
			display:block;
			height:auto;
			width:90%;
		}
		#utility {
			text-align: right;
		}
		#utility ul {
			margin-top: 15px;
			margin-bottom: 10px;
			float: none;
		}
		#utility li {
			margin: 0 0 0 15px;
			float: none;
			display: inline-block;
		}
		#utility li a {
			padding: 0;
		}
		#utility form {
			margin-bottom: 20px;
			padding-right: 0;
			margin-top:3px;
		}
		#logo .navbar-brand {
			margin-top:34px;
		}
		#utility {
			display:none !Important;
		}
			/*.carousel-caption h4 {
			font-size:150%;
		}*/
		.carousel-caption p {
			font-size:125%;
		}

		}

	@media (min-width: 992px) {
		#mediaButtons ul li a {
			font-size: 170%;

		}
		#mediaButtons ul {
			padding-left: 5%;
		}
		#nav > ul {
			width: 970px;
			padding-left: 120px;

		}
			#logo .navbar-brand {
			margin-top:0;
		}
		#utility {
			display:block !Important;
    		text-align: right;
   			width: 9%;
		}
		/*.carousel-caption h4 {
			font-size:150%;
		}*/
		.carousel-caption p {
			font-size:125%;
		}
		
	}
	
	@media (min-width: 1200px) {
		#nav > ul {
			width: 1170px;
			padding-left: 120px;
		}
			#utility {
			text-align: right;
			width: 25%;
		}
		/*.carousel-caption h4 {
			font-size:200%;
		}*/
		.carousel-caption p {
			font-size:175%;
		}
		
	}