@charset "UTF-8";
/*********************************************************************************/
/* [RESPONSIVE TEMPLATES 2015]
/*********************************************************************************/

/***************************************************/
/*  BACKGROUND NON MOBILE (LOAD ONLY WHEN NEEDED)  */
/***************************************************/
@media only screen and (min-width: 560px) {
	
body { min-height: 700px; background-image: url('http://www.philharmonia.co.uk/sites/70/assets/testback1.png'); background-position: center bottom; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }

.mobile_expander { display: none; }

}

/***************************************************/
/*         BREAK POINT TABLET LANDSCAPE            */
/***************************************************/
@media only screen and (min-width: 800px) and (max-width: 1024px) {

/***********************************************/
/* FONTS
/***********************************************/
p {}

a, a:visited,a:active,a:active {}
a:hover  {}

.uifont {}
.ui1 {}

.extra {}
.extra:hover {}

/***********************************************/
/* WRAPPERS, ROWS, COLUMNS & INSERTS
/***********************************************/
.row,.row:after {}
.columns,.inserts {}
.c12,.c11,.c10,.c9,.c8,.c7,.c6,.c5,.c4,.c3,.c2,.c1,.nav5 {}

.starter { padding-top: 60px; }

.tabland1 { width: 74.5%; }
.tabland2 { width: 15%; }

/***********************************************/
/* NAVIGATION
/***********************************************/
.navigator {}

.plogo { margin-top: 5px; }

/***********************************************/
/* TIMELINE
/***********************************************/
.time_line {}
.time_events {}
.logo { float: right; margin-right: -10px; }
.logo img { width: 220px; }

/********************/
/*   DATE ARROWS    */
/********************/
.decade_opener_arrow, .event_opener_arrow {}

/********************/
/*JQUERY CONTROLLERS*/
/********************/
.decade_handle {}
.decade_opener { width: 100%; height: 150px; }
.decade_box {}
.decade_title {}

.event_handle {}
.event_opener {}
.event_box {}
.event_related {}

/********************/
/*    COMPONENTS    */
/********************/
.item_builder_i_image {}
.item_builder_i_text { font-size: 14px; height: 165px; }
.item_builder_i_rc {}

.related_title {}
.related_title h5 {}

.item_scaler {}
.item_scaler_close {}

.item_scaler_close h2 {}
.item_scaler_close h2:hover {}

.item_scaler img { margin-top: 50px; width: 100%; }
.item_scaler iframe { width: 100%!important; height: 45%!important; margin-top: 50px; }
}


/***************************************************/
/*          BREAK POINT TABLET PORTRAIT            */
/***************************************************/
@media only screen and (min-width: 620px) and (max-width: 799px) {

/***********************************************/
/* FONTS
/***********************************************/
p {}

a, a:visited,a:active,a:active {}
a:hover  {}

.uifont {}
.ui1 {}

.extra {}
.extra:hover {}

/***********************************************/
/* WRAPPERS, ROWS, COLUMNS & INSERTS
/***********************************************/
.row,.row:after {}
.columns,.inserts {}
.c12,.c11,.c10,.c9,.c8,.c7,.c6,.c5,.c4,.c3,.c2,.c1,.nav5 {}

.c8 { width: 74.5%; }
.c3 { width: 15%; }

.starter { padding-top: 130px; }

/***********************************************/
/* NAVIGATION
/***********************************************/
.navmenu { background: #EEE; border: 0; margin: 0 auto!important; margin-left: -2%!important; margin-top: 10px!important; width: -moz-calc(102% - 30px); width: -webkit-calc(102% - 30px); width: calc(102% - 30px); }
.navlogo { width: 100%; text-align: center; }

.plogo { width: 30%; }

/***********************************************/
/* TIMELINE
/***********************************************/
.time_line {}
.time_events {}
.logo { float: right; margin-right: -20px; }
.logo img { width: 180px; }

/********************/
/*   DATE ARROWS    */
/********************/
.decade_opener_arrow, .event_opener_arrow {}

/********************/
/*JQUERY CONTROLLERS*/
/********************/
.decade_handle {}
.decade_opener { width: 100%; height: 130px; }
.decade_box {}
.decade_title {}

.event_handle {}
.event_opener {}
.event_box {}
.event_related {}

/********************/
/*    COMPONENTS    */
/********************/
.item_builder_i_image { margin-top: 5px; }
.item_builder_i_text { font-size: 12px; height: 165px; }
.item_builder_i_rc { height: 100px; margin-top: 10px; }

.related_title {}
.related_title h5 {}

.item_scaler {}
.item_scaler_close { top: 160px; }

.item_scaler_close h2 {}
.item_scaler_close h2:hover {}

.item_scaler img { margin-top: 50px; width: 100%; text-align: center; margin-top: 30%; }
.item_scaler iframe { width: 100%!important; height: 45%!important; margin-top: 30%; }

.youtube-container { margin-top: 10%!important; }
#youtube-iframe { height: 350px!important; }
div.play-button { margin-top: 40px!important; }
}

/***************************************************/
/*             BREAK POINT MOBILE                  */
/***************************************************/
@media only screen and (max-width: 619px) {

body { min-height: 500px; background-image: url('http://www.philharmonia.co.uk/sites/70/assets/testback2.png'); background-attachment: fixed; }

.mobile_expander { height: 50px; width: 100%; display: block; float: left; }

/***********************************************/
/* FONTS
/***********************************************/
p {}

a, a:visited,a:active,a:active {}
a:hover  {}

.uifont {}
.ui1 {}

.extra {}
.extra:hover {}

/***********************************************/
/* WRAPPERS, ROWS, COLUMNS & INSERTS
/***********************************************/
.row,.row:after { display: block; clear: none; padding: 0; }
.columns,.inserts { float: none; }
.c12,.c11,.c10,.c9,.c8,.c7,.c6,.c5,.c4,.c3,.c2,.c1,.nav5 { width: 100%; margin: 5px 0; text-align: center; }

/***********************************************/
/* NAVIGATION
/***********************************************/
.navigator { height: 120px; overflow: hidden; box-shadow: 2px 2px 5px -5px #323232; }
.navmenu { display: none; background: none; background-color: transparent; }
.mobilemenu { display: block; background: none; background-color: transparent; margin-top: -5px; }
select { width: 100%; padding: 5px; text-align: center; }
select:hover { background: none; background-color: transparent; }

.plogo { width: 65%; float: left; margin-top: 10px; margin-left: 6%; }
.seventy { width: 70px; display: block; float: right; margin-right: 2%; }
/***********************************************/
/* TIMELINE
/***********************************************/
.time_line { display: none; }
.time_events { margin-top: 120px; }
.logo { display: none; }

/********************/
/*   DATE ARROWS    */
/********************/
.decade_opener_arrow, .event_opener_arrow { display: none; }

/********************/
/*JQUERY CONTROLLERS*/
/********************/
.decade_handle { }
.decade_opener { width: 100%; height: 85px; margin-top: 20px; margin-bottom: 75px; }
.decade_box {}
.decade_title {}
.decade_time { position: absolute; padding: 2%; text-align: right; font-size: 30px; width: 96%; bottom: -45px; background-color: #000; opacity: 0.8; color: #FFF; }
.decade_time span { font-size: 15px; }

.event_handle {}
.event_opener { width: 95%; }
.event_box {}
.event_related {}
.event_related row { margin: 0 auto; width: 100%!important; }

/********************/
/*    COMPONENTS    */
/********************/
.item_builder_i_image { width: 100%; height: 225px; margin-top: 20px; }
.item_builder_i_text { width: 100%; margin-top: 5px; font-size: 12px; text-align: left; }
.item_builder_i_rc { width: 48%; float: left; height: 100px; margin-top: 10px; }

.related_title {}
.related_title h5 {}

.item_scaler {}
.item_scaler_close { top: 140px; }

.item_scaler_close h2 {}
.item_scaler_close h2:hover {}

.item_scaler h3 { font-size: 15px; }

.item_scaler img { margin-top: 50px; width: 100%; text-align: center; margin-top: 50%; }
.item_scaler iframe { width: 100%!important; height: 45%!important; margin-top: 55%; }

#youtube-iframe { height: 300px!important;}
div.play-button { margin-top: 20px!important; }
}

/***************************************************/
/*              OVER-RIDE HACKS                    */
/***************************************************/

/***************************************************/
/*                  DESKTOP                        */
/***************************************************/
/***********************************************/
/* DESKTOP 1 [ 1440px ]
/***********************************************/
@media only screen and (min-width: 1440px) {

.navigator { max-height: 60px; }
.extra {}	

/********************/
/*   DATE ARROWS    */
/********************/
.decade_opener_arrow, .event_opener_arrow { display: none; }

}
/***********************************************/
/* DESKTOP 2 [ 1366px ]
/***********************************************/
@media only screen and (min-width: 1366px) and (max-width: 1439px) {
}
/***********************************************/
/* DESKTOP 3 [ 1280px ]
/***********************************************/
@media only screen and (min-width: 1280px) and (max-width: 1365px) {	
}
/***********************************************/
/* DESKTOP 4 [ 1126px ]
/***********************************************/
@media only screen and (min-width: 1126px) and (max-width: 1279px) {
}

/***************************************************/
/*                  TABLET                         */
/***************************************************/
/***********************************************/
/* TABLET LANDSCAPE 1 [ 1024px ]
/***********************************************/
@media only screen and (min-width: 1024px) and (max-width: 1125px) {
}
/***********************************************/
/* TABLET LANDSCAPE 2 [ 920px ]
/***********************************************/
@media only screen and (min-width: 920px) and (max-width: 1023px) {
}
/***********************************************/
/* TABLET LANDSCAPE 3 [ 800px ]
/***********************************************/
@media only screen and (min-width: 800px) and (max-width: 919px) {
}
/***********************************************/
/* TABLET PORTRAIT [ 768px]
/***********************************************/
@media only screen and (min-width: 768px) and (max-width: 799px) {
}

/***************************************************/
/*                 PHABLET                         */
/***************************************************/
/***********************************************/
/* PHABLET LANDSCAPE [ 640px]
/***********************************************/
@media only screen and (min-width: 640px) and (max-width: 767px) {
}
/***********************************************/
/* PHABLET PORTRAIT [ 560px]
/***********************************************/
@media only screen and (min-width: 560px) and (max-width: 639px) {
}

/***************************************************/
/*                  MOBILE                         */
/***************************************************/
/***********************************************/
/* MOBILE LANDSCAPE [ 480px ]
/***********************************************/
@media only screen and (min-width: 480px) and (max-width: 559px) {
}
/***********************************************/
/* MOBILE PORTRAIT [ 320px ]
/***********************************************/
@media only screen and (min-width: 320px) and (max-width: 479px) {
}