@charset "UTF-8";
/* CSS Document */

a, a:hover, a:active, a:focus {
	outline:none;	
}
h2, h3, h4, h5, h6 {
	line-height:1.3;	
}
.container-fluid {
	padding:0;	
}
.img-responsive {
	width:100%;	
}
.navbar {
	margin-bottom:0;	
}
.navbar-default {
	border:0 none;
}
.navbar-toggle {
	margin:15px 0 0 15px;	
	padding:19px 18px;
	float:left;
}
ul.nav.navbar-nav li a {
	background-color:#FFF;
}
ul.nav.navbar-nav li ul.dropdown-menu {
	padding:0;
	border-bottom:0 none;
}
ul.nav.navbar-nav li ul.dropdown-menu li a {
	text-align:left;	
	padding:15px 5px 15px 25px;
}
.container > .navbar-header {
	height:90px;
	border-bottom:1px solid #d6dbe0;	
	position:relative;
}
.navbar-collapse.collapse, .navbar-collapse.in {
	overflow:visible;
}
.nav.navbar-nav {
	height:auto;
	margin:0 -15px;	
}
.navbar-collapse.in .nav.navbar-nav li {
	border-bottom:1px solid #d6dbe0;	
}
.navbar-collapse.in .nav.navbar-nav li#p-w-nav,
.navbar-collapse.in .nav.navbar-nav li#photography-portfolio-nav {
	border-bottom:0 none;	
}
.nav.navbar-nav li a {
	font-size:24px;
	padding:15px;
}
.navbar-collapse.in .nav.navbar-nav li a:hover {
	background-color:#eff3f7;
}
#home-nav {
	width:180px;
	height:60px;	
	margin-left:-90px;
	padding:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../images/david-sloan-site-logo-mobile.png);
	position:absolute;
	top:15px;
	left:50%;
	display:block;
	float:none;
}
.jumbotron {
	padding:0;	
	position:relative;	
}
#my-thoughts {
	width:100%;
}
.jumbotron p {
	color:#bdc9d6;
	font-size:14px;
	font-weight:500;
	line-height:30px;
	margin:0 auto 0;
	padding:30px 15px;
	background-color:#000;
}
#home-signature {
	display:none;
}
footer {
	position:relative;
	height:90px;
	margin-top:30px;	
}
footer .container {
	padding:0;	
}
#social-icon-nav {
	text-align:center;
	width:100%;
	position:absolute;
	top:0;
	right:20px;	
}
#social-icon-nav li {
	list-style:none;
	width:30px;
	display:inline-block;
	*zoom:1;
	*display:block;	
}
#social-icon-nav li {
	font-size:30px;	
}
#portfolio-tabs {
    margin:30px 0 40px;
    padding:0;
}
#portfolio-tab-wrapper {
	font-family:'Oswald';
    font-size:14px;
    letter-spacing:0.018em;
    padding:0;
}
.media-boxes-filter li a {
	font-family:'Oswald';
    font-size:14px;
    letter-spacing:0.018em;
}
.nav-tabs {
	border-bottom:1px solid #d6dbe0;
}
.media-boxes-filter li {
	padding:0;	
}
.nav-tabs > li,
.media-boxes-filter li {
	margin:0 0 0 0;
}
.nav-tabs > li > a,
.media-boxes-filter li a {
	color:#bdc9d6;
	background-color:#eff3f7;
    -webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.nav-tabs > li > a:hover,
.media-boxes-filter li a:hover {
	color:#fff;
	background-color:#bdc9d6;
}
.nav-tabs > li > a:focus,
.media-boxes-filter li a:focus {
	background-color:#3a9ad7;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
.media-boxes-filter li a.selected, .media-boxes-filter li a.selected:hover, .media-boxes-filter li a.selected:focus {
	color:#FFF;
    background:#3a9ad7;
	border-color:#3a9ad7 #3a9ad7 transparent;
}
.image-lightbox-wrapper a {
	margin-bottom:30px;
	display:block;	
}
.image-lightbox-wrapper a img {
	width:100%;
	height:auto;
}
#copyright {
	text-align:center;
	padding-top:50px;	
}
.mfp-figure:after {
	background:transparent;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.mfp-content {
	width:100%;
	position:static;	
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	position:fixed;
    right:10px;
    top:2px;
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	position:fixed;
	top:6%;	
}
.mfp-arrow {
	position:fixed;	
}
.web-lightbox-pop img.mfp-img {
	max-height:10000px !important;
	width:75%;
}
img.mfp-img {
	max-width:75%;
}
.mfp-counter {
 	position:fixed;	
	right:25px;
	top:95%;
}
.web-lightbox-pop .mfp-counter {
	display:none;
}
body#resume h2 {
	color:#3a9ad7;	
}
body#resume-wrapper ul {
	padding-left:1em;	
}
body#resume-wrapper ul li {
	padding:5px 0;
}
body#resume .jumbotron img {
	width:100%;
	height:auto;
}
body#praise-worship {
	
}
body#praise-worship h4 {
	font-size:120%;	
}
body#praise-worship .nav-tabs > li > a {
	font-size:12px;
	font-family:'Oswald';
    padding:10px 7px;
}
body#praise-worship #music-tabs {
	margin-top:30px;
	margin-bottom:0;
}
body#praise-worship .tab-pane div p {
	height:2.5em;
	margin:0;
	padding:0;
	position:relative;
}
body#praise-worship div.music-list {
	margin:0;
	padding:0;	
}
body#praise-worship div.music-list div {
	border-bottom:1px solid #d6dbe0;
}
body#praise-worship div.music-list div:nth-child(odd) {
	background-color:#f7f9fb;
}
body#praise-worship div.music-list div:nth-child(even) {
	background-color:#eff3f7;
}
body#praise-worship .tab-pane div p span {
	width:80%;
	position:absolute;
	top:.4em;
	left:0;
	display:block;
}
body#praise-worship .tab-pane div p i {
	font-size:18px;
	position:absolute;
	top:.5em;
	right:1.2em;
	display:block;
}
body#praise-worship .tab-pane div p i.drum-track-icon {
	right:0;
}
body#praise-worship .tab-pane div p i.fa-dashboard {
	right:2.4em;
}
body#praise-worship i.music-icon,
body#praise-worship i.drum-track-icon,
body#praise-worship i.fa-dashboard {
	color:#3a9ad7;
}
.legend h5 {
	margin:0 0 5px;	
}
#music-disclaimer {
	margin-top:30px;	
}
body#music h1 {
	font-size:48px;
	line-height:100%;
}
body#music h1.page-tags, h1.page-tags {
	color:#d6dbe0;
	font-size:10px;	
}
body#music h4 {
	font-size:14px;
}
#music-tab-wrapper {
	margin:30px 0 10px;	
}
.music-portfolio .music-row p {
	height:2.5em;
	margin:0;
	padding:0;
	position:relative;
}
.music-portfolio .music-row p span {
	width:90%;
	position:absolute;
	top:.4em;
	left:10px;
	display:block;
}
.music-portfolio .music-row p i {
	font-size:18px;
	position:absolute;
	top:.5em;
	right:1.2em;
	display:block;
}
.music-portfolio p.song-one,
.music-portfolio p.song-two,
.music-portfolio p.song-three,
.music-portfolio p.song-four {
	border-bottom:1px solid #d6dbe0;
}
.music-row {
	padding-bottom:30px;	
}
.music-row div img {
	width:100%;
	height:auto;
}
.cd-name {
    color:#fff;
    font-family:'Oswald';
    font-weight:400;
    letter-spacing:0.03em;
    margin:20px 0 30px;
    padding:10px;
    background-color:#8c99a6;
}
.music-videos iframe {
	width:100%;
	min-height:200px;	
	border:0 none;
}
.carousel-control {
	width:30px;	
}
.carousel-caption {
	color:#8c99a6;
	font-family:'Oswald';
	font-weight:200;
	line-height:130%;
	height:5.5em;
	background-color:#eff3f7;
    left:0;
    padding:6px 10px 0;
    right:0;
	bottom:0;
	text-shadow:none;
}
.carousel-inner > .item {
	padding-bottom:5.5em;	
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width:100%;	
}
.carousel-indicators {
 	background-color:#FFF;
	bottom:0;
    margin:0 0 0 -50%;
    width:100%;
}
.carousel-indicators li {
	border-color:#d6dbe0;	
}
.carousel-indicators li.active {
	background-color:#3a9ad7;
	border-color:#3a9ad7;	
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top:30%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	margin-left:0;	
}
.media-box-title {
    color:#8c99a6;
    font-size:14px;
	font-weight:200;
}
.media-box-content {
	color:#8c99a6;
	padding:10px;
}
.media-box-container {
    box-shadow:0 1px 3px rgba(189, 201, 214, 0.4);
}
.addthis_sharing_toolbox {
	width:26px;
	padding:8px 3px 3px;
	background-color:#4c545d;
	position:absolute;
	top:105px;
	right:0;
	z-index:1000;
}
.image-preload {
	width:100%;
	height:0;
	overflow:hidden;	
}
.image-preload img {
	display:none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) { 
	.navbar {
		margin-bottom:15px;	
	}
	.navbar .container {
		width:780px;
		padding:0;	
	}
	.navbar-collapse.collapse {
		padding-top:104px;
	}
	.container > .navbar-header {
		width:768px;
		height:120px;
		margin-left:-384px;
		border-bottom:0 none;	
		position:absolute;
		top:0;
		left:50%;
		float:none;
		text-indent:-9999px;
	}
	#home-nav {
		width:100px;
		height:69px;	
		margin-left:-50px;
		background-repeat:no-repeat;
		background-position:center center;
		background-image:url(../images/david-sloan-site-logo-tablet.png);
		position:absolute;
		top:30px;
		left:50%;
		display:block;
	}
	ul.nav.navbar-nav {
		width:768px;
		margin:0 auto;
		float:none;
		position:relative;
	}
	ul.nav.navbar-nav li {
		text-align:center;
		width:167px;
		padding:0;
		float:none;
		position:absolute;
		bottom:0;
	}
	ul.nav.navbar-nav li a {
		font-family:'Open Sans';
		font-weight:300;
		font-size:14px;
		padding:0;
		text-align:center;
		width:167px;
		background-color:#FFF;
	}
	ul.nav.navbar-nav li li {
		text-align:left;
		width:auto;
		padding:0;
		float:none;
		position:relative;
		bottom:0;
	}
	ul.nav.navbar-nav li ul.dropdown-menu li a {
		color:#8c99a6;
		text-align:left;
		padding:5px 5px 5px 20px;
	}
	ul.nav.navbar-nav li ul.dropdown-menu li a:hover {
		color:#3a9ad7;
		background-color:#eff3f7;
	}
	ul.nav.navbar-nav li ul.dropdown-menu li a:focus {
		color:#ffffff;
		background-color:#3a9ad7;
	}
	#portfolio-nav {
		left:0;
	}
	#resume-nav {
		left:167px;
	}
	#contact-nav {
		left:434px;
	}
	#praise-nav {
		left:601px;
	}
	#home .jumbotron {
		background:url(../images/sloan-mountains-sm.jpg) no-repeat center center;
		height:633px;
	}
	#my-thoughts {
		width:760px;
		height:633px;
		margin-left:-380px;
		position:absolute;
		top:0;
		left:50%;
	}
	#home .jumbotron p {
		color:#fff;
		font-size:14px;
		line-height:40px;
		width:460px;
		margin:0;
		padding:0;
		background-color:transparent;
		position:absolute;
		top:249px;
		left:266px;
	}
	#home-signature {
		width:91px;
		height:39px;
		background:url('../images/david-sloan-small-white-signature.png') no-repeat center center;
		display:block;
		position:absolute;
		bottom:2px;
		right:134px;
	}
	#social-icon-nav {
		top:20px;
	}
	#social-icon-nav li {
		width:30px;
		float:right;
		display:block;	
	}
	#social-icon-nav li {
		font-size:24px;	
	}
	#copyright {
		text-align:left;
		padding-top:28px;	
	}
	#portfolio-tab-wrapper,
	.media-boxes-filter li a {
		font-family:'Open Sans';
		font-weight:300;
		font-size:18px;
	}
	.nav-tabs > li,
	.media-boxes-filter li {
		margin:0 8px 0 0;
	}
	.nav-tabs > li > a {
		padding:10px 30px;
	}
	.web-lightbox-pop .mfp-counter {
		display:block;
	}
	.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
		top:50%;
		margin-top:0;	
	}
	img.mfp-img {
		max-width:90%;
	}
	body#praise-worship .nav-tabs > li > a {
		font-size:100%;
		font-family:'Open Sans';
		padding:10px 20px;
	}
	body#praise-worship h4 {
		font-size:130%;	
	}
	body#music h1 {
		font-size:36px;
	}
	body#music h4 {
		font-size:18px;
	}
	.carousel-caption {
		height:4.1em;
		padding-top:7px;
	}
	.carousel-inner > .item {
		padding-bottom:4.1em;	
	}
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
		top:45%;
	}
	.addthis_sharing_toolbox {
		width:auto;
		padding:0;
		background-color:transparent;
		top:25px;
		right:20px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
	.navbar .container {
		width:900px;
	}
	.container > .navbar-header {
		width:900px;
		margin-left:-450px;
		height:90px;
	}
	#home-nav {
		width:180px;
		height:90px;
		margin-left:-76px;
		background-image:url(../images/david-sloan-site-logo.png);
		display:block;
	}
	.navbar-collapse.collapse {
		padding-top:126px;
		text-align:center;
	}
	ul.nav.navbar-nav {
		width:900px;
		margin:0 auto;
		float:none;
		position:relative;
	}
	ul.nav.navbar-nav li {
		text-align:center;
		width:180px;
		float:none;
		position:absolute;
		bottom:0;
	}
	#portfolio-nav {
		left:0;
	}
	#resume-nav {
		left:180px;
	}
	#contact-nav {
		left:540px;
	}
	#praise-nav {
		left:720px;
	}
	ul.nav.navbar-nav li a {
		font-family:'Open Sans';
		width:180px;
		background-color:#FFF;
	}
	#social-icon-nav {
		width:900px;
		left:50%;
		margin-left:-450px;
	}
	#my-thoughts {
		width:1020px;
		height:844px;
		margin-left:-510px;
		position:absolute;
		top:0;
		left:50%;
	}
	#home .jumbotron {
		background:url(../images/sloan-mountains-md.jpg) no-repeat center center;
		height:760px;
	}
	#home .jumbotron p {
		font-size:15px;
		line-height:40px;
		width:485px;
		top:314px;
		left:358px;	
	}
	body#praise-worship .nav-tabs > li > a {
		font-size:100%;
		font-family:'Open Sans';
		padding:10px 30px;
	}
	body#praise-worship h4 {
		font-size:140%;	
	}
	.music-videos iframe {
		min-height:240px;	
	}
	.carousel-caption {
		font-weight:300;
		letter-spacing:.05em;
	}
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
		top:45%;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1300px) { 
	#home .jumbotron {
		background:url(../images/sloan-mountains-lg.jpg) no-repeat center center;
		height:844px;
	}
	body#praise-worship div.music-list div:nth-child(odd) {
		background-color:#f7f9fb;
	}
	body#praise-worship div.music-list div:nth-child(even) {
		background-color:#eff3f7;
	}
}