/** Generated: Thursday, 16th of April 2026, 10:17:55 PM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
	--green:#4f8e01;
	/*--green:#b43333;*/
	/*--darkgreen:#628456;*/
	--darkgreen:#3a6801;
	--brown:#d38a73;
	/*--brown:#91ab6c;*/
	--grey:#332d31;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

* {
    padding:0;
    margin:0;
    box-sizing: border-box;
	font-family:inherit;
	color:inherit;
}

img {
	display:block;
	max-width:100%;
}

.wrap {
  position:relative;
  width:1240px;
  padding:0 20px;
  max-width:100%;
  margin:0 auto;
  clear:both;
}

#burger,
#mobnav {
  display:none;
}

body {
    font-size:62.5%;
    background-color:#faf8f0; /* cream */
    font-family: 'Montserrat', sans-serif;
    color:#332d31;
}

.greenbar {
	float:left;
	clear:left;
	width:100%;
	height:6px;
	background-color:var(--green);
}

#birds {
	position:absolute;
	left: 22%;
	width: 11%;
	top:3.2em;
}

.nav-btns {
	float:right;
	margin-top:1em;
}

	.nav-btns a {
		float:left;
		margin-left:0.75em;
	}

	.nav-btns .social {
		float:left;
	}

	.nav-btns .social a {
		width:30px;
	}

		.nav-btns .social a:hover {
			background-color:#333;
			border-radius:10em;
		}

	#account {
		float:left;
		background-color:var(--green);
		height:30px;
		border-radius:10em;
		padding:0.75em 1.5em;
		margin-left:2em;
	}

		#account p {
			float:left;
			color:#fff;
			font-size:1.2em;
			text-transform: uppercase;
			margin:0 0.5em 0 0;
		}

		#account img {
			float:left;
			height:8px;
			margin-top:2px;
		}

header {
	float:left;
	clear:left;
    width:100%;
    padding:6em 0 3em;
}

    nav {
		float:right;
		clear:right;
		width:calc(100% - 160px);
    }
  
		#mainnav {
			float:right;
			list-style: none;
			background-color:var(--green);
			color:#fff;
			border-radius: 10em;
			margin-top:3em;
			padding:0 2em 0 60px;
			width:100%;
		}

			#mainnav li {
				float:left;
				position:relative;
			}

				#mainnav li a {
					float:left;
					font-size:1.2em;
					text-transform: uppercase;
					letter-spacing: 0.05em;
					text-decoration: none;
					padding:1.75em 1.25em;
					position:relative;
					z-index:5;
				}

				#mainnav li a:hover,
				.active {
					color:var(--grey);
				}

				#home-white {
					width:1.3em;
				}

			#mainnav .subnav {
				position:absolute;
				margin:0;
				padding:5.6em 0 0 0;
				min-width:200px;
				top:0;
				background:none;
				border-radius:0 0 1em 1em;
				z-index:4;
				display:none;
			}

				#mainnav .subnav li {
					background-color:var(--darkgreen);
					border-top:1px solid var(--green);
				}

					#mainnav .subnav li:last-of-type,
					#mainnav .subnav li:last-of-type a {
						border-radius: 0 0 0.75em 0.75em;
					}

				#mainnav .subnav li,
				#mainnav .subnav li a {
					float:left;
					clear:left;
					width:100%;
					padding:0;
				}

					#mainnav .subnav li a {
						font-size:1.1em;
						padding:1em 1.25em;
					}

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

				#mainnav li:hover .subnav {
					display:block;
				}

    #logo {
		float:left;
		width:180px;
		margin-right:-50px;
		position: relative;
		z-index:2;
		margin-top:-5px;
    }
  
		#logo img {
			width:100%;
		}

.flex {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

.fcw {
  float:left;
  clear:left;
  width:100%;
}

h1,h2,h3,h4,h5,h6 {
	margin:1em 0;
	font-weight:normal;
}

.main h2 {
	font-size:3em;
}

.main h3 {
	font-size:2.4em;
}

.main h4 {
	font-size:1.4em;
}

.main h5 {
	font-size:1.2em;
}

.main p,
.main li{
	font-size:1.4em;
	line-height:1.7;
	margin-bottom:1em;
}

	.main p a,
	.main li a,
	.main td a {
		color:var(--green);
	}

.main ul,
.main ol {
	margin:2em;
}

.main ul {
	list-style-image: url('/site/templates/img/bullet.svg');
}

  .main li {
    padding-left:1em;
    margin-bottom:0.5em;
  }

  .main li p {
  	font-size:1em;
  }

 .main table {
 	width:100%;
 	border-collapse: collapse;
 	margin:3em 0;
 }

 	.main td,
 	.main th {
 		font-size:1.4em;
 		padding:1.5em;
 		border:1px solid #eee;
 	}

 		.main td p,
 		.main td li,
 		.main li li {
 			font-size:1em;
 		}

.main iframe,
.TextformatterVideoEmbed {
	float:left;
	clear:left;
	width:100%;
	margin-bottom:2em;
}

blockquote {
	margin:2em 0;
	font-size:1.4em;
	font-style: italic;
	font-weight:300;
	padding:0 3em;
	border-left:5px solid var(--green);
}

.title {
	font-size:1.6em;
	border-bottom:2px dotted var(--grey);
	margin-bottom:2em;
	padding-bottom:1em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	width:100%;
}

.align_left {
  float:left;
}

.align_right {
  float:right;
}

.align_center {
  text-align: center;
}

img.align_left {
  margin:0.5em 1em 1em 0;
}

img.align_right {
  margin:0.5em 0 1em 1em;
}

img.align_center {
  display:block;
  margin-left:auto;
  margin-right:auto;
}

input,
textarea,
label,
hr{
	float:left;
	clear:left;
	width:100%;
	margin-bottom:1em;
}

input,
textarea {
	background-color:#fff;
	border:1px solid #e5e0cc;
	border-radius: 0.5em;
	padding:1em;
	font-size:1.2em;
}

.robot input {
	float:left;
	width:12px;
	margin-right:1em;
}

input[type="submit"] {
	float:left;
	clear:left;
	text-decoration: none;
	cursor: pointer;
	border:none;
	outline:none;
}

.errortext {
	color:red;
	font-weight:bold;
}

.left {
	float:left;
}

.right {
	float:right;
}
  
footer {
  background-color:var(--green);
  margin-top:5%;
}

	footer .wrap {
		padding:2% 0;
		position:relative;
	}

	#trees1{
		position:absolute;
		width:100px;
		bottom:100%;
		right:105%;
	}

	#trees2{
		position:absolute;
		width:30px;
		bottom:100%;
		left:105%;
	}

	.copyright {
		color:#fff;
	}

@media screen and (max-width:1199px) {
	#mainnav li a {
		font-size:1em;
	}

	.subnav {
		padding-top:4.6em;
	}
}
  
@media screen and (max-width:1074px) {

	header {
		padding-top:3em;
	}

	#logo {
		width:140px;
	}
  
	#mainnav {
		display:none;
	}

	nav,
	#mobnav,
	#mobnav li,
	#mobnav li a,
	#mobnav .subnav {
		float:left;
		clear:left;
		width:100%;
		list-style: none;
		position: relative;
	}

	#mobnav li a {
		font-size:1.4em;
		padding:1em;
		text-align: center;
		border-bottom:1px solid #ddd;
		text-decoration: none;
		color:var(--green);
	}

		#mobnav .subnav {
			position:static;
			display:none;
			padding:0;
		}

			#mobnav .subnav li a {
				background-color:#eee9d9;
			}
  
	#burger {
	  	float:right;
	  	clear:right;
	    width:36px;
		display:block;
		margin-top:2em;
	}  
	        
			#mobnav li a.tri {
	          position:absolute;
	          float:none;
	          clear:none;
	          right: 0;
	          top: 0;
			  width:3em;
			  height:3.1em;
	          border:none;
			  padding:0.7em;
	        }
			
				.tri img {
					position:relative;
					display:block;
					top:50%;
					transform: translateY(-50%);
				}

	footer .wrap {
		padding:2em 1em;
	}

		.copyright {
			width:100%;
			line-height: 1.4;
			text-align: center;
		}
}

@media screen and (max-width:649px) {
	#birds {
		display:none;
	}
}

@media screen and (max-width:499px) {

	header {
		padding-top:1em;
	}

	.nav-btns {
		width:100%;
		margin-bottom:2em;
	}

	#logo {
		width:100%;
		clear:both;
		display:block;
		float:none;
		margin:0 auto;
	}

	#account {
		float:right
	}
}
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;
	}
}