/* prevent ios scrolling tobottom of page when clicking on fixed sticky bottom bar */
html,body{
    -webkit-overflow-scrolling : touch !important; /**/
   /* overflow: auto !important; /**/
    height: 100% !important; /**/
}

/* override font for jq datepicker */
#ui-datepicker-div {
	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif !important;
	z-index: 99 !important;
}
#ui-widget {
	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif !important;
}

/* reformat embedded video assuming 16:9 */
.node-full .jwplayer {

	height:0 !important;
	padding-bottom: 56.25% !important;
}

/* modify so that header doesn't overlap sticky bar */
.site-content {
    z-index: 11 !important;
}
/* modify so that newsletter bar will sit flush above footer */
.site-content__inner {
    padding-bottom: 0 ;
}

/*
used to be a footer problem on culture_event nodes
	this is a workaround
NB 22/11/2016 removed as no longer needed

.node-type-culture-event .footer.wrapper {
	clear:both;
	width: 100%;
}
*/

.wbold {
	font-weight: bold !important;
}
/* default laptop font sizes */
	.f15  { font-size: 0.8167em;	line-height: 1.5em; 	font-weight: normal; }
	.f18  { font-size: 0.9800em;	line-height: 1.5em; 	font-weight: normal; }
	.f20  {	font-size: 1.0000em;	line-height: 1.5em; 	font-weight: normal; }
	.f24  { font-size: 1.3000em;	line-height: 1.3em; 	font-weight: normal; }
	.f24-18  { font-size: 1.3000em;	line-height: 1.3em; 	font-weight: normal; }
	.f30  { font-size: 1.7000em;	line-height: 1.1em; 	font-weight: normal; }
	.f30-24  { font-size: 1.7000em;	line-height: 1.1em; 	font-weight: normal; }
	.f60  { font-size: 3.4000em;	line-height: 0.9em; 	font-weight: normal; }
	.f60-30  { font-size: 3.4000em;	line-height: 0.9em; 	font-weight: normal; }

@media (min-width: 990px) and (max-width: 1219px) {
	.f15  { font-size: 0.6966em;	line-height: 1.28em; }
	.f18  { font-size: 0.8359em;	line-height: 1.28em; }
	.f20  { font-size: 0.8529em;	line-height: 1.28em; }
	.f24  { font-size: 1.1088em;	line-height: 1.1em;	}
	.f24-18  { font-size: 1.1088em;	line-height: 1.1em;	}
	.f30  {	font-size: 1.4500em;  	line-height: 1em;	}
	.f30-24  {	font-size: 1.4500em;  	line-height: 1em;	}
	.f60  { font-size: 2.9000em;	line-height: 1em;	}
	.f60-30  { font-size: 2.9000em;	line-height: 1em;	}
}
@media (min-width: 768px) and (max-width: 989px) {
	.f15  { font-size: 0.5765em;	line-height: 1.28em; }
	.f18  { font-size: 0.6918em;	line-height: 1.1em;	}
	.f20  { font-size: 0.7059em;	line-height: 1.1em;	}
	.f24  { font-size: 0.9176em;	line-height: 1em;	}
	.f24-18  { font-size: 0.9176em;	line-height: 1em;	}
	.f30  {	font-size: 1.2000em;	line-height: 1em;	}
	.f30-24  {	font-size: 1.2000em;	line-height: 1em;	}
	.f60  { font-size: 2.4000em;	line-height: 1em;	}
	.f60-30  { font-size: 2.4000em;	line-height: 1em;	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.f15  { font-size: 0.5765em;	line-height: 1.28em; }
	.f18  { font-size: 0.6918em;	line-height: 1.1em;	}
	.f20  { font-size: 0.7059em;	line-height: 1.1em;	}
	.f24  { font-size: 0.9176em;	line-height: 1em;	}
	.f24-18  { font-size: 0.6918em;	line-height: 1.1em;	}
	.f30  {	font-size: 1.2000em;	line-height: 1em;	}
	.f30-24  { font-size: 0.9176em;	line-height: 1em;	}
	.f60  { font-size: 2.4000em;	line-height: 1em;	}
	.f60-30  { font-size: 1.2000em;	line-height: 1em;	}
}
@media (min-width: 320px) and (max-width: 479px) {
	.f15  { font-size: 0.6445em;	line-height: 1.5em; }
	.f18  { font-size: 0.65em;     line-height: 1em; } 
	.f20  {	font-size: 0.7667em;	line-height: 1.5em; }
	.f24  { font-size: 0.8667em;	line-height: 1em; }
	.f24-18  { font-size: 0.7533em;	line-height: 1.5em; }
	.f30  { font-size: 1em;      line-height: 1em; } 
	.f30-24  { font-size: 0.8667em;	line-height: 1em; }
	.f60  { font-size: 2.2667em;	line-height: 1em; }
	.f60-30  { font-size: 1.1333em;	line-height: 1em; }
}
@media  (max-width: 319px) {
	.f15  { font-size: 0.4084em;	line-height: 1.25em; }
	.f18  { font-size: 0.4900em;	line-height: 1.1em; }
	.f20  {	font-size: 0.5000em;	line-height: 1.1em; }
	.f24  { font-size: 0.6500em;	line-height: 1em; }
	.f24-18  { font-size: 0.4900em;	line-height: 1.1em; }
	.f30  { font-size: 0.8500em;	line-height: 1em; }
	.f30-24  { font-size: 0.6500em;	line-height: 1em; }
	.f60  { font-size: 1.7000em;	line-height: 1em; }
	.f60-30  { font-size: 0.8500em;	line-height: 1em; }

}

/* 	NB fxx-yy classes
	normally fxx
	but swap to fyy on mobile <768px
	*/


.site-content__header.c6633 .node-location{
	margin-bottom: 3.861%; /* 50/1295 */

}
.site-content__main.c6633 {
	/*margin-top: 3.861%; /* 50/1295 */
}
.site-content__sidebar.c6633 {
	/*margin-top: 3.861%; /* 50/1295 */
}
.site-content__footer.c6633 {
	margin-top: 3.861%; /* 50/1295 */
}

.site-content__body {
    margin-left: 0%;
    margin-right: -100%;
    width: 100%;
}



.site-content__main > * {
    margin-right: 0;
}










.home_blog_left {
	float:left;
	width:100%; /*was 33% but changed until blog added*/
/*	border:dashed red 1px;*/
	color: #000000;
	line-height: 1;
}
.home_blog_left .text1 {

    margin-top: 0px;
}
.home_blog_left .text2 {
    margin-top: 10px;
}
.home_blog_left .url {
    margin-top: 10px;
    margin-bottom: 10px;
}

.home_blog_right {
	float:right;
	width:0; /*was 66% but changed until blog added*/
/*	border:dashed blue 1px; */
}

.linkbox {
	width:50px;
	height:50px;
	background-size: 100% 100%;
}

.linkbox.white_on_transparent {
	background-color: #666666; /* will be overwritten by template */
	cursor:pointer;
	float:right;
	background-image: url(../images/linkbox-white-on-transparent.png);
}
.photograph__overlay .linkbox.white_on_transparent {
	width: 3.660%; /* 50/1366 */
	padding-bottom: 3.660%; /* 50/1366 */
	height:0;
    float: left;
    margin-top: 2%;
}


.linkbox.black_on_white {
	float:right;
	background-image: url(../images/linkbox-black-on-white.png);
}
.linkbox.black_on_yellow {
	float:right;
	background-image: url(../images/linkbox-black-on-yellow.png);
}

.twhite {
	color:#ffffff !important;
}
.tblack {
	color:#000000 !important;
}




.downloadbox {
	width:50px;
	height:50px;
	background-size: 100% 100%;
}
.downloadbox.black_on_white {
	float:right;
	background-image: url(../images/downloadbox-black-on-white.png);
}




/*
STYLING FOR SOCIAL FEEDS
*/

.social3 {
	display: inline-block;
	float:left;
	width:31.25%;
	margin-right:3.125%;
}
@media  (max-width: 767px) {
	.social3 {width:100%;margin-right:0;margin-bottom: 10%;	}
}
.social3.a3 {
	margin-right: 0;
	margin-bottom: 0;
}


.social2 {
	display: inline-block;
	float:left;
	width: 47.647%; /* 405/850 */
	margin-right:4.706% !important;
}
.social2.a2 {
	margin-right: 0 !important;
}


#content-footer .social3_last.social3 {margin-right: 0 !important;}
.social3 img {
	margin-bottom:0px;
	float:left;
}


.twitter_feed .topbar {
	position: relative;
	float:left;
	width: 100%;
    height: 0;
    padding-bottom: 22.222%; /* 90/405 */
/*	background-color: #78ccf0;*/
    color: #ffffff;
    background-image: url("../images/twitter-header.png");
    background-size: 100% 100%;
}
.twitter_feed .topbar .bg {
    position: absolute;
    right: 0;
    width: 26.667%;
}
.twitter_feed .topbar .text1 {
    padding-left: 7.407%; /* 30/405 */
}
.twitter_feed .content {
	position: relative;
	float:left;
	width: 100%;
    height: 480px;
    background-color: #dddddd;

/*    height: 0;
    padding-bottom: 118.519%; /* 480/405 */
    overflow-y: auto;
}



.facebook_feed .topbar {
	position: relative;
	float:left;
	width: 100%;
    height: 0;
    padding-bottom: 22.222%; /* 90/405 */
/*	background-color: #547bbd;*/
    color: #ffffff;
    background-image: url("../images/facebook-header.png");
    background-size: 100% 100%;
}
.facebook_feed .topbar .bg {
    position: absolute;
    right: 0;
    width: 26.667%;
}
.facebook_feed .topbar .text1 {
    padding-left: 7.407%; /* 30/405 */
}
.facebook_feed .content {
	position: relative;
	float:left;
	width: 100%;
/*    height: 0;
    padding-bottom: 118.519%; /* 480/405 */
 /*   padding-bottom: 140.741%; /* 570/405 */
   /* overflow-y: auto;*/
}

.facebook_feed .content .fb_iframe_widget {
	width: 100%;
}


.instagram_feed .topbar {
	position: relative;
	float:left;
	width: 100%;
    height: 0;
    padding-bottom: 22.222%; /* 90/405 */
    color: #ffffff;
    background-image: url("../images/instagram-header.png");
    background-size: 100% 100%;
}
.instagram_feed .topbar .bg {
    position: absolute;
    width: 100%;
}
.instagram_feed .topbar .text1 {
    padding-left: 7.407%; /* 30/405 */
}
.instagram_feed .content {
	position: relative;
	float:left;
	width: 100%;
    height: 480px;
    border: 1px solid #dddddd;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    overflow-y: auto;
}
.social3.instagram_feed .content .user {
	width: 96%;
	margin:2% 2% 0 2%;
}

.social3.instagram_feed .content .photo {
	width:32%;
	height:auto;
	margin-top:2%;
	margin-right:2%;
}
.social3.instagram_feed .photo.p3 {margin-right:0;}
.social3.instagram_feed .photo.p6 {margin-right:0;}
.social3.instagram_feed .photo.p9 {margin-right:0;}
.social3.instagram_feed .photo.p12 {margin-right:0;}



.node-teaser {
	overflow: hidden; /* protect against portrait images flowing out of bottom */
}

/*
 STYLING FOR across5 for home page
*/
.across5.view {
	clear:both;
}
.across5 .views-row {
	position: relative;
	float:left;
	width:19.073359%;
    padding-bottom: 19.073359%;
	margin-right:1.1583011%;
	margin-top: 1.157%; /* 15/1296 */
}
.across5.artefact .views-row {
    padding-bottom: 26%;
}
.across5.story .views-row {
    padding-bottom: 26%;
}

/*
.across5.view-home-events .node-culture-event {
	position: absolute;
	width:100%;
	height:100%;
    background-color: #dddddd;
    overflow: hidden;
}
*/
.across5 .node-teaser {
	position: absolute;
	width:100%;
	height:100%;
    background-color: #dddddd;
}
.across5 .node-teaser .overlay.bg {
    overflow: hidden;
}
.across5 .node-home {
	position: absolute;
	width:100%;
	height:100%;
    background-color: #dddddd;
}
.across5 .node-home .overlay.bg {
    overflow: hidden;
}
.across5 .views-row.views-row-5 {margin-right: 0;}
.across5 .views-row.views-row-10 {margin-right: 0;}
.across5 .views-row.views-row-15 {margin-right: 0;}

.view-content .views-row:last-child {margin-right: 0;}

.across5 .views-row .item-wrapper{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	margin-bottom: 0;
	float:left;
}

.across5 .views-row img {
	float:left;
	margin-bottom: 0;
}
.across5 .views-row .pwrap {
	position: absolute;
	color:#ffffff;
	text-align: center;
	bottom:50%;
	width: 94%;
    margin: 0;
    padding: 0 3%;
}


/*
 STYLING FOR across3 for landing pages
*/

.across3 .views-row {
	position: relative;
	float:left;
	width:31.274%;	/* 405/1295 */
    padding-bottom: 31.274%;
	margin-right:3.0888%;	/* 40/1295 */
	margin-top: 3.0888%;	/* 40/1295 */
}

.across3 .node-teaser {
	position: absolute;
	width:100%;
	height:100%;
    background-color: #dddddd;
}
.across3 .node-teaser .overlay.bg {
    overflow: hidden;
}
.across3 .views-row.views-row-3 {margin-right: 0;}
.across3 .views-row.views-row-6 {margin-right: 0;}
.across3 .views-row.views-row-9 {margin-right: 0;}
.across3 .views-row.views-row-12 {margin-right: 0;}
.across3 .views-row.views-row-15 {margin-right: 0;}
.across3 .view-content .views-row:last-child {margin-right: 0;}





.overlay {
    position: absolute;
/*    top: 0;
    left: 0;*/
    width: 100%;
    height: 100%;
	margin-bottom: 0;
}
.overlay img {
	width:100%;
	height:auto;
	margin:0;
	padding: 0;
}






.iwrap {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}















/* quote styling */
blockquote.pull-quote__wrap {
	width: 60%;
    float: left;
    padding: 0 0 0 40%;
    color: #000000;
    background-color: transparent;
}
blockquote.pull-quote__wrap:before {
    content: "“";
    line-height: 0.75em;
    color: red;
    width: 100%;
    float: left;
    font-size: 7em;
    margin-bottom: -0.4em;
    margin-left: -0.07em;
}
blockquote.pull-quote__wrap:after {
    content:  "”";
    line-height: 1em;
    color: red;
    height: initial;
    font-size: 7em;
    visibility: initial;
    width: 100%;
    float: left;
    text-align: right;
    margin-bottom: -0.6em;
    margin-right: -0.6em;
    margin-top: -0.1em;
}
@media only screen and (max-width: 767px) {

	.sticky_bar.open   	.clone-mobile-header { display: block;}

	.sticky_bar			.tab-arrow-open { display: inline-block; }
	.sticky_bar.open   	.tab-arrow-open { display: none; }

	.sticky_bar			.inner3 { display: none; }
	.sticky_bar.open   	.inner3 { display: block; }

	.sticky_bar		   	.inner2 { width: 100%; }
	.sticky_bar.open   	.inner2 { width: 90%; }

	.text.text1 {
	    text-align: left;
	    margin: 0;
	    width: 100%;
	}
	.sticky_bar select#what {
	    width: 100%;
		margin-bottom: 24px;
	}
	.text.text2 {
	    text-align: left;
	    margin: 0;
	    width: 100%;
	}
	.sticky_bar select#where {
	    width: 100%;
		margin-bottom: 48px;
	}
	.text.text2 {
	    text-align: left;
	    margin: 0;
	    width: 100%;
	}

	.text.text3 { display:none;}
	.text.text4 {
		display:block;
	    text-align: right;
	    margin: 0;
	    float:right;
		margin: 20px 15px;
	}
	.sticky_bar .linkbox {
		float:right;
	}

	.sticky_bar			.tab-arrow-close { display: none; }
	.sticky_bar.open   	.tab-arrow-close { display: inline-block; }


	/* change home page to 2 across ... */
	.across5 .views-row {
		width:48%;
	    padding-bottom: 48%;
		margin-right:4%;
		margin-top: 4%;
	}
	.across5 .views-row.views-row-5 {margin-right: 4%;}
	.across5 .views-row.views-row-10 {margin-right: 4%;}
	.across5 .views-row.views-row-15 {margin-right: 4%;}
	.across5 .views-row.views-row-even {margin-right: 0;}

	.across5.view-home-events .views-row {
	    margin-bottom: 17% !important; /* extra clearance for black details section */
	}

	/* special coding for teams */
	.view-home-teams.across5 .views-row.views-row-1 {width:100% !important;margin-right: 0% !important;}
	.view-home-teams.across5 .views-row.views-row-2 {margin-right: 4%;}
	.view-home-teams.across5 .views-row.views-row-3 {margin-right: 0%;}
	.view-home-teams.across5 .views-row.views-row-4 {margin-right: 4%;}
	.view-home-teams.across5 .views-row.views-row-5 {margin-right: 0%;}

	.view-home-teams.across5 .views-row.views-row-6 {width:100% !important;margin-right: 0% !important;}
	.view-home-teams.across5 .views-row.views-row-7 {margin-right: 4%;}
	.view-home-teams.across5 .views-row.views-row-8 {margin-right: 0%;}
	.view-home-teams.across5 .views-row.views-row-9 {margin-right: 4%;}
	.view-home-teams.across5 .views-row.views-row-10 {margin-right: 0%;}




	/* change 3 column to 1 column */
	.across3 .views-row {
		width:100%;
	    padding-bottom: 100%;
		margin-right:0 !important;
		margin-top: 4%;
	}
/*	.across3 .views-row.views-row-3 {margin-right: 4%;}
	.across3 .views-row.views-row-6 {margin-right: 4%;}
	.across3 .views-row.views-row-9 {margin-right: 4%;}
	.across3 .views-row.views-row-12 {margin-right: 4%;}
	.across3 .views-row.views-row-15 {margin-right: 4%;}
	.across3 .views-row.views-row-even {margin-right: 0;}
*/

	/* change 2 column to 1 column */
	.social2 {
		width: 100%;
		margin-right: 0 !important;
	}
	.social2.a2 {
		margin-top: 10% !important;
	}



	/* debug stuff to emulate yellow mobile bar problem on iPad*/
/*	.header--desktop {
	    background-color: #5f5f5f;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    overflow: auto;
	    overflow-x: hidden;
	    left: -100%;
	}
	*/
	.photograph {display:none !important;}
}




/* blog stuff added 21st March 2017 */
.node-culture-custom.home_blog {
	width: 39.25%;
	float: left;
	margin-top: 25px;
}
.home_blog_left > div.text1 {
	font-weight: bold;
}
.home_blog {
	width: 59.5%;
	float: right;
	margin-top: 0%;
}

a.abi {
    border-bottom: 1px solid black;
    position: relative;
    float: left;
    width: 100%;
	text-decoration: none;
    padding-bottom: 1%;
    margin-bottom:2%;
}
a.abi .linkbox {
	position: relative;
	float:right;
	top:0;
	height:0;
    width: 6.75%;
    padding-bottom:6.75%;
    right: 1%;
	background-image: url(../images/linkbox-black-on-yellow.png);
}
a.abi:hover .linkbox {
	background-image: url(../images/linkbox-white-on-black.png);
}
a.abi .f18 {
    width: 92%;
    line-height: 1.3em;
}
a.abi:hover .f18 {
	text-decoration: underline;
}

a.abi .f15 {
	color: black !important;
	margin-top: 1%;
}
a.abi:hover .f15 {
}

.home_blog .more-link {
	display:none;
}
.home_blog ul{
    list-style-type: none;
    -webkit-padding-start: 0px;
}


.sharethis-culture {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 1em;	
}
.sharethis-culture>div {
    position: relative;
    float: right;
}
.sharethis-culture>div.label {
	margin-top: 4px;
    margin-right: 10px;
}
.sharethis-culture>div>div {
	display: inline-block !important; /* to prevent email button from turning off??*/
}