@charset "utf-8";
/*
Template Name: Nubumous
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("fontawesome-4.6.3.min.css");
@import url("custom.flexslider.css");
@import url("framework.css");


/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a{}
.row1{z-index:1;}/* Required for the drop shadow - do not delete, unless the drop shadow isn't wanted */
.row2, .row2 a{}
.row3, .row3 a{}
.row4{border-top:5px solid;}


/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{padding:55px 65px;}
#pageintro li article{display:block; max-width:75%; margin:0 auto; text-align:center;}
#pageintro li article *{word-wrap:break-word;}
#pageintro li .heading{margin-bottom:20px; font-size:3.2rem; font-style: italic; text-transform:none;}
#pageintro li .sub-heading{font-size:2rem; font-style: italic; text-transform:none; margin:0 0 10px 0;}
#pageintro li .sub-heading1{font-size:1.3rem; font-style: italic; text-transform:none; margin:0;}
#pageintro li p:first-of-type{display:block; max-width:75%; margin:0 auto 30px;}
#pageintro li footer{margin-top:80px;}

/* Main Text
--------------------------------------------------------------------------------------------------------------- */
.main_text {font-size:16px; line-height:1.23em;}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{padding:80px 0 15px; font-size:.8rem; text-transform:uppercase;}

#topbar *{margin:0; padding:0; list-style:none;}
#topbar ul li{display:inline-block; margin-right:10px; padding-right:15px; border-right:1px solid;}
#topbar ul li:last-child{margin-right:0; padding-right:0; border-right:none;}
#topbar i{margin:0 5px 0 0; line-height:normal;}


/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{}

#header #logo{margin:30px 0 0 0;}
#header #logo h1{margin:0; padding:0; font-size:22px; text-transform:uppercase;}


/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding:50px 0 20px 0}
.container_narrow{padding:40px 0;}

/* Content */
.container .content{}

.sectiontitle{display:block; margin-bottom:45px;}
.sectiontitle *{margin:0; font-size:35px;}

.infolist{display:block;}
.infolist li{display:block; position:relative; min-height:80px; margin-bottom:30px; padding:0 0 0 100px;}
.infolist li:last-child{margin-bottom:0;}
.infolist li::before, .infolist li::after{display:table; content:"";}
.infolist li::after{clear:both;}
.infolist li *{margin:0 0 10px 0; line-height:1;}
.infolist li img{display:block; position:absolute; top:0; left:0; width:80px; height:80px;}
.infolist li .heading{font-size:1.2rem;}
.infolist li p{line-height:1.4;}
.infolist li img, .infolist li footer{margin:0;}

.element article{display:block; max-width:100%;}
.element figure{position:relative;}
.element figure figcaption{position:absolute; top:10px; left:10px; width:50px;}
.element figure figcaption *{display:block; margin:0; padding:0; text-align:center; text-transform:uppercase; font-style:normal; line-height:1;}
.element figure figcaption time, .element figure figcaption div{width:100%; padding:12px 0;}
.element figure figcaption time strong, .element figure figcaption div i{margin-bottom:2px;}
/* .element .txtwrap{height:170px; padding:20px 15px 5px 15px;} */
.element .txtwrap *{margin:0 0 10px 0; line-height:1;}
.element .txtwrap .heading{margin-bottom:5px; font-size:1.1rem;}
.element .txtwrap em{display:block; font-size:.8rem; font-style:italic;}
.element .txtwrap em br{margin:0;}
.element .txtwrap p{line-height:1.4;}
.element .txtwrap footer, .element .txtwrap .btn{margin:0;}

.team.element .txtwrap{border-bottom:1px solid; text-align:center;}
.team.element .contentwrap{text-align:center;}
.topnews.element .txtwrap .heading{margin-bottom:15px;}

/* Sidebar */
.container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


/* Click to Action
--------------------------------------------------------------------------------------------------------------- */
.cta{padding:80px 0;}

.cta > :first-child{}
.cta > :last-child{margin-bottom:0;}/* Used when elements stack in smaller viewports */


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:30px 0; text-align:center;}

#footer .heading, #footer ul{margin-bottom:30px;}
#footer > ul:last-of-type{margin-bottom:40px;}
#footer .faico a{border-radius:50%;}

#footer #copyright{}
#footer #copyright *{margin:0; padding:0;}


/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after{transition:all .2s ease-in-out;}
#mainav form *{transition:none !important;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0 10%; padding:0; list-style:none;}

#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}
#mainav li {font-size:14px;}

/* Top Navigation */
#mainav{}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{z-index:9999; position:absolute; width:215px; text-transform:none;}
#mainav ul ul ul{left:180px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 30px; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; padding:30px 0;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:18px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav .drop::after{top:35px; left:5px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:1px solid;}
#mainav form select option{margin:5px; padding:0; border:none;}

/* Breadcrumb */
#breadcrumb{padding:15px 0;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0; text-align:left;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}


/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}


/* Profile Tables
--------------------------------------------------------------------------------------------------------------- */
#profile_table table, td {vertical-align:top;}
#profile_table table {width:100%; margin-bottom:15px;}
#profile_table td {overflow: auto; padding:0; padding-bottom:15px;}
#profile_table tr .heading{margin:5px 0 0 0; font-size:1.1rem;}
#profile_table tr em{display:block; font-size:.9rem; font-style:italic; line-height: 1.1em; margin:5px 3px 0 3px;}
#profile_table tr footer {font-size:0.9rem}
#profile_table footer {margin-top: 2px;}
#profile_table img {width:auto; max-width:100%; height:auto; margin:0 0 5px 0; padding:0; border:none; line-height:normal; vertical-align:middle;}


/* Leveled Lists
--------------------------------------------------------------------------------------------------------------- */
ol.level_one {list-style-type: lower-alpha;}
ul.level_one_blank {font-size:18px;}
li.level_one {margin-bottom:3%;padding-left:1%;}
li.level_two:first-child {padding-top:1%;}
li.level_two {margin-bottom:1%;padding-left:1%;}
ol.level_two {list-style-type: upper-roman; margin-bottom:1%;}
ol.level_two_blank {list-style-type: lower-alpha;margin-bottom:1%;}
ul.level_three {list-style-type: square;}


/* Collapsible
--------------------------------------------------------------------------------------------------------------- */
.content {max-height: 0; overflow: hidden; margin: 0 auto; transition: max-height 0.5s ease-out; font-size:18px;}
.collapsible {margin:20px auto; padding: 10px 10px; border:1px solid; border-radius:22px; font-size:18px;}
.collapsible:after {content: '\002B'; font-size: 40px; font-weight: bold; float: right;padding-right:10px;}
button.active:after {content:"\2212";}
.collapsible_h1 {text-align:left; vertical-align:middle;}


/* Multi-Level Collapsible
--------------------------------------------------------------------------------------------------------------- */

/* Styling top level items */
.collapsible_bar a, .collapsible_bar label {display: block; margin:10px 0; padding:10px 30px; border:1px solid #747474; border-radius:22px; font-size:18px; width:100%; line-height:1.23em; text-align: left; font-weight: bold;background-color:#f0d5da;}
.collapsible_bar .nav_list_level1:nth-child(odd) label{color:inherit; background-color:#e6bec6;}
.collapsible_bar .nav_list_level1:nth-child(odd) label:hover{color:inherit; background-color:transparent;border-color:inherit;}


/*  -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in;}*/
.collapsible_bar a:focus, .collapsible_bar a:hover, .collapsible_bar label:focus, .collapsible_bar label:hover {color:inherit; background-color:transparent; border-color:inherit;}
.collapsible_bar label {cursor: pointer;}
.collapsible_bar input {display:none;}

/* Styling first level lists items */
.group-list a, .group-list label {width: 85%; padding-left: 2rem; color:#FFFFFF; background-color:#03D4EB; border-color:#03BDD2;margin-left: auto;
    margin-right: auto;}
.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover {color:inherit; background-color:transparent; border-color:inherit; }

/* Styling second level list items */
.sub-group-list a, .sub-group-list label {width: 85%; margin:auto; padding-left: 2rem; color:#FFFFFF; background-color:#52252f;text-align:center;}
.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover {color:inherit; background-color:transparent; border-color:inherit; }
.sub-group-list p {width:95%;}
.p_header {margin-top:0} 
.sub-group-list hr {border-top: 1px solid #454545; margin:20px 0;}
.collapsible_h1 p {vertical-align: middle;}

/* Styling third level list items */
.sub-sub-group-list a, .sub-sub-group-list label {padding-left: 6rem; background: #454545;}
.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { color:inherit; background-color:transparent; border-color:inherit; }

/* Hide nested lists */
.group-list, .sub-group-list, .sub-sub-group-list {height: 100%; max-height: 0; overflow: hidden;}
/* -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out;} */

.nav__list {margin:0;}
/* reset the height when checkbox is checked */
.nav__list input[type=checkbox]:checked + label + ul {max-height: 9999px;}

/* Rotating chevron icon */
.collapsible_bar label > span {color:inherit; float:right; -webkit-transition:-webkit-transform 0.25 ease; transition:transform 0.25s ease;}
.nav__list input[type=checkbox]:checked + label > span {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}

/* Header for collapsible text*/
.collapsible_header {margin: 0 auto;font-size:18px;}



/* Content Tables
--------------------------------------------------------------------------------------------------------------- */
.group-list p {font-size:18px;}
.group-list, .sub-group-list {margin:0;}
.content_table {width:95%; margin: 2% auto;}
.content_table td {vertical-align:middle;margin:0;}
.content_table p {margin: 1.5% 0.5%;}
.content_table thead {font-weight:bold; color:#ffffff;}
.content_table .first {width:15%; font-weight:bold;}
.content_table tr {background-color:#e6bec6;}
.content_table tr:nth-child(even){color:inherit; background-color:#f0d5da;}
.table_head tr {background-color:#52252f;} 

/* Alternate table format - Teaching Table*/
.content_table_alt td:nth-child(1) {width:25%; text-align:center;}
.content_table_alt p {margin: 0.5%;}

/* Submission
--------------------------------------------------------------------------------------------------------------- */
.submission {border-color:#75827d;}
.submission span{color:#474747; background-color:inherit;}
.submission label{margin-bottom:10px;}
#name, #email {width:100%;padding:10px;font-size:18px;}
#subject {width:100%;padding:10px;font-size:18px;}
#message {width:100%;padding:10px;font-size:18px;height:190px;resize:vertical;overflow:auto;}
.submission input:focus, .submission textarea:focus, *:required:focus{border-color:#03BDD2;}
#btn_submit {display:block;width:90%;height:50px;border-radius:22px;padding:0;margin:0 auto;font-size:1.2rem;color:#FFF;background-color:#52252f;border-color:#03BDD2;transition:all 0.25s ease-in-out;border:none;}
#btn_submit:hover {background-color:transparent;color:inherit; border:1px solid #474747;}


/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}


/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center;}

.faico a{color:#252525; background-color:#FFFFFF;}
.faico a:hover{color:#FFFFFF;}

.faicon-dribble:hover{background-color:#EA4C89;}
.faicon-facebook:hover{background-color:#3B5998;}
.faicon-google-plus:hover{background-color:#DB4A39;}
.faicon-linkedin:hover{background-color:#0E76A8;}
.faicon-twitter:hover{background-color:#00ACEE;}
.faicon-vk:hover{background-color:#4E658E;}


/* Miscellaneous ------------------------------------------------------------------------------------------------------------ */
#image_holder .btn {padding:5px 25px; margin: 10px auto; display: block; width:80%; background-color:#52252f;border-color:#52252f;}
#image_holder .btn:hover {background-color:transparent;color:inherit; border:1px solid #474747;}
.btm_border {border-bottom: 1px solid #252525;}
#small_btn {font-size: 14px; padding: 10px 25px; margin: auto; background-color:#52252f;}
.journal_citation {float:left; margin-top:0;}
#oral_hr {float:left;margin: 0 0 10px 0;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#CBCBCB; background-color:#252525;}
a{color:#c78291;}
a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FFFFFF; background-color:inherit;}
.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.15);}

.btn, .btn.inverse:hover, a .icon.fa, a.inverse:hover .icon.fa{color:#FFFFFF; background-color:#52252f;border-color:#52252f;}
.btn:hover, .btn.inverse, a:hover .icon.fa, a.inverse .icon.fa{color:inherit; background-color:transparent; border-color:inherit;}


/* Rows */
.row0, .row0 a{color:#FFFFFF;}
.row1{color:#474747; background-color:#FFFFFF; box-shadow:0 10px 10px rgba(0,0,0,.05);}
.row2{color:#474747; background-color:#f0d5da;}
.row3{color:#474747; background-color:#f5ebed;}
.row4{color:#CBCBCB; background-color:#252525; border-color:#c78291;}

/* Background Image */
.image_background {
  background-image: url("abstract.jpg");
  background-color: #cccccc;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; /*absolute*/
}


/* Top Bar */
#topbar, #topbar ul li{border-color:rgba(255,255,255,.3);}
#topbar > div:last-of-type li:first-child a{color:#03BDD2;}


/* Header */
#header #logo a{color:inherit;}


/* Content Area */
.element figure figcaption time{color:#474747; background-color:#F7F7F7;}
.element figure figcaption div{color:#FFFFFF; background-color:rgba(0,0,0,.65);}
.element figure figcaption div a{color:inherit;}
.element .txtwrap{color:#474747; background-color:#FFFFFF;}

.team.element .txtwrap{color:inherit; background-color:#F7F7F7; border-color:#03BDD2;}
.team.element .txtwrap{color:inherit; background-color:#FFFFFF;}

.element .txtwrap_mini{color:#474747; background-color:#FFFFFF;}

.team.element .txtwrap_mini{color:inherit; background-color:#F7F7F7; border-color:#03BDD2;}
.team.element .txtwrap_mini{color:inherit; background-color:#FFFFFF;}



/* Footer */
#footer .heading{color:#FFFFFF;}
#footer #copyright a{color:inherit; background-color:inherit;}


/* Navigation */
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#b55b6f; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,1); border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#03BDD2;}
#mainav form select{color:#FFFFFF; background-color:#000000; border-color:rgba(136,136,136,.5);/* #888888 */}

.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#c78291;}

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:#03BDD2;}

#backtotop{color:#FFFFFF; background-color:#c78291;}


/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#03BDD2;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
#comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}

/* Profile Table */
#profile_table table, th, tr, td {border: 1px solid transparent;}
#profile_table table, th, tr {background-color:rgba(0, 0, 0, 0);}
/* #profile_table td{color:inherit; background-color:#FFFFFF; border-bottom:1px solid; border-bottom-color: #03BDD2;} */
#profile_table table {text-align:center;}


/* Collapsible table*/
.collapsible {color:#474747; background-color:#e8e8e8; border-color:transparent;}
.collapsible:hover {color:inherit; background-color:transparent; border-color:inherit;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px){
	.hoc{max-width:978px;}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:950px){
	.hoc{max-width:90%;}

	#topbar{}

	#header{padding:30px 0;}
	#header #logo{margin-top:3px;}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}	
	
}


@media screen and (max-width:750px){
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.group .group > *:last-child, .clear .clear > *:last-child, .clear .group > *:last-child, .group .clear > *:last-child{margin-bottom:0;}/* Experimental - Needs more testing in different situations, stops double margin when stacking */
	.one_half,.one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	#pageintro{padding:75px 0 55px;}

	#topbar{text-align:center;}
	#topbar ul{margin:0 0 15px 0;}
	#topbar div:last-child ul{margin:0;}

	#header{text-align:center;}
	#header #logo{margin:0 0 15px 0;}

	#footer{padding-bottom:50px;}/* Not neccessary - just looks better */
}

@media screen and (max-width:650px){
	/* re-sizing one-sixth to fit mobile */
	.one_sixth {display:block; width: 30%; height:280px; margin: 0 5px 10px 5px;}
	#profile_table table {margin: 0;}
	#profile_table img {display: block; margin-left: auto; margin-right: auto; width: 70%;}
	#profile_table tr .heading{margin:5px 25px 0 25px; font-size:1rem;}
	#profile_table tr em{display:block; font-size:0.7rem; font-style:italic; line-height: 1em; margin:5px 25px 0 25px; padding: 0 5px;}
	#profile_table a{font-size: 0.9rem;}
}


@media screen and (max-width:450px){
	
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}
	
	#topbar ul li{margin-bottom:2px; padding-right:0; border-right:none;}
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.5rem;}
	.font-x3{font-size:2.2rem;}
	#intro_text .font-x3{font-size:2.1rem;text-align:left;}

	#pageintro li article, #pageintro li p:first-of-type{max-width:none; width:100%;}
	#pageintro li .heading{font-size:2.2rem;}
	#pageintro li .sub-heading{font-size:1.4rem;}
	#pageintro li .sub-heading1{font-size:1.0rem;}
		
}