/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

@font-face {
    font-family: 'special_eliteregular';
    src: url('../fonts/SpecialElite/SpecialElite-webfont.eot');
    src: url('../fonts/SpecialElite/SpecialElite-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SpecialElite/SpecialElite-webfont.woff') format('woff'),
         url('../fonts/SpecialElite/SpecialElite-webfont.ttf') format('truetype'),
         url('../fonts/SpecialElite/SpecialElite-webfont.svg#special_eliteregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#first-time, 
.front h1.title {
	display: none;
}

#block-menu-menu-footer-menu ul.menu li, 
#block-system-main-menu ul.menu li {
	list-style: none;
	display: inline-block;
}

body {
	background-color: #C6C6C6;
}

#block-crest-block-crest-block {
	float: left;
	margin-right: 90px;
}

#zone-menu,
#zone-content {
	background-color: #fff;
}

#zone-branding {
	background-color: #03406d;
	background-image: url('images/pm-header.png');
	background-position: 50%;
	background-repeat: no-repeat;
}

#zone-footer {
	background-color: #044D82;
	border-top: 3px solid #b01a34;
}

#zone-branding h1, 
#zone-branding h2 {
	color: #f8fefe;
	font-family: 'special_eliteregular';
	line-height: 1.1em;
	margin-bottom: 0;
	font-weight: normal;
}

#zone-branding h1 { font-size: 3.8em; }
#zone-branding h2 { font-size: 2em; padding-bottom: 20px; }

#zone-branding .crestblock .titles.size64 {
  margin-top: 40px;
  margin-left: 10px;
}

#zone-branding .crest {
	float: left;
}

#block-menu-menu-footer-menu ul.menu {
	text-align: center;
	padding: 8px 0;
}

#block-menu-menu-footer-menu ul.menu li {
	border-right: 1px solid #fff;
	padding: 0;
	margin: 0;
	padding-right: 6px;
}

#block-menu-menu-footer-menu ul.menu li.last {
	border-right: none;
}

#block-menu-menu-footer-menu ul.menu li a {
	color: #fff;
	text-decoration: none;
}

.front #block-system-main-menu ul.menu li.first, 
#block-system-main-menu ul.menu li.active-trail {
	background-color: #f6f6f6;
}

#block-system-main-menu ul.menu li {
	margin: 0;
	padding: 5px 13px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	margin-left: -5px;
}

#block-system-main-menu ul.menu li.first {
	margin-left: 0;
}

#block-system-main-menu ul.menu li a {
	text-decoration: none;
	font-size: 1.3em;
}

#zone-menu {
	background-image: url('images/menu-top-graphic.png');
	background-repeat: no-repeat;
	padding-top: 7px;
}

#region-menu {
	margin: 0;
	width: 100%;
}

#block-system-main-menu {
	margin-left: -10px;
}

#block-block-1 {
	padding-top: 20px;
}

.prime-minister-photo {
	float: left;
	margin-right: 10px;
}

h1, h2, h3, h4 {
	font-family: sans-serif;
}

.transcript-pm,
.transcript-dates {
	margin: 2px;
	padding: 1%;
	border: 1px solid #666;
	float: left;
	width: 47%;
	margin-right: 1%;
	height: 120px;
	margin-bottom: 10px;
}

.transcript-dates {
	margin-right: 0;
}

.field-name-body h1,
.field-name-body h2,
.field-name-body h3,
.field-name-body h4 {
	margin-bottom: 10px;
	margin-top: 20px;
	line-height: 1em;
}

th.views-field-field-release-date { width: 100px; }
th.views-field-field-prime-minister { width: 150px; }
th.views-field-field-original-document { width: 150px; }

#views-exposed-form-search-page {
	margin-bottom: 20px;
	padding: 0 200px 20px;
	border-bottom: 1px solid #b01a34
}

#views-exposed-form-search-page .views-exposed-widget.views-submit-button {
	clear: both;
}

#views-exposed-form-search-page .views-exposed-widget input {
	margin-top: 0;
}

.node-type-transcript h1#page-title {
	display: none;
}

.field-name-field-long-title .field-item {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 15px;
}

.view-search table.views-table tr td {
	padding: 8px;
}

.view-search.view-id-search {
	margin-bottom: 20px;
}

span.date-spans {
	font-weight: bold;
	width: 140px;
	display: inline-block;
}



.background-text {
	position: absolute;
	font-size: 8em;
	color: #ebebeb;
	font-weight: bold;
	z-index: 1;
	text-align: center;
	bottom: -16px;
	width: 100%;
}

.relative-required {
	position: relative;
	z-index: 2;
}

h1.long-title {
	line-height: 1.2em;
	margin: 10px 0;
}

.transcript-pm p, 
.transcript-pm h2, 
.transcript-dates p,
.transcript-document p {
	margin-bottom: 11px;
}

.responsive-layout-normal .background-text {
	font-size: 6em;
	bottom: -12px;
}

.responsive-layout-narrow .background-text {
	font-size: 4em;
	bottom: -9px;
}

.responsive-layout-mobile .background-text {
	display: none;
}

.pm-photo {
	float: left;
	margin-right: 10px;
}

#edit-secondary-wrapper {
	float: none;
	clear: both;
}

#edit-search-wrapper {
	width: 100%;
}

#edit-search-wrapper label {
	float: left;
	display: inline-block;
	margin-right: 10px;
}

#edit-search-wrapper input {
	width: 90%;
}

#edit-secondary-wrapper .description {
	display: none;
}

#edit-date-filter-min-wrapper label {
	display: inline-block;
	float: left;
	margin-right: 20px;
	width: 130px;
}

#edit-date-filter-max-wrapper label {
	display: inline-block;
	float: left;
	width: 25px;
}

#views-exposed-form-search-page .form-item.form-type-textfield.form-item-title label, 
.form-item-items-per-page label, 
.form-item.form-type-textfield.form-item-body label, 
.form-item.form-type-select.form-item-pm label {
	display: inline-block;
	float: left;
	width: 150px;
}

#edit-date-filter-min-wrapper {
	float: left;
}

#edit-date-filter-max-wrapper {
	display: inline-block;
}

#edit-date-filter-min-wrapper,
#edit-date-filter-max-wrapper,
.form-item.form-type-textfield.form-item-title, 
.form-item.form-type-textfield.form-item-body, 
.form-item.form-type-select.form-item-pm,
#edit-secondary-wrapper .form-item-items-per-page {
	margin-bottom: 20px;
}

#edit-date-filter-min-wrapper input, 
#edit-date-filter-max-wrapper input {
	width: 100px;
	text-align: center;
}

.bef-secondary-options {
	padding-left: 30px;
}

.form-item.form-type-textfield.form-item-body input {
	width: 75%;
}

#edit-secondary legend {
	margin-bottom: 10px;
}

#edit-secondary {
	padding-left: 40px;
}

#block-system-main li.pager-previous a {
	width: 70px;
}

.trans-404 {
	padding: 10px;
	margin: 10px;
	border: 1px solid #666;
}

.responsive-layout-mobile #block-crest-block-crest-block {
	float: none;
}

.responsive-layout-mobile #block-block-1 h1,
.responsive-layout-mobile #block-block-1 h2 {
	text-align: center;
}

.responsive-layout-mobile #views-exposed-form-search-page {
	padding: 0 20px 20px;
}

.responsive-layout-mobile .transcript-pm, 
.responsive-layout-mobile .transcript-dates {
	width: 97%;
	height: auto;
}

.subject-spans {
	font-weight: bold;
	margin-right: 10px;
}
.location-spans {
	font-weight: bold;
	margin-right: 10px;
}

pre {
	border: 1px solid #c6c6c6;
	background-color: #ebebeb;
	padding: 10px;
	font-family: Consolas,monospace;
}

.transcript-body ul,
.field-name-body ul {
	margin-left: 40px;
	margin-top: -10px;
}

.container-inline-date .form-item {
	width: 100%;
}

.container-inline-date .form-item label {
	float: left;
	width: 150px;
}

#edit-field-release-date-value-min-wrapper {
	float: left;
}

#edit-field-release-date-value-max-wrapper {
	display: inline-block;
	margin-bottom: 20px;
}

#edit-field-release-date-value-max-wrapper .container-inline-date .form-item label {
	width: 30px;
}

#edit-field-release-date-value-min-wrapper input.form-text, 
#edit-field-release-date-value-max-wrapper input.form-text {
	width: 90px;
	text-align: center;
}

.context-about-collection h1.title, 
.context-on-this-day h1.title {
	display: none;
}

.context-on-this-day h1.title.dont-hide {
	display: block;
}





/*
Thanks Steve for the 'On This Day' query
*/