/*********************************************************
 OVERWRITE - Philharmonia Website Code
*********************************************************/
header {
	padding-top: 48px!important;
	float: left;
	height: 0!important;
}
footer, #logos {
	width: 100%;
	float: left;
	box-sizing: border-box;
}
body {
	background: #FFF;
}
#container {
	height: 48px;
}
#main {
	width: 100%;
	/*min-height: 1200px!important;*/
	padding: 10px 0 0;
	float: left;
	box-sizing: border-box;
	overflow:hidden;
}
#main * { 
	line-height: 1.1;
}
#main p,#main h1,#main h2,#main h3,#main h4,#main h5,#main h6 { 
	padding: 5px 0px; 
	word-wrap: break-word;
}
#main li { line-height: 1.3; }
#main h1 { margin-bottom: 0px;}
h3 {
	margin-top: 0;
}
h5 {
	font-size: 15px;
	margin: 5px;
	font-weight: 900;
	font-style: italic;
}
h6 {
	font-size: 15px;
	margin: 5px 0;
	font-weight: 300;
}
ul {
	margin: 0;
	padding: 0;
}
li { 
	list-style: none;
	display: block;
}
#main li a, #main li a:hover {
	border: 0!important;
	color: inherit;
}
footer a, footer p {
	color: #fff!important;
}
a:hover {
	cursor: pointer;
}
#admin_page_controls {
	display: none;
}
#main button {
	font-size: 18px;
}
.top_nav_e,.social_e,#philharmonia_logoMobH {
	display: none;
	visibility: hidden;
}

#footer_blocker {
	display: none;
}
.grey_text {
	color: #AAA!important;
}
a .grey_text {
	color: #E83754!important;
	transition: 0.5s ease all;
}
a:hover .grey_text {
	color: #000!important;
	transition: 0.5s ease all;
}

/*********************************************************
 FRAMEWORK
*********************************************************/

/************************************
 UI FONT - Setup
************************************/

.uifont { font-family: 'Simple-Line-Icons'; margin: 0; padding: 5px 0; font-weight: 100; }

/************************************
 TEXT - Specific Types
************************************/
quote {
}

/************************************
 FONT SIZE - Setup
************************************/
body { 
	font-size: 15px;
}
.breadcrumbs {
	font-size: 14px;
}
.heading {
	font-size: 20px;
}
.subprint {
	font-size: 13px;
}

p.intro { font-size: 17px; line-height: 21px; }

/************************************
 TEXT ALIGN
************************************/
.l { 
	text-align: left; 
}
.r { 
	text-align: right;
}
.c {
	text-align: center;
}

/************************************
 PAGE - Setup
************************************/
.page_wrap {
	width: 100%;
	width: calc(100% - 80px);
	max-width: 1200px;
	margin: 0 auto;
}
.element_frame {
	height: auto;
	float: left;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.element_frame * {
	box-sizing: border-box;
}
.element_frame a:hover, element_frame a:focus {
	color: #000;
	transition: 0.5s ease color;
}
.element_frame a,.element_frame a:link,.element_frame a:visited,.element_frame a:active {
	color: #E83754;
	transition: 0.5s ease all;
}
.element_frame a:focus .highlights_media {
	opacity: 0.7;
}

/*********************************************************
 CMS Setup
*********************************************************/
#cms_switch {
	position: absolute;
	top: 50px;
	left: 10px;
	font-size: 30px;
	cursor: pointer;
}
#cms_switch.on_colour {
	color: #789B72;
	opacity: 1;
}
#cms_switch.off_colour {
	color: #C9C9C9;
	opacity: 0.5;
}
#cms_switch.on_colour:hover {
	color: #C9C9C9;
	opacity: 0.5;
	transition: 0.5s ease all;
}
#cms_switch.off_colour:hover {
	color: #789B72;
	opacity: 1;
	transition: 0.5s ease all;
}
.fi-info { 
	position: absolute;
	top: 90px;
	left: 10px;
	font-size: 30px;
	color: #C9C9C9;
	opacity: 0.5;
	transition: 0.5s ease all;
}
.fi-info:hover { 
	color: #3A9FD0!important;
	opacity: 1!important;
	transition: 0.5s ease all;
	cursor: pointer;
}
.fi-pencil { 
	position: absolute;
	top: 130px; 
	left: 10px;
	font-size: 30px;
	color: #C9C9C9;
	opacity: 0.5;
	transition: 0.5s ease all;
}
.fi-pencil:hover { 
	color: #C04547!important;
	opacity: 1!important;
	transition: 0.5s ease all;
	cursor: pointer;
}
#info_panel,#news_panel {
	width: 100%;
	min-height: 700px;
	padding: 45px;
	float: left;
	box-sizing: border-box;
	background: #F2F2F2;
	position: relative;
}


/************************************
 HEADER - Setup
************************************/
#header {
	width: 100%;
	height: 120px;
}
#header_left {
	width: 50%;
	text-align: left;
	float: left;
	padding-top: 28px;
}
#header_right {
	width: 50%;
	text-align: right;
	float: right;
	padding-top: 30px;
}
#header_right img {
	width: 225px;
	float: right;
}


/************************************
 NAVIGATION - Root Menu
************************************/
#root_menu {
	width: 100%;
	box-sizing: border-box;
	background: #F2F2F2;
}
#root_menu ul {
	width: 100%;
	height: 48px;
}
#root_menu li {
	height: inherit;
	margin: 0;
	transition: all 0.5s ease;
	float: left;
}

#root_menu li:hover, #root_menu li.elFocussed {
	background: #FFF;
	transition: background 0.5s ease;
}

#root_menu li a {
	letter-spacing: -0.2px;
}

#root_menu li a:focus {
	transition: color 0.5s ease;
	outline: none;
	color: #E83754;
}

#root_menu li a:active { background-color: transparent; }

#root_menu li table {
	width: 100%;
	height: inherit;
}
#root_menu li table tr td {
	text-align: center;
	vertical-align: middle;
}
#root_menu li.title {
	display: none;
}

/************************************
 NAVIGATION - Sidebar
************************************/
#sidebar {
	width: 280px;
	background: #F2F2F2;
	position: absolute;
	margin-top: 60px;
	padding: 10px 0px 15px 0px;
}
#sidebar li {
	padding: 10px 35px;
	text-transform:uppercase;
}
#sidebar ul:nth-child(1) {
	padding: 10px 0 5px;
}
#sidebar li a:hover, #sidebar li a:focus {
	color: #E83754;
	transition: color 0.2s ease;
	outline: none;
}
#sidebar ul.parent { margin-bottom: 10px; }

#sidebar .navInnerList { 
	color: #999; 
	padding: 10px 35px; 
	text-transform:uppercase;
	margin-top: 0px;
}

#sidebar .listDivider {
	height: 2px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	background: #FFF;
}
#sidebar li.sub_menu {
	margin: 0;
	padding: 0px 0px 0px 0px;
	min-height: 17px;
	text-transform:none;
}
#sidebar li.sub_menu a { 
	display: inline-block; 
	padding: 5px 0px 5px 10px; 
	margin-left: 40px; 
	border-left: 2px #E83754 solid !important; 
}

#sidebar li:hover::before, #sidebar li.current::before, #sidebar li.elFocussed::before  {
    content: ">";
	margin-left: -45px;
	padding: 25px;
	padding-right: 10px;
}

#sidebar li.sub_menu:hover::before, #sidebar li.sub_menu.current::before, #sidebar li.sub_menu.elFocussed::before {
	margin-left: -9.5px;
	padding-right: 0px; 
	padding-left: 25px;
}
#sidebar li.sub_menu:hover a, #sidebar li.sub_menu.current a, #sidebar li.sub_menu a:focus {
	margin-left: 15px; 
}

/************************************
 BREADCRUMBS
************************************/
.breadcrumbs {
	width: 100%;
	height: 20px; 
	padding: 10px 0 20px 0;
	float: left;
}
.breadcrumbs ul {
	padding: 0;
}
.breadcrumbs li {
	float: left;
	margin-right: 5px;
}
.breadcrumbs li a {
	color: inherit;
	transition: all 0.5s ease;
}
.breadcrumbs li a:hover, .breadcrumbs li a:focus {
	color: #323232;
	transition: all 0.5s ease;
}

/************************************
 LIST - Setup
************************************/
#main li.active {
	color: #000;
	transition: all 0.2s ease;
}
#sidebar li:hover, #root_menu li:hover, #main .breadcrumbs li.inactive:hover, #main .breadcrumbs li.inactive:focus, #main li.elFocussed {
	color: #E83754;
	background: #FFF!important;
	transition: all 0.2s ease;
}
#main li.inactive {
	color: #999;
}
#main li.current {
	color: #E83754;
	background: #FFF!important;
	cursor: default;
}
#main li.current a:hover {
	/*cursor: default;*/
}

/************************************
 COMPONENT - Arrows
************************************/

.arrow_top,.arrow_bottom,.arrow_left,.arrow_right {
}

/* EVENT ARROWS */
.arrow_left {
	transform: rotate(-180deg);
}
.arrow_right {
}

/************************************
 PLACEHOLDERS - Design
************************************/
.page_banner_placeholder {
	width: 100%;
	background: #CCC;
	text-align: center;
	font-size: 275px;
	padding: 60px 0;
	color: #FFF!important;
}

/************************************
 ELEMENTS
************************************/

.noSidebarElement { width: 100%; }
.sideBarElement { 
	width: 600px;
	width: calc(100% - 310px); 
	margin-left: 310px; 
}

/************************************
 ELEMENTS - Page Header
************************************/
.page_title {
	margin-bottom: 10px!important;
}
.noSidebarElement.page_title {
	text-align: center;
}

/************************************
 ELEMENTS - Page Banner (1)
************************************/
.page_banner {
	width: 100%;
	padding-bottom: 36.25%;
	position: relative;
	background-size: cover;
	background-repeat: none;
}

.page_banner_wrapper {
	width: 100%;
	position: relative;
}

.bannerCredit {
	position: absolute;
	width: auto;
	bottom: 0px;
	right: 0px;
	background: rgba(0,0,0,0.2);
}
#main .bannerCredit p {
	padding: 3px 5px;
	margin-bottom: 0px;
	font-size: 13px;
	color: #fcfcfc;
}

/************************************
 ELEMENTS - Page Banner (3)
************************************/
.page_banner_three {
	width: 30%;
	width: calc((100% - 60px) / 3);
	padding-bottom: 16.25%;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
}

.page_banner_three:first-child {
	position: static;
}

.page_banner_three:nth-child(2) {
	top: 0px;
	left: 35%;
	left: calc((100% - 80px) / 3 + 40px);
}

.page_banner_three:nth-child(3) {
	top: 0px;
	right: 0px;
}

/************************************
 ELEMENTS - Controller Block
************************************/
.controller_block {
	background: #EEE;
}
.cb_block {
	padding: 30px;
	text-align: center;
	float: left;
	box-sizing: border-box;
}
.cb_block h4 {
	margin-top: 0px;	
}
.cb_block.col_2 {
	width: 200px;
	padding-right: 0px;
}
.cb_block.col_8 {
	width: 70%;
	width: calc(100% - 420px);
	margin-left: 20px; 
}
.cb_block img {
	width: 100%;
	margin: 20px 10px;
}
.cb_block select {
	width: 60%;
	height: 40px;
	margin-top: 5px;
}
#region {
	width: 0;
	height: 0;
	margin-top: -50px;
	float: left;
}

/************************************
 ELEMENTS - Aggregation Block
************************************/
.aggregation_wrapper {
	position: relative;
	float: left;
}
.aggregation_banner,.aggregation_news,.aggregation_events,.aggregation_highlights {
	box-sizing: border-box;
}
.aggregation_banner {
	width: 100%;
	text-align: center;
}
.aggregation_banner h2 {
	margin-left: 30px;
	margin-right: 30px;
}
.banner_image {
	margin-top: 15px;
	background: #000000;
}
.banner_image .page_banner {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	height: 200px;
	padding-bottom: 0px;
	position: relative;
	background-repeat: none;
	background-position:center;
}
.banner_copy {
	width: 100%;
	padding: 30px;
	float: left;
	background: #EEE;
}
#main .banner_copy .page_wrap p {
	padding: 0px;
}
#main .banner_copy .page_wrap p:last-child {
	margin-bottom: 0px;
}
#main .banner_copy .page_wrap p:first-child {
	margin-top: 0px;
}
.aggregation_news {
	float: left;
	width: 60%;
}
.news_empty, .events_empty {
	border-top: 1px #ccc solid;
}
.aggregation_news h3,.aggregation_events h3 {
	padding-bottom: 20px;
}

.events_container_prev,.events_container_next {
	display: none;
}
.news_container {
	width: 100%;
	margin: 0 0 20px!important;
	float: left;
	position: relative;
	border-width: 1px 0 0 0;
	border-color: #CCC;
	border-style: solid;
}
.news_copy,.news_media {
	width: 50%;
}
.news_media {
	float: right;
	height: 218px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.news_copy {
	float: left;
	height: 207px;
	margin: 10px 0!important;
	overflow: hidden;
}
.news_copy_inner p, .news_body p {
	display: block;
}
.news_container .readMoreBtn {
	background-color: transparent;
	padding: 0px;
	width: 50%;
	height: 20px;
	color: #E83754 !important;
	font-size: 15px !important;
	padding-top: 4px;
	text-align: left;
	float: none;
}
.news_extended {
	clear: both;
	overflow: hidden;
}
.news_container .readMoreBtn:hover, .news_container .readMoreBtn:focus {
	color: #000 !important;
}

.news_copy h6, .news_copy p{
	margin-right: 20px !important;
}
.news_title {
	font-size: 20px;
	padding-bottom: 10px;
}
.news_date {
	color: #666666 !important;
	margin-bottom: 5px;
}
#main .news_body {
	line-height: 1.3;
}
.aggregation_events {
	width: 40%;
	float: right;
}
.aggregation_events h2, .aggregation_events .events_holder {
	margin-left: 40px;
}
.events_container {
	padding: 0px 25px;
	margin-bottom: 20px;
	box-sizing: border-box;
	border-width: 0 0 0 3px;
	border-color: #E83754;
	border-style: solid;
}
#main .element_frame .events_container p, #main .element_frame .events_container h1, #main .element_frame .events_container h2, #main .element_frame .events_container h3, #main .element_frame .events_container h4, #main .element_frame .events_container h5, #main .element_frame .events_container h6 { 
	padding: 0px; 
	margin: 0px 0px 10px 0px;
}
#main .events_container p:last-child {
	margin: 0px;
}
.events_container a,.events_container a:link,.events_container a:active,.events_container a:visited {
	color: #E83754!important;
	transition: 0.5s ease all;
}
.events_container a:hover {
	color: #000!important;
	transition: 0.5s ease all;
}
.events_shaded {
	background: #F2F2F2;
	padding: 20px 25px;
}
.events_date {
}
.events_title {
}
.events_location {
	color: #AAA;
}
.events_more {
}
.events_booking {
}

.aggregation_highlights {
	width: 100%;
}
.highlights {
	margin: 0 0px 30px 0;
	float: left;
	box-sizing: border-box;
}
.highlights_margin {
	margin-right: 20px;
}
.margin_3 {
	margin-left: 20px;
	margin-right: 0;
}
.highlightsSidebar {
	width: 42%;
	width: calc(45% - 10px);
	height: 280px;
}
.highlightsNoSidebar {
	width: 31%;
	width: calc((100% - 41px) / 3) ;
}
.highlights_media img {
	width: 100%;
}
.highlights_media a {
	width: 100%;
	height: 100%;
}
.highlights_copy {
	width: 100%;
	padding: 0px 10px;
	margin-top: 10px;
	border-width: 0 0 0 3px;
	border-color: #E83754;
	border-style: solid;
}
.highlights_fillerbox {
	background-color: #F2F2F2;
	margin-left: 20px;
	margin-right: 0px;
}
#main .element_frame .highlights_fillerbox p {
	display: block;
	margin: 15px 20px 0px 20px;
}
.highlights_fillerbox a.falseButton, .highlights_fillerbox a.falseButton:visited, .highlights_fillerbox a.falseButton:active {
	color: #FFF!important;
	float: left;  
    background-color: #E83754;
    font-size: 18px;
    line-height: 24px;
    margin-top: 5px;
    padding: 8px 30px;
	margin: 10px 0px 20px 20px;
}
.highlights_media {
	height: 200px;
	overflow: hidden;
}
nav a.falseButton {
	float: left;  
    margin-top: 5px;
    padding: 8px 30px;
	margin: 10px 0px 20px 20px;
}
nav a.falseButton, a.falseButton:visited, a.falseButton:active {
	color: #FFF!important;
	background-color: #E83754;
    font-size: 18px;
    line-height: 24px;
}
.text_block_standard a.falseButton {
	background-color: #E83754;
	margin: 10px 0px 20px 0px;
}
.text_block_standard .falseButton {
	background-color: #E83754;
	color: #FFF!important;
	margin: 10px 0 -10px 0;
	padding: 10px 30px;
	line-height: 3!important;
}
.text_block_standard .falseButton:hover {
	background-color: #333333;
}
a.falseButton:hover, a.falseButton:focus {
	background-color: #333333;
}
#topNav_buttons a.falseButton:hover,#topNav_buttons a.falseButton:focus {
	background-color: #E83754;
}
#main .highlights_copy p {
	line-height: 1.3;
}
.highlights_url {
	width: 100%;
	margin-top: 10px;
}

/************************************
 ELEMENTS - Expanding Module
************************************/

.expanding_module { 
	width: 100%;
	margin: 15px 0px;
}

.expanding_head {
	width: 100%;
	height: 284px;
	overflow: hidden;
	display: inline-block;
}
.expandInner {
	display: inline-block;
}

.expanding_head p {
	margin: 0 0 10px!important;
	padding: 0!important;
}
.toggle_expand {
	width: 100%;
	margin-top: -2px;
	border-top: #ccc 1px solid;
	text-align: center;
	background: transparent;
	color: #E83754 !important;
	padding: 15px 0px 2px 0px;
	text-transform: uppercase;
}
.toggle_expand:focus {
	margin-top: 0px;
}
.toggle_expand img {
	width: 18px;
	display: inline-block;
	margin-bottom: 3px;
	margin-left: 5px;
	-ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg);
}

.expandingIcon {
	width: 45px;
	padding: 12px 10px 8px 10px;
	border-radius: 22.5px;
	font-size: 25px;
	line-height: 25px;
	background: #000;
	color: #FFF!important;
	float: left;
}
.expandingHeaderWrap {
	width: 100%;
	clear: both;
	display: inline-block;
}
.expandingTitle {
	float: left;
	margin: 5px 20px;
}
.expandCopy,.expandVideo,.expandSite,.expandAudio {
	float: left;
}
.expandCopy {
	height: inherit;
}
.expanding_head .container {
	width: 100%;
	height: 100%;
	min-height: 10px;
	float: left;
	text-align: center;
	color: #FFF!important;
	box-sizing: border-box;
}
.expanding_head .titling {
	width: 100%;
	padding: 0px 10px;
	margin-top: 10px;
	float: left;
	border-width: 0 0 0 3px;
	border-color: #E83754;
	border-style: solid;
}
.exthree {
	width: calc((100% / 3) - 20px);
	margin: 0px 0px 20px 0px;
}
.exthree ul, .extwo ul {
	margin-bottom: 10px;
}
.extwo {
	width: calc(((100% / 3) * 2) - 20px);
	margin: 0 10px 20px 0;
}
.exmargin {
	margin-left: 30px;
}
.expanding_head .container img {
	width: 100%;
}
.exp_allHighlight {
	float: right;
	width: calc((100% / 3 * 2) - 20px);
}
.expHighlight_row {
	clear: both;
	display: inline-block;
}
.expHighlight_row .exthree {
	width: calc((100% / 2) - 12px);
}

.expHighlight_row .exthree:nth-child(2) {
	margin-left: 20px;
}

@media screen and (max-width: 1024px) {
	.margin_3 {
		margin-left: 0px;
	}
}

@media screen and (max-width: 850px) {
	.exp_allHighlight, .expandCopy {
		width: calc(50% - 10px);
	}
	.expHighlight_row .exthree {
		width: 100%;
		float: none;
	}
	.exthree {
		width: calc(50% - 20px);
	}
	.exmargin {
		margin-left: 20px;
	}
	.expHighlight_row .exthree:nth-child(2) {
		margin-left: 0px;
	}
}

@media screen and (max-width: 600px) {
	.expanding_module { 
		margin: 20px 0px;
	}
	.exthree, .exp_allHighlight, .expandCopy {
		width: 100%;
		margin: 0 0 20px 0px;
		clear: both;
	}
	.expandCopy li {
		text-align: center;
	}
	.expandingIcon {
		width: 34px;
		padding: 9px 10px 7px 10px;
		border-radius: 16px;
		font-size: 15px;
		line-height: 15px;
		background: #000;
		color: #FFF!important;
	}
	.expandingTitle, .expandingIcon {
		display: inline-block;
		float: none;
	}
	.expandingTitle {
		margin-left: 6px;
	}
	.expandingHeaderWrap {
		text-align: center;
	}
}

/************************************
 ELEMENTS - Video Expanding Module
************************************/
.videoButton {
	background: transparent!important;
	padding: 0px!important;
	font-size: 15px!important;
	text-align: left!important;
}

.videoButton .container {
	position: relative;
}

.playIcoHolder {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    vertical-align: middle;
}

.playIco {
    display: block;
    width: 50px!important;
    margin: -25px auto 0px auto;
}

#videoModuleHolder {
    position: fixed;
    background-color: rgba(0,0,0,0.85);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 11;
    display: none;
	cursor: pointer;
}

#videoModule {
    position: fixed;
    width: 100%;
    z-index: 12;
    max-width: 960px;
    left: 50%;
}

#vidModuleClose {
	background: transparent!important;
	padding: 0px!important;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#vidModuleClose img {
	width: 30px;
}

#videoModule iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -50%;
}

/************************************
 ELEMENTS - Media
************************************/
.media_image {
}
.media_image img {
	width: 100%;
	height: 100%;
}
#main .media_image .imageDescription, #main .gallery_image .imageDescription {
	font-size: 13px;
	margin-top: 0px;
	text-align: right;
	padding: 5px 5px 0px 5px;
	color: #333333 !important;
}
.media_video {
	padding-bottom: 38.25%;
	position: relative;
	margin-bottom: 30px;
}
.media_video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.media_gallery {
}
.gallery_slideshow {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.gallery_image {
	width: 100%;
	position: absolute;
	overflow: hidden;
}
.gallery_image_hide {
	display:none;
	visibility:hidden;
}
.gallery_image img {
	width: 100%;
	height: 100%;
}
.gallery_next, .gallery_prev {
	width: 50px;
	height: 45px;
	position: absolute;
	bottom: 0px;
	text-align: center;
	background: #eee;
	transition: 0.5s ease all;
	border: none;
	padding: 0px;
}
.gallery_next img, .gallery_prev img { 
	width: 20px;
	margin: 10px 0px 10px 14px; 
}
.gallery_next img {
	-ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);
}
.gallery_prev img {
	-ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg); 
    transform: rotate(-90deg);
}
.gallery_next.gallery_disabled, .gallery_prev.gallery_disabled {
	background: #ccc;
	opacity: 0.5
}
.gallery_next:hover, .gallery_prev:hover, .gallery_next:focus, .gallery_prev:focus {
  	cursor: pointer;
  	background: #fff; 
	transition: 0.5s ease background;
}
.gallery_next {
	right: 0;	
}
.gallery_prev {
	right: 50px;
}

.gallery_next table,.gallery_prev table {
	width: 100%;
	height: inherit;
}
.gallery_next table tr td,.gallery_prev table tr td {
	text-align: center;
	vertical-align: middle;
	font-size: 30px;
}
.media_credit {
	margin-top: -20px;
	font-size: 13px;
}

.media_audio {
}
 
.audio_block_description {
	position:relative;
	padding: 12px 30px;
	background: #F2F2F2;
	font-size: 17px; 
	line-height: 22px !important;
	margin-bottom: 20px;
}
#main .element_frame.audio_block_description p {
	margin-top: 0px;
}
.audio_block_description p:last-child {
	margin-bottom: 0px;
}

.audio_block_edge {
	background: #F2F2F2;
	width: 50%;
	position: absolute;
	top: 0px;
	right: -50%;
	height: 100%;
}

/************************************
 ELEMENTS - Text Block
************************************/
.text_block_parent_child {
}

#main .text_block_standard.noSidebarElement h2, #main .text_block_standard.noSidebarElement h1, #main .text_block_standard.noSidebarElement h3, #main .text_block_standard.noSidebarElement p, #main .text_block_background.noSidebarElement p, #main .text_block_background.noSidebarElement h2, #main .text_block_background.noSidebarElement h1, #main .text_block_background.noSidebarElement h3 {
	text-align: center;
	padding: 0px 20px;
}

#main .text_block_standard.noSidebarElement, #main .text_block_background.noSidebarElement {
	padding-left: 9%;
	padding-right: 9%;
}

#main .text_block_standard .titleIco {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 7px;
	float: left;
}

#main .text_block_standard .inlineHead {
	display: inline-block;
}

#main .text_block_standard p, #main .text_block_background p, #main .text_block_icon p, #main .element_frame p { 
	margin: 10px 0 0; 
	line-height: 1.3;
}
#main .banner_copy p {
	line-height: 1.3;
}
 #main .text_block_standard p:first-child, #main .text_block_background p:first-child, #main .text_block_icon p { 
	margin-top: 0px;
}

.text_block_standard p img {
	display: block;
	margin: 0px auto;
}

.text_block_standard ul { 
	margin-top: 10px; 
	border-left: 2px #E83754 solid;
	padding-left: 15px;
}
.text_block_standard li { 
	margin-top: 15px; 
}

@media screen and (max-width: 600px) {
	#main .text_block_standard .titleIco {
		top: 0px;
	}
	#main .text_block_standard .inlineHead {
		position: relative;
		top: 5px;
	}
}

/************************************
 ELEMENTS - Text Block Explore
************************************/

/* lists without pink side line */
.text_block_explore ul { margin-top: 10px; }
.text_block_explore li { margin-top: 5px; }

/************************************
 ELEMENTS - Text Block Icon
************************************/

.text_block_icon .circSymbol {
	width: 36px;
	height: 36px;
	background-color: #E83754;
	float: left;
	position: relative;
	margin-right: 15px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
.text_block_icon .circIco {
	width: 100%;
	text-align:center;
	color: #ffffff !important;
	display: inline-block; 
	font-size:20px;
	line-height: 40px !important;
}
.text_block_icon p { margin-left: 51px; }

/************************************
 ELEMENTS - Text Block (Background)
************************************/
.text_block_background {
	padding: 20px 30px;
	background: #F2F2F2;
	margin-bottom: 20px;
}

.text_block_background.extraMarginTop {
	margin-top: 20px;
}

/************************************
 ELEMENTS - Supporters Block
************************************/
.supporters_block {
	width: 100%;
	float: left;
	text-align: center;
}
.supporters_block a,.supporters_block a:link,.supporters_block a:visited,.supporters_block a:active {
	color: #E83754!important;
	transition: 0.5s ease all;
}
.supporters_block a:hover {
	color: #000!important;
	transition: 0.5s ease all;
}

.supporters_block ul { margin-top: 10px; margin-bottom: 20px; }
.supporters_block li { margin-top: 5px; }

#main .supporters_block p {
	line-height: 1.3;
}
.supporters_block p img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
}
.supporters_block p img:last-child {
	margin-right: 0px;
}

/************************************
 ELEMENTS - Quote
************************************/

.quote_block {
	position:relative;
	padding: 25px 40px;
	background: #F2F2F2;
	text-align:center;
	font-size: 17px; 
	line-height: 22px !important;
	margin-bottom: 0px;
}

.quoteBGedge {
	background: #F2F2F2;
	width: 50%;
	position: absolute;
	top: 0px;
	right: -50%;
	height: 100%;
}

.quotee_block {
	float: right;
	margin-bottom: 0px;
}
.quotee {
	text-align: right;
	font-style: italic;
	font-size: 14px;
}

/************************************
 ELEMENTS - Contact Us Background
************************************/
.contact_us_background {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: #F2F2F2;
	text-align: center;
}
#main .contact_us_background p {
	line-height: 1.3;
}
#main .element_frame .contact_us_background p:first-child {
	margin-top: 0px;
}

/************************************
 ELEMENTS - Contact Us Small
************************************/
.contact_us_small {
	width: 100%;
	box-sizing: border-box;
}
.highlights .contact_us_small {
	padding: 20px;
	background: #F2F2F2;
}
#main .contact_us_small p {
	line-height: 1.3;
}
#main .contact_us_small p:first-child {
	margin-top: 0px;
}

.noSidebarElement .contact_us_small {
	text-align: center;
}

/************************************
 ELEMENTS - Contact Us Large
************************************/
.contact_us_large {
	margin-top: -15px;
}
.contact,.contact_fill {
	min-height: 20px;
	float: left;
	text-align: center;
	color: inherit;
}
.contact {
	width: 550px;
	margin: 0px auto;
	float: none;
}
.contact_fill {
	width: 275px;
}
.contact_fill a, .contact_fill a:link, .contact_fill a:visited, .contact_fill a:active {
	color: #000000 !important;
}

.contact_fill .uifont {
	font-size: 30px;
	margin-left: 10px;
	color: #E83754!important;
}

/************************************
 ELEMENTS - OU Concerts List
************************************/
#ou_concerts_list {
	margin: 10px 0;
}

/************************************
 ELEMENTS - OU Concerts Block
************************************/
#ou_concerts_block {
	margin: 15px 0;
}
#ou_concerts_block p {
	margin-bottom: 0px;
	padding: 2px 0px;
}
#ou_concerts_block li {
	padding-top: 10px;
}
#ou_concerts_block li.regional_list {
	margin-bottom: 10px;	
	padding: 15px 25px;
	background: #F2F2F2;
	width: 100%;
}

#main #ou_concerts_block li.regional_list p:first-child {
	margin-top: 0px;
}
#ou_concerts_block .ouConcertAddress {
	margin-top: 0px;
}
#ou_concerts_block .ouConcertVenue {
	font-size: 18px;
	color: #000;
}
#ou_concerts_block .ouConcertDate {
	font-weight: bold;	
	margin: 0 20px 5px 0;
	display: block;
}
#ou_concerts_block .ouConcertDate a, #ou_concerts_block .ouConcertDate a:link {
	color: #E83754!important;
}
#ou_concerts_message_select {
	margin-bottom: 20px;
	padding: 10px 0;
	background-color: #E83754;
	color: #FFF;
}
#ou_concerts_message_confirmed {
	margin-bottom: 20px;
	padding: 10px 0;
	background-color: #00b49b;
	color: #FFF;
}

/************************************
 ELEMENTS - OU Booking Page (Currently Not In Use)
************************************/

.ou_booking_grid {
	margin-top: 30px;
}

.region_eform {
	float: left;
}
.region_eform:first-child {
	margin-left: 0;
}
.sub_3 {
	width: calc((100% - 20px) / 3);
	margin-left: 10px;
}
.sub_4 {
	width: calc((100% - 10px) / 2);
}

.region_eform hr {
	width: 90%;
	margin: 5px 5%;
	border-color: #000;
	opacity: 0.2;
}

.region_eform .grid_form {
	width: 90%;
	margin: 10px 5%;
}

.region_eform .grid_form input[type="submit"] {
	width: 90%;
	padding: 5px;
	float: none;
	font-size: 20px;
}

.ou_booking_grid #Basingstoke { 
	background: #C04547; 
}
.ou_booking_grid #Bedford { 
	background: #3A9FD0; 
}
.ou_booking_grid #Leicester { 
	background: #299D6C; 
}
.ou_booking_grid #Canterbury { 
	background: #918EA1; 
}

.regional_list {
	position: relative;
}

.ouConcertBook {
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	background-color: #E83754;
	color: #FFF!important;
}
.ouConcertDownload {
	display: inline-block;
	margin: 10px 0 0 10px;
	padding: 10px 20px;
	text-align: center;
	background-color: #F9F9F9;
	color: #323232!important;
}
.ouConcertBook:hover {
	background-color: #323232;
}
.ouConcertDownload:hover {
	background-color: #FFF;
}

/* Margins = 40px, gutters = 30px */

/****************************************************************************************************************************
 RESPONSIVE CODE
****************************************************************************************************************************/

/************************************
 1200px - 1024px
************************************/
/* Margins = 40px, gutters = 24px */

@media (max-width: 1200px){
	.page_banner_three {
		width: calc((100% - 48px) / 3);
	}
	.page_banner_three:nth-child(2) {
		left: calc((100% - 48px) / 3 + 24px);
	}
	#root_menu li a {
		font-size: 14px;
	}
}


/************************************
 ALL BELOW STANDARD SCREEN [<1024px]
************************************/
/* Margins = 30px, gutters = 20px */

@media (max-width: 1024px){
	
	
	
	.page_wrap {
		width: calc(100% - 60px);
	}
	.page_banner_three {
		width: calc((100% - 40px) / 3);
	}
	.page_banner_three:nth-child(2) {
		left: calc((100% - 40px) / 3 + 20px);
	}
	.breadcrumbs {
		display: none;
		visibility: hidden;
	}
	
	#donate_button { 
		display: none; 
	}
	
	#root_menu {
		display: none;
	}
	#root_menu ul {
		display: none;
		height: auto;
	}
	#root_menu li {
		width: 100%;
		float: none;
	}
	#root_menu li:hover {
	}
	#root_menu li table {
	}
	#root_menu li table tr td {
	}
	#root_menu li.title {
		height: 45px;
		margin-bottom: 20px;
		display: block;
		color: #FFF;
	}
	
	#sidebar {
		display: none;
	}
	.sideBarElement { width: 100%; margin-left: 0px; }
	
	#main .text_block_standard.noSidebarElement, #main .text_block_background.noSidebarElement {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.element_frame,.admin_frame {
		width: 100%!important;
		margin-left: 0!important;
	}
	
	.aggregation_wrapper {
		width: 100%;
		height: auto;
		float: left;
	}
	.aggregation_news h2 {
		margin-bottom: 20px;
		text-align: center;
	}
	.aggregation_events {
		position: relative;
		display: block;
		text-align: center;
	}
	.aggregation_events h2  {
		margin-left: 0px;
	}
	.aggregation_events .events_holder {
		margin-left: 10%;
	}
	.events_container {
		width: 100%;
		position: absolute;
		background: #F2F2F2;
		padding: 20px 30px;
	}
	.events_holder {
		position: relative;
		width: 80%;
		margin-left: 10%;
		margin-top: 20px;
		overflow:hidden;
	}
	.events_container_prev,.events_container_next {
		width: 10%;
		position: absolute;
		top: 60px;
		display: block;
		transition: 0.5s ease all;
		height: 100%;
		background-color: #ffffff !important;
		z-index: 1;
	}
	.events_container_prev.gallery_disabled, .events_container_next.gallery_disabled {
		opacity: 0.5;
	}
	.events_container_prev img, .events_container_next img {
		width: 36px;
	}
	.events_container_prev {
		left: 0px;
	}
	.events_container_next {
		right: 0px;
	}
	.events_container.show {
		position: static;
		opacity: 1;
		transition: 1s opacity;
	}
	
	.highlights {
		width: calc(50% - 10px);
	}
	.highlights_fillerbox {
		width: 100%;
		margin-left: 0px;
	}
	#main .element_frame .highlights_fillerbox a.falseButton:first-of-type {
		margin-left: calc(50% - 125px);
	}
	#main .element_frame .highlights_fillerbox p {
		text-align: center;
	}
	
	.page_title h1 {
		margin-top: 20px;
		font-size: 35px;
	}
	
	.cb_block.col_2 {
		width: 120px;
		padding: 50px 0px;
	}
	.cb_block.col_8 {
		width: calc(100% - 240px); 
		margin-left: 0px;
	}
	
}

/*****************************************************************************************************
 BELOW PORTRAIT iPad [<=728px]
*****************************************************************************************************/
@media (max-width: 728px){
	#main h1 {
		font-size: 35px;
	}
	#header_right img {
		width: 175px;
	}
	#header_right {
		padding-top: 15px;
	}
	#header_left {
		padding-top: 12px;
	}
	#header {
		height: 80px;
	}
	.page_title h1 {
		margin-top: 0px;
	}
	.page_banner, .page_banner_three { 
		margin-bottom: 20px;
	}
	.cb_block {
		float: none;
	}
	.cb_block img {
		margin-left: 0px;
		margin-bottom: 10px;
	}
	.cb_block.col_2 {
		width: 150px;
		margin: 0px auto;
		padding: 0px;
	}
	.cb_block.col_8 {
		width: 100%; 
		padding-top: 0px;
	}
	.banner_copy {
		padding: 25px;
	}
}


/*****************************************************************************************************
SMALL MOBILE [<=600px]
*****************************************************************************************************/
@media (max-width: 600px){
	
	/* Margins = 25px, gutters = 20px */
	
	#main .element_frame .hideMob {
		display: none;
	}
	
	#main .page_title h1 {
		font-size: 30px;
	}
	#main .element_frame h2, #main .element_frame h3 {
		font-size: 22px;
		padding: 0px;
	}
	
	#main p, #main h1, #main h2, #main h3 {
		text-align: center;
	}
	#main .highlights_copy p {
		text-align: left;
	}
	
	.page_wrap {
		width: auto;
		margin-left: 25px;
		margin-right: 25px;
	}
	.page_banner_three {
		width: 100%;
		height: auto;
		padding-bottom: 50%;
	}
	.page_banner_three:nth-child(2), .page_banner_three:nth-child(3) {
		display: none;
		visibility: hidden;
	}
		
	.heading,.quote {
		font-size: 17px;
	}
	
	#header {
		height: 70px;
	}
	#header_left,#header_right { 
		width: 100%; 
		float: none; 
	}
	#header_left { 
		margin-top: 40px;
	}
	#header_right img {
		float: none; 
		margin: 0 auto;
	}
	
	#header_right {
		position: absolute;
		top: 50px;
		left: 0px;
	}
	
	/************************************
	 NAVIGATION - Root Menu
	************************************/
	
	.news_container {
		margin-bottom: 30px !important;
	}
	.news_copy {
		margin-top: 20px !important;
	}
	.aggregation_wrapper {
		width: 100%;
	}
	.aggregation_news,.aggregation_events {
		text-align: center;
	}
	.aggregation_news {
	}
	.aggregation_events {
		width: 100%;
	}
	.aggregation_events h2 {
		margin-left: 20px;
		margin-right: 20px;
	}
	.aggregation_events .events_holder {
		width: auto;
		margin-left: 50px;
		margin-right: 50px;
	}
	.events_container_next, .events_container_prev {
		width: 50px;
	}
	.events_container_next img, .events_container_prev img {
		margin: 10px 0px 10px 7px;
	}
	.events_container {
		width: 100%;
		margin: 0px;
		padding: 20px;
	}
	.news_container {
		height: auto;
	}
	.news_media {
		height: 218px;
	}
	.news_copy,.news_media {
		width: 100%;
		margin-left: 0;
		float: none;
		clear: both;
	}
	#main .news_title {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	#main p.news_date {
		margin-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
	.page_banner {
		width: 100%;
		padding-bottom: 52.5%;
	}
	
	
	/************************************
	 ELEMENTS - Controller Block
	************************************/
	.controller_block {
	}
	.cb_block.col_2 {
	}
	.cb_block {
		padding: 0px;
		padding-bottom: 30px;
	}
	.cb_block.col_8 h4 {
		margin-top: 0;
	}
	.cb_block img {
	}
	.cb_block select {
		width: 100%;
	}
	#region {
	}
	
	/************************************
 	ELEMENTS - Contact Us 
	************************************/
	.contact_us_large {
	}
	.contact {
		width: 100%;
	}
	.contact_fill {
		width: 100%;
		float: none;
	}
	#main .contact_fill:first-child p {
		margin-top: 0px;
	}
	.contact .uifont {
	}
	
	.contactDivide {
		display: none;
	}
	.contactPhone {
		display: block;
	}
	
	/************************************
	 ELEMENTS - Aggregation Block
	************************************/
	.highlights {
		margin: 0 0 30px;
		width: 100%;
	}
	.highlights_margin {
		margin-left: 0px;
	}
	.banner_copy {
		padding: 25px 0px;
	}
	/************************************
	 ELEMENTS 
	************************************/
	
	.events_container_prev, .events_container_next {
		top: 45px;
	}
	
	.quote_block {
		font-size: 15px; 
		line-height: 19px !important;
		padding: 20px 25px;
	}
	.quotee_block {
		margin-bottom: 20px; 
	}
	.quoteBGedge, .audio_block_edge {
		display: none;
	}
	
	#main p.quotee {
		text-align: right;
	}
	
	.supporters_block p img, .supporters_block p img:last-child {
		display: block;
		margin: 0px auto 20px auto;
	}
	.ouConcertDate, #ou_concerts_block a {
		display: block;
		width: 100%;
		text-align: center;
	}
	.ouConcertDate:first-child {
		padding-top: 0px;
	}
	
	#main .element_frame .highlights_fillerbox a.falseButton {
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 10px 0px 15px 0px;
		margin-left: 0px !important; 
	}
	#main .element_frame .highlights_fillerbox a.falseButton:first-of-type {
		margin-left: 0px;
		margin-bottom: 0px;
	}
	
	.highlights_fillerbox #buttonHolder {
		margin: 0px 20px;
	}
	
	#main .media_image .imageDescription, #main .gallery_image .imageDescription {
		text-align: center;
	}
	
	.news_extended p:first-child {
		margin-top: 0px !important;
	}
	
	.news_container .readMoreBtn {
		text-align: center;
		
	}
	
	/************************************
	 ONLY IF CSS CALC 
	************************************/
	.csscalc .media_gallery, .csscalc .media_video, .csscalc .media_image {
		width: calc(100% + 50px) !important;
		margin-left: -25px !important;
		margin-right: -25px;
	}
	
	.csscalc .page_banner, .csscalc .page_banner_three {
		margin-left: -25px;
		margin-right: -25px;
		width: calc(100% + 50px);
	}
	
	.media_image img {
		height: auto !important;
	}
}

/*-------------------------------------------- ALERT 14/10/16 --------------*/
@media screen and (max-width: 600px) {
	#header_right {
		position: relative;
		top: -120px
	}
}