/* - small_screen.css - */
@media screen and (max-device-width: 700px),(max-width: 700px) {
/* http://stat.psu.edu/portal_css/small_screen.css?original=1 */
body {
font-size: 110%;
}
#eberly-header-wrapper {
background-image:none;
background-color: #143055;
}
#portal-personaltools,.dropdown,
#global-dropdowns #portal-globalnav .dropdown li:hover,
#global-dropdowns #portal-globalnav .dropdown li:hover a,
li.dropdown-parent:hover ul.dropdown  {
display: none;
}
/* */
.template-homepage_view .section-links,
.template-homepage_view .link-background {
display: none;
}
.template-homepage_view .portletsBelowContentA,
.template-homepage_view .portletsBelowContentB,
.template-homepage_view .portletsBelowContentC {
width: 100%;
margin: 0 auto 2%;
float: none;
padding: 2% 3%;
}
.template-homepage_view #portal-column-content {
padding-top: 0;
}
.template-homepage_view #portlets-below {
width: 98%;
margin: 0 1%;
}
.template-homepage_view dd.portletItem {
padding: 0 0 12px 1%;
}
.template-homepage_view #homepage-events {
margin: 1%;
max-width: 98%;
width: 98%;
clear: both;
}
.template-homepage_view #homepage-events .portletCollection,
.template-homepage_view#homepage-events .portletStaticText {
min-height: 0;
}
#homepage-image {
max-width: 615px;
width: 98.5%;
margin: 1%;
}
#homepage-images {
display: none;
}
.template-homepage_view #portlets-below-top {
display: none;
}
.section-front-page #portlets-below .portletsBelowContentA,
.section-front-page #portlets-below .portletsBelowContentB,
.section-front-page #portlets-below .portletsBelowContentC,
.section-front-page #portlets-below .portletsBelowContentD,
.section-front-page #portlets-below .portletsBelowContentE,
.section-front-page #portlets-below .portletsBelowContentF {
float:none;
width: 98%;
margin-bottom: 1em;
padding-bottom: 0;
border: none;
}
.section-front-page #portlets-below-bottom {
border: none;
}
.section-front-page #portlets-below .portletsBelowContentD,
.section-front-page #portlets-below .portletsBelowContentE,
.section-front-page #portlets-below .portletsBelowContentF {
border-bottom: 1px solid #99c204;
}
.template-homepage_view #content-wrapper {
width:100%;
}
.template-homepage_view #content {
margin: .5% 0 0;
}
.template-homepage_view .nivo-caption {
position:relative;
}
.section-front-page #portlets-below .portletsBelowContentB {
height: 100%;
}
/* */
#content-wrapper {
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
}
#content {
margin: 0 .25em 1em .25em;
float: left;
}
.psu-logo {
width: 100%;
}
#psu-marks {
width: 100%;
}
#penn-state-science {
float: left;
clear: left;
width: 60%;
margin: 1% 0 0 2%;
}
#penn-state-science img {
width: 100%;
max-width: 250px;
}
#portal-logo {
display: block;
margin: 2% 0;
width: 30%;
}
#portal-logo img {
max-width: 150px;
width: 100%;
margin: 0 0 0 10%;
}
#unitlogo {
margin: 4% 0 2% 4%;
max-width: 250px;
}
#unitlogo img {
width: 100%;
max-width: 250px;
}
/* */
#portal-searchbox input.searchButton {
margin-left: -1.5em;
position: relative;
z-index: 100;
background: none;
border: none;
color: transparent;
line-height: 2em;
}
#search-psu {
float: left;
margin: 0;
font-size: 80%;
display: none;
}
#portal-searchbox {
float:left;
text-align: left;
width: 75%;
margin: 0 0 0 2%;
}
#portal-searchbox #searchGadget {
font-size: 90%;
background-color: #ddd;
width: inherit;
}
#LSResult {
display: none !important;
}
#science-container {
float: left;
display: block;
width: 100%;
padding-top: 1%;
margin: 0 0 2% 2%;
}
#portal-columns div#portal-column-one.position-0 {
clear: both;
margin-left: -97%;
width: 94.5%;
}
.template-homepage_view #portal-column-content {
width: 97.5%;
}
.template-homepage_view #viewlet-below-content {
clear:both;
float:left;
}
#portal-column-content {
margin-left: -98.5%;
width: 94%;
}
/* */
#nav-tabs {
position: absolute;
left: -999em;
}
#nav-tabs.show-nav {
position: relative;
left:0;
}
#show-hide-nav {
display: block;
float: right;
margin: 1% 2% 2% 0;
font-size: 100%;
}
#show-hide-nav a {
color: #fff;
text-decoration: none;
}
.hamburger {
position: relative;
display: inline-block;
width: 1.25em;
height: 0.8em;
margin-right: 0.3em;
border-top: 0.2em solid #fff;
border-bottom: 0.2em solid #fff;
vertical-align: middle;
}
.hamburger:before {
content: "";
position: absolute;
top: 0.3em;
left: 0px;
width: 100%;
border-top: 0.2em solid #fff;
}
.nav-menu {
vertical-align: middle;
}
ul#portal-globalnav li#nav-tab-container {
height: 100%;
}
#portal-globalnav {
padding-bottom: 5px;
background-color: #02315f;
background-image: none;
}
#portal-globalnav li {
background-color: #02315f;
display: inline;
clear: none;
border-top: 2px solid transparent;
}
#portal-globalnav li:hover {
border-top: 2px solid transparent;
}
ul#portal-globalnav li.nav-divider,
ul#portal-globalnav li.nav-divider div {
display: none;
}
#portal-globalnav li a,
#portal-globalnav li.selected a,
#portal-globalnav li a:hover {
border: none;
background-image: -moz-linear-gradient(top, #005E9B, #013154);
background-image: -webkit-gradient(linear, center top, center bottom, from(#005E9B), to(#013154));
font-size: 100%;
color: #fff;
text-transform: uppercase;
text-decoration: none;
margin: 0;
padding: 0;
display: block;
border-right: 1px solid #fff;
line-height: 75px;
float: left;
width: 49.75%;
}
#portal-globalnav li.selected {
border-top: 2px solid transparent;
}
#portal-globalnav li.selected a {
text-decoration: none;
}
#portal-globalnav li.selected a,
#portal-globalnav li.selected a.active,
#portal-globalnav li.selected a:hover,
#portal-globalnav li.selected a:visited {
background-color: #e2e9f2;
background-image: none;
border-top: none;
text-decoration: none;
color: #00338e;
}
#portal-footer {
padding: 0.25em 1em;
}
/* */
.portletsBelowContentC {
margin-left: 0;
}
.portletsBelowContentB {
margin-bottom: 0;
}
.portletsBelowContentA, .portletsBelowContentB, .portletsBelowContentC,
.portletsBelowContentD, .portletsBelowContentE, .portletsBelowContentF  {
margin: 0;
padding: 0;
}
.section-front-page .image-inline,
#portal-siteactions {
display: none;
}
#content-wrapper #portal-siteactions {
display: block;
width: 100%;
text-align: center;
margin-bottom: 1em;
}
#content-wrapper #portal-siteactions a {
color: #00338E;
}
}