/* ----- Defaults ----- */

body {
	font-family: 'Ubuntu', sans-serif;
	color: #5c574c;
	}

a {
    color: #7d6c49;
    text-decoration: none;
}
a:hover {
    color: #9c694d;
    text-decoration: none;
}

.center-element {
	margin: 0 auto;
	}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 6px solid #c9c4ab;
    margin: 10px auto;
    padding: 0; 
	}

/* ----- Buttons ----- */

.btn {
    display: inline-block;
    padding: 1px 4px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-outlined {
	text-transform: uppercase;
	font-weight: bold;
    border-radius: 0;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}
.btn-outlined.btn-primary {
    background: none;
    border: 3px solid #7d6c49;
    color: #9c694d;
}
.btn-outlined.btn-primary:hover,
.btn-outlined.btn-primary:active {
    color: #FFF;
    background: #7d6c49;
    border-color: #9c694d:
}


/* ----- Events & Calendar Items ----- */

.dateBox {
	display: inline-block;
    padding: 3px 3px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
	}

.dateBox-outlined {
	text-transform: uppercase;
    border-radius: 0;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}
.dateBox-outlined.dateBox-primary {
    background: none;
    border: 3px solid #7d6c49;
    color: #7d6c49;
}
.dateBox-outlined.dateBox-primary:hover,
.dateBox-outlined.dateBox-primary:active {
    color: #FFF;
    background: #7d6c49;
    border-color: #9c694d:
}

.dateBox-month {
	font-size: 12px;
	}
	
.dateBox-day {
	font-size: 55px;
	margin: -16px auto;
	font-weight: bold;
	}

.event-time {
	margin: 2px auto;
	}

/* ----- Index Page ----- */

#slider {
	width: 100%;
	height: 100%;
	margin: 100px auto 0;
	}


#google-map {
	width: 100%;
	height: 350px;
	background-color: #ccc;
	margin: 30px auto 15px;
	border-top: 10px solid #7d6c49;
	border-bottom: 10px solid #7d6c49;
	}

#google-map h1 {
	text-align: center;
	padding: 50px;
	}

#content-area {
	width: 100%;
	margin: 50px auto 15px;
	}

#content-area h3 {
	text-align: center;
	margin: 0;
	color: #858c7a;
	text-transform: uppercase;
	font-weight: bold;
	}

#content-area h4 {
	margin: 0;
	color: #7d6c49;
	font-weight: bold;
	font-size: 18px;
	}

#content-area .bold-text {
	margin: 0;
	color: #7d6c49;
	font-weight: bold;
	font-size: 18px;
	}
	
	
/* ----- Child Defaults ----- */


.child_header {
	width: 100%;
	max-height: 220px;
  overflow: hidden; 
	margin: 100px auto 0;
	
	}

.img_banner {
  display: block;
  width: 100%;
  height: auto !important;
  width: auto\9; /* ie8+9 */
  -ms-interpolation-mode: bicubic; 
	}


.sub_divide {
	width: 100%;
	height: 75px;
	background-color: #c9c4ab;
	}
	
.parallax_callout {
	width: 100%;
	height: 100%;
	margin: 50px auto 0;
	}


.category { 
	border: 10px solid #f0f0f0; padding: 15px;
	}
.category ul { 
	padding: 0; margin: 0; 
	}
.category ul li { 
	padding: 10px 0 0 5px; margin: 0; 
	}
.category ul li:after { 
	clear: both; display: block; content: ''; 
	}
ul.categories li a { 
	color: #777777; text-decoration: none 
	}
ul.categories li a:hover { 
	color: #0092cf 
	}
ul.categories li a:before { 
	content: "\f0da"; font-family: fontAwesome; margin-right: 14px; 
	}


/* ----- Navigation ------ */

.navbar {
    min-height: 100px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    font-size: 18px;
}

.navbar-default {
  background-color: #7d6c49;
  border-color: #7d6c49;
}
.navbar-default .navbar-brand {
  color: #c9c4ab;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #fbfbfb;
}
.navbar-default .navbar-text {
  color: #c9c4ab;
}

.nav>li {
    position: relative;
    display: block;
    margin-right: -10px;
}

.navbar-default .navbar-nav > li > a {
  color: #c9c4ab;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #fbfbfb;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #fbfbfb;
  background-color: #7d6c49;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #fbfbfb;
  background-color: #7d6c49;
}
.navbar-default .navbar-toggle {
  border-color: #7d6c49;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #7d6c49;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #c9c4ab;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #c9c4ab;
}
.navbar-default .navbar-link {
  color: #c9c4ab;
}
.navbar-default .navbar-link:hover {
  color: #fbfbfb;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #c9c4ab;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fbfbfb;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fbfbfb;
    background-color: #7d6c49;
  }
}

/* ----- Footer -----*/


#footer {
	min-height: 300px;
	background-color: #7d6c49;
  	border-color: #7d6c49;
  	margin: 50px auto 0;
  	color: #fff;
	}

#footer .btn-default {
    color: #c9c4ab;
    background-color: #858c7a;
    border-color: #858c7a;
}

#footer h4 {
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	}

#footer h5 {
	margin: 0;
	color: #fff;
	font-size: 14px;
	}

#footer .copyright {
	font-size: 12px;
	}
	
#footer a {
	color: #fff;
	/*text-decoration: underline;*/
	}

#footer a:hover {
	color: #c9c4ab;
	text-decoration: underline;
	}

#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

#footer ul li { display: inline; border-right: 2px solid #c9c4ab; padding: 5px; }

#footer ul li a {
	text-decoration: none;
	color: #fff;
	}

#footer ul li a:hover {
	color: #c9c4ab;
	}
	
#footer li:last-child { border-right:0px; }

/* ----- Top Spacing ----- */

.top-5 {
	margin-top: 5px;
	}
	
.top-10 {
	margin-top: 10px;
	}

.top-20 {
	margin-top: 20px;
	}

.top-30 {
	margin-top: 30px;
	}

.top-40 {
	margin-top: 40px;
}

.top-50 {
	margin-top: 50px;
	}
	
.top-75 {
	margin-top: 75px;
	}
	
.top-100 {
	margin-top: 100px;
	}
	
.top-125 {
	margin-top: 125px;
	}
	
.top-150 {
	margin-top: 150px;
	}
	
.top-200 {
	margin-top: 200px;
	}



.carousel {
    height: 500px;
    margin-bottom: 10px;
    
}
/* Since positioning the image, we need to help out the caption */
 .carousel-caption {
    z-index: 10;
}
/* Declare heights because of positioning of img element */
 .carousel .item {
    width: 100%;
    height: 500px;
    background-color: #000;
    
}

.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
  max-width: none;
  opacity: 0.5;
    filter: alpha(opacity=50);

}




.carousel-indicators {
	bottom: 50px;
}

.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: #7d6c49;
    border: 1px solid #7d6c49;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: #fff;
}

.carousel-control.right,
.carousel-control.left {
	background-image: none;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 200px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-caption h1 {
	text-transform: uppercase;
	font-size: 48px;
	/*font-weight: bold;*/
}

.carousel-caption h3,
.carousel .icon-container,
.carousel-caption button {
	/*background-color: rgba(125,108,73,0.4);*/
}
.carousel-caption h3 {
	font-size: 35px;
}
.carousel .icon-container {
	display: inline-block;
	font-size: 55px;
	line-height: 15px;
	text-align: center;
	border-radius: 50%;
}


.carousel-caption button {
	border-color: #fff;
	margin-top: 1em;
	background-color: rgba(125,108,73,0.4);
}

.carousel-caption .btn {
    display: inline-block;
    padding: 5px 8px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.carousel-caption .btn-outlined {
	text-transform: uppercase;
	font-weight: bold;
    border-radius: 0;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}
.carousel-caption .btn-outlined.btn-primary {
    background: none;
    border: 3px solid #fff;
    color: #fff;
}
.carousel-caption .btn-outlined.btn-primary:hover,
.carousel-caption .btn-outlined.btn-primary:active {
    color: #FFF;
    background: #7d6c49;
    border-color: #9c694d:
}

/* Animation delays */
.carousel-caption h3:first-child {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.carousel-caption button {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}



@media (min-width: 768px) {
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }
}


.block a {
  display:block;
  position:relative;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}


.block a > span {
  text-align:center;
  position:absolute;
  color:#fff;
  display:block;
  font-size:12px;
  top:67%;
  bottom:0;
  left:0;
  right:0;
  background-color: rgba(125,108,73,0.6);
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
  line-height:22px;
  padding:0;
}

.block a:hover span {
  top:35%
}

.block a > span > span {
  display:block;
  padding:10px 0 0
}

.block a > span > strong {
  font-size:26px;
  color:#fff;
  line-height:18px;
  letter-spacing: 1px;
  font-weight:500;
  display:block;
  position:relative;
  padding:15px 0 0;
  text-transform: uppercase;
  text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
}





#map {

                width: 100%;

                height: 100%;

            }