@charset "UTF-8";
/* CSS Document */

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body {background-color:#fff; color: #424242;}

.visitor {background: url(../images/signal_museum_east_anglia.jpg) no-repeat center center fixed; 
 		 -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
 		 background-size: cover;
}
.member {background: url(../images/work_on_a_railway.jpg) no-repeat center center fixed; 
 		 -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
 		 background-size: cover;
}
.whatson {background: url(../images/days_out_suffolk.jpg) no-repeat center center fixed; 
 		 -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
 		 background-size: cover;
}
.latest {background: url(../images/days_out_essex.jpg) no-repeat center center fixed; 
 		 -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
 		 background-size: cover;
}
.opaque {background-color: rgba(0, 0, 0, 0.37); padding:0 10px;}

.head {
	background-color: #2f770e;
	width: 100%;
	text-align:center;
}
.head p, .head p a, .head p a:visited {
	font-size:12px;
	color:#fff;
}

.head p a:hover {
	color: #9b3131;
}

@media only screen and (max-width: 1024px) {
	.head .container12 .column6 {
		margin:0;
	}
}
.header {
	background-color: #fff;
	width: 100%;
} 

	
.logo {
	text-align:center;
	margin-top: 10px;
}

h1, h2, h3, h4, h5, h6 {

	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	letter-spacing:3px;
	font-weight: 400; 
	font-style: normal; 	
}

p {

	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	letter-spacing:1px;
	font-weight:400;	
}
sub {
	vertical-align:super;
	font-size:8px;
}
	
/* #Navigation
================================================== */

/* #main menu
================================================== */
nav {
	text-align: center;
	margin-top:15px;
}

nav ul {
	display:inline-block;
	margin-bottom: 0px;
}

nav ul li {
	display: inline-block;
	padding: 12px 0 30px 0;
}

nav ul li a, nav ul li a:visited {
	padding:30px 15px 45px 10px; 
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	font-weight:400;
	letter-spacing: 3px;
	color:#424242; 
	text-transform: uppercase; 
	font-size:16px;
}

nav ul li:hover a {color:#0f3a7f; text-decoration: none; }

@media only screen and (min-width: 769px) and (max-width: 959px) {
nav ul li {
	padding: 0 0 30px 0;
}

nav ul li a, nav ul li a:visited {
	font-size: 10px;
	padding: 0 5px 45px 10px;
}
nav ul li ul.sub-menu li a, nav ul li ul li a:visited {
	font-size: 14px !important;
}
}
@media only screen and (min-width: 960px) and (max-width: 1160px) {
nav ul li a, nav ul li a:visited {
	font-size: 12px;
	padding: 30px 15px 45px 10px;
}
nav ul li ul.sub-menu li a, nav ul li ul li a:visited {
	font-size: 14px !important;
}
}

  /*Style 'show menu' label button and hide it by default*/
  .show-menu {
  	text-transform: uppercase;
  	color: #fff;
  	background: #0f3a7f;
  	text-align: center;
	border-radius:3px;
  	padding: 10px 0;
  	display: none;
  }

  /*Hide checkbox*/
  input.menu[type=checkbox]{
      display: none;
  }

  /*Show menu when invisible checkbox is checked*/
  input.menu[type=checkbox]:checked ~ nav ul {
      display: block;
  }
  
@media only screen and (min-width: 300px) and (max-width: 768px) {		
		
	/*Display 'show menu' link*/
	.show-menu { display:block; }
		
	nav { margin-top: 0;}
		
	nav ul {
			position: static !important;
			display: none;
			margin:0;
			width:100%;
		}

	nav ul li {
		padding: 10px 0 10px 0;}
		/*Create vertical spacing*/
	nav ul li {
		width:100%;
		}
		/*Make all menu links full width*/
	nav ul li, nav ul li a {
			display:block;
			width:100%;
		}
		
		nav ul li a, nav ul li a:visited {max-width:100%;}
		nav ul.menu li a {padding:10px 0 10px;}
	
		nav ul li ul.sub-menu {margin-top: 0px !important; text-align: center !important;}
		nav ul li ul, nav ul li ul li { width:100% !important;}
		nav ul li ul.sub-menu li a, nav ul li ul li a:visited { padding: 10px 0 !important;}
		nav ul li ul li:first-child {margin-top: 0px !important; border-top: solid 1px #fff;}
		nav ul li ul.sub-menu {display:none !important;}
		nav ul li:hover ul.sub-menu {display:block !important;}	
}  

/* #Submenu
================================================== */
nav ul li ul {position:absolute; width:250px; background-color: #ffffff; margin-left: 0px; padding:0; margin-top:30px !important;}
nav ul li ul li {margin:0; width:250px; padding: 0px; border-bottom: solid 1px #FFF; background-color:#424242; color:#FFF;}
nav ul li ul li:first-child {padding-top: 0px;}
nav ul li ul.sub-menu li a, nav ul li ul li a:visited {display:block; padding:15px 12px 15px 20px; color:#000000; margin:0; border-right: none; font-weight: normal; text-transform:uppercase; font-size: 14px; color:#FFF; line-height:21px;}
nav ul li ul.sub-menu li:last-child {border-bottom: 0px;}
nav ul li ul li:hover a {color:#FFF;}
nav ul li ul li:hover { background-color:#0f3a7f; }
nav ul li ul.sub-menu {display:none; z-index:9999; text-align:left; margin-top: 25px;}
nav ul li:hover ul.sub-menu {display:block;}

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

	nav ul li ul {
	
		margin-top:31px !important;	
	}
}


/* #Text styles
================================================== */
h1, h2, h3, h4, h5, h6, h7, h8 {
	color: #424242;
}

h1 {
	font-size: 45px;
	line-height: 50px;
}
@media only screen and (max-width: 769px) {
	h1 {
	font-size: 35px;
	line-height: 45px;
}
}
h2 {
	font-size: 40px;
	line-height: 45px;
}
h3 {
	font-size: 26px;
	line-height: 30px;
}

h4 {
	font-size: 20px;
	line-height: 24px;
}

h5 {
	font-size: 20px;
	line-height: 24px;
}

h6 {
	font-size: 22px;
	line-height: 26px;
}
	
p {
	font-size: 20px;
	line-height: 28px;
	margin-left: 0px;
	margin-top: 0px;
}

.white {
	color:#fff;
}
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {
	color:#fff;
}
p a:link { color:#33acff; text-decoration:none;}
p a:hover { color:#970cff; text-decoration:none;}

.row {margin-bottom: 50px;}

img.fade {width: auto!important}

hr { border: solid #424242; border-width: 1px 0 0; clear: both; margin: 30px 10px 30px; height: 0;}
.highlight {padding:20px; background-color:#f4f4f4; border:1px solid #e2e2e2; margin-bottom:30px;}
.highlight img {border: 1px solid #e2e2e2}

/* #Page Styles
================================================== */

.widget li {padding: 8px 0; color:#424242; text-transform:uppercase;}
.widget li:first-child {padding-top:0px}
.widget li a {text-decoration: none; color:#424242;text-transform:uppercase;}
.widget a:hover {color:#5bd8d8;}
.widget a {text-decoration:none; color:#818181;   
	-webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out}
.widgetfoot li {border-bottom: 1px solid #fff; padding: 8px 0; color:#fff; text-transform: uppercase;}
.widgetfoot li:first-child {padding-top:0px}
.widgetfoot li a {text-decoration: none; color:#fff; font-weight:normal}
.widgetfoot li a, .widgetfoot a {
	   -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out; 
    -ms-transition: color .2s ease-in-out
}
.widgetfoot a:hover {color:#2a90b8}
.widgetfoot a {text-decoration:none; color:#fff}

.widget { margin-bottom:50px; margin-top:30px; font-size:18px; padding-left:30px;}
.widgetfoot { margin-top: 30px;} 
h4.widget-title { font-size:24px; line-height:18px; margin:0 0 20px; text-transform: uppercase; color:#424242; font-weight:300; text-align:left;}
h4.widget-foot-title { font-size:20px; line-height:18px; margin:0 0 20px; text-transform: uppercase; color:#FFFFFF; font-weight:300; text-align:left;}

h3.rpwe-title a { font-size:14px}

.edge {background-image: url(edge.png);background-repeat:repeat-x; background-position:bottom; padding-bottom:40px;}
footer {background:#424242;}
.footer {padding:20px 0px 60px 0px; font-size:17px; line-height:25px;}
footer p { font-size:14px; color: #FFFFFF; margin-top: 10px; margin-bottom: 10px;}
footer p a:link, footer p a:visited { color:#87a45c; text-decoration:none;}
footer p a:hover { color:#424242; text-decoration:none;}

.bottom {background-color:#000; padding:10px 0px;}
.bottom p { font-size:10px; color: #FFFFFF; margin-top: 10px; margin-bottom: 10px; text-align:center; text-transform:uppercase;}
.bottom p a {
	-webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
	color: #ffffff;
}
.bottom p a:link, .bottom p a:visited { color:#FFFFFF; text-decoration:none;}
.bottom p a:hover { color:#5bd8d8; text-decoration:none;}

.alignleft {float:left; margin:10px 10px 10px 0}
.alignright {float:right; margin:10px 0 10px 10px}


.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.add-bottomx { margin-bottom: 40px !important; }

.remove-top { margin-top: 0 !important; }
.half-top { margin-top: 15px !important; }
.add-top { margin-top: 30px !important; }
.add-topx { margin-top: 50px !important; } 

.signoff { 
	padding-top: 1px;
	padding-bottom: 20px;
}

/* #EARM Page Styles
================================================== */ 
.topper {
	padding-top: 70px;
}

.img {
	margin-bottom:-7px !important;
}

.singlepost p, .singlepost li {
	margin-bottom:20px;
}

article.masonry-entry h4 {margin:0 0 10px}
article.masonry-entry img {margin-bottom:15px; width:100%; margin-right:0 !important; margin-left:0 !important;}
.masonry-entry { width:30%; margin-right:1.5%; margin-left:1.5%; float:left; }
.snippet{ background-color:#DCDCDC; padding:15px; border-bottom-left-radius: 4px;
border-bottom-right-radius:4px;
}

#categories { margin-bottom:25px; padding:20px 0px; } 
li.cat-item { display:inline-block; margin-right:10px; text-transform: uppercase; }
.widget li.cat-item { display: inherit; margin-right:0; text-transform: none; }
@media only screen and (max-width: 768px) {
.side {
	display:none;
}
}
.ticket {
	background-image: url(ticket.png);
	background-size: 100% auto;
	background-repeat:no-repeat;
}
.tick > .vc_column-inner {background: no-repeat scroll center center/cover transparent;}