/* Colour reference
Brown: #441d01
Orange: #ffa374*/

html, body {height:100%; font-family: 'open sans', arial, sans-serif; color:#222222;}
body {background:#f1e1dc;}

div#header {width:100%; background: #fff; -webkit-box-shadow: 0px 40px 18px -41px rgba(153,153,153,1);
-moz-box-shadow: 0px 40px 18px -41px rgba(153,153,153,1);
box-shadow: 0px 40px 18px -41px rgba(153,153,153,1);
background-image: -webkit-linear-gradient(127deg, rgb(192,116,74) 0%, rgb(175,100,58) 45%, rgb(158,83,42) 100%);
background-image: -moz-linear-gradient( 0deg, rgb(158,83,42) 0%, rgb(192,116,74) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(158,83,42) 0%, rgb(192,116,74) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(158,83,42) 0%, rgb(192,116,74) 100%);
}

.amount{position:relative}
.amount:before{content: '£';position: absolute;left: 0;top: 7px}
.amount input{width: calc(100% - 20px)!important;float:right}

div#header .container {
background:url(images/header.png) 90% 0 no-repeat; height:245px;
}

div#footer {width: 100%; margin-top: 25px; background: #fff; padding-bottom: 10px; -webkit-box-shadow:0px 0px 18px 0px rgba(0, 0, 0, 0.09);-moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09);}
.pagepush {height: auto !important; margin-bottom: -50px; min-height: 100%;}

a#home {
	background:url(images/logo.png);
	width:159px;
	height:82px;
	display:block;
	margin:55px 0 20px 0;
}

div#header p {
font-size:22px;
color:#fff;
font-weight:300;
}

div#main-nav ul li {
	list-style:none;
	float:left; 
	margin-right:30px;
	margin-top:19px; height:20px; line-height:20px;
}
	div#main-nav ul li a {
		font-size:18px;
		color:#fff;
	}
div#main-nav ul li a:hover {opacity:0.8;}

div#side-menu ul {
	margin:15px 0;
	padding:0 10px 0 0;
}
	
	div#side-menu ul li {
		list-style: none; 
		margin-bottom:0;
		padding:9px 0;
		border-bottom:solid 1px #fff;
	}
	div#side-menu ul li a {
	color:#000;
	}
	div#side-menu ul li a:hover {
	color:#7d4536;
	}

	div#side-menu ul p {
		list-style: none; 
		margin-bottom: 0;
		padding:10px 0;
		font-family: 'Georgia', Serif;
		color:#7d4536;
		font-size:18px;
		line-height:24px;
	}

	div#side-menu ul ul {
		margin-left:15px; margin-top: 5px
	}

div#footer div ul {
	padding:20px 85px 0 85px; font-size:14px;
}

div#footer div ul li {
	list-style: none; 
	float: left;
	padding:0 30px
}	div#footer div ul li:first-child {padding-left: 0} div#footer div ul li:last-child {padding-right: 0}
	div#footer div ul li a {
		font-size:15px
	}


.main-content {
	background: #fff;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.14);
	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.14);
	padding:25px 25px 50px 25px;
}


div#content-wrapper {
	padding-top:20px;
	margin-top: 30px;
	margin-bottom: 100px
}
#main-nav {font-weight:300; width:100%; background:#1e1e1f; height:60px;}
#main-nav ul {
	width: 100%;
	margin:0 auto;
	padding-left: 15px;
    padding-right: 15px;
	content: " ";
  	display: table;
	max-width: 990px;
	}

div.main-content img {display: inline; float: left; padding: 5px 15px 15px 0}
.umb-grid .col-md-5 {padding:0; margin:0; width:40%;}
.umb-grid .col-md-7 {padding:0; margin:0; width:60%;}
.umb-grid img {max-width:100%; height:auto;}
.umb-grid .col-md-12 {padding:0;}
.umb-grid .col-md-12 div h2:first-child {margin-top:0px;}

/* Home */
div.main-content-home {background:url(images/home-bg.png) top -1px right no-repeat; padding-right:30px; position:relative; top:-20px; padding-top:20px; margin-left: 25px; float: right}
div.main-content-home h1{padding-right:215px; margin: 92px 0}

/* Gallery */
.gallery h3 {color:#7d4536; font-weight:500; font-size:20px; font-family: 'open sans', arial, sans-serif; margin-bottom:10px; margin-top:25px;}
.gallery a {color:#7d4536; font-family: 'Georgia', serif; font-size:20px; float:right;}
.gallery a:after {content: '\f054';
   font-family: FontAwesome;
   font-size:14px;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 10px;
   text-decoration:none;}
.gallery ul {width:100%; float:left; margin-bottom:0;}
.gallery ul li {
	list-style:none; 
	padding:0; 
	margin:5px 0 5px;
	width:50%;
	float:left;
	text-align:center;
	height:300px;
	}
.gallery ul li img {
	margin:0 auto;
	float:none;
	}

.gallery ul li img.wider {width:98%; height:auto;}
.gallery ul li img.taller {width:auto; height:100%;}

img.before, img.after {width:48%; height:auto; float:left}
	img.before {margin-right: 2%}
	img.after {margin-left: 2%}
span.link-button {padding: 5px; margin-top:15px; cursor:pointer}
	span.slider-next {float: right; margin-right:0}
div.slide p {text-align: left; padding-top:10px; padding-bottom:15px; clear: both; margin-bottom: 0; border-bottom: solid 1px #dddddd; margin-bottom:5px;}
div.slide img {padding: 0;}

/* General */
hr {width: 100%; text-align:left; margin-left:0; border:1px solid #f0eee4}
.umb-grid .container {width:100%;}

/* Fonts */
* {color: #222222}
p {font-size:15px; margin-bottom:14px;}
strong {color: #222; font-size:15px; font-weight: bold}

div.main-content li, div#footer li {color: #441d01; font-size:15px}
div#footer li {color:#222; font-size:14px}
div#footer li a {color:#888888;}

a {color: #7d4536; text-decoration:none;}
	a:hover {color: #000}
	
.link-button {padding: 15px 20px; color:#fff; line-height:20px; font-family: Georgia, serif; transition:all 0.4s; display:inline-block; margin-bottom:15px; width:48%; text-align: center; background: #9e532a; margin: 1%; margin-left: 0; margin-right: 3%; font-size:18px; box-shadow: -4.792px 3.611px 2.73px 0.27px rgba(0, 0, 0, 0.2);}
.link-button:after {content: '\f054';
   font-family: FontAwesome;
   font-size:14px;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 10px;
   text-decoration:none;}
.link-button:last-child {margin-right: 0}
div.main-content-home .link-button {width:39.4%}
	.link-button:hover {background: #b17555; color:#ffffff}

.dark-link-button {padding: 20px; border:1px solid #fe8045; color:#441d01; transition:all 0.4s; display:inline-block; margin-right:15px; margin-bottom:15px}
	.dark-link-button:hover {background: #441d01; color:#ffffff}

.umb-grid ul li {
    background-position: 0px 6px;
    padding: 0px 0 15px 15px;
	list-style-type: none;
	position:relative
}

.umb-grid ul li:before{content:'';width:5px;height:5px;border-radius:50%;background-color: #7d4536;position:absolute;left:0;top:10px}
.umb-grid h2{margin-bottom:20px}
.umb-grid a{text-decoration: underline;word-break: break-all;}

h1 {color: #7d4536; font-family: 'Georgia', serif; font-size:24px; line-height:24px; font-style:italic;}
h2 {color:#222222; font-family: 'Georgia', serif; font-size: 20px; margin:20px 0 0 0;}
h3 {color:#7d4536; font-family: 'Georgia', serif; font-size: 20px; margin:20px 0 0 0;}
h4 {color:#222222; font-family: 'Georgia', serif; font-size: 18px; margin:15px 0 0 0;}

/* Mobile nav button */
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor: pointer;border-radius: 1px;height: 5px;width: 35px;background: #f1e1dc;position: absolute;display: block; content: ''; top:10px}
#nav-toggle:after{content: 'MENU';color: #f1e1dc;position: absolute;bottom: -45px;font-size: 12px;}
#nav-toggle {position:absolute; display:none; visibility: hidden; right: 65px; top: 30px}
#nav-toggle span:before {top: -10px}
#nav-toggle span:after {bottom: -10px}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {transition: all 500ms ease-in-out}
#nav-toggle.active span { background-color: transparent}
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0}
#nav-toggle.active span:before {transform: rotate(45deg)}
#nav-toggle.active span:after {transform: rotate(-45deg)}

/* Mobile Menu */
div#mobile-menu-background {width:75%; height:100%; position:fixed; background:#ffffff; z-index:998; border-right:1px solid #fe8045; left:-76%}
div#mobile-menu{width:75%; height:100%; position:absolute; z-index:999;  left:-76%}
	div#mobile-menu p {color:#fe8045; font-size:16px; padding-left: 20px; padding-top: 24px; margin:0}
	div#mobile-menu ul {padding:20px}
		div#mobile-menu li {list-style: none}
div#mobile-menu ul ul {margin-left: 0; margin-top: 5px; padding: 0 15px}

@media (max-width: 1200px) {
	div#main-nav ul li {margin-right: 10px}
		div#main-nav ul li a {font-size: 13px}
	div#side-menu ul li {margin-bottom: 10px}
		div#side-menu ul li a {font-size: 13px}
	h1 {font-size:24px}
	h4 {font-size: 16px}
	p {font-size: 15px}
	div#footer div ul {padding: 0; margin-top:20px}
		div#footer div ul li {padding: 10px}
			div#footer div ul li a {font-size:14px}
	}
@media (max-width: 1000px) {
	.gallery ul li {height:200px;}
	#main-nav ul {width:750px;}
}
@media (max-width: 750px) {
	div#main-nav {display: none}
	#nav-toggle {display:block; visibility:visible; z-index:1001}
	div#side-menu {display: none}
	div.nine.columns.main-content {width: 100%; margin-left:0; padding-left: 15px}
	div#footer div ul {padding: 0; margin-top:20px}
	div#footer div ul li {padding: 0; float:none}
	div.main-content-home .link-button {width:30%}
	div.main-content-home h1 {margin: 0; height: 232px}
	.link-button{width: 100%;max-width:400px}
}
@media (max-width: 550px) {
	div#main-nav {display: none}
	div.main-content-home {background: none; padding-right: 0}
	div.main-content-home h1 {margin: 0; padding: 0; height: auto}
	div.main-content-home .link-button {width: 80%}
	.gallery ul li {width:100%; padding:0; height:auto;}
	.gallery ul li img.wider {width:100%; height:auto;}
	.gallery ul li img.taller {width:100%; height:auto;}
}



/* form styles */
.main-form-group,.form-group, .form-group .group{float: left;width:100%}
.form-group .group{padding: 0}
.form{max-width:80%}
.main-form-group h3{margin-bottom:20px;margin-top:0}
.main-form-group textarea, .main-form-group input, .main-form-group select{width:100%;border:1px solid #f1e1dc}
.main-form-group textarea{resize: vertical;height:100px}
.main-form-group input, .main-form-group select{height:40px;line-height:40px}
.form-group .group div,.form-group .group label,.form-group .group span{float:left}
.form-group .group div{margin-right: 20px}
.form-group .mycheck-radio{width: 24px;height:24px;position:relative;margin-right: 5px;line-height:24px}
.form-group .mycheck-checkbox{width: 22px;height:22px;position:relative;margin-right: 5px;line-height:22px}
.form-group .mycheck-radio input,.form-group .mycheck-checkbox input{position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;z-index:10}
.form-group input,.main-form-group textarea{margin: 0}
.form-group input.custom{opacity:0} 
.form-group{margin-bottom: 20px} 		
.mycheck-radio{border-radius: 50%;border: 1px solid #f1e1dc;}	
.mycheck-checkbox{border-radius: 3px;border: 1px solid #f1e1dc;}		
			
.mycheck-radio.checked:after{content: '';background-color: #f1e1dc;width: 18px;height: 18px;position: absolute; border-radius: 50%;left: 2px;top: 2px;}	
.mycheck-checkbox.checked:after{content: '';background-color: #f1e1dc;width: 16px;height: 16px;position: absolute; border-radius: 3px;left: 2px;top: 2px;}	


.customSelect{float: left; width: 100%;height: 40px;border-radius: 3px;border: 1px solid #f1e1dc;line-height:40px;padding-left:5px}
.customSelect:after{content: '\f0d7';font-family: 'fontawesome';right:10px;top:0;position:absolute;color: #f1e1dc}
button.link-button {height: 40px;line-height: 40px;padding: 0 40px;width: auto;float: right;font-size: 16px;}

@media (min-width: 992px) {
	.form-group .group:first-child{width:40%}
	.form-group .group:last-child{width:60%}
	
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */