/*------------------------------------*
   SUMMARY1
 *------------------------------------*/

/*
Created: 4th March 2014
Author: The National Archives Web Team

This stylesheet contains all the base level styles for The National Archives website.

- All styles added to this stylesheet should be for global use only.
- ID/class names should be named independently of their content to aide better re-use
- Spaces between words should be hyphenated (no camel casing or underscores)
- Avoid specificity, construct modularly
- !important should be avoided at all costs!

*/

/*------------------------------------*
   CONTENTS
 *------------------------------------*/

/*
1. RESET THE BROWSER
2. SET THE GRID
3. DEFAULT HTML TAGS
4. CONTAINERS AND LAYOUT
	4.1 - Global
	4.2 - Header
	4.3 - Mega menu
	4.4 - Footer
5. CUSTOM DESIGN PATTERNS
6. MEDIA QUERIES
*/


/* ---------------------------------------------
1. RESET THE BROWSER - Do not amend
------------------------------------------------ */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display:none;
}
html {
	background: #eee;
	color: #000;
	line-height:1.6;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0;
}
a:active, a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: 700;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000;
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em;
}
pre {
	white-space: pre-wrap;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
legend {
	border: 0;
	padding: 0;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}
button, input {
	line-height: normal;
}
button, select {
	text-transform: none;
	border: 0;

}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}
input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border:0;
	padding:0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	/*width: auto !important;  added to over-ride WP plug-in table default width of 100% */
}

table td {
	font-size:.9em;
	line-height: 1.6;
}




/* ---------------------------------------------
2. SET THE GRID - Do not amend
------------------------------------------------ */

.row {
	position: relative;
}
.col {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 2%;
	min-height: 100%;
}
.col:first-child {
	margin-left: 0;
}
.clr:after, .col:after, .group:after, .row:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.separator-illusion {
	height: 20px;
	background-color: #ECECEC;
}
.grid-within-grid-three-item > div, .grid-within-grid-two-item > div {
	width: 99%;
	margin: 0 2% 10px 0;
	float: left;
}
.grid-within-grid-eight-item > div, .grid-within-grid-six-item > div, .grid-within-grid-four-item > div {
	width: 49%;
	margin: 0 2% 10px 0;
	float: left;
}

.grid-within-grid-eight-item > div:nth-child(2n), .grid-within-grid-four-item > div:nth-child(2n), .grid-within-grid-six-item > div:nth-child(2n), .grid-within-grid-two-item > div:nth-child(2n) {
	margin-right: 0;
}
.starts-at-full {
	width: 100%;
}
.starts-at-half {
	width: 49%;
	$width:48.9%;
	margin-left: 2%
}
.starts-at-half:nth-child(odd) {
	margin-left: 0;
}
.starts-at-third {
	width: 33%;
}
#index > .col:nth-child(odd) {
	margin-left: 0;
}
#index > .col {
	min-height: 12em;
}
.grid-within-grid-one-item > div, .grid-within-grid-one-item > a {
	width: 100%;
	margin: 0;
	float: left;
}

.breather .minbox-trio div img {
	width: auto;
	margin:0;
	display:block;
	text-align: center;
}



/* Research guide commercial links */
.provider-label{
    float:left;
    display:block;
    width:92%;
    border:1px solid #ddd;
    padding:7px;
}
.provider-btn{
    float:left;
    display: inline;
    padding:10px;
    margin-right:10px !important;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -ms-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
    border:1px solid #ddd;
    background-color: #fff;
}

.provider-btn:hover{
    border:1px solid #ccc;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -ms-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
}
.find-my-past, .ancestry, .bmd{
    width:90px;
    height:30px;
    background-repeat: no-repeat;
    background-size: 100%;
    float:left;
    margin-right:4px;
    margin-left:4px;
}
.find-my-past{
    background-image: url("../images/records/tna-find-my-past.png");
    position: relative;
    top:1px;
}
.ancestry{
    background-image: url("../images/records/tna-ancestry.png");
}
.bmd{
    background-image: url("../images/records/tna-bmdregisters.png");
    position: relative;
    top:2px;
}





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

.grid-within-grid-eight-item > div, .grid-within-grid-four-item > div, .grid-within-grid-six-item > div {
	width: 100%;
}
}

@media only screen and (min-width:480px) {

.ends-at-one-third,
.ends-at-one-quarter,
.grid-within-grid-one-item > a,
.grid-within-grid-one-item > div,
.grid-within-grid-two-item > div,
.grid-within-grid-three-item > div,
.grid-within-grid-eight-item > div,
.grid-within-grid-four-item > div,
.grid-within-grid-six-item > div {
		width:48%;
		margin: 0 2% 2% 0;

}
.ends-at-one-quarter:nth-child(odd) {
	margin-left: 0;
}

.ends-at-one-third:nth-child(even) {
	width: 48%;
	margin: 0 0 0 2%;
}

.ends-at-one-third:nth-child(3n) {
	width: 48%;
	margin: 1.5em 0 2em 0;
	clear:left;
}

.ends-at-two-thirds + .ends-at-one-third {
	margin: 0 0 0 0;
	width: 100%;
}

.breather > .grid-within-grid-three-item > div {
	width:31.3%; /* required for 'Contact us for advice box' on Records landing page*/
}
}

@media only screen and (min-width:768px) {

.col, .ends-at-one-quarter:nth-child(3) {
	margin-left: 2%;
}

.ends-at-one-third, .ends-at-one-third:nth-child(even) {
	width: 32%;
	margin: 0 2% 2% 0;
}

.ends-at-one-third:nth-child(3n) {
	width: 32%;
	margin: 0 0 2% 0;
	clear:none;

}

.ends-at-two-thirds {
	width: 66%;
}

.ends-at-two-thirds + .ends-at-one-third {
	margin: 0 0 0 2%;
	width: 32%;
}

.ends-at-one-quarter {
	width: 48%;
}

.grid-within-grid-two-item > div, .ends-at-half {
	width: 49%;
}
.grid-within-grid-six-item > div, .grid-within-grid-three-item > div, .grid-within-grid-three-item > div {
	width: 31.3%;
	margin: 0 2% 10px 0;
	float: left;
}
.grid-within-grid-eight-item > div, .grid-within-grid-four-item > div {
	width: 23%;
	margin: 0 2% 2% 0;
	float: left;
}
.grid-within-grid-eight-item > div:nth-child(2n), .grid-within-grid-four-item > div:nth-child(2n), .grid-within-grid-six-item > div:nth-child(2n) {
	margin-right: 2%;
}
.grid-within-grid-eight-item > div:nth-child(4n), .grid-within-grid-six-item > div:nth-child(6n) {
	margin-right: 0;
}

.grid-within-grid-one-item > div, .grid-within-grid-one-item > a {
	width: 100%;
	float:none; /* allows sidebar content to flow correctly without disrupting grid behaviour at smaller screen sizes */
}

.grid-within-grid-three-item > div {
	width: 32%;
	margin: 0 2% 10px 0;
}
.grid-within-grid-three-item > div:nth-child(3n) {
	margin: 0 0 10px 0;
}

.footer-left {
	min-height: 240px;
}
#footer-wrapper  >  .container  >  .row  >  .col, .ends-at-one-quarter:nth-child(3) {
	margin-left: 0;
}

}
@media only screen and (min-width:1024px) {
.ends-at-one-quarter {
	width: 23%;
}
.grid-within-grid-six-item > div {
	width: 15%;
}

}
/* ---------------------------------------------
3. DEFAULT HTML TAGS
------------------------------------------------ */

/* Default body, type and links */
body {
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 16px;
}
p, .article div p {
	line-height: 1.6em;
	/* line-height: 1.65em;  recommended alteration */
	margin: 0 0 1.5em 0;
  	/* margin: 0 1em 1.5em 1em;  recommended alteration, the indent improves page scanning for longer articles e.g. document releases */
}

.mimic-link {
	background-color: transparent;
}

a:link, a:visited, a:active, .mimic-link {
	color: #2A5DB0;
	text-decoration: none;
}

a:focus, .mimic-link:focus {
	background-color: #FCE45C;
	outline: 3px solid #ebab00;
	color: #000;
}
a:hover, .mimic-link:hover {
	text-decoration: underline;
	cursor: pointer;
}
a[href^="mailto"] {
	word-wrap: break-word;
}
/* Default headings */
h1, h2, h3, h4 {
	font-family: 'Bitter', serif;
	font-weight: 400;
	z-index: 2;
	line-height: 1.5;
	letter-spacing: -.025em;
}
h1 {	font-size: 1.75em;}
h2 {	font-size: 1.5em;}
h3 {	font-size: 1.3em;}
h4 {	font-size: 1.2em;}


/* Default lists */
ul, ol {
	padding-left: 1.5em;
	margin: 0 0 1.5em 0; /* for consistency with heading and paragraph margins in articles */

}

ul li	{
	list-style-image: url("../images/global/list-bullet.png");
}
ul li, ol li {
	margin: 0 0 .75em 0;
	line-height: 1.6;
}

ul li ul, ol li ol {
	margin: 1em 0 0 0;
}

.breather p + ul {
	/* all ul within or alongside paragraphs should have margins defined by class
	margin: 1em 0 2em 0; */
}

ul.no-bullet li {
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 0;
	list-style-image: none;
	list-style-type: none;
	margin:0;
}
ul.no-bullet li:last-child {
	border-bottom: 0;
}

ul.full,
ul.child, ul.sibling, ul.triplets, ul.quadruplets {
	float: left;
	padding-bottom: 10px;
	width: 96%;
}


ul.child li, ul.sibling li, ul.triplets li, ul.quadruplets li, ul.full li {
	list-style-image: url("../images/global/list-link-bullet.png");
	width: 96%;
	float:left;
	margin-bottom: 1em;
}

ul.sibling {
	margin-top: 10px;
}
ul.sibling li {
	font-family: 'Bitter', serif;
	font-size: 1.2em;
	padding-bottom: 0 !important;
}


ul.documents li a,
ul.sibling li a,
ul.urls li a {
	display: block; /* increases the selectable area for the benefit of smaller screen users and also forces extraneous information outside the link e.g. file type and size onto a second line for neatness */
}
ul.documents li {
	font-size:.9em;
	padding:.25em 0;
	margin: .5em;
}
ul.documents li a {
	font-size: 1.2em !important;
}

ul.form-selectable {
	margin:0 0 1.25em 0;
	padding: 0 1%;
	width:98%;
	background-color: rgba(0,0,0,.25);
}
ul.form-selectable li {
	float:left;
	list-style: none inside;
	display: inline;
	width: 100%;
	margin:0 0.2% 2px 0;
	/*background-color: rgba(0,0,0,.25); - restore once flexbox applied */
	font-size:.85em;
	line-height: 1.5;
}

ul.form-selectable li span {
	padding: .25em .5em .25em 0;
	float:left;
}
ul.form-selectable li span label {
cursor: pointer;
}

ul.form-selectable li span input[type=checkbox] {
position:relative;
top:2px;
margin-right: .5em;
}

/* Default form tags */
input[type="submit"] {
	background-color: #008484;
	color: #fff;
	padding: 0.3em .5em;
border: 0;
height: 40px; /*this height must match the standalone button class for single field forms */
margin: 0;
}
input[type="text"], input.width-half, #Email /* the Email ID has been applied to single-field email sign-up forms */ {
	border: 1px solid #ccc;
	padding: 2px;
	height:34px;
	text-indent: 5px;
	min-width: 220px;
	width:auto;
}

input:focus {
	outline: 3px solid #ebab00;
}
input[type="submit"]:focus, a.button:focus {
	color: #fff;
	background-color: #111;
	background-color: rgba (0,0,0,.75);
}

/* to allow longer single field search form with alternative border style */
.input-extended input[type="text"] {
	position:relative;
	width:95%;
		border:1px solid #fff;
}

.input-extended input[type="submit"] {
	position: absolute;
	right:5px;
	bottom:5px;
}

.input-extended label {
	display: none;
}

/* Default quotes */
blockquote, blockquote.misc {
	margin: 50px 40px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.166em;
	line-height: 1.3;
	color: #111;
}
blockquote.misc {
	margin-bottom: 2em;
}
blockquote p	{
	color: #333;
	  margin-bottom: 1.5em;
  font-weight: 700;
}
blockquote:before {
	font-size: 16em;
	color: rgba(0,0,0,.1);
margin-left: -10px;
margin-top: -130px;
	position: absolute;
	font-family: "MS Serif", "New York", serif;
	content: "\201C";
}
blockquote.misc p:before	{
	content: " ";
}
blockquote p + p:last-of-type { /* to display source of quote - quotes MUST have a source provided in a final paragraph! */
	text-align: right;
font-size: .9em;
}

select {
	max-width:300px;
}

/* Inline image alignment */
.third-width {
	width: 50% !important;
	height: auto;
	margin: 0 0 1em 2em !important;
}
/* Non-image div alignment */
.divcenter {
	text-align: center;
	width: 100%;
}
/* Other default tags */
address {
	font-family: 'Bitter',Georgia, Verdana, Arial, Helvetica, serif;
	font-style: normal;
	line-height: 150%;
	font-size: 1.166em;
	margin-bottom: 10px;
}
hr {
	height: 1px;
	border:0;
	margin: 1em 0;
	clear: both;
}
p  >  cite, blockquote + cite {
	color: #666;
	font-style: normal;
	font-size: 0.9em;
	text-align: right;
	display: inline-block;
	margin: 0 50px 1em 0;
	width: 93%;
}
/* ---------------------------------------------
4. CONTAINERS AND LAYOUT
------------------------------------------------ */

/* ------------- 4.1 GLOBAL ------------- */

/* Centering container */
.container {
	margin: 0 auto;
	width: 94%;
}
/* Padding container */
.breather {
	padding: 20px;
}

/* Background container */
.box {
	background: #fff;
	position: relative;
}

.border-top {
	border-top: 2px solid #ddd;
}
.border-bottom {
	border-bottom: 2px solid #ddd;
}

/* Create a seperator illusion */
.separator {
	border-bottom: 20px solid #efefef;
}
/* Positioning modules */
.float-left, .float-left-to-right {
	float: left;
}
.float-right {
	float: right;
}

.position-bottom-left, .position-bottom-right, .position-top-right, .position-top-left, .position-top, .position-bottom, .position-bottom-right-image {
	position: absolute;
}
.position-bottom-left {
	left: 5px;
	bottom: 5px;
}
.position-bottom-right {
	right: 5px;
	bottom: 5px;
}
.position-top-right,
.position-top-left {
	right: 5px;
	top: 5px;
}
.position-top {
	top: 5px;
}
.position-bottom {
	bottom: 5px;
}
.position-relative {
	position: relative;
}
.position-bottom-right-image {
	top: 123px;
	right: 5px;
}
/* Width modules */
.width-full-to-half,
.width-full,
.width-two-thirds,
.width-one-third,
.size-full /* for WP images */ {
	width: 100%;
}

.width-two-thirds-to-full {
	width:66.6%;
}
.width-half, .width-half-to-full {
	width: 50%;
}

.width-one-quarter {
	width: 25%;
}
/* -- Padding modules -- */

/* padding zero - if element requires padding please add to its initial instance and remove from this array */

.grid-within-grid-eight-item,
.grid-within-grid-four-item,
.grid-within-grid-six-item,
.grid-within-grid-three-item,
.grid-within-grid-two-item,
.grid-within-grid-one-item,
ul.no-bullet,
#account-controls ul,
.mega-menu h3 a,
.mega-menu ul,
.mega-menu li,
#footer-wrapper ul,
.footer-base .right,
.image-container,
.breather  >  h2:first-child,
.breather  >  h3:first-child,
 .overlay ul,
 .statistic,
 .statistic-wide,
 #goTop,
.pad-none,
.ends-at-two-thirds .feature-box > .breather  {
	padding: 0 !important;
}
.pad-small {
	padding: 5px !important;
}
.pad-medium {
    padding: 10px !important;
}
.pad-large {
	padding: 20px !important;
}
/* Top */
.pad-top-small {
	padding-top: 5px !important;
}
.pad-top-medium {
	padding-top: 10px !important;
}
.pad-top-large {
	padding-top: 20px !important;
}
/* Bottom */
.pad-bottom-small {
	padding-bottom: 5px !important;
}
.pad-bottom-medium {
	padding-bottom: 10px !important;
}
.pad-bottom-large {
	padding-bottom: 20px !important;
}

/* Horizontal only */
.pad-horizontal-small {
	padding: 0 5px !important;
}
.pad-horizontal-medium {
	padding: 0 10px !important;
}
.pad-horizontal-large {
	padding: 0 20px !important;
}

/* -- Margin modules -- */

/* margin zero - if element requires margins please add to its initial instance, into media queries as required or apply margin class to semantic element in template - then remove from this array */


ul.child, ul.sibling, ul.triplets, ul.quadruplets,
 #account-controls ul,
 #page-header,
 #search-field-wrapper input[type="submit"], #mobile-search-wrapper input[type="submit"],
 #search-options li,
 .mega-menu h3,
 .mega-menu li,
 .mega-menu img,
 #footer-wrapper li,
 #footer-wrapper p img,
 .footer-base .left p,
 .image-container,
 .image-container h2,
  .heading-holding-banner h1,
 .heading-holding-banner h2,
 .image-description p,
 .pictorial-list,
  .todayOpen p,
  .entry-meta,
  .inner-grid-column,
  .archive-btn a:link,.archive-btn a:active,.archive-btn a:focus, .archive-btn a:visited,
#goTop,
.margin-none p,
.margin-none,
.ends-at-two-thirds .accordion  >  h2, .ends-at-two-thirds .accordion  >  h3 {
	margin: 0;
}
.margin-small {
	margin: 5px !important;
}
.margin-medium {
	margin: 10px !important;
}
.margin-large {
	margin: 20px !important;
}
/* Top */
.margin-top-small {
	margin-top: 5px !important;
}
.margin-top-medium {
	margin-top: 10px !important;
}
.margin-top-large {
	margin-top: 20px !important;
}
/* Bottom */
.margin-bottom-small {
	margin-bottom: 5px !important;
}
.margin-bottom-medium {
	margin-bottom: 10px !important;
}
.margin-bottom-large {
	margin-bottom: 20px !important;
}
/* Right */
.margin-right-small {
	margin-right: 5px !important;
}
.margin-right-medium {
	margin-right: 10px !important;
}
.margin-right-large {
	margin-right: 20px !important;
}
/* Left */
.margin-left-small {
	margin-left: 5px;
}
.margin-left-medium {
	margin-left: 10px;
}

.margin-left-large, .feature-box > ul li {
	margin-left: 20px;
}

/* Banner container and heights */
.banner {
	position: relative;
	margin-bottom: 2%;
	background-color: #ddd;
	z-index: 3000;
}
.banner h1 {
	display:block;
	margin: 10px 0;
}
.large {
	min-height: 400px;
}
.small {
	min-height: 288px;
}
/* Clears */
.clear-both {
	clear: both;
}

/* ------------- 4.2 HEADER ------------- */

/* places skip link off page - keep*/
#skip-to-main-content {
	position: absolute;
	top: -30px;
}

/* Account details container */
#account-controls {
	background: #333;
	text-align: right;
	padding: 5px 10px;
}
#account-controls li {
	display: inline-block;
	margin: 0 0 0 10px;
}
#account-controls ul li a:link {
	padding: 5px 0;
	color: #FFF;
}
/* Header container */
#page-header {
	padding: 0.7em 0 0 0;
	background-color: #222;
}
#page-header .col {
	margin-bottom: 0;
}
/* Reduce size of logo on mobile and position centrally */
#logo-holder img {
	width: 200px;
	margin-left: -41px;
}
#logo-holder {
	text-align: center;
}
/* Search field for desktop and mobile */
#search-field-wrapper, #mobile-search-wrapper {
	position: relative;
}
#search-field-wrapper, .banner-over-box, #banner-form label, #signup label {
	display: none;
}
#mobile-search-wrapper {
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}
#mobile-search-outer-wrapper {
	padding-bottom: 10px;
}
/* Custom submit buttons for global search */
#search-field-wrapper input[type="submit"], #mobile-search-wrapper input[type="submit"] {
	position: absolute;
	right: 0;
	width: 40px;
	height: 40px;
	background-image: url("../images/global/search-white.png");
	background-repeat: no-repeat;
	background-position: center;
}
/* Custom text fields for global search */

#search-field-wrapper input[type="text"] {
	position: absolute;
	top: 0;
	right: 40px;
	width: 205px;
	height: 34px;
}
#mobile-search-wrapper input[type="text"] {
	width: 94.1%;
	height: 34px;
}

.search-field-wrapper-medium {
	float:right;
max-width: 331px;
margin-right:1em;
}


.search-field-wrapper-medium input[type="text"] {
	min-width: 70%;
}



/* Global search show/hide (only shown at mobile view) */
#search-expander {
	height: 2.1em;
	width: 40px;
	background: url("../images/global/search-white.png") no-repeat center;
	background-size: 90%;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
#search-expander.expanded {
	background: url("../images/global/close-search.png") no-repeat center;
}
/* Mega menu button and search drop down (desktop view only) */
.pull-down {
	z-index: 2;
	width: 80px;
	margin: auto;
	display: none;
}
.pull-down  >  article {
	margin-top: -40px;
}


#mega-menu-pull-down {
background-color: #CB0D07;
display: none;
margin: -20px auto 0 auto;
position: relative;
text-align: center;
height: 60px;
width: 60px;
border-radius: 50%;
z-index: 2000;
top: 20px;
}
#mega-menu-pull-down button {
background-color: #CB0D07;
background-image: url("../images/global/menu-collapsed.png");
background-position: 50% 85%;
background-repeat: no-repeat;
background-color: transparent;
color: #FFF;
text-decoration: none;
border: none;
font-size: .9em;
z-index: 3000;
padding: 14px 0 28px 0;
width: 60px;

}
 #mega-menu-pull-down button, x:-moz-any-link { /* Firefox hack */
 	background-position: 51.5% 100%;
}
#mega-menu-pull-down button.expanded {
	background-image: url("../images/global/menu-expanded.png");
}

@-webkit-keyframes subtle-bounce {
  0%, 100% { background-position: 50% 100%  }
  50% { background-position: 50% 110% }
}
@-moz-keyframes subtle-bounce {
  0%, 100% { background-position: 50% 100%  }
  50% { background-position: 50% 110% }
}
@-o-keyframes subtle-bounce {
  0%, 100% { background-position: 50% 100%  }
  50% { background-position: 50% 110% }
}
@keyframes subtle-bounce {
  0%, 100% { background-position: 50% 100%  }
  50% { background-position: 50% 110% }
}

#mega-menu-pull-down button {
    /*animation-name*/
    -webkit-animation-name:subtle-bounce;
       -moz-animation-name:subtle-bounce;
        -ms-animation-name:subtle-bounce;
         -o-animation-name:subtle-bounce;
            animation-name:subtle-bounce;
    /*animation-duration*/
    -webkit-animation-duration:500ms;
       -moz-animation-duration:500ms;
        -ms-animation-duration:500ms;
         -o-animation-duration:500ms;
            animation-duration:500ms;
    /*animation-iteration-count*/
    -webkit-animation-iteration-count:3;
       -moz-animation-iteration-count:3;
        -ms-animation-iteration-count:3;
         -o-animation-iteration-count:3;
            animation-iteration-count:3;
    /*animation-delay*/
    -webkit-animation-delay:4s;
       -moz-animation-delay:4s;
        -ms-animation-delay:4s;
         -o-animation-delay:4s;
            animation-delay:4s;
}

#mega-menu-pull-down button.hasBeenInteractedWith {
    /*animation-iteration-count*/
    /*Note: When the mega-menu has been expanded before the animation occurs, it will be prevented*/
    -webkit-animation-iteration-count:0;
       -moz-animation-iteration-count:0;
        -ms-animation-iteration-count:0;
         -o-animation-iteration-count:0;
            animation-iteration-count:0;
}
/* Mega menu button (mobile view only) */
#mega-menu-mobile {
	height: 48px;
	width: 40px;
	float: left;
	display: block;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
#mega-menu-mobile button {
	height: 40px;
	width: 40px;
	background: url("../images/global/menu-trigram-lrg.png") center no-repeat;
	border: 0px;
	z-index: 2;
	background-color: #cb0d07;
	border-radius: 50%;
}
/* 'Search our website/search our records' (mobile view only) */
#changeDestination {
	color: #FFF;
	padding-top: 0.5em;
}
#changeDestination label {
	margin: 0 0.5em;
}
/* 'Search our records/search our website' button (desktop view only) */
#scope-selector {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 266px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-image: url('../images/global/scope-selector.png');
	background-color: #555;
	background-size: cover;
	cursor: pointer;
}
#scope-selector.expanded {
	background-image: url('../images/global/scope-selector-expanded.png');
}
/* 'Search our records/search our website' drop down (desktop view only) */
#search-options {
	display: none;
	background-color: #333;
	position: absolute;
	top: 41px;
	right: 94px;
	padding: 5px 5px 5px 5px;
	width: 202px;
	z-index: 4000;
}
#search-options li {
	list-style-type: none;
	list-style-image:none;
}
#search-options li a {
	color: #FFF;
	font-size: 0.9em;
	padding: 0.5em;
	display: block;
}
#search-options li a:hover {
	background-color: #FCE45C;
	color: #000;
}
/* 'Close' link for the cookie message */
a#cookie-cutter {
	background: url("../images/global/close-img.png") no-repeat 0 2px;
	padding-left: 22px;
	margin-left: 10px;
}

#banner-message {
	background-color: #222;
	text-align: center;
	letter-spacing: 0.025em;
}

#banner-message span {
	background-color: #fce45c;
	color: #000;
	display: inline-block;
	padding: .25em .75em;
	margin:.25em;
	border: 1px dashed #222;
}

/* ------------- 4.3 MEGA MENU ------------- */

/* Mega-menu container */
.mega-menu {
	padding: 0.5em 1em 0 1em;
	position: relative;
	z-index: 1;
	background-color: #405480;
	color: #EEEEEE;
}

.js .mega-menu {
	display: none;
}

/* Turn on mega-menu container for <noscript >  alternative */
noscript .mega-menu {
	display: block;
}
/* Custom mega menu h3 heading (which includes show/hide facility at mobile view) */
.mega-menu h3 {
	background: url("../images/global/plus.png") no-repeat 5px 12px;
	padding: 5px 5px 5px 22px;
	cursor: pointer;
	display: block;
	text-shadow: none;
}
.mega-menu h3.expanded {
	background-image: url("../images/global/minus.png");
}

/* Custom mega menu list style */
.mega-menu ul {
	margin: 10px 0;
	list-style: none;
}
.mega-menu li {
	font-size: 0.9em;
	list-style-image: none;
	border-top: 1px dotted #192132;
}
.mega-menu li:first-child {
	border-top: 0;
}
.mega-menu li:last-child {
	border-bottom: 0;
}
/* Custom mega menu link */
.mega-menu a {
	color: #fff;
	display: block;
	padding: 4px;
}
/* Custom mega menu paragraph */
.mega-menu p {
	font-size: 0.9em;
}
.mega-menu ul {
	display: none;
	padding-bottom: 10px;
}
.mega-menu span {
	background-image: none;
}
/* Add images to mega menu */
.mega-menu img {
	max-width: 100%;
}
.mega-menu img:hover {
	opacity: 0.9;
	cursor: pointer;
}
/* for embedded audiovisual players a bottom margin is required */
#player {
	margin: 0 0 1em 0;
}
.todayOpen {
	background: #fff;
	padding: .25em;
}
/* ------------- 4.4 FOOTER ------------- */

/* Footer container */
#footer-wrapper {
	background-image: url('../images/global/footer-background.png');
	background-color: #222;
	background-repeat: no-repeat;
	background-position: -6em 20px;
	color: #FCFCFC;
	margin-top: 1em;
	padding-top: 2em;
	padding-bottom: 2em;
}
/* Custom footer h4 headings  */
#footer-wrapper h4 {
	margin: 0 0 .5em 0;
	color: #fff;
}
/* Custom footer lists - look to see if all properties are needed */
#footer-wrapper ul {
	margin-top: 10px;
}
#footer-wrapper li {
	list-style-image: none;
	list-style-type: none;
	padding: 4px 0;
	font-size: .9em;
	border-top: 1px dotted #666;
	width: 95%;
}
#footer-wrapper li:first-child {
	border-top: none;
}
/* Custom footer links */
#footer-wrapper a {
	color: #FCE45C;
}

.footer-left a {
	display: block;
}
#flickr-caption a {
	display: inline;
}
/* Add images to footer */
#footer-wrapper img {
	max-width: 80%;
}
#footer-wrapper p img {
	max-width: 95%;
}
/* Footer base container */
.footer-base {
	border-top: 1px dotted #555;
	padding: 20px 0 0 0;
	font-size: .85em;
}
/* Footer base column (left) */
.footer-base .left {
	float: left;
	width: 75%;
}
.footer-base .left img {
	float: left;
	margin: 5px 25px 10px 0;
}
.footer-base .left p {
	display: block;
	float: left;
}
/* Footer base column (right) */
.footer-base .right {
	float: right;
	width: 25%;
	text-align: right;
	margin: -10px -10px 0 0; /*adjustments to align with OGL logo on left hand side */
}
/* ---------------------------------------------
5. CUSTOM DESIGN PATTERNS
------------------------------------------------ */



/* Large font-size */
.large-text, .text-large { /* replace large-text with text-large if still in use, then remove */
	font-size: 1.25em;
}

.text-small { /* apply to headings when a smaller size is more appropriate */
	font-size: .95em;
	line-height: 1.4;
}
/* Reduced font-size and captions */
.subtext, .caption, .text-smallest { /* rename subtext to text-smallest */
	font-size: .85em;
letter-spacing: 0.025em;
}

.text-175pc {
	font-size: 175%; /* surpass this by creating a class to apply to all h1 that are BRIEF and independent of anything else (NOT titles of records) and manually inputted */
}
.wp-caption {
	margin-bottom: 1em;
	margin-left: 0;
	max-width: 96%;
	text-align: center;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	width: 100%;
height: auto;
}
.wp-caption-text {
	position: relative;
	font-size: .8em;
	color: #666666;
	clear: both;
	margin:.5em;
}
/* Highlight important information */
.important {
	color: #DD322D; /* check palette */
}
/* Strapline */
.strapline {
	background-color: #fff;
	float: left;
	margin: -8px 10px 0 0;
	padding: 5px 10px;
}
/* Add an image to a content box */
.image-container {
	background-color: #ddd !important;
	background-size: cover !important;
	background-position: center center !important;
	height: 180px;
}
.ends-at-one-third a + p {
	margin-top:10px; /* primarily for paragraphs under image containers without sub-headings */
}

/* Used for source images in Education lessons */
.thumbnail-container {
	background-size: cover;
	background-position: center;
	width: 128px;
	height: 128px;
  border: 2px solid #008484;
}

.thumbnail-container-lrg {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 180px;
    margin-bottom: 10px;
}

.spinner {
    position : fixed;
	width : 100%;
    height : 100%;
    top : 0;
    left : 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:64px;
        background-color: rgba(255,255,255,0.5);
    background-image: url('../images/global/ajax-loader.gif'), url('../images/global/icon-64-white.png');
    z-index:5000;
}

.preload {
    background-repeat: no-repeat;
    background-position: -9999px -9999px;
    background-image: url('../images/global/ajax-loader.gif'), url('../images/global/icon-64-white.png');
}

.portrait {
	height: 360px;
}
.portrait img {
	height: 100%
}

/* Records search */
.search-button-medium {

width: 40px !important;
height: 40px !important;
background: url("../images/global/search-white.png") no-repeat center;
border-radius: 0;
}
/* Emphasised text used for first sentence/paragraph on page */

p.standfirst {
	font-size: 1.2em;
	padding-bottom: 1em;
}

.two-thirds {
	width: 90%; /* only applied to paragraph classes - do not apply to containers*/
}

/* Custom heading styles */




h1  >  span, h2  >  span, h3  >  span {
	background-image: url('../images/global/heading-flourish.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 14px;
	margin-left: -10px;
}

/* Custom heading spans to add accompanying padding and color */
h1  >  span  >  span, h2  >  span  >  span, h3  >  span  >  span {
	padding: 4px 10px 4px 10px;
	display: inline-block;
	background-color: #405480;
	color: #fff;
	line-height: 125%;
}
h1  >  span  >  span a:link, h2  >  span  >  span a:link, h1  >  span  >  span a:hover, h2  >  span  >  span a:hover, h1  >  span  >  span a:visited, h2  >  span  >  span a:visited, a > .image-container  >  h2  >  span  >  span, a  >  .heading-holding-banner  >  h2  >  span  >  span {
	color: #fff;
	background-image: url("../images/global/icon-24-heading-link.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 32px;
}
h1 span.heading-constant	{
	display: block;
	margin: 10px 0 -10px 0;
	background: #fff;
	color: #333;
	font-size: 1.35em;
	letter-spacing: -.025em;


}


div + h2:first-of-type {
  margin-top: 0;
  padding-top: 0;
}

.research-guide h1, .research-guide-indepth h1	{
	background: url('../images/global/dot-grey.png'); /* Remove when id specific backgrounds are introduced */
	font-size: 1.5em;
	padding-top: 10px;
}
.research-guide #primary-content h2,
.research-guide-indepth #primary-content h2,
.research-guide-indepth .feature-box + h2 {
	margin-top: 0;
}
.research-guide h1 + .breather, .research-guide-indepth h1 + .breather {
	padding: 0 !important;
	margin: 10px 20px;
	overflow: auto;
}
.research-guide h2.indicator, .research-guide-indepth h2.indicator	{
	background: #405480;
	color: #fff;
	font-family: 'Open sans';
	margin: 0 !important;
	padding: 5px 10px !important;
	font-size: 1em;
	width: auto; /*prevents padding pushing class outside of breather */
}

.image-container h2 {
	display: block;
	padding-top: 10px;
}

a > .image-container  >  h2  >  span  >  span,
.image-container  >  h2  >  span  >  span, a  >  .heading-holding-banner  >  h2  >  span  >  span {
	background-position: 99% 50%;
}

.image-container  >  h2  >  span  >  span {
	/*background-image:none;
	padding-right: 10px;
	 /* added due to image container boxes on Archives sector landing page not linking to pages for their headings*/
}
h3 + div.ends-at-one-third, .ends-at-one-third  >  h3 {
	padding:10px 0 15px 0;
	margin:0;
}

h3 a, h3 a:visited, h3 a:active, h4 a, h4 a:visited, h4 a:active, .social-media-links a:hover {
	text-decoration: none;
	line-height: 1.6;
}
h3 a:hover, h4 a:hover, a:hover h1  >  span  >  span, a:hover h2  >  span  >  span, a:hover h3  >  span  >  span,
.image-description a:hover, .selected,
.mega-menu h3:hover /* Custom mega menu h3 heading hover */,
a .sprite-text:hover {
	text-decoration: underline;
}


span > h2,
.breather > h2,
.breather > h3,
.breather > h4 {
	padding: .5em 0 .25em 0;
	display:block;
	line-height: 1.6;
	letter-spacing: -.025em;
}

.breather  >  h2:first-child,
.breather  >  h3:first-child  {
margin: .25em 0 1em 0; /* added due to padding on paragraphs of body text increasing the space between headings and paragraphs lower down the page */
}

p + h2, p + h3, ul + h2, ul + h3 {
	margin: 1.5em 0 1em 0; /* avoid altering, add additional conditions if margins between headings and other content containers are too large or small */
}

h3 + a + div, #answers h4 {
	padding-top: 10px;
}
h4 + div {
	padding-top: 0; /* required to prevent first h4 in first div having excessive top padding */
}

#answers h2 { /* answers ID is too specific, this can be renamed for wider use */
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

/* Custom feature inc. styling for descendant content  - introduced to obscure empty feature boxes in level 2-3 templates */
.ends-at-two-thirds > .breather > .feature-box,
.ends-at-full > .breather > .feature-box > div,
.ends-at-full > .breather > .feature-box > h2,
.ends-at-full > .breather > .feature-box > h3,
.ends-at-full > .breather > .feature-box > p,
.ends-at-full > .breather > .feature-box > ul,
.ends-at-full > .breather > .feature-box > ol,
.ends-at-full > .breather > .feature-box > blockquote {
	background-color: #f3f3f3;
	padding:20px;
	margin: 0;
	line-height: 1.6;
	width:auto;
}


.ends-at-full > .breather > .feature-box > p > a,
.ends-at-full > .breather > .feature-box > ul > li > a {
		font-size: 1.1em; /* text size increase offsets the grey background as the blue is still too dim */
}


.feature-box h2,
.feature-box h3,
.feature-box h4,
.breather div > h4,
.breather div > h3,
h2 + h3, h3 + h3,
p + h2 + h3,
ul + h3,
ul + p + h3,
p + div + h3,
p + h3, p + h4, blockquote + h3, table + h3,
h3 > a {
	font-family: 'Open Sans', sans-serif;
}

.feature-box:last-child {
	margin-bottom: 1.5em !important;
}
.feature-box img {
/*border: 1px solid #ddd;	*/
margin: .5em 0;
}
.feature-box blockquote, .feature-box blockquote.misc  {
	margin: 1.5em 1em 1em 1em;
}


/* - Add a heading field to the feature box ACF for Level 2 pages OR use the following workaround and request that editors make the first paragraph a brief 'psuedo-heading'

.ends-at-one-third > .breather > p:first-of-type {
font-family: 'Bitter', serif;
font-size: 1.16em;
margin: 0;
padding: 0 0 .25em 0;
}
*/


/* Breadcrumb layout and links */
#breadcrumb-holder .col {
	margin: 0.5em 0 0 0;
}
#breadcrumb a {
	padding-right: .25em;
	border-bottom: 0;
}
#breadcrumb {
	font-size: 0.9em;
	margin: 1em 0;
}
#breadcrumb p span a {
	padding: 0 0.1em 0 0.1em;
}
.no-breadcrumb {
	margin-top: 46px; /* Adds margin when no breadcrumb needed */
}
/* Full width heading holder */
.heading-holding-banner {
	padding: 10px 0;
	background: url('../images/global/dot-grey.png'); /* Remove when id specific backgrounds are introduced */
}

hr {
	padding: 5px 0;
	background: url('../images/global/dot-grey.png'); /* Remove when id specific backgrounds are introduced */
}

.dark {
	background: url('../images/local/dot-grey-333.png'); /* Remove when id specific backgrounds are introduced */
	margin-left: -20px;
}
/* Accordion menu style */
.ends-at-two-thirds .accordion  >  h2, .ends-at-two-thirds .accordion  >  h3 {
	padding: .5em 2em .5em .5em;
	background-color: #EFEFEF;
	background-image: url('../images/global/icon-24-accordion-open.png');
	background-repeat: no-repeat;
	background-position: 99% center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	font-size: 1.16em;
}
.ends-at-two-thirds .expanded  >  h2, .ends-at-two-thirds .expanded  >  h3 {
	background-image: url('../images/global/icon-24-accordion-close.png');
}
.accordion  >  h2:hover, .accordion  >  h3:hover {
	cursor: pointer;
}
.accordion-content {
	padding: 1em 1em 0 1em;
}


/* Image sprite - icons */
.sprite {
	background-image: url("../images/global/icons-compressed.png");
	width: 40px;
	height: 40px;
	margin: 5px 5px 5px 0;
	cursor: pointer;

}
/* Text that appears next to sprite icons */
.sprite-text {
	display: inline-block;
	height: 40px;
	vertical-align: top;
	padding-top: 0.6em;
}



/* Buttons */
a.button {
	background: #008484;
	color: #fff;
	padding: 0.5em;
	display: inline-block; /* used to contain button text when it drops to a second line */
	min-width: 24px;
	text-align: center;
}
a.button:hover {
	background: #FCE45C;
	color: #000;
	text-decoration: underline;
	border: none;
}

	.close  {
background: url("../images/global/close-img.png");
background-repeat:no-repeat;
background-position:0 center;
padding-left: 24px;
text-decoration: none;
font-size:.85em;
color: #fce45c !important;
	}

/* Image description toggler */
.image-description {
	display: none;
	background-color: #111;
	opacity: .85;
	position: absolute;
	top: 45px;
	right: 0;
	padding: 5px 10px;
	margin: 0 5px 0 0;
	z-index: 5000;
	font-size: 0.9em;
	line-height: 1.6;
	color: #eee;
	text-align: right;
	min-width: 300px;
}
.image-description a:link, .image-description a:visited {
	padding-left: .5em;
	color: #FCE45C;
}


/* Pictorial lists */
.pictorial-list {
}
.pictorial-list h3 {
	font-family: 'Bitter', serif;
	font-size: 1.16em;
	letter-spacing: -.025em;
	color: #111;
	margin: 10px 10px 0 0;
	display: inline-block; /* the translucent strap extends with the character count */
	background-color: rgba(255,255,255,.85);
	padding: .25em 10px;
}
.pictorial-list div {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 30%;
}
.pictorial-list div p {
	margin: 0 0 20px 0;
}
.pictorial-list div a, .pictorial-list div.has-background {
	display: block;
	height: 180px;
}
.pictorial-list div.resource-block a {
	height: auto; /* for pictorial lists with additional content the height must be over-ridden */
	}

.pictorial-list > div.resource-block a h3 {
	padding: .25em 0;
	background:transparent;
	font-family: 'Open Sans', sans-serif;
}

.pictorial-list div a:hover,
.image-container:hover
 {
	background-color: rgba(255,255,255,.15);
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
/* to achieve the same hover effect as above on embedded images */
.bundle-tile img:hover, .has-background:hover {
	opacity: .85;
}
.pictorial-list div a:hover h3,
.pictorial-list a:hover h3,
.social-media-links a:hover h3 {
	text-decoration:underline;

}



.social-media-links {
	padding-left: 0;
}

.social-media-links li {
	list-style: none;
	position: relative;
	margin-bottom: 0;
}

.social-media-links span.sprite {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 6px;
	left: 0;
}

.social-media-links a {
	vertical-align: middle;
	color: #000;
}



.social-media-links h3 {
	margin-top: 0;
	padding-left: 50px;
}

.social-media-links p {
	margin-top: 0.5em;
	padding-left: 50px;
}


.icon-img-desc {
	background-position: 0 0;
}
.icon-img-desc:hover, .expanded {
	background-position: 0 40px;
}
.icon-new-window {
	background-position: -40px 0;
}
.icon-new-window:hover {
	background-position: -40px 40px;
}
.icon-play {
	background-position: -80px 0;
}
.icon-play:hover {
	background-position: -80px 40px;
}
.icon-rss {
	background-position: -120px 0;
}
.icon-rss:hover {
	background-position: -120px 40px
}
.icon-facebook {
	background-position: -160px 0;
}
.icon-facebook:hover {
	background-position: -160px 40px;
}
.icon-twitter {
	background-position: -200px 0;
}
.icon-twitter:hover {
	background-position: -200px 40px;
}
.icon-pinterest {
	background-position: -280px 0;
}
.icon-pinterest:hover {
	background-position: -280px 40px;
}
.icon-flickr {
	background-position: -320px 0;
}
.icon-flickr:hover {
	background-position: -320px 40px;
}


/* Disc menu, A-Z Menu & Numbered menu - remove these once tested as we should be able to use MENU-DISC for all single-character list items (create menu-disc-large if larger width and height variant needed) */

#disc-menu, #numbered-menu {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}
#disc-menu li, #numbered-menu li {
	float: left;
	text-align: center;
	list-style-type: none;
	margin: 0 5px 5px 0;
	display: inline-block;
	width: 18%;
}
#disc-menu li a, #numbered-menu li a {
	font-family: 'Bitter', Georgia, Verdana, Arial, Helvetica, serif;
	font-size: 1.5em;
	display: inline-block;
	background-color: #008484;
	color: #FEFEFE;
	border-radius: 50%;
	text-decoration: none;
	line-height: 200%;
	width: 44px;
	height: 44px;
}

#menu-disc, #a-z-menu {
	min-height: 48px;
	float: left;
	margin:0;
	padding:0;
}

#menu-disc li, #a-z-menu li  {
	text-align: center;
	list-style-type: none;
	margin: 0 4px 4px 0;
	display: inline-block;
	width: auto;
	float:left;
}

#menu-disc li a, #menu-disc li span.disabled,
#a-z-menu li a, #a-z-menu li span.disabled  {
	font-family: 'Bitter',Georgia, Verdana, Arial, Helvetica, serif;
	font-size: 1.25em;
	display: inline-block;
	width: 40px;
	height: auto;
	color: #FEFEFE;
	border-radius: 50%;
	text-decoration: none;
	line-height: 40px;
}

#menu-disc li a, #a-z-menu li a {
	background-color: #008484;
}

#menu-disc li span.disabled, #a-z-menu li span.disabled {
	background-color: #ddd;
	background-color: rgba(0,0,0,.25);
	color: #999;
}

#menu-disc li a:hover, #disc-menu li a:hover, #menu-disc .selected, #a-z-menu .selected a,
#a-z-menu .selected, #a-z-menu a:hover  {
	color: #000;
	background-color: #FCE45C;
	border-radius: 50%;
}

#menu-disc li a, #menu-disc li span.disabled
/* The newer style for disc menus uses has a reduced width and height - when all disc menus are renamed to 'menu-disc' these sizes will be standardised */ {
	width: 32px;
	line-height: 32px;
}


/* Define the opening times style - change class in ASP file */

.todayOpen {
}

.todayOpen p, .text-align-center {
	text-align: center;
	margin: 0;
	padding-top: 0px;
/*	font-size: .85em;*/
}

/* remove these classes to allow ALL linked h3 to display with Open Sans - bigTime no longer in use */
.mega-menu h3 > a,
a + h3 > a,
.breather > h3 > a,
.bigTime {
	margin-top: .1em;
	font-family: 'Bitter', serif;
}


/* Banner overlay */
.overlay, .overlay-relative {
	/*width: 100%;*/
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.66);
	color: #ddd;
}

.overlay-relative {
	position:relative;
	clear:both;
	margin: 1em 0 0 0;
}


.overlay h3 {
margin: .25em 0;

}

.overlay ul, .overlay-relative ul {
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 5px 0;
}
.overlay ul li, .overlay-relative ul li {
	width: 95%;
	float: left;
	margin: .5em 0 .5em 2%;
	list-style-image: none;
}

	#resources-form {
		text-align:center;
width:auto;
	margin-left:auto;
margin-right:auto;
	padding:0 10px;
background-color: #008484;
	}

.tag {
  margin: 0 .25em .25em 0;
  padding: .15em .5em;
  font-size: .8em;
  letter-spacing: .01em;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 5px;
  display: inline-block;
  background-color:#f5f5f5;
}

.research-guide-glossary-term {
	display: inline-block;
	border-bottom: 1px dotted #555;
}

.type-label {
width:auto;
padding:0;
margin: 0;
height: 24px;
	display:inline-block;

}

.type-label span {
	margin:0;
	padding: 0 5px;
	font-size: .85em;
	color:#000 !important;
}


img.indicator {
	vertical-align: middle;
	margin-right: 8px;
}



a + div.position-top-right {
	background: #fff; /* currently deployed to improve readability of the opening hours information on the homepage */
}

.box-featured-img {
	/* for featured images to appear to the right of text extracts from the same page */
	float:right;
	height: 180px;
	width: 180px;
	margin: 0 0 10px 1.5em;
	background-position: center;
	background-size: cover; /* cover used on the basis that featured images will be cropped to square propotions (minimum size 180x180) */
	background-repeat: no-repeat;
}


/* Custom banner properties for page content */
#content-banner {
	background-position: center 45%;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #666;
}


.banner-over-box { /* used on Education time period headers */
	position: absolute;
	right: 0;
	bottom: 0;
}


/* Colours */
.background-white {
	background-color: #fff;
}
.text-dark-grey {
	color: #666;
}
.text-black{
color:#000 !important;
}
.bg-peach {
	background-color: #f4d57f; /* used to label Classroom resources on Education */
}
.bg-mint {
background-color: #B2DAC6;	 /* used to label Sessions we teach on Education */
}




.breather a img {
	display: block;
	width: auto;
	height:auto;
	max-width: 100%;
	margin: 0 0 1em 0;
}

img.inlineThumb { /* apply this class to embedded images to prevent them from filling the width of their container but use sparingly - ideally we focus on bigger images that make better use of the space provided - as of September 2014 this is only in use on the UFOS page sidebar */
width: auto !important;
}

a#cookieCutter {
	background: url("../images/global/close-img.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
	margin-left: 10px;
	padding-top: 1px;
	padding-left: 22px;
	text-decoration: none;
}


/* -- ONLY USED ON: EDUCATION -- */
.target p {
	margin-bottom: 10px;
	font-size: 0.9em;
}
.siblings-introduction-image {
	background-position: center;
}


	#resources-form {
		text-align:center;
width:auto;
	margin-left:auto;
margin-right:auto;
	padding:0 10px;
background-color: #008484;
	}

.tag {
display: inline-block;
}

.type-label {
width:auto;
padding:0;
margin: 0;
height: 24px;
	display:inline-block;

}

.type-label span {
	margin:0;
	padding: 0 5px;
	font-size: .85em;
	color:#000 !important;
}


/* -- Styles for native WP audio player -- */

.mejs-container {
	margin: 0 0 10px 0;
}

/** statistic styles - used on ARCHIVES SECTOR **/

.statistic {
	font-family: 'Bitter', Georgia, serif;
	font-size: 1.5em !important;
	display: block;
	margin: 10px 0;
}
.statistic-wide {
	float: left;
	font-family: 'Bitter', Georgia, serif;
	font-size: 2em !important;
	margin: -5px 10px 0 0;
	width: 128px;
}


.entry-meta {
clear: both;
font-size: 0.9em;
padding: 0 0 10px 0;
width: 100%;
}

.resource-block p {
	font-size: .9em; /* ensures dates displayed in sidebar for related resources are same size as entry meta */
}



.inner-grid-column {
	float:none !important;
	padding-bottom:5px !important;
}

.inner-grid-column:first-of-type{
border-right:1px solid #999;
}


/** Archive pagination buttons **/
/* Buttons */
.archive-btn a:link,.archive-btn a:active,.archive-btn a:focus, .archive-btn a:visited {
	background: #008484;
	color: #fff;
	padding: 0.5em;
	display: inline-block; /* used to contain button text when it drops to a second line */
	min-width: 24px;
	text-align: center;
}
.archive-btn a:hover,
#footer-wrapper a:focus,
#search-options li a:focus,
.image-description a:focus,
.mega-menu a:focus,
.overlay a.button:hover,
.overlay a:focus {
	background: #FCE45C;
	color: #000;
	text-decoration: underline;
	border: none;
}


/* TablePress plug-in overrides

.dataTables_wrapper {
background: #efefef;
padding: 1em 1px;
}*/

.dataTables_wrapper label {
	margin: 0 10px 10px 10px;
	float:left;
}

.dataTables_info {
	margin: 5px 10px 0 10px;
}

.tablepress tfoot th, .tablepress thead th {
	font-size:.9em;
	font-weight: 400;
}
.tablepress td, .tablepress th {
padding: 5px;
}


.tablepress caption {
	text-align: center !important;
	padding: 5px !important;
}

.dataTables_paginate {
float: right;
margin: 4px 10px 0;
padding: 10px 20px 0 0;
font-size: .9em;
}

	.paginate_disabled_next:after, .paginate_disabled_previous:before, .paginate_enabled_next:after, .paginate_enabled_previous:before {
		color:#008484;
		text-shadow: 0 0;
		padding-top: 2px;
	}

.dataTables_paginate .paginate_disabled_next, .dataTables_paginate .paginate_disabled_previous {
color: #405480 !important;
}

thead {
	border-top: 1px solid #ddd;
}

.breather table {
	width: 100%;
	margin:0 0 2em 0;
	padding:0;
}
.breather th {
	text-align: left;
	background-color: #eee;
}
.breather tr,
.breather th, .breather td {
	padding: .5em;
		border-bottom: 1px solid #ddd;

}
.breather td img {
	margin:0;
	padding:0;
	width:auto;
}




.overlay-type-label {
  padding: .25em .5em;
  background-color: rgba(0,0,0,.66) !important;
  color: #fce45c;
  margin:147px 0 0 0;
  float:right;
}

#banner-form {

	display:inline-block;
}

#banner-form > .button {
height:40px;
padding:0 8px;
}

.col {
	margin-bottom: 1.5em; /* added because the 2% margin for col in the grid styles above is too small once the grid reduces to a single stack */
}

a:focus h1 > span,
a:focus h2 > span,
a:focus h3 > span {
    background-color: transparent;
    background-image: none;
}
a:focus h1 > span > span, h1 > span > span > a:focus, a:focus > div > h1 > span > span
a:focus h2 > span > span, h2 > span > span > a:focus, a:focus > div > h2 > span > span,
a:focus h3 > span > span, h3 > span > span > a:focus, a:focus > div > h3 > span > span {
    background-color: #FCE45C!important;
    color: #000!important;
}
.addthis_toolbox	{
	width: 112px !important;
}


/* WEB COLOURS */

.hue-red {
	background-color: #cb0d07;
	color: #fff;
}
.hue-yellow {
	background-color: #fce45c;
	color: #111;
}
.hue-teal {
	background-color: #008484;
	color: #fff;
}
.hue-indigo {
	background-color: #405480;
	color: #fff;
}
.hue-grey-darkest {
	background-color: #111;
	color: #fff;
}
.hue-grey-darker {
	background-color: #222;
	color: #fff;
}
.hue-grey-dark {
	background-color: #333;
	color: #fff;
}
.hue-grey-mid-dark {
	background-color: #555;
	color: #fff;
}
.hue-grey-mid-light {
	background-color: #999;
	color: #111;
}
.hue-grey-light {
	background-color: #ddd;
	color: #111;
}
.hue-grey-lighter {
	background-color: #eee;
	color: #111;
}
.hue-grey-lightest {
	background-color: #f3f3f3;
	color: #111;
}

.hue-yellow-dark {
	background-color: #ebab00;
	color: #111;
}

.text-yellow, a.text-yellow,
.hue-grey-darkest a, .hue-grey-darker a, .hue-grey-dark a, .hue-grey-mid-dark a,
a.hue-grey-darkest, a.hue-grey-darker, a.hue-grey-dark, a.hue-grey-mid-dark {
	color: #fce45c; /* no need to specify text link color for lighter grey hue classes as this can be our default blue */
}

.text-grey-light {
	color: #ddd;
}
.text-blue, .hue-yellow a {
	color: #2A5DB0;
}

.hue-teal, .hue-red, .hue-teal a, .overlay a.button {
	color: #fff;
}

.hue-50-yellow,.hue-75-yellow {
	background-color: #fce45c;
	background-color: rgba(252,228,92,.75);
	color: #111;
}

.hue-50-teal {
	background-color: #008484;
	background-color: rgba(0,153,153,.50);
	color: #eee;
}

.hue-25-teal {
	background-color: #008484;
	background-color: rgba(0,153,153,.25);
	color: #eee;
}

.hue-50-black {
	background-color: #333;
	background-color: rgba(0,0,0,.50);
	color: #eee;
}

.hue-25-black {
	background-color: #333;
	background-color: rgba(0,0,0,.25);
	color: #eee;
}

.hue-25-white {
	background-color: #fff;
	background-color: rgba(255,255,255,.25);
	color: #111;
}

.hue-grey-darkest a, .hue-grey-darker a, .hue-grey-dark a, .hue-grey-mid-dark a,
a.hue-grey-darkest, a.hue-grey-darker, a.hue-grey-dark, a.hue-grey-mid-dark {
	color: #fce45c; /* no need to specify text link color for lighter grey hue classes as this can be our default blue */
}

.hue-yellow a {
	color: #2A5DB0;
}

a.hue-teal, a.hue-red {
	color: #fce45c;
	background-color: transparent;
}


/* Start - Added for research-guide contact us area */
.width-full-to-three-quarters	{
	width: 70%;
}
.width-full-to-one-quarter	{
	width: 30%;
}
.width-full-to-one-quarter a img {
	width: 100px !important;
	float: right;
}


/* End - Added for research-guide contact us area */

/* Start - Research guide availability indicator */

.indicator  {
  background: none;
  display: block;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 3px;
  position: relative;
}
.indicator .item {
  width: 100%;
}
.indicator .active {
  background: url('../images/records/icon-up-arrow.png') no-repeat 60px 43px;
}
.indicator h3 {
  display: inline-block;
  color: #111;
  margin-bottom: 15px;
  background: url('../images/records/icon-availability-all.png') no-repeat;
  background-size: 23px;
  font-size: 0.95em;
  font-family: 'Open sans', serif;
  padding: 0 2px 0 29px;
}
.indicator h3:hover {
  cursor: pointer;
  text-decoration: underline;
}
.indicator h3:last-child {
  border-bottom: 0;
}
.indicator h3.some {
  background: url('../images/records/icon-availability-some.png') no-repeat;
  background-size: 23px;
}
.indicator h3.none {
  background: url('../images/records/icon-availability-none.png') no-repeat;
  background-size: 23px;
}
.indicator .breather {
  padding: 10px 0 10px 15px;
}
.indicator .indicator-description {
  background: #f3f3f3;
  display: block;
  width: 100%;
  padding: 0;
  font-size: 0.9em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.indicator .indicator-description .breather {
  float: left;
}
.indicator .indicator-description p {
  margin: 0;
  width: auto;
  display: block;
  float: left;
}
.indicator ul {
  display: block;
  width: auto;
  margin: 0;
  padding: 0.5em 0 0 0;
  float: left;
  width: 100%;
}
.indicator ul li {
  background: #ddd;
  display: block;
  float: left;
  width: 51px;
  margin: 0;
  border: 0;
  padding: 0.1em;
  color: #333;
  font-size: 0.9em;
  height: auto !important;
  text-align: center;
}
.indicator ul li:last-child {
   border-right: 0;
}
.indicator ul li.none-small {
  background-color: #CB0D07;
  color: #fff;
}
.indicator ul li.some-small {
  background-color: #ebab00;
  color: #000;
}
.indicator ul li.all-small {
  background-color: #008484;
  color: #fff;
}
/* End Research guide availability indicator */


/* Sitewide form styles */


/* Research guides forms (can become sitewide form styles if desired) */

.research-guide-form form {
	float:left;
	width:95%;
	background-color:#eee;
	padding: 2.5% 2.5% 0 2.5%;
	margin:0 0 1em 0;
	border-bottom: 3px solid #ddd;
}

.research-guide-form form .button-holder {
	float:right;
	margin:1em 0;
}

.research-guide-form form .field-row label {
display: inline-block;
	margin:0 0 .25em 0;
width: 47%; /* replicated from Discovery */
}

.research-guide-form form .field-row input {
	margin:0 0 .25em 0;
	width: 98%;
	min-width: 0;
}

.research-guide-form form fieldset legend {
	display: none;
}

/* End of Research guides forms */

/* Start of campaign boxes for homepage */
.campaign-box {
  position: relative;
}

.campaign-box p	{
  margin: 20px 0 0 20px;
  width: 66.6%;
  font-family: 'Bitter', sans-serif;
  font-size: 1.4em;
  line-height: 1.3em;
  color: #fff;
}
.campaign-box form {
  margin: 20px 0 0 20px;
}
.campaign-box p a {
  color: #fff;
}
.campaign-box a:hover {
  background-color: rgba(255, 255, 255, 0.15);
  float: left;
  height: 100%;
  text-decoration: none;
}
.campaign-box a p.action:hover {
  color: #fce45c !important;
}
.campaign-box p.action {
  color: #fce45c;
  margin: 10px 0 0 20px !important;
  font-family: 'Open sans', sans-serif;
  font-size: 1em;
}
.campaign-box p.action a {
  color: #fce45c;
}
.campaign-box .image-container {
  background: transparent !important;
}
.campaign-box input[type="email"] {
  min-width: 185px !important;
}
/* End of campaign boxes for homepage */

/* Start of styles for Help with your research */

/* Info panel */
.info-panel {
	background-color: #007272;
	height: 105px;
	border-bottom: 4px solid #005555;
}
.info-panel h2  {
	text-align: center;
	margin-bottom: 0.5em;
	color: #fff;
}
.info-panel a.button {
	margin: 0 auto !important;
	display: block;
	width: 100px;
}
.info-panel form {
	margin: 0 auto;
	width: 300px;
}
.info-panel input[type="text"] {
	margin: 0 auto;
	width: 250px;
}


/* Fifth width box */
.fifth-width {
	width: 99%;
	margin-right: 1%;
	float: left;
	text-align: left;
	position: relative;
	height: 160px;
}
.fifth-width .image {
	height: 115px;
	margin-bottom: 3px;
}
.fifth-width p {
	background-color: #fff;
	width: 100%;
	font-size: 1.2em;
	float: left;
	margin-bottom: 1em;
	letter-spacing: -.5px;
}
a .fifth-width {
	color: #222;
}
a. .fifth-width:hover {
	background-color: rgba(255, 255, 255, 1) !important;
}
a .fifth-width p:hover {
	text-decoration: underline !important;
}


.search-box-container {
	width: 100%;
	text-align: center;
	float: left;
}
.background-grey	{
	background-color: #efefef;
}
.search-box-container input {
	width: 84%;
	float: left;
}
.search-box-container p {
	margin: 4px 0 10px;
	font-family: 'Bitter', sans-serif;
	font-size: 1.2em;
	color: #444;
}
.center-container {
	margin: 0 auto;
	width: 100%;
}
.center-container form {
	width: 100%;
	display: block;
	float: left;
}
/* End of styles for Help with your research */

/* START OF IM guidance links styles */

#guidance-links .guidance-item {
	background: #f3f3f3 !important;
	border-bottom: 2px solid #ddd;
	margin: 2% 0;

}
.select-float h2{
	font-family: 'Bitter', serif;
	font-weight: 400;
	font-size: 1.3em;
	color: #fff;
	display:inline-block;
	float:left;
}
.select-float{
	text-align:center;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	background-color:transparent;
	height:auto;
	overflow:hidden;
}

.guidance-item h3 a[href$=".pdf"]:after {
	content: "";
}
.guidance-item h3 a[href$=".xls"]:after {
	content: "";
}
.guidance-item h3 a[href$=".doc"]:after {
	content: "";
}

span.guidance-description {
	display: block;
	line-height: 1.6;
	margin: .3em 0 1em 0;
}

.file-meta, .title-file-meta{
	color:#555555;
	font-family: 'Open Sans', sans-serif;
	font-size: .75em;
	display: inline-block;
	background: none;
}

.file-meta {
	font-size: .85em;
}


.post-edit-link {
	font-family: 'Open Sans', sans-serif;
	font-size: .6em;
	font-weight: 700;
	background: #008484;
	color: #fff !important;
	padding: 3px 5px;
	text-transform: uppercase;
}


@media only screen and (max-width: 768px) {
	select {
		width:100%;
		background-color: #f3f3f3;
		height:30px;
		border:1px solid #CCC;
		margin-right:20px;
		margin-bottom:5px;
	}
}

@media only screen and (min-width: 769px) {


	select {
		background-color: #f3f3f3;
		border:1px solid #CCC;
		width:auto;
	}

	.select-float h2{
		float:none !important;
	}

	input[type="submit"] {
		color: #fff;
		padding: 0.5em;
		margin: 0;
		display: inline-block;
		width:auto;
	}

	.select-float{
		text-align:center;
		width:auto;
		margin-left:auto;
		margin-right:auto;
		padding:0 10px;
		padding-bottom:0px;
		background-color:transparent;
		height:auto;
		overflow:hidden;
	}

	.link-list {
		list-style: outside url("<?php bloginfo("stylesheet_directory");?>/images/global/list-link-bullet.png") !important;

	}
	.link-list li {
		float:left;
		margin-right:10px;
		width:100%;
	}

	span.guidance-selected{
		background-color:#FCE45C;
	}

	span.flag{
		background: rgba(252,228,92,.85);
		padding:2px;
		margin-right:2px;

	}

	span.flag a{
		text-decoration:none;
	}

	span.flag a:hover {
		text-decoration: underline;
	}
}

/* END OF IM guidance links styles */

/* Button styling on Independent Research page */
	.btn-FindResearchers {
		top: 12px;
		position: relative;
	}
/* End of Button styling on Independent Research page */

/* Right aligned bullet style for HWYR landing page */

.bullet-right {
	text-align: right;
	padding-right: 22px;
	background: url('../images/global/list-link-bullet.png') no-repeat right 7px;
	display: block;
}

/* End of Right aligned bullet style for HWYR landing page */

/* EXECUTIVE TEAM additions */

.picture-container {
	padding: 10px;
	min-height: 100px;
}
.picture-container img:hover {
	opacity: 0.8;
}
.picture-container img {
	width: 100%;
	margin: 0 !important;
}
.picture-description h2 {
	margin: 0px 20px !important;
	padding: 0 !important;
	background: url('../images/global/list-link-bullet.png') no-repeat right 7px;
}
.picture-description h2 a {
	font-family: 'Bitter', sans-serif !important;
	font-weight: normal !important;
	font-size: 0.85em;
}
.picture-description p {
	margin: 0 20px 20px;
	padding: 0;
}
.center-content {
	text-align: center;
}
.position-center {
	margin: 0 auto;
	width: 100%;
}
.bitter {
	font-family: 'Bitter', sans-serif;
}
.photo-extend {
	margin-bottom: 1.5em !important;
	margin-top: 0 !important;
}

/* end of EXECUTIVE TEAM additions */

/* ---------------------------------------------
6. MEDIA QUERIES
------------------------------------------------ */

/* ------------- Smartphone (landscape) and above ------------- */

@media only screen and (min-width: 480px) {
/* Mega menu */
.mega-menu ul {
	display: block;
	margin: 0 0;
}
.mega-menu-group {
	width: 48%;
	margin-top: 10px;
	margin-left: 2%;
}

.mega-menu-group:nth-child(3) {
	margin-left: 0;
}
.mega-menu-group:nth-child(5) {
	clear: both;
}

.mega-menu-group div {
	height: 100%;
}
/* hides secondary section homepage link at all sizes above smartphone */
.mega-menu li.mobileOnly {
	display: none;
}
/* Turn off show/hide image for mega menu h3 for desktop */
.mega-menu h3 {
	background-image: none;
	padding-left: 2px;
}

/* Revised size for numbered icons */
#disc-menu li a {
	font-size: 1.8em;
	height: 54px;
	width: 54px;
}
/* Revised logo size */
#logo-holder img {
	width: 300px;
}

#logo-holder a:focus:after {
	content: attr(title);
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0.85em;
}

/* Revised banner height for desktop */
.large {
	min-height: 360px;
}

.feature-box .width-two-thirds {
	width: 66%;
}
.feature-box .width-half, .research-guide-form form .field-row input {
	width: 50%;
}
.feature-box .width-one-third {
	width: 33%;
}
.feature-box .width-one-quarter {
	width: 25%;
}
.width-full-to-one-quarter {
	max-height: 100px !important;
}
.width-full-to-one-quarter a img {
	margin-bottom: 0 !important;
}
/*
.box-featured-img {
	width: 50%;
	}
	*/
.inner-grid-column{
	float:left !important;
	padding:0px;
	margin-bottom:5px !important;
}
.inner-grid-column h3 {
line-height: 1.3 !important;
}

/* Child list splits to half */
ul.child li {
	width: 40%;
	margin-right: 10%;
	float: left;
}
.overlay-type-label {
  margin:180px 0 0 0;
  float:left;
  display:block;
  height:auto;
}
.indicator li ul li:first-child {
  width: 100%;
  text-align: left;
}

ul.form-selectable li {
	width: 24.8%;

}
/* Start of campaign boxes for homepage - 480px view */
.campaign-box input[type="email"] {
  min-width: 210px !important;
}
/* End of campaign boxes for homepage - 480px view */


.fifth-width {
	width: 49%;
	height: 185px;
}

ul.form-selectable li {
	width: 48.8%;
}

/* Start Research guide availability indicator - 480px view */
.indicator li ul li:first-child {
  width: 100%;
  text-align: left;
}
/* End Research guide availability indicator - 480px view */

    /* Research guide commercial links */
    .provider-label{
        float:right;
        display: inline;
        width:auto;
    }

	/* Start of EXECUTIVE TEAM additions - 480px view */
	#index > .photo-extend:nth-child(3n) {
		clear: none;
		margin: 0 2% 2% 0;
	}
	#index > .photo-extend:nth-child(even) {
		margin: 0 2% 2% 0;
	}
	/* End of EXECUTIVE TEAM additions - 480px view */
}


/* ------------- 7" tablet and above ------------- */

@media only screen and (min-width: 600px) {
	.fifth-width {
		width: 32.3%;
	}
	ul.form-selectable li {
		width: 24.8%;
	}
	#index > .photo-extend:nth-child(3n) {
		clear: none;
		margin: 0 2% 0 0;
	}
}
/* ------------- 10" tablet (portrait) and above ------------- */

@media only screen and (min-width: 768px) {
	#index > .photo-extend:nth-child(3n) {
		clear: none;
		margin: 0;
	}

/* Mega menu splits to 3rds */
.mega-menu-group {
	width: 31.3%;
	margin-left: 2%;
}
.entry-meta	{
	width: auto;
}

.mega-menu-group:nth-child(3) {
	margin-left: 2%;
	margin-right: 2%;
}
.mega-menu-group:nth-child(4) {
	margin-left: 0;
}

.mega-menu-group:nth-child(5) {
	clear: none;
}


ul.triplets li, ul.quadruplets li {
	width: 45%;
}
ul.child li a {
	display: block;
}

.width-two-thirds, .two-thirds, .width-two-thirds-to-full {
	width: 66%;
}
.one-third {
	width: 33%;
}
/* Banner overlay splits to 3rds */
.overlay ul li {
	width: 29%;
	float: left;
	border-right: 1px solid #999;
	padding-right: 2%;
}
.overlay ul li:last-child {
	border-right: 0;
}
/* Turn off mobile search, turn on desktop search */
#search-field-wrapper {
	display: block;
}
#mobile-search-outer-wrapper {
	display: none;
}
/* Turn off mobile mega menu button, turn on desktop mega menu button */
#mega-menu-pull-down, .pull-down {
	display: block;
}
#mega-menu-mobile,
#search-expander {
	display: none;
}
#logo-holder {
	text-align: left;
}
#logo-holder img {
	width: auto;
	margin-left: 0;
}

#goTop {
	background: url("../images/global/icon-32-top.gif") center center no-repeat rgba(0,0,0,.66);
	background-size: cover;
	position: fixed;
	top: 47%;
	right: -100px;
	color: #fff;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	z-index: 5000;
}
#goTop:hover {
	background: url("../images/global/icon-32-top.gif") center center no-repeat rgba(0,0,0,.9);
	background-size: cover;
}
.banner-over-box {
	display: inline;
	width: 30%;
}
.large { /* rename for clarity */
	min-height: 288px;
}

.feature-box .width-two-thirds, .feature-box .width-one-third {
	width: 100%;
}
.feature-box .width-half, .width-full-to-half {
	width: 50%;
}
.feature-box .width-one-quarter {
	width: 25%;
}

h1 {
	font-size: 2em; /* the h1 size is reduced for smaller screens */
	}

/*
.breather a img {
	width: 100%;
	height:auto;
}

/* -- Styles for native WP audio player -- */
.mejs-container {
	float:left;
	margin: 0 0 10px 0;
}
.video-main {
	width: 50%;
}
.overlay-type-label {
  margin:147px 0 0 0;
  float:right;
}
.search-field-wrapper-medium input[type="text"] {
	width: 284px;
	position: relative;
	top: 0;
	left: 0;
}
.float-left-to-right	{
	float: right;
}
.overlay-relative {
	position:absolute;
	bottom:0;
}

/* Start Research guide availability indicator - 768px view */
.indicator h3 {
  padding: 0 2px 0 26px;
}
.indicator ul {
	float: left;
	margin: 0;
	padding: 0 0 0 1.5em;
	width: auto;
}
/* End Research guide availability indicator */

/* Start of campaign boxes for homepage - 768px view */
.campaign-box {
  min-height: 180px;
}
.portillo {
  background: url('../images/state-secrets/tna-portillo-homepage-banner.jpg') no-repeat top -10px;
  background-size: cover;
}
.newsletter {
  background: url('../images/state-secrets/enewsletter-homepage-banner.jpg') no-repeat top -10px;
  background-size: cover;
}
/* End of campaign boxes for homepage - 768px view */

.fifth-width {
	width: 23%;
}
.center-container {
	margin: 0 auto;
	width: 800px;
}
.center-container form {
	width: 300px;
	float: left;
	display: block;
}
.search-box-container input {
	width: 230px;
	float: left;
}
.search-box-container p {
	float: left;
	margin: 4px 20px 0;
	font-size: 1.2em;
}

.input-extended input[type="text"] {
	min-width: 290px;
}

}

/* ------------- 10" tablet (landscape) and above ------------- */

@media only screen and (min-width: 1024px) {
/* Mega menu */
.mega-menu-group {
	width: 14.6%;
	margin-left: 2%;
}
.mega-menu-group:nth-child(4) {
	margin-left: 2%;
}
/* Revised size for numbered menu */
#numbered-menu li a {
	font-size: 1.8em;
	height: 54px;
	width: 54px;
}
#disc-menu li a {
	font-size: 2em;
	height: 64px;
	width: 64px;
}
ul.triplets li {
	width: 33%;
}
ul.quadruplets li {
	width: auto;
	margin-right: 11.7%;
}

/* Inline image alignment */

.alignleft, .alignright {
	width: 50% !important;
	max-width: 420px;
	height:auto;
}
.alignleft {
	float: left;
	margin: 0 2em 1em 0 !important;
}
.alignright {
	float: right;
	margin: 0 1em 1em 2em !important;
}
.aligncenter {
	margin: 1em 0;
	width:100%;
	max-width: 100%;
	height:auto;
}
.third-width {
	width: 33.3% !important;
}
.banner-over-box {
	position: absolute;
	right: 0;
}
#footer-wrapper ul {
	min-height: 220px;
}

.feature-box .width-two-thirds {
	width: 66%;
}
.feature-box .width-half {
	width: 50%;
}
.feature-box .width-one-third {
	width: 33%;
}
.feature-box .width-one-quarter {
	width: 25%;
}

.box-featured-img {
	width: 180px;
}
/* Start Research guide availability indicator - 1024px view */

.indicator h3 {
  margin-bottom: 0;
}
.indicator h3.active {
  font-weight: bold;
}
.indicator h3 {
  background: url('../images/records/icon-availability-all.png') no-repeat;
  background-size: 23px;
}
.indicator h3.some {
  background: url('../images/records/icon-availability-some.png') no-repeat;
  background-size: 23px;
}
.indicator h3.none {
  background: url('../images/records/icon-availability-none.png') no-repeat;
  background-size: 23px;
}
.indicator {
  margin-bottom: 100px;
}
.indicator .indicator-description {
  top: 51px;
  position: absolute;
  left: 0;
}
.indicator .item {
  display: block;
  width: 25%;
  float: left;
  height: 51px;
}
.indicator .active {
  background: url('../images/records/icon-up-arrow.png') no-repeat 60px bottom;
}
/* End Research guide availability indicator - 1024px view */

.fifth-width {
	width: 24%;
}
.center-container form {
	width: 400px;
	float: left;
	display: block;
}
.search-box-container input {
	width: 350px;
	float: left;
}

.input-extended input[type="text"] {
	min-width: 400px;
}

}
/* ------------- Desktop and above ------------- */

 @media only screen and (min-width: 1280px) {
.container {
	width: 1240px;
}

.input-extended input[type="text"] {
	min-width: 540px;
}
}

@media print	{

	body, h1, h2, h3, h4, h5, p, ul, ol	{
		font-family: 'Arial',Verdana, Helvetica,;
	}
	.no-print {
		display: none !important;
	}
	#page-header, #footer-wrapper, #mega-menu	{
		display: none;
	}
	h1, h2, h3, h4, a:link {
		background: transparent;
		color: #000;
		background: none;
	}
	h1	{
		font-size: 24pt;
	}
	h1 span, h2 span, h3 span, h1 span span, h2 span span, h3 span span {
		color: #000;
		background: transparent;
		background-image: none!important;
	}
	.cookieNotice {
		display: none;
	}
	#failover	{
		display: none;
	}
	.banner img, #newstitle img	{
		display: none;
	}

	.image-container, .large, .small  {
		height: auto;
		min-height: initial;
	}
	.backstretch	{
		display: none !important;
	}
	div {
		height: auto!important;
	}
	.container	{
		height: auto;
	}
	.overlay ul li	{
		margin: 0;
	}

	.float-right	{
		float: none;
		display: block;
	}
	.breather {
		padding: 0;
	}
	li {
		list-style-type: disc;
	}

	a[href^="/"]:after {
		content:" (https://www.nationalarchives.gov.uk" attr(href) ")";
		font-size:90%;
	}

	a[href^="http://"]:after,a[href^="https://"]:after {
		content:" (" attr(href) ")";
		font-size:90%;
	}
	.indicator ul li.none-small, .indicator ul li.some-small, .indicator ul li.all-small {
	  border: solid 1px #000;
	  color: #000;
	}
}