/* Global styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Rubik:700&display=swap"); @font-face { font-family: 'cooper_hewittmedium'; src: url('/fonts/CooperHewitt-Medium.otf') format('opentype'); src: url('/fonts/CooperHewitt-Medium.eot'); src: url('/fonts/CooperHewitt-Medium.svg'); src: url('/fonts/CooperHewitt-Medium.woff') format('woff'); src: url('/fonts/cooperhewitt-medium-webfont.woff2') format('woff2'); src: url('/fonts/CooperHewitt-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittbold'; src: url('/fonts/CooperHewitt-Bold.eot'); src: url('/fonts/CooperHewitt-Bold.svg'); src: url('/fonts/CooperHewitt-Bold.ttf'); src: url('/fonts/CooperHewitt-Bold.woff') format('woff'); src: url('/fonts/CooperHewitt-Bold.otf') format('opentype'); } @font-face { font-family: 'cooper_hewittheavy'; src: url('/fonts/CooperHewitt-Heavy.eot'); src: url('/fonts/CooperHewitt-Heavy.svg'); src: url('/fonts/CooperHewitt-Heavy.ttf'); src: url('/fonts/CooperHewitt-Heavy.woff') format('woff'); src: url('/fonts/CooperHewitt-Heavy.otf') format('opentype'); } body {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; height:100%; } body {position:relative; margin:0; padding:0; background-color:#fff; font-size:16px; line-height: 1.42857143; } body section#miniNav {width:100%; background-color:#131e4c; padding:8px 0;} body section#miniNav ul {margin:0 auto; padding:0; display:flex; justify-content: flex-end;} body section#miniNav ul li {list-style:none; margin:0; padding:0 8px; color:#fff; font-size:.62em; font-weight:bold;} body section#miniNav ul li a {text-decoration:none; color:#ffb81c; display:block; margin:0; padding:0;} body section#miniNav ul li a:hover {text-decoration:underline; } body section#miniNav::after {display:block; content:''; clear:both;} body header#subpageHeader {width:100%; padding:2em 0 0 0; background-image: URL("/images/bg_header.png"); background-color:#003594; position:relative;} body header#subpageHeader div#subpageHeaderWrap {margin:0 auto; display:flex; align-items:center;} body header#subpageHeader div#subpageHeaderWrap div.pittShield {border-right: solid 1px rgba(255, 255, 255, 0.3); padding:0 2em 0 0; margin: 0 2em 0 0;} body header#subpageHeader div#subpageHeaderWrap div.pittShield img {width: 148px;} body header#subpageHeader div#subpageHeaderWrap div.siteIdentity a {color: #fff; font-size:1.75em; font-family: cooper_hewittmedium, sans-serif; line-height: 1; text-decoration:none; font-weight:normal;} body header#subpageHeader div#subpageHeaderWrap div.siteIdentity a:hover {color: #fff; text-decoration: none;} body div#container {clear:both; margin:40px auto 60px auto; padding:0 0 0 0;} body div#container::after {display:block; content:''; clear:both;} h1 {font-family: "Open Sans", "Rubik", "Helvetica Neue", Arial, sans-serif; font-size: 2.5em; font-weight: 700; margin:0 0 1em -4px; padding:0;} h2 {font-size: 1.75em; font-weight: 700; margin:0; padding:18px 0;} h3 {font-size: 1.5em; margin: 30px 0 15px; font-weight: 700;} h4 {font-size: 1.3em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin: 26px 0 13px;} h5 {font-size: 1em; font-weight:700; margin:.75em 0; padding:0;} p {margin: 0 0 25px 0;} a:visited{color:#0000ff;} a.btn { background-color:#003594; font-size: .9em; color: #fff; text-transform:uppercase; transition: all linear 0.15s; text-decoration: none; text-align:center; font-family: sans-serif; padding:6px 12px; } a.btn:hover { background: #3366ff; color:#fff; text-decoration: none; } .paddedBgBox {padding:5px 20px 20px 20px; margin:0; background-color:#e8e9ee;} p.topOfPage {text-align:center; margin:60px auto 30px auto;} .goldTextureBg {background-image: url("/images/bg_header_gold_texture.jpg"); } h2.goldTextureBg {font-size:1.25em; margin:0 0 30px 0; padding:12px 20px; background-image: url("/images/bg_header_gold_texture.jpg"); } sub {vertical-align: sub; font-size: smaller;} div#pageBanner {position:relative; margin:2px auto 0 auto; overflow:hidden;} div#pageBanner img {position:relative; width:100%;} /*div#container hr {border: 0; height: 0; margin: 20px 0; padding:0; border-top: 3px solid #ffb81c; border-bottom: 3px solid #ffd67c;}*/ div#container hr {border: 0; height:19px; margin: 30px 0; padding:0; background-image: url("/images/goldspacer.png"); background-repeat: no-repeat; background-position: center; background-size: 52px 19px; } div#container p {font-size:1em;} div#container ul, div#container ol {margin:0 0 25px 38px; } div#container ul li, div#container ol li {font-size:16px; padding:3px 0px 3px 10px;} div#container div#breadcrumbs {padding:0; font-size:.9em; margin:0 0 20px 0;} div#container div#breadcrumbs p {float:left; margin:0 6px 0 0; padding:0;} div#container div#breadcrumbs p:last-of-type {color:#999;} div#container div#breadcrumbs p a {text-decoration:none;} div#container div#breadcrumbs p a:hover {text-decoration:underline;} div#container div#breadcrumbs::after {content:''; display:block; clear:both;} div#container section#pgContent article {margin-bottom:30px;} div#container section#pgContent article p img {float:left; margin:0 30px 12px 0; } div#container section#pgContent article.contactUs {margin-bottom:30px;} div#container section#pgContent article.contactUs img {float:left; display:block; width:250px; margin:0 30px 0 0; } div#container section#pgContent article.contactUs div.contactInfo {float:left; display:block; } div#container section#pgContent article.contactUs div.contactInfo p {margin:0 0 6px 0; padding:0; } div#container section#pgContent article.contactUs::after {display:block; content:''; clear:both;} div#container section#pgContent article::after {display:block; content:''; clear:both;} /* Two column wrap */ div.twoColWrap {display:flex; justify-content:space-between; margin:0 0 60px 0; } div.twoColWrap div.column {width:48%; margin:0 2% 0 0;} div.twoColWrap div.column blockquote {margin:0; padding:0; font-style:italic; font-size:1.1em; color:#003594; } div.twoColWrap div.column:last-of-type {margin-right:0;} /* vertical menu */ .vertMenu {display:flex; flex-direction:column; color:white; background-color:#003594; margin:0; padding:1.25em 0; } .vertMenu h3 {padding:15px 12px 0 24px; margin-top:0; text-transform:uppercase; font-size:1em;} .vertMenu h3:first-of-type {padding-top:0;} .vertMenu a {margin:0; padding:.5em 24px; color:white; text-transform:uppercase; font-size:.85em; text-decoration:none; } .vertMenu a:hover{background-color:#3366ff;} div#container .vertMenu hr {height:1px; width:80%; background-color:#ddd; border:none; margin:15px auto;} .clearfloat {clear: both;} .contact {padding:5px 20px 20px 20px; margin:0 0 0 0; background-color:#e8e9ee; width:270px;} /* unordered list yellow blocks */ div#container ul.yellowBlocks {padding: 0 0 0 43px; text-indent:-38px; margin:0; list-style-type: none; list-style-position: inside;} div#container ul.yellowBlocks li {padding: 2px 5px 8px 5px; clear:left; line-height:1.8; margin-bottom:4px;} div#container ul.yellowBlocks li:before {content: "\276F"; padding-right: 8px; padding-left:8px; margin-right:14px; color:#003594; background-color:#ffb81c;} /* Research Area buttons */ div#container section.raButtons {margin:0 0 30px 0; display:flex; flex-wrap:wrap; } div#container section.raButtons a {text-decoration:none; font-size:.9em; border-radius: 4px; padding:10px 14px; margin:5px 5px 0 0; font-weight:bold; color:#003594; background-color:#ffb81c;} div#container section.raButtons a:hover {color:#fff; background-color:#b58500;} footer#lrdcFooter {background-color:#2b2b2b; width:100%; color:#fff;} footer#lrdcFooter div#footerWrap {margin:0 auto;} footer#lrdcFooter div#footerWrap a {text-decoration:none; color:#FC0;} footer#lrdcFooter div#footerWrap a:hover {text-decoration:underline;} footer#lrdcFooter div#footerWrap div#footerIdentity {margin-bottom:3em; display:flex; align-items:center;} footer#lrdcFooter div#footerWrap div#footerIdentity img {display:block; width:120px; padding:0 1em 0 0; margin:0 1em 0 0; border-right:solid 1px #bbb;} footer#lrdcFooter div#footerWrap div#footerIdentity p {font-family:cooper_hewittmedium, sans-serif; margin:0; padding:0; } footer#lrdcFooter div#footerWrap section{float:left; width:30%; margin:0 1em 0 0;} footer#lrdcFooter div#footerWrap section:first-of-type p {margin:0 0 .75em 0; padding:0 0 0 0;} footer#lrdcFooter div#footerWrap section#footerSocMed {margin:0 0 0 0; display:flex; align-items:center;} footer#lrdcFooter div#footerWrap section#footerSocMed a {margin-right:1.75em;} footer#lrdcFooter div#footerWrap section#footerSocMed a img {width:35px;} footer#lrdcFooter div#footerWrap section#footerLinks ul {list-style:none;} footer#lrdcFooter div#footerWrap div#copyright {clear:both; padding:2.75em 0 0 0; font-size:.75em;} /* Mission */ div#container div#missionVision blockquote {margin:0; padding:0; font-style:italic; font-size:1.1em; color:#003594; margin-bottom:25px; } div#container div#missionVision blockquote::after {clear:both; display:block; content:'';} div#container div#missionVision section#ourRAs {margin:0 0 30px 0;} div#container div#missionVision section#missionPoints {margin-top:20px;} div#container div#missionVision section#missionPoints hr {margin: 30px 0; padding:0; } div#container div#missionVision section#missionPoints h2 {font-size:1.1em; margin:0 0 10px 0; padding:0;} section#missionPoints article {display:flex; } /* About - History */ div#historyWrap article div.passings {display:flex; flex-wrap:wrap; clear:both;} div#historyWrap article div.passings a {width:18%; box-sizing:content-box; margin:0 3% 0 0; text-decoration:none; } div#historyWrap article div.passings a img {width:100%; } div#historyWrap article div.passings a p {font-size:.9em; padding:0 2px; } div#historyWrap article div.passings a:hover {text-decoration:underline; } /* About - History - Passings - Memoriam */ div#container div#memoriamWrap p img {float: left; margin:0 20px 15px 5px; width: 220px} /* Diversity */ div#facultyMentors {display:flex; flex-direction:row; flex-wrap:wrap;} div#facultyMentors article { box-sizing:border-box; background-color:#e8e9ee; } div#facultyMentors article:nth-child(2n) {margin-right: 0;} div#facultyMentors article p {font-size:.9em; margin:0 0 12px 0; padding:0;} div#facultyMentors article p a {text-decoration:none; font-size:1.25em; color:#003594; font-weight:bold; } div#facultyMentors article p a:hover {text-decoration:underline; } div#facultyMentors article p span {text-transform:uppercase; color:#000; font-weight:bold; } div#facultyMentors article::after {display:block; content:''; clear:both;} /* Events */ div#container div#eventsWrap {display:flex; flex-direction:column; } div#container div#eventsWrap article {width:100%; margin-bottom:30px; display:flex; align-items:flex-start; justify-content:flex-start;} div#container div#eventsWrap article div.date { width:80px; background-color:#003594; margin:0 18px 12px 0; padding:10px 0; } div#container div#eventsWrap article div:last-of-type {width:87%;} div#container div#eventsWrap article div.date p {color:#fff; text-transform:uppercase; padding:0; margin:0; text-align:center;} div#container div#eventsWrap article div.date p:last-of-type {font-size:32px; font-weight:bold; line-height:1;} div#container div#eventsWrap article div p.title {font-weight:bold; padding:0; margin:0 0 0 0;} div#container div#eventsWrap article div p.timeLoc {color:#888; padding:0; margin:0 0 0 0; } div#container div#eventsWrap article div p.details {padding:0; margin:0 0 0 0;} div#container div#eventsWrap article div p.details a {text-decoration:none;} div#container div#eventsWrap article div p.details a:hover {text-decoration:underline;} /* Education Improvement */ div#cliWrap section#pgContent article hr {border: 0; height: 0; margin: 20px 0 25px 0; padding:0; border-top: 1px solid #ffb81c; } div#cliWrap section#pgContent article div {margin-bottom:20px;} /* Research */ div#pageBanner video {width:100%;} section#lrdcResearchAreas div {background-color:#003594;} section#lrdcResearchAreas img {margin:0 auto; padding:15px 0 6px 0; display:block; width:85px;} div#lrdcResearchWrap blockquote {margin:0 0 40px 0; } div#lrdcResearchWrap div.twoColWrap div.column:first-of-type div#raImgWrap3 {display:flex; flex-wrap:wrap; margin-bottom:60px; position:relative;} div#lrdcResearchWrap div.twoColWrap div.column:first-of-type div#raImgWrap3 div {width:32.33%; margin:0 1% 1% 0; padding:0; position:relative; } div#lrdcResearchWrap div.twoColWrap div.column:first-of-type div#raImgWrap3 div:nth-child(3n) {margin-right:0;} div#lrdcResearchWrap div.twoColWrap div.column:first-of-type div#raImgWrap3 div.goldBg {background-color:#ffb81c;} div#lrdcResearchWrap div.twoColWrap div.column:first-of-type div#raImgWrap3 div img {width:100%; height:100%; } /* LRDC and the Brain Institute */ div#brainInstWrap div.twoColWrap aside {background-color:#e8e9ee; color:#666; box-sizing:border-box; text-align:center; font-size:1.1em; font-style: italic; } div#brainInstWrap article {margin-top:40px; padding-bottom:20px; border-bottom: solid 1px #ffb81c;} div#brainInstWrap article img {float:left; display:block; } div#brainInstWrap article h2 {font-size:1.25em; margin:0 0 15px 0; padding:0;} div#brainInstWrap article p:first-of-type {font-weight:bold; color:#666; font-size:.9em;} div#brainInstWrap article::after {content:''; display:block; clear:both;} /* Equity */ div#equityWrap section#pgContent article.rp hr {border: 0; height: 0; margin: 15px 0 25px 0; padding:0; border-top: 1px solid #ffb81c; } /* Alumni */ div#pageWrap section#pgContent article div.alumniWrap {display:flex; flex-wrap:wrap; margin:40px 0;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb {background-color:#e8e9ee; box-sizing:border-box; text-align:center;} div#pageWrap section#pgContent article div.alumniWrap div p:first-of-type {font-weight:bold;} div#pageWrap section#pgContent article div.alumniWrap div p:nth-of-type(2) {font-style:italic; color:#444;} /* People */ div#container div#peopleWrap h2.goldTextureBg {box-sizing:border-box; font-size:1.25em; margin:15px 0 30px 0; padding:4px 2px 4px 16px; width:98%; } div#container div#peopleWrap section#directors h2.goldTextureBg {margin-top:0; } div#peopleWrap section div {display:flex; flex-wrap:wrap;} div#peopleWrap section div article a {text-decoration:none;} div#peopleWrap section div article a p {color:#003594; } div#peopleWrap section div article p:first-of-type {font-size:.9em; font-weight:bold; margin:0; padding:0;} div#peopleWrap section div article a p:first-of-type::after {content:"\00A0\00BB"; color:#ff6600; } div#peopleWrap section div article a:hover p:first-of-type::after {font-size:1.3em; line-height:.7;} div#peopleWrap section div article p:nth-of-type(2){color:#555; font-size:.8em; margin:2px; padding:0 10px 0 0;} div#peopleWrap section div article p:nth-of-type(3) {font-size:.8em; margin:0; padding:0;} div#peopleWrap section div article a:hover img {opacity: 0.75; } div#peopleWrap section#IFL {clear:both; margin-top:20px;} div#container div#peopleAZwrap section#peopleMenuAZ {width:300px; float:right;} div#container div#peopleAZwrap section#peopleMenuAZ::after {content:''; display:block; clear:both;} div#container div#peopleAZwrap div.tabs {margin-top:60px;} div#container div#peopleAZwrap table {width:100%; margin:0 0 1.5em 0; border-collapse: collapse;} div#container div#peopleAZwrap table tr:hover {background-color: #f2f2f2;} div#container div#peopleAZwrap table tr td {border-bottom:1px solid #f2f2f2;} div#container div#peopleAZwrap table tr td a {text-decoration:none;} div#container div#peopleAZwrap table tr td a:hover {text-decoration:underline;} div#container div#peopleAZrap::after {content:''; display:block; clear:both;} /* Researcher Detail */ div#container div#resDetail div.column{display:block; } div#container div#resDetail::after {display:block; content:''; clear:both;} div#container div#resDetail div.column section#nameTitle h1 {margin:0;} div#container div#resDetail div.column section#nameTitle p {margin:3px 0 0 0; padding:0;} div#container div#resDetail div.column section#labs p {margin:0; padding:0;} div#container div#resDetail div.column section#newsAwards article {margin:0 0 1em 0; padding:0 0 1em 0; border-bottom:1px solid #e0e0e0;} div#container div#resDetail div.column section#newsAwards article p:first-of-type {text-align:left; margin:0 0 .75em 0;} div#container div#resDetail div.column section#newsAwards article p {text-align:right; margin-bottom:0;} div#container div#resDetail div.column section#newsAwards article p.naDate {color:#777;} div#container div#resDetail div.column div#photoContact img {width:100%; display:block;} div#container div#resDetail div.column div#photoContact section#contactInfo {background-color:#003594; color:#fff; padding:1em;} div#container div#resDetail div.column div#photoContact section#contactInfo p {padding:0; margin:0 0 4px 0;} div#container div#resDetail div.column div#photoContact section#contactInfo p:first-of-type {font-weight:bold; font-size:1.25em; margin:0 0 1em 0;} div#container div#resDetail div.column div#photoContact section#contactInfo p.viewCV {margin:1em 0 0 0;} div#container div#resDetail div.column div#photoContact section#contactInfo p a {color:#ffb81c;} /* Research Interest blue bricks */ div#container section#resInts {margin-bottom:38px; display:flex; flex-wrap:wrap;} div#container section#resInts a { text-decoration:none; font-size:.9em; border-radius: 4px; margin:5px 5px 0 0; color:#fff; padding: 6px 10px; background-color:#003594; } div#container section#resInts a:hover {background-color:#3366ff} /* Departments */ div#lrdcDepts div#deptButtons {display:flex; flex-wrap:wrap;} div#lrdcDepts div#deptButtons a {box-sizing:border-box; text-align:center; text-decoration:none; margin:0 1% 1% 0; padding:20px 15px; background-color:#003594; color:white;} div#lrdcDepts div#deptButtons a:hover {background-color:#3366ff;} /* Administration */ div#adminfsWrap div.column article.contactUs {box-sizing:border-box; background-color:#e8e9ee; padding:15px; } div#adminfsWrap div.column article.contactUs h2 {margin-top:0; padding-top:0; } div#adminfsWrap div.column article.contactUs img {display:block; width:100%; margin:0 0 18px 0; } div#adminfsWrap div.column article.contactUs div.contactInfo {} div#adminfsWrap div.column article.contactUs div.contactInfo p {margin:0 0 6px 0; padding:0; } /* Communications - Featured Briefs */ div#resNewsWrap h1 {font-size:2em; line-height:1.3;} div#resNewsWrap article::after {display:block; content:''; clear:both;} div#resNewsWrap article p {font-size:.9em; margin:11px 0; padding:0;} div#resNewsWrap article p.largeText {font-size:22px; margin:0 35px 35px 35px;} div#resNewsWrap article p img {float:left; margin:0 20px 12px 0;} div#resNewsWrap article img.full-width {float:none; margin:0 0 15px 0; width:100%;} div#resNewsWrap article p img.three-qtr-width {float:none; display:block; margin:0 auto 15px auto; width:75%; } div#resNewsWrap article figure {width:100%; padding:10px 0px 10px 0; margin:12px 0 0 0; } div#resNewsWrap article figure img {width:100%;} div#resNewsWrap article figure figcaption {color:#777; font-size:.85em; font-weight:bold; text-align:center; } div#resNewsWrap article hr.thickRed {border:none; border-top: 6px solid red; margin:5px 0 0 0; padding:0; background:none; } /* Computing Services */ div#csWrap section#csTop article.helpTicket {text-align:center; padding:15px 0 20px 0; } div#csWrap section#csTop article.helpTicket h4 {margin:0 0 10px 0; padding:0;} div#csWrap section#csTop article.helpTicket a {display:inline-block; color:#fff;} div#csWrap section#csTop article.wwd p {line-height:1.45;} div#csWrap section#csTop article.wwd p strong {font-size:1.3em;} div#csWrap table {border-collapse: collapse; width: 100%; font-size:.9em;} div#csWrap table td {border: 1px solid #eee; padding: 8px;} div#csWrap table tr:nth-child(odd){background-color: #f6f6f6;} div#csWrap table tr:nth-child(even){background-color: #fcfcfc;} div#csWrap table tr td:nth-of-type(2) {font-style:italic;} /* Personnel */ div#container div#poWrap div.column section#poW4 {margin-top:2em; border-top:1px solid #ddd;} div#container div#poWrap div.column section#poW4 h2 {font-size:1.25em;} div#container div#poWrap div.column section#poW4 div div {font-size:.85em;} /* LRDC Access */ div#lrdcAccess section#lrdcCalendars {margin-bottom:40px;} div#lrdcAccess section#lrdcCalendars div.calList {display:flex; flex-wrap:wrap; margin:0 0 30px 0;} div#lrdcAccess section#lrdcCalendars div.calList div {width: 48.5%; margin:0 1.5% 1.5% 0; background-color:#e8e9ee; padding:6px; box-sizing:border-box;} div#lrdcAccess section#lrdcCalendars div.calList div:nth-of-type(even) {margin-right:0;} div#lrdcAccess section#lrdcCalendars div.calList div p {font-size:.85em; margin:0; padding:0;} div#lrdcAccess section#lrdcCalendars div.calList a {display:inline-block; color:#fff; background-color:#003594; padding:3px 24px; margin:0 0 12px 0; text-align:center; text-decoration:none; font-size:.9em; border-radius:4px;} div#lrdcAccess section#lrdcCalendars div.calList a:hover {background-color:#3366ff;} div#lrdcAccess ul#intAwFinReport {margin-left:0;} div#lrdcAccess ul#intAwFinReport li {padding:8px; font-size:.9em;} /* Social Events */ div#socialEvents div#seWrap {display:flex; flex-wrap:wrap; justify-content:space-between;} div#socialEvents div#seWrap article {display:block; width:48%; margin:0 4% 20px 0; } div#socialEvents div#seWrap article:nth-of-type(even) {margin-right:0;} div#socialEvents div#seWrap section {display:flex; flex-wrap:nowrap;} div#socialEvents div#seWrap section img {align-self: start;} div#socialEvents div#seWrap section div p {margin:0 0 9px 0; padding:0;} /* hide the inputs/checkmarks and submenu */ div#container div#socialEvents div#seWrap article input, div#container div#socialEvents div#seWrap article ul.submenu { display: none;} /*position the label*/ div#container div#socialEvents div#seWrap article label { position: relative; display: block; cursor: pointer; background-color:#003594; padding:1px 6px; color:white; border-radius:4px; margin:15px 0 12px 0; font-size:.9em; } div#container div#socialEvents div#seWrap article label:hover {background-color:#3366ff;} /*show the submenu when input is checked*/ div#container div#socialEvents div#seWrap article input:checked~ul.submenu {display: block; } div#container div#socialEvents div#seWrap article ul.submenu {margin:0; padding:0; } div#container div#socialEvents div#seWrap article ul.submenu li {list-style-type:none; padding:4px 0; margin:0;} div#container div#socialEvents div#seWrap article ul.submenu li a {font-size:.9em; padding:4px 8px; } /* phone-only styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (max-width:599px) { h1 {font-size: 1.8em; margin:0 0 1em -4px; line-height:1.3;} h2 {font-size: 1.5em;} div#container section#pgContent article p img.width250 {width:40%; float:left; margin:0 15px 8px 0; } div#container section#pgContent article p img {width:100%; float:none; margin:0 0 15px 0; } div#container section#pgContent article.contactUs img {margin-bottom:18px;} div#container section#pgContent article.contactUs div.contactInfo {float:none; clear:both; width:100%;} /* Tabs */ ul.tab-links li a {padding: 10px 16px; font-size: .8em; } body section#miniNav ul {width:92%;} body section#miniNav ul li {padding:0 5px; color:#fff; font-size:.62em; font-weight:bold;} body section#miniNav ul li span {display:none;} body section#miniNav ul li.donate {display:none;} body header#subpageHeader {padding:1.5em 0 0 0;} body header#subpageHeader div#subpageHeaderWrap {width:92%; margin:0 auto; display:flex; align-items:center; } body header#subpageHeader div#subpageHeaderWrap div.siteIdentity a {font-size:1.2em;} body header#subpageHeader div#subpageHeaderWrap div.pittShield {padding:0 1.5em 0 0; margin: 0 1.5em 0 0;} body header#subpageHeader div#subpageHeaderWrap div.pittShield img {width:135px;} body div#container {width:90%;} div#pageBanner {max-height:170px;} div#container div.twoColWrap {display:block; justify-content:initial;} div#container div.twoColWrap div.column {width:100%; margin:0 0 30px 0;} footer#lrdcFooter {padding:3em 0; } footer#lrdcFooter div#footerWrap {width:92%;} footer#lrdcFooter div#footerWrap::after {display:block; content:''; clear:both;} footer#lrdcFooter div#footerWrap div#footerIdentity p {font-size:1em; } footer#lrdcFooter div#footerWrap section {font-size:.85em; float:left; width:45%; margin:0 1em 2em 0;} footer#lrdcFooter div#footerWrap section#footerSocMed {float:none; width:100%; margin:0 0 0 0;} footer#lrdcFooter div#footerWrap section#footerSocMed a {} /* Mission */ div#container div#missionVision blockquote img.interconnect {display:block; width:65px; float:right; padding:0 0 8px 15px;} section#missionPoints article:nth-of-type(odd) div:first-of-type {display:none;} section#missionPoints article:nth-of-type(odd) div:last-of-type {width:100%; background-image:url("/images/OurResearch-icon-844x688-opacity10.png"); background-repeat: no-repeat; background-position: right; background-size:330px;} section#missionPoints article:nth-of-type(even) div:first-of-type {width:100%; background-image:url("/images/OurResearch-icon-844x688-opacity10.png"); background-repeat: no-repeat; background-position: right; background-size:330px;} section#missionPoints article:nth-of-type(even) div:last-of-type {display:none;} /* SHARED */ /* research projects (on Education Improvement; Equity) */ div section#pgContent article.rp div h3 {font-weight:bold; padding:10px 0 0 0; margin:0 0 10px 0; font-size:1.15em;} div section#pgContent article.rp div div {display:flex; flex-direction:column; } div section#pgContent article.rp div div figure { display:flex; flex-direction:row; box-sizing:border-box; width:100%; padding:0 0 0 0; margin:0 0 20px 0; font-style:italic; color:#555; } div section#pgContent article.rp div div figure:last-of-type {padding-right:0;} div section#pgContent article.rp div div figure img {width:auto; height:100px; margin:0 10px 0 0;} div section#pgContent article.rp div div figure figcaption p {font-style:italic; font-size:.8em; color:#5a5a5a; margin-bottom:5px;} div section#pgContent article.rp div div figure figcaption a {font-style:normal; font-size:.7em; padding:4px 6px; } /* About - History */ div#historyWrap article#historyDirectors {display:flex; flex-wrap:no-wrap; margin-top:15px;} div#historyWrap article#historyDirectors figure {width:23%; margin:0 2% 0 0; text-align:center;} div#historyWrap article#historyDirectors figure img {width:95px; margin:0 auto;} div#historyWrap article#historyDirectors figure:last-of-type {margin-right: 0;} div#historyWrap article#historyDirectors figure figcaption {font-size:.8em; color:#444;} div#historyWrap article div.passings a {width:44%; box-sizing:content-box; margin:0 5% 0 0; text-decoration:none; } /* About - History - Passings - Memoriam */ div#container div#memoriamWrap p img {width:150px;} /* Diversity */ div#facultyMentors article {width:100%; margin:0 0 10px 0; padding:15px; } div#facultyMentors article img {float:left; width: 110px; margin:0 15px 10px 0;} /* Events */ div#container div#eventsWrap article div.date {width:60px;} div#container div#eventsWrap article div.date p:last-of-type {font-size:20px; } /* Research */ div#lrdcResearchWrap div.twoColWrap div.column:first-of-type div#raImgWrap3 {display:none;} /* LRDC and the Brain Institute */ div#brainInstWrap div.twoColWrap {flex-wrap:wrap;} div#brainInstWrap div.twoColWrap div.column:first-of-type {width:100%; margin-right:0; } div#brainInstWrap div.twoColWrap div.column:last-of-type {width:100%; margin:30px 0 0 0; } div#brainInstWrap div.twoColWrap aside {padding:25px;} div#brainInstWrap section#brainInstFacWrap {margin-top:30px;} div#brainInstWrap article img {float:left; display:block; width:95px; margin:0 15px 10px 0;} /* Education Improvement */ div#pageBanner img.cliBanner {top:-40px;} /* Research Training */ div#studentsWrap section#pgContent article img {width:100%; float:none; margin:0 0 15px 0; } /* Equity */ div#pageBanner img.equityBanner {top:-50px;} /* Connections */ div#pageBanner img.collaborationBanner {top:-15px;} /* People */ div#container div#peopleWrap h2.goldTextureBg {font-size:1.2em; margin:15px 0 30px 0; padding:4px 2px 4px 10px; width:100%;} div#peopleWrap div.twoColWrap {flex-direction:column;} div#peopleWrap div.twoColWrap div.column:first-of-type {width:100%; margin:0 0 20px 0;} div#peopleWrap div.twoColWrap div.column:last-of-type {width:100%;} div#peopleWrap section#directors div article {width:48%; margin:0 2% 15px 0;} div#peopleWrap section#directors div article:last-of-type {margin-right:0; } div#peopleWrap section#directors div article img {height:135px;} div#peopleWrap section div article img {height:88px;} div#peopleWrap section div article {width:32.5%; margin:0 1.25% 2.5% 0;} div#peopleWrap section div article:nth-child(3n) {margin-right:0; } div#peopleWrap section div article p:first-of-type {font-size:.75em;} div#peopleWrap section div article p:nth-of-type(2) {font-size:.7em;} div#container div#peopleAZwrap .tab-links li a {padding: 6px 12px; font-size: .85em; margin-bottom:2px; } div#container div#peopleAZwrap div.tab-content div.tab {padding:20px 8px 8px 8px;} div#container div#peopleAZwrap table tr td {font-size:.7em; padding:7px 1px 7px 4px;} div#container div#peopleAZwrap table tr td:nth-of-type(1) {width:29%;} div#container div#peopleAZwrap table tr td:nth-of-type(2) {width:29%;} div#container div#peopleAZwrap table tr td:nth-of-type(3) {width:21%;} div#container div#peopleAZwrap table tr td:nth-of-type(4) {width:21%;} /* Alumni */ div#pageWrap section#pgContent article img.ytSung {display:block; margin:0 auto 20px auto; width:160px; clear:both;} div#pageWrap section#pgContent article div.alumniWrap div {width:30%; margin-right:3%;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb {width:100%; padding:20px; margin:30px 0 0 0;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb h3 {margin:0 0 20px 0; padding:0; font-size:1.2em;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb p:first-of-type {font-weight:normal; font-size:.9em; margin:0 0 20px 0; padding:0;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb a {clear:both; display:block; width:80%; margin:0 auto;} div#pageWrap section#pgContent article div.alumniWrap div img {width:100%; margin:0 0 6px 0; } div#pageWrap section#pgContent article div.alumniWrap div p {margin:0 0 5px 0; padding:0;} div#pageWrap section#pgContent article div.alumniWrap div p:nth-of-type(2) {font-size:.9em;} /* Researcher Detail */ div#container div#resDetail div.column:first-of-type {margin:0 0 2em 0;} div#container div#resDetail div.column:last-of-type {margin:0; } div#container div#resDetail div.column:last-of-type div#photoContact {width:70%; margin:0 auto; } /* Research Interests */ div#lrdcResIntsWrap div.twoColWrap {display:flex; flex-direction:column;} div#lrdcResIntsWrap div.twoColWrap div.column:first-of-type {width:100%; margin:0 0 40px 0;} div#lrdcResIntsWrap div.twoColWrap div.column:last-of-type {width:100; margin:0 0 0 0;} /* Departments */ div#lrdcDepts div#deptButtons a {width:48%; margin:0 1.5% 1.5% 0; padding:12px 10px;} /* Administration */ div#container div#pgsWrap div.tabs ul.tab-links li a {padding: 8px 8px; font-size: .8em; margin-top:2px;} div#container div#pgsWrap div.tabs div.tab-content div.tab {margin-top: 5px; padding:12px 12px 10px 12px; } div#container div#pgsWrap div.tabs div.tab-content div h3 {font-size:1.1em; margin: 10px 0 10px;} div#container div#pgsWrap div.tabs div.tab-content div ul {margin-left:18px; padding-left:0;} div#container div#pgsWrap div.tabs div.tab-content div ul li {padding-left:0;} /* Communications - Featured Briefs */ div#resNewsWrap article h3 {font-size:1.1em;} div#resNewsWrap article p img.rnWide {width:100%; margin:0 0 12px 0; float:none;} div#resNewsWrap article p img.rnNarrow {width:40%;} /* Computing Services */ div#csWrap section#csTop {display:flex; flex-wrap:wrap;} div#csWrap section#csTop article {width:100%;} div#csWrap section#csTop article:last-of-type {margin:25px 0 0 0;} /* Social Events */ div#socialEvents div#seWrap article {display:block; width:100%; margin:0 0 20px 0; float:none;} div#socialEvents div#seWrap article h2 {font-size:20px; padding:0 0 12px 0; margin:0;} div#socialEvents section img {width:140px; margin-right:24px;} div#socialEvents section div p {font-size:14px;} div#container div#socialEvents div#seWrap article label {} } /* tablet-portrait-up styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (min-width:600px) { body section#miniNav ul {width:82%;} body header#subpageHeader div#subpageHeaderWrap {width:82%;} body header#subpageHeader div#subpageHeaderWrap div.siteIdentity a {font-size:1.3em; } body div#pageBanner {max-height:250px;} body div#container {width:82%;} h1 {font-size: 2.2em; } body div#container p {font-size:.9em;} body div#container ul li {font-size:.9em;} div#container section#pgContent article p img.width250 {width:250px; } div#container section#pgContent article p img {width:45%;} div#container section#pgContent article.contactUs div.contactInfo {width:39%;} footer#lrdcFooter {padding:2.5em 0; } footer#lrdcFooter div#footerWrap {width:82%;} footer#lrdcFooter div#footerWrap div#footerIdentity p {font-size:1.25em;} footer#lrdcFooter div#footerWrap section {font-size:.9em;} /* Mission */ div#container div#missionVision blockquote img.interconnect {display:block; width:85px; float:right; padding:0 0 20px 15px;} section#missionPoints article:nth-of-type(odd) div:first-of-type {display:none;} section#missionPoints article:nth-of-type(odd) div:last-of-type {width:100%; background-image:url("/images/OurResearch-icon-844x688-opacity10.png"); background-repeat: no-repeat; background-position: right; background-size:330px;} section#missionPoints article:nth-of-type(even) div:first-of-type {width:100%; background-image:url("/images/OurResearch-icon-844x688-opacity10.png"); background-repeat: no-repeat; background-position: right; background-size:330px;} section#missionPoints article:nth-of-type(even) div:last-of-type {display:none;} /* SHARED */ /* research projects (on Education Improvement; Equity) */ div section#pgContent article.rp div h3 {font-weight:bold; padding:10px 0 0 0; margin:0 0 10px 0; font-size:1.15em;} div section#pgContent article.rp div div {display:flex; } div section#pgContent article.rp div div figure { display:flex; flex-direction:column; box-sizing:border-box; width:50%; padding:0 15px 0 0; margin:0 0 20px 0; font-style:italic; color:#555; } div section#pgContent article.rp div div figure:last-of-type {padding-right:0;} div section#pgContent article.rp div div figure img {width:40%; margin:0 0 8px 0;} div section#pgContent article.rp div div figure figcaption p {font-style:italic; font-size:.8em; color:#5a5a5a; margin-bottom:6px;} div section#pgContent article.rp div div figure figcaption a {font-style:normal; font-size:.75em; } /* About */ div#aboutWrap div.twoColWrap div.column:last-of-type {width:40%; } /* About - History */ div#historyWrap div.twoColWrap div.column:first-of-type {width:56%;} div#historyWrap div.twoColWrap div.column:last-of-type {width:32%;} div#historyWrap article#historyDirectors {display:flex; flex-wrap:wrap; margin-top:15px;} div#historyWrap article#historyDirectors figure {width:48%; margin:0 2% 24px 0; text-align:center;} div#historyWrap article#historyDirectors figure img {margin:0 auto;} div#historyWrap article#historyDirectors figure:last-of-type {margin-right: 0;} div#historyWrap article#historyDirectors figure figcaption {font-size:.8em; color:#444;} /* Diversity */ div#facultyMentors article {width:100%; margin:0 0 10px 0; padding:15px; } div#facultyMentors article img {float:left; width: 110px; margin:0 15px 10px 0;} /* Research */ div#lrdcResearchWrap div.twoColWrap div.column:last-of-type {width:44%;} /* LRDC and the Brain Institute */ div#brainInstWrap div.twoColWrap {flex-wrap:wrap;} div#brainInstWrap div.twoColWrap div.column:first-of-type {width:100%; margin-right:0; } div#brainInstWrap div.twoColWrap div.column:last-of-type {width:100%; margin:30px 0 0 0; } div#brainInstWrap div.twoColWrap aside {padding:30px;} div#brainInstWrap section#brainInstFacWrap {margin-top:40px;} div#brainInstWrap article img {float:left; display:block; width:110px; margin:0 15px 10px 0;} /* Education Improvement */ div#pageBanner img.cliBanner {top:-90px;} div#cliWrap div.twoColWrap div.column:first-of-type {width:60%;} div#cliWrap div.twoColWrap div.column:last-of-type {width:36%;} /* Research Training */ div#studentsWrap div.twoColWrap div.column:last-of-type {width:40%;} div#studentsWrap section#pgContent article img {float:left; display:block; width:45%; margin:0 20px 15px 0;} /* Equity */ div#pageBanner img.equityBanner {top:-50px;} div#equityWrap div.twoColWrap div.column:first-of-type {width:54%;} div#equityWrap div.twoColWrap div.column:last-of-type {width:40%;} /* Connections */ div#pageBanner img.collaborationBanner {top:-50px;} div#collaborationWrap div.twoColWrap div.column:first-of-type {width:53%;} div#collaborationWrap div.twoColWrap div.column:last-of-type {width:41%;} div#collaborationWrap section#pgContent article img {float:left; display:block; width:45%; margin:0 20px 15px 0;} /* People */ div#peopleWrap div.twoColWrap {flex-direction:column;} div#peopleWrap div.twoColWrap div.column:first-of-type {width:100%; margin:0 0 20px 0;} div#peopleWrap div.twoColWrap div.column:last-of-type {width:100%;} div#peopleWrap div.twoColWrap div.column:last-of-type section {width:70%;} div#peopleWrap section#directors div article {width:200px; margin:0 20px 20px 0;} div#peopleWrap section#directors div article img {height:130px;} div#peopleWrap section div article img {height:102px;} div#peopleWrap section div article {width:18%; margin:0 2% 2% 0;} div#peopleWrap section div article:nth-child(5n) {margin-right:0; } div#peopleWrap section div article p:first-of-type {font-size:.8em;} div#container div#peopleAZwrap .tab-links li a {padding: 6px 13px; font-size: .85em; } div#container div#peopleAZwrap div.tab-content div.tab {padding:20px 10px 10px 10px;} div#container div#peopleAZwrap table tr td {font-size:.8em; padding:7px 1px 7px 4px;} div#container div#peopleAZwrap table tr td:nth-of-type(1) {width:28%;} div#container div#peopleAZwrap table tr td:nth-of-type(2) {width:28%;} div#container div#peopleAZwrap table tr td:nth-of-type(3) {width:20%;} div#container div#peopleAZwrap table tr td:nth-of-type(4) {width:24%;} /* Alumni */ div#pageWrap div.twoColWrap div.column:last-of-type {width:42%;} div#pageWrap section#pgContent article div.alumniWrap div {width:30%; margin-right:3%;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb {width:100%; background-color:#e8e9ee; padding:40px; box-sizing:border-box; margin:30px 0 0 0; text-align:center;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb h3 {margin:0 0 30px 0; padding:0; font-size:1.2em;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb p:first-of-type {font-weight:normal; font-size:.9em; margin:0 0 30px 0; padding:0;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb a {clear:both; display:block; width:75%; margin:0 auto;} div#pageWrap section#pgContent article div.alumniWrap div img {width:100%; margin:0 0 6px 0; } div#pageWrap section#pgContent article div.alumniWrap div p {margin:0 0 5px 0; padding:0;} div#pageWrap section#pgContent article div.alumniWrap div p:nth-of-type(2) {font-size:.9em;} div#pageWrap section#pgContent article img.ytSung {width:20%;} /* Researcher Detail */ div#container div#resDetail div.column:first-of-type {float:none; width:100%; margin:0 0 2em 0;} div#container div#resDetail div.column:last-of-type {float:none; width:100%; margin:0; } div#container div#resDetail div.column:last-of-type div#photoContact {width:50%; margin:0 auto; } /* Research Interests */ div#lrdcResIntsWrap div.twoColWrap {display:flex; flex-direction:column;} div#lrdcResIntsWrap div.twoColWrap div.column:first-of-type {width:100%; margin:0 0 40px 0;} div#lrdcResIntsWrap div.twoColWrap div.column:last-of-type {width:100; margin:0 0 0 0;} /* Departments */ /* Administration */ div#container div#pgsWrap div.tabs ul.tab-links li a {padding: 8px 10px; font-size: .9em; margin-top:2px;} div#adminfsWrap div.twoColWrap div.column:first-of-type {width:37%;} div#adminfsWrap div.twoColWrap div.column:last-of-type {width:57%;} /* Communications - Featured Briefs */ div#resNewsWrap article h3 {font-size: 1.1em;} div#resNewsWrap article p img.rnWide {width:310px;} div#resNewsWrap article p img.rnNarrow {width:230px;} /* Computing Services */ div#csWrap section#csTop {display:flex; flex-wrap:wrap;} div#csWrap section#csTop article {width:100%; margin:0 0 15px 0;} div#csWrap section#csTop article:last-of-type {margin:15px 0 0 0;} /* Personnel */ div#container div#poWrap div.twoColWrap {flex-wrap:wrap;} div#container div#poWrap div.twoColWrap div.column {width:100%; margin:0 0 20px 0;} /* LRDC Access */ div#lrdcAccess div.twoColWrap div.column:first-of-type {width:62%; margin-right:4%;} div#lrdcAccess div.twoColWrap div.column:last-of-type {width:34%;} /* Social Events */ div#socialEvents div#seWrap section {flex-direction:column;} div#socialEvents div#seWrap section img {width:82%; margin:0 0 20px 0; } div#socialEvents div#seWrap article h2 {font-size:18px; } div#container div#socialEvents div#seWrap article label { width:85%;} } /* tablet-landscape-up styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (min-width:900px) { body section#miniNav ul {width:72%;} body header#subpageHeader div#subpageHeaderWrap {width:72%;} body header#subpageHeader div#subpageHeaderWrap div.siteIdentity a {font-size:1.5em; } body div#pageBanner {max-height:300px; width:72%; } body div#container {width:72%;} h1 {font-size: 2.5em;} body div#container p {font-size:1em;} body div#container ul li {font-size:1em;} div#container section#pgContent article p img {width:380px;} div#container section#pgContent article.contactUs div.contactInfo {width:55%;} footer#lrdcFooter {padding:3em 0; } footer#lrdcFooter div#footerWrap {width:66%;} footer#lrdcFooter div#footerWrap div#footerIdentity p {font-size:1.5em;} footer#lrdcFooter div#footerWrap section {font-size:1em;} /* Mission */ div#container div#missionVision blockquote img.interconnect {display:none;} section#missionPoints article:nth-of-type(odd) div:first-of-type {display:block; width:10%; margin-right:5%; } section#missionPoints article:nth-of-type(odd) div:last-of-type {width:85%; background:none;} section#missionPoints article:nth-of-type(even) div:first-of-type {width:85%; background:none;} section#missionPoints article:nth-of-type(even) div:last-of-type {display:block; width:10%; margin-left:5%; } section#missionPoints article div {align-self: center; } section#missionPoints article div img {width:100%; } /* SHARED */ /* research projects (on Education Improvement; Equity) */ div section#pgContent article.rp div div figure {flex-direction:row; align-content:flex-start; align-items:flex-start;} div section#pgContent article.rp div div figure img {height:90px; width:auto; padding-right:10px; } div section#pgContent article.rp div div figure figcaption a {padding:6px 4px;} /* LRDC and the Brain Institute */ div#brainInstWrap div.twoColWrap div.column:first-of-type {width:58%; margin-right:6%; } div#brainInstWrap div.twoColWrap div.column:last-of-type {width:36%; margin:0;} div#brainInstWrap div.twoColWrap aside {padding:40px;} div#brainInstWrap section#brainInstFacWrap {margin-top:50px;} div#brainInstWrap article img {width:160px; margin:0 20px 10px 0;} /* Diversity */ div#facultyMentors article {width:48%; margin:0 2% 2% 0; padding:15px; } div#facultyMentors article img {float:left; width: 90px; margin:0 15px 15px 0;} /* Education Improvement */ div#pageBanner img.cliBanner {top:-100px;} div#cliWrap div.twoColWrap div.column:first-of-type {width:60%;} div#cliWrap div.twoColWrap div.column:last-of-type {width:36%;} /* Equity */ div#pageBanner img.equityBanner {top:-40px;} /* Connections */ div#pageBanner img.collaborationBanner {top:-30px;} /* People */ div#peopleWrap div.twoColWrap {flex-direction:row;} div#peopleWrap div.twoColWrap div.column:first-of-type {width:66%;} div#peopleWrap div.twoColWrap div.column:last-of-type {width:32%; } div#peopleWrap div.twoColWrap div.column:last-of-type section {width:100%;} div#peopleWrap section#directors div article {width:130px; margin:0 25px 25px 0;} div#peopleWrap section#directors div article img {height:130px;} div#peopleWrap section div article img {height:106px;} div#peopleWrap section div article {width:14%; margin:0 3% 2% 0;} div#peopleWrap section div article:nth-child(5n) {margin-right:3%; } div#peopleWrap section div article:nth-child(6n) {margin-right:0; } div#peopleWrap section div article p:first-of-type {font-size:.8em;} div#container div#peopleAZwrap .tab-links li a {padding: 8px 18px; font-size: 1em; } div#container div#peopleAZwrap div.tab-content div.tab {padding:26px 20px 10px 20px;} div#container div#peopleAZwrap table tr td {font-size:.85em; padding:7px 1px 7px 5px;} /* Alumni */ div#pageWrap section#pgContent article div.alumniWrap div {width:16%; margin-right:3%;} div#pageWrap section#pgContent article div.alumniWrap div img {width:100%; margin:0 0 6px 0; } div#pageWrap section#pgContent article div.alumniWrap div p {margin:0 0 4px 0; padding:0;} div#pageWrap section#pgContent article div.alumniWrap div p:first-of-type {font-size:.9em;} div#pageWrap section#pgContent article div.alumniWrap div p:nth-of-type(2) {font-size:.8em;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb {width:40%; padding:20px; margin:0 0 auto auto; } div#pageWrap section#pgContent article div.alumniWrap div.alumniDb h3 {margin:0 0 25px 0; padding:0; font-size:1.2em;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb p:first-of-type {font-size:.9em; margin:0 0 25px 0; padding:0;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb a {width:90%; margin:0 auto;} /* Researcher Detail */ div#container div#resDetail div.column:first-of-type {float:left; width:70%; margin-right:28px;} div#container div#resDetail div.column:last-of-type {float:left; width:24%; margin:0; } div#container div#resDetail div.column div#photoContact section#contactInfo {font-size:.75em;} div#container div#resDetail div.column:last-of-type div#photoContact {width:100%; margin:0; } /* Research Interests */ div#lrdcResIntsWrap div.twoColWrap {display:flex; flex-direction:row;} div#lrdcResIntsWrap div.twoColWrap div.column:first-of-type {width:70%; margin-right: 3%; } div#lrdcResIntsWrap div.twoColWrap div.column:last-of-type {width:24%; } /* Departments */ /* Administration */ /* Communications - Featured Briefs */ div#resNewsWrap hr {margin: 40px 0; } div#resNewsWrap article h3 {font-size: 1.15em;} div#resNewsWrap article p img.rnWide {width:380px;} div#resNewsWrap article p img.rnNarrow {width:280px;} div#resNewsWrap article figure {width:40%; padding:0 25px 20px 0; float:left;} div#resNewsWrap article figure img {width:100%;} div#resNewsWrap article figure figcaption {color:#777; font-size:.85em; font-weight:bold; text-align:center; } /* Computing Services */ div#csWrap section#csTop {align-items:flex-start;} div#csWrap section#csTop article.helpTicket {width:43%; margin:0 6% 0 0;} div#csWrap section#csTop article.wwd {width: 51%; margin-top:0; margin-right:0;} div#csWrap section#csTop article.wwd h2 {margin-top:0; padding-top:0;} /* Personnel */ div#container div#poWrap div.twoColWrap div.column:first-of-type {width:49%;} div#container div#poWrap div.twoColWrap div.column:last-of-type {width:48%;} /* Social Events */ div#socialEvents div#seWrap section {flex-direction:row;} div#socialEvents div#seWrap section img {width:125px; margin:0 20px 0 0; } div#socialEvents div#seWrap article h2 {font-size:20px; } div#container div#socialEvents div#seWrap article label { width:auto;} } /* Desktop styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (min-width:1200px) { body section#miniNav ul {width:960px;} body header#subpageHeader div#subpageHeaderWrap {width:960px;} body header#subpageHeader div#subpageHeaderWrap div.siteIdentity a {font-size:2em; } body div#pageBanner {max-height:400px; width:960px; } body main div#container {width:960px;} footer#lrdcFooter {padding:4em 0; } footer#lrdcFooter div#footerWrap {width:960px;} /* Mission */ section#missionPoints article:nth-of-type(odd) div:first-of-type {width:25%; margin-right:5%; } section#missionPoints article:nth-of-type(odd) div:last-of-type {width:70%; } section#missionPoints article:nth-of-type(even) div:first-of-type {width:70%;} section#missionPoints article:nth-of-type(even) div:last-of-type {width:25%; margin-left:5%; } /* SHARED */ /* research projects (on Education Improvement; Equity) */ div section#pgContent article.rp div div figure { font-size:.9em; } div section#pgContent article.rp div div figure img {height:120px;} div section#pgContent article.rp div div figure figcaption p {font-size:.9em;} div section#pgContent article.rp div div figure figcaption a {font-size:.85em; } /* Diversity */ div#facultyMentors article {width:48%; margin:0 2% 2% 0; padding:15px; } div#facultyMentors article img {float:left; width: 110px; margin:0 20px 15px 0;} /* Education Improvement */ div#cliWrap div.twoColWrap div.column:first-of-type {width:58%;} div#cliWrap div.twoColWrap div.column:last-of-type {width:38%;} /* LRDC and the Brain Institute */ /* Research Training */ div#studentsWrap section#pgContent article img {float:left; display:block; width:380px; margin:0 30px 20px 0;} /* Equity */ div#pageBanner img.equityBanner {top:-80px;} /* Connections */ div#pageBanner img.collaborationBanner {top:-50px;} div#collaborationWrap section#pgContent article img {float:left; display:block; clear:left; width:380px; margin:0 30px 20px 0;} /* People */ div#container div#peopleWrap h2.goldTextureBg {width:100%; } div#container div#peopleWrap h2.directorsHeading {width:90%; } div#peopleWrap div.twoColWrap div.column:first-of-type {width:68%;} div#peopleWrap div.twoColWrap div.column:last-of-type {width:30%; } div#peopleWrap section div article img {height:150px; width:auto; margin:0 auto;} div#peopleWrap section#directors div {flex-wrap:wrap;} div#peopleWrap section#directors div article {width:30%; margin:0 20px 20px 0;} div#peopleWrap section#directors div article img {height:150px;} div#peopleWrap section div article {width:15%; margin:0 2% 24px 0;} div#peopleWrap section div article:nth-child(5n) {margin-right:2%;} div#peopleWrap section div article:nth-child(6n) {margin-right:0;} div#peopleWrap section div article p:first-of-type {font-size:.8em;} div#container div#peopleAZwrap .tab-links li a {padding: 10px 24px; font-size: 1em; } div#container div#peopleAZwrap div.tab-content div.tab {padding:32px 30px 10px 30px;} div#container div#peopleAZwrap table tr td {font-size:1em; padding:7px 1px 7px 5px;} /* Alumni */ div#pageWrap section#pgContent article div.alumniWrap div {width:18%; margin-right:4%;} div#pageWrap section#pgContent article div.alumniWrap div img {width:100%; margin:0 0 8px 0; } div#pageWrap section#pgContent article div.alumniWrap div p {margin:0 0 6px 0; padding:0;} div#pageWrap section#pgContent article div.alumniWrap div p:first-of-type {font-size:1em;} div#pageWrap section#pgContent article div.alumniWrap div p:nth-of-type(2) {font-size:.9em;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb {width:30%; padding:40px; } div#pageWrap section#pgContent article div.alumniWrap div.alumniDb h3 {margin:0 0 30px 0; padding:0; font-size:1.2em;} div#pageWrap section#pgContent article div.alumniWrap div.alumniDb p:first-of-type {font-size:.9em; margin:0 0 30px 0; padding:0;} /* Researcher Detail */ div#container div#resDetail div.column:first-of-type {width:70%; margin-right:4%;} div#container div#resDetail div.column:last-of-type {width:25%; margin-right:0; } div#container div#resDetail div.column div#photoContact section#contactInfo {font-size:.85em;} /* Departments */ /* Administration */ div#container div#pgsWrap div.tabs ul.tab-links li a {padding: 10px 24px; font-size: 1em; margin-top:2px;} div#adminfsWrap div.column:first-of-type {width:44%;} div#adminfsWrap div.column:last-of-type {width:54%;} /* Social Events */ div#socialEvents div#seWrap section img {width:200px; margin:0 22px 0 0; } div#socialEvents div#seWrap article h2 {font-size:22px; } } /* Large Desktop-up styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (min-width:1900px) { body div#pageBanner {max-height:400px; width:960px; } body main div#container {width:960px;} }