/* NB. section-intro on film pages should be removed when the templates are updated to use only intro */
body {
	font-family: Helvetica,Arial,sans-serif;
}
@media (min-width: 992px) {
body {
	background: url("/ArticleMedia/Images/branding/bfi-southbank-seat-background-A-2919.jpg") top center no-repeat #000000;
}
}
@media (max-width: 992px) {
body {
	background: url("/ArticleMedia/Images/branding/light_grain.png") top left repeat #000000;
}
}
#content {
	background: url("/ArticleMedia/Images/branding/light_grain.png") top left repeat #ffffff;
}
.footer-content {
	background-color: #000;
}
.footer-content {
	color: #ccc;
}
.footer-content a,
.footer-content a:visited,
.footer-content a:hover {
	color: #fff;
}
/* Workaround when embedding button styles directly in the WYSIWGY */
.btn-primary a:visited {
	color: #fff;
}
a {
    color: #1269b0;
    text-decoration: none;
}
a:hover,
a:visited {
    /* color: #115b98; */
}
/* Header styling at more than 992px */
@media screen and (min-width: 992px) {
#header {
    padding: 36px 0 9px;
}
.header-content {
	display: none;
}
#customer-order-info {
	background: url("/ArticleMedia/Images/branding/bfi-white-28x29.png") left top no-repeat;
}
/* Menu colour styling at more than 992px */
.menuContainer.main-nav .nav .menuTopItem .menu_item {
	padding: 10px;
}
#menuTopItem0 {
	padding-left: 2px
}
.menuContainer.main-nav .nav .menuTopItem {
	border-right: 1px solid #555;
}
#menu #menuTop .menuTopItem {
	background-color: #000;
}
#menu #menuTop .menuTopItem a,
#menu #menuTop .menuTopItem a:hover,
#menu #menuTop .menuTopItem a:focus {
	color: #fff;
}
#menu #menuTop .menuTopItem a:hover,
#menu #menuTop .menuTopItem a:focus {
	text-decoration: underline;
}
#menu #menuTop .menuTopItem .menuSubItem a,
#menu #menuTop .menuTopItem .menuSubItem a:hover,
#menu #menuTop .menuTopItem .menuSubItem a:focus {
	color: #1269b0;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: #000;
}
}
/* Header styling at less than 922px */
@media screen and (max-width: 992px) {
	#header {
	background: rgba(0,0,0,0.9);
    padding: 0;
}
.header-content {
	min-height: 100px;
	padding: 10px 0 10px 75px;
}
.menu-toggle.btn-default {
    margin-top: -27px;
}
/* Menu colour styling at less than 992px */
#menu #menuTop .menuTopItem a,
#menu #menuTop .menuTopItem a:hover,
#menu #menuTop .menuTopItem a:focus {
	color: #000;
}
#menu #menuTop .menuTopItem a:hover,
#menu #menuTop .menuTopItem a:focus {
	text-decoration: underline;
}
#menu #menuTop .menuTopItem .menuSubItem a,
#menu #menuTop .menuTopItem .menuSubItem a:hover,
#menu #menuTop .menuTopItem .menuSubItem a:focus {
	color: #000;
}
}
/* Menu responsive widths */
@media (min-width: 992px) {
#menu {
	background: none;
	padding: 0;
}
.menuContainer.main-nav {
	background-color: #000;
	width: 970px;
}
}
@media (min-width: 1200px) {
#menu {
	background: none;
}
.menuContainer.main-nav {
	background-color: #000;
	width: 1170px;
}
}
/* Crumbtrail */
.bfi-breadcrumb {
    background: transparent;
    font-size: 0.9em;
    margin: -109px 0 0 -15px;
    position: relative;
    z-index: 1;
}
@media screen and ( max-width: 515px ) {
.bfi-breadcrumb {
    margin: -180px 0 0 -15px;
}
}
/* Ads */
.ads-leaderboard-desktop {
	padding-top: 80px;
}
.ads-tertiary {
	padding-bottom: 15px;
}
.ads-leaderboard-desktop,
.ads-leaderboard-mobile,
.ads-tertiary {
	font-size: 80%
}
/* Hide leaderboards */
@media only screen and (max-width: 768px) {
.ads-leaderboard-desktop,
.ads-leaderboard-mobile {
	display: none;
}
}
@media only screen and (min-width: 768px) {
.ads-leaderboard-mobile {
	display: none;
}
}
/* Hide the date search box */
#content .search-box .item-search-start-date,
#content .search-box .item-search-end-date {
	display: none;
}
/* Float keyword search box left
*/
#searchBox {
	float: left;
	margin: 23px 0 10px 0;
	position: relative;
	z-index: 2;
}
/* Minimum over-ride for responsive layout - width for sidebar at wider than 992px */
@media screen and (min-width: 992px) {
.articles.has-secondary-features.has-tertiary-features .article-container.main-article-body {
	width: 75%;
}
}
/* Hide elements of the widget output for AV Performances */
.item-image,
.start-date-label,
.item-teaser,
#film-article .item-name {
	display: none;
}
/* special style to display the Performance item-teaser where it's required to clarify booking action */
#film-article .show-item-name .item-teaser {
	display: unset;
	font-size: 0.9em;
}
.articles .article-container.secondary-linked-features {
	display: none;
}
/* Search results styling */
#search {
	margin-bottom: 20px;
	padding: 0;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
}
#search .odd {
	background: #fff;
}
#search .even {
	background: #eee;
}
.detailed-search-results {
	margin: 0 !important;
}
/* typography */
h1,h2,h3,h4,h5,h6,.intro,.section-intro {
	font-family: "adelle-1","adelle-2",georgia;
}
h1 {
    font-size: 3.6em;
    letter-spacing: -1px;
}
h2 {
	font-size: 2.3em;
	letter-spacing: -1px;
	line-height: 1.1;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 2em;
    line-height: 1;
}
.intro,
.section-intro {
    font-size: 1.4em;
    line-height: 1.3;
    margin-bottom: 1.2em
}
.editorial-component .intro {
    font-size: 1.3em;
}
/* Reduce heading sizes for small screen widths */
@media only screen and (max-width: 768px) {
h1 {
    font-size: 3em;
    letter-spacing: -1px;
}
}
@media only screen and (max-width: 480px) {
h1 {
    font-size: 2.4em;
    letter-spacing: -1px;
}
h2 {
	font-size: 1.8em;
}
.intro,
.section-intro {
    font-size: 1.2em;
}
}
/* Roughly align pages with main BFI styling */
.editorial-component,
#login #av_right .accountBox,
#loginDelivery .sectionBox,
#orderContact .sectionBox,
#orderContact .paymentBox,
#viewOrder .attention,
#maintainAccount #accountHeader,
#accountInformation #accountHeader,
#changePassword #accountHeader,
.credits {
	overflow: hidden;
	background: #fff;
	padding: 10px 5px 5px 5px;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	margin-bottom: 20px;
}
.editorial-component a.button {
	font-family: Adelle-1,Helvetica,Arial,sans-serif;
	font-size: 13px;
	float: right;
	padding: 9px 12px 8px 12px;
	margin-right: 10px;
	background-color: #094a94;
	color: #ffffff;
}
.editorial-component a.button:after {
	content: url(../../Images/BFI-Branding/arrow-right.png);
	margin-left: 10px;
}
.editorial-component p {
	margin: 0;
}
.editorial-component p.intro,
.editorial-component p.section-intro {
	padding: 0 10px 10px 10px;
}
.editorial-component p.section-intro {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 120%;
}
.editorial-component h2 {
	padding: 0 10px 0 10px;
	clear: none;
}
.editorial-component h4 {
	margin-bottom: 6px;
}
.editorial-component img {
	padding-bottom: 10px;
}
.primary ul,
.vertical ul,
.horizontal ul {
	padding: 0;
	list-style-type: none;
}
/* Primary component */
.primary li {
	padding: 0 10px 10px 10px;
	clear: left;
}
.primary img {
	float: right;
	margin: 0 0 20px 15px;
	max-width: 36%;
}
/* Vertical components */
.vertical li {
	padding: 0 10px 10px 10px;
	clear: left;
}
.vertical img {
	float: left;
	margin: 0 15px 20px 0;
	max-width: 31%;
}
/* Horizontal components */
.horizontal li {
	float: left;
	max-width: 31%;
	margin: 0 20px 0 9px;
}
.secondary {
	background: rgba(255,255,255,0.5);
}
.search-results-container {
	margin-bottom: 10px;
}
.credits {
	padding: 20px;
	margin-top: 10px;
}
.description {
	font-size: 1.15em;
}
/* Sponsor alignments */
.sponsor-credit {
	clear: both;
	margin: 10px 0 10px 0;
}
.sponsor-credit p {
	font-size: 0.9em;
	padding: 0 0 5px 10px;
}
.sponsor-credit img {
	margin: 0 0 0 10px;
	max-width: 100%;
}
/* Roughly align sidebars with main BFI styling */
.side-box-text {
	padding: 15px 15px 3px 15px;
	background-color: rgba(255,255,255,0.5);
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	margin-bottom: 15px;
}
.side-box img {
	padding: 0;
}
#content #promoCodeBox {
	padding: 5px 15px;
	background-color: #f6f6f6;
	border-radius: 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* Override Bootstrap button colour for consistency */
.btn-primary {
    color: #fff;
    background-color: #094a94;
    border-color: #094a94;
}
/* Responsive video */
/* https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 30px; /* BFI video control bar is 30px high */
	height: 0;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* IMPORTANT GIFT AID STYLING */
input[type="button"]:disabled,
input[type="submit"]:disabled {
cursor: default;
background-color: #AAA;
color: #DDD;
}
/* temporary styling for Radio Times Festival new event flash - 6 Feb 2017 */
.new-event-wrapper{
position:relative;
}
.new-event-img{
position:absolute;
top:0px;
left:0px;
}