/* COLOR REFERENCE 

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

*/

*{box-sizing: border-box;}  
*:after, *:before {
    font-family: 'font-family',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;
}


@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 {background:  #F6F6F6;font-size: 80%;}
	p, ul, ol, dl, label, .label {/*font-family: "pt-serif";*/}
	ul, ol {list-style: square;}
	a, a:visited {color: #00396b;}
    a:focus {text-decoration: underline !important;}
	li {display: block;}
	h1, h2, h3, h4, h5, h6 {
		font-family: "museo-sans-condensed", 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: 6.1rem;
        padding-top: 1.35rem;}
	h1.documentFirstHeading, h2.tileHeadline {margin-bottom: 0;}
	#portal-breadcrumbs {font-size: .8em;}
    
    .button {
 display: inline-block;
 padding: 1rem 1.25rem;
 margin:.5rem 0;
 border: 2px solid #286584;
 font-size: 1.5rem;
}
.button + .button { margin-left:1rem; }
.button:hover {
 background: #dfe5e8;
}

    .portlet-static-stats {
        background: #0d1e2c;
    }
    
    .portlet-static-stats ul {
        max-width: max-content;
        margin: 0 auto;
        display: flex;
        flex-flow: row wrap;
    }
    
    .portlet-static-stats ul li {
        margin: 2em 0;
        border: none;
    }
    
    .portlet-static-stats ul li:last-of-type {border: none;}
    
    .portlet-static-stats ul li img {
        padding: 0 1em;
        max-height: 9.5em;
    }
    
    .section-why-psu-anthropology .panel-2 dl.portlet ul li {
        list-style-type: disc;
        margin-left: 1.2em;
        }
    
    /* 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: 1em;}
	
	/* Accessibility Skip to Content*/
    
    #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;*/}
    #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;
	}
	
	/**** content well portlets fix ****/
	
	.managePortletsBelowTitleLink {clear: none;}
    .managePortletsBelowTitleLink a{clear: both;}
	
	/**** 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;width:initial;min-width:initial;}
    
    /* stick cloned header and nav to top of broswer window - jz  */
    .header-container.scroller {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index:999;
    }
    
	/**** 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: #f5f1f2;}
	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;
        background: #D5D5D5;
	}

	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 .7em;
		margin: 0;
		width: auto;
        color: #0b3c5d;
	}
	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: #248dce;		
	}
	nav#topnav li.selected a {
		color: #0043e7;
	}

    #site-title .portlet-static-make-a-gift {
        display: inline-block;
        position: absolute;
        top: 4.2em;
        right: 2.1em;
        }
    #site-title .portlet-static-make-a-gift a{
        background: #286584;
        color: #FFF;        
        font-size: 95%;
        font-weight: bold;
        padding: .325em 1.5em;
        }
    #site-title .portlet-static-make-a-gift a:after{
        content: "  \e613";
        font-size: 60%;
        }    
    #site-title .portlet-static-make-a-gift {display:none;}
    
	/**** side navigation ****/
	
	dl.portletNavigationTree {
        background: #FFF;
        display: none;
        }
	dl.portletNavigationTree#site-navigation {display: block;}
	
	dl.portlet dt.portletHeader,.portletHeader,
    dl.portlet .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode,
    dl.portlet .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode{
		text-transform: uppercase;
		padding: 1rem;
	}
	dl.portlet dt.portletHeader,.portletHeader,
	dl.portlet dt.portletHeader a {
		color: #FFF; 
	}

	dl.portletNavigationTree ul.navTree {padding: 0; margin: 0;}
	dl.portlet ul.navTreeLevel0 > .navTreeItem {
		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 {border-top: 0.0825rem dotted #0b3c5d;}
	dl.portlet ul.navTree li a:hover {
		background: #0b3c5d;
		color: #fff;
	}
    dl.portlet .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode a{padding: 0;}
    .portlet .navTree .navTreeCurrentItem {font-weight: bold;}
    /*Menu Sublevel Styles*/
    /* General Settings */
    .portlet .navTree .navTreeCurrentItem {
    background-color: transparent;}
    
    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: #FFF}
        
    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, .portlet .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,  .portlet .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;
        font-weight: bold;
        padding: 0;
        }
	
	
	/*** bottom menu ***/
	
	#bottom-menu a {text-align:left;}
	
	/**** directory ****/
	
	#content .facultyStaffDirectory {float: left; width: 100%;}
	#content .facultyStaffDirectory ol.classificationList {display: none;}
	#content .facultyStaffDirectory .standardView .classificationListing h2 a {color: #0b3347; padding: 0}
	#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-condensed", 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;}
    a.moretwit {padding: .6rem 1.5rem;
        line-height: 1.3em;
        font-size: 1.1em;
        color: #2c424d;
        font-weight: bold;
        font-family: "source-sans-pro";
    }
    
    .twitfoot {padding: .5em 0}
    
    #portlets-below-content .portletTwitter .twitfoot a:after {
            content: ' \e613';
            font-size: 80%;
            vertical-align: baseline;
         }
         
    .portlet-static-research-opportunities {height: 385px;}
         
	/**** footer****/

	.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;
    }

/** Slick Slider buttons **/
    ul.slick-dots {
        left: 0; right: 0;
        top: 1.5rem;
        list-style: none;
        display: block;
        margin: 0;
        padding: 0.5rem;
        text-align: center;
        position: relative;}
    #container ul.slick-dots {margin: 0}
    section.hero.hero .slick-dots {
        height: auto;
        padding: 1rem 0;
        position: relative;
        top: -3.5rem;}
    #container .slick-dots li { 
        position: relative;
         border: transparent 0.125rem solid ;
        border-radius: 50%;
        display: inline-block;
        height: auto;
        margin: 0 .125rem;
        padding: 0;
        cursor: pointer;
        }
    .slick-dots li button { 
        border: 0 solid transparent; 
        box-sizing: border-box;
        display: block; 
        height: .85rem; 
        width: .85rem; 
        border-radius: 50%; 
        outline: none; 
        line-height: 0; 
        font-size: 0; 
        color: transparent; 
        padding: 0; 
        cursor: pointer;
        transition: background .2s ease, transform .5s ease;
        margin: 0.125rem}
    .hero .slick-dots li button { background: #FFF; }
    .slick-dots li button { background: #B8B8B8; }
    #container .slick-dots li:hover{border-color:#B8B8B8;}
    #container .hero .slick-dots li:hover{border-color:#FFF;}
    .slick-dots li:hover button, .slick-dots li:focus button { 
        outline: none; 
        animation: opacityPulse 2.25s infinite;
        transform: scale(.85);
        }
    @keyframes glowing {
      0% { background-color: #FFF;}
      50% { background-color: #afaeae; }
      100% { background-color: #FFF; }
    }
    @keyframes opacityPulse {
      0% {opacity: 1;}
      50% { opacity: .20 }
      100% { opacity: 1;}
    }

    .hero .slick-dots li.slick-active button{ background: none;border: #FFF solid 0.125rem;}  
    .slick-dots li.slick-active button {background: #767676;}
    
    #container .atss_items.slick-slider{margin-bottom: 0;}
    
    p img {vertical-align: unset;}
    
}



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

@media only screen and (min-width: 34em) {
    .portlet-static-stats ul li {border-right: solid 2px #6e7880;}
    
    .portlet-static-stats ul li img {
        padding: 0 2em;
        max-height: 10.5em;
    }
	
	#searchGadget {
		width: 12em;
	}

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


/* =====  breakpoint ===== */
@media only screen and (min-width: 44em) {
	
    .portlet-static-stats ul li img {
        padding: 0 4em;
        max-height: 10.5em;
    }
    
	/**** site header ****/
	
    body {font-size: 100%;}
    
	nav#topnav {
		padding-bottom: 0;
	}
	nav#topnav ul {display: block;}
	nav#topnav div.small {display: none; }
	
    .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;}

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

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

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

@media only screen and (min-width: 55em) {
    #right-column {float: right;}
	.main #right-column {
        float: right;
	}
}

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

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

    .wrapper {
        max-width: 70em;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 43.999em) {
        .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;}
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            height: 100%;
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track: 
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.portlet-static p.hide {display: none;}