/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
    height: 100%;
    font-family: Helvetica, Arial, san-serif;
    color: #fff;
    background-color:#111;
}

html {
    width: 100%;
    height: 100%;
}

h1{   
	
	 margin: 0 0 1.5em;
	 font-weight:100;
}
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 3.5em;
    text-transform: ;
    font-weight: 100;
    letter-spacing: 1px;
}

h1 {text-transform:uppercase}
h2 {margin:0.5em 0 0.5em 0; font-size:3em}

h1,
h2,
h3,
h4,
h5,
h6, .navbar-custom a,.navbar-brand.page-scroll {

    /* font-family: 'Roboto' ; */

}

p {
    margin: 0 0 1em;
    line-height: 1.5;
    font-family: Helvetica, Arial, san-serif;
}

.row {margin:0;}

@media(min-width:768px) {
    p {
        margin: 0 0 35px;
        font-size: 13px;
        line-height: 1.6;
    }
}

a {
    color: darkRed;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #1d9b6c;
}

img {border: 0.1em solid gray }

.navbar-brand.page-scroll{
	color:#888;	
	font-weight:100;
	font-size:15px;
}

.navbar-custom a {
    color: #666;
    /* font-family: 'Roboto',Helvetica,Arial,sans-serif; */
    font-weight: 100;
    text-transform:uppercase;
}

.navbar-custom .nav li.active a {
	background-color: darkRed;
	color:black;
}

.navbar-custom.top-nav-collapse {border-bottom: 0px}


.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'Raleway',Helvetica,Arial,sans-serif;
    font-weight: 100;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.content-section {padding-top:100px}

section p  {  
	
	color:#aaa;
    font-family: Helvetica, Arial, san-serif;
	font-size: 14px;

}

#about,#services,#recordings,#events,#contact,#photos {
		padding-bottom:100px	
	}

.intro .intro-body .brand-heading {
/*     color: darkred;

2019

*/
}

@media (min-width: 768px){
.intro {
    width: 100%;
    height: 200%;
    padding: 0;
}

}

.intro {


  background: linear-gradient(to right,#211e19 75%,#000000);
  display: table;


}

.intro .intro-body {
	width:100%;
   /* background-size: auto, cover;*/
    display: table;
    width: 100%;
   /* height: auto;*/
    height: 100%;
    padding: 100px 0;
    text-align: center;
    color:#fff;
    background: url(../newimg/042.jpg) no-repeat  0% 5% scroll;
 /*       background: url(../img/iwbw.png) no-repeat  center scroll; 2019*/    

/* background-color: #000;
*/
/**/    

    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

    background-size: cover;


/*    background-size: 60%;
*/
	
		
}
h2{
/*     color: darkred;
*/    
 /* font-family: 'Roboto' ; */
  	 font-weight:100;
	 text-transform:uppercase;
     
}

h3.edu,h2, p {text-align:left;}
h3.edu {margin:4em 0 1em;}

.col-lg-offset-1 + .col-lg-offset-1 {margin-left:0}
.col-lg-10.col-lg-offset-1{
		margin-left:8.3333%
		
}

/*section tag*************************************************************************************************/

section h2 {

	font-weight:100;

}
/* mods for nav(at the head) and footer*********************************************************************************/


nav .container, footer .container {
	
	margin-left: 2em auto;
	margin-right: 2em auto;
	
	
	}



/*-----intro---------------------------------------------------------------------------------------------*/
h1 {margin-top:200px;}
.intro-logo {margin:0 auto;width:100%}

.intro p {text-align:center; font-family:'Meddon';//Montserrat
}


.tagline{
	
	color:darkRed;	
	
}

/*------about--------------------------------------------------------------------------------------------*/

#about {padding-bottom:100px;width:100%}
.about-name{color:#333}
.bio-photo {	
	float:left;
	margin:0 40px 20px 0;
	
	}
.photo-caption{

	font-family:Arial;
	font-weight:normal;
	font-size:10px;
	text-align:left;
	padding:5px;	
	color:white;

}

	
ul.bio-list{float:left;width:100%;margin:0;padding:0;padding-bottom:20px;display:inline}
.bio-list li{display:inline}

ul.education-list {list-style-type:none;text-align:left;padding-left:0;font-size:16px;}
ul.education-list li {/*font-family:'Roboto';*/font-weight:100}

/*------services-----------------------------------------------------------------------------------------*/
#services{margin:0;width:100%}
#services {background:black;}
#services h3 {text-align:left;font-family:Helvetica}
#services p {margin-left:0px;}

/*------recordings---------------------------------------------------------------------------------------*/

#recordings {
    width: 100%;
    padding: 100px 0 400px 0;
    color: #fff;
    /*background: url(../newimg/updated/cd-cover.jpg) no-repeat 0px -350px scroll;*/
    background-color: #000;
    -webkit-background-size: 200%;
    -moz-background-size: 200%;
    background-size: 200%;
    -o-background-size: 200%;
}

/*------photos---------------------------------------------------------------------------------------*/

#photos{
    width: 100%;
    padding: 100px 0 100px 0;
    color: #fff;
   // background: url(../img/memorialdbw.jpg) no-repeat center center scroll;
    background-color: #2a2a2a;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.photos{text-align:left}



/*------events-------------------------------------------------------------------------------------------*/

section#events {
	width:100%;
	background-color:#222;	
	
}

table td {text-align:left}
.table-hover tr td:hover {background:gray}
#events.content-section{padding-bottom:300px;}

.past a {color:#777}
.past {color:black}
.table > tbody > tr > th{border:none}
.past > tbody > tr > td,
 .past > tbody > tr > th, 
 .past > tfoot > tr > td, 
 .past > tfoot > tr > th, 
 .past > thead > tr > td,
 .past > thead > tr > th 
 {
 	border-color:black
 }

.table {
	
	margin-bottom:60px;
	
}

section#events ul {
	list-style-type:none;
	display: inline-block;
	
	padding:0;
	
	}

section#events ul li {
	
	margin-bottom:.5em;

}	
	
section#events h2 {
	
	margin:0 auto;
	margin:40px 0;
	
	}
/*------reviews-------------------------------------------------------------------------------------------*/

section#reviews{
  width:100%;
  background-color:#000 !important;  
  margin:0 0 50px 0 !important;
}

section#reviews ul.column-list {width:100% !important;}

/*------contact-------------------------------------------------------------------------------------------*/
section#contact {
	margin-bottom:100px;
	width:100%;
}
.form-control{

	width:85%
	margin-right:0;
	
}
.content-section {

	padding-top:50px

}
.control-label.col-sm-2 {
	width:6%;
	margin:0;
	padding:0;
}
.form-group .col-sm-offset-2.col-sm-10 {
	text-align:left;
}

.col-sm-offset-2 {margin-left:0}

.btn-default {
    border: 1px solid #eee;
    color: #eee;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #eee;
    outline: 0;
    color: #000;
    background-color: #eee;
}


input [type="submit"] {

	margin:5px 0 5px 0;


}

/*------footer-------------------------------------------------------------------------------------------*/



footer {
    padding: 50px 0;
    background:#000;
}

footer .sitename {
    margin: 0;
    /* font-family: 'Roboto'; */
   	font-weight:100;
   	text-transform:uppercase;

}

/* slides --------------------------------*/

ul.rslides1_tabs li{

	display:inline-block;
		padding: 0 5px;

	
}
ul.rslides1_tabs li a{
	
	color: darkRed;
	font-size:25px;
	
	}
ul.rslides1_tabs li a:hover{
	
	color:white;
}

/**/

.rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../img/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }
  
ul.column-list {
margin:0;
padding:0;
line-height:25px;
text-align:left;
list-style-type:none;
	
}

@media(max-width:768px) {


	html,body,header,.intro,section {

		width:100%;
		padding:0;
		margin:0;		
	}

}
//@media(min-width: 320px) {
///* Styles */
//
//	html,body,header,.intro,.container,section,footer {
//		
//		width:110%;
//		padding:0;
//		margin:0;
//		
//	}
//
//}

/*@media (max-device-width: 480px) {

	html,body,header,footer {
		
		width:100%;
		padding:0;
		margin:0;
		
	}
	header{
	
		
		
	}
	
	section {

		width:100%;
		padding:0;
		margin:0;
	 	
	 	
	 	}
	
	//,section.container,#recordings,#about,#photos,#events,#contact,

	.container {
		
		
		width:100%;
		padding:0;
		margin:0;
		
	}

	
	header.intro {
		
		
		width:device-width;
		padding:0;
		margin:0;
		
	}
	
	 section .row {

		width:100%;
		padding:0;
		margin:0;
	 	
	 	
	 	}
}

@media (max-device-width: 480px) and (orientation: portrait) {

	html,body,header,.intro, section, section .row, section#contact,section#events,section#photos,section#recordings {
		
		width:100%;
		margin:0;
		padding:0;
		
		}

}

*/ 

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 
	
	 STYLES GO HERE 
	html,body {
		
		width:100%;
		margin:0;
		padding:0;
		
	}
	
	/*,header,.intro, section, section .row, section#contact,section#events,section#photos,section#recordings*/
	
	section#contact,section#events,section#photos,section#recordings {
		
		text-align:left;
		
	}
	
	table, th, tr, td {
		
		font-size: .8em;
		
		}
	table{}
	
	.content-row {
		
		text-align:left;
		
		}
	
	
	
}