h1,
.parent-title {
	color:var(--green);
	font-size:4em;
	margin-top:0;
	clear:left;
}

article h2,
article h3,
article h4,
article h5,
article h6 {
	color:var(--green);
}

.sub-pages {
	margin-bottom:2.5%;
}

.sub-pages a {
	float:left;
	color:#fff;
	text-decoration:none;
	padding:0.75em 1.5em;
	margin-bottom:0.5em;
	border-radius:5em;
	font-size:1.4em;
	background-color:var(--green);
}

	.sub-pages a:hover {
		background-color:var(--brown);
	}

.news-item,
.box {
	margin-bottom:1.5em;
	background-color:#fff;
	border-radius: 1em;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
}

.box {
	padding:2.5em;
}

	.news-item > img {
		float:left;
		width:20%;
		border-radius:1em 0 0 1em;
	}

	.news-item .text {
		float:right;
		width:80%;
		padding:2%;
	}

		.list .text p {
			margin-bottom: 0.75em;
			line-height:1;
		} 

			.list .text p span,
			.pig-details p span {
				color:var(--brown);
			}

	.news-item h2{
		font-size:3em;
		font-weight:400;
		color:var(--green);
		margin-bottom:0.5em;
		margin-top:0;
	}

	.main p.date {
		color:var(--brown);
		margin-bottom:0;
	}

	.news-item p {
		font-size:1.2em;
	}

	.main .more {
		display:inline-block;
		background-color:var(--green);
		color:#fff;
		padding:0.5em 2em;
		font-size:1em;
		border-radius:5em;
		margin-bottom:0;
		margin-top:1em;
	}

	.news-item:hover .more {
		background-color:var(--brown);
	}

.pager-nav,
.pager-nav ul{
	float:left;
	Clear:left;
	width:100%;
	text-align: center;
	padding:0;
	margin:0;
}

.pager-nav {
	margin-bottom:5%;
	margin-top:2.5%;
}

	.pager-nav ul li {
		display:inline-block;
		padding:0;
		margin:0;
	}
	
		.main .pager-nav ul li a {
			float:left;
			background-color:var(--green);
			padding:0.5em 1em;
			text-decoration: none;
			margin:0.5em;
			border-radius: 0.5em;
			color:#fff;
		}
		
			.main .pager-nav ul li a:hover,
			.main .pager-nav ul li.active a{
				background-color:var(--brown);
			}

article {
	float:left;
	clear:left;
	width:75%;
	background-color:#fff;
	border:1px solid #efefef;
	border-radius:1em;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
}

	article .content {
		padding:5%;
	}

		article .content *:first-child {
			margin-top:0;
		}

	article > img {
		width:100%;
		border-radius:1em;
	}

	.back {
		float:left;
		background-color:var(--green);
		font-size:1em;
		padding:0.5em 1.5em;
		border-radius:2em;
		margin-right:2em;
		color:#fff;
		text-decoration: none;
		margin-bottom:2em;
	}

		.back:hover {
			background-color:var(--brown);
		}

	.gallery {
		float:left;
		clear:left;
		width:75%;
		display:grid;
		grid-template-columns: repeat(4,1fr);
		grid-gap:1em;
	}

		.gallery a {
			background-color:#fff;
			border-radius:0.5em;
		}

			.gallery a img {
				opacity:1;
				border-radius:0.5em;
				transition:opacity 0.35s ease-in-out;
			}

			.gallery a:hover img {
				opacity:0.6;
			}

aside {
	float:right;
	width:20%;
}

	.other,
	.sponsor {
		margin-bottom:4em;
	}

	.other a {
		background-color:#fff;
		box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
		border-radius:1em;
		text-decoration: none;
		margin-bottom:1em;
	}

		.other a img {
			border-radius:1em;
		}

		.other a p {
			font-size:1.2em;
			padding:0.5em;
			margin:0;
		}

	.sponsor a {
		box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
	}

	.sponsor img {
		width:100%;
	}

	aside h2,
	aside h3,
	aside h4,
	aside h5,
	aside h6 {
		margin-top:0;
	}

.members table {
	margin:0;
	border-radius:1em;
	overflow:hidden;
}

.main th {
	text-align: left;
	background-color:transparent;
	border:0;
	color:#fff;
	background-color:var(--green);
	font-weight:300;
}

	.main .members td {
		border:0;
		border-bottom:1px solid #eee;
		text-transform: capitalize;
	}

	.main .members tr:last-of-type td {
		border-bottom:0;
	}

	.members td p {
		margin-bottom:0;
	}

	.members td.postcode {
		text-transform: uppercase;
	}

	.members .photo img {
		width:50px;
		border-radius:100em;
		background-color:#f5f5f5;
	}

.downloads {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:1em;
}

	.downloads a {
		display:grid;
		grid-template-columns: 30px 1fr;
		grid-gap:1em;
		border:2px solid var(--green);
		padding:1.5em;
		border-radius: 0.5em;
		text-decoration: none;
	}

		.downloads a p {
			font-size:1.8em;
			color:var(--green);
			margin:0;
		}

		.downloads a:hover {
			background-color:#bde092;
		}


/********** Account **********/

.create-acc,
.login {
	width:600px;
	max-width:100%;
	margin:0 auto;
	float:none;
	display:block;
	border:1px solid #e5e0cc;
	border-radius:0.5em;
	box-shadow: 2px 0 20px rgba(0,0,0,0.05);
	padding:2.5%;
}

.two-col {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:2em;
}

	input[type="submit"]{
	    background-color:var(--green);
	    color:#fff;
	    width:auto;
	    padding:0.5em 2em;
	    text-transform: uppercase;
	    float:right;
	}

	label {
		font-size: 1.2em;
	}

	.create-acc input[type="submit"]{
		width:100%;
		padding:1.5em;
	}

	    input[type="submit"]:hover {
	      background-color:var(--brown);
	    }

	    label input {
	    	width:12px;
	    	float:left;
	    	margin-right:0.5em;
	    }

	.inputerror {
		border:1px solid red;
	}

	.form_error{
		color:red;
	}

.account {
	display:grid;
	grid-template-columns: 1fr 4fr;
	grid-gap:2em;
}

	.notice {
		margin-bottom:2em;
	}

		.notice h2 {
			color:var(--green);
			margin:0 0 0.5em 0;
		}

.listings h2:first-of-type {
	margin:0;
	color:var(--green);
}

.intro {
	background-color:#fff;
	border-radius: 1em;
	padding:2.5em;
	box-shadow: 0 3px 5px rgba(0,0,0,0.05);
}

	.intro h2 {
		margin:0;
		font-size:2em;
	}

	.intro .email {
		font-size:1em;
		color:var(--green);
		margin-bottom:3em;
	}

	.options a {
		float:left;
		clear:left;
		width:100%;
		background-color:var(--green);
	    color:#fff;
	    padding:1em 1.5em;
	    text-transform: uppercase;
	    text-decoration: none;
	    margin-bottom:3px;
	    border-radius: 0.5em;
	}

		.options a:hover {
			background-color:var(--brown);
		}

.ck.ck-reset {
	margin-bottom:2em;
	float:left;
	clear:left;
	width:100%;
}

.ck-content {
	min-height:300px;
}

.for-sale {
	padding-bottom:2.5em;
	margin-bottom:2.5em;
	border-bottom:1px solid #f5f5f5;
}

	.list-type p {
		float:left;
	}

	.list-type a {
		float:right;
		background-color:var(--green);
		color:#fff;
		text-decoration: none;
		padding:0.5em 1em;
		border-radius:10em;
	}

		.list-type a:hover {
			background-color:var(--brown);
		}

	.listings h2:first-of-type {
		margin:0 0 1em 0;
	}

	.pig {
		background-color:#f5f5f5;
		border-radius:1em;
		margin-bottom:1em;
		position: relative;
	}

		.pig > img {
			float:left;
			width:10%;
			border-radius:1em;
		}

		.pig .text {
			float:right;
			width:90%;
			padding:1.5em;
		}

			.pig .text h3 {
				margin:0;
				font-size:1.8em;
				color:var(--green);
			}

			.pig .text p {
				font-size:1.2em;
				margin:0;
			}

	.actions {
		position:absolute;
		right:0;
		top:0;
		padding:1.5em;
	}

		.actions a {
			background-color:#ddd;
			color:#333;
			padding:0.5em 1em;
			border-radius:0.5em;
			font-size:1.2em;
			margin-left:0.5em;
			float:left;
			text-decoration: none;
		}

			.actions a:hover {
				background-color:var(--green);
				color:#fff;
			}

		.actions form.edit {
			float:left;
			margin-left:0.5em;
		}

			.actions form.edit input {
				text-transform: capitalize;
				background-color:#ddd;
				color:#333;
			}

				.actions form.edit input:hover {
					background-color:var(--green);
					color:#fff;
				}

.confirm {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:100;
	text-align: center;
	display:none;
}

	.confirm .inner {
		width:600px;
		max-width:100%;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		background-color:#fff;
		padding:2.5%;
		border-radius:1em;
	}

	.confirm .cancel {
		position:absolute;
		right:-1em;
		top:-1em;
		background-color: var(--green);
		color: #fff;
		width: auto;
		padding:1em;
		font-size:2em;
		border-radius:10em;
		text-decoration: none;
	}

		.cancel:hover {
			background-color:var(--brown);
		}

	.confirm input[type="submit"]{
		float:none;
	}

	.confirm form {
		width:100%;
		display:inline-block;
	}

	.confirm label {
		font-size:2em;
	}

	.confirm p {
		font-size:1.6em;
		line-height: 1.6;
		margin-bottom:1em;
	}

	.pig .confirm p {
		margin-bottom:2em;
		font-size:1.6em;
	}

	.save,
	.update input[type="submit"] {
		background-color:var(--green);
		color:#fff;
		font-size:1.6em;
		text-decoration: none;
		float:right;
		padding:0.75em 2.5em;
		border-radius:0.5em;
		text-transform: uppercase;
		margin-top:1em;
	}

		.save:hover,
		.update input[type="submit"]:hover {
			background-color:var(--brown);
		}

	.confirm.show {
		display:block;
	}

.profile table {
	margin:0;
}

.profile td {
	border:0;
	border-bottom:1px solid #eee;
	vertical-align: top;
	line-height:1.7;
}

	.profile td:first-of-type {
		color:var(--green);
		width:30%;
	}

	.profile td p {
		margin:0;
		float:left;
		clear:left;
	}

	.profile td p.edit {
		float:right;
		text-decoration: underline;
		color:#ccc;
		font-size:1em;
	}

	.profile td p.missing {
		color:#ccc;
	}

	.profile td div {
		cursor: pointer;
	}

	.error,
	.profile td p.error {
		color:red;
	}

	.profile .images img {
		height:100px;
		float:left;
		clear:none;
		display: inline-block;
		margin:0 1em 1em 0;
		border:1px solid #eee;
	}

	td ul {
		margin:2em 0;
	}

	td li {
		float:left;
		clear:left;
		width:100%;
	}

.pfs h1 {
	margin-bottom:0;
}

	.gal img {
		width:100%;
		border-radius: 1em;
		margin-bottom:1em;
	}

	.videos video {
		width:100%;
		margin-bottom:1em;
	}

@media screen and (max-width:799px){
	article,
	aside,
	.gallery {
		float:left;
		width:100%;
	}

	article {
		margin-bottom:5%;
	}

	.create-acc,
	.login {
		padding:2em;
	}

	.account {
		grid-template-columns: 1fr;
	}

	h1 {
		font-size:3em;
	}

	.members thead {
		display:none;
	}

	.members tbody tr {
		float:left;
		clear:left;
		display:block;
		width:100%;
		border-bottom:1px solid #eee;
		padding:1em 0;
	}

	.main .members tbody td {
		display:block;
		border:none;
	}

		.members .photo {
			float:left;
			width:75px;
			padding:1em;
		}

		.members .name,
		.members .county,
		.members .postcode,
		.members .tel {
			float:right;
			width:calc(100% - 75px - 1em);
			padding:0;
			margin-bottom:0.25em;
		}

		.members .name {
			font-weight:bold;
		}
}

@media screen and (max-width:499px){
	.news-item > img,
	.news-item .text {
		width:100%;
	}

	.news-item > img {
		border-radius:1em 1em 0 0;
	}

	.news-item .text {
		padding:2em;
	}

	.main td {
		padding:1em;
	}

	.box {
		padding:1em;
	}

	.account .box td {
		width:100%;
		display:block;
		float:left;
	}

		.account .box td:first-of-type {
			border-bottom:0;
		}

	.gallery {
		grid-template-columns: 1fr 1fr;
	}
}