/**********************************/
/* GENERAL */
/**********************************/

body {
	font-size:18px;	
}
a:hover, a.active {
	text-decoration:none;
	color:#333 !important;
}

h1 { margin-top:0; }

.textcenter {
	text-align:center;	
}

#content {
	padding-top:40px;	
}

.panel-info {
	background:#7ea378;
	padding:40px;
	color:#b5d0af;
	font-size:22px;	
	margin: 0 0 30px 0;
}

.nohero .panel-info {
	margin-top: 0;
}

.panel-info p {
	font-size:20px;
	line-height:28px;
}

.panel-info span {
	font-size:28px;
	line-height:50px;
	text-transform:uppercase;
}
.panel-info h1 {
	color:#fff;	
}

.smallbutton {
	width:auto !important;	
}
.thumb {
	margin: 0 0 20px 0;	
}
.thumb img {
	width:100%;	
}

.label {
	color:#666;
	font-size:14px;
	font-weight:normal;
}

.subnav {
	margin-top:176px;	
	overflow: hidden;
}

.subnav p {
	padding: 0 30px 0 30px;
}	

.subnav .title {
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	background: #7EA378;
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	overflow: hidden;
}

.subnav .list {
	background: #eee;
	height:100%;
	padding: 20px 0 20px 0;
}

#rooms .subnav .list {
	min-height:482px;	
}

.nohero #content {
	padding:0;
	margin:30px 0 0 0;
	background:none;	
}
.nohero .subnav {
	margin:0px 0 0 0;
	background:none;	
}

#content {
	background: url(/images/general-bg.jpg) top center no-repeat;
	display:block;
	padding-top:210px;
}

.thumbs {
	margin:16px 0 0 0;	
}

.thumbs img {
	width:131px;
	margin-bottom:16px;	
}

#content .row img {
	width:100%;	
}

#fixed-menu {
	display:none;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	height:95px;
	background:#fff;
	z-index:10000;	
	border-bottom: solid 5px #7EA378;
}

#fixed-menu ul {
	display:inline;
	float:right;
}

#fixed-menu ul li {
	float:right;
	list-style-type:none;
	margin: 0 25px 0 25px;
	line-height:95px;
	text-transform:uppercase;
	font-size:16px;
}
#fixed-menu img {
	height:60px;
	margin: 0 0 0 20px;
}


.subnav .list ul, .subnav .list ul li {
	list-style:none;
	margin:0;
	padding:0;
}

.subnav .list ul li a {
	display:block;
	color: #666;
	font-size:18px;
	background:url(../images/list-arrow.jpg) 20px 17px no-repeat;
	width:100%;
	padding: 15px 20px 15px 50px;
}

.subnav .list ul li a:hover, .subnav .list ul li a.active  {
	color: #7EA378 !important;
}

.row .button {
	display:block;
	background:#7EA378;
	padding: 7px 10px 7px 10px;
	margin: 15px 0 0 0;
	color:#fff;
	text-transform: uppercase;
	text-align:center;
	min-width:120px;
	font-size:14px;
}




/*********************************************************/
/************************* HEADER ************************/
/*********************************************************/
#header {
	position:relative;
	height:166px;
	border-bottom:10px solid #a2c29b;
}

#header .telephone {
	margin: 20px 0 0 100px;
}

#header #header-page-like {
	margin: 10px 0 0 10px;
	width:85px;
}

#header .extra-info {
	position:absolute;
	right:0;
	top:30px;
	border:solid 0px red;
	width:445px;
	margin: 0 7% 0 0;
}	
#header .extra-info .tel, #header-page-like {
	float:left;	
}

.navbar-nav {
	margin-top:90px !important;	
}

.navbar-nav > li > a {
	padding-left:30px !important;
	text-transform: uppercase;
	color:#3b8f2a !important;
	font-size:16px;
	padding-top:0;
}

.nav a:hover {
	color: #305728 !important;
}

.navbar-header {
	height:126px;
}	




/**********************************/
/* HOME */
/**********************************/

#waiting {
	font-size:52px;
	position:relative;
	top:860px;
	text-align:center;
	z-index:7000; 
}	

.home #content {
	background: url(/images/home-bg.jpg) top center no-repeat;
	display:block;
	padding-top:0;
	min-height:1600px;
}


.home h1 {
	margin:0 0 50px 0;
	padding:0;
	font-size: 26px;
	line-height:70px;
	font-weight: normal;
	color:#85808d;
	position:relative;
	top:48%;
	text-align:center;
	letter-spacing: 5px;
}

.home h1 span {
	font-size:74px;
	font-weight: normal;
	color:#fff;
	letter-spacing: 10px;
}

.home .title {
	padding-top:380px;	
}

.home .description {
	width: 90%;
	text-align: center;
	color: #999;
	margin: 0 auto;
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 50px;
	margin-top:-20px;
}

.home .panels {
	display:none;
	margin: 0 auto !important;
	overflow:hidden;
}

.home .panels .item {
	margin:0 0 20px 0;
	position:relative;
	overflow:hidden;
}

.home .panels .item:after {
	content: "";
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	width:70px;
	height:70px;
	background:url('/images/moreinfo.png') no-repeat;
}

.home .panels .item .info {
	background:#333;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:30px;
	opacity:0;
	color:#fff;
}
.home .panels .item .info h3 {
	font-style:normal;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}

.home .panels .item img {
	height:100%;
}
.home .panels .item a {
	width:100%;
	height:100%;
}

.home .panels .blank {
	display:block;
	width:260px;
	height:283px;
	background:none;	
}
.home .panels .blank:after {
	content:"";
	background:none !important;	
}

.home .panels .w1 {
	width:260px !important;
	height:283px;
}
.home .panels .w2 {
	width:540px !important;
	height:283px;
}
.home .panels .w3 {
	width:540px !important;
	height:540px;
}


.home .panels .h1 {
	height:283px !important;
}
.home .panels .h2 {
	height:445px; !important;
}
.home .panels .h3 {
	height:586px; !important;
}

#fit-width .masonry {
  margin: 0 auto;
}

.home .music_bg {
	position:absolute;
	left:-130px;
	top:1150px;	
}


.home .mic_bg {
	position:absolute;
	right:-60px;
	top: 1825px;	
}

.panels .detail {
	position:relative;
	display:block;
	width:260px;
	height:283px;
	padding:30px;
}

.panels .detail h2 {
	position: relative;
  	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:50px;
	line-height:55px;
	color:#fff;
	text-align:center;
	text-transform: uppercase;
	margin:0 !important;
	padding:0;
}

.home .panels .item.clearfix {
	clear:both;
	display:block;
	width:98%;
	height:1px;
	margin:0;
	padding:0;
}

.home .panels a {
	background:#7fa378;
}
.home .panels a.yellow {
	background:#cec756;	
}
.home .panels a.blue {
	background:#7bbdd6;	
}
.home .panels a.purple {
	background:#9f5eab;	
}
.home .panels .smalltext h2 {
	font-size:32px;
	line-height:35px;	
}
.home .row div {
	overflow:hidden;	
}




/**********************************/
/* ROOM */
/**********************************/
.rooms #content {
	background: url(/images/council-chamber-bg.jpg) top center no-repeat;
}
.contact #content {
	background: url(/images/contact-bg.jpg) top center no-repeat;
}

#rooms .panel-info {
	margin: 20px 0 30px 0;
}




/**********************************/
/* CATERING */
/**********************************/
.catering #content {
	background: url(/images/catering-bg.jpg) top center no-repeat;
}

#catering .panel-info {
	margin: 20px 0 30px 0;
}

#catering .price {
	padding:16px;
	background:	#7EA378;
	color:#fff;
	text-transform:uppercase; font-size:18px;
	margin-top:20px;
	text-align:center;
	font-size:26px;
}

#catering .price span {
	text-transform: lowercase;
	color: #b5d0af;	
	font-size:18px;
}

#catering .intro p {
	font-size:18px;
	line-height:22px;	
	margin:0 0 20px 0;
}

#catering .menus .row {
	margin: 0 0 40px 0;
}

/**********************************/
/* NEWS */
/**********************************/
.news .row {
	margin: 0 0 20px 0;	
	font-size:16px;
	line-height:24px;
	color:#666;
}

.news .published {
	font-style:italic;
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0;	
	color:#999;
}

.news .row .title {
	text-transform:uppercase;
	font-size:24px;
	line-height:30px;
	margin: 5px 0 10px 0;
}	

.news #mainImage {
	margin: 0 0 20px 0;
}	

.news .button {
	width:140px;	
}


/**********************************/
/* EVENTS */
/**********************************/

.events .thumb a.title {
	background:#CAA306;
}

.events-list .row {
	color: #333 !important;
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	border-bottom: dashed 1px #ddd;
}

.events-list .row .date {
	background:#CAA306;
	color:#fff;
	padding:0;
	height:40px;
	line-height:40px;
	border-bottom: dashed 0px #ddd;
}

.events #content .row img.buyticket {
	width:40px !important;	
	float:right;
	margin: 9px 0 0 10px;
}

.events .options {
	text-align:right;	
}

.events .col-sm-4 {
	overflow:hidden;	
	max-height:480px;
}


#ticketinfo {
	display:block;
	padding:30px;
	background:#e8e8e8;
	font-size:14px;
	line-height:20px;
	margin: 0 0 20px 0;
	color:#797979;
	position:relative;
	font-size:16px;
	line-height:30px;
}

#ticketinfo h2 {
	margin-top:0;	
}

#ticketinfo p {
	margin:0;	
	font-size:14px;
	font-style:italic;
}

#dateinfo {
	display:block;
	width:420px;
	padding:15px;
	background:#f5f5f5;
	font-size:14px;
	margin: 0 0 20px 0;
	color:#797979;
	position:relative;
	font-size:14px;
	line-height:26px;
}

#dateinfo p {
	margin:0;
	font-size:18px;
	font-style:italic;
}

#prices {
	width:50%;
	float:left;
}

.events .video {
	margin: 0 0 30px 0;	
}

.events .video iframe {
  width: 100%    !important;
  height: 480px   !important;
}

a.longbox {
	text-align:center;
	padding:10px;
	margin: 30px 0 20px 0;
	color:#fff;
	font-size:32px;
	text-transform:uppercase;
	background: #7bbdd6 url('/images/moreinfo.png') bottom right no-repeat;
	width:100%;
	display:block;
}
a.longbox:hover {
	background: #9f5eab url('/images/moreinfo.png') bottom right no-repeat;
	color: #fff !important;
}


#events .intro {
	text-align:left !important;	
}


#bookingformnew .required {
	color:#111;
	font-size:20px !important;
	line-height:30px !important;
}

.backbutton {
	min-width: 100px;
	padding: 5px 20px 5px 20px;
}

/**********************************/
/* REVIEWS */
/**********************************/
#review .row {
	margin: 10px 0 0 0;	
}

#review .row img {
	width:auto;
	border-bottom:0 !important;
	clear:none !important; 
	margin: 5px 5px 0 0 !important;
}

/* MOBILE */
@media (max-width: 767px) {
	#fixed-menu {
		display:none !important;	
	}
	.home .music_bg, .home .mic_bg, .home .blank, .home .panels .item.clearfix {
		display:none;
	}
	.home .panels .w1 { 
		width:100% !important;
	}
	.home .panels .w2 { 
		display:none;
	}
	#header {
		height: 160px !important;
	}
	.navbar-nav {
		margin-top:0 !important;	
	}
	.navbar-nav ul {
		z-index:2000;	
	}
	.navbar-nav > li > a {
		color:#fff !important;	
		font-size:20px;
	}
	#ticketsource {
		display:none !important;	
	}
	#footer .textcenter {
		text-align:left;	
	}

	.footer-content img { width:100%; }
	
	#header .extra-info {
		display:none;	
	}
	.navbar-nav {
		margin-top:0px !important;
		background:#a2c29b;
	}
	.navbar-nav>li>a {
		padding: 10px 0 10px 0 !important;
		line-height:40px;
		text-align:center;
		font-size:20px;
		line-height:30px;
		color:#333 !important;
		margin: 20px 0 20px 0 !important; 
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border:none !important;	
		margin-top:10px;
	}
	#footer h3 {
		margin: 40px 0 10px 0;	
	}
	#footer .map .panel {
		width:80%;
		margin: 0 auto;
		position:absolute;
		left:10%;
	}
	#footer p, #footer a {
		font-size:18px;
		line-height:30px;	
	}

	.events #content {
		background: url(/images/lansdown-hall-bg.jpg) top center no-repeat;
		padding-top:380px;
		margin:0;
	}
	
}

/* DOWN TO 3 COLUMNS */
@media (max-width: 1120px) {
	.home .music_bg, .home .mic_bg, .home .blank, .home .panels .item.clearfix {
		display:none !important; 
	}
	#home-icon {
		display:none;
	}
}

/* VERY LARGE MONITORS */
@media (min-width: 1400px) {
	.home .music_bg, .home .mic_bg, .home .blank, .home .panels .item.clearfix {
		display:none !important;
	}
}

/* Ipad */
@media (min-width: 768px) and (max-width: 768px) {
	.navbar-nav {
		margin-top: 90px !important;
		background:none !important;
	}
	.nav a { font-size:14px !important; }
}

@media (min-width: 769px) and (max-width: 991px) {
	.nav li a {
		font-size:14px;	
		margin: 0 0 0 0;
	}
	.events .video iframe {
	  width: 100%    !important;
	  height: 400px   !important;
	}
}


@media (max-width: 995px) {
	.nav>li>a {
		padding-right: 0 !important;
	}
}

@media (min-width: 768px) {
	.home .description {
		width: 50%;
		text-align: center;
		color: #999;
		margin: 0 auto;
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 135px; 
	}
}