/* ---------------------------------------------------------
CSS Document for bslzone.co.uk
Author: richardtidmarsh.com

BSL ZONE COLOURS:

bsl-blue: #0774a7
bsl-blue - light : #aacedf
bsl-blue - dark : #035175

latest orange: #cd6304
latest orange - light: #fd8820
latest orange - dark: #a35108;

---------------------------------------------------------*/

body {
	font: 0.9em 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 1.6em;
	background: #21252f;
}

a, 
#back-top span,
.overlay li.nav-dropdown a i, 
.flex-caption, 
#user-nav form input.inputbox, 
input#mc-embedded-subscribe, 
input.email, 
div.category-item .category-details, 
div.prog-item,
div.prog-item div.prog-details, 
.latest-theme h1, 
.support-us h2, 
.expand-control span, 
a span.fa:before, 
#you-might-like ul.slides li a span.fa, 
a.thumbnail-link img.thumb,
.homepage-feature-item .text-wrapper {
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
    transform: translateZ(0);
	text-decoration:none;
}

.fa:before {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
/* ---------------------------------------------------------
- Header
---------------------------------------------------------*/

header#site-header {
	position:relative;
	border-bottom: 3px solid #0774a7;
	background: #21252f;
	height: 160px;
	padding:15px 0 0;
	position: relative;
	z-index: 5;
}

header.triggered {
	z-index: 1000;
}

.latest header#site-header,
.news header#site-header {
	border-bottom: 3px solid #cd6304;
}

.logo {
	position: relative;
	z-index: 5;
}

.logo img {
	margin:-10px 0 30px -15px;
}

#hdr-logo {
	display: block;
    height: 80px;
    font-size: 170%;
	left: 8px;
    position: absolute;
    top: 5px;
    width: 200px;
	z-index: 5;
}

.ie7 #hdr-logo,
.ie8 #hdr-logo {
	background-image: url(../images/theme-graphics/bslzone-logo.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}

#hdr-logo svg {
    height: 100%;
    width: 100%;
}

.ie7 #hdr-logo svg,
.ie8 #hdr-logo svg,
.mod-outreach {
    display: none;
}

.hdr-strapline {
	color:#fff;
	font-size:100%;
	left:13px;
	position:absolute;
	top:90px;
}

div.nav-container {
	background:#383d49;
	bottom: 0;
	height:34px;
	position: absolute;
	width:100%;
}

nav ul.main-nav {
	display:block;
	width:940px;
	margin:0 auto;
	z-index:2;
}

.wide-screen-nav {
	display: block;
}

.small-screen-nav {
	display: none;
}

nav ul.main-nav.triggered {
	z-index: 200!important;
}

nav ul.main-nav li {
	display: inline-block; 
	zoom: 1; 
	*display: inline;
	width:20%;
}

nav ul.main-nav li:first-child {
	background:none;
}

nav ul.main-nav a {
	display:block;
	color:#fff;
	line-height:34px;
	font-size:130%;
	white-space:nowrap;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
}

nav ul.main-nav li.nav-selected a, nav ul.main-nav li.nav-path-selected a, .category li.nav-item-119 a {
	color:#fff;
	background: #0774a7;
}

nav ul.main-nav li.nav-selected.nav-item-123 a,
nav ul.main-nav li.nav-item-123.nav-path-selected a,
nav ul.main-nav li.nav-item-123 a:hover {
	background: #47891e;
}

nav ul.main-nav li.nav-selected.nav-item-124 a, nav ul.main-nav li.nav-item-124.nav-path-selected a {
	background: #cd6304;
}

nav ul.main-nav a:hover {
	color:#fff;
	background: #035175;
}

nav ul.main-nav li.nav-item-124 a:hover {
	background: #cd6304;
}

nav ul.main-nav a#news:hover, nav ul.main-nav li.nav-selected a#news {
	color: #cd6304;
	border-bottom:7px solid #cd6304;
}

nav ul.main-nav a:hover span, nav ul.main-nav li.nav-selected a span {
	color:#231f20;
}
	
.overlay-close {
	background: #0774a7;
	color: #fff;
	font-size: 190%;
	height: 40px;
	line-height: 36px;
	padding: 0 10px;
	position: absolute;
	text-align: center;
	top: 15px;
    right: 0;
    width:20px;
}

.overlay-close:hover {
	background-color:#035175;
	color: #fff;
}

.overlay {
	display: none;
	background: rgba(33, 37, 47, 0.98);
	min-height: 100%;
	padding-bottom: 100px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 101;
}

.overlay ul {
	padding-top: 60px; 
}
.overlay ul ul {
	background: #414756; 
	padding-top: 0; 
}

.overlay li {
	border-top: 2px solid #2f456b; 
}

.overlay li ul li {
	border-top: 2px solid #445b81; 
}

.overlay li a {
	color: #fff;
	display: block;
	font-size: 150%;
	padding: 20px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
}

.overlay dt.open a {
	background: #0774a7;
}

.overlay li.nav-dropdown a i {
	font-size: 140%;
	position: absolute;
	right: 10px;
}

.overlay li.nav-dropdown dt.open a i {
	transform: rotate(-180deg);
}

.overlay li a:hover {
	background: #2d323d;
	color: #fff;
}

.overlay li:first-child {
	border-top: none;
}

.overlay .second-level dd {
	display: none;
}

.overlay li.overlay-button {
	border: none;
	margin-top: 10px;
}

.overlay li.overlay-button a span.fa:before {
	left: 13px;
	top: 13px;
}

#user-nav {
	float: right;
	margin:10px 10px 0 0;
	text-align: right;
	width: 400px;
}

#user-nav li {
	display: inline-block; 
	zoom: 1; 
	*display: inline;
	margin:0 0 12px 10px;
	width: 40px;
	height: 40px;
	vertical-align: top;
}

#user-nav li.hdr-btn a {
	background: #0774a7;
	color: #fff;
	display: block;
	font-size: 100%;
	font-weight: 300;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	position: relative;
	text-align: right;
	text-decoration: none;
}

#user-nav li.hdr-btn a:hover {
	background-color:#035175;
}

#user-nav li.hdr-btn a span.label {
	display: inline;
}

span.fa:before {
	font-size: 200%;
	height: 40px;
	line-height: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}

#user-nav li.hdr-btn a span.hidden-label,
#user-nav li.hdr-btn#nav-trigger,
#user-nav li.hdr-btn#search-trigger {
	display: none;
}

#user-nav li.hdr-btn#contact {
	width: 120px;
}

#user-nav li.hdr-btn#tv-schedule {
	width: 146px;
}

#user-nav li.hdr-btn#contact a span.fa:before {
	left: 5px;
}

#user-nav li.hdr-btn#tv-schedule a span.fa:before {
	left: 5px;
	top: 2px;
}

#user-nav li.hdr-btn#nav-trigger.triggered a,
#user-nav li.hdr-btn#search-trigger.triggered a {
	background-color: #035175;
}

#user-nav li.hdr-btn a span.fa-times,
#user-nav li.hdr-btn.triggered a span.fa-bars,
#user-nav li.hdr-btn.triggered a span.fa-search {
	display: none;
}

#user-nav li.hdr-btn.triggered a span.fa-times {
	display: block;
}

#user-nav li#search-form {
	position: relative;
	width: 227px;
}

.search-container form input.inputbox {
	background: #fff;
	border: none;
	border-left: 5px solid #0774a7;
	color: #383d49;
	font:1em  'Lato', 'Helvetica Neue', Helvetica, Arial,sans-serif;
	height: 40px;
	right: 10px;
	line-height: 40px;
	padding: 0 40px 0 10px;
	position: absolute;
	top: 0;
	width: 55px;
	z-index: 1;
}

.search-container form input.inputbox:focus {
	background: #fff;
	color: #383d49;
	outline: none;
	width: 200px;
}

.search-container form button.searchbtn {
	background: #0774a7;
	border-radius: 0;
	font-size: 90%;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	z-index: 4;
}

.search-container form button.searchbtn:hover,
.search-container form button.searchbtn:active {
	background-color: #035175;
}

#mobile-search .search-container form {
	display: block;
    position: relative;
    width: 100%;
}

#mobile-search .search-container form input.inputbox,
#mobile-search .search-container form input.inputbox:focus {
	width: 356px;
}

/* ---------------------------------------------------------
- Main Body
---------------------------------------------------------*/

.main-body {
	background: #fdfdfd;
	min-height:400px;
	padding-bottom: 20px;
	height:auto !important;
	height:400px;
	z-index: 4;
}

.home .main-body {
	padding-bottom:0;
}

.main-content ul li, 
.video-preview-container ul li, 
#player-wrapper .expander li {
	list-style-image:url(../images/theme-graphics/bullet-lrg.gif);
	margin-left:15px;
	padding-left:5px;
	padding-bottom:10px;
}

.main-body ul.nav ul {
	margin:0 0 0 8px;
}

.main-body ul.nav a {
	font-weight:normal;
	display:block;
	padding:0 5px
}

.main-content ol, 
.main-content ul, 
.video-preview-container ul, 
.video-preview-container ol {
	padding:0 0 20px 5px;
	color:#383d49;
}

.whats-on .main-content ul {
	padding:0 0 0 5px;
}

.main-content ol li {
	list-style:decimal;
	margin-left:24px;
	padding:0 0 8px;
}

.main-content img, .video-container img {
	max-width:100%;
	height:auto;
}

/* ---------------------------------------------------------
- Breadcrumb
---------------------------------------------------------*/

.breadcrumb {
	padding:10px 0;
	height:35px;
	z-index: 4;
}

.swp-breadcrumbs {
	margin-top:0;
	font-size:85%;
	color:#666;
}

.swp-breadcrumbs a {
	color:#383d49;
	text-decoration:underline;
}

.swp-breadcrumbs a:hover {
	text-decoration:none;
	color:#0774a7;
}

#share-links {
	background: #383d49;
	display: block;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	width: 180px;
}

.category #share-links {
	left: 0;
	position: relative;
}

.bsl-zone #share-links {
	left: 40px;
	position: relative;
}

.whats-on.bsl-zone #share-links {
	border-right: 3px solid #fff;
	left: auto;
}

#share-links ul {
	position: absolute;
	right: 0;
}

#share-links li {
	float: left;
	height: 30px;
	width: 33px;
}

#share-links a {
	border-left: 3px solid #fff;
	display: block;
	height: 30px;
	position: relative;
	width: 30px;
}

#share-links a#share-link-twitter {
	background: #1DA1F2;
}

#share-links a#share-link-facebook {
	background: #3b5998;
}

#share-links a#share-link-gplus {
	background: #dd4b39;
}

#share-links a span.hidden-label,
.search-results #share-links {
	display: none;
}

#share-links div.label {
	color: #fff;
	display: inline-block;
	font-size: 1em;
	left: 0;
	line-height: 1em;
	padding: 0;
	position: absolute;
	vertical-align: top;
	width:80px;
}

#share-links div.label .fa-share-alt {
	height: 30px;
	width: 30px;
}

#share-links span.fa:before {
	color: #fff;
	font-size: 20px;
	height: 30px;
	line-height: 31px;
	text-indent: center;
	width: 30px;
}

#share-links div.label span.text {
	left: 36px;
	position: absolute;
	top: 8px;

}

#share-links a#share-link-twitter:hover {
	background: #188ed7;
}

#share-links a#share-link-facebook:hover {
	background: #2d477e;
}

#share-links a#share-link-gplus:hover {
	background: #c03f2f;
}


/* ---------------------------------------------------------
- Paging controls
---------------------------------------------------------*/

.paging a {
	font-size:85%;
}

.ccm-next-previous-previouslink {
	margin-bottom:15px;
}

/* ---------------------------------------------------------
- Footer
---------------------------------------------------------*/

footer {
	background: #21252f;
	color:#fff;
	padding:20px 0 40px;
}

footer h1 {
	color: #fff!important;
	padding:0;
	margin:0 0 5px;
	font-size:110%;
	text-transform:none;
}

footer li, footer p {
	color:#fff;
	line-height:20px;
	font-size:90%;
}

footer a {
	color:#9fbfde;
	font-weight:normal;
}

footer ul.nav li {
	list-style-image:url(../images/theme-graphics/bullet-ftr-sq.gif);
	margin-left:13px;
	line-height:16px;
	padding-bottom:3px;
}

input.email {
	background:#fff;
	border:0;
	color: #000!important;
	font: 1em  'Lato', 'Helvetica Neue', Helvetica, Arial,sans-serif;
	float:left;
	width:135px;
	padding:5px;
	margin-bottom: 10px;
	height:20px;
	color:#000;
	font-size:90%;
	-webkit-appearance: none;
	z-index: 2;
}

input#mc-embedded-subscribe {
	font:1em  'Lato', 'Helvetica Neue', Helvetica, Arial,sans-serif;
	display: block;
	border:none;
	border-radius: 0;
	width:34%;
	margin-bottom: 10px;
	padding:5px;
	line-height:20px;
	height:30px;
	cursor:pointer;
	color:#fff;
	-webkit-appearance: none;
	z-index: 3;
}

input:required {
    box-shadow:none;
}
input:invalid {
    box-shadow:0;
}

.footer-social {
	position: relative;
}

.footer-social h1 {
	margin-left: 20px!important;
}

.footer-social a.twittericon {
	display: block;
	height: 20px;
	position: absolute;
	top: 3px;
	right: 30px;
	width: 20px;
}

.footer-social a.twittericon span.fa:before {
	color: #9fbfde;
	font-size: 25px;
	height: 20px;
	line-height: 20px;
}

.footer-social a.twittericon:hover span.fa:before {
	color: #fff;
}

#tweet-container {
	padding:0 20px;
}

#tweet-container p.interact {
	display: none;
}

#tweet-container li {
	font-size: 100%;
	width: 100%;
}

#main-page-image {
	position: absolute;
	height: 0;
	left:-9999px;
	top: -9999px;
	width: 0;
	z-index: -10;
}

/* ---------------------------------------------------------
- Homepage
---------------------------------------------------------*/

.category-list div.category-item {
	background: #0774a7;
	float: left;
	height: 160px;
	margin:0 8px 8px 0;
	overflow: hidden;
	position: relative;
	transform: translate3d(0,0,0);
	width:229px;
}

.category-item a, .prog-item a {
	display: block;
	height: 100%;
	overflow: hidden;
	transform: translate3d(0,0,0);
    width: 100%;
    z-index: 1;
}

.category-item a {
	opacity: 1;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
    transform: translateZ(0);
}

.category-list div.category-item a:hover {
	opacity: 0.8;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.category-list div.category-item img {
	height: auto;
	max-width: 100%;
	width: 100%;
}

.category-list div.category-item:nth-child(4n+2) {
	margin:0 0 8px 0;
	width:229px;
}

.category-list div.category-item div.category-details {
	background: #0774a7;
	bottom: 0;
	padding: 10px 10px 5px;
	position: absolute;
	width: 209px;
	z-index: 2;
}

.category-list div.category-item:hover div.category-details {
	background: #035175;
	padding: 10px;
}

.category-list div.category-item h2 {
	color: #fff;
	font-size: 120%;
	line-height: 1em;
	margin: 0;
	padding: 0 0 5px;
}

::-webkit-input-placeholder {
	color:#000;
	font-size:90%;
}

.support-us {
	border:5px solid #383d49;
	float: right;
	height: 170px!important;
	margin:0 0 8px 0;
	padding: 0 0;
	overflow:hidden!important;
	text-decoration: none;
	width: 218px;
}

.support-us:hover {
	border:5px solid #0774a7;
}

.support-us h2 {
	background: #383d49;
	color: #fff;
	font-size: 140%;
	line-height: 1.6em;
	padding: 0 0 0 5%;
	position: absolute;
	right: 0;
	text-align: left;
	top: 20px;
	width:47%;
	z-index: 100;
}

.support-us:hover h2 {
	background: #0774a7;
	width:50%;
}

.support-us p {
	color: #383d49;
	font-size: 100%;
	font-weight: 300;
	line-height: 1.2em;
	padding: 60px 15px 20px 0;
	text-decoration: none;
}

.support-us p.read-more {
	text-decoration: underline;
	color: #21252f;
	padding: 0;
}

.support-us:hover p.read-more {
	text-decoration: none;
	color: #0774a7;
}

.support-us div.thumbnail {
	float: left;
	height: 180px;
	margin-right: 20px;
	overflow: hidden;
	width:226px;
}

.support-us div.thumbnail img {
	width: 100%;
	height: auto;
}

/* ---------------------------------------------------------
- BSL Zone / Watch section
---------------------------------------------------------*/

.container .eight.columns.category-dropdown-wrapper {
	position: relative;
}

.container .eight.columns .category-dropdown {
	display: none
}

.bsl-zone .container .eight.columns.category-dropdown-wrapper, .category .container .eight.columns.category-dropdown-wrapper {
	display: block;
}

a#category-trigger,
a#az-link {
	background: #0774a7;
	color: #fff;
	font-size: 1.2em;
	float:right;
	line-height: 30px;
	padding-left: 10px;
	position:relative;
	text-align: center;
	text-decoration: none;
	top: 0;
	width: 185px;
}

a#category-trigger span.category-label {
	font-weight: 700;
	padding-right: 5px;
}

a#category-trigger span.fa {
	height: 20px;
	right: 20px;
	position: absolute;
	top: 0;
	width: 20px;
}

a#category-trigger span.fa:before {
	font-size: 30px;
	height: 30px;
	line-height: 30px;
}

a#category-trigger.triggered span.fa:before {
	transform: rotate(-180deg);
}

a#category-trigger:hover,
a#category-trigger.triggered,
a#az-link:hover {
	background: #035175;
	color: #fff;
}

.category-dropdown {
	display: none;
	position: absolute;
	right: 0;
    top: 30px;
	width:195px;
	z-index: 100;
}

.category-dropdown li {
	background: #ebeced;
	border-top: 2px solid #fff;
	font-size: 100%!important;
}

.category-dropdown li a {
	color: #21252f;
	display: block;
	line-height: 30px;
	padding:0 8px;
	text-align: right;
	text-decoration: none;
}

.category-dropdown li a:hover {
	background: #383d49;
	color: #fff;
}

.prog-list a {
	text-decoration: none;
}

.prog-list div.prog-item {
	background: #0774a7;
	border-bottom: 5px solid #035175;
	float: left;
	height: 215px;
	margin:0 8px 8px 0;
	overflow: hidden;
	position: relative;
	width:229px;
	z-index: 1;
}

.prog-list div.prog-item:hover {
	background: #035175;
	border-bottom: 5px solid #035175;
}

.prog-list div.prog-item img {
	display: block;
	height: auto;
	max-width: 100%;
	opacity:1;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
    transform: translateZ(0);
	width: 100%;
	width: 100%;
	z-index: 2;
}

.prog-list div.prog-item:hover img {
	opacity:0.8;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.prog-list div.prog-item.last {
	margin:0 0 9px 0;
	width:229px;
}

.prog-list div.prog-item div.prog-details {
	background: #0774a7;
	padding: 5px 10px 5px;
	position: relative;
	width: 209px;
	z-index: 3;
}

.prog-list div.prog-item:hover div.prog-details {
	background: #035175;
}

.prog-list div.prog-item h2 {
	text-decoration: none;
	color: #fff;
	font-size: 120%;
	line-height: 1em;
	/* height: 40px; */
	margin: 0;
	padding: 0 0 5px;
}

.prog-list div.prog-item p {
	border-top: 3px solid #0774a7;
	color: #fff;
	font-size: 100%;
	font-weight: 300;
	line-height: 1.3em;
	margin: 0;
	padding: 10px 0 0;
}

/* A - Z list */

.a-z h1 {
	color: #0774a7; 
	margin-top: 20px;
}

.az-list {
	display: none;
}

.az-list div.prog-item {
	display: inline-block;
	margin: 0 1% 15px 0;
	vertical-align: top;
	width: 32%;
}

.az-list div.prog-item img {
	float: left;
	width: 40%;
}

.az-list div.prog-item .prog-details {
	float: right;
	width: 58%;
}

.az-list div.prog-item h2 {
	color: #0774a7;
	font-size: 120%; 
	padding: 5px 10px 5px 0;
}

.az-list div.prog-item a:hover h2 {
	color: #fff;
}

/* A-Z navigation block */

.listNav,
.ln-letters {
  overflow: hidden;
  padding: 0;
  margin: 0 0 20px;
}

.ln-letters {
    display: table;
    width: 100%;
}

.listNavHide {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.letterCountShow {
  display: block;
}

.ln-letters a {
  border: 1px solid #0774a7;
  border-right: none;
  color: #0774a7;
  display: table-cell;
  font-size: 1.4em;
  padding: 5px;
  text-decoration: none;
  text-align: center;
  width: 1%;
}

.ln-letters .ln-last {
  border-right: 1px solid #0774a7;
}

.ln-letters a:hover,
.ln-letters .ln-selected {
  background-color: #0774a7;
  color: #fff;
  font-weight: 600;
}

.ln-letters .ln-disabled {
  color: #ccc;
}

.ln-letter-count {
  color: #336699;
  font-size: 1.1em;
  left: 0;
  line-height: 1.35;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}

.ln-no-match,
.ln-init-hidden {
	background: #0774a7;
	color: #fff;
	list-style: none;
	margin: 0;
	padding: 5px;
}

.blue-header nav.tab-nav ul {
	background: #0774a7; 
	padding:0 0 0 40px;
	margin:0 -20px;
}

nav.tab-nav ul li, .mobile-sub-nav li {
	float:left;
}

nav.tab-nav ul li a {
	color:#fff;
	font-weight:normal;
	font-size:120%;
	display:block;
	line-height:32px;
	padding:0 20px;
}

.mobile-sub-nav li {
	background: #0774a7;
	margin:0 10px 10px 0;
}

.mobile-sub-nav li a {
	color:#fff;
	font-weight:normal;
	font-size:100%;
	display:block;
	line-height:28px;
	padding:0 10px;
}

nav.tab-nav ul li a:hover {
	background:#035175;
}

.mobile-sub-nav li a:hover {
	background:#035175;
}

nav.tab-nav ul li.current a, .mobile-sub-nav li.current a  {
	background:#0e375e;
	text-decoration:none;
}

.homepage-subnav {
	display:block;
}

.homepage-subnav li {
	margin:10px 5px 0 0 ;
}

.homepage-subnav li a {
	line-height:32px;
}

.blue-header form#bslzone-search-form input.text {
	width:85%;
}



.programme-list li {
	width:25%;
	float:left;
	position:relative;
}

.most-popular li {
	height:220px;
}


.programme-list li img {
	width:90%;
}

.programme-list h2 {
	text-align:left;
	padding: 0 0 5px;
	margin:0;
	line-height:16px;
	font-size:100%;
	width:80%;
}

.programme-list h2 a {
	display: block;
	font-weight:bold;
}

.programme-list li p {
	line-height:16px;
	width:90%;
	font-size:90%;
	margin-bottom:5px;
	padding-bottom:0;
}

.programme-list li a:hover {
	background:none;
}

.programme-list li h2 a:hover, .programme-list li p a:hover {
	background:#0774a7;
	color:#fff;
}


/* ---------------------------------------------------------
- BSL ZONE Player
---------------------------------------------------------*/

#player-wrapper {
	padding:0 0 20px;
}

.wistia_responsive_padding {
	margin-bottom: 20px;
}

.bslzone-player {
	min-height:730px;
	height:auto !important;
	height:730px;
}

.bslzone-player .responsive-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
}

#player-wrapper .expander a {
	color:#0774a7;
}

#player-wrapper .expander a:hover {
	color:#fff;
	background:#0774a7;
}

.expander {
	display: none;
}

.edit-mode .expander {
	display:block;
}

.expand-control p {
	color:#0774a7;
	cursor:pointer;
	font-size: 100%;
	font-weight:bold;
	height:16px;
	line-height:16px;
	padding:0 0 0 25px;
	position: relative;
	margin:0;
	width: 110px;
}

.expand-control p:hover, .latest .expand-control p:hover {
	color:#21252F;
}	

.expand-control span {
	font-size: 80%;
	height:16px;
	position: absolute;
	left: 0;
	top: 0;
	width:16px;
}

.expand-control span:before {
	height:16px;
	line-height:16px;
	width: 16px;
}

.control-hide, .edit-mode .expand-control {
	display:none;
}

.latest .expand-control p {
	color:#cd6304;
}

.latest .control-show  span {
	background-position: -204px -181px;
}

.latest .control-hide span {
	background-position: -204px -202px;
}

.latest .control-show:hover  span {
	background-position: -204px -179px;
}

.latest .control-hide:hover span {
	background-position: -204px -204px;
}

/* ---------------------------------------------------------
- General
---------------------------------------------------------*/

.fade_element {
	display:none;
}

.padding_top_20 {
	padding-top:15px;
}

.padding_bottom_15 {
	padding-bottom:15px;
}

.margin_top_20 {
	margin-top:20px!important;
}

.bsl-section {
	padding:0 0 20px;
	border-bottom: 5px solid #e4e4e4;
	position:relative;
}

.bsl-section-no-sep {
	padding:0 0 20px;
	position:relative;
}

.fade-element {
	display:none;
}

.article-list {
	margin-bottom:15px;
}

.article-list li {
	border-bottom: 5px solid #e4e4e4;
	padding:20px 0;
}

.article-list img {
	float:left;
	width:37%;
	padding:0 2% 0 0;
}

.article-list div {
	float:right;
	padding-right: 5%;
	width:55%;
}

.article-list div.tonyRssLink {
	float: left;
    margin: 10px 0;
    width: auto;
}

.article-list div.tonyRssLink img {
	width: 100%;
}

.main-content ul.article-list.programmes {
	padding: 0 0 20px 0;
}

.main-content ul.article-list.programmes li {
	list-style-image: none;
	padding: 0 0 20px;
	margin: 0 0 20px;
}

.five .article-list img, .six .article-list img, .seven .article-list img {
	float:left;
	width:33%;
	padding-right:2%;
}

.five .article-list div, .six .article-list div, .seven .article-list div {
	float:right;
	width:65%;
}

.article-list h2 {
	font-size:120%;
}

.article-list h3 {
	font-size:80%;
	margin:-5px 0 0;
	padding:1px 0 4px;
	color:#8a8a8a;
	line-height:15px;
}

.article-list p {
	font-size:100%;
	line-height:18px;
	padding:0;
}

.article-list p a {
	font-weight:normal;
}

.article-list div.rssIcon {
	width:100%;
	float:none;
	padding-top:10px;
}

.article-list div.rssIcon a {
	text-decoration:none;
	padding:2px;
	font-weight:normal;
	line-height:20px;
	font-size:85%;
	color:#383d49;
	text-decoration:underline;
}

.article-list div.rssIcon a:hover {
	color:#000;
	background:none;
	text-decoration:none;
}

.rssIcon img {
	width:auto;
	padding:0;
	float:none;
	padding-left:5px;
	margin-bottom:-3px;
}

.view-all-link {
	width:50%;
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;
}

.article-list-noimages div {
	clear:both;
	width:100%;
}

p.read-more {
	padding:0;
	font-size:90%;
}

p.read-more a {
	font-weight:normal;
}

div.post-date {
	text-align:right;
	margin:-5px 0 5px;
	font-size:85%;
	padding:0 5px 0 0;
	line-height:15px;
}

.rss-link {
	background: #cd6304;
	color: #fff!important;
	display: inline-block; 
	zoom: 1; 
	*display: inline;
	line-height: 40px;
	margin: 20px 0 0;
	padding: 0 12px;
	text-decoration: none;
}

.rss-link span.fa::before {
	color: #fff;
	font-size: 26px;
	line-height: 40px;
	position: relative;	
	padding: 0 5px 0 0;
}

.rss-link:hover {
	background: #a35108!important;
}

.staff-container {
	width:45%;
	float:left;
	margin: 0 5% 30px 0;
}

.staff-container:nth-child(odd) {
	clear:left;
}

.staff-photo {
	margin:0 0 0 -13px;
	background:url(../images/theme-graphics/bg-people.png) no-repeat;
}

.staff-photo img {
	border:3px solid #fff;
	margin:17px 14px;
}

.staff-details {
	float:right;
	height:122px;
	border-bottom: 5px solid #0774a7;
	width:55%;
}

.staff-details h2 {
	color:#383d49;
	font-size:130%;
	padding:0!important;
	margin:30px 0 5px;
}

.staff-details h3 {
	font-size:95%;
	color:#0774a7;
	line-height: 1.2em;
	padding:0;
}

.addcontent-container {
	background:url(../images/theme-graphics/bg-home-welcome-r.gif) center repeat-y;
}

.hidden-content {
	display:none;
}

.hidden-content-revealed {
	display:block;
	background:#e4e4e4;
	border:5px solid #ff0000;
}
.hidden-content-revealed div {
	padding:20px 0;
}

.hidden-content-revealed h1 {
	font-size:110%;
	font-weight:bold;
	color:#fff;
	background:#ff0000;
	padding:3px 5px;
}

.hidden-content-revealed h2, .hidden-content-revealed h3 {
	font-size:110%;
	font-weight:bold;
	color:#fff;
	background:#000;
	width:50%;
	padding:3px 5px;
}


.hidden-content-revealed ul, .hidden-content-revealed ol {
	margin-left:10px;
	list-style:inherit;
	padding-bottom:15px;
}

.error-message {
	color:#ff0000;
}

hr {
	margin:10px 0 20px;
	height:5px;
	display:block;
	border:0;
	background: #e4e4e4;
}

.map-menu-icon {
	padding:3px 2px 0 13px;
	margin-bottom:-2px;
}

.map-menu img:first-child {
	padding:3px 2px 0 0;
}

#advert-banner p a, #advert-banner a {
	display:block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#advert-banner a img {
	border-bottom: 5px solid #e4e4e4;
	max-width:100%;
	height:auto;
	padding-bottom:20px;
	margin-bottom:10px;
}

#advert-banner a:hover {
	opacity:0.8;
}

.programme_page_2col .wistia_responsive_padding {
	margin: 10px 0 15px;
}

.linked-mod-section-wrapper {
	background: #21252f; 
	padding: 20px 30px 30px;
}

.linked-mod-section-wrapper h1,
.linked-mod-section-wrapper h2,
.linked-mod-section-wrapper p {
	color: #fff!important;
}

.img-replace span {
	display: block;
	margin-bottom: 10px;
}

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

/* ---------------------------------------------------------
GCS Search reults list 
---------------------------------------------------------- */


#bslzone-gsc * {
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#bslzone-gsc .gsc-above-wrapper-area {
    border-bottom: 5px solid #e4e4e4;
}

#bslzone-gsc .gsc-results {
    width: 100%;
}

#bslzone-gsc .gsc-webResult.gsc-result {
    border-bottom: 5px solid #e4e4e4;
    padding: 20px 0;
}

#bslzone-gsc .gsc-control-cse,
#bslzone-gsc .gsc-table-result,
#bslzone-gsc .gsc-thumbnail-inside, 
#bslzone-gsc .gsc-url-top {
    padding: 0;
}

#bslzone-gsc .gsc-result .gs-title {
    height: auto;
}

#bslzone-gsc a.gs-title {
    font-size: 110%;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0 0 10px;
    overflow: visible;
}

#bslzone-gsc b {
	background: #a8d6ec;
    font-size: 100%;
    font-weight: 600;
}

#bslzone-gsc a.gs-title:hover {
	color: #fff;
}

#bslzone-gsc a.gs-image:hover {
	background: none;
}

#bslzone-gsc .gsc-adBlock,
#bslzone-gsc .gs-webResult div.gs-visibleUrl,
#bslzone-gsc .gcsc-branding {
	display: none;
}

#bslzone-gsc .gs-image,
#bslzone-gsc .gs-web-image-box-portrait img.gs-image {
	height: 100%;
	max-height: none;
	max-width: none;
	width: 100%;
}

#bslzone-gsc .gs-web-image-box-portrait img.gs-image,
#bslzone-gsc .gs-web-image-box-landscape img.gs-image,
#bslzone-gsc .gs-image-box.gs-web-image-box.gs-web-image-box-portrait,
#bslzone-gsc .gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
	height: auto;
	margin: 0 20px 0 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    width: 250px;
}

#bslzone-gsc .gs-webResult .gs-snippet {
	color: #383d49;
	font-size: 110%;
    line-height: 1.4em;
}

#bslzone-gsc .gs-result a {
	color: #0774a7;
}

#bslzone-gsc .gs-result a:hover {
	color: #fff;
}

#bslzone-gsc .gs-no-results-result .gs-snippet {
    border: none;
    background-color: #0774a7;
    color: #fff;
    margin: 0;
}

/* ---------------------------------------------------------
- TV Schedule (LH Column template)
---------------------------------------------------------*/

.provider-details {
	background: #383d49;
	min-height:360px;
	height:auto !important;
	height:360px;
	margin: 40px 0 124px;
	position: relative;
}

.speech-bubble-top {
	position: absolute;
	top:-29px;
	width: 100%;
}

.speech-bubble-btm {
	position: absolute;
	bottom:-98px;
	width: 100%;
}

.provider-info {
	width: 100%;
}

.provider-info div {
	display: none;
	padding: 95px 0 0;
	text-align: center;
    width: 100%;
}

.provider-details h2#how {
	color: #fff;
	font-size: 200%;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 25px;
	width: 100%;
}

.provider-info div.active {
	display: block;
}

.provider-info div p {
	color: #fff;
	font-size: 140%;
	line-height: 1em;
	padding: 10px;
	text-align: center;
}

.provider-info div p span.programme-times {
	color: #e4e4e4;
	display: block;
	font-size: 80%;
	padding: 10px;
	text-align: center;
}

.provider-info div p span span {
	color: #6b7489;
}

.provider-info hr {
	margin:0 auto 10px;
	height:3px;
	background: #6b7489;
	width: 80%;
}

.provider-info img.provider-logo {
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width: 128px;
}

.service-providers {
	display: inline;
	float: left;
	margin: 20px auto;
	padding: 0!important;
	text-align: center;
	width: 100%;
}

.service-providers li {
	display: inline-block; 
	zoom: 1; 
	*display: inline;
	list-style: none;
	margin: 0 5px!important;
}

.service-providers li a {
	border-bottom: 3px solid #fdfdfd;
	border-top: 3px solid #fdfdfd;
	display: block;
}

.service-providers li a:hover {
	border-bottom: 3px solid #e4e4e4;
	border-top: 3px solid #e4e4e4;
}


.service-providers.activated li a {
	opacity: 0.6;
}

.service-providers li a.active {
	border-bottom: 3px solid #0774a7;
	border-top: 3px solid #0774a7;
	opacity: 1;
}

.service-providers li span {
	display: none;
}

p.provider-intro {
	font-size: 160%;
	margin-top: -50px;
	text-align: center;
}

/* ---------------------------------------------------------
- Awards page
---------------------------------------------------------*/

.awards form#repeating-item-edit fieldset {
	display: block;
}

.awards form#repeating-item-edit[data-repeating-item-id="1"] fieldset,
.awards form#repeating-item-edit fieldset:first-of-type {
	display: none;
}

.awards form#repeating-item-edit[data-repeating-item-id="1"] fieldset:first-of-type {
	display: block;
}

.awards div#award-intro {
	border-bottom: 5px solid #e4e4e4;
	border-top: 5px solid #e4e4e4;
	padding: 20px 270px 10px 0;
	position: relative;
}

.awards img#bsl-wreath {
	position: absolute;
	right: 10px;
	top: -70px;
	width:200px;
}

.awards .article-list.award {
	margin-bottom: 0;
}

.awards .blue .award a.thumbnail-link {
	background: #383d49;
	border-bottom: 5px solid #e39802;
	display: inline-block;
	float: left;
	position: relative;
	margin: 0 2% 0 0;
	width: 32%;
}

.award a.thumbnail-link img.thumb {
	height: auto;
	opacity: 1;
	padding: 0;
	width: 100%;
}

.award a.thumbnail-link:hover img.thumb {
	opacity: 0.6;
}

.award a.thumbnail-link img.wreath {
	float: none;
	height: 82px;
	left: 140px;
	padding: 0;
	position: absolute;
    top: 43px;
	width:82px;
}

.award table {
	float: right;
	vertical-align: top;
	width: 66%;
}

.award table tr.table-title td {
	padding: 0;
}

.award table tr.table-key {
	background: #383d49;
	color: #fff;
}

.award table td:nth-child(1) {
	width: 10%;
}

.award table td:nth-child(2) {
	width: 44%;
}

.award thead td h2 {
	overflow: hidden;
	padding: 0;
	margin: 0; 
}

.award thead td h2 a {
	background: #e39802;
	color: #fff;
	display: block;
	font-size: 100%;
	font-weight: normal;
	padding: 3px 1%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	text-decoration: none;
	width: 99%;
}

.award thead td h2 a:hover {
	background: #c38200;
}

.award tbody p {
	font-size: 100%;
}

.award tbody a {
	color: #0774a7;
}

.award tbody a:hover {
	background: #0774a7;
	color: #fff;
}

/* ---------------------------------------------------------
Partner logos
---------------------------------------------------------*/

.main-content ul.partner-logos {
	border-top: 2px solid #e4e4e4;
	border-left: 2px solid #e4e4e4;
	padding: 0;
}


.main-content ul.partner-logos li {
	border-bottom: 2px solid #e4e4e4;
	display: inline-block;
	float: left;
	list-style-image:none;
	height: 160px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 25%;
}

.main-content ul.partner-logos li .image-wrapper {
	border-right: 2px solid #e4e4e4;
	height: 90%;
	padding: 5%;
	position: relative;
	text-align: center;
	width: 90%;
}

.main-content ul.partner-logos li:nth-child(4n+4) .image-wrapper,
.main-content ul.partner-logos li:last-child .image-wrapper {
	border-right: 2px solid #e4e4e4;
}

.main-content ul.partner-logos li .image-wrapper img {
	display: block;
	margin: 0 auto;
	max-height: 100px;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 45%;
	transform: translate(-50%,-50%);
	width: auto;
	max-width: 150px;
}

ul.partner-logos li .image-wrapper h2 {
	bottom: 5%;
	color: #383d49;
	font-size: 90%;
	font-weight: 400;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 90%;
}

ul.partner-logos li .image-wrapper a h2 {
	color: #0774a7;
}

/* ---------------------------------------------------------
TV programme schedule
---------------------------------------------------------*/

.tv-programme-schedule .main-content ul.article-list {
	padding: 0;
	margin: 0;
}

.tv-programme-schedule .main-content ul.article-list li {
	list-style-image: none;
	margin: 0; 
	padding: 40px 0;
}

.tv-programme-schedule .main-content ul.article-list li:first-child {
	padding: 20px 0 40px;
}

.tv-programme-schedule .main-content ul.article-list li:last-child {
	border: none;
	padding: 40px 0 0;
	margin-bottom: -30px; 
}

.tv-programme-schedule .main-content ul.article-list h2 {
    padding: 5px 0 0;
}

.tv-programme-schedule .main-content ul.article-list span.date {
	font-size: 120%;
	font-weight: 600;
}

.tv-programme-schedule .main-content ul.article-list img {
	margin: 0 0 20px;
	padding: 0 3% 0 0;
	width: 27%;
}

.tv-programme-schedule .main-content ul.article-list .text-wrapper {
	float: right;
	padding: 0;
	width: 70%;
}

.tv-programme-schedule .main-content ul.article-list .details {
	float: left;
	padding: 0 4% 0 0;
	width: 52%;
}

.tv-programme-schedule .main-content ul.article-list .timings {
	background: #e4e4e4;
	float:right;
	margin: 0 0 20px;
	padding: 1%;
	width: 40%;
}

.tv-programme-schedule .main-content ul.article-list .timings h2 {
	color: #383d49;
	font-size: 120%; 
	font-weight: 600; 
	margin: 0 0 0 5px;
}

.tv-programme-schedule .main-content ul.article-list .timings p {
	padding: 0 5px;
	margin: 0;
}

.tv-programme-schedule .main-content ul.article-list .timings ul {
	padding: 0 5px;
	margin: 0 0 10px 15px;
}

.tv-programme-schedule .main-content ul.article-list .timings li {
	border: 0;
	list-style-image: url(../images/theme-graphics/bullet-lrg.gif);
	padding: 0 0 2px;
	margin: 0;
}

.tv-programme-schedule .main-content ul.article-list .channel-details {
	background: #e4e4e4;
	clear: both;
	margin: 10px 0 0;
	padding: 0;
	width: 100%;
}

.tv-programme-schedule .main-content ul.article-list .channel-details p {
    display: inline-block;
    float: left;
	padding: 1%;
	width: 48%;
}

.tv-programme-schedule .main-content ul.article-list .channel-details p img {
	float: left;
	margin: 0;
	width: 15%;
}

.tv-programme-schedule .main-content ul.article-list .channel-details p span {
	float: right;
	width: 80%;
}

/* ---------------------------------------------------------
- Responsive container
---------------------------------------------------------*/

.responsive-container {
	position: relative;
	padding-bottom: 56.3%; /* 16:9 */
	margin-bottom:20px;
	height: 0;
}

.responsive-container-bsl {
	padding-bottom: 75%; /* 4:3 */
}

.responsive-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.blue .responsive-container iframe {
	border-bottom:8px solid #0774a7;
}

.orange .responsive-container iframe {
	border-bottom:8px solid #cd6304;
}

.responsive-container-map {
	padding-bottom: 80%!important;
}

.map-logged-in {
	padding-bottom: 140%!important;
}

.twocols .additional-content .video-grid-item {
	display: block;
	float: left;
	margin-right: 4%;
	width: 48%;
}

.twocols .additional-content .video-grid-item:nth-child(2n+2) {
	margin-right: 0;
}

/* ---------------------------------------------------------
- Sidebar
---------------------------------------------------------*/

.sidebar {
	background:url(../images/theme-graphics/bg-home-welcome-l.gif) left repeat-y;
}

.lh-sidebar .sidebar {
	background:url(../images/theme-graphics/bg-home-welcome-l.gif) right repeat-y;
}

.sidebar h1, .sidebar h2, .sidebar p {
	margin-left:15px;
}

.lh-sidebar .sidebar h1, .lh-sidebar .sidebar h2, .lh-sidebar .sidebar p {
	margin-left:0;
	margin-right:15px;
}

#sub-nav ul {
	margin:0 0 0 25px;
	padding-bottom:10px;
}

#sub-nav ul ul {
	margin:0;
	padding-bottom:0;
}

#sub-nav li {
	padding:0;
}

#sub-nav a {
	background: #e4e4e4;
	border-left: 5px solid #d5d3d3;
	display: block;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.4em;
	margin-bottom: 2px; 
	padding: 5px 10px;
	text-decoration: none;
}

#sub-nav a:hover {
	background: #d1d1d1;
	border-left: 5px solid #0774a7;
	color: #035175;
	padding: 5px 13px;
}

#sub-nav ul ul a {
	background: #eee;
	border-left: 12px solid #d5d3d3;
	font-weight: normal;
	padding: 3px 10px;
}

#sub-nav li.nav-selected a,
#sub-nav li.nav-path-selected a {
	border-left: 5px solid #0774a7;
}

#sub-nav li.nav-selected li a,
#sub-nav li.nav-path-selected li a {
	border-left: 12px solid #d5d3d3;
}

#sub-nav li li a:hover {
	border-left: 12px solid #0774a7;
	padding: 3px 13px;
}

#sub-nav li.nav-path-selected li.nav-selected a {
	border-left: 12px solid #0774a7;
}

.sidebar div.bsl-filter {
	margin: 0;
}

.sidebar input {
	margin:0 8px 0 20px;
}

.sitemap ul ul li, #sub-nav ul ul li {
	font-size: 100%;
}

.guestBook-formBlock label span.fa::before {
	color: #383d49;
    left: auto;
    position: absolute;
    right: 50px;
    top: 0;
}

.bslzone-player .comments h2 {
	border-top: 5px solid #e4e4e4;
	color: #383d49;
    font-size: 140%;
	text-transform: none;
	padding: 10px 0 0;
	margin: 20px 0 0;
}

.ajax-form .input-row input.button {
	font-size: 120%;
	font-weight: normal;
}

.social-feedback {
	border-bottom: 5px solid #E4E4E4;
	margin: 10px 0 0;
	padding: 0 0 10px; 
}

.social-feedback li {
	display: inline-block; 
	zoom: 1; 
	*display: inline;
	margin: 0 2px 5px 0;
}

.social-feedback li a {
	background: #0774a7;
	color: #fff;
	display: block;
	font-size: 90%;
	font-weight: 300;
	padding: 5px 9px 5px 30px;
	text-decoration: none;
}

.social-feedback li a:hover {
	background: #035175;
}

.social-feedback li a span.fa::before {
	font-size: 20px;
	line-height: 36px;
    width: 34px;
}

.social-feedback li.facebook a,
#user-nav li#facebook.hdr-btn a,
.overlay-button.facebook a {
	background: #3b5998;
}

.social-feedback li.facebook a:hover,
#user-nav li#facebook.hdr-btn a:hover,
.overlay-button.facebook a:hover {
	background: #2d477e;
}

.social-feedback li.twitter a,
#user-nav li#twitter.hdr-btn a,
.overlay-button.twitter a {
	background: #1DA1F2;
}

.social-feedback li.twitter a:hover,
#user-nav li#twitter.hdr-btn a:hover,
.overlay-button.twitter a:hover {
	background: #188ed7;
}

#user-nav li#instagram.hdr-btn a,
.overlay-button.instagram a {
	background: #d93175;
	background-image: linear-gradient(-135deg, #b900b4, #f50000, #ffea03);
}

#user-nav li#instagram.hdr-btn a:hover,
.overlay-button.instagram a:hover {
	background: #AF1F5B;
	background-image: linear-gradient(-135deg, #850381, #c10505, #e4d204);
}

.news .guestBook-formBlock {
	position: relative;
	right: 0;
}

.news .guestBook-formBlock.comments-closed-true, 
.news .feedback-block-hdr,
.news .comments-closed {
	display: none;
}

.clock {
	border-bottom: 5px solid #E4E4E4;
	margin: 0 20px 0 0;
	padding: 20px 10px 20px 0;
}

.clock img {
	float: left;
}

.clock div {
	float: right;
	padding: 0 0 0 5px;
	width: 150px;
}

.clock h3 {
	color: #0774a7;
	font-size:120%;
	margin: 0 0 5px; 
}

.clock p {
	padding: 0 0 3px;
	margin: 0; 
}

/* ---------------------------------------------------------
- Visual modules
---------------------------------------------------------*/

.visual-mod {
	float:left;
	margin:0 0 10px;
	width:100%;
}

.visual-mod a {
	color:#fff;
	display:block;
	font-weight:normal;
	height:63px;
	margin: 0 0 0 25px;
	overflow: hidden;
	padding:10px;
	position: relative;
	text-decoration:none;
	text-transform:uppercase;
}

.mod-bslzoneplayer a {
	background: #0774a7;
	border-bottom: 3px solid #035175;
}

.mod-bslzoneplayer a:hover {
	background: #178fc7;
}

.mod-news a {
	background: #cd6304;
	border-bottom: 3px solid #a35108;
}

.mod-news a:hover  {
	background: #fd8820;
}

.visual-mod a span.fa:before {
	color:#fff;
	font-size:100px;
	height: 100px;
	left: auto;
	opacity: 0.5;
	position: absolute;
	right: -10px;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
	top: 10px;
	width: 100px;
}

.visual-mod a:hover span.fa:before {
	font-size: 110px;
}

.visual-mod a span.label {
	font-size:110%;
	width:60%;
	display:block;
	text-transform:none;
	line-height:17px;
	padding-bottom:10px;
	color:#bfdaf4;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.mod-news a span.label, 
.mod-commissions a span.label {
	color:#f1cbb2;
}

.mod-showcase a span.label {
	color:#e9c0c0;
}

.visual-mod a:hover span {
	color:#fff;
}

/* ---------------------------------------------------------
- Tables
---------------------------------------------------------*/

.bsl-table {
	text-align:left;
	border-bottom: 5px solid #e4e4e4; 
}

.bsl-table th {
	padding:5px 10px;
}
.bsl-table td {
	padding:5px 10px;
	border-left: 1px solid #c7c8ca; 
}

.bsl-table td:first-child {
	border-left: none; 
}

.bsl-table th {
	font-weight:bold;
	background: #c7c8ca;
}

.bsl-table th p {
	color:;
}

.col-one {
	width:20%;
}

.bsl-table tr {
}

.bsl-table tr:nth-child(odd) {
    background-color: #fff;
}
.bsl-table tr:nth-child(even) {
    background-color: #f5f5f5;
}

.bsl-table tr:hover {
	background:#daecfd;
}

.orange .bsl-table tr:hover {
	background:#f5dabb;
}

/* ---------------------------------------------------------
- Tabs
---------------------------------------------------------*/

ul.tabs {
	display: block;
	margin: 0 ;
	padding: 0;
	border-bottom: solid 5px #0774a7;
}

ul.tabs li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0;
}
ul.tabs li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: 29px;
	padding: 0px 20px;
	line-height: 30px;
	border: solid 1px #ddd;
	border-width: 1px 1px 0 0;
	margin: 0;
	background: #f5f5f5;
	font-size: 13px;
	color: #999;
}

ul.tabs li a:hover {
	color:#666;
}

ul.tabs li a.active {
	height: 33px;
	position: relative;
	top: -5px;
	padding-top: 4px;
	border: none;
	border-left-width: 1px;
	margin: 0 0 0 -1px;
	color: #fff;
	background: #0774a7;
}

ul.tabs li:first-child a.active {
	margin-left: 0;
}
ul.tabs li:first-child a {
	border-width: 1px 1px 0 1px;
}
ul.tabs li:last-child a {
}

ul.tabs-content { margin: 0; display: block;
}
ul.tabs-content > li { display:none;
}
ul.tabs-content > li.active { display: block;
}

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
ul.tabs:after {
  clear: both;
}

/* ---------------------------------------------------------
- Buttons
---------------------------------------------------------*/

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	background: #0774a7;
	border: none;
	padding: 4px 12px;
	color: #fff;
	display: inline-block; 
	zoom: 1; 
	*display: inline;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
}

.button:hover, 	button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	color: #fff;
	background: #1f4d7a;
}

.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { 
	background: #0774a7;
}

.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.button.deaflympic-button {
	background: #ca4130;
}

.button.deaflympic-button:hover {
	background: #b03223;
}


/* ---------------------------------------------------------
- Video Preview section
---------------------------------------------------------*/

.video-preview-container h1 {
	color:#fff;
	font-size:120%;
	background: #0774a7;
	margin:20px 0;
}

.video-preview-container div.responsive-container {
	margin-bottom:30px;
}


/* ---------------------------------------------------------
- Back to top button
---------------------------------------------------------*/
 
#back-top {
	padding: 0;
	position: fixed;
	width:130px;
	bottom: 10px;
	right:10px;
	font-size:100%;
	z-index:100;
}

#back-top a {
	background:#0774a7;
	color: #fff;
	display: block;
	float:right;
	line-height:50px;
	padding:5px 20px 5px 10px;
	text-align:right;
	text-transform: none;
	text-decoration: none;
	width: 110px;
}

#back-top span {
	color:#fff;
	display:block;
	float:left;
	height: 30px;
	width: 20px;
}
 
#back-top span.label {
	position: absolute;
	right: 20px;
	top: -4px;
	width: 100px;
}

#back-top span.fa:before {
	color: #fff;
	font-size: 20px;
	height: 20px;
	left: -5px;
	line-height: 20px;
	top: 5px;
}

#back-top a:hover {
	background:#035175;
}

#back-top a:hover span.fa:before {
	top: 2px;
}

/* ---------------------------------------------------------
- C5 Block - package style overrides
---------------------------------------------------------*/

.ccm-next-previous-parentlink {
	text-align:center;
}

#page-list-pagination, #page-list-pagination div {
	float:none;
	width:100%;
}

#page-list-pagination {
	padding:0;
}

.ltgray {
	color:#999;
}

.ui-widget-overlay {
	z-index:99;
}

.ccm-block-field-group p {
	padding:0;
}

.article-list div.ccm-block, .article-list div.ccm-area {
	width:100%!important;
}

/* clear and pagination styles */
*.ccm-spacer {clear: both; font-size:1px; line-height:1px; }
div.ccm-pagination { text-align:center; padding: 10px 0 0; position: relative; width:100%;}
div.ccm-pagination span.ccm-page-right {position: absolute; top: 10px; right: 0px; margin-right: 0px !important}
div.ccm-pagination span.ccm-page-right span {margin-right: 0px}
div.ccm-pagination span.ccm-page-left {position: absolute; top: 10px; left: 0px}
div.ccm-pagination span {margin-right: 4px}
.ccm-ui div.ccm-pagination span {margin-right: 0px;}

/* Extra pagination styling to make code generated by C5 pagination helper look nice */
div.pagination ul strong, div.pagination ul span.ltgray {
	display:block;
	padding:0 14px;
	float:left;
	line-height:34px;
	border-right:1px solid #DDD;
	text-decoration:none;
}

/* Layout */ 
/*
.ccm-layout .ccm-layout-cell{ overflow:hidden; }
*/
.ccm-layout-table .ccm-layout-col {float:left}
.ccm-layout .first .ccm-layout-col-spacing { margin-left:0px !important } 
.ccm-layout .last .ccm-layout-col-spacing { margin-right:0px !important } 

/* global error styles */
.ccm-error {font-weight: bold; color: #f00}
.ccm-required {font-weight: bold; color: #3975AD}

div#ccm-overlay {
	position: fixed;
	z-index:99;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	height:100%;
	width:100%;
	display: none;
} 

.ccm-input-time-wrapper select {width: 50px !important; margin-right: 4px !important;}
.ccm-input-date {width: 80px !important; margin-right: 4px !important;}


/* ---------------------------------------------------------
- Quirks/bug fixes etc...
---------------------------------------------------------*/

.hidden-element {
	display:none;
}

.mobile-only{display:none;}
.tablet-only{display:none;}
.desktop-only{display:inline;}


/* ---------------------------------------------------------
Typography
---------------------------------------------------------*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
	font-size:inherit;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin-bottom:10px;
}

h1 {
	padding:o;
	color:#fff;
	font-size:170%;
	line-height:26px;
}

.sidebar h2 {
	padding:2px 10px;
	margin-left:18px;
	color:#fff;
  	font-size:100%;
	line-height:22px;
}

.home h1 a {
	color:#fff;
	text-decoration:none;
}

.home h1 a:hover {
	background:none;
}

.main-content h2 {
	padding:15px 0 0;
	color:#383d49;
	font-size:130%;
	font-weight:bold;
	line-height:22px;
}


/* blue */
.blue h1, h1.blue, h2.blue, .home-welcome-section h2, .ca4130 .addcontent-container h1 {
	color: #0774a7; 
}

.blue a {
	color:#0774a7;
}

.blue a:hover {
	background:#0774a7;
}

.blue p::selection {
	background: #0774a7;
	color:#fff;
}
.blue p::-moz-selection {
	background: #0774a7;
	color:#fff;
}

/* orange */
.orange h1, h1.orange, h2.orange, .news .comments h1.guestBook-title, .orange a, .latest #expand-control p {
	color: #cd6304;
}

.orange a:hover {
	background:#cd6304;
}

.orange p::selection {
	background: #cd6304;
	color:#fff;
}
.orange p::-moz-selection {
	background: #cd6304;
	color:#fff;
}

/* black-white */
.black-white h1 {
	background: #000;
}
.black-white a {
	color:#000;
}
.black-white a:hover {
	background:#000;
}

.black-white p::selection {
	background: #000;
	color:#fff;
}
.black-white p::-moz-selection {
	background: #000;
	color:#fff;
}

p.comment-response {
	background: red;
	color:#fff;
	padding:10px 10px;
	margin-bottom:15px;
}

div.commentAuthor {
	background:#999;
	color:#fff;
	padding:2px 4px;
	display:inline;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

/* General font styles */
p {
	line-height:22px;
	padding:0 0 10px;
	color:#383d49;
}

p em {
	font-style:italic;
}

a {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:#fff;
}

p.download-link a {
	color:#0774a7;
	display:block;
	padding:0 5px 2px 30px;
	position: relative;
}

p.download-link a:before {
	color: #0774a7;
    content: "\f019";
	font-family: "FontAwesome";
	font-size: 150%;
	position: absolute;
	left: 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.news p.download-link a,
.news p.download-link a:before {
	color:#cd6304;
}

a.img-link:hover, a.download-link:hover, p.download-link a:hover {
	background:none!important;
	color: #383d49;
}

p a {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

strong {
	font-weight:bold;
}

.plain-title {
	color:#383d49;
	background:none!important;
	padding:0;
	font-size:130%;
} 

.bslzone-player h1, .bslzone-player h2 {
	background:none;
	padding:0;
	margin:0;
	color:#0774a7;
}

.bslzone-player h2 {
	font-size:140%;
}

.bslzone-player ul.programme-list h2 {
	font-size:100%;
	line-height: 1.3em;
	margin-bottom: 5px;
}

.bslzone-player ul.programme-list h2 a {
	font-weight:300;
}

.edit-mode .container .text-and-vid .five.columns,
.edit-mode .container .text-and-vid .seven.columns {
	float: left;
	left: 0;
	margin-left: 0;
	width:80%!important;
}

/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-slider li a {
	padding:0;
}

/* FlexSlider Necessary Styles
*********************************/

.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider a {
	display: block;
	padding:0;
	margin:0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	width: 100%;
	max-width: 100%;
	display: block;
	position:relative;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	position: relative;
	zoom: 1;
}

.flexslider .slides {
	zoom: 1;
}

.main-content ul.slides {
	padding: 0;
}

.flexslider .slides > li {
	position: relative;
}

.main-content .flexslider ul  li {
	list-style-image:none;
	padding:0;
	margin:0;
}

.flex-container {
	zoom: 1;
	position: relative;
}

/* Caption style */
.flex-caption {
	width: 25%;
	padding: 2%;
	margin: 0; 
	position: absolute; 
	right: 0;
	top: 15px;
	background-color: rgba(7, 116, 167, 0.9);
	color: #fff;
	font-weight:normal;
}

.flex-caption span {
    display: block;
    font-size: 120%;
}

#flexslider-home .flex-caption {
	width: 50%;
}

.flex-caption h2 {
	display:block;
	font-size:160%;
}

.flex-caption p {
	color:#fff;
	display:block;
	font-size:120%;
}

.flex-caption p.watch-link {
	display:block;
	font-size:100%;
	text-decoration:underline;
}

.flex-caption:hover {
	background-color: rgba(3, 81, 117, 0.9);
}

/* Direction Nav */

.flex-gallery-slider .flex-direction-nav {
	display:none;
}

.flex-direction-nav {
	margin-top:-10px;
	bottom: 0;
}

.flex-direction-nav li a {
	bottom: 0;
	background: #0774a7;
	display: block;
	cursor: pointer;
	font-size: 200%;
	height: 50px;
	line-height: 50px;
	margin: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 50px;
	z-index:3;
}

.flex-direction-nav li a.flex-next {
    bottom: 0;
	right: 0;
}

.flex-direction-nav li a.flex-next:before {
	color: #fff;
    content: "\f054";
	font-family: "FontAwesome";
	text-indent: 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.flex-direction-nav li a.flex-next:hover {
	background:#035175;
    right:-5px;
}

.flex-direction-nav li a.flex-prev {
	left: 0;
}

.flex-direction-nav li a.flex-prev:before {
	color: #fff;
    content: "\f053";
	font-family: "FontAwesome";
	text-indent: 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.flex-direction-nav li a.flex-prev:hover {
	left: -5px; 
	background-color:#035175;
}

.flex-direction-nav li .flex-disabled {
	display:none;
}

/* Control Nav */
.flex-control-nav {
	width: 100%; 
	position: absolute; 
	bottom: -35px; 
	text-align: center;
}

.flex-control-nav li {
	margin: 0 5px 0; 
	display: inline-block; 
	zoom: 1; 
	*display: inline;
}

.flex-control-nav li a {
	background: #0774a7; 
	border: 2px solid #035175;
	width: 18px; 
	height: 18px; 
	display: block; 
	cursor: pointer; 
	text-indent: -999em;
}

.flex-control-nav li a:hover {
	background: #aacedf; 
	background-position: 0 -15px;
}

.flex-control-nav li a.flex-active {
	background: #fff; 
	cursor: default;
}

#you-might-like .flex-control-nav li a {
	width: 12px; 
	height: 12px; 
}

/* FlexSlider BSLBT Theme
-------------------------*/
.bslzone-theme {
	height:370px;
	margin:5px 0 8px;
	padding: 0 0;
	overflow:hidden!important;
}

.watch .bslzone-theme {
	margin:20px 0 7px;
}

.bslzone-theme div.flex-viewport {
	overflow:hidden;
}

.bslzone-theme .slides > li {
	position: relative;
}

.bslzone-theme .flex-control-nav {
	width: 100%;
	position:absolute;
	bottom: 5px;
	text-align: center;
}

.bslzone-theme div.programme-category {
	background: #0774a7;
	padding: 5px 10px; 
	position: absolute;;
	top: 15px;
	left: 0;
	z-index: 100;
}

.bslzone-theme div.programme-category h1 {
	color: #fff;
	font-size: 180%;
	padding: 0;
	margin: 0; 
	text-align: left;
}

.bslzone-theme div.programme-category h2 {
	color: #fff;
	font-size: 90%;
	font-weight: 300;
	padding: 0;
	margin: 0; 
	text-align: left;
}

/* ---------------------------------------------------------
- Multi element content carousel
---------------------------------------------------------*/

#you-might-like {
	margin: 20px 70px;
}

#you-might-like ul.slides li a {
	border-bottom: 3px solid #fdfdfd;
	border-top: 3px solid #fdfdfd;
	text-decoration: none;
	min-height: 260px;
}

#you-might-like ul.slides li a span.fa {
	color: #fff;
	font-size: 180%;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	opacity: 0;
	text-align: center; 
	top: 30px;
	width: 50px;
}

#you-might-like ul.slides li a:hover span.fa {
	opacity: 0.8;
	top: 40px;
}

#you-might-like ul.slides li a img {
	display:block;
	border:none;
	width:166px;
	padding:10px;
}

#you-might-like ul.slides li a:hover {
	background: #f0f0f0;
	border-bottom: 3px solid #0774a7;
	border-top: 3px solid #0774a7;
}

#you-might-like a h2 {
	color: #0774a7;
	line-height:1.2em;
	margin:0;
	padding:0 10px 5px;
	font-size:100%;
	text-align:left;
	width:80%;
}

#you-might-like a:hover h2 {
	color: #035175;
}

#you-might-like li p {
	line-height:1.2em;
	font-size:90%;
	padding: 0 10px;
	width:90%;
}

#you-might-like li p.read-more {
	color: #0774a7;
	font-size:90%;
	padding: 0 10px 10px;
	width:80%;
}

#you-might-like .flex-direction-nav li a {
	bottom: auto;
	font-size: 120%;
	height: 40px;
	line-height: 40px;
	top: 50px;
	width: 40px;
}

#you-might-like .flex-direction-nav li a.flex-prev:hover {
	left:-65px;
}

#you-might-like .flex-direction-nav li a.flex-next:hover {
	right:-65px;
}

#you-might-like .flex-direction-nav li a.flex-prev,
#you-might-like .flex-direction-nav li a.flex-prev.flex-disabled:hover {
	left:-60px;
}

#you-might-like .flex-direction-nav li a.flex-next,
#you-might-like .flex-direction-nav li a.flex-next.flex-disabled:hover {
	right:-60px;
}

#you-might-like .flex-direction-nav li .flex-disabled {
	background: #c9c9c9;
	cursor: default;
	display: block;
}


/* FlexSlider Presentation Theme
-------------------------*/
#flexslider-presentation {
	display:block;
	margin:38px 0 0!important;
	border-bottom: 8px solid #CD6304;
	border-top: 8px solid #CD6304;	
}

#flexslider-presentation .flex-control-nav {
	display:none;
}

#flexslider-presentation .flex-direction-nav li a,
.news .flex-direction-nav li a {
	background-color:#cd6304;
}

#flexslider-presentation .flex-direction-nav li a:hover,
.news .flex-direction-nav li a:hover {
	background-color:#fd8820;
}

#flexslider-presentation .flex-direction-nav li a {
	top:auto;
	top:-30px;
}

#flexslider-presentation .flex-direction-nav li a.flex-prev {
	left:auto;
	right:55px;
}


/* FlexSlider Image gallery
-------------------------*/

.flex-gallery-carousel {
	margin:3px 0 30px;
	overflow: hidden
}

.flex-gallery-carousel li {
	opacity:0.6;
	margin-right:3px!important;
	cursor:pointer;
}

.flex-gallery-slider li img {
	margin:0 auto;
}

.flex-gallery-carousel li img {
	max-height:83px;
	margin:0 auto;
}

.flex-gallery-carousel li:hover, .flex-gallery-carousel li.flex-active-slide {
	opacity:1;
}

.flex-gallery-slider div.flex-caption {
	bottom:0;
	width:90%;
	padding:2% 5%;
	top: auto;
}

.flex-gallery-carousel ul.flex-direction-nav a {
	bottom: 0;
    line-height: 24px;
	height:32px; 
	width:32px;
}

.flex-gallery-carousel ul.flex-direction-nav a:before {
	font-size: 70%;
}

.news .flex-caption {
	background-color: rgba(253, 136, 32, 0.9);
}

/* FlexSlider Latest Theme
-------------------------*/
.latest-theme {
	background: #212530;
	float: left;
	height: 160px!important;
	margin:0 8px 8px 0;
	padding: 0;
	overflow:hidden!important;
	width: 229px;
}

.latest-theme div.flex-viewport {
	overflow:hidden;
}

.latest-theme .slides,
.latest-theme .slides > li {
	height: 100%;
}

.latest-theme .slides > li {
	position: relative;
}

.latest-theme .flex-control-nav {
	display: none;
}

.latest-theme .slides a {
	display: block;
	height: 100%;
	text-decoration: none;
}

.latest-theme h1 {
	background: #cd6304;
	color: #fff;
	font-size: 140%;
	line-height: 1.6em;
	padding: 0 10px;
	position: absolute;
	left: -1px;
	text-align: right;
	top: 0;
	width: auto;
	z-index: 100;
}

.latest-theme:hover h1 {
	background: #fd8820;
	padding: 0 10px 0 20px;
}

.latest-theme h2 {
	color: #fff;
	font-size: 120%;
	line-height: 1.2em;
	margin: 0;
	padding: 10px;
}

.latest-theme a p {
	font-weight: 300;
	text-decoration: underline;
	color: #fff;
}

.latest-theme a:hover p {
	text-decoration: none;
	color: #cd6304;
}

.latest-theme .parent-123 a:hover p {
	color: #5cad2a;
}

.latest-theme div.thumbnail {
	overflow: hidden;
	width:100%;
}

.latest-theme div.thumbnail img {
	width: 100%;
	height: auto;
}

.latest-theme .flex-direction-nav li a {
	font-size: 150%;
	height: 37px;
	line-height: 37px;
	top: 0;
	width: 37px;
}

.latest-theme .flex-direction-nav li a.flex-prev {
	left: auto;
	right: 40px;
}

.latest-theme .flex-direction-nav li a.flex-next {
	right: 0;
}

.latest-theme .text-wrapper {
	background: #212530;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.homepage-feature-item {
	background-color: #212530;
	float: left;
	height: 160px!important;
	margin:0 8px 8px 0;
	padding: 0;
	position: relative;
	overflow:hidden!important;
	width: 229px;
}

.homepage-feature-item img {
	height: auto;
	width: 100%;
}

.homepage-feature-item a img {
	opacity: 1;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
    transform: translateZ(0);
}

.homepage-feature-item a:hover img {
	opacity: 0.8;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.homepage-feature-item .text-wrapper {
	background: #e39802;
	bottom: 0;
	left: 0;
	padding: 10px 10px 5px;
	position: absolute;
	width: 289px;
}

.homepage-feature-item:hover .text-wrapper {
	padding: 10px 10px 10px;
}

.homepage-feature-item .text-wrapper h2 {
	color: #fff;
	font-size: 120%;
    line-height: 1em;
    margin: 0;
    padding: 0 0 5px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

/* ---------------------------------------------------------
- Deaflympics
---------------------------------------------------------*/

.deaflympics-banner img {
	max-width:100%;
	margin-top:20px;
	height:auto;
	width: 100%;
}

.deaflympics-daily-vid {
	margin-top:40px;
}

.deaflympics #player-wrapper {
	padding:20px 0;
	border-top:5px solid #0774a7;
	border-bottom:5px solid #0774a7;
	background: #fff;
}

.deaflympics .addcontent-container h1 {
	background: #0774a7; 
	color:#fff;
	padding:3px 10px;
	margin:0 0 10px;
}

.deaflympics-daily-vid h1 {
	background: #0774a7;
	color:#fff;
	padding:3px 10px!important;
	margin:0 0 10px;
}

.deaflympics-welcome-section {
	margin:0 0 0 20px;
}

p.countdown-text {
	color:#0a5298;
	font-weight:bold;
	font-size:140%;
	margin:-20px 0 30px;
	text-align:center;
}

a.back-to-page-link {
	background: #0774a7;
	display:block;
	width:220px;
	float:right!important;
	color:#fff;
	padding:3px 10px;
	margin:0 0 10px;
	text-align:center;
	text-decoration:none;
}

a.back-to-page-link:hover {
	background:#035175;
}

.disabled img {
	opacity:0.5;
}

.deaflympics-welcome-section .responsive-container {
	padding-bottom: 51%;
}

.deaflympics div#showcase-visual-module {
	margin-left:20px;
}

.deaflympics #showcase-visual-module a {
	height:140px;
}

.deaflympics #showcase-visual-module a img {
	height: auto;
	width: 100%;
}

.deaflympics-multiples .responsive-container {
	padding-bottom: 30%;
	margin-bottom:80px!important;
}

.deaflympics-multiples .responsive-container iframe {
	top:70px;
}

.deaflympics-multiples h1 {
	background: #0774a7;
	border: none;
	padding: 4px 12px;
	color: #fff;
	display: block;
	font-size: 120%;
	font-weight: bold;
}

.deaflympics #player-wrapper p, .deaflympics #player-wrapper h1 {
	padding:0 10px 10px;
}

.deaflympics #player-wrapper .responsive-container iframe {
	width:100%;
	padding:0;
}

.deaflympics .guestBook-formBlock {
	display:none;
}

/* ---------------------------------------------------------
- Comments section
---------------------------------------------------------*/

#comments {
	padding: 15px 0 0;
}

.news #comments {
	padding: 0;
}

#comments .comments-form-type {
	clear: both;
	display: none;
	padding: 20px 0;
}

#comments .comments-form-type.active
/*.logged-in #written-comments.comments-form-type */{
	display: block;
}

#comment-tabs {
	border-bottom: 5px solid #0774a7;
}

.comments-closed {
	background: #f3f3f3;
	padding: 10px;
	margin-bottom: 10px;
}

#comment-tabs a {
	background: #ddd;
    border: solid 1px #ddd;
    color: #666;
    display: block;
	float: left;
	line-height: 1.6em;
	margin: 0 1px 0 0;
	padding: 10px 40px 10px 10px;
	position: relative;
	text-decoration: none;
	width: 200px;
}

#comment-tabs a:hover {
	background: #333;
    border: solid 1px #333;
	color: #fff;
}

#comment-tabs a.active {
	background: #0774a7;
    border: solid 1px #0774a7;
	color: #fff;
}

#comment-tabs a.active span.text {
	color: #fff;
	font-weight: 600;
}

#comment-tabs a.active span.icon {
	color: #fff;
}

#comment-tabs a span.fa {
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    right: 46px;
    top: 1px;
}

#comment-tabs a span.fa:before {
	text-shadow: none;
}

.confirm-wrapper {
	margin: 10px 0 0;
	position: relative;
	min-height: 20px;
}

#quality-confirm-wrapper.confirm-wrapper {
	margin: 10px 0 30px;
}

.confirm-wrapper input {
	left: 0;
	position: absolute;
	top: 0;
}

.confirm-wrapper label {
	left: 20px;
	line-height: 1.2em;
	padding-right: 20px;
	position: relative;
}

.confirm-wrapper span.error-message {
	display: block;
}

/* ---------------------------------------------------------
- Comments sidebar
---------------------------------------------------------*/

.comments-sidebar h1 {
	background: #383d49;
	color: #fff;
    font-size: 140%;
    padding: 0 8px;
    position: relative;
}

.comments-sidebar h1 span.fa:before {
	color: #fff;
    font-size: 110%;
	left: auto;
    position: absolute;
    right: 0;
    top: -7px;
}

.guestBook-formBlock {
    margin: 0;
}

.comments-form-type label,
.guestBook-formBlock label {
    display: block;
    float: none;
}

.guestBook-formBlock label span.fa:before {
	color: #383d49;
    left: auto;
    position: absolute;
    right: 50px;
    top: 0;
}

.bslzone-player #comments-wrapper h2 {
	border-top: 5px solid #0774a7;
	color: #383d49;
    font-size: 140%;
	text-transform: none;
	padding: 10px 0 0;
	margin: 0;
}

.comments-form-type .note {
    font-size: 0.8rem;
    padding: 10px 0;
}

.comments-form-type input.form-control, .input-row input#inputname, .input-row input#inputemail {
    font: 1em 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 2em;
    padding: 0 10px;
    width: 250px;
}

#written-comments tr.mceFirst {
	display: none;
}

input.fullname,
input.website-url,
input.surname {
	position: absolute!important;
	top: -9999px!important;
}

.guestBook-formBlock textarea {
	width:100%;
	height: 150px;
	margin: 12px 0;
}

.commentText {
     font: 1.1em 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     margin-bottom: 20px;
     width: 95%;
}

.news .commentText {
     font: 1.3em 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }

.ajax-form .input-row input.button, 
button.button,
.video-recorder-initial a.btn-primary,
.video-uploader-upload .btn-primary {
	background-color: #0774a7;
	border-radius: 0;
	font: 1em 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	height: 2em;
	line-height: 2em;
	padding: 0 10px;
}

button.button:hover,
.video-recorder-initial a.btn-primary:hover,
.video-uploader-upload .btn-primary:hover {
	background-color: #035175;
}

.social-feedback {
	border-bottom: 5px solid #E4E4E4;
	margin: 10px 0 0;
	padding: 0 0 10px; 
}

.social-feedback li {
	display: inline-block; 
	zoom: 1; 
	*display: inline;
	margin: 0 2px 5px 0;
}

.social-feedback li a {
	background: #0774a7;
	color: #fff;
	display: block;
	font-size: 90%;
	font-weight: 300;
	padding: 5px 9px 5px 30px;
	text-decoration: none;
}

.social-feedback li a:hover {
	background: #035175;
}

.social-feedback li a span.fa:before {
	font-size: 20px;
	line-height: 36px;
    width: 34px;
}

.news #comments-header,
.news #video-comments.comments-form-type.active,
.news .feedback-block-hdr {
	display: none;
}

.news .guestBook-formBlock {
	position: relative;
	right: 0;
}

.news .guestBook-formBlock.comments-closed-true, 
.news .feedback-block-hdr {
	display: none;
}

.comments-sidebar .inner-wrapper {
	padding: 0 0 0 25px;
}

#large-comment-triggers {
	margin: 0 0 10px;
}

#large-comment-triggers a {
	background: #0774a7;
	border-bottom: 3px solid #383d49;
	display: block;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
}

#large-comment-triggers a:hover {
	background: #035175;
	border-bottom: 3px solid #023a54;
}

#large-comment-triggers a span {
	display: block;
}

#large-comment-triggers a span.fa:before {
	color: #fff;
    font-size: 50px;
    line-height: 50px;
    position: relative;
    width: 50px;
}

#large-comment-triggers a:hover span.fa:before {
    font-size: 55px;
}

#large-comment-triggers a span.text {
	color: #fff;
}

p.process {
	background: red;
	color: #fff;
	display: block;
	font-size: 130%;
	margin-left: -60px;
	padding: 10px 0;
	text-align: center;
	width: 200px;
}

#video-comments #step3 span {
	background: red;
	color: #fff;
	display: block;
	font-size: 120%;
	padding: 10px;
    margin-bottom: 15px;
}

#step1 .error-message {
	display: none;
}

/* ---------------------------------------------------------
- Ziggeo - Video recorder styles
---------------------------------------------------------*/

.video-recorder-flash,
.video-recorder-initial,
.video-recorder-progress,
.video-uploader-upload,
.video-uploader-progress {
	background-color: #e4e4e4!important;
}

.ziggeo.approved-true,
li.comment-item,
.news div.guestBook-entry {
	border: 2px solid #e4e4e4;
	margin: 0 0 20px 0;
	padding: 10px;
}

.recorder-front-logo,
.ziggeo.approved-false,
.ziggeo.approved-null,
#video-comments #step2,
#video-comments #step3,
#video-comments #step2 #recorder button.button {
	display: none;
}

span.sort-date,
.ziggeo .commentAuthor span.sort-date {
	display: none!important;
}

#video-comments #step2 #recorder {
	margin: 0 0 20px;
}

.ziggeo-wrapper {
	height: 300px;
	margin-bottom: 10px;
	width: 400px;
}

.ziggeo-video {
	margin: 0 0 10px 0; 
}

.ziggeo .commentAuthor {
	background: none;
    color: #fff;
    padding: 0;
	display: inline-block;
	line-height: 1.3em;
}

.ziggeo .commentAuthor span {
	display: block;
	font-size: 80%;
    padding: 2px 4px;
}

.ziggeo .commentAuthor span.post-date {
	background: #999;
    margin: 0 0 5px;
}

.ziggeo .commentAuthor span.duration {
	background: #333;
    color: #fff;
}

.bsl-admin-links {
	font-size: 80%;
}

.video-recorder-initial p a i,
.video-uploader-upload p a i,
.video-uploader-upload .hero-img {
	color: #0774a7!important;
}

/* ---------------------------------------------------------
- Age restriction popup
---------------------------------------------------------*/

.overlay.fixed {
	background: rgba(33, 37, 47, 0.8);
	position: fixed;
}

#age-restiction.popup-message {
	background: #fff;
	border: 3px solid #E91D2C;
	left: 50%;
	margin-left: -19%;
	padding: 2%;
	position: absolute;
	text-align: center;
	top: 20%;
	width: 34%;
	z-index:250;
}

#age-restiction.popup-message p {
	color: #E91D2C;
	font-size: 130%;
	margin: 0 0 10px;
}

#age-restiction.popup-message p strong {
	display: block;
	text-transform: uppercase;
	margin: 10px 0 20px;
}

#age-restiction.popup-message .minimum-age {
	height: auto;
	margin: 0 auto 20px;
	width: 200px;
}

#age-restiction.popup-message .buttons {
	margin: 0 auto 20px;
	text-align: center;
	width: 80%;
}

#age-restiction.popup-message a {
	background: #E91D2C;
	color: #fff;
	display: inline;
	font-size: 150%;
	font-weight: 600;
	margin: 0 10px;
	padding: 10px 20px;
	text-decoration: none;
}

#age-restiction.popup-message a:hover {
	background:#bd0d1a;
}


@media only screen and (max-height: 630px) {
	#age-restiction.popup-message .minimum-age {
		width: 120px;
	}

	#age-restiction.popup-message p {
		font-size: 110%;
	}

	#age-restiction.popup-message a {
		font-size: 130%;
		padding: 5px 10px;
	}
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	#age-restiction.popup-message {
		margin-left: -26%;
		width: 48%;
	}
}

@media only screen and (max-width: 767px) {
	#age-restiction.popup-message {
		margin-left: -38%;
		padding: 3%;
		position: absolute;
		top: 50px;
		width: 70%;
	}

	#age-restiction.popup-message .minimum-age {
		width: 120px;
	}

	#age-restiction.popup-message p {
		font-size: 110%;
	}

	#age-restiction.popup-message a {
		font-size: 130%;
		padding: 5px 10px;
	}
}

#cookiesdirective {
	border-top: 3px solid #0774a7;
}

/* ---------------------------------------------------------
- Media Queries
---------------------------------------------------------*/

/* Larger than 1280 (devices and browsers) */
@media only screen and (min-width: 1280px)  {
	nav ul.main-nav {
		width:1260px;
	}
	
	.bsl-zone #share-links {
		left: 119px;
	}

	a#category-trigger,
	a#az-link {
		width: 266px;
	}

	.category-dropdown {
	    width: 276px;
	}

	.comments-sidebar h1 span.fa:before {
		font-size: 130%;
		top: -4px;
	}

	.flexslider.bslzone-theme {
		height:495px;
	}

	.latest-theme,
	.homepage-feature-item {
		height: 210px!important;
		width: 309px;
	}

	.support-us {
		height: 200px!important;
		width: 299px;
	}

	.latest-theme h1, .support-us h2, .homepage-feature-item .text-wrapper h2 {
		font-size: 140%;
	}

	.latest-theme div.thumbnail, .support-us div.thumbnail {
		height: auto;
		width:100%;
	}

	.latest-theme .flex-direction-nav li a {
		height: 40px;
		line-height: 40px;
		width: 40px;
	}

	.latest-theme .flex-direction-nav li a.flex-prev {
	    right: 45px;
	}

	.category-list div.category-item {
		height: 210px;
		margin:0 8px 8px 0;
		width:309px;
	}

	.prog-list div.prog-item {
		height: 260px;
		margin:0 8px 8px 0;
		width:309px;
	}

	.programme-list li {
		height: auto!important;
	}	

	.prog-list div.prog-item.last {
		margin:0 0 8px 0;
		width:309px;
	}

	.category-list div.category-item:nth-child(4n+2) {
		margin:0 0 8px 0;
		width:309px;
	}

	.category-list div.category-item div.category-details, .prog-list div.prog-item div.prog-details {
		width: 289px;
	}

	.category-list div.category-item h2, .prog-list div.prog-item h2 {
		font-size: 140%;
		line-height: 1em;
		margin: 0;
		padding: 0 0 5px;
	}

	h1 {
		font-size:210%;
		line-height: 36px;
	}
	
	.article-list h2 {
		font-size:160%;
		line-height: 1.4em;
	}

	p, .article-list p, .main-body li {
		font-size:120%;
		line-height:1.4em;
	}

	.article-list li {
		font-size: 100%;
	}

	.clock div {
		width: 220px;
	}

	.speech-bubble-top {
		top:-40px;
	}

	.speech-bubble-btm {
		bottom:-124px;
	}

	.provider-info div {
		padding: 88px 0 0;
	}

	.provider-info div p {
		font-size: 160%;
		line-height: 1em;
	}

	.provider-details h2#how {
		top: 30px;
	}
	
	.provider-info hr {
		margin:10px auto;
	}
	
	#sub-nav ul ul a {
		font-size:90%;
	}

	.social-feedback li a {
		font-size: 80%;
	}

	img#bsl-wreath {
		top: -80px;
		width:221px;
	}

	.award a.thumbnail-link img.wreath {
		left: 210px;
	    top: 82px;
	}

	#bslzone-gsc .gs-webResult .gs-snippet,
	#bslzone-gsc a.gs-title {
		font-size: 130%;
	}

	#bslzone-gsc .gs-web-image-box-portrait img.gs-image,
	#bslzone-gsc .gs-web-image-box-landscape img.gs-image,
	#bslzone-gsc .gs-image-box.gs-web-image-box.gs-web-image-box-portrait,
	#bslzone-gsc .gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
	    width: 347px;
	}

	.main-content ul.partner-logos li .image-wrapper {
	    height: 85%;
	}


}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	h1 {
		font-size:;
	}
	
	h2, h3, p, .article-list li, footer, .main-body li  {
		font-size: 90%;
	}

	.logo img {
		margin: -2px 0 0px -11px;
		width:220px;
	}

	nav ul.main-nav {
		width:748px;
	}

	nav ul.main-nav a {
		font-size:110%;
	}

	nav.tab-nav ul li a {
		font-size:100%;
		line-height:32px;
		padding:0 10px;
	}

	.bsl-zone #share-links {
	    left: -8px;
	}

	a#category-trigger,
	a#az-link {
		width: 170px;
	}

	.category-dropdown {
		width:180px;
	}

	.watch .bslzone-theme {
		margin:20px 0 7px;
	}

	.latest-theme,
	.homepage-feature-item {
		height: 137px!important;
		width: 181px;
	}

	.latest-theme h2 {
		font-size: 100%;
	}

	.homepage-feature-item .text-wrapper {
		width: 161px;
	}

	.homepage-feature-item .text-wrapper h2 {
		font-size: 94%;
    	line-height: 1.2em;
	}
	
	.support-us {
		height: 160px!important;
		width: 171px;
	}

	.support-us h2 {
		width:65%;
	}

	.support-us:hover h2 {
		width:68%;
	}

	.support-us div.thumbnail {
		height: 216px;
		width:182px;
	}

	.support-us p {
		font-size: 90%;
	}

	.latest-theme .flex-direction-nav li a {
		height: 34px;
		line-height: 34px;
		width: 34px;
	}

	.category-list div.category-item {
		height: 137px;
		margin:0 8px 8px 0;
		width:181px;
	}

	.prog-list div.prog-item {
		height: 175px;
		margin:0 8px 8px 0;
		width:181px;
	}

	.prog-list div.prog-item.last {
		margin:0 0 8px 0;
		width:181px;
	}

	.category-list div.category-item:nth-child(4n+2) {
		margin:0 0 8px 0;
		width:181px;
	}

	.category-list div.category-item div.category-details, .prog-list div.prog-item div.prog-details {
		width: 161px;
	}

	.category-list div.category-item h2, .prog-list div.prog-item h2 {
		font-size: 100%;
		line-height: 1em;
		margin: 0;
		padding: 0 0 5px;
	}

	.mobile-sub-nav li {
		margin:6px 5px 5px 0;
	}
	
	.mobile-sub-nav li a {
		font-size:95%;
	}

	.guestBook-formBlock label {
        font-size: 100%;
	}

	.footer-social a.twittericon {
		right: 0;
    	top: 3px;
	}
	
	.visual-mod a {
		height:63px;
		padding:7px;
		font-size:100%;
	}
	
	.visual-mod a span.label {
		font-size:90%;
		width:70%;
		line-height:16px;
		padding-bottom:5px;
	}

	.visual-mod a span.fa::before {
		right: -27px;
	}

	.responsive-container-map {
		padding-bottom: 150%!important;
	}

	.staff-details {
		width:45%;
	}
	
	.multi-carousel ul li{
		padding-right:0;
	}
		
	.programme-list li:hover a.play-arrow span {
		top:15px;
	}

	.multi-carousel ul li:hover a.play-arrow span {
		top:10%;
	}
	
	#showcase-visual-module a {
		height:116px;
	}

	.flexslider.bslzone-theme {
		height: 294px;
	}

	.flex-control-nav li a {
		width:20px;
	}
	
	.flex-gallery-slider li img {
		max-height:273px;
	}

	.deaflympics #showcase-visual-module a {
		height:110px;
	}

	.clock div {
	    clear: both;
	    padding: 10px 0 0 5px;
	    width: 100%;
	}

	.speech-bubble-top {
		top:-23px;
	}

	.speech-bubble-btm {
		bottom:-79px;
	}

	.provider-info div {
		padding: 60px 0 0;
	}

	.provider-info div p {
		font-size: 130%;
		line-height: 1em;
	}

	.provider-details {
		min-height:360px;
		height:auto !important;
		height:360px;
	}

	.provider-details h2#how {
		font-size: 150%;
		top: 10px;
	}

	.provider-info hr {
		margin:10px auto;
	}

	.service-providers li {
		width: 20%;
	}

	div#award-intro {
	    padding: 20px 170px 10px 0;
	}
	
	img#bsl-wreath {
	    right: 0;
	    top: -55px;
	    width: 170px;
	}

	.award a.thumbnail-link img.wreath {
		height: 52px;
		left: 122px;
    	top: 43px;
	    width: 52px;
	}

	.mobile-only {display:none;}
	.tablet-only {display:none;}
	.desktop-only {display:inline;}
	
	.main-content ul.partner-logos li {
		height: 135px;
	}	

	.main-content ul.partner-logos li .image-wrapper {
		height: 123px;
	}

	.main-content ul.partner-logos li .image-wrapper img {
		max-width: 110px;
	}
	
	.tv-programme-schedule .main-content .article-list img,
	.tv-programme-schedule .main-content .article-list div,
	.tv-programme-schedule .main-content ul.article-list .channel-details {
		padding: 0;
		width: 100%;
	}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	h1, h2, h3, p, .article-list li, footer, .main-body li {
		font-size: 100%;
	}

	header#site-header {
		padding: 5px 0 0;
		height: 110px;
	}

	#hdr-logo {
		height: 60px;
		top: 10px;
		width: 140px;
	}

	p.hdr-strapline {
		display: none;
		font-size: 90%;
		left: 9px;
		top: 45px;
	}

	div.nav-container {
		background:none;
		display: block;
		height:34px;
		margin:0 auto;
		position: absolute;
		top: 111px;
		width:100%;
		z-index: 100;
	}

	nav ul.main-nav {
		display:none;
		z-index:2;
		width:420px;
	}

	div.nav-container.wide-screen-nav,
	.container .columns.comments-sidebar {
		display: none;
	}

	.small-screen-nav {
		display: block;
	}

	nav ul.main-nav li, 
	.twocols .additional-content .video-grid-item,
	.twocols .additional-content .video-grid-item:nth-child(2n+2) {
		display:block;
		width:100%;
	}

	nav ul.main-nav li:first-child {
		background:none;
	}

	nav ul.main-nav a {
		background:#383d49;
		border-top: 1px solid #fff;
		display:block;
		color:#fff;
		line-height:37px;
		font-size:130%;
		margin:-3px 0 0;
		white-space:nowrap;
		text-align:center;
		text-decoration:none;
		font-weight:normal;
	}

	nav ul.main-nav li.nav-selected a {
		color:#fff;
		background: #0774a7;
	}

	nav ul.main-nav a:hover {
		color:#fff;
		background: #035175;
	}

	nav ul.main-nav a#news:hover, nav ul.main-nav li.nav-selected a#news {
		color: #cd6304;
		border-bottom:7px solid #cd6304;
	}

	nav ul.main-nav a:hover span, nav ul.main-nav li.nav-selected a span {
		color:#231f20;
	}

	#user-nav {
		float: none;
		margin:0;
		position: absolute;
		text-align: right;
		top: 60px;
		left: 0;
		width: 420px;
	}

	#user-nav li {
		position: absolute;
		width: 40px;
		height: 40px;
	}

	#user-nav li.hdr-btn a {
		font-size: 90%;
		padding: 0 5px;
	}

	#user-nav li.hdr-btn a:hover {
		background-color:#035175;
	}

	#user-nav li.hdr-btn#contact {
	    right: 45px;
	    top:-5px;
	    width: 94px;
	}
	#user-nav li.hdr-btn#tv-schedule {
	    right: 145px;
	    top:-5px;
	    width: 120px;
	}

	#user-nav li.hdr-btn#nav-trigger {
		display: block;
	    right: 0;
	    top: -50px;
	}

	#user-nav li.hdr-btn#search-trigger {
		display: block;
	    right: 0;
    	top: -5px;
	}

	#user-nav li.hdr-btn#twitter,
	#user-nav li.hdr-btn#facebook,
	#user-nav li.hdr-btn#instagram {
		position: absolute;
	}

	#user-nav li.hdr-btn#twitter {
		right: 135px;
		top: -50px;
	}

	#user-nav li.hdr-btn#facebook {
		right: 90px;
		top: -50px;
	}

	#user-nav li.hdr-btn#instagram {
		right: 45px;
		top: -50px;
	}

	#mobile-search .overlay-container {
		padding-top: 60px;
	}

	#user-nav li#search-form {
	    background: #21252F;
	    display: none;
	    height: 40px;
	    left: 0;
	    margin: 0;
	    padding: 0 10px;
	    position: absolute;
	    top: -5px;
	    width: 300px;
	    z-index: 100;
	}

	#user-nav form input.inputbox {
		width: 200px;
	}

	#user-nav li.hdr-btn#contact a {
		background-position: -60px 7px;	
	}

	#user-nav li.hdr-btn#tv-schedule a {
		background-position: -60px -36px;
	}

	#user-nav form input.inputbox {
		position: absolute;
		top: 0;
		width: 92px;
	}

	.bsl-zone .container .eight.columns.category-dropdown-wrapper, .category .container .eight.columns.category-dropdown-wrapper {
		display: block;
		margin: 45px 0 0;
	}

	#share-links {
		right: 0!important;
    	top: -29px;
		width: 180px;
	}

	.bsl-zone #share-links, .category #share-links {
    	top: -33px;
    	left: 0;
	}

	a#category-trigger,
	a#az-link {
		padding-left: 2%;
		width: 98%;
	}

	.category-dropdown {
		right: 0;
		width:100%;
		z-index: 100;
	}

	.latest-theme div.thumbnail, .support-us div.thumbnail {
		margin-right: 10px;
	}

	.latest-theme h1, .support-us h2 {
		font-size: 120%;
	}

	.latest-theme h2 {
	    font-size: 90%;
	    padding: 40px 10px 0 0;
	}

	.homepage-feature-item .text-wrapper {
		width: 100%;
	}

	.homepage-feature-item .text-wrapper h2 {
	    font-size: 100%;
	}

	.homepage-feature-item img {
		margin-top: -10%;
	}

	.support-us p {
	    font-size: 90%;
	    padding: 40px 10px 15px 0;
	}

	.prog-list div.prog-item.even-item {
		margin:0 0 9px 0;
	}
	
	#player-wrapper {
		padding: 20px 0;
	}

	.blue-header, .blue-header nav.tab-nav ul {
		background:none;
	}
	
	.bsl-zone .blue-header h1.three {
		width:96%;
	}
	
	.blue-header h1 {
		padding:inherit 0 inherit 10px;
		margin-bottom:10px!important;
	}
	
	.blue-header nav.tab-nav ul {
		padding:0;
		width:60%!important;
		float:right;
		margin:-42px 0 0;
	}
	
	.blue-header nav.tab-nav a {
		background:none;
		padding:0 3px;
		font-size:90%;
	}
	
	.blue-header nav.tab-nav a:hover, .blue-header nav.tab-nav li.current a {
		color:#fff;
	}

	.programme-list li {
		display:block;
		width:50%;
	}
	
	.bslzone-theme {
		margin: 10px 0;
		padding:0 0 30px;
	}
	
	.bslzone-theme .slides > li {
		border:none;
		margin:0;
	}
	
	.bslzone-theme .flex-control-nav {
		width: 100%;
		position:absolute;
		bottom: 0;
		text-align: center;
		margin:0;
	}

	.flex-caption {
		background-color: rgba(7, 116, 167, 1);
		bottom:0;
		left: 0;
		right: auto;
		top: auto;
		width: 96%;
	}

	.flex-caption h2 {
		font-size: 120%;
		margin:0;
	}
	
	.flex-caption p {
		font-size: 90%;
		line-height: 1.2em;
		padding: 0;
		width: 90%;
	}

	.flex-control-nav li a {
		background: #aacedf;
		height:15px;
		width:15px;
	}

	.flex-control-nav li a:hover {
		background: #0774a7;
	}

	.flex-control-nav li a.flex-active {
		background: #035175;
	}

	.programme-category, .flex-caption p.watch-link,
	#you-might-like ol.flex-control-nav {
		display: none;
	}

	.visual-mod a {
		height:63px;
		margin: 0;
	}
		
	.sidebar {
		background:none!important;
		border-top: 5px solid #e4e4e4;
		padding: 20px 0; 
	}

	#sub-nav, .sidebar h2 {
		margin:10px 0;
	}
	
	.sidebar div.bsl-filter {
		width:30%;
		float:left;
	}
	
	.column-container {
		height:auto!important;
	}
	
	.flex-caption {
		bottom:0;
	}

	.flex-direction-nav li a {
		top:0;
	}

	.latest-theme .text-wrapper {
		bottom: auto;
		left: auto;
		right: 20px;
	    top: 10px;
	    width: 40%;
	}
	
	.latest-theme .text-wrapper h2 {
		font-size: 100%;
	}

	.staff-container {
		width:95%;
		float:left;
		margin: 0 5% 30px 0;
	}
	
	.mobile-moveup {
		margin-top:-30px!important;
	}
	
	.footer ul.nav li {
		width:45%;
		float:left;
	}

	.footer-social h1 {
		margin: 10px 0 0 0!important;
	}

	#tweet-container {
		padding: 0 0 80px;
	}
	
	.footer-social a.twittericon {
		right: 10px;
    	top: 13px;
	}

	.footer .columns {
		border-top: 3px solid #414756; 
		padding-bottom: 30px; 
		padding-top: 10px;
	}

	.footer .columns.footer-sitemap {
		border-top: 0; 
		padding-bottom: 30px; 
		padding-top: 10px;
	}

	.footer .columns.contact-details{
		padding-bottom: 10px; 
		padding-top: 10px;
	}

	.main-content h2 {
		font-size:110%;
	}
	
	.addcontent-container {
		background:none;
		padding:20px 0 0;
	}
	
	.deaflympics div#showcase-visual-module, .deaflympics-welcome-section {
		margin-left:0;
	}
		
	.deaflympics-multiples .responsive-container {
		padding-bottom: 60%;
		margin-bottom:80px!important;
	}
	
	.deaflympics-multiples .responsive-container iframe {
		top:70px;
	}

	.clock div {
	    float: right;
	    padding: 0 0 0 5px;
	    width: 260px;
	}

	.speech-bubble-top {
		top:-18px;
	}

	.speech-bubble-btm {
		bottom:-66px;
	}

	.provider-info div {
		padding: 40px 0 0;
	}

	.provider-info div p {
		font-size: 110%;
		line-height: 1em;
		padding: 10px 10px 0;
	}

	.provider-info img.provider-logo {
		width: 90px;
	}

	.provider-details {
		min-height:260px;
		height:auto !important;
		height:260px;
	}

	.provider-details h2#how {
		font-size: 135%;
		top: 0;
	}

	.provider-info hr {
		margin:0 auto;
	}

	.service-providers {
		margin: 5px 0;
	}

	.service-providers li {
		width: 18%;
	}

	p.provider-intro {
		font-size: 120%;
	}

	#sub-nav ul {
		margin:0;
		padding: 0;
	}

	#back-top {
		width:30px;
	}

	#back-top a,
	#back-top a span.fa:before {
		height: 34px;
	    left: 1px;
	    line-height: 22px;
	    padding: 0;
	    text-align: center;
	    width: 34px;
	}

	#back-top span.label {
		display: none;
	}

	img#bsl-wreath {
	    right: 0;
	    top: -49px;
   		width: 100px;
	}

	.award a.thumbnail-link img.wreath {
		height: 52px;
		left: 122px;
    	top: 43px;
	    width: 52px;
	}

	div#award-intro {
	    padding: 20px 100px 10px 0;
	}
	
	.ziggeo-wrapper {
		height: auto;
		width: 100%;
	}

	.bslzone-player h1.img-replace {
		margin: 20px 0 0;
	}

	.linked-mod-section-wrapper {
		background: #21252f; 
		padding: 20px 30px 30px;
	}

	.main-content ul.partner-logos li {
		height: 146px;
		width: 50%;
	}

	.main-content ul.partner-logos li .image-wrapper {
		height: 84%;
	}

	.main-content ul.partner-logos li:nth-child(2n+2) .image-wrapper {
		border-right: 2px solid #e4e4e4;
	}

	.main-content ul.partner-logos li .image-wrapper img {
		max-height: 100px;
		max-width: 150px;
	}

	.tv-programme-schedule .main-content ul.article-list img,
	.tv-programme-schedule .main-content ul.article-list .text-wrapper,
	.tv-programme-schedule .main-content ul.article-list .details,
	.tv-programme-schedule .main-content ul.article-list .timings {
		clear: both;
		padding: 0;
		margin: 5px 0;
		width: 100%;
	}

	.tv-programme-schedule .main-content ul.article-list .channel-details {
		clear: both;
		padding: 2%;
		margin: 5px 0;
		width: 96%;
	}

	.tv-programme-schedule .main-content ul.article-list .channel-details p {
		clear: both;
		width: 96%;
	}

	.ln-letters {
		overflow: visible;
		border-left: 1px solid #0774a7;
		border-top: 1px solid #0774a7;
	}

	.ln-letters a {
		border-top: none;
		border-left: none;
		border-right: 1px solid #0774a7;
		display: inline-block;
		float: left;
		padding: 2%;
		width: 10%;
	}

	.ln-letter-count {
		display: none;
	}

	.az-list div.prog-item {
		clear: both;
		margin: 0 0 15px 0;
		width: 100%;
	}

	.awards div#award-intro {
		padding: 20px 0 10px 0;
	}

	.awards img#bsl-wreath {
	    top: -55px;
	    width: 80px;
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1 {
		font-size: 180%;
	}

	.container .three.columns.logo {
		width:150px;
	}

	.logo img {
		height: auto;
		width:100%;
		margin: 2px 0 0 2px;
	}

	#user-nav form input.inputbox:focus,
	#user-nav form input.inputbox:active {
		width: 355px;
	}
	
	.prog-list div.prog-item, .prog-list div.prog-item.last, .category-list div.category-item, .category-list div.category-item:nth-child(4n+2) {
		height: 150px;
		width:205px;
	}

	.prog-list div.prog-item, .prog-list div.prog-item.last {
		height: 180px;
	}

	.category-list div.category-item:nth-child(2n) {
		width: 205px;
		margin-right: 0;
	}

	.flexslider.bslzone-theme, .flexslider.bslzone-theme .flex-viewport, .flexslider.bslzone-theme ul.slides li {
		height:220px;
	}

	.latest-theme,
	.homepage-feature-item {
		height: 150px!important;
		margin: 0 0 8px;
		width: 418px;
	}

	.support-us {
		height: 127px!important;
		margin: 0 0 8px;
		width: 195px;
	}

	.latest-theme div.thumbnail, .support-us div.thumbnail {
		width: 205px;
	}

	.latest-theme div.thumbnail img {
		width: 120%;
		max-width: 120%;
		margin-left: -10%;
	}

	.category-list div.category-item div.category-details {
		width: 185px;
	}

	.category-list div.category-item h2 {
		font-size: 100%;
		line-height: 1em;
		padding: 0 0 5px;
	}

	.prog-list div.prog-item div.prog-details {
	    padding: 5px 7px;
	    width: 191px;
	}
	
	.prog-list div.prog-item h2 {
		font-size: 100%;
		line-height: 1em;
		padding: 0 0 5px;
	}

	.prog-list div.prog-item p {
		font-size: 90%;
		line-height: 1em;
		padding: 10px 0 0;
	}

	input.email {
		padding-right:115px !important;
	}
	
	.staff-details {
		width:65%;
	}
	
	.mod-commissions a span {
		font-size:80%;
	}
	
	.flex-gallery-slider li img {
		max-height:315px;
	}
	
	.flexslider.bslzone-theme .slides a {
		height: 220px;
	}

	.deaflympics #showcase-visual-module a {
		height:133px;
	}

	.award a.thumbnail-link img.wreath {
		height: 50px;
		left: 80px;
    	top: 23px;
	    width: 50px;
	}

	#bslzone-gsc .gs-web-image-box-portrait img.gs-image,
	#bslzone-gsc .gs-web-image-box-landscape img.gs-image,
	#bslzone-gsc .gs-image-box.gs-web-image-box.gs-web-image-box-portrait,
	#bslzone-gsc .gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
	    width: 200px;
	}

	.mobile-only{display:inline;}
	.tablet-only{display:inline;}
	.desktop-only{display:none!important;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	#hdr-logo {
		height: 40px;
	    width: 90px;
	}
	
	h1 {
		font-size: 180%;
	}	
	
	h2 {
		font-size: 140%;
	}	
	
	h3 {
		font-size: 100%;
	}
	
	.container .three.columns.logo {
		width:100px;
	}

	.logo img {
		height: auto;
		margin: 8px 0 0 2px;
		width:100%;
	}

	nav ul.main-nav {
		width:300px;
	}

	#user-nav {
		width: 300px;
	}
	
	#user-nav li#search-form {
		width: 280px;
	}

	#user-nav form input.inputbox:focus,
	#user-nav form input.inputbox:active {
		width: 235px;
	}

	#mobile-search .search-container form input.inputbox, 
	#mobile-search .search-container form input.inputbox:focus {
	    width: 235px;
	}

	.category-list div.category-item, .category-list div.category-item:nth-child(4n+2) {
		height: 105px;
   		width: 146px;
	}

	.category-list div.category-item:nth-child(2n) {
		width: 146px;
		margin-right: 0;
	}
	
	.latest-theme,
	.homepage-feature-item {
		height: 130px!important;
		width: 300px;
		margin: 0 0 8px;
	}

	.support-us {
		height: 107px!important;
		width: 136px;
		margin: 0 0 8px;
	}

	.support-us h2 {
		width: 70%;
	}

	.support-us:hover h2 {
		width: 75%;
	}

	.latest-theme div.thumbnail, .support-us div.thumbnail {
		width: 146px;
	}

	.latest-theme div.thumbnail img {
		width: 140%;
		max-width: 140%;
		margin-left: -10%;
	}

	.category-list div.category-item div.category-details {
	    padding: 5px 5px 1px;
		width: 137px;
	}

	.category-list div.category-item:hover div.category-details {
	    padding: 5px;
	}

	.category-list div.category-item a:hover div.category-details {
		padding: 5px;
	}

	.category-list div.category-item h2 {
		font-size: 100%;
		line-height: 1em;
		padding: 0 0 5px;
	}

	.prog-list div.prog-item, .prog-list div.prog-item.last {
		height: 155px;
		width:146px;
	}

	.prog-list div.prog-item div.prog-details {
	    padding: 2px 5px;
	    width: 137px;
	}

	.prog-list div.prog-item h2 {
		font-size: 100%;
		line-height: 1em;
		padding: 0 0 5px;
	}

	#bslzone-search-form input.text {
		width:87%;
	}
		
	.sidebar div.bsl-filter {
		width:50%;
	}

	#you-might-like ul.slides li a img {
		padding:10px 0;
	}

	.flexslider.bslzone-theme, .flexslider.bslzone-theme .flex-viewport, .flexslider.bslzone-theme ul.slides li {
		height:170px;
	}
	
	.bsl-zone .blue-header h1.three {
		width:94%;
	}
	
	.blue-header nav.tab-nav ul {
		width:80%!important;
		margin-right:-10px;
	}
	
	.blue-header nav.tab-nav li a {
		font-size:80%;
	}
	
	.mobile-sub-nav li {
		margin:0 3px 5px 0;
	}
	
	.mobile-sub-nav li a {
		font-size:85%;
		padding: 0 5px;
		line-height:22px;
	}

	.homepage-subnav li {
		margin:10px 5px 0 0 ;
	}
	
	.flex-gallery-slider li img {
		max-height:225px;
	}

	.flexslider.bslzone-theme .slides a {
		height: 168px;
	}
	
	.deaflympics #showcase-visual-module a {
		height:94px;
	}

	.clock div {
	    float: right;
	    padding: 0 0 0 5px;
	    width: 160px;
	}

	.speech-bubble-top {
		top:-16px;
	}

	.speech-bubble-btm {
		bottom:-49px;
	}

	.provider-info div {
		padding: 40px 0 0;
	}

	.provider-info div p {
		font-size: 110%;
		line-height: 1em;
		padding: 10px 10px 0;
	}

	.provider-info img.provider-logo {
		width: 90px;
	}

	.provider-details {
		min-height:260px;
		height:auto !important;
		height:260px;
	}

	.provider-details h2#how {
		font-size: 115%;
		top: 0;
	}

	.service-providers li {
		width: 30%;
	}

	p.provider-intro {
		font-size: 100%;
		margin-top: -70px;
	}
	
	.article-list.award li {
	    border-bottom: 0;
	    padding: 20px 0 10px;
	}

	.blue .award a.thumbnail-link {
		border-bottom: 0;
		width: 100%;
	}

	.awards .blue .award a.thumbnail-link {
		width: 100%;
	}

	.award a.thumbnail-link img.wreath {
		bottom: 10px;
		height: 70px;
	    left: 220px;
	    top: auto;
	    width: 70px;
	}

	.award table {
	    float: none;
	    width: 100%;
	}

	#bslzone-gsc .gs-web-image-box-portrait img.gs-image,
	#bslzone-gsc .gs-web-image-box-landscape img.gs-image,
	#bslzone-gsc .gs-image-box.gs-web-image-box.gs-web-image-box-portrait,
	#bslzone-gsc .gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
	    width: 100px;
	}

	.mobile-only{display:inline;}
	.tablet-only{display:none;}
	.desktop-only{display:none!important;}

	.main-content ul.partner-logos li {
		height: 156px;
	}

	.main-content ul.partner-logos li .image-wrapper {
		height: 89%;
	}

	.main-content ul.partner-logos li .image-wrapper img {
		max-width: 100px;
	}

	.ln-letters a {
		padding: 2.7%;
		width: 10.9%;
	}
}