@font-face{font-family:"MuseoSlab";src:url("/tendringcamra/MuseoSlab-500.otf") format("opentype")}
@font-face{font-family:ETmodules;src:url(/tendringcamra/modules.ttf) format("truetype");font-weight:400;font-style:normal}

*
{	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a, b, body, center, div, h1, h2, h3, h4, h5, h6, html, i, iframe, img, li, ol, p, span, strong, u, ul
{	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: 0 0;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body
{	display: block;
	box-sizing: border-box;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000;
	background-color: #fff;
	font-size: 16px;
	line-height: 1.4em;
	font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-attachment: fixed;
	background-position: top center!important;
}

a
{	text-decoration: none;
}

article, footer
{	display: block;
}

h1, h2, h3, h4, h5, h6
{	font-family: 'MuseoSlab',Helvetica,Arial,Lucida,sans-serif;
	line-height: 1.2em;
	padding-bottom: 10px;
	color: #333;
	font-weight: 500;
	line-height: 1em;
}

h2
{    font-size: 26px;
}

img
{	max-width: 100%;
	height: auto;
}

img.badge
{	width: 20%;
}

ol, ul
{	list-style: none;
}

p
{	padding-bottom: 1em;
}

.center
{	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

#page-container
{	padding-top: 90px;
	margin-top: -1px;
}

@media (min-width: 320px)
{	#page-container
	{	padding-top: 180px;
	}
}
@media (min-width: 640px)
{	#page-container
	{	padding-top: 160px;

	}
}
@media (min-width: 820px)
{	#page-container
	{	padding-top: 140px;

	}
}
@media (min-width: 1020px)
{	#page-container
	{	padding-top: 120px;
	}
}

#top-header
{	z-index: 100000;
	color: #fff;
	font-size: 12px;
	transition: background-color .4s,transform .4s,opacity .4s ease-in-out;
	line-height: 1em;
	background-color: #3e1354;
	top: 0;
	right: 0;
	left: 0;
	position: fixed;
}

#top-header .container
{	padding-top: .75em;
	font-weight: 600;
}

#top-header, #top-header #info, #top-header .container, #top-header .social-icon a
{	line-height: 1em;
}

#top-header a
{	color: #fff;
}

.container
{	width: 80%;
	max-width: 1080px;
	margin: auto;
	position: relative;
	text-align: left;
}

#info
{	float: left;
	display: block;
	padding-bottom: .75em;
	line-height: 1em;
}

#info-email
{	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: 0 0;
	font-size: 100%;
	vertical-align: baseline;
}

#info-email:before, .social-icon a:before
{	margin-right: 4px;
	content: "\e076";
	text-shadow: 0 0;
	font-family: ETmodules!important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	text-transform: none;
	speak: none;
}

@media (max-width: 500px)
{	#info
	{	display: none;
	}
}

.social-icons
{	float: right;
}

#top-header .social-icons
{   display: inline-block;
    float: none;
}

.social-icons li
{	display: inline-block;
	margin-left: 20px;
}

#top-header .social-icons li
{	margin-top: -2px;
	margin-left: 12px;
}

#top-header .social-icon a
{	font-size: 14px;
}

.social-icon a
{	display: inline-block;
	position: relative;
	color: #666;
	font-size: 24px;
	text-align: center;
	text-decoration: none;
	transition: color .3s ease 0s;
}

.social-icon span
{	display: none;
}

.social-facebook a.icon:before
{	content: "\e093";
}

.social-twitter a.icon:before
{	content: "\01D54F";
}

.social-instagram a.icon:before
{	content: "\e09a";
}

#secondary-menu
{	float: right;
	padding-bottom: .75em;
	line-height: 1em;
}

#secondary-menu li
{	word-wrap: break-word;
}

#secondary-menu-items
{	transition: background-color .4s,transform .4s,opacity .4s ease-in-out;
	display: inline-block;
}

#secondary-menu-items li
{	margin-right: 15px;
	position: relative;
	text-align: right;	
	display: inline-block;
}

#main-header
{	transition: background-color .4s,color .4s,transform .4s,opacity .4s ease-in-out;
	box-shadow: 0 1px 0 rgba(0,0,0,.1);
	font-weight: 500;
	line-height: 23px;
	width: 100%;
	background-color: #fff;
	z-index: 99999;
	position: fixed;
	top: 31px;
}

#main-header {
	height: auto;
}

/*
@media (min-width: 745px) {
#main-header {
	height: 30px;
}
}

@media (min-width: 820px) {
#main-header {
	height: 50px;
}
}

@media (min-width: 960px) {
#main-header {
	height: 30px;
}
}

@media (min-width: 960px) {
#main-header {
	height: 50px;
}
}

@media (min-width: 1020px) {
#main-header {
	height: 61px;
}
}
*/

@media (min-width: 981px)
{	#main-header .main-header-menu-container
	{	width: 100%;
		max-width: 100%;
		padding-right: 30px;
		padding-left: 30px;
	}
}

#main-header .main-header-menu-container
{	z-index: 99;
	margin: auto;
	position: relative;
	text-align: left;
}

.main-header-menu-container:after
{	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

@media (min-width: 981px)
{	#main-header .main-header-menu-container
	{	width: 100%;
		max-width: 100%;
		padding-right: 30px;
		padding-left: 30px;
	}
}

/*@media screen and (min-width: 1025px) {
#main-header .logo-container {
    width: 60px;
    height: 60px;
    z-index: 999;
}*/

/*#navtable {
	height: 61px;
}

#navtable-menu {
	height: 59px;
}

.main-header-menu-container {
	height: 60px;
}
}*/

#logo
{	position: sticky;
	z-index: 999999;
    	float: left;
    	max-height: 80%;
	min-height: 60%;
    	margin-bottom: 0;
    	vertical-align: middle;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transform: translate3d(0,0,0);
}


.logo-container-defunct
{	width: 100%;
	height: 50px;
}

span.logo-helper-defunct
{	display: inline-block;
	width: 0;
	height: auto;
	vertical-align: middle;
}

.navtable
{	max-width: 600px;
	background-color: #ffffff;
	background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
	background: -webkit-linear-gradient(top,#ffffff,#ffffff);
	background: -moz-linear-gradient(top,#ffffff,#ffffff);
	background: -ms-linear-gradient(top,#ffffff,#ffffff);
	background: -o-linear-gradient(top,#ffffff,#ffffff);
	background: -linear-gradient(top,#ffffff,#ffffff);
	border: 1px solid #ffffff;
	font-size: 12px;
	color: #888;
	text-align: center;
	float: none;
	margin: 0 auto;
	overflow: visible!important;
	z-index: 100;
	position: relative;
	line-height: 1.3em;
	height: auto;
	width: auto;
	max-height: none;
	min-height: 0;
	padding: 0;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	text-indent: 0;
	clip: auto;
	text-transform: none;
	box-shadow: none;
	box-sizing: border-box;
	vertical-align: top;
	border-radius: 0;
	pointer-events: auto;
}

@media screen and (min-width: 1025px)
{	.navtable
	{	display: block !important;
	}
}

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

.navtable-menu
{	height: auto;
	width: auto;
	max-height: none;
	min-height: 0;
	margin: 0;
	padding: 4px;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	text-indent: 0;
	clip: auto;
	position: static;
	background: 0 0;
	text-transform: none;
	overflow: visible;
	z-index: 10;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	line-height: 1.3em;
	border: none;
	border-radius: 0;
	pointer-events: auto;
	display: block;
	margin: 0;
	list-style: none;
	text-align: inherit;
	overflow: visible!important;
	color: #888;
	display: block;
	background: #fff;
}

.navtable-menu-item
{	float: none;
	max-width: 100%;
	vertical-align: bottom;
	-moz-backface-visibility: visible;
	backface-visibility: visible;
	text-align: left;
	display: inline-block;
	width: auto;
	max-height: none;

	min-height: 0;
	margin: 2px;
	padding: 0;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	text-indent: 0;
	clip: auto;
	position: static;
	background: 0 0;
	text-transform: none;
	overflow: visible;
	z-index: 10;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	line-height: 1.3em;
	border: 2px solid rgba(0,0,0,.1);
	border-radius: 0;
	pointer-events: auto;
	list-style: none;
}

.navtable-menu-option
{	box-shadow: none;
	border-left: none;
	background-color: #ffffff;
	background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
	background: -webkit-linear-gradient(top,#ffffff,#ffffff);
	background: -moz-linear-gradient(top,#ffffff,#ffffff);
	background: -ms-linear-gradient(top,#ffffff,#ffffff);
	background: -o-linear-gradient(top,#ffffff,#ffffff);
	background: -linear-gradient(top,#ffffff,#ffffff);
	color: #1e73be;
	font-weight: normal;
	text-transform: none;
	cursor: pointer;
	display: block;
    	text-decoration: none;
    	position: relative;
	height: auto;
	width: auto;
	max-height: none;
	min-height: 0;
	margin: 0;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	text-indent: 0;
	clip: auto;
	overflow: visible;
	z-index: 10;
	box-sizing: border-box;
	vertical-align: top;
	line-height: 1.3em;
	border: none;
	border-radius: 0;
	pointer-events: auto;
	outline: 0;
	font-size: 100%;
}

.navtable .navtable-menu-option-text
{	display: inline-block;
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	color: inherit;
	background: transparent;
	text-transform: none;
	cursor: pointer;
	pointer-events: auto;
	font-size: 20px;
	padding: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.navtable-menu-option
{	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*.navtable-menu-item
{	height: 19px;
}*/

/*
@media screen and (min-width: 820px) {
.navtable-menu-option {
	padding: 10px;
    	    padding-top: 2px;
    padding-bottom: 2px;
}
.navtable-menu-item {
	height: 24px;
}
}

@media screen and (min-width: 1255px) {
.navtable-menu-option {
	padding: 21px;
    	    padding-top: 21px;
    padding-bottom: 21px;
}
.navtable-menu-item {
	height: 59px;
}
}*/

.article-content
{	margin-bottom: 0!important;
	padding-top: 0;
}

.article-fullwidth, .section-with-image
{	position: relative;
	width: 80%;
	max-width: 1080px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.section-with-image
{	clear: left;
}

.section-image 
{   width: auto;
    padding-right: 20px; 
    float: left; 
}
  
.section-text 
{    overflow: hidden; 
}

@media (max-width: 640px)
{    .section-image 
    {    float: none; 
    }
}

@media (min-width: 981px)
{	.article-fullwidth, .section-with-image
	{	padding: 2% 0;
	}
}

@media only screen and (min-width: 1350px)
{	.article-fullwidth, .section-with-image
	{	padding: 27px 0;
	}
}

@media (min-width: 981px)
{	.article-fullwidth, .section-with-image
	{	width: 89%!important;
		max-width: 89%!important;
	}
}

.voting-tip
{	align: left;
	text-align: left;
	font-size: 12px;
}

.voting-tip ul
{	list-style-type: circle;
	align: left;
	text-align: left;
	font-size: 12px;
}

#main-footer
{	background-color:rgba(62,19,84,0.80);
}

#footer-widgets
{	padding: 6% 0 0;
}

#footer-widgets
{	padding-top: 10px;
	padding-bottom: 0px !important;
}

#footer-widgets .footer-widget:nth-child(n)
{	margin-bottom: 20px !important;
}

#footer-widgets:after
{	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

.footer-widget
{	color: #ffffff;
	float: left;
}

.footer-logo
{	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 999;
	width: 150px;
}

@media (max-width: 800px)
{	.footer-logo
	{	width: 75px;
	}
}

@media (min-width: 981px)
{	.footer-widget
	{	width: 20.875%;
	}
}

@media (min-width: 981px)
{	.footer-widget
	{	margin-right: 5.5%;
    		margin-bottom: 5.5%;
	}
}

.bottom-nav
{	padding: 15px 0;
}

.bottom-nav, .bottom-nav a, .bottom-nav li.current-menu-item a
{	color: #ffffff;
}

.bottom-nav, .bottom-nav a
{	font-size: 12px;
}

.bottom-nav li
{	display: inline-block;
	padding-right: 22px;
	font-size: 14px;
	font-weight: 600;
}

#footer-bottom a
{	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#footer-bottom .social-icon a
{	font-size: 18px;
}

#footer-bottom
{	padding: 15px 0 5px;
	background-color: #3e1354;
}

#footer-bottom .social-icon a
{	color: #ffffff;
}

#footer-bottom:after
{	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

#footer-info
{	font-size: 12px;
}
#footer-info, #footer-info a 
{	color: #ffffff;
}
#footer-info
{	float: left;
	padding-bottom: 10px;
	text-align: left;
}

.diaryiframe
{	border-width: 0;
	width: 100%;
	height: 600px;
	frameborder: 0px;
	overflow: hidden;
}

.pubbox
{	display:inline-block;
	text-align: center;
	vertical-align: top;
	width: 120px;
	height: 100px;
	margin: 5px;
	padding: 5px;
	border: 2px solid #000000;
}

div#LeafletsSection { display: none; }
div#CiderLeaflet { display: none; }
div#JoinUpLeaflet { display: none; }
div#TenReasonsLeaflet { display: none; }
div#MembershipLeaflets { display: none; }
div#TopPubsLeaflet { display: none; }

.pubtable tr:nth-child(even) 
{   /* CAMRA Deep Pink 40% */    
    /* background: #DAA3CB; */
	/* CAMRA Deep Purple 40% */    
	background: #B2A1BB;
}
.pubtable tr:nth-child(odd)
{   /* CAMRA Deep Pink 20% */
    /* background: #EDD1E5;*/
	/* CAMRA Deep Purple 20% */    
	background: #D8D0DD;
}
.pubtable tr:nth-child(1) 
{   /* CAMRA Deep Pink 40% */    
    /* background: #DAA3CB; */
	/* CAMRA Deep Purple 40% */    
	background: #B2A1BB;
}

.targetpubtable tr:nth-child(odd) 
{   /* CAMRA Deep Pink 40% */    
    /* background: #DAA3CB; */
	/* CAMRA Deep Purple 40% */    
	background: #B2A1BB;
}
.targetpubtable tr:nth-child(even)
{   /* CAMRA Deep Pink 20% */
    /* background: #EDD1E5;*/
	/* CAMRA Deep Purple 20% */    
	background: #D8D0DD;
}

.meansoverthree { color: green;}
.meansoverthree a { color: green;}
.scoreunderthree { color: red;}
.visitover3 { color: green; }
.visitover3 a { color: green; }
.visitover6 { color: gold; }
.visitover6  a{ color: gold; }
.visitover12 { color: red; }
.visitover12 a { color: red; }
.recentlyadded { color: #9c0006; background-color: #ffc7ce;}

#rurale-header {background-image: url(rurale/images/rurale-banner.jpg); }

#rurale-header h2 {color: white;}
#rurale-header p {color: white;}
#rurale-header li {color: white;}
#rurale-header a:link {color: yellow;}
#rurale-header a:visited {color: yellow;}
#rurale-header a:hover {color: lightcyan;}


@media screen and (max-width: 600px)
{   td.sacrifice
    {   display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }
    th.sacrifice
    {   display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }
	tr.sacrifice
    {   display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }
}