/**
 * Norbert @ RMG, 2015/01/21
 * Luca @ RMG, 2015/01/27
 *
 * This files holds CSS rules that are:
 * 1. specific to Terminal4 (eventually to be merged with v1.css)
 * 2. needed for old content to work under the new template (eventually to be removed as old content is replaced). These were copied from old CSS and adjusted
 * 
 */
 
body.homepage div.pageHeader { display: none; }

img.fancy-right {float: right; padding-left: 10px; padding-bottom: 5px;}
img.right {float: right; margin-left:10px;}
img.left {float: left; margin-right:10px;}
img.border {border: 1px solid black; padding:3px; margin:10px;}
figure.polaroid {border: 1px solid black; padding:7px; margin-bottom:1em;}
figure.polaroid img {margin:0px; float:none; border:1px solid #ddd; padding:0px;}
figure.polaroid.left {margin-right:1em;}
figure.polaroid.right {margin-left:1em;}
figure.big {clear:both;width:unset;}
figure.polaroid figcaption {margin-top:7px;}
figCaption::first-letter {text-transform: capitalize;}

#secondaryNavigation ul li.active > span a { font-weight: 700; color: #26667a; background: #f9f7f4; }
#secondaryNavigation ul ul li.active > span a { background: transparent; }
#secondaryNavigation .boxes-bottom { margin-top: 2em; }

/*or add "content-RTE contentColumn homepageIntro"*/ 
body.fullWidth div.column-content { width: 100%; max-width: 1450px; margin: 0 auto; text-align: center; padding: 0 1em; }
body.fullWidth div.column-content h1 { margin: 95px 0 25px; }

body.noHeaderMargin div.column-content h1 { margin: 0px 0 25px; }
body.noTopMargin div#contentWrapper { margin-top: 4px; }

div.footerNews div.fullContent { max-height: 70px; overflow: hidden; }

.column-content table { border: none; }
.column-content table h3 { font-size: 110%; line-height: 1.30; margin: 1.1em 0; }

.call-to-action { margin-top: 2em; }
.centered { text-align: center !important; }

/* clear floats */
div.call-to-action:before { content: " "; display: table; }
#pageContent:after,
div.box:after,
ul.tabbed-content:after { clear: both; content: " "; display: table; }
div.tabs-section { overflow: hidden; }

/* image slider */
#home-page-feature-pager div.pager { position: absolute; top: 10px; right: 10px; z-index: 1000; }
#home-page-feature-pager div.pager a { color: #ffffff; display: inline-block; padding: 1px 5px; border: 1px solid #ffffff; background: rgba(0,0,0,0.3); margin: 0 5px; }
#home-page-feature-pager div.pager a.cycle-pager-active,
#home-page-feature-pager div.pager a:hover { text-decoration: none; background: #000000; }

/* Grid Templates (from old CSS)
--------------------------------------------------------------------------------*/
.g-1col, .g-2col, .g-3col, .g-4col, .g-5col { float: left; margin-left: 10px; margin-bottom: 10px; }
.boxgrid { overflow: hidden; position: relative; }
.boxcaption { position: absolute; background: #000; background: rgba(0,0,0,.75); width: 100%; height: 70px; left: 0; top: 145px; }
.boxgrid.caption:hover .boxcaption { top: auto !important; bottom: 0 !important; }
.boxgrid.caption a span img { width: 100%; height: 177px !important; }
.boxcaption h3 { font-size: 13px; color: #fff; font-weight: bold; padding: 0 10px; margin-top: 8px; margin-bottom: 10px; }
.boxcaption h3 a { color: #fff; }
.boxcaption p { font-size: 13px; line-height: 1.2em; color: #9ed1da; padding: 0 10px; margin-bottom: 0; }
.boxcaption a:hover { text-decoration: none; }
/* =Grid >> 5 Columns */
.g-1col { width:173px; }
.g-2col { width:356px; }
/*.g-3col { width:544px; }*/
.g-4col { width:722px; }
.g-5col { width:990px; }
.g-4col iframe { width: 722px; }

/* Content boxes */
.Content-box { float: left; width: 100%; margin-bottom: 1em; border: 1px solid #cfcfcf; }
.Content-box img { float: left; width: 176px; height: 176px; }
.Content-box .column-content { margin-left: 190px; }

div.box blockquote {margin: 0;}

/* Horizontal Tabs */
ul.tabbed-content { margin: 0 0 0.5em 0; list-style: none; overflow: hidden; }
ul.tabbed-content li { float: left; margin: 0 -1px 3px 0; padding: 0; border: 1px solid #cfcfcf; }
ul.tabbed-content li.active,
ul.tabbed-content li:hover { background: #f9f7f4; }
ul.tabbed-content li a { display: inline-block; padding: 8px 10px; color: #888; font-weight: bold; } /*was #5e6464 */
ul.tabbed-content li.active a { background-color: #1a8197; color: #fff; font-weight: bold; }
ul.tabbed-content li a:hover { text-decoration: none; }

/* Landing Page Header Background Images Classes */
body.landingPage.headerCollegesSchools div.pageHeader::before { background-image: url('../images/header-colleges_schools.jpg'); }
body.landingPage.headerCourses div.pageHeader::before { background-image: url('../images/header-courses.jpg'); }
body.landingPage.englishBuilding div.pageHeader::before { background-image: url('../images/header-english_building.jpg'); }
body.landingPage.greenAbstract div.pageHeader::before { background-image: url('../images/header-green_abstract.jpg'); }
body.landingPage.oldScriptBook div.pageHeader::before { background-image: url('../images/header-old_script_book.jpg'); }

/* Discipline Page Header Background Images Classes */
body.disciplinePage.headerCollegesSchools div.pageHeader::before { background-image: url('../images/header-colleges_schools.jpg'); }
body.disciplinePage.headerCourses div.pageHeader::before { background-image: url('../images/header-courses.jpg'); }
body.disciplinePage.englishBuilding div.pageHeader::before { background-image: url('../images/header-english_building.jpg'); }
body.disciplinePage.greenAbstract div.pageHeader::before { background-image: url('../images/header-green_abstract.jpg'); }
body.disciplinePage.oldScriptBook div.pageHeader::before { background-image: url('../images/header-old_script_book.jpg'); }

/* Extra custom keywords fo affect behaviour */
body.noDownloads div.downloads { display: none; }
body.noSidebar div#pageRightColumn { display: none; }

/* People pages fed from IRIS */
#rms-centre { width: 100% !important; }
#rms-centre > div { height: auto !important; }
#rms-centre img { height: auto !important; }
#rms-centre h2 { word-wrap: break-word; margin-top: 1.2em; }
#rms-centre > h2 { margin-top: 0; }
#rms-centre table { border: none; }
#rms-centre table td { word-break: break-word;}
#rms-centre table td span.listlinks { word-break: break-all; word-break: break-word;}
#rms-centre h3 { border-bottom: 1px solid #cfcfcf; position: relative; margin: 0; padding: .9em 2em .9em 1em; cursor: pointer; }
#rms-centre h3.open + div + h3 { border-top: 1px solid #cfcfcf; }
#rms-centre h3::after { content: '+'; position: absolute; top: 50%; right: 16px; margin-top: -20px; font-size: 140%; font-weight: 900; }
#rms-centre h3.open::after { content: '-'; }
#rms-centre #va_contact_inner h3,
#rms-centre h2 + h3 { border-top: 1px solid #cfcfcf; }
#rms-centre #va_contact_inner { width: 100% !important; }
#rms-centre #va_contact_inner > div.section > table table { width: 71% !important; float: left; }
#rms-centre #va_contact_inner > div.section > table div table { width: 100% !important; float: none; }
#rms-centre table { margin: 0; padding: 0; }
#rms-centre div.section { padding: 1em 1.5em 1em 1.5em; }
#rms-centre #va_contact_inner div.section { border-bottom: 1px solid #cfcfcf; }
#rms-centre > div > div { padding: 0 !important; }
/* insert clickable text in imported empty publications links */
i.icon-globe::before { content: '\2139'; font-size: 150%; line-height: 14px; margin-right: 10px; vertical-align: middle; font-family: 'icomoon'; speak: none; font-style: normal; color: #5e6464; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*table.Stafftable { width: 100%; }
table.Stafftable th.header { cursor: pointer; }
table.Stafftable th.header::after { content: ''; color: #1a8197; vertical-align: middle; font-size: 14px; line-height: 1; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
table.Stafftable th.header.headerSortDown::after { content: ' \f500'; }
table.Stafftable th.header.headerSortUp::after { content: ' \f501'; }
*/

/* Find Supervisor page */
div.DTTT_container { height: 39px; text-align: right; padding: 10px 0; position: relative; top: 23px; }
div.DTTT_container::before { content: 'Download: '; color: #98a2a2; }
a.DTTT_button { border: none; border-right: 1px solid #cfcfcf; position: relative; padding: 0 10px; margin: 0 2px; color: #1a8197; text-transform: uppercase; cursor: pointer; }
a.DTTT_button.DTTT_button_pdf { border: none; padding-right: 0; }

/* T4 original slider */
div#home-page-feature-pager { clear: both; float: none; }
div#home-page-feature-pager img { width: 734px; height: 268px; }

/**
 * courseDetailPage
 */
 
body.courseDetailPage #pageContentWrapper > hr,
body.courseDetailPage #pageContentWrapper > h2,
body.courseDetailPage #pageContentWrapper > div.testimonial { margin-left: 25%; }
body.courseDetailPage #pageContentWrapper > hr { clear: both; width: auto; }

/**
 * Video
 */
div.video_static { margin-right: 30px; }
div.video_static p { font-size: 87.5%; margin: 0 0 10px 0; }

/**
 * Image gallery
 */
div.image-container { display: table-cell; vertical-align: bottom; }
div.press-image-desc { font-weight: bold; color: #1a8197; }

/**
 * Pubble accessibility fix
 */
.pubui-card-status { background-color: #26667a !important; }


/**
 * Cookies
 */
.cookie-info {
    background: rgba(240,240,240,0.96);;
    width: 100%;
    padding: 20px 0px 0px 0px;
    border: 1px solid #404040;
    line-height: 20px;
    /* height: 40px; */
    top: 0;
    position: fixed;
    z-index: 1000;
    display: none;
}

.cookie-wrapper {
    /*max-width: 1000px;*/
    height: auto;
    margin: 0 auto;
    position: relative;
}

.cookie-text {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2%;
}

.cookie-info div#closebox {
    float: right;
    padding: 0 2%;
    font-size: 2.5em;
}
.cookie-info div#closebox a, div#closebox a:hover { text-decoration: none; }

.cookie-info button {margin: 5px 5px 0px 5px; padding: 8px; border: 1px solid black; font-size: small; line-height: unset; height: unset;}
.cookie-info button::before {
  content: '\2713'; font-size: 150%; line-height: 14px; margin-right: 5px; vertical-align: middle; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.cookie-info button[type=submit] {background-color: #128471;} 
.cookie-info button.green {background:transparent; color: #128471;}
.cookie-info button.bw {background:transparent; color: #747474;}
.cookie-info button.bw::before { content: '\e601'; }
.cookie-info form {border: 1px solid gray; padding:5px; max-width:600px; margin:5px 2% 5px 10px; float:right;}

.cookie-info span.nowrap {white-space:nowrap;}

input[type=checkbox] {
    -webkit-appearance: auto;
}
input[type="checkbox"]:focus {
    outline: 1px dashed gray;
    background: gray;
}

/* google custom search 
.gsc-control-cse table, table.gsc-search-box { margin: 0; border: none; !important}
*/

@media only screen and (max-width : 999px) {
	body.fullWidth div.column-content { padding: 0 5%; }

	.g-4col	{ width: 100%; max-width: 722px; }
	div.videoWrapper { width: 100%; max-width: 722px; position: relative; padding-top: 56.25%; float: none; }
	div.videoWrapper iframe { width: 100%; max-width: 722px; height: 100%; position: absolute; top: 0; left: 0; }
	
	.dataTables_wrapper table { clear: both; }

	/* Cookies */
	.cookie-info button {font-size: x-small; padding:5px;}

	/* People pages fed from IRIS */
	#rms-centre div.section { font-size: 80%; padding: 10px 5px; }
	#rms-centre #va_contact_inner > div.section > table table { width: 100% !important; float: none; clear: both; }
	#rms-centre #va_contact_inner > div.section > table div { width: 100% !important; float: none; clear: both; }
	#rms-centre #va_contact_inner > div.section > table div table { text-align: center; }

	/* T4 original slider */
	div#home-page-feature-pager { width: 100%; float: none; }
	div#home-page-feature-pager img { height: auto; }

	body.courseDetailPage #pageContentWrapper > hr,
	body.courseDetailPage #pageContentWrapper > h2,
	body.courseDetailPage #pageContentWrapper > div.testimonial { margin-left: 0; }

}

@media only screen and (max-width : 767px) {
	body.fullWidth div.column-content  { text-align: left; padding: 0 2em; }
	body.fullWidth div.column-content  h1 { margin-top: 45px; }

	/* Global Form Styles */
	form fieldset { border: none; padding: 0; }
	form input[type=text] { width: 100%; }

}