/* COLOR REFERENCE 

background: #fff
gray: #f5f1f2
light blue: #248dce
dark blue: #0b3c5d

*/

*{box-sizing: border-box;}  
*:after, *:before {
    font-family: 'McCourtney',san-serif;
    vertical-align: middle;
    font-size: 80%;
    
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'font-family',san-serif;
    speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'McCourtney';
    src: url('../fonts/McCourtney.eot');
    src: url('../fonts/McCourtney.eot?#iefix') format('embedded-opentype'),
         url('../fonts/McCourtney.woff') format('woff'),
         url('../fonts/McCourtney.svg#cla icons') format('svg');
    font-weight: normal;
    font-style: normal;
}


@media only screen and (min-width: 1em) {

    /* ===== fix normalize.css ==== */
    dd, dl {margin:0; padding: 0;}
    h1 {margin-top: 0;}

	/* ===== universal styles ===== */

	/*body {background: #3569A3;}*/
    body {font-size: 80%; font-family: "museo-sans", sans-serif;color: #282828;}
	p, ul, ol, dl, label, .label {font-weight: 300;}
	ul, ol {list-style: square;}
	a, a:visited {color: #007DB3; cursor: pointer;}
    a:focus {text-decoration: underline !important;}
	li {display: block;}
	h1, h2, h3, h4, h5, h6 {
		font-family: "Cora", sans-serif; 
		font-weight: normal; 
        font-size: 80%;
		letter-spacing: 0;
		margin: .35em 0;
	}
	h1 {font-size: 2em;}
	h2 {font-size: 1.7em;}
	h3 {font-size: 1.5em;}
	p {margin: 0 0 1em 0;}
	#content a:hover, dl.portlet a:hover {color: #0b3c5d;}
	#content ul, #content ol {margin-bottom: 1em;}
	h1.title,
    h1.smalltitle {
        text-align: center;
        margin-top: 0;
        min-height: 5.5rem;
        padding-top: 1.35rem;}
	h1.documentFirstHeading, h2.tileHeadline {margin-bottom: 0;}
    .tileBody h2.tileHeadline {font-size: 1rem;margin-bottom: 1rem;}
	#portal-breadcrumbs {font-size: .8em;font-weight: 700;}
    #breadcrumbs-you-are-here { display: none; }
    #breadcrumbs-home a { color: #009CDE; }
    #breadcrumbs-home > span { padding: 0 .5rem; }
    .breadcrumbSeparator { padding: 0 .5rem; }
    #parent-fieldname-title { display: none; }
    
    .bottom-nav-container {
     display: none;   
    }

    .dtemplate-index #portal-breadcrumbs {
     display: none;   
    }

    .dtemplate-index .main {
     padding: 0;   
    }

    #parent-fieldname-title {
     margin-bottom: 1rem;   
    }

    #blue-bar h1,
    #inner-container > div.footer-title-container > div > h1{
     text-align: center;   
    }

    /*** Homepage Styles ***/


    .header-container {
        padding-top: 302px;
        /*padding-top: 254px;*/
    }

        /*** Democracy Works ***/

        .podcast_container .description p:first-child {
        margin-bottom: 0;   
        }

        .podcast_container a.podcast_link {
        float: right;   
        color: #777;
        font-style: italic;
        margin-top: -1rem;
        }
        
        .portlet-static-upcoming-events .portletFooter a,
        .dtemplate-index #content .row .cell:nth-child(1) .portletWrapper .portletFooter a {
        float: none;
        margin-top: 1rem;
        padding-right: 2.5rem;
        font-weight: 300;
        }
        
        .panels dd.portletFooter {
            background: #f5f4f4;
            padding-bottom: 1rem;
            text-align: right;
        }

        .portlet-static-upcoming-events .portletFooter a:after,
        .dtemplate-index #content .row .cell:nth-child(1) .portletWrapper .portletFooter a:after {
        content: "\e900";
        padding-left: 1rem;
        } 

        .dtemplate-index .portlet .portletHeader {
        padding-left: 2.5rem;   
        }

        .podcast_container {
        margin-top: 1rem;   
        margin-bottom: 2rem;
        }

        .podcast_container p.tileHeadline {
        font-weight: 700;   
        margin-bottom: 0;
        }

        .podcast_picture {
        text-align: center;   
        }

        dl.portlet.podcast {
        margin-bottom: 0;
        padding-bottom: 1rem;
        }

        .program_details:nth-child(n+2) {
        display: none;   
        }

        .listing-bx {
        background: #f5f4f4;
        padding: 2.5rem;
        padding-top: .5rem;
        }

        p.all-events {
        text-align: right;
        font-style: italic;
        font-weight: 400;
        }

        .all-events a {
        color: #777;   
        padding-right: 1.5rem;
        }

        /*** Header ***/

        .feature-content a:after {
        content: "\e900";
        font-size: .9rem;
        padding-left: 0.5rem;
        }

        .feature-content {
        position: absolute;
        bottom: 0;
        background: rgba(252, 122, 0, .6);
        left: 0;
        right: 0;
        }

        a.feature-title {
        position: relative;
        font-size: 1.5rem;
        color: #fff;
        padding: 1rem 0.7rem;
        display: block;
        }

        #searchtoggle:before {
        background: none;
        }

        #searchtoggle:before {
        content: "\e90b";
        font-size: 1.4rem;
        color: #fff;
        position: relative;
        left: 19px;
        }

        #searchtoggle.x:before {
        content:"\e90c";
        color:#8a8a8b;
        }

        #blue-bar {
        background: #1E407C;
        }

        #blue-bar-content {
        line-height: 77px;
        }

        .dtemplate-index #blue-bar h1, .dtemplate-base #blue-bar h1 {
        left: 8px;
        }

        #blue-bar h1 {
        color: #fff;
        margin: 0;
        font-size: 2rem;
        padding: 0.6rem 0;
        }

        #blue-bar {
        position: relative;
        left: 0;
        right: 0;
        z-index: 5;
        }

        .dtemplate-index div#psu-icon, .dtemplate-base div#psu-icon {
        left: -9px;
        }


        #white-bar,
        #inner-container footer#footer-portlets {
        background: #001E44 url(../img/Lines.png);
        background-size: 5%;
        }

        #white-bar-content {
        position: relative;
        padding-bottom: 0rem;
        }

        div#psu-icon {
        float: none;
        width: initial;
        height: initial;
        position: relative;
        top: 0;
        left: 23px;
        text-align: left;
        padding: 1rem;
        padding-left: 1rem;
        }

        .dtemplate-index div#content {
        margin-top: -2rem;
        }

        #index-main-column {
        overflow: visible!important;   
        }

        .dtemplate-index #content-core {
        margin-bottom: 2.5rem;   
        }

        #index-main-column-content .panels .row {
        margin-bottom: 2.5rem;
        }

        .embed {
        text-align: center;
        }



        /*** Hero Images ***/



        a.rslides_nav.rslides1_nav.prev,
        a.rslides_nav.rslides1_nav.next {
        color: transparent;   

        }

        a.rslides_nav.rslides1_nav.prev:before {
        content: "\e904";
        padding-left: 2rem;
        display:inline-block;

        }

        a.rslides_nav.rslides1_nav.next:before {
        content: "\e905";
        padding-right: 2rem;
        float: right;
        display:inline-block;

        }

        a.rslides_nav.rslides1_nav.prev:before,
        a.rslides_nav.rslides1_nav.next:before {
        color: #fff;
        font-size: 2rem;
        position: relative;
        z-index: 10;
        top: -9rem;
        text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);

        }

        /*! http://responsiveslides.com v1.55 by @viljamis */

        .rslides {
        position: relative;
        list-style: none;
        overflow: hidden;
        width: 100%;
        padding: 0;
        margin: 0;
        }

        .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
        }

        .rslides li:first-child {
        position: relative;
        display: block;
        float: left;
        }

        .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0;
        }

        .dtemplate-base #hero-slider ul.image-list > li, .dtemplate-base #hero-slider {
        /* height: 21em; */
        }

        .dtemplate-base .portlet.portletStaticText.portlet-static-hero-image {
        background: top center no-repeat;
        background-size: cover;
        height: 21em;
        margin: 0;
        position: relative;
        }

        .section-people #hero-slider {
        /*height: 0rem;   */
        }

        .section-about #hero-slider {
         display: none;   
        }

        #hero-slider  ul.image-list > li,    
        #hero-slider {/*height: 31em;*/padding: 0 !important;position: relative;display:none;}
        #hero-slider ul.image-list {height: 27em!important; height: 100%;overflow: hidden;}
        #hero-slider ul.image-list.slick-slider{overflow: visible}
        #hero-slider  ul.image-list > li,
        #hero-slider  ul.image-list div .slick-track li{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        height: 100%;
        /*
        -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0rem 1rem 10rem 1rem;
        -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0rem 1rem 10rem 1rem;
        box-shadow: inset rgba(0, 0, 0, 0.5) 0rem 1rem 10rem 1rem;
        */
        /*
        -webkit-box-shadow: -63px 0 50px -15px inset rgba(0,0,0,.5), 63px 0 50px -15px inset rgba(0,0,0,.5);
        -moz-box-shadow: -63px 0 50px -15px inset rgba(0,0,0,.5), 63px 0 50px -15px inset rgba(0,0,0,.5);
        box-shadow: -63px 0 50px -15px inset rgba(0,0,0,.5), 63px 0 50px -15px inset rgba(0,0,0,.5);
        */
        }
        #hero-slider .slick-dots {text-align: center;}
        #hero-slider .slick-dots li{
        background-color: #c6c6c6;
        border: 0;
        cursor: pointer;
        display: inline-block;
        margin: 1em .5em;
        border-radius: 50%;
        height: .75em;
        width: .75em;}
        #hero-slider .slick-dots li.slick-active{background-color: #929292;}
        #hero-slider .slick-dots li button{visibility: hidden;}


    /*** Subpage Styles - Research, Education, Outreach ***/

    div#parent-fieldname-description {
        font-weight: 300;
        font-family: "museo-sans", sans-serif;
        color: #282828;
        margin-bottom: 1rem;
        font-size: 1rem;
        line-height: 24px;
    }

        .subitem_container {
            background: #f5f4f4f4;
            padding: 1rem;
            border-top: 4px solid #FC7B00;
        }

            
        .folder-thumb-bx {
            clear: both;
        }    

        .hasleftcol .folder-thumb-bx {
            text-align: center;
        }
            
        .template-folder_thumb_view .tileItem, .thumb-bx .tileItem {
            border: .75em solid transparent;
            border-width: 0 .75em .75em .75em;
            box-sizing: border-box;
            display: inline-block;
            vertical-align: top;
            width: 75%;
            padding-bottom: 1em;
            margin-left: -.75em;
            text-align: center;
        }

        .grid-thumb span:hover {
          -webkit-filter: grayscale(0);
          filter: none;
        }

        .grid-thumb span:hover:before {
            border: 2px solid #fff;
            margin: 0.2rem;
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;

        }


            
        .grid-thumb span {
            background: #ccc center;
            background-size: cover;
            display: block;
            border: 1px solid #1452b0;
            position: relative;
            width: 75%;
            height: auto;
            padding-top: 75%;
            background-repeat: no-repeat;
            margin: 0 auto; 
            -webkit-filter: none; 
            filter: none;
        }


        /*** Remove when Jenna wants to add back Faculty Publications ***/
        .section-research #content-core > div.folder-thumb-bx > div.tileItem:nth-child(4), 
        .section-research #content-core > div.folder-thumb-bx > div.tileItem:nth-child(6){
         display: none!important;   
        }
        
        li.section-faculty-publications {
         display: none;   
        }
        
        /*** End ***/
    


    /*** Subpage Styles - Other ***/

    .dtemplate-base .header-container {
        padding-top: 348px;
    }

    /*** mobileView ***/
    
    #topnav > ul > li.selected {
    background: #1E407C;
    }
    
    #botnav { display: none; }

    #searchtoggle { display: none; }

    .dtemplate-index #nav-header {
     display: none;   
    }

    /* don't float images in mobile */
	img.image-right, 
	img.image-left {
		float: none;
		display: block;
		text-align: center;
	}
	
	.hide {height: .01em; position: absolute; margin-left: -9999px;}
	.show {height: auto; position: relative; margin-left: 0;}
	.large {font-size: 110%;}
	.bottom-nav-container nav a {margin: 0; padding: 0;}	
	.index-main-container {margin-top: 3em;}
	
	/* Accessibility Skip to Content*/
    
    header.clearfix {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }    
    
    #parent-fieldname-title {
     display: block!important;   
    }
    
    #parent-fieldname-title-description {
     display: block!important;   
    }
        
    .manageInHeaderPortletsLink {
        z-index: 9999999;
        /* display: inline-block; */
        text-align: center;
        margin: 0 auto;
        position: relative;
    }

    #skiptocontent a{
        position: absolute; top: -2em; left: 0; z-index: 9999;
        background: transparent;
        -webkit-transition: top .1s ease-out, background .5s linear;
        transition: top .1s ease-out, background .5s linear;
        }
    #skiptocontent a:focus {
        position: absolute; top: 0; left: 0; z-index: 9999;
        background: #000099;
        padding: 1em;
        color: #FFF;
        display: block;
        border: solid #FFF;
        border-width: 0 0.125em 0.125em 0;
        border-bottom-right-radius: 8px;
        -webkit-transition: top .1s ease-in, background .5s linear;
        transition: top .1s ease-in, background .5s linear;
        }
    
    .main {/*background: #FFF;*/}
    
    .dtemplate-base #main-column {
     padding-top: 0;   
     margin-top: 3rem;
    }
    
    #main-column,
    #index-main-column{
        background: #FFF;
        overflow:auto;
        padding: 1em;}
	
	#content {clear: none; font-size: 100%; margin:0;}

	#content .pullquote {
		font-weight: normal;
		font-size: 1.45em;
		letter-spacing: 0;
		font-style: italic;
		border-left: 3px solid #0b3c5d;
		padding-left: 0.5em;
		color: #0b3c5d;
	} 
    
    /*** Hero ***/
    
    #content #lw li.lwe:last-child {
     border: 0;   
    }
    
    span.lwn0 {
    font-weight: bold;
    }
    
    .lwn a {
     display: block;   
    }
    /*
    .lwn a:hover {
     color: #009CDE!important;
    }
    */

	
	/**** content well portlets fix ****/
	
	.managePortletsBelowTitleLink {clear: none;}
	
	/**** social media icons ****/

	a.twittericon {background: url("twitter.png") no-repeat; height: 2.25em; width: 2.25em;}
	a.facebookicon {background: url("facebook.png") no-repeat; height: 2.25em; width: 2.25em;}
	
    /**** searchbox ****/

   /* header #search {position: absolute; right:0; top: .75rem; z-index: 2;} */
    
	/**** columns ****/
	
    #content {float: left; width: 100%;}
	.main #left-column, .main #right-column {display: none;}
    .main #left-column #right-column {margin: 0;}
	#bottom-menu #left-column, #bottom-menu #right-column {display: block; }
    .template-folder_contents #right-column {display: none;}
	
	/**** portlets ****/

	dl.portlet {font-size: 100%; background: #f5f4f4;}
	dl.portlet ul {list-style: none;}
	dl.portlet dt {background: transparent;}

	/**** editing ****/

	#edit-bar {position: relative; padding-top: 0; z-index: 500;}
	#edit-bar ul {margin: 0; padding:0;}
	#edit-bar ul li {display: inline;}
	.documentEditable #edit-bar {display: none;}
	ul.formTabs {background: #f5f1f2; padding: .5em;}
	ul.formTabs li {display: inline;}
	ul.formTabs li a {padding: .5em;}
	ul.formTabs li a:hover {background: #f5f1f2;}
    
    /**** Login Button and Menu ****/
    /*.footer-login{padding: .5em .75em;}*/
    #portal-personaltools {float:left;}
	#portal-personaltools-wrapper ul {margin: 0; padding: 0;}
	#portal-personaltools dd {margin-top: -10.6em;}
	#portal-personaltools,
	#portal-personaltools dl.actionMenu.activated dd ,
    #portal-personaltools .actionMenuContent{
		border-radius:.5em /.5em;
    	-webkit-border-radius:.5em /.5em;
		-moz-border-radius: .5em /.5em;
        background: #595858;
        color: #FFF;
	}
    #portal-personaltools a, #portal-personaltools a:hover {color: #FFF}
    #portal-personaltools .actionMenuContent a:hover {background: #A29E9E;}
    
	dl.portalMessage {clear: none;}
	.template-folder_contents #left-column {display: none;}
	.template-usergroup-userprefs .listing {font-size: .75em; line-height: 1.1em;}

	/**** site header ****/
	
    header.wrapper {position: relative;}
	#site-title {position: relative;}
    #site-title img {max-width: 100%;}
	#site-title h1.small-title {display:none;}
	
	/**** site navigation ****/

	nav#topnav {
	    display:block;
		text-align:center;
	    width: 100%;
		text-align: center;
	}

	nav#topnav ul {display: none;}
	nav#topnav div.small {display: inline;}
	nav#topnav.nav-collapsed {height: 2.5em; overflow: hidden;}
	nav#topnav li a, nav#topnav div.small a {
		background: none;
		padding: .6em .5em;
		margin: 0;
		width: auto;
        color: #fff;
        text-transform: uppercase;
        font-family: "cora", sans-serif;
	}
	nav#topnav div.small a {
        margin-right: 1em;
        display: block;
		height: 1.35em;
		text-align:right; 
		background: url("../img/menu-icon-blue.png") no-repeat center right;
	}
	
	nav#topnav li a:hover {
		text-decoration: none;
		color: #fff;	
        background: #1E407C;
	    border-radius: 10px;
    }
	nav#topnav li.selected a {
        color: #fff;
        background: #1E407C;
        border-radius: 10px;
	}
    
    /*** Sub page functionality ***/
    
    .sub-icons img {
        display: inline-block;
        height: 14rem;
    }
	

	/**** side navigation ****/

    /* navigation menus */
    dl.portletNavigationTree dt.portletHeader {
    background:#2c2c2c;
    padding: .5rem 0 .5rem .65rem;
    font-size:1.25rem;
    font-weight:300;
    }
    #menu ul.navTree a {color:#000;}
    dl.portlet ul.navTree li a { padding-right:1.5rem; position:relative; /* extra space for the arrow icon */ }
    dl.portlet ul.navTree li a:hover,
    dl.portlet ul.navTree.navTreeLevel1 a.navTreeCurrentItem:hover { 
    background-color: #ffb600;
    color: #FC7B00;
    font-weight:500;
    }
    dl.portlet ul.navTree li a:hover:after,
    dl.portlet ul.navTree.navTreeLevel1 a.navTreeCurrentItem:hover:after,
    .portlet .navTree .navTreeCurrentItem:after,
    .moreInfo:after{
    content: "\e900";
    font-weight: 700;
    font-size:.9rem;
    right:.5rem;
    color: #FC7B00;
    position: absolute;
    display: block;
    top: 50%;
    /* -webkit-transform: translateY(-50%); */
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    } 
    .moreInfo:after {
    position: relative;
    display: inline;
    padding-left: .5rem;
    font-size: 55%;
    font-weight: 700;
    } 
    dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode,
    dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath,
    dl.portlet ul.navTreeLevel1 { background:#fff; }
    #navigation .navTreeLevel2 li a { padding-left: 2.250em!important; }

    ul.navTreeLevel1 a { padding-left: 1.5rem !important; }
    .portlet .navTree .navTreeCurrentItem {font-weight:initial;}
    dl.portlet ul.navTree li + li a { border-top: 0.0825rem solid #abadaf; }
    dl.portlet ul.navTree.navTreeLevel1 li.navTreeItem + li a { padding-right: 1.75rem; }



    #navigation > dd > ul > li.navTreeItem.navTreeTopNode > div > a:hover {
    color: #fff!important;
    background: transparent;
    }

    #navigation > dd > ul > li.navTreeItem.navTreeTopNode > div > a:after {
    content:""!important;   
    }

    dl.portlet ul.navTree.navTreeLevel0 li.navTreeItem a {
    padding: 1rem 2.35rem 1rem 1rem;
    }

    #navigation > dd > ul > li.navTreeItem {
    position: relative;   
    }

    dl.portlet ul.navTree li a:hover:after, 
    dl.portlet ul.navTree.navTreeLevel1 a.navTreeCurrentItem:hover:after, 
    .portlet .navTree .navTreeCurrentItem:after {
    content: "\e900";
    font-weight: 700;
    font-size: .9rem;
    right: .5rem;
    position: absolute;
    }

    .portletStaticText .portletHeader a,
    .portlet-static-upcoming-events .portletHeader,
    .dtemplate-index .portlet .portletHeader {
    text-transform: capitalize;   
    font-weight: normal;
    font-size: 1.5rem;
    font-family: "cora", sans-serif;
    }

    .portletStaticText .portletHeader a {
    color: #fff;   
    }

    .portletStaticText .portletHeader a:hover {
    color: #fff!important;   
    }

    dl.portletNavigationTree {
    background: #FFF;
    display: none;
    }
    dl.portletNavigationTree#site-navigation {display: block;}

    dl.portlet dt.portletHeader,
    .portletStaticText .portletHeader,
    dl.portlet .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode,
    dl.portlet .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode{
    font-family: "museo-sans";
    padding: 1rem;
    }
    dl.portlet dt.portletHeader,
    dl.portlet dt.portletHeader a {
    color: #FFF; 
    }

    dl.portletNavigationTree ul.navTree {padding: 0; margin: 0;}.listing-bx {
    background: #f5f4f4;
    padding: 2.5rem;
    padding-top: .5rem;
    }
    dl.portlet ul.navTreeLevel0 > .navTreeItem {
    background: #f5f4f4;
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1.3em;
    }
    dl.portlet ul.navTree li a {
    padding: .65em .25em .65em 1em;
    }
    dl.portlet ul.navTree li + li a {
    padding: .75rem 1rem;
    border-top: 0.0825rem solid #e1e1e1;
    font-weight: 300;
    color: #282828;
    background: #f5f4f4;
    }
    dl.portlet ul.navTree li a:hover {
    background: #0b3c5d;
    color: #fff;
    }
    dl.portlet .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode a{padding: 0;font-weight: initial;}
    .portlet .navTree .navTreeCurrentItem {font-weight: bold;}
    /*Menu Sublevel Styles*/
    /* General Settings */
    .portlet .navTree .navTreeCurrentItem {
    background-color: transparent;}

    #left-column dl.portlet ul.navTree li a:hover {
    background: #f5f4f4; 
    color: #282828;
    }

    #left-column dl.portlet ul.navTree li a:hover

    dl.portlet ul.navTree.navTreeLevel1 {
    padding: 0;
    }

    dl.portlet ul.navTree.navTreeLevel1 li.navTreeItem{
    padding: 0;
    line-height: 1.3em;
    margin: 0;
    }

    dl.portlet ul.navTree.navTreeLevel1 li.navTreeItem a{padding: .45rem 0.25rem .45rem 2rem;}
    dl.portlet ul.navTree.navTreeLevel1 li.navTreeItem + li a{border: 0; padding-left: 2rem;}


    /* Menu Colors*/
    dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode,
    dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath{
    background: #DDD;}
    dl.portlet ul.navTree.navTreeLevel1 li.navTreeCurrentItem.navTreeCurrentNode  {background:transparent;font-weight: bold;}
    dl.portlet ul.navTreeLevel1{
    background: #cecece;}

    dl.portlet ul.navTree.navTreeLevel1 a.navTreeCurrentItem:hover {
    color: #fff;
    }
    /* dl.portlet ul.navTree.navTreeLevel2 {background: #A1A1A1;} */
    dl.portlet ul.navTree.navTreeLevel3 li.navTreeItem{background: #717171;}
    dl.portlet ul.navTree.navTreeLevel3 li.navTreeItem a{color: #282828}

    dl.portlet ul.navTree.navTreeLevel1  li.navTreeItemInPath{background: #BDBDBD;}
    /* Hides Navigation portlet's portletHeader if Top node included*/
    .portletHeader.hiddenHeader {position: absolute; visibility: hidden;}
    /* If no portletheader and top node include, make topnav look like portlet header */
    dl.portlet dt.portletHeader,
    .portletStaticText .portletHeader,
    dl.portlet .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode,
    dl.portlet .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode{background: #1E407C;}

    dl.portlet .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode + li > a,
    dl.portlet .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode + li > a {border:0;}

    dl.portlet dt.portletHeader a,
    dl.portlet .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode a,
    dl.portlet .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode a{
    background: transparent;
    color: #FFF;
    padding: 0;
    font-family: "cora";
    font-size: 1.25rem;
    text-transform: uppercase;
    }

    #navigation li.navTreeTopNode.navTreeCurrentNode + li > a.contenttype-link:after {
    content: "\e900";
    font-weight: 700;
    font-size: .9rem;
    right: .5rem;
    position: absolute;
    display: block;
    top: 50%;
    color: #FC7B00;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    }
        
    #left-column .navTreeCurrentNode > a {
        font-weight: normal;
    }
    
    #left-column .navTreeCurrentNode {
     background: #f5f4f4;   
    }
    
    #left-column .navTreeTopNode.navTreeCurrentNode {
     background: #1E407C;   
    }
        
    .portletRss .feed-items .description {
     display: none;   
    }
	
	
	/*** bottom menu ***/
	
	#bottom-menu a {text-align:left;}
	
	/**** directory ****/
	
    #directory-listing > h3 > a {
     color: #282828!important;   
    }
    
	#content .facultyStaffDirectory {float: left; width: 100%;}
    /*#content .facultyStaffDirectory .standardView .classificationListing {overflow: hidden;}*/
	#content .facultyStaffDirectory ol.classificationList {display: none;}
	#content .facultyStaffDirectory .standardView .classificationListing h2 {background: #f5f1f2;}
	#content .facultyStaffDirectory .standardView .classificationListing h2 a {color: #0b3c5d; padding: .5em;}
	#content .facultyStaffDirectory #directory-photo {float: left;}
	#content .facultyStaffDirectory #directory-listing {margin-left: 7.5em;}
	#content .facultyStaffDirectory .listing {padding: 1em 0; margin: 0;}
    #content .facultyStaffDirectory .listing + .listing{border-top: 0.0825rem dotted #0b3c5d;}
	#content .facultyStaffDirectory .listing h3,
	#content .facultyStaffDirectory .listing p {margin: 0;}
	
	#hcard p, ul, ol {margin: 0; padding: 0;}
	#hcard .biography p {margin-bottom: 1em;}
	#hcard .headshot {float: right;}
	#hcard h2 {margin: 0.75em 0 0.15em;}
	
	
	/**** news and events ****/
	
	.template-newsitem_view #parent-fieldname-description {display: none;}
	.template-summary_view_event #content,
	.template-event_view #content,
	.template-all_content.section-news .item {float: left; width: 100%;}
	.template-all_content.section-news .item .description {display: none;}
    
    .newsImageContainer .discreet {background-color: #efefef;}
	
	#content .eventDetails {
		float: none; 
		width: 100%; 
		border: 0;
		border-left: 3px solid #0b3c5d; 
		color: #0b3c5d; 
		margin: 1em 0 10px 0; 
		padding: 0px 10px; 
		line-height: 1.5em;
	}
	#content .eventDetails p {margin: 0;}

	.portaltype-event #content .eventDetails p strong, 
	.portaltype-event #content .eventDetails p b,
	.portaltype-event #content .eventDetails a,
	.portaltype-event #content .eventDetails a:link,
	.portaltype-event #content .eventDetails a:visited {color: #0b3c5d;}
	.portaltype-event #content #parent-fieldname-description {display: none;}
	
	#viewlet-below-content #category {display: none;}

	.event-wrapper {border-top: 1px dashed #f5f1f2;}
	
	.template-summary_view_event .tileItem {
		margin: 1em 0;
		border-bottom: 0.0825rem dotted #0b3c5d;
	}
	#event-date-info {
		text-align: center; 
		font-size: 1.3em; 
		width: 6em; 
		float: left; 
		margin: 0 0 1em 0;
		line-height: 1.2em; 
		background: #f5f1f2;
		padding: .5em 0;
	} 
	
	#event-date-info p {margin:0; padding:0;}
	#event-date-info abbr {border: none; font-family: "museo-sans", sans-serif; 	}
	
	#event-text {
		margin: 0 0 1em 9em;
	}
	
	
	/**** twitter box ****/
	
	dl.portletTwitter dd.portletItem {
		padding: 0 0 0 1em;
		background: none;
	}
	
	dl.portletTwitter .portletFooter {
		text-align: center;
		background: #eee;
		padding-top: .1em;
	}
	
	a.twitterfooter {
		background: #009;
		color: #fff;
		display: inline-block;
		padding: .3em 1em;
		font-size: .9em;
	}
	
	a.twitterfooter:hover span.text,
	a.twitterfooter span.text:hover {
		color: #fff;
	}
	
	a.twitterfooter span.twitterbird {
		background: url("twitter-bird-white.png");
		background-size: 130%;
		display: inline-block;
		height: 1.3em; width:1.3em;
		margin-right: 0.5em;
	}
	a.twitterfooter span.text {line-height: 1.3em;}
	a.twitterfooter {padding: .05em 1em .3em;}

	/**** footer ****/

    div#portlets-footer {
        padding: 0 1rem;
        padding-left: 0;
    }

    .relatedItems {
     display: none;   
    }

    .subsection-mood-of-the-nation-poll-1 .hero-image {
     display: none;   
    }
    
    .portlet-static-social-media p a img {
        height: 2rem;
        display: inline-block;
        padding-left: 1rem;
        float: right;
    }
    
    .portlet-static-social-media p a img:hover {
     transform: scale(1.1);   
    }
    
    .portlet-static-social-media p:nth-child(2) a:hover {
    border: 1px solid #FC7A00;
    transition: 0.325s ease-in-out background, 0.325s ease-in-out color, 0.325s ease-in-out border;
    color: #FC7A00!important;
    }
    
    .portlet-static-social-media p:nth-child(2) a {
        display: inline-block;
        margin-top: 1rem;
    }
    
    .portlet-static-social-media p:nth-child(2) a {
        border: 1px solid #fff;
        padding: .5rem 1rem;
    }
    
    .portlet-static-social-media p:nth-child(2) a:after {
        content: "\e900";
        padding-left: 1rem;
        color: #E98300;
    }
    
    .portlet-static-social-media p:nth-child(2) a:hover:after {
        content: "\e900";
        padding-left: 1rem;
        color: #fff;
        transition: 0.325s ease-in-out color;
    }
    
   footer span.street-address:before {
        content: "\e906";
        padding-right: 1rem;
        top: -2px;
    }
    
   footer span.locality {
        padding-left: 1.6rem;
    }
    
   footer span.email {
        padding-left: 0;
        position: relative;
        left: -4px;
    }
    
   footer span.email:before {
        content: "\e902";
        padding-right: 1rem;
        left: 3px;
        position: relative;
    }
    
    footer span.tel {
        position: relative;
        left: -3px;
    }
    
    .tel, .email-link {
     line-height: 28px;   
    }
    
    footer span.tel:before {
        content: "\e908";
        padding-right: 1rem;
        position: relative;
        left: 2px;
        top: -1px;
    }
    
   footer .tel:before, 
   footer .email:before, 
   footer .street-address:before {
        color: #E98300;   
    }
    
    #copyright .content {
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px solid rgba(255,255,255,0.4);
        padding-top: 1.5rem;
    }
    
    footer#copyright, header {
        border: 7px solid;
        border-image: linear-gradient(to right, #E98300 22%, #FC7B00 100%);
        border-image-slice: 1;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    
    .portlet-static-social-media {
     float: right;   
    }
    
    .portlet-static-footer-address {
     float:left;   
    }
    
    .portlet-static-footer-address, 
    .portlet-static-social-media {
     font-weight: 300;
     margin-bottom: 0;
     padding: 1rem 0;
    }
    
    #footer-portlets a,
    #footer-portlets p,
    #footer-portlets span {
     color: #fff;   
    }
    
    .footer-title h1 {
        margin: 0;
        padding: 1rem 0;
        font-family: "cora", sans-serif;
        color: #fff;
    }
    
    .footer-title-container {
        background: #1E407C;
    }
    
    footer#footer-portlets {
        overflow: auto;
        background: #001E44 url('../img/Lines.png');
    }
    
    footer .street-address, .tel {
     display: block;   
    }

	.footer-container footer {
		background: #f5f1f2;
		width: 90%;
		margin: 1em auto 0;
		padding: 1em 0;
	}
	footer p {
		padding: 0 1em;	
		/*font-size: .8em;*/
	}
    
    footer img#cla-logo {
        float: right;
        margin-right: 2em;
        margin-left: .5em;
    }
    
    #skiptocontent {
     display: none;   
    }
    
    #left-column li a.contenttype-image {
     display: none;   
    }


}

/* =====  breakpoint ===== */

@media only screen and (min-width: 22.063em) {
    
    .header-container {
        padding-top: 254px;
    }
    
    .dtemplate-base .header-container {
        padding-top: 300px;   
    }

    .dtemplate-base #main-column {   
     margin-top: 0;
    }

}



/* =====  breakpoint ===== */

@media only screen and (min-width: 34em) {
    
    /*** Homepage ***/

    a.feature-title {
        float: right;
    }

    /*** Subpage Research, Education, Outreach ***/

    .subitem_container {
        margin-bottom: 2rem;
        margin-top: -3rem;
    }

    .grid-thumb span {
        background: #ccc center;
        background-size: cover;
        display: block;
        border: 1px solid #1452b0;
        position: relative;
        width: 75%;
        height: auto;
        padding-top: 75%;
        background-repeat: no-repeat;
        margin: 0 auto; 
        -webkit-filter: grayscale(1); 
        filter: grayscale(1);
    }    

    .arrow {
        background: url(img/orangearrow.png) no-repeat;
        width: 3rem;
        height: 3rem;
        background-size: 100%;
        position: relative;
        margin: 0 auto;
    }

    .folder-thumb-bx {
        text-align: left;
    }

    .template-folder_thumb_view .tileItem {
        width: 49%;
    }

    #searchGadget {
        width: 12em;
    }

    img.image-right {float: right;} 
    img.image-left {float: left;}
    }


@media only screen and (min-width: 36.688em) {
 
   .header-container {
        padding-top: 207px;
    }
    
    .dtemplate-base .header-container {
        padding-top: 252px;    
    }
 
}

/* =====  breakpoint ===== */
@media only screen and (min-width: 44em) {

    .portlet-static-upcoming-events .portletFooter a,
    .dtemplate-index #content .row .cell:nth-child(1) .portletWrapper .portletFooter a {
    float: right;
    margin-top: 1rem;
    padding-right: 2.5rem;
    font-weight: 300;
    }
    
    .portlet .portletFooter {
     padding: 0;   
    }

    .row {
     overflow: hidden;   
    }
    
    #content .row .portletWrapper > div
    , .portlet-static-upcoming-events {
        background: #f5f4f4;
        height: 33rem;
    }

    .portlet-static-upcoming-events .portletHeader {
     margin-bottom: 1rem;   
    }
    
    .portlet-static-upcoming-events .portletItem {
     padding-top: 0;
    }

    .portlet-static-upcoming-events dd.portletItem, .listing-bx {
        height:25rem;
        overflow:auto;
    }

    /*** Subpage Research, Education, Outreach ***/
    
    .subitem_container {
        margin-top: -3.4rem;
    }
    
    .arrow {
        background: url(img/orangearrow.png) no-repeat;
        width: 3rem;
        height: 3rem;
        background-size: 100%;
    }
    
    a.rslides_nav.rslides1_nav.prev:before, 
    a.rslides_nav.rslides1_nav.next:before {
        top: -16rem;
    }
    
    .grid-thumb span {
    background: #ccc center;
    background-size: cover;
    display: block;
    border: 1px solid #1452b0;
    position: relative;
    width: 50%;
    height: auto;
    padding-top: 50%;
    background-repeat: no-repeat;
    margin: 0 auto;
    }
    
    #searchtoggle {
        display: none;
        padding-left: 1rem;
    }
    
	/**** site header ****/
	
    body {font-size: 100%;}
    
	nav#topnav {
		padding-bottom: 0;
	}
	nav#topnav ul {display: block;}
	nav#topnav div.small {display: none; }
	
    

	dl.portlet dd.portletItem.hide {height: auto; position: relative; margin-left: inherit;}
	dl.portletNavigationTree {display: block;}
	
	#botnav {display: none;}
	
	/* ===== IE Fixes ===== */

	nav#topnav ul li {display: block;}
	.oldie nav#topnav a {margin: 0 0.7%;}
    
}

/* ===== breakpoint ===== */

@media only screen and (min-width: 55em) {
    
    #hero-slider ul.image-list > li, #hero-slider {
     display: block;   
    }
    
    .index-main-container {
      margin-top: 0;  
    } 
    
    nav#topnav ul {
    display: block;
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%;
    }
    
    nav#topnav li a {margin-left: .5rem}
    
    .main-container dl.portlet ul.navTree.navTreeLevel2 li.navTreeItem:first-child {
        border-top: 1px solid #e1e1e1;
    }
    
    header.clearfix {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }  
    /*
    .arrow {
        margin-left: 5.3rem;
        margin-top: .4rem;
    }
    */
    nav#topnav ul li {display: inline-block;}

    
    #blue-bar h1, #inner-container > div.footer-title-container > div > h1 {
         text-align: left; 
         font-family: "cora", sans-serif;
    }
    
    .main #left-column, .main #right-column {display: block; width: 14em;}
    #bottom-menu #left-column {display: none;}
    .main #left-column {
		float: left;
		margin: 0 1.5em 1em 0;
	}
    .main #right-column {
    	float: none;
		margin: 0 0 1em 1.5em;
	}

	#main-column.hasleftcol {margin-left: 16em;}
    
    #topnav > ul > li.selected {
    background: transparent;
    }
    
    #searchtoggle { display: block; }
    
    #blue-bar h1 {
     text-align: left;   
    }
    
    /*** Subpage55 ***/
    
.template-folder_thumb_view .tileItem, .thumb-bx .tileItem {
    width: 24%;
}

.template-folder_thumb_view .hasleftcol .tileItem, .thumb-bx .hasleftcol .tileItem {
    width: 50%;
}
    
.grid-thumb span {
    background: #ccc center;
    background-size: cover;
    display: block;
    border: 1px solid #1452b0;
    position: relative;
    width: 100%;
    padding-top: 100%;
    height: auto;
    background-repeat: no-repeat;
}

    #searchtoggle:before {
        content: "\e90b";
    }

    .dtemplate-index div#psu-icon, .dtemplate-base div#psu-icon {
        left: -63px;
    }
    
    div#psu-icon {
    float: none;
    text-align: left;
    margin-right: 1rem;
    }
    
    #white-bar-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    #right-column {float: right;}
	.main #right-column {
        float: right;
	}
}

/* ===== breakpoint ===== */

@media only screen and (min-width: 61em) {	
/*
    .arrow {
        margin-left: 6rem;
        margin-top: 5px;
    }
*/
    nav#topnav li a, nav#topnav div.small a {
		padding: .6em .7em;
	}

/*** Subpage61 ***/

.hasleftcol .folder-thumb-bx {
    text-align: left;
}

.template-folder_thumb_view .hasleftcol .tileItem, .thumb-bx .hasleftcol .tileItem {
    width: 49%;
}

    .wrapper {
        max-width: 60em;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 70.75em) {
    
    #content-core > div.folder-thumb-bx > div:nth-child(2) > div.arrow {
    /*margin-top: .4rem;*/
    }
    /*
    .arrow {
    margin-top: 2rem;
    margin-left: 2.5rem;
    }
    */
    a.feature-title {
        float: right;
        position: relative;
        right: 26%;
        font-size: 1.5rem;
        color: #fff;
        padding: 0.6rem 0px;
    }
    
    /*** Subpage70 ***/
 
 .template-folder_thumb_view .hasleftcol .tileItem, .thumb-bx .hasleftcol .tileItem {
    width: 25%;
}
 
}
@media only screen and (max-width: 43.999em) {
    
    img, img.image-right, img.image-left {
        max-width: 100%;
        margin: auto;
        text-align: center;
    }
    
        .row div.cell, .row div.cell {
        margin: 1em auto;
        width: auto;
        display: block;
        float: none;
        position: static;
    }
    div#psu-icon{
        position: relative;
        float: none;
        }
    #content .facultyStaffDirectory #directory-photo {
        display: block;
        float: none;
        }
    #content .facultyStaffDirectory #directory-listing {margin: auto;}
}