/* Custom Bootstrap CSS Overrides */

body {
    padding-top: 0; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
	background:url(../images/mjbg1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-color:#fff;
}

/* layout */

#bodywrap {margin-top:10px;margin-bottom:0px;padding-top:10px;background-color:rgba(0,0,0,0.70);border-radius:0px;}
footer {padding: 10px 0;}

/* class to remove column gutter padding - add to row */

.no-gutter > [class*='col-'] {padding-right:0;padding-left:0;}

/* classes to remove column gutter padding - add to columns */

.no-gutter-left {padding-left:0;}
.no-gutter-right {padding-right:0;}

.section-a {
    padding: 20px 20px 20px;
    
}

.section-b {
    padding: 40px 40px 40px;
    }

.section-c {
    padding: 20px 20px 20px;
    background-color:rgba(255,255,255,.70)
}

.section-d {
    padding: 20px 20px 400px;
    background-color:rgba(255,255,255,.70)
}


/* typography */

a {color: #C99E1B;}
a:active,
a:hover {text-decoration:underline;color: #C99E1B;}
p {padding-bottom:10px;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:1.2em;font-weight:400;color:#000;}
p1 {padding-bottom:10px;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:1.2em;font-weight:400;color:#C99E1B;}
header p {padding: 0 0 5px 0;margin:0;line-height:1.0;}
ul li {font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:1.2em;font-weight:400;color:#000;list-style-type: square;}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 2px solid #C99E1B;
}

hr.slimdiv {margin-top:10px;margin-bottom:10px;}
hr.spacer {margin-top:5px 0;border:0;}

.col-pad-sm {padding-top: 10px;}
.col-pad-sm1 {padding-top: 40px;}
.col-pad-md {padding-top: 50px;}
.col-pad-lg {padding-top: 85px;}
.col-pad-lg1 {padding-top: 120px;}

/* header/footer */

header {padding-top: 40px;padding-bottom: 10px;}
footer {padding-top: 20px;padding-bottom: 20px;}



body#home a.home,
body#about a.about,
body#reviews a.reviews,
body#listen a.listen,
body#contact a.contact {background-color:#375A70;color:#C99E1B;}


h1, h2, h3, h4 {font-family:"Open Sans",Helvetica,Arial,Sans-Serif;font-weight:700;color:#375A70;}
h1 {font-size:2.5em;}
h2 {font-size:2.0em;}
h3 {font-size:1.6em;}
h4 {font-size:1.5em;}
header h1 {font-size:3.0em; color:#000;}
header h1 span {font-size:.6em; color:#BD0000;}
h2#phone {margin:0;padding:0 0 5px 0;font-size:2.0em;line-height:1.0;}

.white {color:#fff}
.red {color:#d8352e}
.gold {color: #C99E1B}


.color-black {background-color:rgba(0,0,0,1);}
.color-blue {background-color: #375A70}
.color-white {background-color:rgba(255,255,255,.70);}

/* icons + images */

#sitelogo {margin:0 auto;padding:0;width:250px;border:none;}
.socialicon {width:40px;margin-bottom:10px;}

.info-icons {margin:20px 0;padding:20px;background-color:#D2E3F4;color:#192857;border-radius:6px;font-size:140%;}
.info-icons a:hover {
	color:#9AAFDE;
	text-decoration:none;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
}
.info-icons p {line-height:1.0;}

.gap-top {margin-top:10px;}
.gap-right {margin-right: 10px;}
.gap-bottom {margin-bottom:10px;}
.gap-left {margin-left:10px;}


/* buttons */

.btn-default {
  color: #fff;
  background-color: #155522;
  border-color: #192857;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 150ms ease-in;
  -moz-transition: all 150ms ease-in;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #F0A440;
  border-color: #468CD4;
  text-decoration:none;
}

.btn-email a, .btn-email a:hover {color:#fff;text-decoration:none;}

/* navbar */

.navbar .navbar-nav {display: inline-block;float: none;}

.navbar .navbar-collapse {
    text-align: center; line-height: 0px;
}

ul.nav { margin:0 auto; float:none;}
.nav li {list-style-type:none;}

.navbar-fixed-top .navbar-brand {padding: 0 15px;}
.navbar {
    min-height:30px;
	margin:0;
	border-radius:0;
	background: #375A70;
	border-color: #000;
}

.navbar-collapse {padding-left:0;padding-right:0}
.navbar ul.nav li a {color:#fff;font-size:.9em;padding:10px 10px}
.navbar ul.nav li a:hover {background-color:#497692;color:#fff;-webkit-transition: all 200ms ease-in;-o-transition: all 150ms ease-in;-moz-transition: all 150ms ease-in;}

.dropdown-menu {background-color: #d8352e;}

.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:active,
.navbar-inverse .navbar-toggle.active,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle.focus {
  border-color: #000;
  background: #000;
  color: #fff;
}
.navbar-inverse .navbar-toggle:hover {
  border-color: #b9472c;
  background-color: #000;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 150ms ease-in;
  -moz-transition: all 150ms ease-in;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #e7e7e7;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  border-color: #b9472c;
  background: #000;
  color: #fff;
}

/* navbar mobile */

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {color: #fff;background-color: #000;}

/* photo gallery */

ul#gallery {         
	padding:10px 0 10px 0;
	margin:0;
}
ul#gallery li {     
	list-style:none;
	margin-bottom:25px;           
}
ul#gallery li img {
	cursor: pointer;
}
ul#gallery li img:hover {
	opacity: 0.5; 
	filter: alpha(opacity=50); 
	-webkit-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
}

/* scrollup */

a.scrollup{
	height:42px;
	width:42px;
	color:#fff;
	background:#000;
	font-size:20px;
	line-height:38px;
	text-align:center;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:9999;
	opacity:0.5;
}
a.scrollup:hover{
	opacity:1;
	color:#fff;
}

/* tooltips */

.tooltip-inner {
  background-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #192857;
}

/* media queries */

@media(min-width:768px) {
	body {padding-top: 0;}
	.navbar-fixed-top .navbar-brand {padding: 15px 0;}
	div.navbar-text {display:none;}
}
@media(max-width: 767px) {
	h2#phone {padding-top:0;}
	div.navbar-text,
	.navbar-inverse .navbar-text {padding:0 0 0 30px;margin:10px 0 0 0;font-size:1.45em;font-weight:600;color:#fff;}
	hr.intro-divider, ul.intro-buttons {display:none;}
	.carousel-caption > h1 {font-size: 2.0em;}
	.navbar-inverse {position: fixed;right: 0;left: 0;top:0;z-index: 1030;}
	body {padding-top: 30px;}
	.col-pad-sml1 {padding-top: 5px;}
}