/*
Theme Name: Center for Transportation Research
Theme URI: //www.utexas.edu/research/ctr/
Description: Theme for the Center for Transportation Research.
Author: Frank + Victor Design
Author URI: //www.frankandvictor.com/
Version: 1.0
Tags: Center for Transportation Research
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0;width:99%;}td,th{padding:0}

/** hide reCaptcha floating badge **/
.grecaptcha-badge { visibility: hidden; }

/* WordPress Formatting + Clearfix */
.aligncenter{display:block;margin:0 auto}.alignleft{float:left;margin:0 20px 20px 0}
.alignright{float:right;margin:0 0 20px 20px}
.wp-caption{border:1px solid #999;text-align:center;background:#eee;padding:10px;margin:10px}
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

@font-face { font-family: 'Clear Sans'; src: url('font-face/ClearSans-Light-webfont.eot'); src: url('font-face/ClearSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/ClearSans-Light-webfont.woff') format('woff'), url('font-face/ClearSans-Light-webfont.ttf') format('truetype'), url('font-face/ClearSans-Light-webfont.svg#clear_sans_lightregular') format('svg'); font-weight: 300; font-style: normal; }
@font-face{ font-family: 'Clear Sans'; src: url('font-face/ClearSans-Regular-webfont.eot'); src: url('font-face/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/ClearSans-Regular-webfont.woff') format('woff'), url('font-face/ClearSans-Regular-webfont.ttf') format('truetype'), url('font-face/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Clear Sans'; src: url('font-face/ClearSans-Italic-webfont.eot'); src: url('font-face/ClearSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/ClearSans-Italic-webfont.woff') format('woff'), url('font-face/ClearSans-Italic-webfont.ttf') format('truetype'), url('font-face/ClearSans-Italic-webfont.svg#clear_sansitalic') format('svg'); font-weight: 400; font-style: italic; }
@font-face{ font-family: 'Clear Sans'; src: url('font-face/ClearSans-Medium-webfont.eot'); src: url('font-face/ClearSans-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/ClearSans-Medium-webfont.woff') format('woff'), url('font-face/ClearSans-Medium-webfont.ttf') format('truetype'), url('font-face/ClearSans-Medium-webfont.svg#clear_sans_mediumregular') format('svg'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Clear Sans'; src: url('font-face/ClearSans-MediumItalic-webfont.eot'); src: url('font-face/ClearSans-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/ClearSans-MediumItalic-webfont.woff') format('woff'), url('font-face/ClearSans-MediumItalic-webfont.ttf') format('truetype'), url('font-face/ClearSans-MediumItalic-webfont.svg#clear_sans_mediumitalic') format('svg'); font-weight: 500; font-style: italic; }
@font-face{ font-family: 'Clear Sans'; src: url('font-face/ClearSans-Bold-webfont.eot'); src: url('font-face/ClearSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/ClearSans-Bold-webfont.woff') format('woff'), url('font-face/ClearSans-Bold-webfont.ttf') format('truetype'), url('font-face/ClearSans-Bold-webfont.svg#clear_sansbold') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Clear Sans'; src: url('font-face/ClearSans-BoldItalic-webfont.eot'); src: url('font-face/ClearSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/ClearSans-BoldItalic-webfont.woff') format('woff'), url('font-face/ClearSans-BoldItalic-webfont.ttf') format('truetype'), url('font-face/ClearSans-BoldItalic-webfont.svg#clear_sansbold_italic') format('svg'); font-weight: 700; font-style: italic; }

body{background: #ffffff; font: 400 16px/30px 'Clear Sans', sans-serif; color: #454545; text-rendering: optimizeLegibility; /*-webkit-font-smoothing: antialiased;*/ }
p{ margin: 0 0 26px; }
a{ color: #000; }
a:hover{ color: #bf5700; }
h1, h2, h3, h4{ margin: 0; padding: 0; }
ul, ol {margin:8px; padding:0;}
input, input[type="search"], input[type="submit"], textarea{ -webkit-appearance:none; -webkit-border-radius:0; }
figure{ margin: 0; }
::-moz-selection { background: #007EA8; color: #fff; } ::selection { background: #007EA8; color: #fff; }
nav.menu-header-desktop > ul > li > ul, .slideshow a, .bx-wrapper .bx-pager.bx-default-pager a, .cols-1.content a, form[role="search"] button, .content .cols-3 a, .blog-content a, .btn-outlined, .library-contact input, .library-contact textarea, .person-search input{ -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }

/** revised color for accessible slideshow link -- kab 20140821 **/
.slideshow a {background: none repeat scroll 0 0 #bf5700; border: 2px outset #bf5700;}
.slideshow h3, .slideshow h2, .slideshow h1, .slideshow p { text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.99);}

.cols-1, .cols-3, .cols-4{ overflow: hidden; }
.cols-1 img, .cols-3 img, .cols-4 img{ max-width: 100%; height: auto; }
.cols-3 > li, .cols-4 > .col-1{ list-style: none; }
.col-1, .col-2, .col-3, .cols-4.alumni > ul > li, .areas-of-expertise > ul > li{ margin-left: 15px; margin-right: 15px; }
.cols-1 > .col-1, .cols-3 > .col-3{ float: none; }
.cols-4 > ul > li{ list-style: none; }
.cols-4 > h2{ margin-left: 15px; margin-right: 15px; }
.col-2 > .col-1{ margin-left: 0; margin-right: 0; list-style: none; }
.cols-3 > .col-1:nth-child(3n+1), .clear-col, .areas-of-expertise > ul > li:nth-child(3n+1){ clear: both; }
.lightgray{ background-color: #efeff0; }

/** text color change for accessibility --kab 20140821 **/
.lightgray h1{color: #156085;}
.cyanblue{ background-color: #007EA7; color: #fff; }

.center{ text-align: center; }
.btn-outlined, .library-contact input[type="submit"]{ display: block; height: 50px; padding: 0 29px; font-size: 18px; line-height: 50px; letter-spacing: .02em; text-transform: uppercase; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; white-space: nowrap; }
.btn-outlined:after, .library-contract input[type="submit"]{ content: '\00a0\003e'; }

/* Header */
.wrap-header.ctr{ background: #454545; }
.wrap-header.nmc{ background: #efeff0; }
.wrap-header:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 34px; }
.wrap-header.ctr:before{ background: #bf5700; }
.wrap-header.nmc:before{ background: #464646; }
.logged-in .wrap-header:before{ margin-top: 46px; }
.wrap-header > header{ position: relative; padding-top: 34px; margin: 0 auto; }
/*.wrap-header > header:before{ content: ''; position: absolute; top: 12px; left: 50%; width: 288px; height: 10px; margin-left: -144px; background: url(img/the-university-of-texas-at-austin.png); background-size: 288px 10px; }*/
a.ut-austin{ position: absolute; top: 12px; left: 50%; width: 288px; height: 10px; margin-left: -144px; background: url(img/the-university-of-texas-at-austin.png); background-size: 288px 10px; }
a.logo{ position: absolute; /*top: 116px;*/ top: 55px; left: 50%; /*display: block; margin: 82px auto 27px;*/ }
a.ctr{ width: 259px; height: 93px; margin-left: -129px; }
a.nmc{ width: 196px; height: 93px; margin-left: -98px; }
a.logo img{ width: 100%; height: auto; }
.wrap-header form[role="search"]{ display: none; position: absolute; top: 34px; right: 15px; left: 15px; float: right; margin-top: 21px; }
form[role="search"] input, form[role="search"] button{font-style: italic; outline: none; border-radius:15px;}
.wrap-header form[role="search"] input{font-style:italic; background-color:#cdcbc9; border: none; width: 100%; height: 2em; padding: 0 15px; line-height: 2em; visibility: visible; opacity: 1; border-radius:15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -o-transition: visibility 0s ease-out 200ms, opacity 200ms ease-out; -moz-transition: visibility 0s ease-out 200ms, opacity 200ms ease-out; -webkit-transition: visibility 0s ease-out 200ms, opacity 200ms ease-out; transition: visibility 0s ease-out 200ms, opacity 200ms ease-out; }
form[role="search"].on input{ visibility: visible; opacity: 1; -o-transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
form[role="search"] .placeholder, .library-contact .placeholder{ color: #454545; }
form[role="search"] :-moz-placeholder, .library-contact :-moz-placeholder{ color: #454545; }
form[role="search"] ::-moz-placeholder, .library-contact ::-moz-placeholder{ color: #454545; }
form[role="search"] ::-webkit-input-placeholder, .library-contact ::-webkit-input-placeholder{ color: #454545; }
.wrap-header form[role="search"] button{ position: absolute; top: 0; right: 0; width: 28px; height: 2em; border: none; background-size: 17px 17px; margin-right:13px; }
.ctr form[role="search"] button{ background: #cdcbc9 url(img/search-ctr.png) no-repeat right center; background-size: 17px 17px; margin-right:13px; color:#ffffff;}
.nmc form[role="search"] button{ background: #cdcbc9 url(img/search-nmc.png) no-repeat right center; background-size: 17px 17px; margin-right:13px;}
.ctr form[role="search"].on button{ background-image: url(img/close-ctr.png); margin-right:13px; }
.nmc form[role="search"].on button{ background-image: url(img/close-nmc.png); margin-right:15px; }
.wrap-mobile-menu{ margin: 141px -15px 0; font-size: 18px; /*text-align: center;*/ overflow: hidden; }
.ctr .wrap-mobile-menu{ background: #efeff0; }
.nmc .wrap-mobile-menu{ background: #454545; }
button.mobile-menu{ float: left; width: 100%; height: 30px; border: none; background: transparent no-repeat center; background-size: 11px 10px; outline: none; }
.ctr button.mobile-menu{ background-image: url(img/menu.png); }
.nmc button.mobile-menu{ background-image: url(img/menu-white.png); }
.wrap-header nav > ul > li > ul{ font-size: 16px; }
nav.menu-header-mobile{ display: none; padding: 0 15px 27px; }
.nmc .menu-header-mobile a{ color: #fff; }
nav.menu-header-desktop{ display: none; float: left; /*width: 68.703703703704%;*/ width: 100%; margin-top: 22px; }
nav.menu-header-desktop > ul{ float: right; width: 68.703703703704%; height: 26px; padding-left: 4px; }
.wrap-header nav > ul a{ text-decoration: none; cursor: pointer; }
.ctr nav.menu-header-desktop > ul a{ color: #fff; }
.nmc nav > ul a{ color: #454545; }
.wrap-header nav > ul > li{ line-height: 31px; }
.wrap-header.nmc nav > ul > li{ line-height: 21px; }
.menu-item-4460{ margin-top: -10px; }
.ctr .menu-header-desktop > ul > li > a{ cursor: auto; }
.wrap-header nav > ul li{ list-style: none; }
nav.menu-header-desktop > ul > li{ display: block; float: left; /*float: right;*/ text-transform: uppercase; }
.ctr nav.menu-header-desktop > ul > li, .nmc nav.menu-header-desktop > ul > li{ position: relative; }
.ctr nav.menu-header-desktop > ul > li{ /*width: 20%;*/ padding-right: 6%; }
.nmc nav.menu-header-desktop > ul > li{ /*width: 16.66666666666667%;*/ padding-right: 3%; }
.wrap-header nav > ul > li > ul{ font-size: 14px; line-height: 18px; text-transform: none; }
.wrap-header nav.menu-header-mobile > ul > li > ul{ line-height: 30px; }
nav.menu-header-desktop > ul > li > ul{ position: absolute; top: 27px; left: 0; right: 0; padding: 8px 30px 37px 0; opacity: 0; }
.wrap-header nav > ul.on > li > ul{ opacity: 1; }
/* the following is a mess */
.ctr nav > ul > li > ul a:hover, .ctr nav.menu-header-desktop > ul .current-menu-parent > a, .ctr nav.menu-header-desktop > ul .current_page_item a, .ctr nav > ul .current-page-ancestor a, .parent-pageid-46 .ctr .menu-header-desktop .menu-item-42 > a, .category-21 .ctr .blog-generic nav.menu-header-desktop > ul .current-menu-parent > a, .category-806 .ctr .blog-generic nav.menu-header-desktop > ul .menu-item-42 > a, .ctr nav.menu-header-desktop > ul .current-menu-item > a, .ctr .blog-generic .menu-item-101 > a, .parent-pageid-78 .ctr .menu-header-desktop .menu-item-108 > a, .parent-pageid-80 .ctr .menu-header-desktop .menu-item-108 > a, .parent-pageid-84 .ctr .menu-header-desktop .menu-item-108 > a, .nmc .menu-header-mobile a:hover, .nmc .menu-header-mobile .current-menu-item > a, .category-3 .ctr .blog-generic nav.menu-header-desktop > ul .menu-item-108 > a, .parent-pageid-4533 .ctr .menu-header-desktop .menu-item-33 > a{ background: #fff; color: #454545; -moz-box-shadow: 4px 0 0 #fff, -4px 0 0 #fff; -webkit-box-shadow: 4px 0 0 #fff, -4px 0 0 #fff; box-shadow: 4px 0 0 #fff, -4px 0 0 #fff; }
.category-3 .blog .menu-item-97 > a, .category-3 .blog-generic .menu-item-101 > a, .category-10 .blog .menu-item-97 > a, .category-10 .blog-generic .menu-item-101 > a, .ctr .blog-generic nav.menu-header-desktop > ul .current-menu-parent > a, .category-806 .ctr .blog .menu-item-97 > a, .category-806 .ctr .blog-generic .menu-item-101 > a{ background: none; color: #fff; -moz-box-shadow: 4px 0 0 #454545, -4px 0 0 #454545; -webkit-box-shadow: 4px 0 0 #454545, -4px 0 0 #454545; box-shadow: 4px 0 0 #454545, -4px 0 0 #454545; }
.nmc nav.menu-header-desktop a{ -moz-box-shadow: 4px 0 0 #efeff0, -4px 0 0 #efeff0; -webkit-box-shadow: 4px 0 0 #efeff0, -4px 0 0 #efeff0; box-shadow: 4px 0 0 #efeff0, -4px 0 0 #efeff0; }
.nmc nav a:hover, .nmc nav.menu-header-desktop .current-menu-item > a, .nmc .current-page-ancestor > a, .nmc nav.menu-header-desktop .current-page-ancestor > a, .ctr nav.menu-header-mobile a:hover, .ctr nav.menu-header-mobile .current-menu-parent > a, nav.menu-header-mobile > ul > li.on > a, .ctr nav.menu-header-mobile > ul .current_page_item a, .ctr nav.menu-header-mobile > ul .current-menu-item > a{ background: #464646; color: #fff; -moz-box-shadow: 4px 0 0 #464646, -4px 0 0 #464646; -webkit-box-shadow: 4px 0 0 #464646, -4px 0 0 #464646; box-shadow: 4px 0 0 #464646, -4px 0 0 #464646; }
nav.menu-header-mobile .sub-menu{ padding-bottom: 4px; display: none; }
nav.menu-header-desktop > ul > li > ul > li{ margin-bottom: 11px; }

/* Slideshow */
.slideshow{ position: relative; background: #454545; color: #fff; font-weight: 400; font-size: 18px; line-height: 24px; }
.slideshow > figure{ padding-bottom: 89px; background-size: cover; background-position: center; overflow: hidden; }
.slideshow img{ display: none; float: left; width: 100%; height: auto; }
.col-slideshow{ margin-left: 15px; margin-right: 15px; }
.slideshow .caption{ margin-top: 18.333333333333%; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -webkit-transition: all 400ms ease-out; transition: all 400ms ease-out; }
.slideshow.on .caption{ opacity: 0; }
.slideshow.on > figure.on .caption{ opacity: 1; }
.slideshow h1{ margin-bottom: 5px; font-weight: 300; font-size: 48px; line-height: 53px; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.99);}
.slideshow p{text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.99);}
.slideshow a{float: right; border: 2px outset #bf5700; color: #ffffff; font-weight: 400; -o-transition: all 400ms ease-out 100ms; -moz-transition: all 400ms ease-out 100ms; -webkit-transition: all 400ms ease-out 100ms; transition: all 400ms ease-out 100ms; }
.slideshow a:hover{ background: #ffffff; color: #bf5700; }
.slideshow > figure.on a{ opacity: 1; }

/* CTR Homepage Sections */
.cols-1.content{ padding: 207px 0 48px; background-position: center 77px; background-repeat: no-repeat; background-size: 83px 108px; }
.cols-1.content > .col-1{ width: 84.259259259259%; margin-left: 7.870370370371%; }
.cols-1.content h1, .video-section h1{ margin-bottom: 17px; font-weight: 300; font-size: 36px; line-height: 38px; color: #007FA9; }
.cols-1.content h2{ margin-bottom: 14px; font-weight: 400; font-size: 22px; line-height: 32px; }
.cols-1.content p{ margin-bottom: 17px; }
.cols-1.content a{ color: #000; }
.cols-1.content a:hover{ color: #bf5700; }
.content .cols-3 h2, .content .cols-3 h2 a, .projects h2, .areas-of-expertise h3{ margin: 15px 0 8px; font-weight: 400; font-size: 28px; line-height: 32px; color: #007FA9; text-decoration: none; }
.content .cols-3 .btn-outlined, .bio-page .btn-outlined, .completed-projects .btn-outlined, .library-contact input[type="submit"], .projects .btn-outlined{ border: 2px solid #bf5700; color: #bf5700; }
.content .cols-3 .btn-outlined:hover, .bio-page .btn-outlined:hover, .completed-projects .btn-outlined:hover, .library-contact input[type="submit"]:hover, .projects .btn-outlined:hover{ background: #bf5700; color: #fff; }
section.map{ background-image: url(img/icon-map.png); }
section.direction{ background-image: url(img/icon-direction.png); }
section.about-nmc{ background-image: url(img/icon-about.png); }
section.traffic-nmc{ background-image: url(img/icon-traffic.png); }
section.news{ padding-top: 78px; }
section.news > ul{ margin-bottom: 76px; overflow: hidden; }
section.news p{ margin-bottom: 19px; height:16em;}
section.news .col-1{ margin-bottom: 50px; list-style: none; overflow: hidden; }
section.news .btn-outlined, .projects .btn-outlined{ float: right; }
.video-section{ padding: 77px 0 48px; }
.our-statistics .cols-1.content{ padding: 75px 0 20px; }
.our-statistics .cols-1.content h1{ color: #fff; }
.our-statistics .cols-4 > .col-1{ padding-top: 123px; margin-bottom: 70px; background-repeat: no-repeat; background-position: center top; background-size: 83px 108px; }
.oss-1{ background-image: url(img/icon-books.png); }
.oss-2{ background-image: url(img/icon-letter.png); }
.oss-3{ background-image: url(img/icon-benefits.png); }
.oss-4{ background-image: url(img/icon-degree.png); }
.our-statistics h2{ font-weight: 300; line-height: 31px; }
.our-statistics strong{ font-weight: 500; }
.our-statistics p{ margin-bottom: 0; }
.our-statistics em{ font-weight: 400; font-size: 14px; }

/* Footer */
.wrap-darkgray{ background-color: #454545; }
footer.site{ padding: 74px 0 27px; color: #fff; font-size: 14px; line-height: 20px; }
footer.site h2{ margin-bottom: 15px; font-weight: 400; font-size: 28px; line-height: 30px; }
footer.site a{ color: #fff; }
footer.site li{ list-style: none; }
footer.site > div > ul{ overflow: hidden; }
footer.site > div > ul:first-child{ padding-bottom: 50px; border-bottom: 1px solid #fff; margin-bottom: 26px; }
footer.site > div > ul:first-child > li{ float: left; }
footer.site > div > ul:first-child a{ display: block; }
footer.site li.contact{ padding-bottom: 24px; }
footer.site li.contact h2{ margin-bottom: 19px; }
footer.site li.contact form{ margin-bottom: 45px; overflow: hidden; }
footer.site input{ float: left; height: 50px; border: none; line-height: 50px; outline: none; }
footer.site input[type="email"]{ width: 435px; max-width: 100%; padding: 0 127px 0 16px; color: #454545; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
footer.site .placeholder{ color: #454545; }
footer.site :-moz-placeholder{ color: #454545; }
footer.site ::-moz-placeholder{ color: #454545; }
footer.site ::-webkit-input-placeholder{ color: #454545; }
footer.site input[type="submit"]{ width: 111px; padding: 0; margin-left: -111px; background: #fff; color: #bf5700; font-size: 18px; letter-spacing: .02em; }
footer.site li.more-information{ padding-bottom: 35px; font-size: 16px; line-height: 24px; }
footer.site li.more-information a{ margin-bottom: 15px; }
footer.site li.social{ width: 229px; }
footer.site li.social img{ float: left; height: auto; }
/* 49.995633187773 -> 46.414847161572 - 9.606986899563 = 36.807860262009 */
a.twitter img{ max-width: 20.960698689956%; /*margin: 2.056768558952% 21.397379912664% 0 24.017467248908%;*/ margin: 3% 0 0 3.580786026201%; }
a.google-plus img{ max-width: 19%; margin: 1.1% 20.5% 0 19.5%; }
a.facebook img{ max-width: 10.043668122271%; margin-right: 0; }
a.youtube img{ clear: left; max-width: 23.580786026201%; margin: 10.7903930131% 10.043668122271% 0 0; }
a.flickr img{ max-width: 36.681222707424%; margin: 12.227074235808% 9.606986899563% 0 0; }
a.vimeo img{ max-width: 19.650655021834%; margin-top: 10%; }
/*a.instagram img{ clear: left; max-width: 17.903930131004%; margin: 11.7903930131% 19.650655021834% 0 22.707423580786%; }
a.pinterest img{ max-width: 18.777292576419%; margin-top: 11.353711790393%; }*/
.menu-footer > li{ display: inline; margin-left: -4px; }
.menu-footer > li:before{ content: '\00a0\00a0|\00a0\00a0'; }
.menu-footer > li:first-child{ margin-left: 0; }
.menu-footer > li:first-child:before{ content: ''; }

/* BxSlider v4.1.2 - //bxslider.com */
.bx-wrapper { position: relative; margin: 0 auto; *zoom: 1; }
.bx-wrapper .bx-viewport { background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; right: 0; bottom: 30px; left: 0; margin: 0 auto; width: 33%; text-align: center; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid #fff; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 2px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; }

/* Page Header */
header.page{ padding-bottom: 4px; border-bottom: 1px solid #000; margin: 64px 15px 65px; font-size: 14px; overflow: hidden; }
header.page h1{ float: left; color: #007EA7; font-weight: 300; font-size: 44px; line-height: 44px; }
header.page ul{ clear: both; }
header.page li{ display: inline; margin-right: 8px; list-style: none; }
header.page li:after{ content: '\00a0\00a0\003e'; }
header.page li.current:after{ content: ''; }
header.page a{ color: #000; }
header.page a:hover{ color: #bf5700; }

/* Page Sidebar */
.sidebar{ padding-bottom: 77px; font-size: 14px; line-height: 18px; }
.sidebar > ul{ padding: 37px 35px 35px; }
.sidebar li{ list-style: none; }
.sidebar h3{ font-weight: 400; font-size: 22px; line-height: 18px; }
.sidebar a, .submenu a{ color: #454545; text-decoration: none; -moz-box-shadow: 4px 0 0 transparent, -4px 0 0 transparent; -webkit-box-shadow: 4px 0 0 transparent, -4px 0 0 transparent; box-shadow: 4px 0 0 transparent, -4px 0 0 transparent; }
.sidebar a:hover, .submenu a:hover, .sidebar .current-cat > a, .submenu .current_page_item > a{ background: #454545; color: #fff; -moz-box-shadow: 4px 0 0 #454545, -4px 0 0 #454545; -webkit-box-shadow: 4px 0 0 #454545, -4px 0 0 #454545; box-shadow: 4px 0 0 #454545, -4px 0 0 #454545; }
.sidebar h3{ margin-bottom: 17px; }
.sidebar ul > li > ul > li{ margin-top: 14px; }

/* Blog Content */
.blog-content{ padding-bottom: 77px; }
.blog-content article{ padding: 40px 0 30px; border-top: 1px dotted #454545; }
.blog-content article:first-child{ border-top: none; padding-top: 0; }
.blog-content h1{ margin: 21px 0 1em; color: #007EA7; font-weight: 400; font-size: 28px; line-height: 28px;}
.blog-content h1 a{color: #007EA7; text-decoration: none;}
.blog-content h2{ margin-bottom: 13px; font-weight: 400; font-size: 14px; line-height: 22px; }
.blog-content h2 a{ color: #454545; text-decoration: none; }
.blog-content h2 a:hover{ color: #bf5700; }
.blog-content a{ color: #000; }
.blog-content a:hover{ color: #bf5700; }
.blog-content ul {margin-left: 60px;}
.post-meta{ margin-top: -8px; font-size: 14px; }
.post-meta .date{ padding-right: 18px; background: url(img/write.png) no-repeat right center; background-size: 12px 12px; }
a.read-more{ float: right; }
a.read-more:after{ content: '\00a0\003e'; }
.wrap-video{ float: none; clear: both; width: 100%; margin-bottom: 27px; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.wrap-video iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.blog-pages{ margin-top: 41px; overflow: hidden; }
.blog-pages a{ display: block; height: 50px; padding: 0 29px; border: 2px solid #c25f0c; color: #bf5700; font-size: 18px; line-height: 50px; letter-spacing: .02em; text-transform: uppercase; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.blog-pages a:hover{ background: #bf5700; color: #fff; }
.blog-pages .older, .blog-pages a[rel="next"]{ float: left; }
.blog-pages a.older:before, .blog-pages a[rel="next"]:before{ content:"\003c\00a0"; }
.blog-pages .newer, .blog-pages a[rel="prev"]{ float: right; }
.blog-pages a.newer:after, .blog-pages a[rel="prev"]:after{ content: '\00a0\003e'; }
.wp-caption-text {font-size: 0.8em; font-style: italic;   margin-bottom: 1px; font-style:italic;}

/* Interior Pages */
.interior-page h3{ color: #007EA7; font-weight: 400; font-size: 22px; line-height: 26px; }
.interior-page h3 a{ color: #007EA7; text-decoration: none; }
.cols-3.interior-page > .col-1, .transportation-faculty{ font-size: 14px; line-height: 24px; }
.cols-3.interior-page > .col-1 > nav, .transportation-faculty > nav, .bio-contact{ margin-top: 15px; font-size: 16px; line-height: 26px; }
.cols-3.grid, .col-2.grid{ padding-bottom: 40px; }
.cols-3.grid > .col-1, .col-2.grid > .col-1{ padding: 50px 0 33px; border-top: 1px dotted #454545; }
.cols-3.grid > .col-1:first-child, .col-2.grid > .col-1:first-child, .areas-of-expertise > ul > li:first-child{ padding-top: 0; border: none; }
.cols-3 > .col-2{ min-height: 1px; }
/*.cols-3.person-search{ margin-top: -20px; margin-bottom: 40px; }*/
.person-search > .col-1, .person-search > .col-2{ margin-left: 0; margin-right: 0; }
.person-search > .col-1{ float: left; width: 100%; margin-top: 11px; }
.person-search > .col-2{ width: 100%; }
.person-search input{ float: left; height: 2em; margin-bottom: 11px; line-height: 40px; }
.person-search input[type="submit"]{ width: 1.8em; padding: 0; margin-left: -39px; font-size: 0; text-indent: -999999px; background: transparent url(img/search-nmc.png) no-repeat center; background-size: 17px 17px; }

/* Bio Page */
.bio-page{ padding-bottom: 77px; }
.under-image{ padding: 24px 11.009174311927% 0; font-size: 14px; line-height: 32px; }
.under-image h3{ margin-bottom: 10px; }
.dashed-sections > section{ padding-top: 21px; border-top: 1px dotted #454545; margin-top: 20px; overflow: hidden; }
.dashed-sections > section:first-child{ padding-top: 0; border-top: none; margin-top: 0; }
.bio-page h2, .generic-content h2, .cols-4.alumni h2{ margin-bottom: 2px; font-weight: 400; font-size: 28px; line-height: 34px; color: #007EA7; }
.bio-page h3, .generic-content h3{ color: #007EA7; font-weight: 300; font-size: 22px; }
.bio-page li{ list-style: none; }
.bio-img{ padding-bottom: 24px; }
.bio-img > img{ width: 100%; }
.blurb{ font-size: 14px; line-height: 22px; }
.list-gt li, .generic-content li, .lists-gt li, .bio-page .col-2 ul li{ position: relative; margin: 0 0 17px 34px; }
.list-gt li:before, .generic-content li:before, .lists-gt li:before, .bio-page .col-2 ul li:before{position: absolute; top: 0; left: -16px; }
.lists-gt ul > li > ul{ margin-top: 17px; }
.list-gt ol li::before, .generic-content ol li::before, .lists-gt ol li::before, .bio-page .col-2 ol li::before {list-style:decimal;}
.list-gt ul li::before, .lists-gt ul li::before, .bio-page .col-2 ul li::before {list-style: none; content: '\003e';}
/*.generic-content ul li::before,   removed from above class */

.bio-page section > section{ margin-top: 27px; }
.bio-page .btn-outlined{ float: right; }
.videos{ padding-top: 36px; font-size: 14px; line-height: 22px; }
.videos h2{ margin-bottom: 26px; }
.videos .wrap-video{ margin-bottom: 11px; }
.videos .wrap-video:before{ content: ''; position: absolute; top: -41px; right: 0; left: 0; border-top: 1px dotted #454545; }
.videos .wrap-video:nth-child(2):before, .videos .wrap-video.top:before{ border-top: none; }
.videos p{ margin-bottom: 75px; }
.bio-contact.no-sections{ padding-bottom: 21px; border-bottom: 1px dotted #454545; margin-bottom: 20px; }

/* Generic Page */
.generic-content{ padding-bottom: 75px; }
.generic-content h4{ font-weight: 500; font-size: 18px; }
.submenu{ margin-bottom: 77px; font-weight: 400; line-height: 19px; }
.submenu > li{ padding: 37px 35px 35px; }
.submenu li{ list-style: none; }
.submenu h3{ font-weight: 400; font-size: 22px; line-height: 26px; }
.submenu a{ text-decoration: none; }
.submenu > li > ul > li{ margin-top: 22px; text-transform: uppercase; }

/* Completed Projects */
.completed-projects .col-1{ overflow: hidden; }
.cols-3.grid.completed-projects > .col-1, .cols-3.grid.projects > .col-1{ border-top: none; }
.completed-projects li{ list-style: none; }
.completed-projects img{ margin-bottom: 18px; }
.completed-projects strong{ color: #007EA7; font-weight: 500; }
.completed-projects .btn-outlined{ float: right; margin-top: 20px; }

/* Education: Alumni */
.cols-4.alumni{ position: relative; }
.cols-4.alumni:before{ content: ''; display: block; border-top: 1px dotted #454545; margin: 20px 15px 50px; }
.cols-4.alumni h2{ margin-bottom: 26px; }
.cols-4.alumni > ul > li{ margin-bottom: 33px; text-align: center; }
.cols-4.alumni > ul > li:nth-child(4n+1), .cols-4 > .col-1:nth-child(4n+1){ clear: both; }
.cols-4.alumni.cols-bottom{ padding-bottom: 44px; }
.img-alumni img{ margin-bottom: 24px; }

/* Library */
.chat-reference-service{ display: none; width: 100%; margin: 0 0 26px; }

/* Library Contact */
.google-map iframe{ width: 100%; }
.contact-form{ padding: 21px 0 50px; }
.contact-info{ padding: 21px 0 77px; }
.library-contact input, .library-contact textarea, .person-search input{ width: 100%; padding: 0 15px; border: none; background: #efeff0; color: #000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; }
.library-contact input:focus, .library-contact textarea:focus, .person-search input:focus{ background: #f5f5f7; }
.library-contact input{ height: 40px; margin-bottom: 11px; line-height: 40px; }
.library-contact textarea{ padding-top: 6px; padding-bottom: 6px; }
.library-contact input[type="submit"]{ float: right; width: auto; margin-top: 11px; background: #fff; }
/* Contact Form Validation */
div.wpcf7-validation-errors, span.wpcf7-not-valid-tip, div.wpcf7-mail-sent-ok{ color: #fff !important; border: none !important; }
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok{ margin: 52px 0 0 !important; background: #007EA8; }
span.wpcf7-not-valid-tip{ padding: 0 9px; margin-bottom: 11px; background:#007EA8; }

/* Staff Resources */
.staff-resources > .col-1{ margin-bottom: 77px; }
.staff-resources > .col-2{ padding-bottom: 77px; }
.staff-resources h1{ margin-bottom: 7px; font-weight: 400; font-size: 28px; line-height: 28px; color: #007EA7; }
.staff-resources h2{ margin-bottom: 7px; font-weight: 400; font-size: 22px; line-height: 34px; }
.staff-resources .submenu > li > ul > li{ text-transform: none; }
.subsections{ margin-left: 18px; }
.subsections > li{ margin-top: 22px; }

/* 404 */
.page-not-found{ padding-bottom: 77px; }

/* Areas of Expertise */
.areas-of-expertise > ul{ padding-bottom: 40px; overflow: hidden; list-style: none; }
.areas-of-expertise > ul > li{ padding: 50px 0 7px; border-top: 1px dotted #454545; }

/* Color Palettes */
.color-palette{ margin-top: 26px; }
.color-palette > li{ float: left; width: 30.66666666666667%; margin-left: 4%; }
.color-palette > li:nth-child(4), .color-palette > li.nth-child-4{ clear: left; margin-left: 0; }
.color-palette > li:first-child{ margin-left: 0; }
.color-palette > li:before{ content: ''; }

/* Network Modeling Center: People */
h2.nmc-people{ margin-bottom: 26px; font-weight: 400; font-size: 28px; line-height: 30px; }
.bottom-border{ position: relative; }
.bottom-border:after{ content: ''; clear: both; display: block; padding-top: 17px; margin: 0 15px; border-bottom: 1px dotted #454545; }

/*
container - padding = 95.762711864407%
inner container * ~1.04424778761062 = 100% (scale)
2.1186440677965 * 1.04424778761062 = 2.21238938053086 (inner column padding)
*/

@media screen and (min-width: 390px){
	.cols-1.content h1, .video-section h1{ font-size: 44px; line-height: 46px; }
}

@media screen and (min-width: 768px){
	body{ padding-top: 182px; }
	
	.col-1, .col-2, .col-3, .cols-4 > ul > li, .cols-4.alumni > ul > li, .areas-of-expertise > ul > li, .cols-4 > .col-1{ float: left; margin-left: 4.237288135593%; margin-right: 0; }
	.cols-1 > .col-1{ width: 91.525423728814%; }
	.cols-3 > .col-1, .areas-of-expertise > ul > li{ display: block; width: 27.68361581920933%; }
	.cols-3 > .col-2{ display: block; width: 59.60451977401166%; }
	.cols-3 > .col-3{ width: 91.525423728814%; }
	.cols-4 > ul > li, .cols-4.alumni > ul > li, .cols-4 > .col-1{ display: block; width: 19.70338983050875%; }
	.cols-4 > h2{ margin-left: 4.237288135593%; margin-right: 0; }
	.cols-4 > .col-2{ display: block; width: 43.6440677966105%; }
	.col-2 > .col-1{ float: left; display: block; width: 46.445497630332%; margin-left: 7.109004739336%; margin-right: 0; }
	.col-2 > .col-1:nth-child(odd), .col-2 > .col-1.odd{ clear: both; margin-left: 0; }
	.person-search > .col-1{ display: block; width: 30.37037037037%; margin-top: 0; margin-left: 4.62962962963%; }
	.person-search > .col-2{ display: block; width: 65%; margin-left: 0; }
	
	/* Header */
	.wrap-header{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; }
	a.ut-austin{ left: 4.237288135593%; margin-left: 0; }
	.wrap-header > header{ min-height: 148px; }
	.logged-in .wrap-header > header{ margin-top: 46px; }
	a.logo{ top: 62px; left: 4.237288135593%; /*float: left;*/ max-width: 26.666666666666%; margin-left: 0; /*margin: 28px 0 27px;*/ }
	.wrap-header form[role="search"]{ display: block; }
	.wrap-header form[role="search"] input{ width: 314px; font-style:italic;}
	.wrap-header form[role="search"]{ position: relative; top: 0; right: 0; left: 0; }
	.wrap-mobile-menu{ display: none; }
	nav.menu-header-desktop{ display: block; }
	
	/* Slideshow */
	.cols-slideshow{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
	.slideshow figure{ padding: 0; }
	.col-slideshow{ position: absolute; top: 0; right: 4.237288135593%; bottom: 0; left: 4.237288135593%; margin: 0; }
	.slideshow img{ display: block; }
	.slideshow .caption{ position: absolute; left: 0; top: 18.333333333333%; /*width: 69.722222222222%;*/ width: 80%; margin: 0; }
	.slideshow a{ position: absolute; right: 0; bottom: 37px; }
	
	/* Page Header */
	header.page{ margin: 64px auto 65px; }
	header.page ul{ float: right; clear: none; margin-top: 27px; }
	header.page li{ margin-left: 8px; }
	
	/* Blog Content */
	.blog.cols-3 .col-1, .blog.cols-3 .col-2{ float: right; margin-left: 0; margin-right: 4.237288135593%; }
	
	/* Interior Pages */
	.cols-3.grid > .col-1:nth-child(-n+3), .cols-3.grid > .col-1.top-row, .col-2.grid > .col-1:nth-child(-n+2), .col-2.grid > .col-1.top-row, .areas-of-expertise > ul > li:nth-child(-n+3), .areas-of-expertise > ul > li.top-row{ padding-top: 0; border: none; }
	
	/* Footer */
	footer.site > div > ul:first-child{ padding-bottom: 26px; }
	footer.site li.contact{ width: 40.277777777778%; padding-bottom: 0; }
	footer.site input[type="text"]{ width: 100%; }
	footer.site li.more-information{ /*width: 30.185185185185%;*/ width: 22.037037037037%; padding-bottom: 0; margin-left: 7.87037037037%; }
	footer.site li.social{ width: 21.666666666667%; margin-left: 8.148148148148%; }
	
	/* Education: Alumni */
	.cols-4.alumni:before{ margin-left: 4.237288135593%; margin-right: 4.237288135593%; }
	
	/* Library */
	.chat-reference-service{ display: block; float: right; width: 300px; padding-left: 3rem; }
	
	/* Network Modeling Center */
	.bottom-border:after{ margin: 0 4.237288135593%; }
	
}

@media screen and (min-width: 783px) {
	.logged-in .wrap-header{ margin-top: 32px; }
	.logged-in .wrap-header:before{ margin-top: 0; }
	.logged-in .wrap-header > header{ margin-top: 0; }
}

@media screen and (min-width: 960px){
	.slideshow{ font-size: 24px; line-height: 32px; }
	.slideshow h1{ font-size: 59px; line-height: 65px; }
	.ctr nav.menu-header-desktop > ul > li{ padding-right: 8%; }
	.nmc nav.menu-header-desktop > ul > li{ padding-right: 6%; }
}

@media screen and (min-width: 1200px){
	.cols-1, .cols-3, .cols-4, .areas-of-expertise > ul{ width: 84.285714285714%; max-width: 1180px; margin: 0 auto; }
	
	/* Header */
	.ctr nav.menu-header-desktop > ul > li{ padding-right: 9%; }
	/*.nmc nav.menu-header-desktop > ul > li{ padding-right: 7%; }*/
	
	/* Slideshow */
	.cols-slideshow{ left: 7.857142857143%; right: 7.857142857143%; }
}

ul.bullet {margin-left:1.5em;}

.col-2.generic-content ol li {content: none; list-style-type: decimal;}
.col-2.generic-content ul li { margin: -5px 25px -5px 25px; }

.added td, th {min-width: 5em; padding-left: 0.5em;padding-right: 2.2em;  padding-top: 1px;text-align: left;vertical-align: top;border:solid 1px;}
.added td {padding-bottom:.5em;}
.hidden {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;font-size:smaller;}
span.highlight {background-color: #ffff00;}

/* class for formatting content into columns */
.column-format3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.no-bullet {list-style-type: none;}
/* accessible skip nav */

a.bright:link { color:#bf5700 }
a.bright:visited { color:#BD5500 }
a.bright:hover { color:#007EA7 }