/*
colours
#e4ede4
#8ee4af
#5cdb95
#379683
#05386b
*/
*{
	margin:0;
	padding:0;
	border:none;
}
body{
	margin:0;
	padding:0;
	margin: 0;
	background: #e4ede4 url(../images/background.svg) bottom no-repeat;
	background-size: auto;
	overflow-x: hidden;
	--primaryColor: #000000;
	--borderColor: rgba(0,0,0,.5);
	--advertBorderColor: rgba(0,0,0,.1);
}
body.blacktheme{
	--primaryColor: #000000;
	--borderColor: rgba(0,0,0,.5);
	--advertBorderColor: rgba(0,0,0,.1);
}
body.bluetheme{
	--primaryColor: #05386b;
	--borderColor: rgba(5,56,107,.5);
	--advertBorderColor: rgba(5,56,107,.1);
}
body.greentheme{
	--primaryColor: #1f8371;
	--borderColor: rgba(31, 131, 113,.5);
	--advertBorderColor: rgba(31, 131, 113,.1);
}
body.browntheme{
	--primaryColor: #A0522D;
	--borderColor: rgba(160, 82, 45, .5);
	--advertBorderColor: rgba(160, 82, 45,.1);
}
body.graytheme{
	--primaryColor: #677787;
	--borderColor: rgba(103, 119, 135, .5);
	--advertBorderColor: rgba(103, 119, 135,.1);
}
body.redtheme{
	--primaryColor: #E62600;
	--borderColor: rgba(230, 38, 0, .5);
	--advertBorderColor: rgba(230, 38, 0,.1);
}
.top-bar{
	border-bottom: 4px solid var(--primaryColor);
	padding-bottom: 0;
	text-align: center;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
	font-family: 'Fira Sans', sans-serif;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: .5ch;
}
.top-bar, .top-bar ul{
	background-color: #fff;
}
.top-bar ul li:nth-child(1){
	/*background-color: #05386b;*/
}
.top-bar-left{
	text-align: center;
	width: 100%;
}
.menu li a{
	color: var(--primaryColor);
}
.menu li a.active{
	background-color: var(--primaryColor);
	color: #fff;
}
.menu li ul li{
	text-align: left;
}
h1, h2, h3, h4, h5{
	font-family: 'Fira Sans', sans-serif;
	color: var(--primaryColor);
	padding: .5em;
}
h1 {
	font-size: 2em;
	/*
	text-decoration-line: underline;
  	text-decoration-style: solid;
  	text-decoration-color: var(--primaryColor);
	text-decoration-thickness: 3px;
	*/
	background-color: rgb(255,255,255,.5);
	border: 1px solid var(--borderColor);
}
h2 {
	font-size: 1.8em; 
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.2em;
}
h6{
	font-size: .8em;
	font-style: italic;
	padding-left: 1em;
	color: #0c0c0c;
}
p, li:not([role="menuitem"]):not(.accordion-item){
	font-family: 'Merriweather', serif;
	padding: 0 1em;
}
ul,ol{
	margin-left: 2rem;
}
ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  margin: 0;
  padding: 0;
}
ol li {
  counter-increment: my-awesome-counter;
  margin-bottom: 0.5rem;
}
ol li::before {
  content: counter(my-awesome-counter);
  font-weight: bold;
  font-size: 3rem;
  margin-right: 0.5rem;
  margin-bottom: 1em;
  line-height: 1;
}
p:not(.card-section), li:not([role="menuitem"]){
	line-height: 2em;
}
ul.breadcrumbs li{
	line-height: inherit;
	padding: 0;
}
.card-section p{
	line-height: 1.5em;
}
/*
a:not(.menu):not(.button){
	text-decoration: underline;
}
*/
a {
	color: #05386b;
	/*text-decoration: underline;*/
}
/*buttons*/
.button.primary, .button.primary:visited, .button.primary:focus{
	background:var(--primaryColor);
	color: #fff;
	border-radius: 0;
	border: 1px solid var(--primaryColor);
}
.button.primary:hover{
	background: #fff;
	color: #000;
	border: 1px solid #000;
}
.button.council{
	background:#05386b;
	color: #fff;
	border-radius: 0;
	border: 1px solid #05386b;
  margin-right: .5em;
}
.button.council:hover{
	background: #fff;
	color: #000;
	border: 1px solid #000;
}
/*search form*/
#search{
	padding: 0;
	margin:0;
	background-color: var(--primaryColor);
	border-bottom: 4px solid var(--primaryColor);
}
#search .input-group{
	margin-bottom: 0;
}
#search .input-group-field{
	border: 1px solid var(--primaryColor);
}
#search .button.primary{
	background:#ecf87f;
	color: #000;
	border-radius: 0;
	border: 1px solid var(--primaryColor);
}
#search .button.primary:hover{
	background: #fff;
	color: #000;
}
.email::before{
	content: url("../images/email-white.svg");
	position: relative;
	bottom: -.25ex;
}
.email:hover::before{
	content: url("../images/email.svg");
	position: relative;
	bottom: -.25ex;
}
summary{
	display: block;
	width: 100%;
	background-color: #ecf87f;
}
summary h2{
	color: #000;
	position: relative;
	padding: .5em !important;
}
summary h2:hover{
	text-decoration: underline;
	cursor: pointer;
}
summary h2::after{
	content: '\0000a0\00BB';
}
details{
	padding: 0;
	position: relative;
}
details[open]{
	padding: .5em;
	background-color: #fff;
}
details[open] summary{
	background-color: #fff;
}
details[open] summary h2::after{
	content: '\0000a0\00AB';
}
.media-object-section{
	padding: 0 !important;
	margin: 0;
	width: 100%;
	position: relative;
}
summary::before {
    color: #0b893e;
    content: url("../images/fast-arrow-down-box.svg");
    display: inline-block;
    position: absolute;
  	top: 0;
  	right: 0;
  	height: 100%;
  	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;   
}
details[open] summary::before{
	content: url("../images/fast-arrow-up-box.svg");
    display: inline-block;
    position: absolute;
  	top: 0;
  	right: 0;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; 
}
.media-object-section h2,.media-object-section p{
	padding-left: 0;
	padding-right: 0;
}
div.logo{
	position: relative;
	margin-top: 3em;
	/* The image used */
	background-image: url("../images/chagford.png");
	/* Set a specific height */
	height: calc(100vw * .195);
	width: 100%;
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: top 3em center;
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom: 4px solid var(--primaryColor);
}
.logo p{
	padding: 0;
	margin: 0;
	border-bottom: 10px solid #5cdb95;
}
.logo img{
	width: 100%;
}
.breadcrumbs{
	background-color: var(--primaryColor);
	color: #ffffff;
	padding: .5em;
	border-bottom: 4px solid var(--primaryColor);
}
.breadcrumbs li{
	color: #ffffff;
	font-family: 'Fira Sans',sans-serif;
	font-size: 1em;
}
.breadcrumbs a:not([href='#']){
	color: #ffffff;
	text-decoration: underline;
}
.breadcrumbs a[href='#']{
	color: #ffffff;
}
.breadcrumbs li:not(:last-child)::after{
	color: #ffffff;
	content: url("../images/breadcrumb-arrow.svg");
    display: inline-block;
	position: relative;
	bottom: -.25ex;
	width: 16px;
}
.business-card{
	background-color: #fff;
	height: 275px;
	padding-top: .5em;	  
}
.business-card img{
	width: 100%;
	max-height: calc(275px - 0.5em);
	object-fit: cover;
}
.business-card .details{
	position: relative;
	height: calc(275px - 0.5em);
}
.business-card .details p{
	color: saddlebrown;
}
.business-card .details .button{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: .5em;
	margin-right: .5em;
}
.heading{
	background-color: rgba(255,255,255,.5);
	border-top: 1px solid var(--primaryColor);
	border-bottom: 2px solid var(--primaryColor);
	margin-bottom: .5em;
}
.subheading{
	background-color:rgba(255, 255, 255, 1);
	border-top: 2px solid #5cdb95;
	border-bottom: 2px solid #5cdb95;
	margin-bottom: 10px;
}
/*home page directory*/
.fpdirectory .card{
	box-shadow: #CCCCCC 5px 5px 5px;
}
.fpdirectory h4{
	padding: 0.5em;
	background-color: #677787;
	color: #fff;
	margin-top: 1em;
}
.fpdirectory h4::before{
	content: url("../images/credit-card.svg");
	display: inline-block;
    position: relative;
    bottom: -.5ex;
    margin-right: .5em;
}
.fpdirectory .card-divider{
	border-top: 3px solid rgba(103, 119, 135, .5);
	background-color: #ecf87f;
}
.eheader.business{
	background-color: #677787;
}
.directory{
	background-color: rgb(255,255,255,.5);
}
.directory h2 {
    text-transform: uppercase;
    /*font-family: "Segoe UI Bold","Segoe WP Bold","Segoe WP","Segoe UI",Arial,Sans-Serif;*/
    font-size: 1.3rem;
    line-height: 1em;
    color: #000;
	background-color: #fefefe;
    margin-bottom: 0;
	border-bottom: 1px solid #0b893e;
	padding-left: .5em;
}
.directory h2 a{
    color: #000;
}
.directory h2::after {
    color: #1e824c;
    content: url("../images/nav-arrow-right.svg");
    display: inline-block;
    position: relative;
    bottom: -.25ex;
    margin-left: .5em;
}
.directory img{
	max-width: 300px;
	max-height: 225px;
	padding: 5px;
	object-fit: cover;
}
.directory .grid-x{
	border-bottom: 1px solid #343434;
	height: 225px;
}
.business-categories{
	margin-left: 0;
	background-color: #fff;
	list-style-type: none;
}
.business-categories li{
	width: 100%;
	text-align: left;
	text-transform: uppercase;
    /*font-family: "Segoe UI Bold","Segoe WP Bold","Segoe WP","Segoe UI",Arial,Sans-Serif;*/
    font-family: 'Fira Sans', sans-serif;
	font-size: 1.3rem;
    line-height: 1em;
    color: #000;
	margin-bottom: 0;
	border-bottom: 1px solid #0b893e;
	padding: .5em;
	position: relative;
  }
  .business-categories li a{
	color: #000;
  }
  .business-categories li:hover{
	  background-color: #FFEBCD;
  }
  .business-categories li::before {
    color: #0b893e;
    content: url("../images/nav-arrow-right.svg");
    display: inline-block;
    position: absolute;
  	top: 0;
  	right: 0;
  	height: 100%;
  	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;   
}
.callout{
	box-shadow: #CCCCCC 5px 5px 5px;
}
/*council*/
.callout.secondary{
	position: relative;
	border-left: 10px solid var(--borderColor);
}
li.callout.secondary{
	list-style-type: none;
	margin-left: 0;
}
.callout.secondary img{
	/*position: absolute;
	top: .5em;
	right: .5em;*/
}
article {
	background-color: rgba(255,255,255,.5);
	border-top: 10px solid var(--borderColor);
}
#wrapper{
	padding:0;
	margin:0 auto;
	width:960px;
	height:auto;
	background:#FFFFFF;
	text-align:left;
}
#header{
	height:235px;
	width:960px;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	background:url(../images/header.jpg) top no-repeat;
	float:left;
}
#header h1 a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:36px;	
}
#header h1{
	padding-top:20px;
}
.story{
	background-color: white;
	border: none;
  text-align: center;
  max-height: 400px;
  margin: auto;
}
*/
.story img{
	width: 100%;
  height: 400px;
	object-fit: cover;
	object-position: 0% 0%;
}
*/
  .article2{
	position: relative;
	border-bottom: .5em solid #fff;
  }
  .article3{
	position: relative;
	border-right: .5em solid #fff;
  }
  .article4{
	position: relative;
  }
  .article2 img, .article3 img, .article4 img{
	width: 100%;
	height: 200px;
	object-fit: cover;
  }
  .panel-right{
	height: 400px;
  }
  p.text-block{
	line-height: 1em;
	margin: 0;
  }
  p.text-block a{
	text-decoration: none;
	color: inherit;
  }
  .text-block {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	min-height: 50%;
	background-color: black;
	color: white;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
  }
  .dashboardlist li{
	  border: 2px solid #379683;
	  margin-bottom: 1em;
  }
  .dashboardlist li a{
	padding: 0;
  }
  /*front page panels*/
  .eheader::before {
    color: #1e824c;
    display: inline-block;
    position: relative;
    bottom: -.5ex;
    margin-right: .5em;
	}
	.eheader.events{
		background-color: #1f8371;
	}
	.eheader.events::before{
		content: url("../images/calendar.svg");
	}
	.eheader.council::before{
		content: url("../images/people-rounded.svg");
	}
	.eheader.business::before{
		content: url("../images/credit-card.svg");
	}
	.eheader.search::before{
		content: url("../images/search.svg");
	}
	.eheader {
		text-transform: uppercase;
		font-size: 1.3rem;
		line-height: 1em;
		color: #fff;
		background-color: var(--primaryColor);
		margin-bottom: 0;
		border-bottom: 1px solid var(--borderColor);
		padding: .5em;
	}
	.eheader:not(.search)::after {
		color: #1e824c;
		content: url("../images/nav-arrow-right.svg");
		display: inline-block;
		position: relative;
		bottom: -.5ex;
		margin-left: .5em;
	}
	.eheader a{
		color: #fff;
	}
	.event p, .archive p{
		margin:0;
		padding: .5em 0 0 .5em;
	}
  .event p:nth-child(1), .archive p:nth-child(1){
    line-height: 100%;
    font-size: 1.5em;
    font-weight: bold;
    color:var(--primaryColor);
    border-top: 3px solid var(--primaryColor);
  }
  .archive p:nth-child(1){
    font-size: 1.2em;
  }
  .event p:nth-child(2){
    line-height: 100%;
    font-size: 1.2em;
    color:#1f8371;
  }
  .event p:nth-child(3){
    color:#666;
    /*border-bottom: 1px solid #0b893e;*/
  }
  .event, .archive{
    width: 100%;
    text-align: left;
    font-size: .8em;
    background-color: #fff;
    position: relative;
  }
  .fpevents, .fpcouncil{
    margin-bottom: 1em;
  }
  .event .grid-x{
	  border-top: 1px solid #000;
  }
  .event h1{
    text-transform: uppercase;
    color: black;
    text-decoration: none;
  }
  .fpevents .event:hover{
	  background-color: #FFEBCD;
  }
  .fpevents .event::before {
    color: #0b893e;
    content: url("../images/nav-arrow-right.svg");
    display: inline-block;
    position: absolute;
  	top: 0;
  	right: 0;
  	height: 100%;
  	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;   
  }
  .eheader.council{
    background-color: #05386b;
  }
#fpsearch{
	margin: 0;
	background-color: #fff;
	margin-bottom: 1em;
}
#fpsearch .input-group{
	margin: 0;
}
.seealso h4{
	background-color: #000;
	color: #fff;
	margin: 0 0 1em 0;
}
.seealso .card-section{
	text-align: center;
}
.menu li.search-for{
	padding: 0.7em;
}
h3.council-title{
	background-color: #ecf87f;
	color: black;
	font-size: 1.5em;
}
.accordion-item{
	background-color: #ecf87f;
	color: black;
	border-bottom: 1px solid black;
}
.accordion-item>a{
	color: black;
	font-size: 2em;
}
.accordion-item a:hover,.accordion-item a:active,.accordion-item a:focus{
	background-color: white;
}
footer {
    background: linear-gradient(90deg, #5cdb95, #58d795, #4fcd94, #45c092, #3db18e, #39a489, #379a85, #379683);
	color: #000;
    margin-top: 1em;
    border-top: 5px solid rgba(170, 119, 83, .5);
}
footer a{
	color: #fff;
}
footer p:last-child{
	margin-bottom: 0;
}
#content{
	float:left;
	background:#FFFFFF;
	display:block;
	clear:both;
	width:960px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#343434;
	line-height:16px;
}
#left_column{
	width:150px;
	float:left;
	height:auto;
}
#left_column ul{
	padding:20px 0 0 10px;
}
#left_column li{
	list-style-type:none;
	padding:0 0 10px 10px;
}
#left_column li a{
	text-decoration:none;
	color:#70aa44;
}
#left_column li a:hover{
	color:#000000;
}
#left_column li .active{
	color:#000000;
}
#main_column{
	width:710px;
	float:left;
	height:auto;
}
#main_column h2, #faqs h2{
	font-size:14px;
	color:#70aa44;
	padding:20px 0 20px 0;
	font-weight:bold;
}
#main_column p, #faqs p{
	padding:0 20px 5px 0;
}
#content h2{
 font-size:14px;
	color:#70aa44;
	padding:20px 0 20px 0;
	font-weight:bold; 
}
img.left{
float: left;
margin: 0 10px 10px 0;
}
img.right{
float: right;
margin: 0 0 10px 10px;
}
#gallery3{
text-align: center;
margin: 0 0 0 15px;
}
#gallery3 img {
margin:5px;
padding:15px;
}
.picture{
position: relative;
float: left;
width: 200px;
height: 200px;
text-align: center;
border:1px solid #999999;
margin: 15px 0 0 25px;
}
.picture p{
position: absolute;
bottom: 0;
width: 100%;
}
#tariffs, .whatson, #content_area{
margin: 10px 75px 0 100px;
/*padding: 10px;*/
}
#tariffs p, .downloads p, .gallery p, .whatson p{
margin: 0 0 10px 0;
}
#home{
	margin-top: 1em;
}
#home h2{
	margin: 0 2em;
}
/*forms*/
form{
	padding:1em;
	margin-top: 10px;
}
form.contact{
	background-color: rgb(255,255,255,.5);
	border: 10px solid var(--borderColor);
	box-shadow: #CCCCCC 5px 5px 5px;
}
form label{
	letter-spacing:1px;
	/*vertical-align:top;*/
	color: var(--primaryColor);
	font-style: normal;
	display: block;
	margin-top: 10px;
}
form fieldset{
	border:none;
}
form li{
	list-style-type:none;
	padding-bottom:10px;
width: 300px;
}
form input{
	/*width:301px;*/
	/*height:20px;*/
border: 1px solid #6E7F5B;
}
form li #email{
	margin-left:23px;
}
form textarea{
	/*width:301px;*/
	height:5em;
border: 1px solid #6E7F5B;
}
form select{
	/*width:301px;*/
border: 1px solid #6E7F5B;
}
#function_type{
  width: 100%;
}
form input.submit{
	background:#6E7F5B;
	border:1px solid #FFFFFF;
	width:68px;
	height:25px;
	padding:2px 0px 2px 0px;
	margin:0 0 0 230px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
}
.downloads a{
color: #6E7F5B;
}
.downloads ul, .downloads li{
list-style-type: none;
}
abbr {
	color: #7b0101;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	padding: 0 1px;
	vertical-align: middle;
}
form label.error{
width: 400px !important;
color: #FF0000 !important;
}
form li input{
width: 50px;
}
form li label{
display: inline;
}
#bookings ul, #faqs ul{
margin-left: 10px;
*padding-left:5px;
}
#bookings li, #faqs li{
padding: 5px 0 5px 0;
}
.gallery_text{
margin: 10px 0 0 35px;
}
#credit{
background: #627B51;
color: #FFFFFF;
text-align: right;
padding: 3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}
#credit a{
color: #FFFFFF;
text-decoration: none;
}
#main_column h3{
	font-size:13px;
	color:#000000;
	padding:20px 0 20px 0;
	font-weight:bold;
}
#main_column ul{
margin: 10px;
}
#main_column li{
padding: 5px;
}
select#last_day, select#last_month, select#last_year{
width: auto;
margin-right: 15px;
}
p.info{
/*width: 301px;*/
margin-top: 10px;
font-weight: bold;
}
.p{
  color: #999999;
}
form ul{
margin: 0;
}
form li{
padding: 0;
}
h3#raleway{
font-family: Raleway;
font-size: 24px;
}
#faqs h3{
margin-top: 10px;
margin-bottom: 10px;
}
.right-menu{
	margin: 1em 0;
	list-style-type: none;
}
.right-menu li{
	background: #fff;
	border-top: 1px solid #6E7F5B;
	border-left: 1px solid #6E7F5B;
	border-right: 1px solid #6E7F5B;
}
.right-menu li:last-child{
	border-bottom: 1px solid #6E7F5B;
}
.right-menu li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	color:  #6E7F5B;
	padding: 0.5em;
}
.right-menu li a.active{
	background: #6E7F5B;
	color:  #000;
}
.cards{
	background-color: #9eab8d;
	margin-top: 1em;
}
.cards:last-child{
	margin-bottom: 1em;
}
.cards p{
	font-size: 1.5em;
	color: white;
	margin-top: 1em;
	box-sizing: content-box;
}
.cards .cell{
	position: relative;
}
.cards .cell p a{
	position: absolute;
	bottom: .5em;
	right: 1em;
}
.cards .cell p a.button{
	background-color: #333;
	padding: 1.5em;
}
.card.cell {
	background-color: white;
	box-shadow: #CCCCCC 5px 5px 5px;
	border-left: 10px solid var(--borderColor);
}
/*
.card.cell img{
	width: 100%;
	height: auto;
}
*/
.card-section{
  background-color: rgb(255,255,255,.5);
}
.card-section p{
	text-align: center;
}
.card.links .card-section{
	padding: 0;
}
.card.links .card-section p{
	text-align: center;
	background: #6E7F5B;
	color: #fff;
}
.card.links .card-section a{
	color: #fff;
	text-decoration: none;
}
#alert{
	background: orange;
	color: #333;
	margin-top: 1em;
}
.news{
	border: 2px solid #333;
	background: #627B51;
	color: #fff;
	padding: 1em;
  }
  div.news h3{
	color: #fff;
  }
  .news h5{
	font-size: .8em;
  }
  .highlight + ul{
	margin-left: 0;
	background-color: #fff;
	list-style-type: none;
}
.highlight + ul li{
	width: 100%;
	text-align: left;
	text-transform: uppercase;
    /*font-family: "Segoe UI Bold","Segoe WP Bold","Segoe WP","Segoe UI",Arial,Sans-Serif;*/
    font-family: 'Fira Sans', sans-serif;
	font-size: 1.3rem;
    line-height: 1em;
    color: #000;
	margin-bottom: 0;
	border-top: 1px solid #0b893e;
	padding: .5em;
	position: relative;
  }
  .highlight + ul li a{
	color: #000;
  }
  .highlight + ul li:hover{
	  background-color: #FFEBCD;
  }
  .highlight + ul li::before {
    color: #0b893e;
    content: url("../images/nav-arrow-right.svg");
    display: inline-block;
    position: absolute;
  	top: 0;
  	right: 0;
  	height: 100%;
  	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;   
}
  .continuous-7 {
	width:120px;
	height:20px;
	-webkit-mask:linear-gradient(90deg,#000 70%,#0000 0) left/20% 100%;
	background:
	 linear-gradient(#000 0 0) left -25% top 0 /20% 100% no-repeat
	 #ddd;
	animation:ct7 1s infinite steps(6);
  }
  @keyframes ct7 {
	  100% {background-position: right -25% top 0}
  }
  [class*=classic] {
	width: 200px;
  }
  [class*=classic]:before {
	content:"Loading...";
  }
  
  .classic-1 {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 30px;
	animation:c1 1s linear infinite alternate;
  }
  @keyframes c1 {to{opacity: 0}}
  
  .classic-2 {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 30px;
	padding-bottom: 8px;
	background:linear-gradient(currentColor 0 0) bottom left/0% 3px no-repeat;
	animation:c2 2s linear infinite;
  }
  @keyframes c2 {to{background-size: 100% 3px}}
  
  .classic-3 {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 30px;
	padding:0 5px 8px 0;
	background:repeating-linear-gradient(90deg,currentColor 0 8%,#0000 0 10%) 200% 100%/200% 3px no-repeat;
	animation:c3 2s steps(6) infinite;
  }
  @keyframes c3 {to{background-position: 80% 100%}}
  
  .classic-4 {
	font-weight: bold;
	font-family: monospace;
	font-size: 30px;
	clip-path: inset(0 3ch 0 0);
	animation:c4 1s steps(4) infinite;
  }
  @keyframes c4 {to{clip-path: inset(0 -1ch 0 0)}}
  
  .classic-5 {
	font-weight: bold;
	font-family: monospace;
	font-size: 30px;
	clip-path: inset(0 100% 0 0);
	animation:c5 2s steps(11) infinite;
  }
  @keyframes c5 {to{clip-path: inset(0 -1ch 0 0)}}
  
  .classic-6 {
	--c:#000;
	font-weight: bold;
	font-family: monospace;
	font-size: 30px;
	color:#0000;
	overflow:hidden;
	text-shadow:0 0 var(--c),11ch 0 var(--c);
	animation:c6 2s infinite linear;
  }
  @keyframes c6 {to{text-shadow:-11ch 0 var(--c),0ch 0 var(--c)}}
  
  .classic-7 {
	font-weight: bold;
	font-family: monospace;
	font-size: 30px;
	color:#0000;
	background:linear-gradient(90deg,red calc(50% + 0.5ch),#000 0) right/calc(200% + 1ch) 100%;
	-webkit-background-clip:text;
	background-clip:text;
	animation:c7 2s infinite steps(11);
  }
  @keyframes c7 {to{background-position: left}}
  
  .classic-8 {
	font-weight: bold;
	font-family: monospace;
	font-size: 30px;
	color:#0000;
	background:linear-gradient(90deg,#000 calc(50% - 0.5ch),red 0 calc(50% + 0.5ch),#000 0) right/calc(200% + 1ch) 100%;
	-webkit-background-clip:text;
	background-clip:text;
	animation:c8 2s infinite steps(11);
  }
  @keyframes c8 {to{background-position: left}}
  
  
  .classic-9 {
	font-weight: bold;
	font-family: monospace;
	font-size: 30px;
	color:#0000;
	overflow:hidden;
	text-shadow:0 0 #000,11ch 0 green,22ch 0 red,33ch 0 blue,44ch 0 #000;
	animation:c9 5s infinite cubic-bezier(0.3,1,0,1);
  }
  @keyframes c9 {
	  25% {text-shadow:-11ch 0 #000,  0ch 0 green, 11ch 0 red, 22ch 0 blue,33ch 0 #000}
	  50% {text-shadow:-22ch 0 #000,-11ch 0 green,  0ch 0 red, 11ch 0 blue,22ch 0 #000}
	  75% {text-shadow:-33ch 0 #000,-22ch 0 green,-11ch 0 red,  0ch 0 blue,11ch 0 #000}
	  100%{text-shadow:-44ch 0 #000,-33ch 0 green,-22ch 0 red,-11ch 0 blue, 0ch 0 #000}
  }
  
  .classic-10 {
	font-weight: bold;
	font-family: monospace;
	font-size: 30px;
	color:#0000;
	background: linear-gradient(90deg,#000 25%,green 0 50%,red 0 75%,blue 0) 0 0/400% 100%;
	-webkit-background-clip:text;
	background-clip:text;
	animation:c10 5s infinite cubic-bezier(0.3,1,0,1);
  }
  @keyframes c10 {
	25% {background-position: calc(1*100%/3) 0}
	50% {background-position: calc(2*100%/3) 0}
	75% {background-position: calc(3*100%/3) 0}
	100%{background-position: calc(4*100%/3) 0}
  }
  #map {
	height: 20rem;
	margin-bottom: 0.5rem;
	z-index: 1;
}
span.new{
color: #38A9DB;
background-color: #38A9DB;
}
span.pc{
color: #72AF26;
background-color: #72AF26;
}
span.dnpa{
color: black;
background-color: black;
}
span.withdrawn{
color: darkgray;
background-color: darkgray;
}
span.mapgroup{
color: red;
background-color: red;
}
p.withdrawn{
color: darkgray;
font-style: italic;
font-weight: bold;
}
ul.council-minutes li.callout.secondary a{
	text-decoration: underline;
}
a[href^="http"]{
	text-decoration: underline;
}
article.advertise h3{
	background-color: #ffffff;
	border-bottom: 1px solid #CCCCCC;
}
article.advertise figure{
	margin: .5em;
}
article.advertise figcaption{
	text-align: center;
	padding: .5em;
	font-style: italic;
}
.advert1, .advert2{
	background-color: #FFEBCD;
}
.story img{
	/*clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%, 50% 15%);*/
	/*clip-path: circle(50% at 50% 50%);*/
	opacity: 0.7;
}
.story img:hover{
	opacity: 1;
	transform: scale(1.05,1.05);
	transition: all 0.4s ease-in-out;
}	
#weather{
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	margin-bottom: 1em;
}
#weather .grid-x .cell:first-child{
	background-color: rgba(5,56,10,.4);
}
#weather .grid-x .cell:nth-child(2){
	background-color: rgba(5,56,10,.3);
}
#weather .grid-x .cell:nth-child(3){
	background-color: rgba(5,56,10,.2);
}
#weather .grid-x .cell:nth-child(4){
	background-color: rgba(5,56,10,.1);
}
#weather .grid-x .cell:nth-child(5), #weather .grid-x .cell:nth-child(6){
	background-color: rgba(233, 140, 18, 0.5);
}
#weather p{
	margin-bottom: 0;
	vertical-align: middle;
}
#weather span{
	display:inline-block;
}
#weather img{
	width: 32px;
}
#weather p:first-child{
	text-transform: uppercase;
	font-size: 75%;
}
#weather p:first-child span{
	color: #ffffff;
	text-transform: none;
	font-size: 75%;
}
.temperature, .wind, .pressure, .humidity, .sun{
	font-size: 1.2em;
	font-weight: bold;
}
ul.weather{
	background-color: #38A9DB;
}
ul.tabs.weather li{
	padding: 0;
}
ul.weather li.is-active{
	background-color: #ffffff;
}
.weather p{
	margin:0;
}
.weather p img, .weather p span{
	display: inline-block;
	vertical-align: middle;
}
.weather p span{
	text-align: right;
}
.weather .tabs-title > a {
	padding: 0.5em;
	color: #000000;
	font-size: 1.5em;
}
ul.weather li.is-active a{
	background-color: #ffffff;
}
.advert p{
	padding: 0;
}
.advert.text{
	padding: 1em;
	border: 3px dashed var(--advertBorderColor);
	background-color: #ffffe0;
	margin-bottom: 1em;
}
/*scrolling marquee*/
.closure{
	background-color: #fff;
	margin-bottom: 1em;
	height: 40px;
}
.closure h3{
	margin: 0;
	padding: 0 1em;
}
div.marquee,
div.fade-left,
div.fade-right,
span.marquee-message {
	margin: 0;
	padding: 0;
}
div.marquee,
div.marquee2 {
	width: 100%;
	background: #222222;
	position: relative;
	overflow: hidden;
	height: 40px;
	-moz-box-shadow:    1px 1px 1px #434343;
	-webkit-box-shadow: 1px 1px 1px #434343;
	box-shadow:         1px 1px 1px #434343;
}

span.marquee-message {
	color: #ffffff;
	font-family: 'Telex';
	white-space: nowrap;
	margin: 10px 0 0 0;
	display: inline-block;
}

div.fade-left {
	background: -moz-linear-gradient( left, rgba(0,0,0,1) 12%, rgba(0,0,0,0) 100% );
	background: -webkit-gradient( linear, left top, right top, color-stop(12%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)) );
	background: -webkit-linear-gradient( left, rgba(0,0,0,1) 12%, rgba(0,0,0,0) 100% );
	background: -o-linear-gradient( left, rgba(0,0,0,1) 12%, rgba(0,0,0,0) 100% );
	background: -ms-linear-gradient( left, rgba(0,0,0,1) 12%, rgba(0,0,0,0) 100% );
	background: linear-gradient( to right, rgba(0,0,0,1) 12%, rgba(0,0,0,0) 100% );
	position: absolute;
	left: 0;
	height: 40px;
	width: 10%;
}

div.fade-right {
	background: -moz-linear-gradient( right, rgba(0,0,0,1) 12%, rgba(0,0,0,0) 100% );
	background: -webkit-gradient( linear, right top, right top, color-stop(12%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)) );
	background: -webkit-linear-gradient( right, rgba(0,0,0,1) 12%, rgba(0,0,0,0) 100% );
	background: -o-linear-gradient( right, rgba(0,0,0,1) 12%, rgba(0,0,0,0) 100% );
	background: -ms-linear-gradient( right, rgba(0,0,0,1) 12%, rgba(0,0,0,0) 100% );
	background: linear-gradient( to left, rgba(0,0,0,1) 12%, rgba(0,0,0,0) 100% );
	position: absolute;
	right: 0;
	height: 40px;
	width: 10%;
}
.callout.bio{
	text-align: center;
}
.meeting{
  background-color: rgb(255,255,255,.5);
  border: 1px solid var(--borderColor);
  margin-bottom: 1em;
}
.meeting h1{
	background: transparent;
	border: none;
}
.meeting p{
	background: transparent;
}
.copytext{
	margin-bottom: 0;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	div.logo{
		margin-top: 0;
		height: calc(100vw * .195);
		background-attachment: unset;
	/*background-position: center;*/
		background-repeat: no-repeat;
		background-size: cover;
	}
	.logo h2{
		width: 100%;
	}
	.cards:not(.card-links) .cell{
		min-height: 12em;
	}
	.cards p{
		font-size: 1.1em;
	}
	.drilldown .is-drilldown-submenu {
		background-color:#637C52;
	}
	.drilldown .is-drilldown-submenu-parent > a::after{
		right: 0;
	}
	.drilldown a{
		background-color: transparent;
	}
	.logo p{
		margin: 0;
		padding: 0;
	}
	ul li.time{
		display: none;
	}
	ul.times li:first-child{
		display:none;
	}
	ul.times li.current{
		color: #fff;
		background-color: #637C52;
	}
	ul.times li span::after{
		content: attr(data-date);
		visibility: visible;
		position: absolute;
		top: 0;
		left: 0;
	}
	ul.times li span{
		position: relative;
		visibility: hidden;
	}
	#tariffs{
		margin: 0;
	}
	#home h2{
		font-size: 1.1em;
	}
	.article1,.article2,.article3,.article4{
	background-size: 100% auto;
	}
	.article1{
	height: 200px;
	border-right: none;
	border-bottom: .5em solid #fff;
	}
	.article1 img{
		height: calc(200px - 0.5em);
	}
	.fluid > .grid-padding-x > .cell{
		padding: 0;
	}
	ul.weather li{
		width: 100%;
	}
	.responsive-card-table thead tr {
		position: absolute;
		top: -9999em;
		left: -9999em;
	  }
	  .responsive-card-table tr {
		border: 1px solid #0a0a0a;
		display: block;
	  }
	  .responsive-card-table tr + tr {
		margin-top: 1.5rem;
	  }
	  .responsive-card-table td {
		border: none;
		/*display: -webkit-flex;
		display: -ms-flexbox;*/
		display: block;
		/*-webkit-justify-content: flex-start;
			-ms-flex-pack: start;
				justify-content: flex-start;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: left;*/
		border-bottom: 1px solid #0a0a0a;
		padding-left: 50%;
		position: relative;
	  }
	  .responsive-card-table td:not(.i):before {
		content: attr(data-label);
		display: inline-block;
		font-weight: bold;
		line-height: 1.5;
		margin-left: -100%;
		width: 100%;
		position: relative;
		z-index: 1;
	  }
	  .responsive-card-table td.i:before {
		font-family: "weathericons";
		content: attr(data-label);
		display: inline-block;
		font-weight: bold;
		line-height: 1.5;
		margin-left: -100%;
		width: 100%;
		position: relative;
		z-index: 1;
	  }
	  .responsive-card-table td:after {
		content: '';
		position: absolute;
		background: #e6e6e6;
		width: 45%;
		height: 95%;
		left: 1px;
		top: 1px;
		z-index: 0;
	  }
	  .responsive-embed{
		  min-height: 100vh;
	  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.top-bar{
		letter-spacing: 0ch;
	}
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.top-bar{
		letter-spacing: 0ch;
	}
}
/*
@media only screen and (min-device-width : 1400px) {
  .latest{
    max-height: 410px;
  }
*/