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

### Dark (default option) ###
Header bg: #2d3138

### Light ###
Header Containter: light grey

*/

@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 */
    /*
    File 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
        }
    */
        
    /*
    External link Icon
    
    #content a.external-link:after, #content a[href*="//"]:not([href*="claplone"]):not([href*="nsfworkclimateworkshop"]):not([href*="plonedev"]):after {
        content: "\e61f";
        margin-left: .325rem
        }*/
    .callout a[href*="//"]:not([href*="claplone"]):not([href*="sociology"]):not([href*="sixteen.la"]):not([href*="plonedev"]):first-child:before {
    content: "\e61f";
    margin-right: .5em;
    font-weight: normal;}

    #formfield-form-text table.mceToolbar,
    table.mceListBox {border: 0 !important;}
    #content-core .mceIframeContainer {border-color: #000;}
    /* General Styles*/ 
    body{
        background: white;
        color: #2c2c2c;
        font-family:"source-sans-pro",sans-serif;}
    h1,h2,h3,h4,h5,h6,
    .portletNavigationTree#also-in-this-section .portletHeader a{font-family:"proxima-nova",sans-serif;}
    h1.title{font-size: 2.5em;font-weight: bold;}
    h1.documentFirstHeading{
        font-size: 2.25em;
        font-weight: bold;}
    .dtemplate-base #content h1.documentFirstHeading{
        position: absolute;
        margin-left: -9999px;
        }
    .dtemplate-index h1.documentFirstHeading{
        font-size: 1.625em;
        margin-bottom: .75em;
        text-align: center;
        text-transform: uppercase;}
    .dtemplate-index h1.documentFirstHeading:After{padding-top: .75em}
    h2,
    .portletNavigationTree#also-in-this-section.portlet .portletHeader a{font-size: 2em;font-weight: bold; line-height: 1.25; margin-bottom: .125em;}
    
    h2:not(:first-child){
        border-top:0.0825rem solid #b5b5b5;
        margin-top: .75em;
        padding-top: .75em;}
    #content hr + h2 {border: 0; margin-top: .5em;}
    
    a,a:visited,a:hover,a:focus
    /*,#content a:hover, #content a:focus*/ {color: #ac2a38;}
    a:hover,a:focus{text-decoration: underline;}
    h3{margin-bottom: .125em;}
    #content-core h3 a{
        color: #ac2a38;
        font-weight: bold;
        position: relative;
        text-decoration: underline;}
    h3 a:before{
        content: "\e904";
        position: absolute;
        left: -1.125em;
        }
    h4{
        font-size: 1.25em;
        font-weight:bold; 
        margin-top: 1em;
        }
    
    div.indented{
        padding-left: 1.125em;
        }
    .managePortletsBelowTitleLink{clear: both;}
    p {line-height: 1.75;}
    p.intro,
    .documentDescription{
        color: #2c2c2c;
        font-family: "proxima-nova", sans-serif;
        font-size: 112.5%;
        font-weight: normal;
        }
    .documentDescription{line-height: 1.75;}
    .documentDescription:after{
        content: " ";
        border-bottom: 0.0825rem solid #b5b5b5;
        display: block;
        margin: 1em 0;}
    
    p.larger{font-family: "proxima-nova", sans-serif;font-size: 1.5em;font-weight: bold;line-height: 1.325;}
    p.smaller,
    #content p.smaller{font-size: .9em; margin-bottom: 0}
    p.allCaps,
    #content p.allCaps{margin-bottom: 0; text-transform: uppercase;}
    p.allCaps, p.smaller{line-height: 1.5;}
    p.linkCaps,
    .linkCaps{
        color: #2c2c2c;
        font-weight: bold;
        text-transform: uppercase;
        }
    p.linkCaps a,
    .linkCaps a{color: #2c2c2c}
    p.linkCaps a:after,
    .linkCaps a:after,
    p.rightArrowAfter a:after{
        content: "\e904";
        color: #ac2a38;
        margin-left: .5em;
        }
    p img.image-left,
    p img.image-right{margin-top: 0;}
    
    img.image-left {margin-right: 1em;}
    img.image-right{margin-left: 1em}
    
    hr,
    .documentDescription:after{clear: both;color: #bdbdbd;}    
    
    ul.css-rect-btn,
    .portletNavigationTree#also-in-this-section ul{
        background: #f3f3f3;
        padding: 1em 1em 0 1em;}
    
    p.css-rect-btn,
    p.css-rect-btnFooter{
        display: inline-block;
        }
        
    .fourAcross {
        display: flex;
        flex-wrap: wrap;   
    }
        
    .fourAcross p.css-rect-btn,
    .fourAcross p.css-rect-btnFooter{
        flex: 1 0 20%;
        margin: 5px;
        text-align: left!important;
    }
        
    #content ul.css-rect-btn,
    .portletNavigationTree#also-in-this-section ul{
        list-style-type: none;margin: 0;}
    p.css-rect-btn a, a.css-rect-btn,
    p.css-rect-btnFooter a, a.css-rect-btnFooter,
    .portletNews .portletFooter a,
    .portletEvents .portletFooter a,
    ul.css-rect-btn li a,
    .portletNavigationTree#also-in-this-section li a,
    td.css-rect-btn p a {
        background: #FFF;
        border: solid #b5b5b5 0.125em;
        color: #2c2c2c;
        font-weight: bold;
        display: inline-block;
        padding: .625em .25em .625em .625em;
        text-transform: uppercase;
        transition:0.325s ease-in-out background, 0.125s ease-in-out color;
        }
    
    td.css-rect-btn {background: #FFF;}
    #content-core table.invisible {border: none;}
    
    p.css-rect-btnFooter a{padding: .625em;}
    
    .listingBar a{transition:0.325s ease-in-out background, 0.125s ease-in-out color;}
    ul.css-rect-btn li a,
    .portletNavigationTree#also-in-this-section li a{display: block;}
    p.css-rect-btn a:after,a.css-rect-btn:after,
    .portletNews .portletFooter a:after,
    .portletEvents .portletFooter a:after,
    ul.css-rect-btn li a:after,
    .portletNavigationTree#also-in-this-section li a:after,
    td.css-rect-btn p a:after {
        content: "\e904";
        color: #ac2a38;
        margin: auto .75em auto .25em;
        vertical-align: baseline;
        }
    .listingBar a:hover,
    p.css-rect-btn:hover a, p.css-rect-btn:focus a,
    a.css-rect-btn:hover, a.css-rect-btn:focus,
    .portletEvents .portletFooter a:hover,.portletEvents .portletFooter a:focus,
    .portletEvents .portletFooter a:hover,.portletNews .portletFooter a:focus,
    p.css-rect-btnFooter a, a.css-rect-btnFooter,
    ul.css-rect-btn li a:focus,ul.css-rect-btn li a:hover,
    .portletNavigationTree#also-in-this-section li a:focus, .portletNavigationTree#also-in-this-section li a:hover{
        background: #ac2a38;
        border-color: #ac2a38;
        color: #FFF}
    p.css-rect-btn:hover a, p.css-rect-btn:focus a,
    a.css-rect-btn:hover, a.css-rect-btn:focus{
        color: #FFF;
        }
    p.css-rect-btn a:hover:after,p.css-rect-btn a:focus:after,
    a.css-rect-btn:hover:after,a.css-rect-btn:focus:after,
    ul.css-rect-btn li a:hover:after, ul.css-rect-btn li a:hover:after,
    .portletNavigationTree#also-in-this-section li a:hover:after, .portletNavigationTree#also-in-this-section li a:hover:focus{color: #FFF}
    
    p.css-rect-btnFooter a, a.css-rect-btnFooter{
        border: 0;
        text-transform: none;
        }
    
    #content ul.btnGrid-twos,
    #content ul.btnGrid-threes{margin-left: 0;}
    #content ul.btnGrid-twos li,
    #content ul.btnGrid-threes li,
    #content .portlet-static-filter-by .filtered .filter-button{
        background: #f3f3f3;;
        border: 0.0825em solid #bdbdbd;
        list-style-type: none;
        line-height: 1.4;
        margin: 1em 0;
        overflow: hidden;
        text-align: center;
        transition: transform 0.5s linear,background 0.5s ease-in-out}
        
    #content ul.btnGrid-twos li a,
    #content ul.btnGrid-threes li a,
    #content .portlet-static-filter-by .filtered .filter-button{
        color: #2c2c2c;
        display: block;
        font-size: 1.25em;
        font-weight:bold;
        padding: .5em;
        text-decoration: none;
        transition: transform 0.5s linear,background 0.5s ease-in-out;}
    #content ul.btnGrid-twos li:hover,
    #content ul.btnGrid-threes li:hover,
    #content ul.btnGrid-twos li:focus,
    #content ul.btnGrid-threes li:focus,
    #content .portlet-static-filter-by .filtered .filter-button:hover,
    #content .portlet-static-filter-by .filtered .filter-button.current{
        background: #ac2a38 ;
        }
    #content ul.btnGrid-twos li:hover a,
    #content ul.btnGrid-threes li:hover a,
    #content ul.btnGrid-twos li:focus a,
    #content ul.btnGrid-threes li:focus a,
    #content .portlet-static-filter-by .filtered .filter-button:hover,
    #content .portlet-static-filter-by .filtered .filter-button.current{
        color: #FFF;
        transform: scale(1.0825);
        }   
    
    #content-core p img
    #content-core div img {
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 0px 8px -3px rgba(7, 8, 8, 0.45);
        padding: .75rem;
        margin-bottom: .55em;
        }
   /* .portaltype-plone-site #content-core img {padding: 0;}*/
    
    #content-core table{
        border-bottom: .125rem solid #b5b5b5;
        border-collapse: separate;
        border-spacing: 0.125rem;
        min-width: 75%;}
    #content-core table th{
        background: #c6c6c6;
        color: #2d3138;
        /*Spalsh of color*/
        background: #2C2C2C;
        Color: #FFF;
        }
    #content-core > table td{
        padding: 0.5em 1em;
        vertical-align: top;}
    #content-core table  tr.even,
    table  tr:nth-child(even){background:#EEE}
    #content-core table  tr.odd,
    table  tr:nth-child(odd){background:#FFF}
    #content-core table td, #content-core table th {border-color: #FFF;}
    #content-core tr p{margin-bottom: 0;}
    #content-core table  thead a,#content-core table thead a:hover,
    #content-core table  tfoot a, #content-core table tfoot a:hover{color: #FFF;}
    #content-core > table {border-bottom: 0.125rem solid #EEE}
    
    .callout,
    #content-core .callout {
        background: #f3f3f3;
        border: 0;
        line-height: 1.5;
        margin-top: 1rem;
        /*border: 1px #ccc solid;*/}
    #content-core .callout h2{font-size: 1.25rem;}
    #content-core .callout li{line-height: 1.75;}
    #content-core ul.callout {
        margin-top: .5em;
        margin-bottom: 1.5em;}
    #content-core ul.callout li{margin-left: 1em;}
    
    div.callout + p.css-rect-btn{margin-top: 1em;}
    /* Header */
        .header-container{
            background: #212121;
            }
        .header-container a{color: #FFF;}
        .header-content{
            position: relative;}
       
        header div#psu-icon,        
        header .header-content #search,
        #header-extras{padding: 1rem 0 1.5rem 0;}
        
        #header-extras{
            color: #FFF;
            float: right;
            margin-top: 1em;
            position: relative;
            top: 0; right: 1em;
            text-align: center;}
        #header-extras p,
        #header-extras li{
            display:block;
            line-height: 1;
            margin: 0;
            text-align: left;}
        #header-extras a{color: #FFF;margin-right: .75em;}
        
        header #search{top: 0;}
        #search input#searchString {
            background: transparent;
            border-radius: 0;
            border-color: #909090;
            color: #FFF;
            font-style: italic;
            }
        #site-title{
            background: #2c2c2c;
            border-top: #333;
            box-shadow: #404040 0px -1px 0px 0px, #101010 0px -2px 0px 0px;
            clear: both;
            padding-top: 0;
            }
        #site-title h1.title{
            min-height: 0;
            padding: 0;
            text-transform: uppercase;
            }
        /* Top navigation */
            nav#topnav{background: #FFF;}
            nav#topnav a{
                color: #2c2c2c;
                font-size: 1.25em;
                font-weight: bold;
                transition: color .325s ease-in-out;}
            nav#topnav li.selected a{color: #ac2a38;text-decoration: underline;}
            nav#topnav li a:hover,
            nav#topnav li a:focus{color: #ac2a38;}
        /* Hero */
            section.hero{
                background: top center no-repeat;
                background-size: cover;
                clear: both;
                position: relative;
                }
            /*section.hero .wrapper{background: blue;}*/
            section.hero.subhero-image{min-height: 16rem;}
            /* Homepage Hero Slides*/
            section.hero.hero-slides{
                height: 25em;
                overflow: hidden;
                }
            section.hero li.slideImage{
                background: #FFF no-repeat center 20%;
                background-size: cover;
                position: relative;
                height: 100%;
                }
            /* Subhero */
            section.hero .content {
                background: rgba(172, 42, 56, 0.78);
                margin: 0 auto;
                padding: .25em 0;}
                
            section.hero.subhero-image .content {
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                }
            section.hero h2{font-size: 1em; margin: 0 auto;}
            section.hero .pageTitle{
                font-family: "proxima-nova", sans-serif;
                font-size: 2em;
                font-weight: bold;
                text-transform: uppercase;
                }
            section.hero .pageTitle,
            section.hero #portal-breadcrumbs {
                display: inline-block;
                color: #FFF;
                vertical-align: middle;
                }
            section.hero #portal-breadcrumbs{
                float: right;
                line-height: 2.325em;
                margin: 0;
                }
            section.hero #portal-breadcrumbs a{
                color: #FFF;
                text-decoration: underline;}
            section.hero .breadcrumbSeparator {
                margin: auto .25em;
                }
            section.hero #breadcrumbs-current{font-weight: 600;}
    /* Side Columns */
        .main #left-column, .main #right-column{
            min-width: 14rem;
            width: 24.325%;
            }
    /* Main Column */
        #main-column{padding: 0 1em;}
        #index-main-column #portal-breadcrumbs{display: none;}
        #breadcrumbs-you-are-here {position: absolute;visibility: hidden;}
        #portal-breadcrumbs {color: #5a5c64;}
        #portal-breadcrumbs a {color: #2C2C2C;}
    /* Panels - Portal Header */
    #panel-portal-header-content{
        background: #eee;
        color: #2c2c2c;
        overflow: auto;
        padding: 0 1em;}
    #panel-portal-header-content a{color: #2c2c2c;}
    /* Portlets Above Content */
    #portlets-above-content{
        box-shadow: rgba(0,0,0,.3) 0 0.0825em 0.625em 0em;
        overflow: auto;
        padding: 0 1em;
        }
   /* Portlet Below Content*/         
        #portlets-below-content{
        background: #eee;
        position: relative;
        border-top: #d6d6d6 solid .625em;}
        #portlets-below-content .portletWrapper {
            margin: 0;
            overflow: auto;
            padding: .75em 0;}
        #portlets-below-content .portletWrapper .portlet{background: none;}
        #portlets-below-content .portletHeader {background: none;}
        #portlets-below-content .portletHeader, #portlets-below-content .portletHeader a{color: #2d3138}
        
        #portlets-below-content .portletItem {
            overflow: auto;
            padding-top: 1rem;}
        #portlets-below-content div.portletStaticText  {
            padding-top: 1rem;}
        #portlets-below-content h2{border: 0;font-size: 1.75em;font-weight: bold;margin: 0;}
        #portlets-below-content img {
            border: 0.0825rem solid #bdbdbd;
            margin-top: 0;}
        #portlets-below-content img[src$='png']{border: 0;}
        
        #portlets-below-content .portletFooter{
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;}
        #portlets-below-content .portletFooter a{
            background: #2C2C2C;
            border-top: solid #FFF 1rem;
            display: block;
            padding: .5rem 1rem;
            text-align: center;
            transition: ease-in-out background 250ms}
        #portlets-below-content .portletFooter a:after{
            content: "\e904";}
        #portlets-below-content .portletFooter a:hover,
        #portlets-below-content .portletFooter a:focus{background: #2C2C2C;}
        #portlets-below-content .portletFooter, #portlets-below-content .portletFooter a{color: #FFF;text-transform: uppercase;}
        
        #portlets-below-content .featuredQuote{
            font-size: 1.25em;
            font-weight: 600;
            margin: 0em 0em 1rem 0;
            position: relative;}
        #portlets-below-content .featuredQuote:before{
            content:"\e622";
            color: #AC2A38;
            display: inline-block;
            position: absolute;
            margin-left: -1.5em;
            }
        #portlets-below-content .featuredQuote:after{content: '\e623'; display: inline;font-size: 40%;vertical-align:text-top;}
        #portlets-below-content .featuredQuote,
        #portlets-below-content .featuredQuote ~ p{
            overflow: hidden;
            padding-left: 1.5rem;
            position:relative;}
        
    /* Footer */
        footer#footer-portlets {background: #2c2c2c;color: #e5e5e5;}
        footer#footer-portlets b,
        footer#footer-portlets span.label{
            color: #FFF;
            font-weight: normal;}
        #footer-portlets .portletWrapper{
            float: left;
            margin: 0;
            position: static;
            width: 25%;}
        #footer-portlets .portletWrapper:nth-of-type(1){width: 50%;}
        
        #footer-portlets .row .portletWrapper {margin: 2rem 0 1rem 0;}
        #footer-portlets .portlet{background: none;}
        #footer-portlets .portlet > * {padding-left: 0;padding-right: 0;}
        #footer-portlets .portletHeader,
        #footer-portlets .vcard h1{
            background: none;
            color: #FFF;
            font-family: "proxima-nova",sans-serif;
            font-size: 100%;
            font-weight: bold;
            margin-bottom: .5em;
            margin-top: 0;
            padding: 0;
            text-transform: uppercase;}
        #footer-portlets dd.portletItem{margin: 0; padding: 0}
        #footer-portlets .portletWrapper a{color: #e5e5e5}
        
        #footer-portlets .portlet-static-social-media {text-align:center;}
        #footer-portlets .portlet-static-social-media ul li,
        .social-media-buttons ul li{
            display: inline-block;
            }
        #footer-portlets .portlet-static-social-media ul li a,
        .social-media-buttons ul li a{
            display: block;
            overflow: hidden;
            white-space: nowrap;
            width: 2.25em;
            }
        ul a[href*='facebook']:before,
        ul a[href*='twitter']:before,
        ul a[href*='flickr']:before,
        ul a[href*='youtube']:before{
            border-radius: 50%;
            display: inline-block;
            font-size: 1.5rem;
            margin-right: .5rem;
            line-height: 1;
            padding: .125rem
            }
        #portlets-footer ul a[href*='facebook']:before,
        #portlets-footer ul a[href*='twitter']:before,
        #portlets-footer ul a[href*='flickr']:before,
        #portlets-footer ul a[href*='youtube']:before{
            border: #ac2a38 solid 0.125rem;
            color: #e5e5e5;
            margin-bottom: .5rem;
            }
        .main ul a[href*='facebook']:before,
        .main ul a[href*='twitter']:before,
        .main ul a[href*='flickr']:before,
        .main ul a[href*='youtube']:before{
            background: #ac2a38;
            color: #FFF;
            }
            
        ul a[href*='twitter']:before{content: "\e602";}
        ul a[href*='facebook']:before{content: "\e600";}
        ul a[href*='flickr']:before{content: "\e606";}
        ul a[href*='youtube']:before{content: "\e604";}
        
        .dtemplate-index #right-column .social-media-buttons {display: none;}
        .social-media-buttons{margin-bottom: 1em;}
        .social-media-buttons header h1{
            font-family: "source sans pro", san-serif;
            font-size: 1em;
            font-weight: bold;
            margin-right: .5em;
            text-transform: uppercase;}
        .social-media-buttons ul,
        .social-media-buttons header{
            display: inline-block;
            vertical-align: middle;
            }
        #right-column .portlet-static-contact-us{border-top: 0.1875em solid #bdbdbd}
        #right-column .portlet-static-contact-us,
        #right-column .portlet-static-contact-us .portletHeader{background: none;color: #2c2c2c;padding: 0;margin-top: 1em;}
        
        #right-column .portlet-static-contact-us .portletHeader {font-weight: bold}
        #right-column .portlet-static-contact-us .portletItem{
            padding: 0;
            }
        
        iframe{border:0.0825em solid #bdbdbd;max-width: 100%;}
        #footer-portlets ul{display: inline-block;vertical-align: top;}
        #footer-portlets ul:nth-of-type(2){margin-left: 5rem;}
        #footer-portlets .portlet ul a{color: #e5e5e5}
        #footer-portlets .portlet ul a:before,
        #header-extras a:before{
            content: "\e904";
            background: #ac2a38;
            border-radius: 50%;
            font-size: 50%;
            height: 1em;
            line-height: 1em;
            margin-right: .75em;
            overflow: hidden;
            padding: .325em .290em .325em .360em;
            text-align: center;}
         
        footer#copyright{
            background: #212121;
            border-top: #333;
            box-shadow: #404040 0px -1px 0px 0px, #101010 0px -2px 0px 0px;
            color: white;
            padding: 1em 0;
            text-align: center;}
        footer#copyright p{padding: 0;}
        footer#copyright a{color: White}
        
    /* General Portlets */
        #footer-panels .panel{
            background: #eee;
            border-top: #d6d6d6 solid .75em;
            overflow: auto;}
        /* News Portlet and Events Portlet */
        .portletWrapper .portlet.portletNews{background: transparent;}
        .portletWrapper .portlet.portletNews .portletHeader,
        .portletWrapper .portlet.portletEvents dt.portletHeader{
            background: transparent;
            color: #2c2c2c;
            font-family: "proxima-nova",sans-serif;
            font-size: 1.625em;
            text-align: center;
        }
        .portletWrapper .portlet.portletNews .portletHeader a:hover,
        .portletWrapper .portlet.portletEvents dt.portletHeader a:hover{text-decoration: none;}
        dl.portlet.portletNews dt.portletHeader a,
        dl.portlet.portletEvents dt.portletHeader a{
            color: #2c2c2c;
            display: block;
            padding: 0 1.125em .325em 1.125em;
            }
        dl.portlet.portletNews dt.portletHeader:after,
        dl.portlet.portletEvents dt.portletHeader:after,
        .dtemplate-index h1.documentFirstHeading:after{
            content: "";
            border-bottom: 0.1875rem solid #ac2a38;
            display: inline-block;
            display: block;
            margin: auto;
            position: relative;
            top: -0.125rem;
            width: 6.5em;
            }
        /* News Portlet */
        .portletNews .listitems .portletItem{
            background: #FFF;
            border-top: 0.1875em solid #ac2a38;
            margin: 1em;
            }
        .portletNews .listitems .portletItem p{line-height: 1.425;}
        .portletNews .listitems .portletItem .newsImage{
            background: #2c2c2c no-repeat center center;
            background-size: contain;
            float: left;
            height: 7em;
            margin-right: 1em;
            width: 33%;
            }
        .portletNews .listitems .portletItem .newsTitle a{
            color: #2c2c2c;
            font-family: "proxima-nova",sans-serif;
            font-weight: bold;
            }
        .portletNews .listitems .portletItem .newsTitle a:active,
        .portletNews .listitems .portletItem .newsTitle a:hover,
        .portletNews .listitems .portletItem .newsTitle a:focus{color: #ac2a38;}
        .portletNews .listitems .portletItem .newsIntro a{color: #2c2c2c;}
        
        .portletNews .portletFooter{text-align: center;}
        
        /*Portlet Events*/
        #footer-panels .panel.panel-1{background: #FFF;}
        dl.portlet.portletEvents{background: 0;}
        dl.portlet.portletEvents dt.portletHeader a{border-bottom: 0.00825em solid #d5d5d5}
        .portletWrapper .portlet.portletEvents .portletFooter{text-align: center;}
        dl.portlet.portletEvents .listitems{text-align: center;}
        dl.portlet.portletEvents .portletItem{
            display: inline-block;
            margin: 0 1em;
            text-align: left;
            vertical-align: top;
            width: auto;
            }
        dl.portlet.portletEvents .portletItem .portletDateDetails{
            background: #e5e5e5;
            display: inline-block;
            float: left;
            margin-right: 1em;
            padding: .325em .125em;
            text-align: center;
            width: 4.625em;
            }
        dl.portlet.portletEvents .portletItem .detailsMonth{
            font-weight: 800;
            text-transform: uppercase;}
        dl.portlet.portletEvents .portletItem .detailsDayStart{
            display:  block;
            font-size: 1.4125em;
            font-weight: bold;
            margin-top: -.125em;
            }
       dl.portlet.portletEvents .portletItem .portletItemDetails{ 
            font-size: 1em;
            overflow: hidden;
            padding: 0;}
        dl.portlet.portletEvents .portletItem p{margin-bottom: 0em;padding: 0;}
        dl.portlet.portletEvents .portletItem a.title{
            color: #2c2c2c;
            font-weight: bold;}
        dl.portlet.portletEvents .portletItem p.detailInfo{
            color: #717171;
            }
        dl.portlet.portletEvents .portletItem .detailInfo span{
            display: block;
            line-height: 1.325;}
        /* 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: #f3f3f3; }
        .portletWrapper .portlet .portletHeader.titleless{display: none;}
        .portletWrapper .portlet .portletHeader{background: #2c2c2c}
        .content.wrapper .row .portletWrapper {margin: 1rem auto;}
        /* Button Portlet, btn-portlet */
        div.portlet-static-btn-portlet{
            border: 0.0825rem solid #bdbdbd;
            font-weight: bold;
            margin-bottom: 1em;
            padding: 1em;
            text-transform: uppercase;
            }
        .portlet-static-btn-portlet p{
            line-height:1.4375 ;
            margin: 0;
            }
        
        div.portlet-static-btn-portlet a{
            color: #ac2a38;
            text-transform: none;
            }
        /* Highlight portlet */
            .portlet-static-highlight.portlet {background: #f3f3f3; border:0;}
            .portlet-static-highlight.portlet dt.portletHeader{display: none;}
            .portlet-static-highlight.portlet h2{
                text-transform: uppercase;
                border-bottom: 0.0825rem solid rgba(45, 49, 56, 0.5);
                font-size: 1.425rem;
                font-weight: bold;
                margin-bottom: 1rem;
                padding: 0;}
            .portlet-static-highlight.portlet dd.portletFooter{
                background: #2d3138;
                background: #2C2C2C;
                padding: 0;
                }
            .portlet-static-highlight.portlet dd.portletFooter a{
                color: #FFF;
                display: block;
                font-weight: bold;
                padding: 1rem;}
            
        /* Navigation Portlets*/
            dl.portlet.portletNavigationTree{border-top: 0.0825rem solid #d1d1d1;}
        
            dl.portlet.portletNavigationTree dt.portletHeader, 
            dl.portlet.portletNavigationTree .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode, 
            dl.portlet.portletNavigationTree .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode{background: #2c2c2c;}
            
            dl.portlet.portletNavigationTree .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode + li> a, 
            dl.portlet.portletNavigationTree .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode li > a{padding-top: 1em;}
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItem:last-of-type > a{padding-bottom: 1em;}
            
            dl.portlet.portletNavigationTree li{position: relative;}
            dl.portlet.portletNavigationTree li a,
            dl.portlet ul.navTree.navTreeLevel3 li.navTreeItem a{
                color: #2c2c2c;
                font-weight: 600;
                position: relative;
                text-transform: uppercase;
                transition: 0.325s ease-in-out background, 0.125s ease color}
            dl.portlet ul.navTree.navTreeLevel1  li.navTreeItemInPath,
            dl.portlet ul.navTree.navTreeLevel3 li.navTreeItem {background: none;}
        	
			dl.portlet ul.navTree li a:hover,
            dl.portlet ul.navTree li a:focus{background: #ac2a38;color: #FFF;}
            
            dl.portlet ul.navTree.navTreeLevel0 {background: #f3f3f3;}
            
            dl.portlet.portletNavigationTree .navTreeCurrentItem {color: #ac2a38;}
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode >a,
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath >a{ font-weight:bold;}
            dl.portlet ul.navTree li + li a,
            dl.portlet ul.navTree1{border-top: 0.0825rem solid #d1d1d1;}
            dl.portlet ul.navTree.navTreeLevel0 li.navTreeItem a {padding: .5rem 1.75rem .5rem 1rem;}
            
            /*dl.portlet ul.navTree.navTreeLevel0 > li.navTreeFolderish > a:after{*/
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeFolderish> a:after{
                content: "\e904";
                color: #ac2a38;
                /*float: right;*/
                transform: rotate(90deg);
             
                position: absolute;
                top: 0;
                margin-top: .5rem;
                right: 1.125em;
                }
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode > a:after,
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath > a:after{
                display: inline-block;
                /*float: right;*/
                transform: rotate(-90deg);
                }
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode a:hover:after,
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath a:hover:after,
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode a:focus:after,
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath a:focus:after{color: #FFF;}
            
            
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeCurrentNode,
            dl.portlet ul.navTree.navTreeLevel0 > li.navTreeItemInPath,
            dl.portlet ul.navTree.navTreeLevel1 {background: #eaeaea;}
            
            dl.portlet ul.navTree.navTreeLevel1 li a{border: 0;}
            .main-container dl.portlet ul.navTree.navTreeLevel1 li.navTreeItem a {padding-left: 2.25rem;}
            .main-container dl.portlet ul.navTree.navTreeLevel1 > li.navTreeItem a {border-top: 0.0825em solid #FFF;}
            dl.portlet ul.navTree.navTreeLevel1 > li.navTreeFolderish > a:after{
                content: "\e904";
                color: #949494;position: absolute;
                top: 0;
                right: 1.125em;
                transform: rotate(90deg);
                }
            
            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;}
          
            .subsection-programs-soc-areas-of-concentration #right-column-content div:nth-child(2) #navigation ul.navTree.navTreeLevel0,
            .subsection-programs-criminology #right-column-content div:nth-child(2) #navigation ul.navTree.navTreeLevel0{
                border: #b5b5b5 solid 0.0825rem;}
            .subsection-programs-soc-areas-of-concentration #right-column-content div:nth-child(2) #navigation .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode,
            .subsection-programs-soc-areas-of-concentration #right-column-content div:nth-child(2) #navigation .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode,
            .subsection-programs-criminology #right-column-content div:nth-child(2) #navigation .portletHeader.hiddenStructure + dd ul.navTree li.navTreeTopNode,
            .subsection-programs-criminology #right-column-content div:nth-child(2) #navigation .portletHeader.hiddenHeader + dd ul.navTree li.navTreeTopNode{
                background: #ac2a38;}
            /* Areas of Concentration In this Section portlet*/
            .portletNavigationTree#also-in-this-section{border-top: 0.0825rem solid #b5b5b5;}
            
            .portletNavigationTree#also-in-this-section,
            .portletNavigationTree#also-in-this-section .portletHeader{
                background: none;color: #2c2c2c
                }
            .portletNavigationTree#also-in-this-section .portletHeader{padding: 0;}
            .portletNavigationTree#also-in-this-section .portletHeader a{display: inline-block;margin: 0.35rem 0 0.125rem 0;}
            .portletNavigationTree#also-in-this-section a{
                    color: #2c2c2c;
                    text-transform: none !important;
                }
            
    /* Featured Links Portlet */
    .portlet-static-featured-links li {
        clear: both;
        padding: .625em 3em;
        position: relative;
        }
    .portlet-static-featured-links li + li{
        border: solid #d5d5d5;
        border-width: 0.0825rem 0 0 0;}
    .portlet-static-featured-links img{
        display: inline-block;
        margin-right: .25em;
        }
    .portlet-static-featured-links li > *{vertical-align: middle;}
    .portlet-static-featured-links li a{
        color: #2c2c2c;
        display: inline-block;
        font-family: "proxima-nova",sans-serif;
        font-size: 1.0825em;
        font-weight: 600;
        line-height: 132.5%;
        padding: .825em 0;
        text-align: left;
        text-transform: uppercase;
        }
    .portlet-static-featured-links li a strong,
    .portlet-static-featured-links li strong a{
        color: #ac2a38;
        display: block;
        font-size: 1.5em;
        font-weight: 700;
        text-transform: none;
        }
    .portlet-static-featured-links li a strong:after{
        content: " \e904";
        font-size: 62.5%;
        margin-left: -0.25em;
        vertical-align: baseline;
        }
    /* Stats Portlet */
    .portlet-static-stats{}
    .portlet-static-stats ul,
    ul.portlet-static-stats{
        font-weight: bold;
        text-transform: uppercase;
        }
    .portlet-static-stats li{
        padding: 0 1em;
        }
    .portlet-static-stats li + li{
        border: solid #bdbdbd;
        border-width: 0.0825em 0 0 0;}
    .portlet-static-stats li div{
        display: inline-block;text-align: left;}

    .portlet-static-stats li strong,
    .portlet-static-stats li b,
    .portlet-static-stats li .statNumber{
        color: #ac2a38;
        font-size: 3em;
        margin-right: .125em}
    .portlet-static-stats li .statLine2{display: block;}
    /* Login Button / Menu*/
        #portal-personaltools, #portal-personaltools dl.actionMenu.activated dd,
        #portal-personaltools .actionMenuContent{
            background: #212121;
            border: 0.125rem #eef2f3 solid;
            border-radius: 0;
            }
        #portal-personaltools{
            display: inline-block;
            float: none;}
        #portal-personaltools #anon-personalbar{
            background: none;
            font-weight: 600;
            padding-left: .75rem;
            padding-right: .75rem}
    
    /* 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%;
            }
        /* Index Page Content */
        .dtemplate-index .main{padding-top: 0;padding-bottom: 0em;}
        #index-main-column {padding-top: 0}
        .dtemplate-index #content-core img{border: 0;box-shadow: none;}
        .dtemplate-index #content-core .css-rect-btn{
            margin-top: 1em;}
            
        .dtemplate-index #content-core table{border: 0;}
        .dtemplate-index #content-core .css-rect-btn {margin: 1em .5rem 0 .5rem;}
        .cellCentered{text-align: center;}
        .dtemplate-index #content-core td + td.cellCentered{border: 0.0825em solid #d5d5d5}   
        .dtemplate-index #content-core td + td.cellCentered{border-width:0.0825em 0 0 0}   
        
        .template-folder_summary_view .tileItem + .tileItem,
        .template-summary_view .tileItem + .tileItem,
        .template-folder_summary_view_learnaboutbtn .tileItem + .tileItem{border-top: 0.0825em solid #b5b5b5}
        
        
        .section-news.template-folder_summary_view .tileItem h2.tileHeadline{
            border: 0;
            font-size: 1.5em;
            margin: 0;
            padding: 0;}
        .section-news .newsPublishDate{
            font-weight: bold;
            margin-bottom: .5em;
            }
        .section-news .newsPublishDate span{
            position: absolute;
            margin-left: -999em;
            }
        .section-events h2.tileHeadline {
           font-size: 1.5em;
        }
        .template-summary_view_event .tileItem{padding: 1em 0;}
        .template-summary_view_event .tileItem+ .tileItem{
            border-top: solid 0.0825rem #D5D5D5;}
        
        #content .facultyStaffDirectory .standardView .classificationListing h2{background: none;}
        #content .facultyStaffDirectory .standardView .classificationListing h2 a{color:#2c2c2c;font-weight: bold; margin-left: 0;padding-left: 0;}
        #content .facultyStaffDirectory .listing h3 a{line-height: 1.25}
        #content .facultyStaffDirectory .listing h3 a:before{display: none;}
        
        #content .facultyStaffDirectory .listing,
        .portaltype-atsuccessstoryfolder .tileItem,
        .template-atsscollection_summary_view .tileItem,
        .section-news .tileItem{
            background: #f3f3f3;
            border: solid .0825rem #b5b5b5;
            margin: 0 0 1.5rem 0;
            overflow: hidden;
            padding: 1rem;
        }
    

    #content .facultyStaffDirectory .emailAddress{
        display: inline-block;
        padding-right: 1.5rem;
        }
    #content .facultyStaffDirectory .officePhone:before,
    #content .facultyStaffDirectory .emailAddress a:before{
        color: #272f35;
        font-weight: normal;
        font-size: 1.125rem;
        margin-right: .25rem;
        vertical-align:bottom;
        }
    #content .facultyStaffDirectory .officePhone:before{content: "\e621";}
    #content .facultyStaffDirectory .emailAddress a:before{content: "\e901";}
    
    #content .facultyStaffDirectory .listing .lower-portion div:first-child:before{
        content: "";
        display: block;
        border-top: 0.0825rem solid #b5b5b5;
        padding-top: .5em;
        margin-top: .5em
        }
    .template-all_content #content .facultyStaffDirectory .listing{
        display: block;
        max-width: 100%;
        width: auto;}
    .template-collections-directory-view #content .filterOption .listing{margin: 0.5em;}
    .template-collections-directory-view #content .filterOption h2.tileHeadline{font-size: 1.25em;}
    .template-collections-directory-view #content .filterOption .officePhone,
    .template-collections-directory-view #content .filterOption .emailAddress{display: inline-block;margin-right: 1em;}

        
    #content .portlet-static-filter-by,
    #content .portlet-static-filter-by .portletHeader{
        background: none;
        color: #2c2c2c;}
    #content .portlet-static-filter-by {
        border-bottom:solid #b5b5b5 0.0825rem;
        padding-bottom: .5em;
        margin-bottom: 1em;}
    #content .portlet-static-filter-by .portletItem {padding: 0;}
    #content .portlet-static-filter-by .filtered {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin: 0;}
    #content .portlet-static-filter-by .filtered .filter-button{
        flex: 1 auto;
        font-size: 1em;
        vertical-align: top;
        width: 47%;}
    .subsection-faculty-list-by-area .main,
    .subsection-faculty-list-by-area #main-column{overflow: hidden;}
    
    .portaltype-atsuccessstoryfolder .tileItem .tileHeadline,
    .template-atsscollection_summary_view .tileItem .tileHeadline{border: 0;font-size: 1.25em; line-height: 1.25;margin-top: 0;}
    .portaltype-atsuccessstoryfolder .tileItem .tileBody,
    .template-atsscollection_summary_view .tileItem .tileBody {line-height: 1.4;}
    .portaltype-atsuccessstoryfolder img.tileImage,
    .template-atsscollection_summary_view .tileItem img.tileImage {width: 7em;height: auto;}
    .template-candidate_standard_view #content .facultyStaffDirectory .listing img{
    width: 10em;
    height: auto;
    margin-right: 2em;}
   
   #content table.two-wide{
       border-bottom: .125em solid #2c2c2c}
  .portlet-static-table-of-contents a,
    .portlet-static-anchor-links a{display:inline-block; margin-left: 2em;font-size: 90%;}
    .portlet-static-table-of-contents a b,
    .portlet-static-anchor-links a b{font-family: "museo-slab", serif;}
    .portletWrapper > div.portlet-static-table-of-contents,
    .portletWrapper > div.portlet-static-anchor-links{
         background: none;
         border: 0;
         padding: 1.5em 0;
         text-align: center;
         }
    .portletWrapper > div.portlet-static-table-of-contents p,
    .portletWrapper > div.portlet-static-anchor-links p{
        text-align: left;
        }
    .portletWrapper > div.portlet-static-table-of-contents p a,
    .portletWrapper > div.portlet-static-anchor-links p a{
        display: inline;
        margin: auto;
        
        }
    div.portlet-static-table-of-contents, div.portlet-static-anchor-links img{
        border: 0;
    }    
    
    .portlet-static-table-of-contents ul,
    .portlet-static-anchor-links ul{
        display: block;
        text-align: left;
        vertical-align: top;
        border: 0 solid rgba(106, 119, 136, 0.35);
        margin: .125em;}
    
    .portlet-static-table-of-contents ul li,
    .portlet-static-anchor-links ul li{padding: .325em;}
    
    .portlet-static-table-of-contents ul li,
    .portlet-static-anchor-links ul li
    {border-top: 0.085em solid #b5b5b5;}
   
   .portlet-static-anchor-links ul.alpha-list {
       font-size: 125%;
       text-align: center;
       width: 75%;}
   .portlet-static-anchor-links ul.alpha-list li{
       border: 0;
       display: inline-block;
        }
   .portlet-static-anchor-links ul.alpha-list li a{
        padding: 0;
        margin: 0;
   }
    .handbook-container h2,
    h2.underline{
        display: block;
        line-height: 1.25;
        margin-bottom: .65em;}
    .handbook-container a.handbook-top-btn{
        font-weight: normal;
        margin-top: -3.65em;
        z-index: 999;
        position: relative;
        }
}
@media only screen and (min-width: 44em) {
    #header-extras{right: 11em;}
    #main-column{padding: 0;}
    #portlets-above-content{padding: 0;}
    #footer-portlets .row .cell + .cell{border-left: 0.0825rem solid rgba(255,255,255,.35);padding-left: 1rem;}
    #footer-panels .panel .row{float: none;}
    #footer-panels .panel-0{
        background:#eee  url('../img/HP_News_Bkrd_Image.jpg') no-repeat top center;
        }
    
    #portlets-below-content ul.linkCaps li{
        display: inline-block;}
    dl.portlet.portletEvents .portletItem{
            width:45%;}
    #portlets-below-content ul.linkCaps li+li{margin-left: 2em;}
    /* Features*/
        /*Photo_album_view*/
        .overlay-gallery .tileItem{
            margin: .25rem;
            width: 33%;
            width: calc(33.3333% - .5rem);}
        .overlay-gallery .tileImage{
            height: 10rem;
            margin: 0;}
    /* Featured Links Portlet */
    .portlet-static-featured-links ul{display: flex;}
    .portlet-static-featured-links li{flex: 1;padding: 0;text-align: center;}
    .portlet-static-featured-links li + li{
        border-width: 0 0 0 0.0825rem;}
        
    /* Stats Portlet */
    .portlet-static-stats ul,ul.portlet-static-stats{
        display: flex;
        text-align: center;
        }
    .portlet-static-stats li{
        display: inline-block;
        flex:1;
        text-align: center;
        }
    .portlet-static-stats li:first-of-type{padding-left: 0;text-align: left;}
    .portlet-static-stats li:last-of-type{padding-right: 0;text-align: right;}
    .portlet-static-stats li + li{
        border-width: 0 0 0 0.0825em;}
    .portlet-static-stats li div{display: inline-block;}

    #content .facultyStaffDirectory .listingsWrapper,
    .portaltype-atsuccessstoryfolder .listingsWrapper,
    .template-atsscollection_summary_view .itemsWrapper{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        }
    #content .facultyStaffDirectory .listing,
    .portaltype-atsuccessstoryfolder .tileItem,
    .template-all_content #content .facultyStaffDirectory .listing,
    .template-atsscollection_summary_view .tileItem{
        flex:1 auto;
        width: 48%;
        max-width: 48%;}
    .template-candidate_standard_view #content .facultyStaffDirectory .listing {
        display: block;
        max-width: none;
        width: auto;
        }
    .template-collections-directory-view #content .listing{max-width: 100%; width: auto;}
    .template-collections-directory-view #content .filterOption {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        }
    /* Index page*/
    #footer-panels .panel-0{
        background-size: cover;
        border: 0;
        box-shadow: 0em 0.75em 0em 0em rgba(44, 44, 44, 0.12) inset
        }
        /* News Portlets */
        .portletNews .portletHeader{margin-bottom: .25em;}
        
        .portletNews .listitems{display: flex;}
        .portletNews .listitems .portletItem{flex: 1;margin: .625em;}
        .portletNews .listitems .portletItem:first-child{margin-left: 0;}
        .portletNews .listitems .portletItem:last-child{margin-right: 0;}        
        
        .portletNews .listitems .portletItem p{margin: .625em auto; padding: 0;}
        .portletNews .listitems .portletItem .newsImage{float: none;margin: 0;width: auto;}
        .portletNews .listitems .portletItem .newsDate{color: #717171; font-weight: 700;margin-top: .5em}
        .portletNews .listitems .portletItem .newsIntro{color: #2c2c2c;}
        .portletNews .portletFooter a{position: absolute;border-color: #fff; top:1.5em;right: 1.5em;}
        
        .dtemplate-index #content-core table tr{background: none; display: flex;}
        .dtemplate-index #content-core td.cellCentered {flex: 1;width:50%;}
        
        .dtemplate-index #content-core td + td.cellCentered{border-width:0 0 0 .0825rem}
        /* useifflex is disabled .dtemplate-index #content-core td.cellCentered {width: 50%}*/
        .dtemplate-index #content-core .css-rect-btn:first-of-type{margin-left: 0;}
        .dtemplate-index #content-core .css-rect-btn:last-of-type{margin-right: 0;}
        .dtemplate-index #content-core td.cellCentered:first-of-type{padding-right: 1.75rem;}
        .dtemplate-index #content-core td.cellCentered:last-of-type{padding-left: 1.75rem;}
        .dtemplate-index #content-core h2 img{margin-bottom: 0;}
        
        #content ul.btnGrid-twos,
        #content ul.btnGrid-threes,
        ul.css-rect-btn,
        .portletNavigationTree#also-in-this-section ul{
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
            overflow: hidden;}
        #content ul.btnGrid-twos li,
        #content ul.btnGrid-threes li{
            display: flex;
            flex: 1 auto;
            justify-content: center;
            align-content: center;}
        #content ul.btnGrid-twos li{
            max-width: 48%;
            width: 48%}
        #content ul.btnGrid-threes li,
        .template-collections-directory-view #content .filter-button {
            max-width: 31%;
            width: 31%}
        .template-collections-directory-view #content .filter-button:first-child{
            /*width: 100%;*/}
        #content ul.css-rect-btn li,
        .portletNavigationTree#also-in-this-section li{
            margin-bottom: 1em;
            max-width: 49%;
            width: 49%}    
        #content ul.btnGrid-twos li a,
        #content ul.btnGrid-threes li a{flex: 1;}
        
    #content table.two-wide{
        float: left;
        min-width: 10em;
        width: 45%;
        }
    #content table.two-wide:nth-of-type(odd){
        clear: both;}
    #content table.two-wide:nth-of-type(even){
        margin-left: 1em;}
    
    #content table.two-wide + h2{clear: both;}
    .portlet-static-table-of-contents ul,
    .portlet-static-anchor-links ul{
        display: inline-block;
        width: 49%;}
    .portletWrapper > div.portlet-static-table-of-contents {display: flex;}
    .portlet-static-table-of-contents ul:nth-of-type(odd){border-right-width:0.085em}
    .portlet-static-table-of-contents ul:nth-of-type(even){border-left-width:0.085em}
    
    .portlet-static-table-of-contents ul li:first-child,
    .portlet-static-anchor-links ul li:first-child
    {border-top: 0 solid #b5b5b5;}
    
    .handbook-container a.handbook-top-btn{float: right;}
    
}    
@media only screen and (min-width: 55em){
    #header-extras p,#header-extras li{
        display: inline-block;
        }
}
@media only screen and (max-width: 43.9999em) {
    header #psu-icon{position: absolute;}
    .dtemplate-index #content-core td{
        display: block;
        margin: 1rem;
        }
    dl.portlet.portletEvents .portletItem + .portletItem{border-top: 0.0825rem solid #d5d5d5;}
    .dtemplate-index #content-core td+ td{border-top: 0.0825rem solid #d5d5d5}
    #footer-portlets, footer#copyright{ padding: 1rem;}
    .portletWrapper .portlet.portletNews .portletHeader{padding-top: 0;}
    #footer-portlets .portlet-static-social-media ul li a,
    .social-media-buttons ul li a{
        margin: .5em;
        width: 2.5em;}
    img,
    img.image-right, img.image-left{max-width: 100%;margin: auto;text-align: center;}
    
    }
    
    /* Slick.css */
.slick-slider
{
    position: relative;

    display: block;
    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);
}

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

    display: block;
}
.slick-track:before,
.slick-track:after
{
    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;
}
/** 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 {
         box-shadow:0em -3em 2.5em 0em rgba(33, 33, 33, 0.7) inset;
        -moz-box-shadow:0em -3em 1.5em 0em rgba(33, 33, 33, 0.7) inset;
        height: auto;
        padding: 2rem 0 1.25rem 0;
        position: relative;
        top: -4.5rem;}
    section.hero.hero .slick-dots {
        box-shadow: 0em -5em 2em -2em rgba(33, 33, 33, 0.7) inset;
    	height: auto;
    	padding: 5rem 0 1.25rem 0;
    	position: absolute;
    	top: auto;
    	bottom: 0;
    	left: 0;
    	right: 0;
    }
    #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: #e5e5e5; }
    .slick-dots li button { background: #B8B8B8; }
    #container .slick-dots li:hover{border-color:#B8B8B8;}
    #container .hero .slick-dots li:hover{border-color:#e5e5e5;}
    .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;}
    
    /*slick slider correct display*/
    .slick-slider{position: relative}
    .slick-slider .slick-track, .slick-slider .slick-list{height: 100%;}
    
    /* Magnific Popup */
    /* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }