/* --------------------------------------
   Layout
   -------------------------------------- */

#home {
  margin-top: 70px;
}

#visit:before {
  display: block;
  content: "";
  height: 50px;
  margin: -50px 0 0;
 }

 #history:before {
     display: block;
     content: "";
     height: 50px;
     margin: -50px 0 0;
 }

 #support:before {
     display: block;
     content: "";
     height: 50px;
     margin: -50px 0 0;
 }

 #join:before {
     display: block;
     content: "";
     height: 50px;
     margin: -50px 0 0;
 }
 
 #volunteer:before {
     display: block;
     content: "";
     height: 50px;
     margin: -50px 0 0;
 }
 
 #donate:before {
     display: block;
     content: "";
     height: 50px;
     margin: -50px 0 0;
 }

#features {
   text=align: center;
}

/*
#features img {
   margin: 0 0 20px;
}
*/

#inputMessage {
   margin-bottom: 15px;
}

footer {
   background: #614938;
   color: #D4B9A0;
   font-size: 11px;
   padding: 20px;
}

header img {
  margin-left: -15px;
}

header h1 {
   margin-top: 0px;
}

/*
.page-header {
   background: #ffffcc;
   margin-top: 0;   
}
*/

div .modal {
   color: black;   
}

.modal-dialog {
   width: 80%;
   height: 80%;
}

.modal-body img {
   margin-right: 10px;
}


/* --------------------------------------
   Typography
   -------------------------------------- */

body {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegability;
   background: #CCA66A;
   color: #2C2C56;
}

.well {
   background: #D4B9A0;
  border-color: #B58B57;
  border-radius: 10px;   
}
.well .page-header {
   margin-top: 0;
}

.well .page-header h1 {
   margin-top: 0;
}

ul.unstyled {
   list-style: none;
   padding: 0;
}

.panel {
  border: 1px solid #927985;
  background-color: #D4B9A0;  
}

.panel-heading {
    color: #D4B9A0;
    background-color: #614938;
}

.table-bordered {
  border: 1px solid #927985;  
}

tr.odd td {
    color: #0E0D0F;
    background-color: #B58B57;
    border-color: #927985;  
}

tr.even td {
    color: #0E0D0F;
    background-color: #CCA66A;
    border-color: #927985;  
}

td {
  border: 1px solid #927985;
}

.list-group-item {
   background: #CCA66A;  
 border: 1px solid #CCA66A;
 }

 h4>small {
  color: #614938;
 }

.nav-tabs>li.active>a {
  background-color: #CCA66A;
 border: 1px solid #CCA66A;
 border-bottom-color: transparent;
 }

.nav-tabs>li.active>a:hover {
  background-color: #CCA66A;
  border: 1px solid #CCA66A;
border-bottom-color: transparent;  
 }

 .nav-tabs>li.active>a:focus {
  background-color: #CCA66A;
  border: 1px solid #CCA66A;

 }

 .nav-tabs>li>a:hover {
  color: #D4B9A0;
  background-color: #99704A;
  border: 1px solid #927985;
 }

 .nav-tabs>li>a {
  color: #D4B9A0;
  background-color: #927985;
  border: none;
}

div.list-group {
   background-color: #CCA66A;
}

/*
.tab-content {
   background-color: #CCA66A;
}
*/

/* --------------------------------------
   Navbar
   -------------------------------------- */
#searchInput {
   width: 200px;
}    

.navbar {
   background: #B58B57;
}

.navbar a {
   color: #614938;
   background: #B58B57;
}

/*
.nav-pills>li>a:hover {
    color: #D4B9A0;
    background-color: #614938;
}
*/

.nav-pills>li>a:hover  {
    color: #0E0D0F;
    background-color: #B58B57;
}

.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: #B58B57;
}

.navbar-toggle {
  border-color: #614938;
}

.navbar-toggle .icon-bar {
  background-color: #614938;
}

/* --------------------------------------
   Next Event
   -------------------------------------- */
#christmasEvent .heading h2 {
   color: #0E0D0F;
}

#christmasEvent h2{
   color: darkred;
   margin-top: 0px;
}
#christmasEvent h3{
   color: #0E0D0F;
}

#christmasEvent h4{
   color: darkgreen;
}

#christmasEvent h5{
   color: #0E0D0F;
}

#raidOnSpellHall .heading h2 {
/*   color: #0E0D0F; */
}

#raidOnSpellHall h2{
/*   color: darkred; */
   margin-top: 0px;
}
#raidOnSpellHall h3{
/*   color: #0E0D0F; */
}

#raidOnSpellHall h4{
/*   color: darkgreen; */
}

#raidOnSpellHall h5{
/*   color: #0E0D0F; */
}

/* --------------------------------------
   Carousel
   -------------------------------------- */

.carousel {
  /*background: url( '../../images/naturalburlap.jpg') top left;*/
  background-color: #99704A;
  border-radius: 10px;    

}

/*
#myCarousel .item {
 background: url( '../../images/brown.gif') top left;
}
*/
.carousel-caption {
   font-size:16px;
}

.carousel-caption h4 {
   font-size: 22px;
}

.carousel-inner {
   margin-bottom: 10px;
}


.slidewrapper .row {
   margin-bottom: 10px;
}

.slide-content {
   color: #D4B9A0;
}

.carousel-indicators {
  color: #D4B9A0;
}

.slide-content h4 {
   font-size: 22px;
}

.slide-content p {
   font-size: 16px;
   margin-bottom: 20px;
}

.slide-wrapper {
  margin: 25px;
}

.carousel-control {
  border-radius: 10px;    
}

/* --------------------------------------
   Global Styles
   -------------------------------------- */


.well {
   margin: 20px 0;
}


.alert {
   margin-top: 20px;
   display: none;
}

.tabbable img.thumbnail {
   margin: 0 20px 10px 0;
}

footer a {
   text-decoration: none;
}

hr {
  border-color: #927985;
}

.thumbnail {
  background-color: #927985;
  /*border-color: #99704A;*/
  border: none;
}

.page-header {
   border-color: #927985;
}



/* --------------------------------------
   Media Queries
   -------------------------------------- */


@media (min-width: 768px) {


.row {
margin-right: 0px;
margin-left: 0px;
}


}

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
   .auto-width {
     width: 90%;
   }

}


/* Landscape phone to portrait tablet */
@media (max-width: 768px) {


/*
   #myCarousel .item {
      height: 310px;
   }
*/
   .carousel-caption {
      font-size:16px;
   }

   .carousel-caption h4 {
      font-size: 22px;
   }	

header .page-header {
   margin-top: 225px;
}



   #visit:before {
       display: block;
       content: "";
       height: 75px;
       margin: -75px 0 0;
   }

   #history:before {
       display: block;
       content: "";
       height: 75px;
       margin: -75px 0 0;
   }

   #join:before {
       display: block;
       content: "";
       height: 75px;
       margin: -75px 0 0;
   }

   #volunteer:before {
       display: block;
       content: "";
       height: 75px;
       margin: -75px 0 0;
   }

   #donate:before {
       display: block;
       content: "";
       height: 75px;
       margin: -75px 0 0;
   }

}

/* medium desktop */
@media (min-width: 769px) and (max-width: 1199px) {
   header h1 {
      margin-left: 5px;
   }

   header img {
      margin-right: 10px;
   }   
}

/* Large desktop */
@media (min-width: 1200px) {
	
}