/**
 * Color Key:
 * maroon: #6C1A26
 * light maroon: #8B4648;
 * gold: #E6C67D
 */

/*-----------------------------General -----------------------------*/

body {
   padding-top: 55px;
}


.ECC-header, h1, h2, h3, h4, h5, h6 {
	color: #6C1A26;
}

a, a:hover, a:active {
	color: #6C1A26;
}

.small-pic {
	width: 250px;
	height: 175px;
	margin: 15px 0;
}

.medium-pic {
	width: 400px;
	height: 280px;
	margin: 15px 0;
}

.large-pic {
	width: 500px;
	height: 350px;
	margin: 15px 0;
}

.small-pic-vert {
	width: 175px;
	height: 250px;
	margin: 15px 0;
}

.credit {
	font-size: 0.75em;
}

.pull-right {
	margin-left: 15px;
}

.navbar .nav>li>a.social-media {
	padding: 5px 0 5px 5px;
}

.pull-left {
	margin-right: 15px;
}

.btn-custom {
  background-color: hsl(351, 61%, 26%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8B4648", endColorstr="#6C1A26");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#8B4648), to(#6C1A26));
  background-image: -moz-linear-gradient(top, #8B4648, #6C1A26);
  background-image: -ms-linear-gradient(top, #8B4648, #6C1A26);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8B4648), color-stop(100%, #6C1A26));
  background-image: -webkit-linear-gradient(top, #8B4648, #6C1A26);
  background-image: -o-linear-gradient(top, #8B4648, #6C1A26);
  background-image: linear-gradient(#8B4648, #6C1A26);
  border-color: #6C1A26 #8B4648 hsl(351, 61%, 26%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
	width: 175px;
}

.center {
	text-align: center;
}

/*-----------------------------Navigation -----------------------------*/
.brand {
	margin-left: 20px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color: transparent;
  color: #f7d78e;
  text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #641823;
  background-image: -moz-linear-gradient(top, #6c1a26, #57151f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6c1a26), to(#57151f));
  background-image: -webkit-linear-gradient(top, #6c1a26, #57151f);
  background-image: -o-linear-gradient(top, #6c1a26, #57151f);
  background-image: linear-gradient(to bottom, #6c1a26, #57151f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6c1a26', endColorstr='#ff57151f', GradientType=0);
}


/*-----------------------------Header -----------------------------*/


#myCarousel img {
	height: 350px;
	min-width: 1170px;
}

.carousel .item {
	-webkit-transition: opacity 2s; 
	-moz-transition: opacity 2s; 
	-ms-transition: opacity 2s; 
	-o-transition: opacity 2s; 
	transition: opacity 2s;
}

.carousel .active.left {
	left:0;
	opacity:0;
	z-index:2;
}
.carousel .next {
	left:0;
	opacity:1;
	z-index:1;
}

.lightbox .carousel .active.left {
	top:0;
	left:0;
	opacity:0;
	z-index:2;
}
.lightbox .carousel .next {
	top:10px;
	left:10px;
	opacity:1;
	z-index:1;
}

.lightbox .carousel .active.right {
	top:0;
	left:0;
	opacity:0;
	z-index:2;
}
.lightbox .carousel .prev {
	top:10px;
	left:10px;
	opacity:1;
	z-index:1;
}

 .next.left,
.prev.right {
	margin-right: 10px;
}

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

footer {
	width: 100%;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 25px;
}

footer div {
	text-align: center;
}


/*-----------------------------frontpage---------------------------*/

.ECC-update-line {
	border-right: 1px solid #6C1A26;
	height: 600px;
	padding-right: 10px;
}

.specials {
	font-size: 1.3em;
	color: #6C1A26;
}

.specials ul {
	list-style: none;
}

.specials ul {
	list-style: none;
}

.specials ul li {
	padding-top: 3px;
}

#dining-image {
	width: 200px;
	height: 75px;
	margin: 25px 0;
}

.menu-list {
	margin-left: 0;
}

.specials a {
	list-style: none;
}

/*-----------------------------Calendar -----------------------------*/

.calendar {
	font-family: Arial; 
	font-size: 12px;
}

table.calendar {
	margin: auto; 
	border-collapse: collapse;
}

.calendar th {
	font-size: 2.5em;
	color: #6C1A26;
	padding: 15px;
}

.calendar td {
	color: #6C1A26;
	font-size: 1.2em;
}

.calendar .days td {
	width: 110px; 
	min-width: 100px;
	height: 100px; 
	padding: 4px;
	border: 1px solid #999;
	vertical-align: top;
	color: #333;
	background-color: #e6c67d;
	font-size: 1.5em;
}

.content {
	font-size: .8em;
}

.calendar .days td:hover {
	background-color: #f7d78e;
}

.calendar .highlight {
	font-weight: bold; 
	color: #6C1A26;
}

.cal_background {
  background: url('https://s3.amazonaws.com/jhwebdev/calendar_1200x800.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}


.cal_container {
	padding: 15px 10px 10px 10px;
	width: 840px;
	margin: 50px auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	border-radius: 10px;
}

.cal-link {
	font-size: 0.5em;
}



/*-----------------------------Membership -----------------------------*/


.btn-span {
	margin-top: 15px;
	height: 500px;
	width: 269px;
}

.btn-lower {
	margin-top: 15px;
}

/*-----------------------------location -----------------------------*/

.location-tab {
	height: 500px;
}

.map {
	margin: 35px 0;
}

/*-----------------------------staff -----------------------------*/

.staff-tab {
	margin-top: 15px;
}

.staff-title {
	margin-top: -10px;
}

/*-----------------------------course -----------------------------*/
.course-layout {
	width: 319px;
	height: 413px;

}

.btn-layout {
	width: 350px;
}

/*-----------------------------recreation -----------------------------*/

.recreation-row {
	margin-bottom: 15px;
}

/*-----------------------------content management -----------------------*/

#special_title_1, #special_title_2, #special_title_3, #special_title_4, 
#special_title_5, #special_title_6, #special_title_7, #special_title_8 {
	width: 60%;
}

#special_desc1_2, #special_desc2_2, #special_desc1_3, #special_desc2_3,
#special_desc1_4, #special_desc1_5, #special_desc1_6, #special_desc1_7,
#special_desc1_8 {
	width: 90%;
}

#event_title_1, #event_title_2, #event_title_3, #event_title_4, 
#event_title_5, #event_title_6, #event_title_7, #event_title_8 {
	width: 60%;
}

#event_desc_1, #event_desc2_1, #event_desc_2, #event_desc2_2,
#event_desc_3, #event_desc2_3 {
	width: 90%;
}

/*-----------------------------errors -----------------------*/

.error {
	color: #ca1619;
	font-weight: bold;
	font-size: 1.2em;
}


/*-----------------------------media queries -----------------------------*/


@media (max-width: 979px) {
	body {
		padding-top: 0;
	}
}

@media (max-width: 767px) {
	#myCarousel {
		display: none;
	}
	.hide_mobile {
		display: none;
	}
}

@media (min-width: 768px) {
	.show_mobile {
		display: none;
	}
}

@media (max-width: 979px) {
   .nav-collapse .nav .nav-header {
    color: #fff;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #fff;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }

  .cal_background {
  	margin-top: 0;
  }

  .cal_container {
  	position: absolute;
  	left: 0;
  	top: 1;
  	width: 99%;
  }
}