/*********************************************** LTU styles ******************************************************/
body {margin:0; padding:0;}

#ltu-wrapper {}
#ltu-header {font:18px "Roboto Condensed",Verdana, sans-serif;}

#ltu-logo {background-color:#fff;}
#ltu-logo img {border:none;}

#ltu-back {margin:0;}
#ltu-back a {color:#63513D; display:block; font-size:16px; text-decoration:none; text-transform:uppercase;}
#ltu-back a:hover {color:#D14124;}

#ltu-utility {height:80px; text-align:center;}


#ltu-app-name {background-color:#D52B1E; color:#fff; font:700 40px/56px "Roboto Condensed","Arial Narrow",sans-serif; margin:0; padding:6px 20px 8px; text-transform:uppercase;}
.students #ltu-app-name {background-color:#990047;}
.staff #ltu-app-name {background-color:#501D1D;}
.researchers #ltu-app-name {background-color:#658D1B;}

#ltu-app-nav {background-color:#333; list-style-type:none; margin:0; padding:0;}
#ltu-app-nav li {font:300 16px 'Roboto', sans-serif; height:100%; padding:0;}
#ltu-app-nav a {background:#333 url(chevron-sm-orange.png) no-repeat 8px 18px; color:#fff; display:block; padding:13px 12px 15px 24px; text-decoration:none; transition:padding 0.6s;}
#ltu-app-nav a:hover {color:#FF9E1B;}
#ltu-app-nav a.back {background:#444 url(chevron-sm-orange-back.png) no-repeat 8px 18px; color:#FF9E1B; display:block; padding:13px 12px 15px 24px; text-decoration:none; transition:padding 0.6s;}
#ltu-app-nav a.back:hover {color:#fff;}

#ltu-content {font-family:Roboto, sans-serif; font-weight:300; padding:20px; position:relative;}

#nav-container {left: 0px; top: 0px; right: 0px; overflow: hidden; position: absolute; z-index: 10; background-repeat: repeat-y; background-size: 60px; background-color: rgb(248, 243, 239); bottom:0px; box-shadow:0.2em 0px 0.2em rgba(0,0,0,0.25);}
#nav-container ul {background: rgb(248, 243, 239); margin: 0px; padding: 0px; list-style-type: none;}
#nav-container li {font:300 16px 'Roboto', sans-serif; border-bottom: 1px solid #c4c4bf; /*padding-left:5px padding:10px; line-height:20px;*/}
#nav-container a {background:/*#333*/ url(chevron-sm-orange.png) no-repeat 8px 18px; display:block; padding:10px 12px 10px 30px; text-decoration:none; transition:padding 0.6s;}
#nav-container a:hover {color:#FF9E1B;}
#nav-container a:visited {color:#D14124 !important;}
#nav-container a.back {background:#444 url(chevron-sm-orange-back.png) no-repeat 8px 18px; color:#fff; display:block; text-decoration:none; transition:padding 0.6s;}
#nav-container a.back:hover, #nav-container a.back:visited {color:#fff !important;}
.layout {transition:left 0.6s, padding 0.6s, width 0.6s; position: relative; -webkit-transition: left 0.6s, padding 0.6s, width 0.6s; -moz-transition: left 0.6s, padding 0.6s, width 0.6s; -o-transition: left 0.6s, padding 0.6s, width 0.6s;}
.clear {overflow:auto; clear:both;}

.main-content {display:table; width:100%;}
.content-wrapper {padding-right:2em; vertical-align:top;}
#content-secondary {display:table-cell; vertical-align:top; max-width: 275px; width:275px;}

/*********** #rightCol - cg_relatedLinks styles ***********/

.cg_relatedLinks {	margin: 0;  background-color:#f5f2e4;} 

.cg_relatedLinks h4 { color: #fff; margin: 0; padding: 10px; background-color: #990047; font-size: 20px;}/* background:#D14124; */

.cg_relatedLinks ul {	margin: 0;	padding: 0;}

.cg_relatedLinks li {	list-style-type: none;	padding: 0 ;	}
.cg_relatedLinks a {background: url(chevron-sm-orange.png) no-repeat 8px 9px; display:block; padding:5px 12px 5px 30px;}
.cg_relatedLinks a:link {	color: #cc0000;	text-decoration: none;	font-weight: normal;}
.cg_relatedLinks a:visited {	color: #cc0000;	text-decoration: none;	font-weight: normal;}
.cg_relatedLinks a:hover {	color: #CC6666;	text-decoration: none;	font-weight: normal;}
.cg_relatedLinks a:active {	color: #CC6666;	text-decoration: none;	font-weight: normal;}

.cg_relatedLinks p {	margin: 0;	padding: 0.5em 0.2em 0.4em 0.5em;	/*font-size: 93%;*/}
.cg_relatedLinks strong {	color: #666666;}

/* Footer
================================================ */
#footer {background-color:#2D251A; clear:both; font:300 16px "Roboto", "Arial Narrow",sans-serif; position:relative; z-index:1;}
#close-footer {display:none;}
#fat-footer {overflow:auto;}
.js #fat-footer {}

#footer a, #footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover {color:#FF9E1B;}

.footer-node {}
.footer-node h2 {border:none; color:#ff9d23; font:700 24px "Roboto Condensed", "Arial Narrow",sans-serif; margin:0; padding:12px 24px; text-transform:uppercase;}
.footer-node ul {list-style-type:none; margin:0; padding:0;}
.footer-node li {padding-bottom:8px;}

.social-media {list-style-type:none; margin:0; overflow:auto; padding:0;}
.social-media li {display:block; float:left; margin:0 1px 0 0; padding:0;}
.social-media a {background:#EF3829 url(social-media-icons.png) no-repeat 0 0; display:block; height:100%; text-indent:-5000px;}
.social-media a:hover {background-color:#ab2327;}

.footer-node .social-media li {height:100px; margin-bottom:1px; width:100px;}

.footer-node .facebook a {background-position:0 0;}
.footer-node .twitter a {background-position:0 -100px;}
.footer-node .google a {background-position:0 -200px;}
.footer-node .youtube a {background-position:0 -300px;}
.footer-node .linkedin a {background-position:0 -400px;}
.footer-node .instagram a {background-position:0 -500px;}
.footer-node .ucroo a {background-position:0 -1000px;}

#legal {background-color:#63513D; clear:both; list-style-type:none; margin:40px 0; overflow:hidden; padding:20px 120px 20px 24px; position:relative;}
#legal li:not(#flag) {float:left; padding-right:24px;}
#legal li.first {padding-left:0;}
li#flag {margin-top:-5px; position:absolute; right:24px;}
#flag img {border:none;}

#copyright {color:#fff; font-size:12px; margin:0;}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
.cssanimations:not(html) {transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;
-webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000;}
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }


.hidden { display: none !important; visibility: hidden; }
.off-screen, .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* MEDIA QUERIES */

@media screen and (min-width:600px) {
  .footer-node {}
}

@media screen and (max-width:767px) {
  #ltu-logo img {display:block; margin:0 auto;}
  #ltu-back {margin:10px 0 20px; text-align:center;}
  #ltu-app-nav li {border-bottom:1px solid #555;}
  #ltu-app-nav a {border-right:none;}
  #ltu-app-name {overflow:hidden;}
  #footer {padding:20px;} 
  #nav-container {width:95%;}
  .layout{left:0%;}
  .main-content{padding:20px;}
}

@media screen and (min-width: 768px) {
  #ltu-header {background:transparent url(texture-beige.jpg) repeat-x 0 0;}
  #ltu-logo {box-shadow:0px 0px 0.35em rgba(0, 0, 0, 0.25); display:inline-block; width:300px;}
  #ltu-logo img {padding:0 38px;}
  #ltu-back {display:inline-block; margin:0 0 0 20px; position:absolute; top:0;}
  #ltu-back a {padding:29px 0;}
  #ltu-utility {float:right; width:250px;}
  #ltu-app-name {padding:6px 60px 8px;}
  #ltu-app-nav {height:50px; overflow:hidden; padding:0 0 0 50px;}
  #ltu-app-nav li {float:left;}
  #ltu-content {padding:20px;}
  #footer {padding:60px;} 
  #fat-footer {padding:0;}
  #nav-container {width:25%;}
  .layout{left:25%; width:75%;}
  .main-content{padding:0px;}
}

@media screen and (min-width:1024px) { /* Desktop/iPad Landscape and above */
  #ltu-logo {margin-top:40px;}
  #ltu-utility {background-color:#fff; box-shadow:0px 0px 0.35em rgba(0, 0, 0, 0.25); margin-top:40px;}
  #ltu-app-name {margin:-40px 0 0 0; padding:6px 320px 8px;}
  .footer-node {}
  #nav-container {width:20%; max-width:300px;}
  .layout{left:20%; width:80%;}
  /* .main-content {padding: 60px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;} */
}

/* From Stuart (Email)*/
h1,h2,h3,h4,h5,h6 {font:700 10px/30px 'Roboto Condensed',sans-serif; margin:0 0 12px;}
h1 {color:#d52b1e; font-size:48px; line-height:52px; margin-bottom:40px;}
h2 {font-size:32px; line-height:36px;}
h2:not(:first-of-type):not(h2+h2) {margin-top:80px;}
h3 {font-size:28px; line-height:32px;}
h4 {font-size:24px; line-height:28px;}
h5 {font-size:20px; line-height:24px;}
strong {font-weight:700;}

/* CSS for links colours */
#ltu-content a { color: #D14124; text-decoration:underline;}
#ltu-content a:visited { color: #575757;}
#ltu-content a:hover { color: #D14124; text-decoration:none;}
#ltu-content a:focus, *:focus:not(div) { outline: thin dotted red; }
#ltu-content a:hover, a:active { outline: 0; }

/* Entry points */
.entry-sub h2 {background:transparent url(chevron-sm-dark.png) no-repeat -2px 6px; font-size:20px; line-height:24px; margin:0; padding-left:30px;}
.entry-sub img {float:left; padding:0 30px 0 0; width:90px;}
.entry-sub p {font-size:16px; line-height:24px; margin:0 0 24px; padding-left:30px;}