/*
Theme Name:DoD HBCU/MI Internship 2023
Version:1.0
Description:A dedicated HTML5/CSS3 theme based on the HTML 5 Boilerplate by <a href='http://aarontgrogg.com/boilerplate/'>Aaron T. Grogg</a> and the 1140px CSS Grid System by <a href='http://andytaylor.me/'>Andy Taylor</a>.
Author:Chitra
This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers.
Other formulas credited in context.
*/

/* ==|== IMPORT WEBFONTS,ETC. ================================================= */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&family=Oswald&display=swap');


/* ==|== NORMALIZE =============================================================
========================================================================== */


/* =============================================================================
Clean & Reset
========================================================================== */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing: border-box}
html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,body{width:100%;line-height:1}
article,aside,details,div,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
[hidden]{display:none}
body,button,input,select,textarea{color:#222;font-family:sans-serif}
::-moz-selection{background:#81d3ee;color:#fff;text-shadow:none}
::selection{background:#81d3ee;color:#fff;text-shadow:none}
a{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote,q{quotes:none;margin:1em 40px}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
dfn,em{font-style:italic}
ins{background:#ff9;color:#000;text-decoration:none}
mark{background:#ff0;color:#000;font-weight:bold;font-style:italic}
pre,code,kbd,samp{font-size:1em;font-family:monospace,monospace;_font-family:'courier new',monospace}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
small{font-size:85%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sup{top:-0.5em}
sub{bottom:-0.25em}
ul,ol{margin:1em 0;padding:0;;list-style-position:outside}
dd{margin:0 0 0 40px}
nav ul,nav ol{margin:0;padding:0;list-style:none;list-style-image:none}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
img,object,embed{max-width:100%;height:auto}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{margin:0;padding:0;border:0}
label{cursor:pointer}
legend{padding:0;border:0;*margin-left:-7px}
button,input,select,textarea{margin:0;vertical-align:baseline;font-size:100%;*vertical-align:middle}
button,input{line-height:normal;*overflow:visible}
table button,table input{*overflow:auto}
button,input[type='button'],input[type='reset'],input[type='submit']{cursor:pointer;-webkit-appearance:button}
input[type='checkbox'],input[type='radio']{box-sizing:border-box}
input[type='search']{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type='search']::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
input:valid,textarea:valid{}
input:invalid,textarea:invalid{background-color:#f0dddd}
table{border-spacing:0;border-collapse:collapse}
td{vertical-align:top}
.chromeframe{margin:0.2em 0;padding:0.2em 0;background:#ccc;color:black}


/* =============================================================================
1140px Grid V2 by Andy Taylor | http://cssgrid.net
http://www.twitter.com/andytlr | http://www.andytlr.com
DON'T EDIT THIS SECTION.
========================================================================== */
.container{padding-left:0px;padding-right:0px}
.row{width:100%;/*overflow:hidden*/}
.rowcontain{max-width:1400px;min-width:795px;margin:0 auto;padding-left:40px;padding-right:40px}
.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol{margin-right:3.8%;float:left;min-height:1px}
.row .onecol{width:4.85%}
.row .twocol{width:13.45%}s
.row .threecol{width:22.05%}
.row .fourcol{width:30.75%}
.row .fivecol{width:39.45%}
.row .sixcol{width:48%}
.row .sevencol{width:56.75%}
.row .eightcol{width:65.4%}
.row .ninecol{width:74.05%}
.row .tencol{width:82.7%}
.row .elevencol{width:91.35%}
.row .twelvecol{width:100%;float:left}
.last{margin-right:0px}


/* =============================================================================
Hide mobile-only elements
========================================================================== */

.mobile-only{display:none}


/* ==|== BASE TYPOGRAPHY =========================================================
========================================================================== */

body{color:#333;font-weight:400;font-size:18px;font-family:"Lato",Arial,HelveticaNeue,"Helvetica Neue",Helvetica,sans-serif}
#wrap /* declare base line-height */{line-height:1.75em} 

h1,h2,h3,h4,h5,h6{margin:24px 0 16px 0;font-weight:400;font-family:"Oswald","Franklin Gothic Medium Condensed",Impact,Haettenschweiler,AvenirNextCondensed-Bold,"Franklin Gothic Bold",Futura-CondensedExtraBold,Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black",sans serif;line-height:1.2em}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}

/* Font sizes,colors,and line-heights */
h1{color:#333;font-size:2.25em}
h2{color:#355e93;font-size:1.75em}
h3{color:#254267;font-size:1.2em}
h4{color:#333;font-size:1em}
h5{color:#333;font-size:1em}
h6{color:#333;font-size:1em}
p,caption,td,th,dd,dt,pre,code,address{margin-top:0;margin-bottom:16px;line-height:1.8em}

/* Lists and stuff */
ul{margin:0 0 10px 22px }
ol{margin:0 0 10px 36px}
li{margin:0;list-style-position:outside;font-size:18px;	/* declared explicitly to avoid nesting bugs */;line-height:1.8em}
li li{margin:0 0 0 15px} /* pad nested list items */
dt{font-weight:bold}
dd{margin:0 0 10px 0;padding-left:10px;font-style:italic}

/* Tables */
table{border-width:1px;border-style:solid;border-color:#b3b3b3;border-right-style:none}
th{padding:2px 10px;border-right-width:1px;border-right-style:solid;border-right-color:#CCC;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;background-color:#EEE}
td{padding:2px 10px;border-right-width:1px;border-right-style:solid;border-right-color:#CCC;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC}
caption{text-align:left;font-style:italic}

/* Other blocks of content */
blockquote{margin-left:40px;line-height:1em}
blockquote p{line-height:1.5em}
pre{display:block;margin:0 0 10px 0;color:#666}

/* Misc html elements */
del{color:#999}
ins{font-style:italic}

/* Specialized elements */
.smallitalics{font-size:85%;font-style:italic}
h1.helptrap{font-size:1.3em;color:#fff;margin-bottom:12px}


/* ==|== PRIMARY STYLES ==========================================================
========================================================================== */

/* Globals */
body{margin:0 auto;background-color:#fff}
a{color:#355e93;text-decoration:none}
a:active,a:focus,a:hover{color:#333}
hr{clear:both;margin-top:10px;margin-bottom:10px;border:0;background:#900}
hr:after{clear:both}

/* Structure */
#wrap{}
#content{min-height:700px}
#site-tools{margin:0 0 10px 0}

/* Header */
header{position:relative;background-color:#15263b}
header h1{position:relative;top:15px;left:0;display:block;width:236px;height:119px}
header h1 a{position:absolute;top:0;left:0;display:block;width:236px;height:119px}
#logo img{width:100%;max-width:280px;height:auto;margin:12px 0}
.logsign{position:absolute;top:10px;right:20px;text-transform:uppercase;font-size:12px;color:#fff;line-height:12px}

.logsign a{color:#fff;text-decoration:none}
.logsign a:active,.logsign a:focus,.logsign a:hover{color:#fff;text-decoration:underline}
.signuplink,.loginlink{display:inline-block}
.signuplink{padding-right:12px;border-right:1px solid #ccc}
.loginlink{padding-left:12px}


/* Navigation */
nav{padding-top:50px}
nav ul{margin:0;padding:0;list-style:none}
nav ul li:hover>*{display:block}
nav ul li{position:relative;display:block;float:left;margin:0;white-space:nowrap;font-size:0}
nav ul li:hover{z-index:1}
nav ul{display:inline-block;font-size:0;zoom:1;*display:inline;width:100%}
nav ul>li{margin:0px 6px}
* html nav ul li a{display:inline-block}
nav ul a:active,nav ul a:focus{outline-style:none}
nav ul a{display:block;margin:0;padding:12px 12px;color:#fff;vertical-align:middle;text-align:left;text-decoration:none;font-size:28px;cursor:pointer;line-height:28px}
#menu-primary-navigation li:first-child a{padding-left:0 !important}
body.home nav ul li.menu-item-42{display:none}
nav ul li:hover>a{color:#aebfd4}
nav ul span{display:block;overflow:visible;padding-right:0px;background-position:right center;background-repeat:no-repeat}
nav li{font-family:"Oswald",Impact,Haettenschweiler,AvenirNextCondensed-Bold,"Franklin Gothic Bold",Futura-CondensedExtraBold,Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black",sans serif;font-weight:400}
nav ul li.current-menu-item a,nav ul li.current-menu-ancestor a{color:#adadad;cursor:default;}

/* Apply Now Button Treatment */
nav ul li.nav-app-button a{background-color:#728fb4;border-radius:8px}
nav ul li.nav-app-button:hover>a,nav ul li.nav-app-button a.pressed{color:#254267;background-color:#aebfd4;border-radius:8px}
nav ul li.nav-app-button.current-menu-item a,nav ul li.nav-app-button.current-menu-ancestor a{color:#adadad;cursor:default;background-color:#15263b}

.sidebar-office-hours{margin-top:24px;padding-bottom:20px}
.sidebar-office-hours h2{font-size:1.4em}
.office-hours-table{border:2px solid #355e93;width:96%;max-width:100%}
.office-hours-table tr:nth-child(even) td {background:#ebebeb}
.office-hours-table th{font-weight:700;text-transform:uppercase;font-size:90%;background-color:#355e93;color:#fff;border-bottom:2px solid #355e93}
.office-hours-table td{border-bottom:1px solid #355e93;padding:0}
.office-hours-table td a{display:block;padding:8px 10px;font-weight:bold;font-size:90%}
.office-hours-table td a:active,.office-hours-table td a:focus,.office-hours-table td a:hover{color:#fff;background-color:#728fb4}


/* Homepage */
.homeboxleft{background-image:url("images/bg-tech2-min.jpg");background-size: cover;}
.homeboxleft-inside{background-color: rgba(5, 22, 52, 70%);padding:26px}
.homeboxleft-inside h1{color: #aebfd4}
.homeboxleft-inside h1 span{color: #fff; font-weight:700;font-size:1.25em}
.homeboxleft-inside p{color: #fff}
.announcebox{background-color:#ebeff5;border:2px solid #728fb4;;-webkit-border-radius:12px;border-radius:12px;padding:8px 16px;margin:18px 0px}
.announcebox h2{color:#355e93;font-size:1.2em;margin-bottom:4px}
.announcebox p{margin-bottom:0}


/* Content */
.postarea{padding-top:24px;padding-bottom:24px}
.postarea-facilities{padding-bottom:0}
.labaddressintro,.labwebsiteintro{display:block;font-weight:700}
section.labwrap{padding:30px 24px}
section.labwrap:first-child{margin-top:20px}
section.labwrap:nth-child(odd) {background: #ebeff5}
section.labwrap .labdesc p{text-align:justify;text-justify:inter-word}

section.labwrap .labtitle a {text-decoration:underline}
section.labwrap .labtitle span.lab-ops-float{display:inline-block;float:right;font-family:"Lato",Arial,HelveticaNeue,"Helvetica Neue",Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;line-height:1em;font-size:14px}

span.lab-ops-float a{display:block;color:#fff;background:#355e93;padding:10px}
span.lab-ops-float a:active,span.lab-ops-float a:focus,span.lab-ops-float a:hover{background-color:#717171}


.labwebsiteblock{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;word-wrap:break-word}
.highlights-pages-menu-left,.about-pages-menu-left{}
.highlights-pages-menu-bottom{display:none}
.highlights-head,.about-head {margin:24px 0 16px 0;font-size:1.3em;color: #355e93;font-weight:400;font-family:"Oswald","Franklin Gothic Medium Condensed",Impact,Haettenschweiler,AvenirNextCondensed-Bold,"Franklin Gothic Bold",Futura-CondensedExtraBold,Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black",sans serif;line-height:1.2em}
#menu-highlights li.current-menu-item,#menu-about-menu li.current-menu-item,#menu-highlights-1 li.current-menu-item,#menu-about-menu-1 li.current-menu-item{display:none}
.twocolumnlist{columns: 2 auto;column-gap: 20px}
.threecolumnlist{columns: 3 auto;column-gap: 20px}
.timeline-lead{text-decoration:underline}
.outreachtable th,.outreachtable td{padding:4px 8px}
.outreachtable td + td{text-align:center}
.outreachtable tr:nth-child(even) td {background:#ebebeb}
.outreachtable th{font-weight:700;text-transform:uppercase;font-size:75%;background-color:#728fb4;color:#fff}

a.buttonlink{color:#fff;background-color:#355e93;text-decoration:none;-webkit-border-radius:6px;border-radius:6px;padding:8px 16px;font-weight:700;text-transform:uppercase;font-size:90%;letter-spacing:1px;margin-bottom:20px;display:inline-block}
a.buttonlink:hover{background-color:#254267}
a.buttonlink:active,a.buttonlink:focus{color:#141414;background-color:#aebfd4;box-shadow: inset 0 0 10px #355e93;}

a.buttonlinksmall{color:#fff;background-color:#355e93;text-decoration:none;-webkit-border-radius:6px;border-radius:6px;padding:4px 8px;font-weight:700;text-transform:uppercase;font-size:70%;letter-spacing:1px;margin-bottom:20px;display:inline-block}
a.buttonlinksmall:hover{background-color:#254267}
a.buttonlinksmall:active,a.buttonlinksmall:focus{color:#141414;background-color:#aebfd4;box-shadow: inset 0 0 10px #355e93;}
a.blocklink{display:block}

.flex1div a.buttonlinksmall {margin-bottom:6px}


div.threeflex{display: flex;flex-direction: row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;}
div.threeflex div.flex1div{flex-basis:30%;text-align:center}
div.threeflex div.flex1div img.flex1img{width:100%;max-width:100%;height:auto}



.bigvids{ position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.bigvids iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.sp-easy-accordion .sp-ea-single .ea-header a {font-family:"Lato",Arial,HelveticaNeue,"Helvetica Neue",Helvetica,sans-serif !important;font-size:16px !important;padding:10px !important}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body{padding:10px 10px 10px 34px !important}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body p{font-size:16px !important}
#sp_easy_accordion-1694530362{padding-bottom:40px !important;margin-bottom:40px !important;border-bottom:1px solid #999 !important}


/* Facilities */
.single-facilities h1 + img + p{text-align:justify;text-justify:inter-word}
.facility-title-prefix{display:block;font-size:66%;color:#666}
.facility-logo{max-width:250px;height:auto;float:right;margin:12px 0 20px 36px}
.facility-logo-small{max-width:150px;height:auto;float:left;margin:12px 24px 10px 0}
h3.researchopp-head{margin-bottom:22px}
.facility-location-head,.facility-disciplines-head{margin-bottom:0}
ul.facility-location-list{margin-top:0;display:block;margin-bottom:14px;column-count: 4;column-gap: 20px;}
ul.facility-location-list li{}
ul.facility-disciplines-list{margin-top:0;display:block;margin-bottom:14px;column-count:3;column-gap:20px}
ul.facility-disciplines-list li{margin-bottom:12px; line-height:1.3em}
.lab-address-p{clear:both}
div.researchopplist{counter-reset:section;margin:0;padding:0}
div.researchopplist details::before{counter-increment:section;content:counters(section,".") " ";float:left;background:#254267;padding:0 12px;border-radius:50px;color:#fff;font-weight:700;margin:6px 4px 0 0;font-size:90%;vertical-align:text-top}
div.researchopplist details summary{color:#254267;font-size:1.5em;line-height:1.5em;font-weight:400;font-family:"Oswald","Arial Black",sans serif}
div.researchopplist details summary::marker{display:none!important;color:#fff}
div.researchopplist details summary + p{margin-top:20px}
div.researchopplist details p{margin-left:64px}
div.researchopplist details{margin-bottom:22px;cursor:pointer}
p.researchopp-title{font-size:1.3em;font-weight:800}
span.researchopp-subhead{font-size:1.1em;font-weight:800}
.researchopp-skills-wrap p{margin-bottom:0}
.researchopp-listitem ul,.researchopp-listitem ol {margin-left:84px !important}
.msg-click-opps,.msg-no-opps{font-style:italic !important; color:#555}
.facility-archive-ul{list-style:disc outside none}
li.facility-archive-li{color:#355e93;font-size:1.5em;line-height:1.2em;font-weight:400;font-family:"Oswald","Arial Black",sans serif;margin-bottom:16px}
.discipline-title{color:#717171 !important}
.facility-cats-wrapper{background:#ebeff5;padding:24px;margin-top:36px;margin-bottom:36px}
.facility-addresses-wrapper{margin-bottom:26px;border-bottom:2px solid #777;padding-bottom:18px}
ul.discipline-list{column-count:3;column-gap:30px}
ul.discipline-list li{margin-bottom:14px; line-height:1.3em}
span.discipline-list-count{font-color:#888;font-size:86%;padding-left:3px}

/* Facilities Sidebars (used for Facilities) */
.sidebar-facilities {list-style-type:none;background:#ebeff5;padding:24px;margin-top:36px;margin-bottom:24px}
.sidebar-facilities h2{font-size:1.5em;line-height:1.5em !important;color:#555;clear:both}
.sidebar-facilities ul {list-style:disc outside none;margin-left:0}
.sidebar-facilities ul li {margin:0 0 16px 18px;line-height:1.5em}
.sidebar-facilities ul li:last-child {margin-bottom:0px !important}


/* Footer */
footer{display:block;clear:both;padding-top:20px;color:#fff;background-color:#15263b}
footer .copyright{display:block;font-size:.775em;color:#728fb4;text-transform:uppercase;letter-spacing:1px;padding:10px 0;text-align:center}
footer a,footer a:visited{padding:0 2px;color:#fff;text-decoration:none}
footer a:hover{color:#aebfd4;text-decoration:none}
ul#menu-footer{list-style:none;list-style-image:none;text-align:center;border-bottom:1px solid #728fb4;margin:0px 0px 30px 0px;width:100%}
ul#menu-footer li{display:inline-block;font-size:.95em;text-transform:uppercase;font-weight:700;padding:10px 20px;letter-spacing:1px;margin-bottom:20px}
ul#menu-footer li a{color:#fff;text-decoration:none}
ul#menu-footer li a:active,ul#menu-footer li a:focus,ul#menu-footer li a:hover{color:#aebfd4}
ul#menu-footer li.current-menu-item a,ul#menu-footer li.current-menu-ancestor a{color:#adadad;cursor:default;}
.logocopyrightcol{text-align:center;;border-top:1px solid #728fb4;margin-top:20px;padding-top:20px}
img.dodlogo{width:300px;height:auto;max-width:100%}
.helptext{display:block;margin-bottom:12px}
.helptext,.socialfloat{font-size:90%}
.fa-solid,.fa-brands{padding-right:12px}
.social-grid {display: flex;flex-wrap: wrap;gap: 5px; /* Adjust spacing between the items */}
.socialfloat{flex: 1 1 calc(50% - 20px);display: flex;align-items: center;5}
.socialfloat i {margin-right: 10px; /* Space between the icon and the text */}
.insta-col{color:#C13584 !important}
.fb-blue{color:#227aee !important}
.tw-blue{color:#1DA1F2 !important}
.icon-academia{color:#DEB887 !important}
.icon-student{color:#E9967A !important}
.icon-phone{color:#728fb4 !important}
.icon-email{color:#355e93 !important}

/* Images */
.mainphoto{-webkit-border-radius: 0 0 20px 20px;border-radius: 0 0 20px 20px;}
.homeboxleft + .mainphoto{margin-top:-1px}

/* Forms */
.app-warning{color:#800;font-weight:700}
.gform-theme--api, .gform-theme--framework {
--gform-theme-label-spacing-primary: 4px !important;
--gform-theme-font-size-primary: 18px !important;
--gform-theme-font-size-secondary: 16px !important;
--gform-theme-control-label-font-size-primary: 18px !important;
--gform-theme-font-size-tertiary: 12px !important;
}
.onepxhigh{clear:both !important;height:0px !important;padding:0!important;margin:0!important;}
.gform-theme--framework .gfield_list_group_item:before, .gform-theme--framework .gform-field-label {font-weight:700 !important}
.gform-theme--framework .gform-field-label--type-sub,.gfield_radio .gchoice label,.gfield_checkbox .gchoice label{font-weight:400 !important}
fieldset.app-lab-select legend,fieldset.app-review-label legend{display:none !important}
fieldset.app-lab-select label{font-size:1em !important}
#field_1_88.app-review-content, #field_1_88.app-review-content p{margin-bottom:0px !important}
.app-section-head{background-color:#d9e1eb !important;padding:20px !important;margin:36px 0px 24px 0px !important;-webkit-border-radius: 8px !important; border-radius: 8px !important;border: 0px !important;}
.app-section-head h3{color:#141414 !important;font-size:1.75em !important;line-height:1.5em !important;margin:0px !important}
.app-warning-popup{font-size:90% !important;color:#800 !important;margin-top:0px !important;padding-top:0px !important}
.app2023_wrapper .gform_required_legend{text-align:right !important;font-size:85% !important}
.gfield--type-checkbox + .spacer{display:none !important}
.gchoice label {padding-right:24px !important}

/* =============================================================================
responsive-nav.js v1.0.13 by @viljamis

#nav ul{margin:0;padding:0;width:100%;display:block;list-style:none}
#nav li{width:100%;display:block}
.js #nav{clip:rect(0 0 0 0);max-height:0;position:absolute;right:0;display:block;overflow:hidden;zoom:1}
#nav.opened{max-height:9999px}

@media screen and (min-width:40em){
.js #nav{display:none}
#nav-toggle{display:none}
}
@media screen and (max-width:40em){
nav{display:none}
}
========================================================================== */


/* ==|== media queries ======================================================
========================================================================== */

/* 1024 viewport — desktop computers;non-retina pads in landscape mode  ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */
@media only screen and (max-width:1024px){
nav ul>li{margin:0px 5px}
nav ul a{padding:10px 8px;font-size:20px;line-height:22px}
.homeboxleft-inside h1 span{font-size:1.15em}
ul#menu-footer li{font-size:.85em;padding:0px 10px;margin-bottom:20px;border-left:1px solid #ccc}
ul#menu-footer li:first-child{border-left:0 !important}
footer .fourcol{width:100% !important;margin-right:0px;text-align:center;float:none;margin-bottom:28px}
.socialfloat{display:inline-block;width:33%}
.helptext{display:inline-block;width:49%;max-width: 50%;margin:0 0 12px 0}
.helptext,.socialfloat{font-size:1em}


/* End 1024 viewport */}

/* 1024 viewport — retina ipad in portrait mode  ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */
@media only screen and (max-device-width:2048px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){

/* End ipad 1024px viewport */}

/* 1024 viewport — retina ipad in landscape mode  ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */
@media only screen and (max-device-width:2048px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){

/* End ipad 1024px viewport */}




/* 900 viewport — non-retina devices in portrait mode  ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */
@media only screen and (max-width:900px){






/* End 900 viewport */}





/* 800 viewport — non-retina devices in portrait mode  ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */
@media only screen and (max-width:800px){
body{font-size:18px;-webkit-text-size-adjust:none}
.row,.container,.rowcontain{width:100%;min-width:0;margin-left:0px;margin-right:0px;padding-left:0px !important;padding-right:0px !important}
.row .onecol,.row .twocol,.row .threecol,.row .fourcol,.row .fivecol,.row .sixcol,.row .sevencol,.row .eightcol,.row .ninecol,.row .tencol,.row .elevencol,.row .twelvecol{width:auto;float:none;margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px}
.postarea{padding-left:24px !important ;padding-right:24px !important}
.rowcontain-labsbody .postarea{padding-left:0px !important ;padding-right:0px !important}
section.labwrap{padding:20px 24px}
.rowcontain-labsbody h1{padding-left:24px !important;padding-right:24px !important}
#logo{text-align:center}
.menu-footer-container{display:none}
footer .rowcontain-footer .fourcol{padding-left:24px !important;padding-right:24px !important}
.highlights-pages-menu-bottom,.about-pages-menu-bottom{display:block}
.highlights-pages-menu-left,.about-pages-menu-left{display:none}
.mobnavlastlink{padding-bottom:50px}
.lognotin,.logisin{text-transform:uppercase !important;font-size:80% !important;font-weight:700 !important}
body.logged-in .lognotin {display:none}
.logsign, .logisin {display:none}
body.logged-in .logisin {display:block}
.logbutsmobile{text-transform:uppercase !important;font-size:80% !important;font-weight:700 !important}
#content{min-height:100px}

.gchoice label {padding-right:10px !important}
/* End 800 viewport */}

/* 640 viewport — non-retina devices in portrait mode  ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */
@media only screen and (max-width:640px){

.programstudylist{columns: 1 auto;column-gap:0px}
.socialfloat {flex: 1 1 100%;}
	.social-grid{gap:15px;}
	li.facility-archive-li{font-size:1em;line-height:1.1em;}
	.facility-archive-ul{padding-left:30px;padding-right:30px}
	.facility-logo {float:none;margin:0px 0 20px 0px;}
	ul.facility-disciplines-list{column-count:2;column-gap:35px}
	ul.facility-location-list{column-count:2;column-gap:35px}
.highlights-pages-menu-bottom .offhourdate{display:block}
.highlights-pages-menu-bottom .offhoursep{display:none}
.highlights-pages-menu-bottom .office-hours-table td a{text-align:center;font-size:100%}
.highlights-pages-menu-bottom h2{font-size:1.75em}
/* End 640 viewport */}

/* 480 viewport — phones  ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */
@media only screen and (max-width:480px){
.mainphoto{display:none}
div.threeflex{gap:10px}
div.threeflex div.flex1div{flex-basis:100%}
div.mobord1{order:1}
div.mobord2{order:2}
div.mobord3{order:3}
div.mobord4{order:4}
div.mobord5{order:5}
div.mobord6{order:6}
	
/* End 480 viewport */}


/* 360 viewport — phones  ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */
@media only screen and (max-width:360px){

/* End 360 viewport */}

/* SPECIAL A — retina display iphones settings for images  ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */
@media only screen and (-webkit-min-device-pixel-ratio:2){


/* End  SPECIAL A */}


/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */

/* For image replacement */
.ir{display:block;overflow:hidden;border:0;background-color:transparent;background-repeat:no-repeat;text-align:left;text-indent:-999em;direction:ltr;*line-height:0}
.ir br{display:none}

/* Hide from both screenreaders and browsers:h5bp.com/u */
.hidden{display:none !important;visibility:hidden}

/* Hide only visually,but have it available for screenreaders:h5bp.com/v */
.visuallyhidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;padding:0;width:1px;height:1px;border:0}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;overflow:visible;clip:auto;margin:0;width:auto;height:auto}

/* Hide visually and from screenreaders,but maintain layout */
.invisible{visibility:hidden}

/* Contain floats:h5bp.com/q */
.clearfix:before,.clearfix:after{display:table;content:''}
.clearfix:after{clear:both !important}
.clearfix{*zoom:1}

/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection:h5bp.com/r
========================================================================== */

@media print{*{background:transparent !important;box-shadow:none !important;color:black !important;text-shadow:none !important;-ms-filter:none !important;filter:none !important}
body{color:#000}
a,a:visited{text-decoration:underline}
.ir a:after,a[href^='javascript:']:after,a[href^='#']:after{content:''}  /* Don't show links for images,or javascript/internal links */
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group} /* h5bp.com/t */
tr,img{page-break-inside:avoid}
img{max-width:100% !important}
@page{margin:0.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
#wrap{width:auto}
nav,#banner,#searchform,.searchp,.slider{display:none !important}
#content{margin-top:10px}
#content img{max-width:100%;height:auto}
h2,h3,h4,h5,h6{margin-top:25px}
footer{background:url(none);border-top:2px solid #888;width:100%;margin-top:-185px;height:auto}
.gallery:before,.gallery:after{display:table;content:''}
.gallery:after{clear:both !important}
.gallery{*zoom:1}
}