@charset "UTF-8";
/* CSS Document */

 
body {margin:0px; padding: 0px; min-height:100vh; display: flex; flex-direction: column;}
div {margin:0; padding:0;}
a {text-decoration:none; color:#337abf;}
a:hover {text-decoration:none; color:#337abf;}
ul {font-family: 'Open Sans', sans-serif;font-size:14px; line-height:21px; color:#434343;}
ol {font-family: 'Open Sans', sans-serif;font-size:14px; line-height:21px; color:#434343;}
#home .home, #about .about, #about .about, #research .research, #technologies .technologies, #trials .trials, #news .news, #donate .donate, #people .people, #leadership .leadership, #partners .partners, #labs .labs, #publications .publications, #neurotriage .neurotriage, #humantrak .humantrak, #firefly .firefly, #services .services, #contact .contact
{text-decoration:underline;}

img {border:none; width:100%;}
img.social {width:30px;}
img.float {width:100%; height:auto;}
#bgimg {right:0;bottom:0; top:-50px;width:100%;height:auto;z-index:-100;}
#float-50 {float:left; width:20%; margin:20px 20px 10px 0; height:auto;}
img.solutions {width:50%; float: left;}
img.txbdc {width:40%; margin-top:40px; }
img.color {width:40%;}
img.utdlogo {padding:10px 0 0 0;}

h1 {font-family:'Adamina', serif; font-size:28px; color:#ffffff; font-weight:normal; margin:20px 0 0 0; padding-bottom: 20px; text-align: center;}
h2 {margin:0; padding:20px 0 5px 0; font-family: 'Adamina', serif; font-size:20px; color:#434343; line-height: 24px; font-weight:normal;}
h2.featurette {padding:0 0 5px 0; margin:0 0 0.5rem 0; }	
h2.story { padding-top: 15px; padding-bottom: 15px; }													
h3 {margin:0; padding:10px 0 0 0; font-family: 'Open Sans', sans-serif; font-size:18px; color:#3c3c3e;  border-top:1px solid #CDCDCD; margin-top:10px;line-height: 24px;}
h4 {font-family: 'Open Sans', sans-serif; font-size:12px; color:#7A7A7A; font-weight:normal; border-top: 1px dotted #c7c7c7; padding-top:15px;line-height:18px;}
/*h5 {font-family: 'Open Sans', sans-serif;font-size:15px; color:#ffffff; margin-top:15px; margin-bottom:5px; text-align:center;}*/
h5 {font-family:'Adamina', serif; font-size:20px; color:#434343; }
/*h6 {font-family: 'Open Sans', sans-serif; font-size:18px; background-color:#337abf; color:#ffffff;padding:5px 0 5px 10px; margin:0; font-weight:normal;}*/
h6 {font-family:'Adamina', serif; font-size:18px; color:#434343; }
p.news {font-family: 'Open Sans', sans-serif; font-size:14px; color:#7A7A7A; padding:10px;line-height:20px; background-color:#ffffff; margin: 5px 0 0 0;}
h1.opener {color:#434343;}

p {font-family:'Open Sans', sans-serif; font-size:14px; line-height:21px; color:#434343;}
p.donors {font-size:11px; line-height:18px; margin:0 0 20px 0; padding:0 0 0 30px; }
p.utd {font-family: 'Open Sans', sans-serif; font-size:14px; color:#ffffff; padding-right:0;}
p.caption {font-family: 'Open Sans', sans-serif;font-size:12px; line-height:16px; text-align:left; padding:0 0 10px 0;}
p.bold {font-family: 'Open Sans', sans-serif;}
p.donate {font-family: 'Open Sans', sans-serif;font-size:14px; line-height:20px; text-align:left; color:#000000; padding:5px 5px 10px 5px; margin:5px;}
p.opener {font-size:16px; line-height:25px; padding: 0 20px 0 20px;}
p.story {border-bottom:1px dotted #dfdfdf; padding-bottom:20px;}
p.leftnav {border-bottom:1px solid #337abf;line-height: 35px;}
p.staff {font-size:12px; line-height:16px;}
p.strong {font-family:'Open Sans', sans-serif;}
p.featurette {margin:0 0 1rem 0;}

.downloads {background-color:#bfbfbf; padding:10px 0 10px 10px;}
.container {padding-top: 20px; padding-bottom: 20px;}
#secondaryfooter .container {padding-top: 0px; padding-bottom: 0px;}

#nav-mobile-home {display:none;background-color: #893115; width: 100%; z-index: 10;}
#mobile-menu-icon{display:none;}
#mobile-menu-icon.active{background-image:url(txbdc/images/hamburger.png); display:inline;width:10%; float:right; background-color:#893115; padding:9px;}
#mobile-menu-container{display:none;background-color: #272727; width: 100%; z-index: 10;}
#mobile-menu-icon-home{display:none;}
#mobile-menu-icon-home.active{background-image:url(txbdc/images/hamburger.png); display:inline;width:10%; float:right; background-color:#893115; padding:9px;}

div.clear {clear:both;}
div.colone {float:left; width:24%; margin-right:10px;}
div.coltwo {float:left; width:24%; margin-right:10px;}
div.colthree {float:left; width:24%; margin-right:10px;}
div.colfour {float:left; width:24%;}
div.column-50-left {width: 47%; float: left; padding-right: 1%}
div.column-50-right {width: 47%; float: right; padding-left: 1%}
.column-35-left{width: 22%; float: left; margin-right:1%;}
.column-65-right{width: 74%; float: right; }
div.donate {background-color:#e8f9dc; margin-top:25px;}
div.a {float:left; width:32%; margin-right:10px;}
div.b {float:left; width:32%; margin-right:10px;}
div.c {float:left; width:32%; margin-right:10px;}
div.txbdc {float:left; width:45%; margin-right:20px;}
div.imgContainer {background-color: #337abf;}
div.blue {float:left;width:300px;  margin: 0 20px 0 0; padding: 0 30px;}
div.bluebox { margin: 0 20px 20px 20px; padding: 10px 30px 10px; background-color: white; border: 2px solid black; border-radius: 10px; }/*box-shadow: 10px 10px 5px #888888;}*/
.bluebox h2 { padding-top: 10px; padding-bottom: 10px; }
.bluebox p { margin-bottom: 10px; }

.bodycontainer {width:960px; margin: 0px auto 0px auto; position:relative; height:auto; flex: 1;}
.logocontainer {width:960px; margin: 0px auto 0px auto; position:relative; height:auto; z-index:-1;}
.text-area {float:left; width:100%; margin-bottom:40px; padding-top:20px}
.gray-area {float:left; width:960px; margin: 0px auto 0px auto; position:relative; height:auto;}
#blkcontainer {vertical-align:top;  width:100%;  background-color:#ffffff; border-bottom:1px solid #000000; }
#graycontainer {vertical-align:top;  width:100%;  background-color:#ebe9e9; padding:20px; height:auto;}
#dashedcontainer {vertical-align:top;  width:100%; border-top: 1px dotted #d5d4d4;border-bottom: 1px solid #ebe9e9; padding:20px; height:auto;}
#container {width:960px; margin: 0px auto 0px auto; position:relative;}
#innergraycontainer {width:960px; margin: 0px auto 0px auto; position:relative;}

#innercontainer {width:960px; margin: 0px auto 0px auto; position:relative;}
#mobilecontainer {width:100%; display:none;} 
#donatecontainer {position:absolute; padding: 0 40px 0 0; right:0px;}
.mobile-orangecontainer {display:none;}
.mobile-orangecontainer-home {display:none;}
#mobile-nav-container {background-color:#ffffff; width:100%; margin: 0px auto 0px auto; padding:0;}
#headerleft {float:left; padding:25px 0 15px 15px; border:none; margin:0; width:300px;}
img.headerleft {width:80%;}
#headerright {float:right; padding:24px 0 0 0; border:none; margin:0; font-family: 'Open Sans', sans-serif;}
#headerright a {color:#ffffff; font-family: 'Open Sans', sans-serif;}
#headernav {height: 0px; clear:both;font-family: 'Open Sans', sans-serif;}
#headernav a {font-family: "DinPRO Medium"; text-decoration:none; font-size:18px; margin-left:20px; color:#252525; border-right: 1px #c1c1c1 solid; padding-right:25px; width:193px; height:44px;}
#headernav a:hover {color:#c75b12;}

#searchbar {float:right; margin-top: -30px;}
input[type=text] {background-color:#ffffff; border: none;padding: 10px; width:200px; font-family:'Open Sans', sans-serif; margin:0;}
input[type=text]:focus {outline:none;}
input[type=button], input[type=submit], input[type=reset] {border: none;color: white; background-color:#636363; text-decoration: none;cursor: pointer;font-family:'Open Sans', sans-serif;margin:0; padding: 10px; margin-left: -5px;width: 35px;}
#mobilesearchbar {float:none; }

#nav {float:right; margin: 30px auto 10px auto;}
#nav ul{list-style-type: none; margin: 0px; clear:both; padding:20px;}
#nav ul li {float:left;}
#nav ul li a {font-family: 'Open Sans', sans-serif; text-decoration:none; font-size:14px; margin-left:10px; color:#337abf;  border-right: 1px #c1c1c1 solid; padding-right:10px; height:44px;}
#nav ul li a:hover {color:#000000;}
#nav ul li.selected a {color:#000000;}

#subnavcontain {width:100%; margin: 0px auto 0px auto; position:relative; height:auto;}
#subnav {width:960px; margin: 0px auto 0px auto; position:relative;}
#subnav ul{list-style-type: none; margin: 0px; clear:both; padding:30px 0 10px 0;text-align: center;}
#subnav ul li {display:inline-block;}
#subnav ul li a {font-family: 'Open Sans', sans-serif; text-decoration:none; font-size:14px; line-height:20px; margin-right:25px; color:#337abf; border-right: 1px #9d9d9d solid;padding-right:25px; }
#subnav ul li a:hover {color:#000000;}

#newsletterbutton {padding:10px; background-color:#337abf; margin-top: 1px; color:#ffffff; width:95%;}
#newsletterbutton a {font-family: 'Open Sans', sans-serif; color:#ffffff;}
#donatebutton {padding:10px; background-color:#337abf; margin-top: 1px; width:110px;}
#donatebutton a {font-family: 'Open Sans', sans-serif; color:#ffffff;}

#donate {padding:10px; background-color:#337abf; float:right;margin-top: 1px;}
#donate a {font-family: 'Open Sans', sans-serif; color:#ffffff;}
#lg-links {margin-bottom:20px; line-height:25px;}
#lg-links a {font-family: 'Open Sans', sans-serif; text-decoration:none; font-size:15px; margin-left:20px; color:#337abf; padding-right:25px;}
#mobile-links {margin-bottom:20px; margin-top:10px;}
#mobile-links a {font-family: 'Open Sans', sans-serif; text-decoration:none; font-size:18px;background-color:#337abf; color:#ffffff; padding:10px; line-height:45px;}
.profiles {float:left; width:100%; margin: 0px auto 40px auto;}
#profiles-dark {width:100%; height:auto; background-color:#f9f2e8; margin: 0px auto 0px auto;}
.text-dark {padding:50px 0 50px 50px; width:45%;}
.text-dark-2col {width:100%; }
.results {margin: 0px auto 0px auto; padding:5px; background-color:#c75b12;}
.dots {margin: 0px auto 0px auto;background-color:#ffffff;}
.logo {width:100%;position:relative; height:auto; padding-top:30px;}
.welcome {height:110px;vertical-align:middle;position:relative;z-index:2;}
.headercontainer {height:300px;vertical-align:top;margin:0 auto;width:100%;}
.smallheadercontainer {height:100px; vertical-align:top; margin:0 auto; width:100%;}
.float-right {float:right; margin:20px; width:48%;}
.float-right-50 {float:right; margin:10px 0 10px 20px; width:48%;}
.float-right-30 {float:right; margin:10px 0 10px 20px; width:25%;}
.float-right-40 {float:right; margin:10px 0 10px 20px; width:40%;}
.float-left {float:left; margin:10px 20px 10px 0; width:40%;}
.float-left-30 {float:left; margin:10px 20px 10px 0; width:40%;}
.float-left-50 {float:left; margin:10px 20px 10px 0; width:45%;}
.float-left-60 {float:left; margin:10px; width:60%;}
.float-left-100 {float:left; margin:10px 20px 10px 0; width:100%;}
.title {font-family: 'Open Sans', sans-serif; font-weight:800; text-transform:uppercase;font-size:9vw;color:#ffffff;text-shadow:0px 1px 1px #333333;text-align:center; margin-top:50px;}
.and {font-family: 'Radley', serif; font-size:9vw;}
.deck {font-family: 'Open Sans', sans-serif; font-style:italic; font-weight:800; font-size:3vw;color:#ffffff;text-shadow:0px 1px 1px #333333;text-align:center; margin-top:-20px;padding:0;}

.footercontainer {width:1250px; margin: 0px auto 0px auto; position:relative; height:auto;}
#footer {background-color:#c75b12; width:100%; margin: 0px auto 0px auto; padding:5px 0 5px 0;}
#secondaryfooter {background-color:#3D3D3D; width:100%; margin: 0px auto 0px auto; padding:10px 0 10px 0; flex-shrink: 0;}
p.footer {font-family:'Open Sans', sans-serif; font-size:11px; color:#ffffff; text-align:center; padding:0; line-height:14px; margin: 5px 0 5px 0; }


.test {width:65px;height:30px;left:50%;z-index:-5;background:url(img/scroll-01.svg) no-repeat center bottom }

.img-wrap {position:relative;overflow:hidden;background-color:#cccccc;width:100%;height:100%;}
.img-wrap img {position:relative;z-index:1;}
.img-wrap 
.img-info {display:none;}
.img-wrap:hover 
.img-info {display:inline-block;position:absolute;z-index:12;left:0px;top:0px;height:100%;width:100%;padding:1.5rem;background:rgba(17, 17, 17, 0.9);}
.img-info a {color:#99281e;padding-bottom:5px;font-size:1rem;text-transform:uppercase;}
.img-info a:hover {color:#cc0000;}.tos h2 {font-family:'HelveticaNeueW01-77BdCn 692722';text-transform:uppercase;letter-spacing:3px;color:#cc0000;font-size:0.95rem;text-align:center;text-shadow:0px -1px 0px #000000;}


.top-bar {margin-bottom:0;}
#mobile-menu-container.show{display:none}
#mobile-menu-container.hide{display:none;}


@media screen and (max-width: 1500px){
.headercontainer {height: 300px;	}
.smallheadercontainer {}
}

@media screen and (max-width:1275px){
.orangecontainer {width:100%;}
}


@media screen and (max-width: 1175px){
.bodycontainer {padding-bottom:20px;}
}

@media screen and (max-width: 1045px) and (orientation: landscape){
#mobile-menu-container{display:none;}
}


@media screen and (max-width: 900px){
.headercontainer {height: 270px;	}
#headerleft {float:none; width:auto; padding:10px;}
img.headerleft {width:60%;}
#nav {float:none; margin:0; width:100%; background-color:#434343;}
#blkcontainer{border:none;}
#nav ul li {float:none; border-bottom:1px solid #f6f6f6;}
#nav ul li a {font-size:14px;border-right: none;  line-height:38px; color:#f6f6f6;}
#nav ul {padding:0px;}


#container {width:100%;}
#innercontainer {width:100%; display:block;}
#innergraycontainer {width:100%; display:block;}
/*h5 {font-size:22px;padding-top:10px;}*/
.bodycontainer {width:100%;}
.logocontainer {width:100%;}
.orangecontainer {display:none;}
.text-area {width:95%; float:none; border:none; margin:0 10px 0 10px;}
.profiles {width:100%; float:none; margin-left:0;}
h2 {margin:10px;}
h3 {margin:10px;}
.title {font-size:12vw;}
.deck {font-size:5vw; margin-top:2px;}
.grid li {width:100%;}
.highlights h3 {font-size:0.5rem;text-shadow:0px 1px 1px #444444;text-align:center;line-height:0.5rem;}
.highlights h1 {font-size:2rem;text-shadow:0px 1px 1px #444444;text-align:center;}
.img-info a {font-size:0.5rem;}.img-wrap:hover .img-info {padding-top:0.5rem;}
.tos h3 {font-size:0.8rem;}
.float-left-50 {float:none; margin:0px; width:100%;}
p {margin:10px;}
h4 {margin:10px;}
div.bluebox { padding: 10px 10px 10px; }
.bluebox h2 { padding: 0; }

}

@media screen and (max-width: 800px){
img.go{ width: 5%}
#nav ul{ padding-left: 0px;}
img.you-and-utd {width:60%; margin-top:70px;}
.float-right {float:none; margin:0px; width:100%;}
.float-right-50 {float:none; margin:0px; width:100%;}
.float-left {float:none; margin:0px; width:100%;}
.caption40 {width:90%;}
.caption70 {width:90%;}
.caption90 {width:90%;}
.text-dark {padding:0 0 50px 0; width:100%;}
div.colone {width:47%;}
div.coltwo {width:47%;}
div.colthree {width:47%; clear:both;}
div.colfour {width:47%;}
.float-right-30 {width: 100%; float: none; padding: 0;margin: 0px;}
.float-right-40 {width: 100%; float: none; padding: 0;margin: 0px;}
div.a {width:28%; }
div.b {width:28%; }
div.c {width:28%; }

}

@media screen and (max-width:680px){
.logocontainer {display:none;}
img.solutions {width:100%;}
#subnav ul {padding:20px 0 0 0;}
#subnav ul li a {font-size:14px; margin-right:15px; padding-right:15px;}
#subnavcontain{}
#innercontainer {display:none;}
img.txbdc {display:none;}
.headercontainer {height: 0px;}
.smallheadercontainer {height:0px;}
#mobile-nav-container {padding:0px 0 20px 0;}
#donate {display:none;}
p.opener {}
#mobile-menu-container.show{display:block}
#mobile-toplinks a{clear:both;}
img.go{ width: 2%}
.mobile-orangecontainer {display:block;height:auto;vertical-align:top;margin:0 auto;width:100%; background-color:#337abf; background-position:top left; background-size:100%;}
.mobile-orangecontainer-home {display:block;height:30px;vertical-align:top;margin:0 auto;width:100%; background-color:#337abf; background-position:top left; background-size:100%;}
img.hamburger {display:inline;width:10%; float:right; background-color:#272727; padding:9px;}
	#nav-mobile-home-container {background-color:#272727; width:100%; margin: 0px auto 0px auto; padding:10px 0 10px 0; display:block;}
	#mobile-menu-icon-home{display:block;  right:0px; top:0; background-image:url(/txbdc/images/hamburger.png);
    cursor: pointer;background-repeat:no-repeat; background-size: 25px; background-position:left; padding-top:30px; margin-left:20px;}
	#mobile-menu-container{display:none;position: relative; }
	#mobile-menu-container #mobile-toplinks{}
	#mobile-menu-container #mobile-toplinks a{display:block; font-family: 'Open Sans', sans-serif; padding: 20px 0 20px 0;font-size: 15px; color:#ffffff; text-decoration:none; text-align:center; font-weight:normal; border-bottom: 1px solid #a5a5a5;}
	#mobile-menu-container #mobile-toplinks a:hover {background-color:#3f3f3f;}
	#mobile-menu-icon{display:block; height: 60px; width: 90px; position:absolute; right:0px; top:0; background-image:url(/txbdc/images/hamburger.png);background-repeat:no-repeat; background-size: 40px; background-position:center; }

}
@media screen and (max-width: 500px){
.float-left-60, div.column-50-left, div.column-50-right, .column-35-left, .column-65-right, div.a, div.b, div.c, .float-left-30 {width: 100%; float: none; padding: 0;margin: 0px;}
#float-50 {float:none; width:100%; margin:0 10px 10px 0; height:auto;}
#graycontainer {padding:0px;}
h1 {text-align:center; padding-top:10px; font-size:20px;}
}
@media screen and (max-width: 400px){
#mobile-menu-icon {height:50px;}
/*h6 {padding-left:10px; font-size:16px;}*/
}