/* reset width to 100% for mobile on following containers/wrappers */
#wrapper-2, #wrapper-3, div#main, div#site-info, div#site-info div#site-info-container,
div#site-info div#site-info-container div#site-info-box{
    width: 100% !important;
    min-width: 100%;
    max-width: 100%;
	clear:both;
}

/* make wrapper static not absolute or relative */


#wrapper{
	position:static;
}

/* Header override*/

#branding{
    width:100%;
    border-bottom: 1px solid #E7E7E7;
    position: static;
    margin: 0;
    padding: 0;;
}

#branding-box{
 width:100%;
 display:block;
 overflow:hidden;
 }

#branding-box-left{
    border:0 none;
}


#branding-box-right{
    /*display:none;*/
	/*float:none;*/ /*display:block;
	clear:both;*/
	margin-right:60px;
}

#right-logo{display:none;}
#nav-meta{display:none;}
#branding-media {
    float: right;
    display: block;
    border-left: 1px solid #dfdfdf;
    height: 88px;
    overflow: hidden;
	margin-right:65px;
	margin:-10px 0;
}

#branding-media a{
    height: 80px;
    border-right: 1px solid #dfdfdf;
	line-height:40px;
	color: #353535;
    font-weight: 400;
    display: block;
    float: left;
    padding: 30px 10px;
}

#branding-media ul li{
	display: block;
    padding: 0px;
    border-right: 0 none;
    float: left;
    line-height: 100%;
}

#branding-media ul li span{
	display:none;
}

#branding-media i{
	font-size:30px;
	padding:0px; color:#000000;
}

/* Logo */
#logo{
    float: left;
    width:80px; height:auto;
    margin: 10px;
}
#logo img{
    width:100%;
}

/* Navigation menu */
#nav-global-menu-toggle {
    display: block;
    position: absolute;
    font-size: 2.5em;
    top: 7px;
    right: 7px;
    width: 52px;
    height: 52px;
    text-align: center;
	z-index:99991;
	color: #000000;
}

#nav-global-menu-toggle:before {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 100%;
    vertical-align: middle;    
}

#nav-global-menu-toggle:before
#nav-global, .navbar{
    width: 100%;
}

#nav-global{
    padding: 10px;
}

ul.global-nav-lv1 {
    display: none !important;
    z-index: 9999;
}

.searchbar .pull-right{
    width:100%;
}

/* Navigation Menu Slide for Mobile*/
.navbar-mobile {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #DDDDDD;
    z-index: 9999;
    border-right: 0px solid #CCCCCC;
    padding: 0;
    font-size:120%;
    overflow:scroll;
    
    -webkit-transition: all 2s; /* Safari */
    transition: all 2s;
}

.navbar-mobile .searchbar{
	display:none;
}

.navbar-mobile #searchbar {
	position: relative;
	top: -70px;
}

.navbar-mobile ul.global-nav-lv1{
	display:block !important;
	width:90%;
	margin: 0 auto;
	float:none;
	padding:0px;
	margin-top:100px;
}

li.global-nav-lv1 {
    float: none;
    display: block;
    margin: 0;
    color: #FFF;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #BBB;
    padding:10px 0;
}

.navbar-mobile li.global-nav-lv1{
	height:auto;
	text-align:left;
}


.navbar-mobile li.global-nav-lv1 span,
.navbar-mobile li.global-nav-lv1 a span,
.navbar-mobile li#navmeta-mobile.global-nav-lv1 a {
    color: #000000;
    margin: 0;
    padding: 0;
    list-style: none;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    font-size: 1em;
	font-weight:bold;
}

.navbar-mobile li#navmeta-mobile.global-nav-lv1 a {
	font-size: 77%;
}

.navbar-mobile a.navbar-mobile-close{
	display:none;
}

.navbar-mobile a.navbar-mobile-close:before {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 2em;
    vertical-align: middle;
    color: #FFF;
    position:absolute;
    right:20px;
    top:20px;
}

#navmeta-mobile #nav-meta {
    display: block;
    text-align: left;
    margin-left: -15px;
    color: #000;
}

.navbar-mobile li#navmeta-mobile.global-nav-lv1 ul li a {
    vertical-align: initial;
}

#navmeta-mobile #nav-meta li:after {
    font-size: inherit;
}

#navmeta-mobile #nav-meta li:first-child {
	padding-left: 15px;
}

#navmeta-mobile #nav-meta li {
	padding-left: 10px;
}

.navbar {
	width: 100%;
}

/* Sub menu */
ul.global-nav-lv2{
	position:static;
	overflow:hidden;
	background:transparent;
	border-bottom:0 none;
	box-shadow:none;
}

div.global-nav-lv2{
	width:100%;
}

.navbar-mobile .global-nav-lv2 .column .item, .navbar-mobile .global-nav-lv2 .column .item2{
	width:100%;
	float:none;
}

.navbar-mobile .global-nav-lv2 .column .item a, .navbar-mobile .global-nav-lv2 .column .item2 a{
	padding:0.75em 0 0.25em;
	color:#000000;
	font-size:0.75em;
	font-weight:bold;
}

.navbar-mobile .global-nav-lv2 .column .description{
	padding: 1px 0 0.5em 0;
	font-size:0.75em;
}

.navbar-mobile .global-nav-lv2 .column .item .subtitle {
   color: #888;
   display: block;
   padding: 1.5em 1.25em 0em 0em;
   text-transform: uppercase;
   font-size: 1em;
   font-weight: bold;
}

.navbar-mobile  .global-nav-lv2 .column .item2child {
   	display: inline-block;
   	vertical-align: top;
   	width: 100%;
}
.global-nav-lv2 .column .item-group-long,
.global-nav-lv2 .column .item-group-short {
	width: 100%;
}

.navbar-mobile .global-nav-lv1 .dropdown-backdrop {
	z-index:-1;
}
	
/* Bread crumbs */
#wrapper-2 #breadcrumbBG{
    padding: 10px;
}

#breadcrumb{
    width:100%;
}

#breadcrumb h5{
    display: block;
    margin-bottom: 10px;
}

/* Hide font options inside breadcrumb div for mobile view*/
#breadcrumb ul.font-nav{
	display:none;
}

/* About Us / Content Page */
#nav{
    width:100%;
    margin-bottom: 0px;
}
#nav-box {
    background: #F5F5F5 none repeat scroll 0% 0%;
    padding: 10px 0 0 0;
    width: 100%;
    margin: 0 auto;
}

#page-nav {
    display: block;
    background: #E2E2E2;
    padding: 20px;
    height: auto;
}

#nav-box ul {
    background: transparent;
    display: block;height:auto;;
}

#nav-box li.on strong, #nav-box a:hover, #nav-box a:active, #nav-box a:focus, #nav-box li.on a:hover, #nav-box li.on a:active, #nav-box li.on a:focus, #nav-box li strong, #nav-box li.on a{
    display: block;
    padding: 10px;
    border: 0 none;
    border-left: 5px solid #000;
    margin-left: -10px;
}

#nav-box .pageHeader{
    padding: 20px;
	width:100% !important;
}

#wrapper-3 > #main {
    overflow: visible;
    padding: 20px;
	float:none;
}


#nav-box .actions.on{
	width: auto;
	padding: 10px 20px;
	margin:15px;
}

/* footer */

#site-info div div{
    float:none;
}

#site-info #footerComponents, #site-info #lastUpdated {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    width: 100%;
}

#site-info li{
	display:block;
}

#site-info li:after{display:none;}

#site-info li:before{
    content: " . ";
    font-weight: 400;
    line-height: 4px;
    font-size: 30px;
	}

p#copyright {
    text-align: left;
    float: none;
    font-weight: 300;
    font-size: 13px;
    margin: 15px 0px;
    padding: 10px 20px;
}

/* Multi column layouts to vertical stack layouts */
/* Such as About Us Management page */

.multi-column{
    display:block;

}

.multi-column-item{
    display:block;
    padding:0 0 40px 0;
}

.item-for-2-columns-1_4{
    width:100%;
}

.item-for-2-columns-3_4{
    width:100%;
}

.col-xs-9{
    width:100%;
}

.col-xs-3{
    width: 100%;
}

.item-for-2-columns-2_3{
    width:100%;
}

.item-for-2-columns-1_3{
    width: 100%;
}


.grantStatus, .grantStatus .action h5{
    text-align: left;
}



.grantStatus .action h5{
    float:left;
}

.item-for-2-columns-4_5{
	width:100%;
}


/* Reset section image and caption alignments to display vertically stacked */
/*#main .text, #main .text-section {
    overflow: visible;
}

.text-section{
    position: relative;
    text-align: ;
    margin-top: -60px;
    overflow: visible;
    width: 100%;
}

.text-section img {
    max-width: inherit;
    height: 200px;
    left: -10%;
    position: relative;
}
*/

.bannerOverlayText, .textPosition{
    position: static;
    width: 100% !important;
    transform: inherit !important;
    padding: 10px 0 0 0;
}

.text-section img {
    width: 100%!important;
    height: auto;
    max-width: inherit;
	margin:0 auto;
	border:0 none;
	
}

/* subtitle */
.subtitle_emphasize{
    margin-top:20px;
}

/* listed text */
.numberedBulletedText ul{
    margin-left:0px;
}

/* Events page */
.col-xs-6{
    width:100%;
}

.events-overview-item{
    height:200px;
    width: 100%;
    margin-bottom: 10px;
}

/* Rotating Banner Fix */
/*#stage, .bx-wrapper{
	width:100% !important;
	max-width:100%;
}

.bx-wrapper .bx-viewport{
	height:auto;
	width:100%;
}

#rotator ul{
width:auto;
}

.bx-slider-item{
	width:100%;
}


.bx-wrapper img{
	width:100% !Important;
}*/

#stage{
	width:90%;
}

#stage a img {
    border: none;
    width: 100%;
}

#stage .text-section p {
    color: #000;
    width: 100%;
    float: none;
}

.multi-column-item{
padding-bottom:40px;
}

.colourPod-wrapper{
	display:none; 
}

.div-overlay-text-top, .div-overlay-text-center, .div-overlay-text-bottom{
	height:25%;
}
.rotatorImage .title-overlay-text p, .rotatorImage .subtitle-overlay-text p{
	font-size:small;
}

.sliderNavigator{
	float:right;
	margin-top:-18px;
}


#wrapper-2 #breadcrumbBG{
	padding:10px;
}

/* fixing table width/scroll issue */
.text-section table{
	display:block;
	overflow-x:auto;
	width:100% !important;
}

#extras {
	width: auto;
	margin: 20px;
	float: none;
}

.media {
    margin-right: 0;
    margin-left: 10px;
    float: none!important;
    display: block;
    width: auto;
    margin: 10px;
    border: 0 none;
}

.sliderNavigator{
	display:none;
}

#internalLinkWithIcon {
	width: 100%;
}
.chosen-container {
	width: 100% !important;
}

/* gtm event listing page */
.date-group-desktop {
	display: none !important;
}
.date-group-mobile {
	display: block !important;
}
.btn-group, .btn-group .btn, .filter-date-container {
    width: 100%;
    display: inline-block;
}
.gtm-events-filter .date-group {
	margin: 0px;
}
.gtm-events-filter .date-group-mobile .date-dropdown {
	width: 100%;
}
.gtm-events-filter .date-group-mobile a.date-dropdown.disabled {
	pointer-events: none;
	cursor: default;
	color: #eee;
}
.gtm-events-filter .events-filter-dates .dropdown-menu {
	max-height: 300px;
	overflow: hidden;
	overflow-y: visible;
	width: 100%;
}
.gtm-events-filter .events-filter-dates .date-group-mobile .dropdown-menu {
	left: 5%;
	width: 90%
}
#all-dates {
    border: 1px solid #000;
    border-bottom: 0;
	margin: 0;
}
.gtm-events-filter .filter-date-container {
	background-color: #FFF;
}
.gtm-events-filter .filter-date-container.date-disabled {
	background-color: #EEE;
	border: 0;
}
li.filter-date-container:hover,
li.filter-date-container > a:hover,
li.filter-date-container > a:focus,
li.filter-date-container:hover > a {
    background-color: #f5f5f5;
}
.gtm-events-grid-item {
	width: 50%;
    margin: 10px 0px;
    padding: 0px 5px 10px 0px;
    border-bottom: 1px solid #e4e4e4;
}
/* .gtm-events-grid-item > * {
    display: inline-block;
    width: 49%;
} */
.gtm-events-grid-item .price-tag {
	margin-left: -20px;
	float: none;
	margin-top: 5px;
	display: inline-block;
}
.gtm-events-filter .filter-date-container.date-selected {
	background-color: #f5f5f5;
}
.gtm-events-filter .date-dropdown {
	background-color: #fff;
    border: 1px solid #000;
    border-bottom: 0;
}
.gtm-events-grid-item div.eventItemData {
	vertical-align: top;
}
.pagination {
    float: none !important;
}
#gtmEvent-search select.chosen-select {
    width: 100% !important;
}

/* GTM events detail */
#eventDetails .rightAlign {
    float: none;
    position: relative;
    right: 0;
    top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
#eventDetails .leftColumn, #eventDetails .rightColumn {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
#eventDetails .rightColumn {
    padding-top: 0;
}
#detailedEventInfo {
    margin: 0;
    padding: 0;
}
#eventDetails .detailedInfoColumn, #relatedEventList .displayColumn {
    width: 100%;
    margin: 10px 0px;
    padding: 0px;
}
#detailedEventInfo div {
    padding: 0;
}
#detailedEventInfo .eventType {
	background: url("../img/corp/tickettype.jpg") no-repeat;
	padding-left: 20px; 
}
#relatedEventList .displayColumn{
	width: 49.4%
}
#timeImage, div .gtm-events-grid-item-datetime,
#locationImage, div .gtm-events-grid-item-venue {
	background: none;
}
#eventDetails h4 {
	font-size: 1.2em;
}
#detailedEventInfo div#timeImage::before {
    counter-increment: timeImage;
    content: counter(timeImage) ". ";
    font-size: 1.2em;
    font-weight: bold;
}
body {
	counter-reset: timeImage;
}
#detailedEventInfo div#locationImage {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
}
div .eventTitle {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
div .eventType-name {
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
h4.portfolio-post-title {
   	text-overflow: ellipsis;
   	overflow: hidden;
   	white-space: nowrap;
   	max-width: 150px;
   	line-height: 1.4em;
}
#gtmEvent-search select.chosen-select option[disabled]:first-child{
    display: none !important;
}
#gtmEvent-search-form .col-md-2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*World Without Arts*/
#wwa #nav {
	margin-bottom: 0px;
}
#wwa #stage {
  border-radius: 0 !important;
  width: 100% !important;
}
#wwa #wrapper-3 {
  box-shadow: none;
  clear: both;
}
#wwa #main {
  margin-bottom: 0px !important;
  width: 100% !important;
}
#wwa #nav-box h2 {
  font-size: 160%;
}
.wwa-programme-carousel-list {
	margin-top: 50px;
}
.wwa-programme-carousel-list .carousel-cell {
  width:calc(100% - 12px) !important;
  margin-right: 10px !important;
  border-radius: 5px !important;
}
.wwa-programme-carousel-list .flickity-viewport {
    min-height: 440px !important;
}
.wwa-footer-intro {
  display: block;
  padding: 30px 20px 30px 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.wwa-slider  .about-campaign {
  padding-left: 10px;
  padding-right: 10px;
}
.wwa-slider  .about-title {
  font-size: 20px !important;
  padding-top: 32px !important;
}
.wwa-slider .wwa-progress-bar .progress-bar-info .btn-give-now {
  display: none;
}
.wwa-slider .btn-give-now-pnl .btn-give-now {
  display: block;
  position: relative;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.wwa-slider .btn-give-now-pnl {
  display: block;
  width: 100%;
  position: relative;
}
.wwa-slider .about-arrow-pnl {
  	margin-top: 9px !important;
	position: relative;
}
.wwa-slider .about-arrow-label {
  font-weight: 500;
}
.wwa-slider .wwa-progress-bar .label-line-small {
  display: none;
}
.wwa-slider .wwa-progress-bar .label-line {
  height: 20px !important;
}
.wwa-slider .wwa-progress-bar .bar-step {
  margin-top: -5px !important;
}
.wwa-slider .wwa-progress-bar .progress-bar-info .progress-bar-amount-pnl {
  display: none;
}
.wwa-slider .wwa-progress-bar .progress-percent {
  display: inline-block;
  width: 50%;
  float: left;
  padding-top: 5px !important;
  font-size: 0.9em !important;
}
.wwa-slider .wwa-progress-bar .progress-bar-amount {
  display: inline-block;
  float: right;
  padding-top: 5px;
  font-size: 1.3em !important;
  font-weight: 900;
  text-align: right;
  padding-right: 20px;
}
.wwa-slider .progress-bar-details {
  width: 100% !important;
}
.wwa-slider .progress-bar-details-label {
  width: 100%;
  font-size: 1.5em !important;
}
.wwa-slider .wwa-progress-bar {
  padding:    5px 20px !important;
}
.wwa-slider .wwa-progress-bar .progress-bar-info {
  padding: 0px !important;
}
.wwa-slider .progress-bar-details-description {
  font-size: 0.8em !important;
  font-weight: bold !important;
}
.wwa-slider .glyphicon.glyphicon-chevron-left {
    margin-left: -24px !important;
}
.wwa-slider .glyphicon.glyphicon-chevron-right {
    margin-right: -24px !important;
}
.wwa-footer-intro-btn {
	clear: both;
}
.wwa-footer-intro-btn .btn-give-now {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
    float: none !important;
}
.wwa-footer-intro-title {
    display: block;
    height: 2em;
    font-weight: 900;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
}
.wwa-footer-intro-text {
	text-align: center;
	clear: both;
}
.wwa-footer-intro-text p{
	width: 100% !important;
}