/* COLOR REFERENCE 
### General ###
Body Font color: #2c424d;
background: white
Top border: #569cf4
Button Color: #2265B3
Footer Strip bg: #2c424d
Footer link color: #a6cefe

Header bg: #0d1e2c

*/

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

    /* Prevent Flash of unstyled text
    .wf-loading{display: none;}*/
    
    *:after, *:before {
        font-family: 'megaclafont',san-serif;
        vertical-align: middle;
        font-size: 80%;
    }
    
    /* Icons */
    a[href*='.pdf']:before,
    a[href*='.doc']:before,
    a[href*='.xls']:before{
        content:"\e610";
        margin-right: .325rem
        }
    
    a[href*='.ppt']:before{
        content:" \e902";
        margin-right: .325rem
        }
    #content a[href*='.pdf'].external-link:after,
    #content a[href*="//"][href*='.pdf']:not([href*="l2plp1"]):not([href*="anth.la"]):not([href*="plonedev"]):not([href*="securep1"]):after{
        content: "\e610   \e61f";
        margin-left: .325rem;}
    #content a[href*='.pdf'].external-link:before,
    #content a[href*="//"][href*='.pdf']:not([href*="l2plp1"]):not([href*="anth.la"]):not([href*="plonedev"]):not([href*="securep1"]):before{
        content: none;}
    #content a.external-link:after,
    #content a[href*="//"]:not([href*="l2plp1"]):not([href*="anth.la"]):not([href*="plonedev"]):not([href*="securep1"]):not([href*='tel']):after{
        content: "\e61f";
        margin-left: .325rem
        }
   
   /*  Icons preceding list Items*/
   #inner-container ul.list-icons,
   #inner-container ul.list-icons ul{list-style-type: none;}
   #inner-container ul.list-icons a{padding-left: 1.5rem; position: relative;}
   #inner-container ul.list-icons a:before {
       position: absolute;
       display: inline-block;
       left: 0;}
   #inner-container ul.list-icons a:after{display: none;}
   ul.list-icons li a:before{
       content: "\e613";
        margin-left: .325rem
       }
   ul.list-icons li a[href*='.pdf']:before{
        content:"\e610";
        margin-left: .325rem
       }
   ul.list-icons li a[href*="//"]:not([href*="l2plp1"]):not([href*="anth"]):not([href*="plonedev"]):not([href*="securep1"]):before{
        content:"\e61f";
        margin-left: .325rem
       }
    ul.list-noIcons{list-style-type: none !important;padding: 0 !important;}
    ul.list-noIcons a:before,ul.list-noIcons a:after,
    a.link-noIcons:before,a.link-noIcons:after,
    .personCV a:after,
    p a:before, p a:after,
    .navTree a:before, .navTree  a:after{content: none !important;}
   
    #formfield-form-text table.mceToolbar,
    table.mceListBox {border: 0 !important;}
    /* General Styles*/ 
    body{background: white;color: #2c424d;
        font-family:"source-sans-pro";}
    .floatLeft{float: left;}
    .floatRight{float: right;}
    .floatLeft + h2{clear: left}
    .floatRight + h2{clear: right}
    .discreet {display: block; font-size: 85%;line-height: 1.5;padding-top: .5em;}
    h1,h2,h3,h4,h5,h6{font-family:"source-sans-pro";}
    h1.title{
        font-size: 2.5em;
        letter-spacing: .0825rem;}
    h1.documentFirstHeading,
    .facultyStaffDirectory .classificationListing h2{
        color: #0b3347; 
        font-size: 2.25rem;
        font-weight: bold;
        line-height: 1.25}
    h2{
        font-size: 1.425em;
        font-weight: bold;}
    h2:not(:first-child){margin-top: 2rem;}
    .main hr + h2{margin-top: 1rem;}
    h3{color: #cf4602;font-size: 1.125em;font-weight: bold;}
    /* Collapsible headers*/
    h2.collapsing,
    .collapsing{
        margin-top: 1rem;
        position: relative;
        padding-left: 1.5rem;
        cursor: pointer;
        }
    h2.collapsing{color: #286584 ;}
    h2.collapsing:before,
    h3.collapsing:before,
    .collapsing:before{
        content: "\e613 ";
        display: inline-block;
        max-height: 2em;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        transform: rotate3d(0,0,1,90deg);
        transition: transform 400ms ease-in-out;
        }
    h2.collapsing.c-active:before,
    h3.collapsing.c-active:before{
        transform: rotate3d(0,0,0,0);
        }
    .canCollapse{
        max-height: 100rem;
        opacity: 1;
        overflow: hidden;
        transition: 500ms ease-in-out max-height, 500ms ease-in-out opacity, 500ms ease-in-out margin;}
    #container .collapsed{
        opacity: 0;
        margin: 0;
        max-height: 0;
        }
    a,a:visited,a:hover,a:focus,
    #content a:hover, #content a:focus {color: #286584;}
    a:hover,a:focus{text-decoration: underline;}
    #content a,
    .portlet p a{font-weight: bold;}
    
    hr{border-color: #b8b8b8;}
    
    p {line-height: 1.75;}
    p.intro{font-size: 119%;line-height: 1.625;}
    p img.image-left,
    p img.image-right{margin-top: 0;}
    
    #index-main-column-content #parent-fieldname-title {text-align: center;}
    #content-core img {
        border: 0.0825rem solid #b8b8b8;
        }
    #index-main-column-content #content-core img {border: none;}
    #content-core ul,#content-core ol{margin-left: auto;padding-left: 2em;}
    #directory-listing ul{padding-left: 0}
    table,
    #content-core table{
        border-bottom: .5rem solid #2265B3;
        border-collapse: separate;
        border-spacing: 0.125rem;
        min-width: 75%;}
    #content-core table th{
        background: #c6c6c6;
        color: #2c424d;
        /*Spalsh of color*/
        background: #2265B3;
        Color: #FFF;
        }
    #content-core table th a,
    #content-core table th a:hover,
    #content-core table th a:active,
    #content-core table th a:visited{color: #FFF;}
    #content-core table  tr.odd,
    table  tr:nth-child(odd){background:#EEE}
    #content-core table  tr.even,
    table  tr:nth-child(even){background:#FFF}
    #content-core table td, #content-core table th {border-color: #FFF;}
    #content-core tr p{margin-bottom: 0;}
    
    .callout,
    #content-core .callout {
        background: #f2f1f1; 
        border: 0;
        margin-top: 1rem;
        /*border: 1px #ccc solid;*/}
    #content-core .callout + .callout,
    .callout + .callout{margin-top: 0;padding-top: 0;}
    #content .callout ul,.callout ul{margin-bottom: 0;}
    
    /* Header */
        .header-container{
            background: #0d1e2c;
            }
        .header-container a{color: #FFF;}
        #search input#searchString {border-radius: 0;font-style: italic;}
        ul#search {z-index: 999;}
        /* Top navigation */
            nav#topnav{
                background: #FFF;
                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);
                font-size: 120%;
                position: relative;
                z-index: 1;
                }
            nav#topnav a{color: #0b3347; font-weight: bold;}
            nav#topnav li.selected a{color: #286584;text-decoration: underline;}
            nav#topnav li.selected a:after{
                content:  "\e613";
                display: inline-block;
                font-size: 60%;
                font-weight: normal; 
                margin-left: 0.325rem;
                transform: rotate(90deg);
                }
            
        /* Hero */
            section.hero{clear: both;margin-bottom: 0;}
            section.hero.hero-image li,
            section.hero.subhero-image{
                background: center center no-repeat;
                background-size: cover;
                overflow: hidden;
                position: relative;
                box-shadow: inset rgba(13, 30, 44, 0.91) 0rem -7rem 12rem 4rem;
                }
            
            section.hero.hero-image ul{height:23rem;overflow: hidden;}
            section.hero.hero-image li{height: 100%;}
            section.hero.subhero-image{background-size: cover;height:25rem;}
        
            section.hero .wrapper{background: blue;}
            section.hero .wrapper{text-align: center;}
            
            section.hero .wrapper span{
                bottom: -0.5625rem;
                color: #fff;
                font-size: 2.5rem;
                left: 0;
                right: 0;
                position: absolute;
                text-transform: uppercase;
                }
            section.hero.subhero-image .wrapper span:after{
                content: " ";
                background: #cf4602 url('../img/Red_texture_graphic.png');
                display: block;
                height: 1.25rem;
                margin: 1rem auto 0 auto;
                transform: rotate(45deg);
                width: 1.25rem;
            }
    /* Side Columns */
        .main #left-column, .main #right-column{
            min-width: 14rem;
            width: 25%;
            }
    /* Main Column */
        #index-main-column #portal-breadcrumbs{display: none;}
        #breadcrumbs-you-are-here {position: absolute;visibility: hidden;}
        #portal-breadcrumbs {color: #5a5c64;}
        #portal-breadcrumbs a {color: #2265B3;}
        .breadcrumbSeparator {margin: 0 .325rem;}
        
   /* Portlet Below Content*/       
   
        #portlets-below-content{background: #f2f1f1;box-shadow: 0px 6px 13px -8px rgba(7, 8, 8, 0.45) inset;
            background-image: url("../img/texture-bg-blue.png");
            background-size: cover;
        }
        #portlets-below-content .portlet {
            background: #FFF;
            border: 0.0825rem solid #d3d1d1;
            padding: 0;}
        #portlets-below-content .portletHeader {
            background: none;
            border: 0;
            font-size: 1.425rem;
            }
        .dtemplate-base #content > h1:after,
        #portlets-below-content .portletHeader:after,
        .facultyStaffDirectory .classificationListing h2:after{
            content: " ";
            border-top: 0.1875rem solid #e05a17;
            display: block;
            margin-bottom: 1rem;
            margin-top: .325rem;
            width: 4.5rem;
            }
        #portlets-below-content .portletHeader, #portlets-below-content .portletHeader a{color: #2c424d}
        #portlets-below-content .portlet div.listitems,
        #portlets-below-content div.portletItem,
        #portlets-below-content .portlet > dd.portletItem {height: 17rem; overflow: auto;padding-bottom: 4rem;}
        #portlets-below-content .portlet .portletHeader,
        #portlets-below-content .portlet > .portletItem,
        #portlets-below-content .portlet .portletFooter,
        #portlets-below-content .portletEvents .listitems{
            padding: 0 1.5rem;
            }
        #portlets-below-content .portlet .portletHeader {padding-top: 1rem;}
        #portlets-below-content .portlet .portletItem li{margin: 0;}
        #portlets-below-content .portlet .portletItem li a{
            display: block;
            padding: .825rem 0;
            }
        #portlets-below-content .portlet .portletItem li:first-of-type a{padding-top: 0;}
        #portlets-below-content .portlet .portletItem li + li a,
        #portlets-below-content .portletEvents .listitems:nth-of-type(n+1) .portletItem + .portletItem {border-top: dotted 0.125rem }
        #portlets-below-content .portlet .portletItem li a:after{
            content: ' \e613';
            font-size: 70%;
            vertical-align: baseline;
            }
        #portlets-below-content .portletFooter{
            position: absolute;
            bottom: 2.25rem;
            left: 0;
            right: 0;}
        #portlets-below-content .portletFooter a{
            background: #286584;
            border-top: solid #FFF 1rem;
            display: block;
            font-weight: bold;
            padding: .5rem 1rem;
            text-align: center;
            transition: ease-in-out background 250ms}
        #portlets-below-content .portletFooter a:after{
            content: " \e613";
            font-size: 70%;
            vertical-align: baseline;}
        #portlets-below-content .portletFooter a:hover,
        #portlets-below-content .portletFooter a:focus{background: #2265B3;}
        #portlets-below-content .portletFooter, #portlets-below-content .portletFooter a{color: #FFF;text-transform: uppercase;}
        
        
        #portlets-below-content .portletEvents .listitems span{margin: 0;padding: 0;}
        #portlets-below-content .portletEvents .listitems .portletItem{padding-left: 0;padding-right: 0;}
        .portlet-static-top-program {
            background: #cf4602 url('../img/Red_texture_graphic.png');
            color: #FFF;
            font-size: 1.325rem;
            position: relative;
            text-align: center;
            }
        #event-date-info{background: #F2F1F1;padding:.5rem; width: 8em;}
        #event-text {overflow: hidden; padding-left: 1rem;}
        .portlet-static-top-program:after{
            content: " ";
            background: #cf4602 url('../img/Red_texture_graphic.png');
            display: block;
            height: 1.25rem;
            left: 50%;
            margin-left: -.625rem;
            margin-top: -.625rem;
            position: absolute;
            transform: rotate(45deg);
            width: 1.25rem;
            }
        .portlet-static-top-program p{margin-bottom: 0;}
        .portlet-static-top-program strong{
            font-size: 1.75rem;
            font-weight: bold;
            text-transform: uppercase;
            }
    /* Footer */
        footer p{font-size: 100%;}
    
        footer#footer-portlets {background: #0b3347;color:#FFF;}
        #footer-portlets .row .portletWrapper {margin: 1rem 0;}
        #footer-portlets .portlet{background: none;padding: 0;}
        #footer-portlets .portlet > * {
            padding: 0rem;}
        #footer-portlets .portlet .portletHeader,
        #footer-portlets dl.portlet dt.portletHeader{
            background: none;
            border: 0;
            color: #FFF;
            font-size: 1.325rem;
            padding: 0 0 0.5rem 0;}
        #footer-portlets p{
            margin-bottom: 0;
            padding: 0;}
        #footer-portlets .portlet a{color: #FFF}
        #footer-portlets .portlet a[href*='mailto']{color: #9bdeff}
        
        #footer-portlets .portlet li a:after{
            content: " \e613";
            font-size: 60%;
            }
        
        #footer-portlets a[href*='facebook']:before,
        #footer-portlets a[href*='twitter']:before{
            background: #FFF;
            border-radius: 50%;
            color: #0B3347;
            font-size: 1.5rem;
            margin-right: .5rem;
            }
            
        #footer-portlets a[href*='twitter']:before{content: "\e602";}
        #footer-portlets a[href*='facebook']:before{content: "\e600";}
        
        #footer-portlets ul{display: inline-block;vertical-align: top;}
        #footer-portlets ul + p{display: none;}        
        #footer-portlets ul:nth-of-type(2){margin-left: 5rem;}
        #footer-portlets .portlet ul a{color: #FFF}
            
        footer#copyright{
            background: #0d1e2c; 
            color: #FFF;
            padding: 1em 0;}
        footer#copyright p{padding: 0;}
        footer#copyright a{color: #FFF;}
        
        footer#footer-panels .panel{clear: both;}
        footer#footer-panels .panel .row{
            float: none;
            max-width: 70em;
            margin: 0 auto;
            padding: 0 1rem;
            width: 90%;}
            
        .section-diversity footer#footer-panels .panel:nth-child(odd){background: #f2f1f1;overflow: hidden;}
        .section-diversity footer#footer-panels .cell{padding: 2rem 0;}
        .section-diversity footer#footer-panels .panel .portlet,
        .section-diversity footer#footer-panels .panel dt.portletHeader,
        .section-diversity footer#footer-panels .panel dt.portletHeader a,
        .section-diversity footer#footer-panels .panel dd.portletItem,
        .section-diversity footer#footer-panels .panel dt.portletFooter,
        .section-diversity footer#footer-panels .panel dt.portletFooter a{
            background: none;border: 0;color: #2c4c4d;padding: 0;}
        .section-diversity footer#footer-panels .panel dt.portletHeader{margin-bottom: 1em;}
        .section-diversity footer#footer-panels .panel .portlet,
        .section-diversity footer#footer-panels .panel p{margin: 0; padding: 0;}
        .section-diversity footer#footer-panels .panel img{border: 0.0825rem solid #b8b8b8;max-width: 100%;}
        
    /* General Portlets */
        /* Ensure background appears even if children are floated*/
        #portlets-below-content,
        #footer-portlets,#footer-panels {overflow: hidden;}
        
        .portlets p{font-size: 95%;}
        
        .portletWrapper .portlet{background: #f2f1f1;}
        .portletWrapper .portlet .portletHeader.titleless{display: none;}
        
        .section-why-psu-anthropology .panel .content .portletWrapper .portlet {
            background: transparent;
            padding: 0;
        }
        
        .section-why-psu-anthropology .panel .content .portletWrapper .portlet dt.portletHeader{
            border: none;
            font-size: 1.4em;
            text-transform: none;
            padding: 0;
        }
        
        .section-why-psu-anthropology .portlet-static-image dt.portletHeader{
            color: transparent;
        }
        
        .section-why-psu-anthropology .portlet-static-wide-image img {width: 100%;}
        
        .section-why-psu-anthropology .panel-2 .row {margin-top: 2em;}
        
        .section-why-psu-anthropology .portlet-static-image p img {
            max-width: 100%;
        }

        .content.wrapper .row .portletWrapper {margin: 1rem auto;}
        .dtemplate-index .content.wrapper .row .portletWrapper {margin: 2rem auto;}
        .portletStaticText dd.portletItem,
        .portletWrapper div.portletStaticText{padding-left: 0;padding-right: 0}
            
        /* Navigation Portlets*/
            dl.portlet,
            dl.portlet.portletNavigationTree{margin-bottom: 1.5rem; padding: 1.5rem;}

            dl.portlet dt.portletHeader, 
            dl.portlet dt.portletHeader a, 
            dl.portlet.portletNavigationTree .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode, 
            dl.portlet.portletNavigationTree .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode,
            dl.portlet.portletNavigationTree .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode a, 
            dl.portlet.portletNavigationTree .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode a,

            .multiNav-wrapper .menuHeader, .multiNav-wrapper .menuHeader a{
                background: none; 
                color: #2c424d;}
                
            dl.portlet dt.portletHeader,
            dl.portlet.portletNavigationTree .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode, 
            dl.portlet.portletNavigationTree .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode,
            .portletWrapper .portlet-static-highlight.portlet h2,
            .portletWrapper div.portletStaticText h2,


            .multiNav-wrapper .menuHeader a{
                display: block;
                font-size: 95%;
                font-weight: bold;
                padding: .25rem 0 .825rem 0;
                text-transform: uppercase;
                }
            dl.portlet dt.portletHeader,
            dl.portlet.portletNavigationTree .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode,

            dl.portlet.portletNavigationTree .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode,
            .portletWrapper .portlet-static-highlight.portlet h2,
            .portletWrapper .portlet-static-no-background.portlet h2,
            .portletWrapper div.portletStaticText h2,

            .multiNav-wrapper .menuHeader a{border-bottom: 0.125rem solid #b8b8b8;}
            dl.portlet.portletNavigationTree li{position: relative;}
            dl.portlet ul.navTree li a:hover {background: #2265B3;color: #FFF;}
            dl.portlet.portletNavigationTree li a,
            dl.portlet ul.navTree.navTreeLevel3 li.navTreeItem a{color: #2c424d;;position: relative;}
            dl.portlet ul.navTree.navTreeLevel1  li.navTreeItemInPath,
            dl.portlet ul.navTree.navTreeLevel3 li.navTreeItem {background: none;}

            
            dl.portlet ul.navTree.navTree li a {transition: background ease-in-out .325s,color ease-in-out .325s;}
            
            dl.portlet ul.navTree.navTree li.navTreeCurrentNode > a span{text-decoration: underline;}
        	dl.portlet ul.navTree li a:hover {background: none;color: #0b3c5d;font-weight: bold;text-decoration: underline;}
            
            dl.portlet ul.navTree.navTreeLevel0 {background: none;}
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode,
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath{background: none;}
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath {color: #FFF;}
            
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode >a{background: none; font-weight:bold;}
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath > a{
                background: rgba(13, 30, 44, 0.43);
                background: #164e6a;
                color: #FFF;}
            
            dl.portlet ul.navTree li + li a,
            dl.portlet ul.navTree1{border-top: 0.0825rem solid #b8b8b8;}
            dl.portlet ul.navTree.navTreeLevel0 li.navTreeItem a {padding: .625rem 0 .625rem .75rem;}
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath > a:after{
                transform: rotate(90deg);
                }
            
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode,
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath{background: #dfe5e8;}
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode a{color: #286584;}
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode > a:after,
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath > a:after{
                content: "\e613";
                display: inline-block;
                font-size: 60%;
                }
            
            
            dl.portlet ul.navTree.navTreeLevel1 {background: none;}
            dl.portlet ul.navTree.navTreeLevel1 li a{border: 0;}
            .main-container dl.portlet ul.navTree.navTreeLevel1 li.navTreeItem a {padding-left: 2.25rem;}
            dl.portlet ul.navTree.navTreeLevel1 li.navTreeItem{
                border: #FFF solid 0;
                border-top-width: 0.0825rem;}
            
            dl.portlet ul.navTree.navTreeLevel2 {background: none;}
            dl.portlet ul.navTree.navTreeLevel2 li.navTreeItem a {padding-left: 3.5rem !important;}
            dl.portlet ul.navTree.navTreeLevel2 > li.navTreeCurrentNode > a:before{font-weight: bold;}
            dl.portlet ul.navTree.navTreeLevel2 > li.navTreeCurrentNode > a:before,
            dl.portlet ul.navTree.navTreeLevel2 > li.navTreeItemInPath > a:before{

                /* CSS Arrow */
                content: ">>";
                box-sizing: border-box;
                display: inline-block;
                vertical-align: baseline;
                }
            
            dl.portlet ul.navTree.navTreeLevel3 {background: none;}
            dl.portlet ul.navTree.navTreeLevel3 li.navTreeItem a {padding-left: 4.75rem;}
            
            .multiNav-wrapper .menuHeader{background: #f2f1f1; padding:1.5rem 1.5rem 1rem 1.5rem;}
            .multiNav-wrapper dl.portlet.portletNavigationTree{padding: 0}
            
            #container .multiNav-wrapper .portletNavigationTree{background: #f2f1f1;margin-bottom: 0; padding: 0 1.5rem 1rem 1.5rem}
            #container .multiNav-wrapper .portletNavigationTree dd {background: #dfe5e8;}
            #container .multiNav-wrapper .portletNavigationTree .portletHeader{background: #164e6a;padding: .5rem;}
            #container .multiNav-wrapper .portletNavigationTree .portletHeader,
            #container .multiNav-wrapper .portletNavigationTree .portletHeader a{color: #FFF; text-transform: none;}
            #container .multiNav-wrapper .portletNavigationTree:last-of-type{padding-bottom: 1.5rem;}
            #container .multiNav-wrapper .portletStaticText {margin-top: 1.5rem;}
       
       /* StaticTextPortlet General*/
        .portletWrapper .portletStaticText h3{
            font-size: 1rem;
            font-weight: bold;
            margin: 0;
            }
         /* Highlight portlet */
            .portletWrapper .portlet-static-highlight.portlet{
                background: #e05a17;
                border:0;
                color: #FFF;
                padding: 0 1.5rem;}
            .portletWrapper .portlet-static-highlight.portlet a,
            .portletWrapper .portlet-static-highlight.portlet  h2,
            .portletWrapper .portlet-static-highlight.portlet  h3{color: #FFF;}
            .portlet-static-highlight.portlet dt.portletHeader{display: none;}
            .portletWrapper .portlet-static-highlight.portlet h2{
                border-color: #f59769;}
            .portlet-static-highlight.portlet dd.portletFooter{
                border-top: 0.0825rem solid #f59769;
                margin: 0 1rem;
                padding: 0;
                }
            .portlet-static-highlight.portlet dd.portletFooter a{
                color: #FFF;
                display: block;
                font-weight: bold;
                padding: 1rem;}
        /* No-background portlet / portlet header omitted */
            .portletWrapper .portlet-static-no-background.portlet,
            .portletWrapper div.portletStaticText{background: none; border:0} 
            .portlet-static-no-background.portlet dt.portletHeader{display: none;}
            .portletWrapper .portlet-static-no-background.portlet h2,
            .portletWrapper div.portletStaticText h2{border-color: #e05a17;}
            .portletWrapper .portlet-static-no-background.portlet h3,
            .portletWrapper div.portletStaticText h3{color: #2c424d;}
            
            
    /* Login Button / Menu*/
        #portal-personaltools, #portal-personaltools dl.actionMenu.activated dd,
        #portal-personaltools .actionMenuContent{
            background: #286584;
            border-radius: 0;
            }
    
    /* Color Version Specific - Dark*/
    body[class*="dtemplateVar-dark"] .header-container{}
    body[class*="dtemplate-ladldark"] .header-container a{}
    /* Features*/
        /*Photo_album_view*/
        .overlay-gallery {display: flex;flex-wrap: wrap;}
        .overlay-gallery .tileItem{
            float: none;
            width: 100%;}
        .overlay-gallery .tileImage{
            background: no-repeat center center;
            background-size: cover;
            float: none;
            height: 18rem;
            width: 100%;
            }
    
    /* Convert lists into row of buttons*/
    #container .list-buttons{
        list-style-type: none;
        margin: 1rem 0;
        padding: 0;}
    .list-buttons li{
        background: #2B6888 url('img/Button_Bkrd_Texture_nonhover.png');
        border-radius: .5rem;
        color: #FFF;
        text-transform: uppercase;
        } 
    #container .list-buttons li a, #container .list-buttons li a:active,
    #container .list-buttons li a:hover, #container .list-buttons li a:visited{color: #FFF;}
    .list-buttons li a{
        border-radius: .5rem;
        display: block;
        font-size: 1.125em;
        font-weight: bold;
        padding: .75rem;
        text-align: center;}
    .list-buttons a:after{
        content: "\e613";
        display: inline-block;
        font-size: 65%;
        margin-left: .25rem;
        transition: 0.25s ease-in-out background;
        }
    .list-buttons a:hover,
    #container .list-buttons li:hover {
        background: #205975 url('img/Button_Bkrd_Texture_Hover.png');
        text-decoration: underline;
        }
        
    iframe {
        max-width: 100%;
        width: 100%;}
    
    #left-column iframe, #right-column iframe {
        height: auto;
        }
        
 
    /* Researach Venn Diagram
    Concept Credit: http://stackoverflow.com/questions/29424794/creating-a-3-circle-venn-diagram-with-pure-css-html
    */
    #vennDiaNeu{font-size:2em;}/**Controls relatuve size of Venn Diagram, diagrams is built on a 10 by 10em grid*/        
    #vennDiaNeu{
        cursor: pointer;
    	display: inline-block;
    	height: 10em;
        margin: 1rem;
		position: relative;}

	#vennDiaNeu * {box-sizing: border-box;}
	#vennDiaNeu div {
          width: 6.6em;
          height: 6.6em;
          border-radius: 50%;
          position: absolute;
		  transition: ease-in-out .5s background;}
	#vennDiaNeu div:hover{transition: ease-in-out .2s background;}
	
	#vennDiaNeu .overlapsTwo-wrapper{position: absolute;overflow: hidden;pointer-events: none;z-index: 10;}
	#vennDiaNeu .bugwrap{position: static;overflow: hidden;pointer-events: none;}
	#vennDiaNeu .overlapsTwo {position: static;pointer-events: auto;}
	#vennDiaNeu .innerOverlap-wrapper1{overflow: hidden;position: absolute;z-index: 20;pointer-events: none;}
	#vennDiaNeu .innerOverlap-wrapper2{overflow: hidden;position: static;pointer-events: none;}
	#vennDiaNeu .innerOverlap-wrapper3{overflow: hidden;position: static;pointer-events: none;}
	#vennDiaNeu .overlapsThree{z-index: 20;position: static;pointer-events: none;}
    #vennDiaNeu .overlapsAll-bugWrapper{position: static; pointer-events: auto;}
	
	/* Positioning*/
	/* Match outerRings-border offset to outerRings border width*/
	#vennDiaNeu .outerRings-border{margin-left: -.625rem;	margin-top: -.625rem;}
    #vennDiaNeu .bugwrap{margin-left: 0px;margin-top: 0px;}
	#vennDiaNeu #outerRing1,#vennDiaNeu #Two-wrapper1{left: 1.75em;}
	#vennDiaNeu #outerRing2,#vennDiaNeu #Two-wrapper2{top: 3.125em;}
	#vennDiaNeu #outerRing3,#vennDiaNeu #Two-wrapper3{top: 3.125em;margin-left: 3.3em;}
	
	#vennDiaNeu #overlaps1a2 {margin-top: 3.125em;margin-left: -1.75em;}
	#vennDiaNeu #overlaps2a3 {margin-left: 3.3em;}
	#vennDiaNeu #overlaps1a3 {margin-top: -3.125em;margin-left: -1.55em;}
	
	#vennDiaNeu .innerOverlap-wrapper1{top: 3.125em;}
	#vennDiaNeu .innerOverlap-wrapper2{margin-left:3.3em;}
	#vennDiaNeu .innerOverlap-wrapper3{margin-top: -3.125em;margin-left: -1.55em}
    #vennDiaNeu .overlapsAll-bugWrapper{margin-top: 3.3em;margin-left: -1.55em;}/*Keeps clickable area from bleeding beyond border-radius*/
    
    #vennDiaNeu #outerRing1 span{left: 0 ;right: 0;bottom: 55%;}
    #vennDiaNeu #outerRing2 span{left: 11%;bottom: 26%;}
    #vennDiaNeu #outerRing3 span{right: 9%;bottom: 26%;}
	
    /* Diagram Images and Text*/
    #vennDiaNeu .outerRings span{
        display: block;
        color: #2f2f2f;
        font-size: 37%;
        font-weight: bold;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        z-index: 5;
        }
    #vennDiaNeu .outerRings span:before{
        content:'';
        background: no-repeat center bottom;
        background-size: contain;
        display: block;
        height: 5em;
        margin: .5em auto;
        transition: background ease-in-out .5s;
        width: 5em;}    
    #vennDiaNeu .outerRings:hover span:before{transition: ease-in-out .2s background}

    #vennDiaNeu #outerRing1 span:before{background-image: url('../img/BioAnth_grayscale.png' );}
    #vennDiaNeu #outerRing1.active span:before{background-image: url('../img/BioAnth_color.png' );}
    #vennDiaNeu #outerRing2 span:before{background-image: url('../img/Archaeology_grayscale.png' );}
    #vennDiaNeu #outerRing2.active span:before{background-image: url('../img/Archaeology_color.png' );}
    #vennDiaNeu #outerRing3 span:before{background-image: url('../img/HumanEcology_grayscale.png' );}
    #vennDiaNeu #outerRing3.active span:before{background-image: url('../img/HumanEcology_color.png' );}
    
    #vennDiaNeu #overlapsAll span{
        position: absolute;
        color: #fff;
        font-size: 40%;
        text-align: center;
        top: 4em;
        left: 9.625em;
        width: 33%;}
    
	/*colors*/
	#vennDiaNeu .outerRings-border .outerRings{
		background: #d0d0d0;
		border: .625rem solid #d0d0d0;
		box-sizing: content-box;
        color: #0b3347;}
	
	#vennDiaNeu #outerRing1{background: #aaaaaa;}
	#vennDiaNeu #outerRing2{background: #bbbbbb;}
	#vennDiaNeu #outerRing3{background: #d6d6d6;}
	
	#vennDiaNeu #overlaps1a2{background: #929292;}
	#vennDiaNeu #overlaps2a3{background: #767676;}
	#vennDiaNeu #overlaps1a3{background: #b3b3b3;}
	
	#vennDiaNeu .overlapsThree {background: #2f2f2f;}
	
	#vennDiaNeu .overlapsTwo-wrapper,
	#vennDiaNeu .innerOverlap-wrapper1,
	#vennDiaNeu .innerOverlap-wrapper1 .overlapsThree,
	#vennDiaNeu #overlaps1a3{border: 0.125rem solid #FFF;}
	
	/* Hover Colors + Pointer Cursor*/
    @keyframes pusle {
        0%, 50%, 100% {opacity: 1;}
        25%, 75% {opacity: .5;}
    }
    @keyframes scaling {
        0%, 50%, 100% {transform: scale(1)}
        25%, 75% {transform:scale(1.1)}
    }
    @keyframes scalingPusle {
        0%, 50%, 100% {opacity: .75;transform: scale(1)}
        25%, 75% {opacity: 1;transform: scale(1.0625)}
    }
    #vennDiaNeu .vennBody .filter-button span{
        transition: transform .25s ease-in-out;}
   #vennDiaNeu .vennBody .filter-button:hover span,
   #vennDiaNeu .vennBody .filter-button.hovering span{
        -webkit-animation-name: scalingPusle;
        animation-name: scalingPusle;
        animation-delay: 250ms;
        animation-duration: 4s;
        animation-iteration-count: 50;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
    }
	#vennDiaNeu .vennBody #outerRing1.active{background: #20bec3;}
	#vennDiaNeu .vennBody #outerRing2.active{background: #bfbf4b;}
	#vennDiaNeu .vennBody #outerRing3.active{background: #fcd039;}
	
	#vennDiaNeu .vennBody #overlaps1a2.active{background: #23a3a1;}
	#vennDiaNeu .vennBody #overlaps2a3.active{background: #4f823f;}
	#vennDiaNeu .vennBody #overlaps1a3.active{background: #dcac28;}
	#vennDiaNeu .vennBody #overlapsAll.active{background: #0c3347;}
    
    .facultyStaffDirectory h1{visibility: hidden; position: absolute;}
    .facultyStaffDirectory .classificationListing h2{min-width: 98%;}
    #content .facultyStaffDirectory .listing{
        border: 0;
        background: #FFF;
        moz-box-shadow: 0px 1px 7px 2px rgba(147, 147, 147, 0.25);
        webkit-box-shadow: 0px 1px 7px 2px rgba(147, 147, 147, 0.25);
        box-shadow: 0px 1px 7px 2px rgba(147, 147, 147, 0.25);
        margin: 1rem 0;
        padding: 0rem;
        position: relative;
        }
    #content .facultyStaffDirectory .listing + .listing{border: 0;}
    #content .facultyStaffDirectory .listing .upper-portion{background: #FFF;padding: 1rem;}
    #content .facultyStaffDirectory .listing .lower-portion{
        background: #F2f1f1;
        padding: 1rem;
        }
    #content .facultyStaffDirectory #directory-photo {
        background: #B8B8B8 url('../img/Silhouette_bio_pic.png');
        background-size: contain;
        border: solid 0.125rem #b8b8b8;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        width: 6.5rem; }
    #content .facultyStaffDirectory #directory-photo:after {
        content: "";
        display: block;
        margin-top: 100%;
        }
    #content .facultyStaffDirectory #directory-photo img {
        position: absolute;
        min-height: 100%;
        padding: 0;
        width:auto;}
    
    .facultyStaffDirectory #directory-listing h3,
    .template-specialty_standard_view h4.personName{
        font-size: 1.25rem;
        font-weight: bold;        }
    .facultyStaffDirectory #directory-listing h3 a{line-height: 1.5;}
    .facultyStaffDirectory #directory-listing .emailAddress{
        font-weight: bold;}
    .facultyStaffDirectory #directory-listing .emailAddress a{
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;}
    .facultyStaffDirectory #directory-listing .jobTitle{margin-bottom: 0;}
    
    .template-specialty_standard_view .classificationListing h3{
        display: block;
        overflow: hidden;
        width: 80%;}
   
   /*  Research Foci: Collection of Tagged Persons */
   .template-collections-directory-view #main-column{overflow: hidden;}
     .template-collections-directory-view #content .tileItem{background: #f2f1f1;overflow: hidden;padding: 0;}
     .template-collections-directory-view .upper-portion,
     .template-collections-directory-view .lower-portion{
         padding: 1rem;}
    .template-collections-directory-view h2{font-size: 1.125em;}
    .template-collections-directory-view #directory-listing-info ul.jobTitle {margin-bottom: 0;padding-left: 0;}
    .template-collections-directory-view .upper-portion{background: #FFF;}
    .template-collections-directory-view .officePhone,
    .template-collections-directory-view .emailAddress{display: inline;}
    .template-collections-directory-view .userrole-manager {display: none;}
    
    #content .personView .title {font-size: 1.25rem; font-weight: bold;}
    #content .personView .headshot img{border: 0.0825rem solid #b8b8b8;}
    #content .personView .headshot{margin-bottom: 1.25rem;}
    .socialNetworkWebsites a.socialNetworkURL:after{display: none;}
    #content .personView hr {
        clear: both;
        padding-top: 1rem;} 
    #content .personView .education ol,
    #content .personView .websites ul{padding-left: 0;}
    #content .personView .specialties dl{margin: 0;}
    #content .personView .personCV a{margin:0;}
    #content .personView .personCV a:before{
        content: "\e610";
        color: #286584;
        font-size: 75%;
        margin-right: 0.325rem;
        vertical-align: baseline;
        }
    #content .personView .websites a:after{display: none;}
    #content .personView .websites a:before{
        content: "\e61f";
        margin-right: .325rem;}
     /*  Occasional Papers Form*/
     
        .pfg-form .ArchetypesStringWidget input {background: #ddd; border: 0; padding: .3em;}
        .pfg-form .ArchetypesIntegerWidget input,
        .pfg-form .ArchetypesIntegerWidget input:disabled {color: #000; background: #fff; border: 0; padding: .3em;}
        .pfg-form label {font-weight: normal;}
        .bigsubmit, .formid-occpapers input[name=form_submit]  {font-size: 1.5em; padding: 5px 2em; cursor:pointer;}
        .formid-occpapers #archetypes-fieldname-city,
        .formid-occpapers #archetypes-fieldname-state,
        .formid-occpapers #archetypes-fieldname-zip-code {float: left; clear: none;}
        .formid-occpapers #archetypes-fieldname-state,
        .formid-occpapers #archetypes-fieldname-zip-code {margin-left: 20px;}
        .formid-occpapers .ArchetypesMultiSelectionValue {margin-bottom: 0.5em;}
        .formid-occpapers .ArchetypesMultiSelectionValue label {display: block;margin-left: 1em;}
        .formid-occpapers .ArchetypesMultiSelectionValue input {float:left; margin-top: 5px;}
        .formid-occpapers #archetypes-fieldname-subtotal label,
        .formid-occpapers #archetypes-fieldname-shipping label,
        .formid-occpapers #archetypes-fieldname-total-cost label {float: left;}
        .formid-occpapers #archetypes-fieldname-total-cost {font-size: 1.2em; padding: 1em; background: #ececec;}
        .formid-occpapers #archetypes-fieldname-total-cost input {font-size: 1.2em; background: #ececec;}
        .formid-occpapers #archetypes-fieldname-total-cost label {margin-top: 10px;}
    #choose-a-paper label{font-weight: normal;padding-left: .625rem;}
    #choose-a-paper .ArchetypesMultiSelectionValue{
        background: #f2f1f1;
        cursor: pointer;
        margin: .5rem auto;
        padding: .5rem;}
        
    /*  ATSuccessStory Portlet*/
    #portlet-success-stories{
        background: #f2f1f1;
        border-top: 0.125rem solid #b8b8b8;
        overflow: hidden;}
    
    #portlet-success-stories .portletHeader{
        height: 0;
        position: absolute;
        visibility: hidden;
        }
    #portlet-success-stories .atss_person,
    #portlet-success-stories .atss_blurb{
        vertical-align: top;
        }
    #portlet-success-stories .atss_person{
        display: inline-block;
        max-width: 33.333%;
        padding: 0 3rem 0 0;
        text-align: center;}
    #portlet-success-stories .atss_img{
        background: #b8b8b8;
        border-radius: 50%;
        display: inline-block;
        padding: 1rem;
        }
    #portlet-success-stories .atss_person .atss_img span{
        background: no-repeat center center;
        background-size: cover;
        border: 0.125rem solid #FFF;
        border-radius: 50%;
        display: inline-block;
        width: 8rem;
        }
    #portlet-success-stories .atss_person .atss_img span:before {
        content: "";
        display: block;
        margin-top: 100%;
        }
    #portlet-success-stories .atss_desc{
        display: block;
        margin: 1rem auto;
        }
    #portlet-success-stories .atss_desc p{
        line-height: 1.25;
        margin-bottom:  0;}
    #portlet-success-stories .atss_title{
        color: #0d1e2c;
        font-weight: bold;
        text-transform: uppercase;
        }
    #portlet-success-stories .atss_blurb{
        background: #FFF;
        border: 0.0825rem solid #b8b8b8;
        display: inline-block;
        font-size: 125%;
        font-style: italic;
        line-height: 1.625;
        padding: 1.25rem;
        position: relative;
        text-align: center;
        width: 65%;
        }
    #portlet-success-stories .atss_blurb:after{
        content: "";
        background: #FFF;
        border: 0.0825rem solid #b8b8b8;
        border-width:0 0 0.0825rem 0.0825rem;
        display: block;
        height: 1.5rem;
        left: -.825rem;
        transform: rotate(45deg);
        top: 25%;
        position: absolute;
        width: 1.5rem;
        }
    
    /* #portlet-success-stories .atss_blurb:before{
        content: "\e903";
        color: #e05a17;
        display: block;
        font-size: 2.5em;
        font-style: normal;
        font-weight: normal;}
    */
        
    #portlet-success-stories .atss_more {
        font-size: 85%;
        margin-top: 1em;}
    #portlet-success-stories .portletFooter {display: none;}
    
    .template-base_view .link-parent {display:none;}
    .userrole-authenticated.template-base_view .link-parent {display: block;}
    .template-base_view .link-parent + div{max-width: 33%;height: auto;padding-left: .5rem}
    .template-base_view .link-parent + div img{max-width: 100%;height: auto;}
    
    .subsection-matson-museum-of-anthropology #navigation{position: absolute; visibility: hidden;}
}

@media only screen and (min-width: 34em) {    
        /* Research Venn Diagram */
        #vennDiaNeu{font-size:2.5em;}/**Controls relatuve size of Venn Diagram, diagrams is built on a 10 by 10em grid*/    
}
@media only screen and (min-width: 44em) {
    .fixed {
        position: fixed;
        top: 0;
        width: 22.5%;
        min-width: 14em;
        max-width: 18em;
        z-index: 999;
    }
    .stickyDiv{
        position: absolute;
        transition: top ease-out .75s;
        width: 100%;
        z-index: 998;
        }
    .multiNav-wrapper.stickyDiv{
        
        }
    #footer-portlets .row .cell{
        padding: 1.125rem 0;
        }
    #footer-portlets .row .cell + .cell{padding-left: 1rem;}
    /* Features*/
        /* Research Venn Diagram */
        #vennDiaNeu{font-size:3em;}/**Controls relatuve size of Venn Diagram, diagrams is built on a 10 by 10em grid*/ 
        /*Photo_album_view*/
        .overlay-gallery .tileItem{
            margin: .25rem;
            width: 33%;
            width: calc(33.3333% - .5rem);}
        .overlay-gallery .tileImage{
            height: 10rem;
            margin: 0;}
            
    #portlets-footer .cell.FooterPortletManager5 {margin-left: -50%;}
    #portlets-footer .cell.FooterPortletManager6 {margin-left: -20%;}
    #portlets-footer .portlet-static-follow-us .portletHeader {display:none;}
            
    ul.list-buttons{display: flex;}
    .list-buttons li{
        flex: 1;
        flex-flow: row wrap;}
        
    .list-buttons li:nth-child(n+2){margin-left: .5rem}
    .list-buttons li:nth-child(-n+2){margin-right: .5rem}

}
@media only screen and (min-width: 65em){
        
    /*   #content .facultyStaffDirectory .classificationListing
    ,
    .template-collections-directory-view .facultyStaffDirectory{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;}
*/
    #content .facultyStaffDirectory .listingWrapperWrapper {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;}
    #content .facultyStaffDirectory .classificationListing .listingWrapper{
        flex: 1 auto;
        padding: 3rem 0 0 0;
        width: 50%;
        max-width: 50%;
        }
    #content .facultyStaffDirectory .classificationListing .listingWrapper:nth-of-type(-n+2){padding-top: 0;}
    #content .facultyStaffDirectory .classificationListing .listingWrapper:nth-of-type(odd){padding-right: 1rem;}
    #content .facultyStaffDirectory .classificationListing .listingWrapper:nth-of-type(even){padding-left: 1rem;}
    #content .facultyStaffDirectory .classificationListing .listing{
        display: block;
        height: 100%;
        margin: 0;
        min-width: 19.5rem;
        overflow: hidden;
        }
        
    .lower-portion:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 20em;
        left: 0;
        background: #f2f1f1;
        right: 0;
        pointer-events: none;
}
        
    .template-collections-directory-view #content .isotope-filter.facultyStaffDirectory{
        display: block;}
    .template-collections-directory-view #content .facultyStaffDirectory .filterOption{
        float: left;
        box-sizing: border-box;
        width: 50%;
        margin: 0;
        padding: .5rem;}    
    
}
@media only screen and (max-width: 43.9999em) {
    #footer-portlets, footer#copyright{ padding: 1rem;}
    }