@media print {
    
    a:after{content:" -  (" attr(href) ") ";font-size:1em;font-weight:normal;}
  .footer-bx,
  .portlet-static-leadership-by-the-numbers,
  .portlet-static-liberal-arts-by-the-numbers,
  .portlet-connect-with-liberal-arts-voices,
  .portletVideoCollection {display: none;}
  
  .tel a:after {display: none !important;}
} 


@media only screen and (max-width: 1280px) {
    html{font-size: 85%;}
}

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


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

i.icon-angle-down {
    background-image: url("../img/blue_arrow_expanded.png");
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
    top: -2px;
}

#portaltab-academics .navTreeLevel1 {
 display: none;   
}
    
i.icon-angle-right {
    background-image: url("../img/blue_arrow_collapsed.png");
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
    top: -3px;
    vertical-align: middle;
}

.collapsingAward {
    margin-left: -1.4rem;
    cursor: pointer;
}

p.close {
 display: none;   
}

.clear {
 clear:both;   
}

#\ african-feminist-initiative-unit > div:nth-child(2) > p:nth-child(2) {
display: none;
}

.userrole-authenticated.subsection-leaders-liberal-arts-alumni-society-board #left-column {
 display: none;   
}

.gsc-results-wrapper-overlay.gsc-results-wrapper-visible {
    top: 8rem;
}

.subsection-awards-and-honors-2020-college-spring-award-winners h4 {
    font-size: 1.3em;
}

.advisingContainer {
 overflow: auto;   
}

.sidebyside {
 display: flex;
 flex-direction: column;
}

.sidebyside img {
 width: 100%;   
}

#localist-widget-38995303 {
 clear: both;   
}

.subsection-undergraduate-students-college-offices-chaiken-center-for-student-success .lwn {
  display: flex;
  flex-direction: column;
}

.subsection-undergraduate-students h2 {
 clear: both;   
}

.portaltype-atsuccessstory.subsection-undergraduate-students-college-offices-career-enrichment-network h2 {
 clear: none;   
}

.subsection-alumni .portlet-static-upcoming-events .portletHeader a {
font-weight: bold;   
}

.subsection-alumni .portlet-static-upcoming-events .lw_event_item_title {
line-height: 23px!important;
padding-bottom: .5rem!important;
}



.alumniContainer {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    margin-right: 1rem; 
}

.alumniAlumniContainer {
 display: flex;
 flex-wrap: wrap;
}

.subsection-undergraduate-students-education-commencement #left-column {
 display: none!important;   
}

.section-prospective-students h3 .css-rect-btn {
    margin-top: .5rem;
}

.subsection-prospective-students .managePortletsLink {
 position: relative; 
 top: 1rem;
}





.portletStaticText.portlet-static-get-started,
.portletStaticText.portlet-static-majors-minors {
    padding: 0 !important;
}

.portlet-static-get-started p a.external-link::before,
.portlet-static-majors-minors p a.external-link::before,
.portlet-static-get-started p a.internal-link::before,
.portlet-static-majors-minors p a.internal-link::before{
    padding: 0 !important;
    content: "" !important;
}

.portlet-static-get-started p a,
.portlet-static-majors-minors p a{
    font-weight: bold;
}

#inner-container .portlet-static-eid-body h2 {
    color: #6b2000!important;
    font-size: 1.7rem!important;
    font-family: "museo-slab", sans-serif!important;
    font-weight: normal!important;
}

#inner-container .portlet-static-eid-body p {
    color: #191e24!important;
    font-size: 1rem!important;
    font-family: "interface"!important;
    line-height: 1.5rem;
}

#inner-container .portlet-static-eid-body a {
color: #183e71!important;
font-weight: bold!important;
}

#inner-container .panel .portletStaticText a.internal-link:before,
#inner-container .panel .portletStaticText a.external-link:before{
    content: ""!important;
    font-family: museo-sans;
    display: none;
}

.section-prospective-students h2.underline {
 clear: both;   
}

.portlet.portletStaticText.portlet-static-liberal-arts-by-the-numbers .portletHeader {
    font-family: "interface"!important;
    font-weight: 700!important;
    font-size: 10.88px!important;
    border-bottom: 0!important;
    padding: .75em 0 1.5em 0!important;
    margin-left: 1rem!important;
}

.portlet.portletStaticText.portlet-static-liberal-arts-by-the-numbers {
    border-top-width: 0.225em!important;
    border-top-style: solid!important;
    line-height: 1.25em!important;
    border-color: #4ca703!important;
}

.alumniAlumniContainer > * {
    flex: 0 100%;
}

.portaltype-formfolder.section-current-students.template-fg_base_view_p3 #content h3 {
    font-size: 25.5px;
}

.subsection-prospective-students .portletStaticText.portlet-static-financial-aid a.external-link:before {
 content:""!important;   
 padding-right: 0!important;
}

.video_row iframe {
    flex: 1 0 21%;
    margin: 5px;
    /* height: 100px!important; */
    /* flex: 1 0 calc(25% - 10px); */
    width: 100px!important;
    height: 220px;
}

.video_row {
    display: flex;
    flex-wrap: wrap;
}

.linkContainer a {
 font-size: 18.6px;
 font-weight: normal;
 color: #0d803d;
}

h2.headingBold {
    -webkit-text-size-adjust: 100%;
    font: 1em Verdana, Arial, sans-serif;
    padding: 0;
    letter-spacing: 0;
    margin: .35em 0;
    font-family: "museo-slab", sans-serif!important;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.25em;
    clear: both;
    color: #6b2000!important;
    background: transparent;
    border: 0;
    font: bold 1.7em 'museo-slab'!important;
}

.headingBold {
 font-weight: bold;   
}

.subsection-undergraduate-students-education-commencement .panel .portletStaticText a.external-link:before {
 display: none!important;
 content: ""!important;
}

.subsection-undergraduate-students-education-commencement .panel .portletStaticText a.external-link {
 font-weight: bold;   
}

.portlet-static-stay-connected .css-rnd-btn:before {
 content: '';   
 display: none!important;
}

.subsection-awards-and-honors-2020-college-spring-award-winners #content-core img {
    object-fit: cover;
    height: 250px;
    width: 170px;
    margin-left: 2rem;
}

.subsection-awards-and-honors-2020-college-spring-award-winners .awardContainer {
    /*border-bottom: 1px solid rgba(106, 119, 136, 0.2);*/
    overflow: auto;
    padding: 1.5rem 0;
}

.subsection-awards-and-honors-2020-college-spring-award-winners .awardContainerContainer .awardContainer:first-child {
 padding-top: 0;   
}

.subsection-awards-and-honors-2020-college-spring-award-winners .awardContainerContainer .awardContainer:last-child {
 border: 0;   
}

/*** Graduate Research Internship Program ***/

.gi_container:last-child hr {
    display:none;
}


.subsection-undergraduate-students-college-offices-career-enrichment-network .panel .portlet-static-profiles a.external-link::before {
 content: ''!important;   
 padding-right: 0!important;
}
    
    .panel .portletStaticText a.external-link:before,
    ul.icons a.external-link:before,
    .template-document_view_list-icons ul a.external-link:before,
    .template-document_view_list-icons ol a.external-link:before,
    #content-core > div > h3 a.external-link:before{
      font-family: 'cla icons';
      font-size: 90%;
      content: '\e61f';
      speak: none;
      padding-right: .5em;
      vertical-align: middle;
      font-weight: normal;
        }
    #content-core > div > h3 a.external-link:before{ vertical-align: top;}
    .panel .portletStaticText a.internal-link:before,
    ul.icons a.internal-link:before,
    .template-document_view_list-icons ul a.internal-link:before{
      font-family: 'cla icons';
      content: '\e611';
      speak: none;
      padding-right: .5em;
      vertical-align: middle;
      font-size: .85em;}
    a.arrow-link.bold{font-weight: bold;}
    .css-rect-btn:after, .css-rnd-btn:after,
    .arrow-link:after{
       font-family: 'cla icons';
       speak: none;
       content: '\e615';
       vertical-align:middle;
       margin-left:.5em;
       font-size: .5em;
       }
       
    .subsection-undergraduate-students-moments-of-change-interdisciplinary-collaboration .description {
     margin-bottom: 1rem;   
    }
       
    #\ center-for-black-digital-research-unit .unit-bldg {
    display: none;
    }
    
    #\ center-for-black-digital-research-unit .unit-address::after {
    content: '\e620';
    color: #AAB2BB;
    font-family: 'cla icons';
    speak: none;
    padding-left: .25em;
    vertical-align: middle;
    }
       
    /*  #\20 humanities-institute-unit > div.unit-details > p.unit-address > a > span {
    display: none;
    }
    */ 
       
     /*** Need to make LA voice specific later 
    .portletWrapper .portletRss .feed-items li.portletItem:after{
        font-family: 'cla icons';
        color: #16AD3F;
        display: block;
        speak: none;
        content: '\e60c';
        vertical-align:middle;
        margin-top:.5em;
        font-size: 2em;}  ***/
    .section-alumni .portletWrapper .alumni-social-media-header {
        border-bottom: 1.5em solid #E8EAEC;
        border-bottom: 1.5em solid rgba(106, 119, 136, 0.15);
        padding: 1em 0;}
     .alumni-social-media-header .alumni-social-media-btns {margin-bottom: -3.25em;}
     .alumni-social-media-header .alumni-social-media-btns h2{background: #FFF; padding-right: .5em;}
    .portlet-connect-with-liberal-arts-voices .social-media-buttons [class*="icon-"]:before{background-color: #6a7788}
    .social-media-buttons a[href*="http://voices.la.psu.edu/"] i:before {color:#6a7788; }
    
    .portlet .social-media-buttons a:before{display:none;}
    .panel .portlet-static-connect-with-us a > *{display:inline-block;vertical-align: middle;}
    .panel .portlet-static-connect-with-us .screen-reader {
        font-weight: bold;
        position: relative;
        display: inline-block;
        padding: 0 1em 0 .325em;
        top: 0;
        left: 0;}
        
    /**** remove Assitant headings from profiles  ****/
        .personView .assistants,
        .personView .bosses {display: none;}
   
    ul.icons a[href$=".pdf"]:before, a[href$=".pdf"]:before,.panel a.internal-link[href$=".pdf"]:before,
    ul.icons a[href$=".doc"]:before, a[href$=".doc"]:before,.panel a.internal-link[href$=".doc"]:before,
    ul.icons a[href$=".docx"]:before, a[href$=".docx"]:before, .panel a.internal-link[href$=".docx"]:before,
    ul.icons a[href$=".xls"]:before, a[href$=".xls"]:before, .panel a.internal-link[href$=".xls"]:before,
    ul.icons a[href$=".xlsx"]:before, a[href$=".xlsx"]:before, .panel a.internal-link[href$=".xlsx"]:before,
    .template-document_view_list-icons ul a[href$=".pdf"]:before,
    a.file-link:before{
      font-family: 'cla icons';
      font-weight: normal;
      content: '\e610';
      speak: none;
      padding-right: .5em;
      vertical-align: middle;
        }
    
    
    .callout.quote-bx p:first-of-type,
    .callout .quote-open,
    .callout.quote-bx p:last-of-type,
    .callout .quote-close
    {position:relative; z-index: 20;}
    
    .callout.quote-bx p:first-of-type,
    .callout .quote-open{margin-top: .75em;}
    
    .callout.quote-bx p:first-of-type:before,
    .callout .quote-open,
    .callout.quote-bx p:last-of-type:after,
    .callout .quote-close{
        font-family: 'cla icons';
        color: #C1D7D7;
        color: rgba(0, 91, 95, 0.16);
        position: absolute;
        z-index: -1;
        }
    
    .callout.quote-bx p:first-of-type:before,
    .callout .quote-open{
        content: '\e622';
        font-size: 3em;
        margin-left: -.125em;
        }
    .callout.quote-bx p:last-of-type:after,
    .callout .quote-close{
        content: '\e623';
        font-size: 1.6em;
        margin-left: -.5em;
        margin-top: -.125em;
        }
        

    
    div#alertmsg {
    z-index: 999999;
    position: relative;
    background: #fff;
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 1rem;
    padding-right: 1rem;   
    }
    
    .portletVideoCollection.portlet-collection-perspectives .portlet-body,
    .portletVideoCollection.portlet-collection-links .portlet-body{
        background: #FFF;
        box-shadow: none;
    }
    
    .portletWrapper .portlet-collection-links {
    border-top-width: 0;
    }
    
    .portlet.portletVideoCollection.portlet-collection-links .portletHeader {
        display: none;
    }
    
    .portlet.portletVideoCollection.portlet-collection-links {
        margin-top: -5rem;
    }
    
    
    #alertmsg .portlet-static-emergency-alert .description {
     font-size: 16px;
     font-style: italic;
    }
    
    #alertmsg .message {
     vertical-align: center;   
    }
    
    #alertmsg .more-info {
        font-size: 18px;
        padding-left: 5px;
        font-weight: 800;
        text-transform: uppercase;
    }
    
    #alertmsg .icon {
    background: url(../img/alert-icon-dark.png) no-repeat;
    background-size: auto;
    background-size: auto;
    width: 22px;
    background-size: 100%;
    height: 22px;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 0px;
    }
    
    /*
    .portlet-static-emergency-alert li.list-item {
        display: inline-block;
        margin: 0 1rem;
    }
    
    .portlet-static-emergency-alert li.list-item a {
        text-decoration: underline;
        font-weight: 400;
    }
    */

/*    
    #alertmsg .portlet-static-emergency-alert p:before {
    font-family: 'cla icons';
    content: '\ea08';
    speak: none;
    padding-right: .5em;
    vertical-align: middle;
    font-size: 1.7rem;
    font-style: normal;
    }
*/    
    .portlet-static-emergency-alert a {
     color: #000!important;   
    }
    
/* 
    .portlet-static-emergency-alert a:after {
    font-family: 'cla icons';
    content: "\e904";
    speak: none;
    padding-left: 0.35em;
    vertical-align: text-bottom;
    font-style: normal;
    display: inline-block;
    }
*/
    
    .portlet-static-emergency-alert span.heading {
    font-style: italic;
    font-family: open-sans, sans-serif;
    font-weight: 800;    
    }
    
    #alertmsg .portlet-static-emergency-alert p:first-of-type {padding-bottom: .5em;}
    
    #alertmsg .portlet-static-emergency-alert p {
     margin: 0;
    }        
        
    /* callout quote color for Current Students */
    
    .subsection-college-of-the-liberal-arts-honor-code .callout.quote-bx p:first-of-type:before {color: rgba(107,32,0,0.16);}
    .subsection-college-of-the-liberal-arts-honor-code .callout.quote-bx p:first-of-type:after {color: rgba(107,32,0,0.16);}
    
    #left-column .portlet a.external-link:after, #left-column .portlet a.internal-link:after,
    .subsection-prospective-students .spec-panel .panel-wrapper:first-of-type .portletStaticText a:after,
    #portlet-success-stories .portletFooter #portlet-success-more:after,
    .vid-title:before,
    .unit-phone:after,.unit-bldg:after,
    .spec-panel .panel-wrapper:first-of-type .portletStaticText a:after,
    .subsection-college-offices #content-core div.callout h2 a:after,
    .portletWrapper dd.portletFooter.socialFooter a:after{
        font-family: 'cla icons';
        speak: none;
        padding-left: .25em;
        vertical-align: middle;
        }
    #portlet-success-stories .portletFooter #portlet-success-more:after{
        content: '\e611';
        font-size: .65em;
        }
    #left-column .portlet a.external-link:after,
    #left-column .portlet a.internal-link:after{
      content: '\e615';
      font-size: .65em;}
        
    #left-column .portlet-static-resources ul li {padding: .25em 0;}
    #left-column .portlet-static-resources ul a {line-height: 1.125em;}
    
    .main dl.portlet-static-podcast dt.portletHeader{
        padding-bottom: 0em;
        }
    .portlet-static-podcast img {width: 100%}
    .portletWrapper .watch:before,
    .portletWrapper .download:before{
        color: #181e71;
        font-family: 'cla icons';
        padding-right: 0.25em;
        speak: none;
        vertical-align: top;
        font-size: .8em;}
    .watch:before{content: '\e60e';}
    .download:before{
        content: '\e60f';
        padding-left: .8em;
    }
    .spec-panel.panel-container .panel-wrapper:first-of-type .portletStaticText  a:before{display:none;}
    #left-column .portlet-static-podcast a.external-link:after{content:"";}
    .portletWrapper a.watch, .portletWrapper a.download {
        margin-top: .5em;
        font-size: .8em;
        font-weight: bold;
        color: #191e24;
        display: inline-block;
    }
    /*#inner-container .portlet-static-podcast{
        border-bottom: 4px double #E0E1E1;
        border-bottom: 4px double rgba(111, 118, 126, 0.2);
        }*/
    .portlet-static-podcast:after{
        content:" ";
        display: block;
        background: #FFF;
        height: .125em;
        border: 4px double #E0E1E1;
        border: 4px double rgba(111, 118, 126, 0.2);
        border-width: 1px 0;
        }
    
     .portlet-static-podcast p {
        font-size: 1.25em;
        color: #183e71;
    }
    
    .subsection-prospective-students .spec-panel .panel-wrapper:first-of-type dd.portletItem a:before{display:none;}
    .subsection-prospective-students .spec-panel .panel-wrapper:first-of-type .portletStaticText a:after,
    .spec-panel .panel-wrapper:first-of-type .portletStaticText a:after,
    .portletWrapper dd.portletFooter.socialFooter a:after,
    .subsection-college-offices #content-core div.callout h2 a:after{
        content: '\e615';
        font-size: .65em;
        padding: 0 0 0 .25em;
        }
    .spec-panel .panel-wrapper:first-of-type .portlet-static-btn-portlet a:after {display:none;}
    .unit-bldg:after{
        content: '\e620';
        color: #AAB2BB;
        }
    .unit-phone:after{
        content: '\e621';
        color: #AAB2BB;
        }
    #clagoogle {
        color: transparent;
        height: 0;
        width: 0;
        position: absolute;
        }
    .social-details span {
        font-family: 'cla icons';
        speak: none;
        vertical-align: middle;
        margin-right: .5rem;}
        
    .social-details a span{margin: -9999px;}    
    .social-details a:before{
        background-color: #1E407C;
        font-size: 1.75em;
        font-weight: normal;
        line-height: 100%;}
    .unit-facebook a:before{content: '\e600';}
    .unit-Twitter a:before{content: '\e602';}
    .unit-youtube a:before{content: '\e604';}
    .unit-blog a:before{content: '\e906';}
    .social-details .unit-youtube a:before { 
        content: '\e905';
        font-size: 1.1rem;
        position: relative;
        top: 4px;
        left: 5px;
    }
    
    #\ african-american-studies-unit .social-details .unit-youtube a:before { 
        content: '\e60b'!important;
        font-size: 1.1rem;
        position: relative;
        top: 4px;
        left: 5px;
    }
    
    #\ alumni-relations-and-development-unit .social-details .unit-youtube a:before { 
        content: '\e60b'!important;
        font-size: 1.1rem;
        position: relative;
        top: 4px;
        left: 5px;
    }
    
    #\ communication-arts-and-sciences-unit .social-details .unit-youtube a:before { 
        content: '\e60b'!important;
        font-size: 1.1rem;
        position: relative;
        top: 4px;
        left: 5px;
    }
    
    #\ comparative-literature-unit .social-details .unit-youtube a:before { 
        content: '\e60b'!important;
        font-size: 1.1rem;
        position: relative;
        top: 4px;
        left: 5px;
    }

    #\ english-unit .social-details .unit-youtube a:before { 
        content: '\e60b'!important;
        font-size: 1.1rem;
        position: relative;
        top: 4px;
        left: 5px;
    }
    
    #\ french-francophone-studies-unit .social-details .unit-youtube a:before { 
        content: '\e60b'!important;
        font-size: 1.1rem;
        position: relative;
        top: 4px;
        left: 5px;
    }
    
    #\ psychology-unit .social-details .unit-youtube a:before { 
        content: '\e60b'!important;
        font-size: 1.1rem;
        position: relative;
        top: 4px;
        left: 5px;
    }
    
    #\labor-and-employment-relations-unit .social-details .unit-youtube a:before { 
        content: '\e60b'!important;
        font-size: 1.1rem;
        position: relative;
        top: 4px;
        left: 5px;
    }
    
     
    
    .social-details {
        display: flex;
    }
    
    .unit-facebook { order: 2;}
    .unit-blog { order: 1;}
    .unit-Twitter { order: 3;}
    .unit-youtube { order: 4;}
    
    /*.unit-blog a:before{content: '\e608';}*/
    #\ germanic-and-slavic-languages-and-literatures-unit > div.social-details > span.unit-blog > a:before{content: '\e906';}
    #\ labor-and-employment-relations-unit > div.social-details > span.unit-blog > a:before{content: '\e906';}
    #\ public-policy-unit > div.social-details > span.unit-blog > a:before{content: '\e906';}
    

    .unit-instagram a:before{content: '\e906';}
    /*
    .portletWrapper .portlet-static-podcast .portletHeader
    {
        border: 0;
        display:inline-block;
        padding: .75em 0 1.5em 0;
        text-transform: uppercase;
        font-size: .75em;
        font-weight: bold;
    }
   */ 
   
    h3.collapsing {
        font-family: 'interface';
        font-size: 1.325em;
        }
    .collapsing:before{
      font-family: 'cla icons';
      font-size: 80%;
      content: '\e617';
      speak: none;
      padding-right: .5em;
      vertical-align: middle;
    }
    .collapsing.expanded:before{
      font-family: 'cla icons';
      content: '\e61a';
      speak: none;
      padding-left: .1em;
      vertical-align: middle;
    }
    
    
    
    
    /* === Social media font icons === */
    [data-icon]:before {
      font-family: 'cla icons';
      content: attr(data-icon);
      speak: none;
    }
    
    .icon-youtube {
     background-color: #4b6fa3;   
    }
    
    .portlet.portlet-connect-with-liberal-arts-voices .icon-youtube {
     background-color: #6a7788;   
    }
    
     [class^="icon-"],
     [class*=" icon-"]{
         display: inline-block;
        overflow: hidden;
        width: 1.7em;
        height: 1.7em;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        border-radius: 50%;
        vertical-align: middle;
        margin-right: .25em;}
    [class^="icon-"]:before,
    [class*=" icon-"]:before {
        color: #FFF;
        font-family: 'cla icons';
        font-style: normal;
        speak: none;
        font-size: 1.75em;
        font-weight: normal;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
    }
    /*.social-media-buttons a[href*="http://voices.la.psu.edu/"] {background: #FFF;margin: 0;}*/
    .icon-lavoices:after {
        content: " ";
        background: #FFF;
        display: block;
        height: 1.0825em;
        margin-top: -1.65em;
        width: 99%;
        margin-left: 1px;
    }
    .icon-lavoices{border-radius: 0;}
    .icon-lavoices:before {content: "\e60c";background: transparent !important;}
    .icon-facebook:before {content: "\e600"}
    .icon-twitter:before {content: "\e602"}
.icon-youtube::before {
    content: "\e905";
    font-size: 1.1rem;
    position: relative;
    top: 4px;
    left: 4px;
}
    .icon-flickr:before {content: "\e606"}
    .icon-linkedin:before {content: "\e60a"}
    .icon-spotify:before { content: "\e909"; }
    .icon-instagram:before { content: "\e906"; }


    .screen-reader{position: absolute;top: -9999px;left:-9999px; }
    
    /* alumni social media bar */ 
    .alumni-social-media-btns [class^="icon-"]:before,
    .alumni-social-media-btns [class*=" icon-"]:before { background-color:#019da3; }
    .alumni-social-media-btns h2 {display:inline-block; margin-right:.5em;}
    /* footer icon colors */ 
    .social-media-buttons [class^="icon-"]:before,
    .social-media-buttons [class*=" icon-"]:before { background-color:#4b6fa3; }
    footer .social-media-buttons a[href*="http://voices.la.psu.edu/"] i:before {color:#4b6fa3; }
    
    /* No icons in paragraphs in content-core, subnav, or left-column links*/
    #content-core p a:before {display: none !important;}
    .no-icon :before, .no-icon:before,
    .no-icon :after, .no-icon:after{ display: none !important;}
    #left-column dl.portlet.portletStaticText a[href$=".pdf"]:before {display: none !important;}
    #sub-nav a:before {display: none !important;}
    
    
    /* ===== fix normalize.css ==== */
    dd, dl {margin:0; padding: 0;}

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

    .grid_container {background: #f6faff;}
    .grid_container #left-column {display:none !important;}
    body {
    background: #f6faff;
    counter-reset: step; }
    body.section-about {background: #fff4eb;}
    body.section-academics{background: #f0f4ff;}
    body.section-prospective-students{background: #f6fef0;}
    body.section-current-students{background: #fef9ec;}
    body.section-alumni{background: #f5ffff;}
    body.section-research,.subsection-liberal-arts-research-office .content-header, .subsection-liberal-arts-research-office .hero-header{background: #fff6fd;}
    body.section-teaching{background: #fffaec;}
    body {color: #191e24; font-family: "interface"; /*font-size: 80%;*/}
    p, ul, ol, dl, label, .label {/*font-family: "pt-serif";*/}
    ul{list-style: disc;}
    html ol{list-style-type: decimal;margin-left: 1.125em;}
    a, a:visited {color: #183e71;font-weight: bold;}
    a{transition: all .325s ease;}
    a:focus, a:hover {text-decoration: underline;}
    li {display: block;}
    ol li {display: list-item;}
    h1,h2, h3, h4, h5, h6,
    #content-core ~ .panels dl.portletNavigationTree dt.portletHeader a,
    #content-core .lwn{
        font-family: "interface", serif; 
        font-weight: normal; 
        font-size: 80%;
		letter-spacing: 0;
        line-height: 1.325em;
		margin: .35em 0;
	}
    #content-core > div > .attention-large:first-child {line-height: 1.325em;margin: .35em 0;}
    h1, h2,.attention-large, 
    .template-photo_album_view .documentDescription,
    #content-core .lwn {font-family: "museo-slab", sans-serif; }
    h3, h4, h5, h6,
    #content-core ~ .panels dl.portletNavigationTree dt.portletHeader a{font-weight: bold;}
	h1 {font-size: 1.75em;}
	h2,.attention-large,
    #content-core .lwn{font-size: 1.5em;}
	h3,.attention-medium,
    #content-core ~ .panels dl.portletNavigationTree dt.portletHeader a {font-size: 1.25em;}
    h4{font-size: 1.125em;}
	p {margin: 0 0 1em 0;}
    hr {
        color: #CCC;
        color: rgba(106, 119, 136, 0.2);
        margin: 1.625em 0;
        }
        
    .subsection-the-paterno-anthology ul.icons {
     text-align: right;   
    }
        
    .subsection-the-paterno-anthology #content-core {
     max-width: 100%;   
    }
    
    .subsection-the-paterno-anthology .callout {
     text-align: center;
    }
        
    .subsection-the-paterno-anthology .callout h2 > strong {
        font-size: 1.8rem;
        font-weight: 900;
        padding-top: 0.1rem;
        display: block;
    }
        
    .subsection-the-paterno-anthology hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 2px solid #ccc;
        width: 33%;
        margin: .75rem auto!Important;
    }
    .template-photo_album_view .documentDescription {font-weight: normal;}
    .discreet {color: #6a7788;}
    .newsImageContainer .discreet {background-color: transparent;}
    .no-wrap {overflow: hidden;} /* Prevents Blocks from wrapping under floated items */
    .margin-bottom-ex {margin-bottom: 1.5em;}
    .full-width {display: inline-block;width: 95%;}
    .half-width {display: inline-block; width: 46%;}
    .text-large,.intro-text{font-size: 125%;line-height: 1.4em;}
    #content ul {margin-left: 1.0825em;}
    #content textarea {max-width: 95%;}
    .state-expired {
        background: #d74141;
        color: #FFF;
        padding: 0 .25em;}
    
    .formQuestion.label { padding-right: 0!important; }
    .portaltype-formfolder.subsection-undergraduate-students-education-processes-and-procedures label {font-weight: normal;}
    div.formControls {margin-left: 0;}
    div.formControls input[type="submit"][value="Cancel"]{background-color: #6a7788;}
    div.formControls input[type="submit"][value="Cancel"]:hover,
    div.formControls input[type="submit"][value="Cancel"]:focus,
    div.formControls input[type="submit"][value="Delete"]{background-color: #c63a02;}
    
    div.formControls input[type="submit"][value="Save"]:hover,
    div.formControls input[type="submit"][value="Save"]:focus{background-color: #4ca703;}
    
    
    div.formControls input[type="submit"][value="Save"],
    div.formControls input[type="submit"][value="Submit"],
    div.formControls input[type="submit"][value="Cancel"],
    div.formControls input[type="submit"]
    {
        margin: 0 1em 0 0;
        border-radius: 2em;
        color: #FFF;
        font-weight: bold;
        border: 0;
        padding: .5em 1em;
        
        background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(50%,rgba(255,255,255,0.25)), 
        color-stop(51%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
        background-image: -o-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
        background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
        background-image: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
        
        -webkit-box-shadow: 1px 1px 2px 0px rgba(25,30,36,0.55);
        -moz-box-shadow: 1px 1px 2px 0px rgba(25,30,36,0.55);
        box-shadow: 1px 1px 2px 0px rgba(25,30,36,0.55);
        
        transition: all ease 200ms;
    }
    div.formControls input[type="submit"]:focus,
    div.formControls input[type="submit"]:hover{
        outline-width: 0;
        }
    
    .template-folder_thumb_view .documentDescription {
        color: #191e24;
        font-weight: normal;
		font-size: 125%;
		font-family: 'interface', sans-serif;
        line-height: 1.4em;
        margin-bottom: 1em;
        }
    .sig-title{
        font-weight: bold;
        font-size: 75%;
        text-transform: uppercase;
    }
    .callout-block {
        background: none;
        margin: -0.5em 1em 1em 1em;}
    .callout-block,
    #content-core .callout-block.callout{
        border-left: 0.2em solid #ddd; 
        border-left: 0.2em solid rgba(111, 118, 126, 0.5);
        padding-left: .5em;
        }
    #content-core .callout-block.callout{    
        margin: 0.5em 1em 1em 0em;}
    
    li .callout-block  {margin-top: .5em;}
    .portletWrapper p.callout-block {margin-bottom: 1em;}
    /* Resetting Grid a bit */
    div.width-full {width:100%}
    div.position-0 {
        margin-left: -100%;
    }
    .spec-panel .wrapper {width: auto;}
    
    .subsection-cen-la-401-professional-development-for-liberal-arts-students #portlet-success-stories .four-wide {width:100%;}
    
	#content a:hover, dl.portlet a:hover {color: #0b3c5d;}
	#content ul, #content ol {margin-bottom: 1em;}
    ul.icons, #content ul.icons,
    .template-document_view_list-icons ul, .template-document_view_list-icons #content ul{
        margin-left: 0;
        }
    ul.icons, #content ul.icons,
    #content ul.nobullets,
    .template-document_view_list-icons ul, .template-document_view_list-icons #content ul,
    li.callout-block{
        list-style-type: none;
        }
    ul.icons  ul, #content ul.icons ul,
    .template-document_view_list-icons ul  ul, .template-document_view_list-icons #content ul  ul{
        margin-left: 1.5em;
    }
	h1.title,
    h1.smalltitle {
        font-family: "interface";
        font-weight: 600;
        float: left;
        letter-spacing: 0.05em;}
        
    h1.title a {
        color: #FFF;
        text-shadow: 2px 2px 2px #3D3838;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.56);}
	h1.documentFirstHeading, h2.tileHeadline {display: inline-block;margin-bottom: 0;}
	#portal-breadcrumbs {font-size: .8em; font-weight: bold; margin: 0; text-transform: uppercase;}
    .crumb-tab{
        padding: .25em;
        display: block;
        background: rgba(106, 119, 136, 0.2);
        box-sizing: border-box;}
    #breadcrumbs-you-are-here {display: none}
    #portal-breadcrumbs {color: #6a7788;}
    .userrole-anonymous dl#relatedItemBox {
        display: none;
        }
    #content-core table {border-collapse: separate; border-spacing: 0.0825em;}
    table.listing  tr.odd,
    table.listing  tr:nth-child(odd)
    {background:#EEE}
    table.listing  tr.even,
    table.listing  tr:nth-child(even)
    {background:#FFF}
    .grid td, .grid th {border-color: #FFF;}
    
    /*===========================================================================
                        Huge Section Specific Colors Setup 
    ===========================================================================*/
    /*============================= Darks =============================*/
    h1,h2,h3,h4,h5,
    .documentActions ~ .panels .portletStaticText .portletHeader,
    dl.portlet ul.navTree li a,
    .callout.quote-block,
    .attention-large,
    nav#mobile-sub-nav ul li a{
        color:#14335f;}
            
        .css-rect-btn,
        .css-rnd-btn,
        div.formControls input[type="submit"][value="Submit"]:hover,
        div.formControls input[type="submit"][value="Submit"]:focus,
        div#mobile-nav,
        #topnavul > li.opened,
        #portaltab-index_html .menuToggle, .menuToggle,
        dl#site-navigation  dt.portletHeader {background-color:#14335f;}
        
    .section-about h1,.section-about h2,.section-about h3,
    .section-about h4,.section-about h5,
    .section-about .documentActions ~ .panels .portletStaticText .portletHeader,
    .section-about .facultyStaffDirectory-wrapper h2.headline a,
    .section-about .attention-large,
    .section-about dl.portlet ul.navTree li a,
    .section-about .callout.quote-block, 
    .section-about .attention-large,
    .section-about.template-photo_album_view .documentDescription,
    .section-about nav#mobile-sub-nav ul li a{
        color:#954101}
        .section-about .css-rect-btn,
        .section-about .css-rnd-btn,
        .section-about div.formControls input[type="submit"][value="Submit"]:hover,
        .section-about div.formControls input[type="submit"][value="Submit"]:focus,
        .section-about div#mobile-nav,
        #topnavul #portaltab-about.opened,
       #portaltab-about .menuToggle,
        .section-about dl#site-navigation  dt.portletHeader{background-color:#954101}
        
    .section-academics h1,.section-academics h2,.section-academics h3,
    .section-academics h4,.section-academics h5,
    .section-academics .documentActions ~ .panels .portletStaticText .portletHeader,
    .section-academics .facultyStaffDirectory-wrapper h2.headline a,
    .section-academics dl.portlet ul.navTree li a,
    .section-academics .callout.quote-block,
    .section-academics .attention-large,
    .section-academics nav#mobile-sub-nav ul li a {
        color:#163e76}
        .section-academics .css-rect-btn,
        .section-academics .css-rnd-btn,
        .section-academics div.formControls input[type="submit"][value="Submit"]:hover,
        .section-academics div.formControls input[type="submit"][value="Submit"]:focus,
        .section-academics div#mobile-nav,
        #topnavul #portaltab-academics.opened,
       #portaltab-academics .menuToggle,
        .section-academics dl#site-navigation  dt.portletHeader{background-color:#163e76}
    
    .section-prospective-students h1,.section-prospective-students h2,.section-prospective-students h3,
    .section-prospective-students h4,.section-prospective-students h5,
    .section-prospective-students .documentActions ~ .panels .portletStaticText .portletHeader,
    .subsection-prospective-students .panels div.panel-wrapper:nth-of-type(even) dl.portlet  dt.portletHeader,
    .subsection-prospective-students .panels div.panel-wrapper:nth-of-type(even) dl.portlet  dt.portletHeader a,
    .section-prospective-students .portletVideoCollection .portletHeader a ,.section-prospective-students .portletVideoCollection .portletHeader,
    .section-prospective-students .facultyStaffDirectory-wrapper h2.headline a,
    .section-prospective-students dl.portlet ul.navTree li a,
    .section-prospective-students .callout.quote-block,
    .section-prospective-students .attention-large,
    .section-prospective-students nav#mobile-sub-nav ul li a{
            color:#287207}
        .section-prospective-students .css-rect-btn,
        .section-prospective-students .css-rnd-btn,
        .section-prospective-students div.formControls input[type="submit"][value="Submit"]:hover,
        .section-prospective-students div.formControls input[type="submit"][value="Submit"]:focus,
        .section-prospective-students div#mobile-nav,
       #topnavul #portaltab-prospective-students.opened,
       #portaltab-prospective-students .menuToggle,
        .section-prospective-students dl#site-navigation  dt.portletHeader{background-color:#287207}
        
    .section-current-students h1,.section-current-students h2,.section-current-students h3,
    .section-current-students h4,.section-current-students h5,
    .section-current-students .documentActions ~ .panels .portletStaticText .portletHeader,
    .subsection-cen-career-enrichment-network .panel-container .panel-0 .portletHeader,
    .subsection-cen-career-enrichment-network .panel-container .panel-0 .portletHeader a,
    .subsection-parent-resources .portlet-static-additional-resources dt.portletHeader,
    .section-current-students .grid th,
    .section-current-students .facultyStaffDirectory-wrapper h2.headline a,
    .section-current-students dl.portlet-static-procedures dt.portletHeader,
    .section-current-students dl.portlet ul.navTree li a,
    .section-current-students .callout.quote-block,
    .section-current-students .attention-large,
    .section-current-students nav#mobile-sub-nav ul li a{
            color:#6b2000}
            
    .departmentContainer {
     clear:both;   
    }
            
    .subsection-undergraduate-students-education-commencement.section-current-students .listing-bx h3 {
     color: #1e407c;
     height: 2rem;
    }
    
    .subsection-undergraduate-students-education-commencement.section-current-students .unit-details {
     display: flex;
     justify-content: center;
    }
    
        .section-current-students .css-rect-btn,
        .section-current-students .css-rnd-btn,
        .section-current-students div.formControls input[type="submit"][value="Submit"]:hover,
        .section-current-students div.formControls input[type="submit"][value="Submit"]:focus,
        .section-current-students div#mobile-nav,
        #topnavul #portaltab-current-students.opened,
       #portaltab-current-students .menuToggle,
        .section-current-students dl#site-navigation  dt.portletHeader{background-color:#6b2000}
    
    .section-alumni h1,.section-alumni h2,.section-alumni h3,
    .section-alumni h4,.section-alumni h5,
    .section-alumni .documentActions ~ .panels .portletStaticText .portletHeader,
    .section-alumni .facultyStaffDirectory-wrapper h2.headline a,
    .section-alumni dl.portlet ul.navTree li a,
    .section-alumni .callout.quote-block,
    .section-alumni .attention-large,
    .section-alumni nav#mobile-sub-nav ul li a  {
            color:#005b5f}
        .section-alumni .css-rect-btn,
        .section-alumni .css-rnd-btn,
        .section-alumni div.formControls input[type="submit"][value="Submit"]:hover,
        .section-alumni div.formControls input[type="submit"][value="Submit"]:focus,
        .section-alumni div#mobile-nav,
        #topnavul #portaltab-alumni.opened,
       #portaltab-alumni .menuToggle,
        .section-alumni dl#site-navigation  dt.portletHeader{background-color:#005b5f}
    
    .section-research h1,.section-research h2,.section-research h3,
    .section-research h4,.section-research h5,
    .section-research .documentActions ~ .panels .portletStaticText .portletHeader,
    .section-research .spec-panel .panel-wrapper:nth-of-type(2) .portletHeader,
    .section-research .facultyStaffDirectory-wrapper h2.headline a,
    .section-research dl.portlet ul.navTree li a,
    .section-research .callout.quote-block,
    .section-research .attention-large,
    .section-research nav#mobile-sub-nav ul li a{
        color:#5d1449}
        .section-research .css-rect-btn,
        .section-research .css-rnd-btn,
        .section-research div.formControls input[type="submit"][value="Submit"]:hover,
        .section-research div.formControls input[type="submit"][value="Submit"]:focus,
        .section-research div#mobile-nav,
        #topnavul #portaltab-research.opened,
       #portaltab-research .menuToggle,
        .section-research dl#site-navigation  dt.portletHeader{background-color:#5d1449}
        
    .section-teaching h1,.section-teaching h2,.section-teaching h3,
    .section-teaching h4,.section-teaching h5,
    .section-teaching .documentActions ~ .panels .portletStaticText .portletHeader,
    .section-teaching .facultyStaffDirectory-wrapper h2.headline a,
    .section-teaching dl.portlet ul.navTree li a,
    .section-teaching .callout.quote-block,
    .section-teaching .attention-large ,
    .section-teaching nav#mobile-sub-nav ul li a {
        color:#946201}
        .section-teaching .css-rect-btn,
        .section-teaching .css-rnd-btn,
        .section-teaching div.formControls input[type="submit"][value="Submit"]:hover,
        .section-teaching div.formControls input[type="submit"][value="Submit"]:focus,
        .section-teaching div#mobile-nav,
        #topnavul #portaltab-teaching.opened,
       #portaltab-teaching .menuToggle,
        .section-teaching dl#site-navigation  dt.portletHeader{background-color:#946201}
        
    .section-faculty-staff dl.portlet dt.portletHeader {color: #14335f;}
    .section-about .panel-wrapper dl.portlet dt.portletHeader {color: #954101}
    /*.section-academics dl.portlet dt.portletHeader {color: #163e76}
    .section-prospective-students dl.portlet dt.portletHeader {color: #287207}
    .section-current-students dl.portlet dt.portletHeader {color: #6b2000}
    .section-alumni dl.portlet dt.portletHeader {color: #005b5f}
    .section-research dl.portlet dt.portletHeader {color: #5d1449}
    .section-teaching dl.portlet dt.portletHeader {color: #946201}*/
    
    .css-rect-btn.multi-btn:hover,
    .section-awards .css-rect-btn:hover,.section-awards .css-rnd-btn:hover,
    .section-awards a.css-rect-btn:hover, .section-awards a.css-rnd-btn:hover {background-color: #14335f;}
    .section-faculty-staff .css-rect-btn.multi-btn:hover {background-color: #14335f;}
    .section-about .css-rect-btn.multi-btn:hover {background-color: #954101}
    .section-academics .css-rect-btn.multi-btn:hover {background-color: #163e76}
    .section-prospective-students .css-rect-btn.multi-btn:hover {background-color: #287207}
    .section-current-students .css-rect-btn.multi-btn:hover {background-color: #6b2000}
    .section-alumni .css-rect-btn.multi-btn {background-color: #005b5f}
    .section-research .css-rect-btn.multi-btn:hover {background-color: #5d1449}
    .section-teaching .css-rect-btn.multi-btn:hover {background-color: #946201}
    
    #content-core .callout,
    .callout{
        background: #E7EAEE;
        background: rgba(20, 51, 95, 0.1);
        padding:1em;
        margin-bottom: .5em;}
    
    .section-awards #content-core .callout {margin-bottom: 1em;}
    
    div#archetypes-fieldname-are-you-a-robot label {
    display: none;
    }
    
    #content-core .no-bullets {list-style-type: none;}
        
    .callout h2{font-size:1.25em;}
    .callout h3{font-size:1.125em;}
    .thumb-bx .tileItem,
    #content-core .callout {background: #E7EAEE;background: rgba(20, 51, 95, 0.1)}
    .section-about #content-core .callout,
    .section-about .callout,
    .section-about table.listing  tr:nth-of-type(odd){background: #F4EBE5;background: rgba(149, 65, 1, 0.1);}
    .section-about table.listing  tr:nth-of-type(even){background: #F4EBE5;background: rgba(149, 65, 1, 0.02);}
    .section-academics #content-core .callout,
    .section-academics .callout{background: #E7EBF0;background: rgba(22, 62, 118, 0.1);}
    .section-prospective-students #content-core .callout,
    .section-prospective-students .callout{background: #E9F0E5;background: rgba(40, 114, 7, 0.1);}
    .section-current-students #content-core .callout,
    .section-current-students .callout,
    .section-current-students table.listing  tr:nth-of-type(odd),
    .subsection-undergraduate-students-advising-recommended-academic-plans table tr:nth-of-type(odd){background: #EFE8E5;background: rgba(107, 32, 0, 0.1);}
    .section-current-students table.listing  tr:nth-of-type(even),
    .subsection-undergraduate-students-advising-recommended-academic-plans table tr:nth-of-type(even){background: #EFE8E5;background: rgba(107, 32, 0, 0.02);}
    .section-alumni #content-core .callout,
    .section-alumni .callout,
    .section-alumni .thumb-bx .tileItem,
    .subsection-liberal-arts-edge-great-faculty-and-graduate-students-1 .combo-panel .tileItem,
    .subsection-liberal-arts-edge-great-faculty-and-graduate-students-1 .combo-panel .tileItem:hover {background: #E5EEEE;background: rgba(0, 91, 95, 0.1);}
    .section-research #content-core .callout,
    .section-research .callout,
    .section-research .callout{background: #EEE7EC;background: rgba(93, 20, 73, 0.1);}
    .section-teaching #content-core .callout,
    .section-teaching .callout{background: #F4EEE5;background: rgba(148, 98, 1, 0.1);}
        
    /*============================= Brights =============================*/
    #portal-breadcrumbs a, .section-.portlet-static-table-of-contents a,
	.portlet-static-anchor-links a,  a .vid-title,
    .handbook-container a.handbook-top-btn, #content .handbook-container a.handbook-top-btn:hover {color:#4b6fa3}
       dl.portlet ul.navTree a.navTreeCurrentItem,
       dl.portlet ul.navTree a.navTreeCurrentItem:hover,
       div.formControls input[type="submit"][value="Submit"],
       div.formControls input[type="submit"],
       div.formControls input[type="submit"][value="Save"],
       nav#mobile-sub-nav ul.navTreeLevel0 .navTreeTopNode,
       #mobile-sub-nav li.navTreeTopNode  a:after,
        #nav-header{background-color:#4b6fa3}
    .section-about #portal-breadcrumbs a, .section-about .portlet-static-table-of-contents a,
	.section-about .portlet-static-anchor-links a,
    .section-about a .vid-title:before,
    .section-about .handbook-container a.handbook-top-btn, .section-about #content .handbook-container a.handbook-top-btn:hover  {color:#fc7b19}
            .section-about dl.portlet ul.navTree a.navTreeCurrentItem,
            .section-about dl.portlet ul.navTree a.navTreeCurrentItem:hover,
            .section-about div.formControls input[type="submit"][value="Submit"],
            .section-about nav#mobile-sub-nav ul.navTreeLevel0 .navTreeTopNode,
            .section-about #mobile-sub-nav li.navTreeTopNode  a:after,
            .section-about #nav-header{background-color:#fc7b19;}
    .section-academics #portal-breadcrumbs a, .section-academics .portlet-static-table-of-contents a,
	.section-academics .portlet-static-anchor-links ,
    .section-academics a .vid-title:before,
    .dtemplate-academics #listing-sub .unit_details a:hover,
    .section-academics .handbook-container a.handbook-top-btn, .section-academics #content .handbook-container a.handbook-top-btn:hover{color:#3360d0}
            .section-academics dl.portlet ul.navTree a.navTreeCurrentItem,
            .section-academics dl.portlet ul.navTree a.navTreeCurrentItem:hover,
            .section-academics div.formControls input[type="submit"][value="Submit"],
            .section-academics nav#mobile-sub-nav ul.navTreeLevel0 .navTreeTopNode,
            .section-academics #mobile-sub-nav li.navTreeTopNode  a:after,
            .section-academics #nav-header{background-color:#3360d0}
    .section-prospective-students #portal-breadcrumbs a, .section-prospective-students .portlet-static-table-of-contents a,
	.section-prospective-students .portlet-static-anchor-links a,
    .section-prospective-students a .vid-title:before,
    .section-prospective-students .handbook-container a.handbook-top-btn,
    .section-prospective-students #content .handbook-container a.handbook-top-btn:hover,
    .subsection-prospective-students .spec-panel dd div.callout a{color:#4ca703}
            .section-prospective-students dl.portlet ul.navTree a.navTreeCurrentItem,
            .section-prospective-students dl.portlet ul.navTree a.navTreeCurrentItem:hover,
            .section-prospective-students div.formControls input[type="submit"][value="Submit"],
            .subsection-prospective-students .spec-panel dd div.callout .css-rnd-btn,
            .section-prospective-students nav#mobile-sub-nav ul.navTreeLevel0 .navTreeTopNode,
            .section-prospective-students #mobile-sub-nav li.navTreeTopNode  a:after,
            .section-prospective-students #nav-header {background-color:#4ca703}
    .section-current-students #portal-breadcrumbs a, .section-current-students .portlet-static-table-of-contents a,
	.section-current-students .portlet-static-anchor-links a,
    .section-current-students .collapsing:before, .section-current-students .portlet-static-anchor-links a,
    .section-current-students a .vid-title:before,
    .section-current-students .handbook-container a.handbook-top-btn, .section-current-students #content .handbook-container a.handbook-top-btn:hover  {color:#c63a02}
        .section-current-students .css-rect-btn:hover,
        .section-current-students dl.portlet ul.navTree a.navTreeCurrentItem,
        .section-current-students dl.portlet ul.navTree a.navTreeCurrentItem:hover,
            .section-current-students div.formControls input[type="submit"][value="Submit"],
            .section-current-students nav#mobile-sub-nav ul.navTreeLevel0 .navTreeTopNode,
            .section-current-students #mobile-sub-nav li.navTreeTopNode  a:after,
            .section-current-students #nav-header{background-color:#c63a02}
    .section-alumni #portal-breadcrumbs a, .section-alumni .portlet-static-table-of-contents a,
	.section-alumni .portlet-static-anchor-links a,
    .section-alumni a .vid-title:before,
    .section-alumni .handbook-container a.handbook-top-btn, .section-alumni #content .handbook-container a.handbook-top-btn:hover {color:#019da3}
    .section-alumni .main-container [class*="icon-"]:before,
    .section-alumni .panel-container [class*="icon-"]:before,
        .section-alumni dl.portlet ul.navTree a.navTreeCurrentItem,
        .section-alumni dl.portlet ul.navTree a.navTreeCurrentItem:hover,
            .section-alumni div.formControls input[type="submit"][value="Submit"],
            .section-alumni nav#mobile-sub-nav ul.navTreeLevel0 .navTreeTopNode,
            .section-alumni #mobile-sub-nav li.navTreeTopNode  a:after,
            .section-alumni #nav-header{background-color:#019da3}
    .section-research #portal-breadcrumbs a, .section-research .portlet-static-table-of-contents a,
	.section-research .portlet-static-anchor-links a,
    .section-research a .vid-title:before,
    .section-research .handbook-container a.handbook-top-btn, .section-research #content .handbook-container a.handbook-top-btn:hover {color:#9e0173}
        .section-research dl.portlet ul.navTree a.navTreeCurrentItem,
        .section-research dl.portlet ul.navTree a.navTreeCurrentItem:hover,
            .section-research div.formControls input[type="submit"][value="Submit"],
            .section-research nav#mobile-sub-nav ul.navTreeLevel0 .navTreeTopNode,
            .section-research #mobile-sub-nav li.navTreeTopNode  a:after,
            .section-research #nav-header{background-color:#9e0173}
    .section-teaching #portal-breadcrumbs a, .section-teaching .portlet-static-table-of-contents a,
	.section-teaching .portlet-static-anchor-links a,
    .section-teaching a .vid-title:before,
    .section-teaching .handbook-container a.handbook-top-btn, .section-teaching #content .handbook-container a.handbook-top-btn:hover {color:#F0AE0B}
            .section-teaching dl.portlet ul.navTree a.navTreeCurrentItem,
            .section-teaching dl.portlet ul.navTree a.navTreeCurrentItem:hover,
            .section-teaching div.formControls input[type="submit"][value="Submit"],
            .section-teaching nav#mobile-sub-nav ul.navTreeLevel0 .navTreeTopNode,
            .section-teaching #mobile-sub-nav li.navTreeTopNode  a:after,
            .section-teaching #nav-header{background-color:#F0AE0B}
    
    .portletWrapper > *, dl.portlet,  a .vid-title 
    {border-color: #4b6fa3}
    .section-about .portletWrapper > *, .section-about dl.portlet,
    .section-about a .vid-title  {border-color: #fc7b19;}
    .section-academics .portletWrapper > *, .section-academics dl.portlet,
    .section-academics a .vid-title  {border-color: #3360d0;}
    .section-prospective-students .portletWrapper > *, .section-prospective-students dl.portlet,
    .subsection-prospective-students dd.portletFooter, .section-prospective-students a .vid-title,
    .subsection-prospective-students .spec-panel dd div.callout {border-color: #4ca703;}
    .section-current-students .portletWrapper > *, .section-current-students dl.portlet,
    .subsection-cen-career-enrichment-network .panels .portletWrapper .portletRss .portletHeader a,
    .section-current-students a .vid-title  {border-color: #c63a02;}
    .section-alumni .portletWrapper > *, .section-alumni .dl.portlet,
    .section-alumni a .vid-title   {border-color: #019da3;}
    .section-research .portletWrapper > *, .section-research dl.portlet,
    .section-research a .vid-title   {border-color: #9e0173;}
    .section-teaching .portletWrapper > *, .section-teaching dl.portlet,
    .section-prosonlinepective a .vid-title   {border-color: #F0AE0B;}
    
    /*============================= Lights =============================*/
    dl.portlet ul.navTree li a:hover {background-color: #f6faff;}
    .section-about  dl.portlet ul.navTree li a:hover {background-color: #fff4eb;}
    .section-academics dl.portlet ul.navTree li a:hover {background-color: #f0f4ff;}
    .section-prospective-students dl.portlet ul.navTree li a:hover {background-color: #f6fef0;}
    .section-current-students dl.portlet ul.navTree li a:hover {background-color: #fef9ec;}
    .section-alumni dl.portlet ul.navTree li a:hover {background-color: #f5ffff;}
    .section-research dl.portlet ul.navTree li a:hover {background-color: #fff6fd;}
    .section-teaching dl.portlet ul.navTree li a:hover {background-color: #fffaec;}
    
    /* Makes sure the time is on two lines */
    /*.subsection-undergraduate-students-experiences-liberal-arts-career-week table td:first-child {
    width: 15%;
    }
    
    .subsection-undergraduate-students-experiences-liberal-arts-career-week table td:nth-child(2) {
    width: 20%;
    }
    
    .subsection-undergraduate-students-experiences-liberal-arts-career-week table td:nth-child(3) {
        width: 55%;
    }
    
    .subsection-undergraduate-students-experiences-liberal-arts-career-week table td:nth-child(4) {
        width: 10%;
    }
    */
    /* don't float images in mobile */
	img.image-right, 
	img.image-left {
		float: none;
		display: block;
		text-align: center;
	}
	img, .max-width{
        max-width: 100%;
        height: auto;}
    p img, .portletWrapper img, #content-core img{
        border: 1px solid #E0E1E1;border: 1px solid rgba(111, 118, 126, 0.5);box-sizing: border-box;}
	.hide {height: .01em; position: absolute; margin-left: -9999px; display: none;}
	.show {height: auto; position: relative; margin-left: 0;}
	.large {font-size: 110%;}
	.bottom-nav-container nav a {margin: 0; padding: 0;}	
	.index-main-container {margin-top: 1em;}
	
	/* Accessibility Skip to Content*/
    
    #skiptocontent a{
        position: absolute; top: -2em; left: 0; z-index: 9999;
        background: transparent;
        -webkit-transition: top .1s ease-out, background .5s linear;
        transition: top .1s ease-out, background .5s linear;
        }
    #skiptocontent a:focus {
        position: absolute; top: 0; left: 0; z-index: 9999;
        background: #000099;
        padding: 1em;
        color: #FFF;
        display: block;
        border: solid #FFF;
        border-width: 0 0.0625em 0.0625em 0;
        border-bottom-right-radius: 8px;
        -webkit-transition: top .1s ease-in, background .5s linear;
        transition: top .1s ease-in, background .5s linear;
        }
    .portlets-above-content{position:relative;}
    #portlets-above {
        float: none;
        max-width: 70em;
        margin: auto;
        width: 90%;
        }
    .portlets-above-content .portletWrapper{margin:0}
    .main{
        min-height: 10em;
        }
    .main,.portlets-above-content {
        background: #FFF;
        overflow: auto;
        -moz-box-shadow: 0px 0px 20px 5px rgba(147, 147, 147, 0.17), 0px 0px 7px 1px rgba(147, 147, 147, 0.35);
        -webkit-box-shadow: 0px 0px 20px 5px rgba(147, 147, 147, 0.17), 0px 0px 7px 1px rgba(147, 147, 147, 0.35);
        box-shadow: 0px 0px 20px 5px rgba(147, 147, 147, 0.17), 0px 0px 7px 1px rgba(147, 147, 147, 0.35);
        }
    #main-column {
        background: #FFF;
        /*overflow:auto;
        padding: 1em 0;*/}
	
	#content {clear: none; font-size: 100%; margin:0;}

	#content .pullquote {
		font-weight: normal;
		font-size: 1.45em;
		letter-spacing: 0;
		font-style: italic;
		border-left: 3px solid #0b3c5d;
		padding-left: 0.5em;
		color: #0b3c5d;
	}
    
    #content-core{
        /*clear: both*/
        max-width: 95%;
        }
	/**** content well portlets fix ****/
	
	.managePortletsBelowTitleLink {clear: none;}
    
    .manageInHeaderPortletsLink,
    .managePortletsBelowTitleLink,
    .managePortletsAboveLink,
    .managePortletsBelowLink,
    .manageFooterPortletsLink {
        clear:none;
        margin:.25em 0;}
	.manage-panels-link{clear:both;}
    
    /*** Search Page ***/
    #searchform {text-align: left;}
    #searchform .documentFirstHeading {margin-bottom: 1em;}
    #search-field{margin-bottom: 1em;}
    .searchResults dt{font-size: 1.25em}
    .searchResults dd {margin: 0 0 1em 1em;}
    #content .searchResults .link-location a {font-weight: normal;}
    .searchResults img {display: none;}
    
    
	/**** social media icons ****/

	a.twittericon {background: url("twitter.png") no-repeat; height: 2.25em; width: 2.25em;}
	a.facebookicon {background: url("facebook.png") no-repeat; height: 2.25em; width: 2.25em;}
	
    /**** Header Extras****/
    #header-extras {
        background: rgba(255, 255, 255, 0.35);
        border-radius: 1em;
        display: inline-block; 
        height: 1.6em;
        margin-right: 1em;
        vertical-align: top;}
    #header-extras a{
        color:#FFF;
        font-size: .8em;
        line-height: 2em;
        padding: 0 1em;
        text-transform: uppercase;
        }
    
    /**** searchbox ****/

    
    
    #page-extras,
    .content-header #menu{
        float:right;
        margin-top: .25em;
        min-width: 14em;}
    #page-extras h1{
        color: #6a7788;
        font-family: 'interface';
        font-size: .8em;
        font-weight: bold;
        text-transform: uppercase;
        }
    #page-extras a{
        background: #B6B8BB;
        background: rgba(106, 119, 136, 0.5);
        color: #191e24;
        display: inline-block;
        font-size: 1em;
        font-style: italic;
        font-weight: normal;
        padding: .175em 0.5em;
        transition: all ease 200ms;
        }
    nav#topnav ul.nav-extras{
        display: none;
        border-top: 1px solid rgba(55, 156, 237, 0.23);
        }
    .nav-extras li {
    background: rgba(55, 156, 237, 0.23)
    }
    #page-extras a:hover{color: #FFF; background: #2d3540;}
    #page-extras a+a{ margin-left: .75em;}
    
    /**** #page-extras margin for long page titles (per page) ****/
    .subsection-get-involved-penn-state-women-leaders-of-today-and-tomorrow-penn-state-women-leaders-of-today-and-tomorrow #page-extras {margin-bottom: 1em;}
    
	/**** columns ****/
	
    #content {float: left; width: 100%;}
	.main #left-column, .main #right-column {display: none;}
    .main #left-column #right-column {margin: 0;}
	#bottom-menu #left-column, #bottom-menu #right-column {display: block; }
    .template-folder_contents #right-column {display: none;}
	
    .section-prospective-students #content > div.panels > div.panel.panel-0.panel-horizontal > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    margin-bottom: 0;
    }
    
    .section-prospective-students #content > div.panels > div.panel.panel-0.panel-horizontal > div .portletWrapper {
    margin-bottom: 0;
    }
    
    .section-prospective-students #content > div.panels > div.panel.panel-0.panel-horizontal > div .cell {
        margin-left: initial!important;
        margin-bottom: 1rem!important;
        float: none!important;
        left: initial!important;
        width: 100%!important;
        transition: all 0.25s ease-out!important;
    }
    
    
	/**** portlets ****/

	dl.portlet ul {list-style: none;}
    #content dl.portlet ul{margin-left: 0;}
	dl.portlet dt {background: transparent;}
    
    .section-prospective-students #inner-container > div.panel-container.spec-panel > div > div:nth-child(2) > div,
    .section-prospective-students #inner-container > div.panel-container.spec-panel > div > div:nth-child(1) > div{
        margin: 2em auto 0 auto;
    }
    
    .portlet-static-major-minor li {
     margin-bottom: .25rem;   
     line-height: 1.5rem;
    }
    
    .portlet-static-major-minor li a {
     font-weight: bold;   
    }
    
    .section-prospective-students .panels div.row {margin:0;}
    .panels div.row {margin: 2em auto 0 auto;}
    
    .portletWrapper{margin-bottom: 1.5em;}
    #inner-container .portlet-static-connect-with-us {background: #E8EAEC;
        background: rgba(106, 119, 136, 0.15);}
    .portletWrapper dd.portletFooter.socialFooter a{font-weight: bold;}
    .portletWrapper > *,dl.portlet{
        background: #E8EAEC;
        background: rgba(106, 119, 136, 0.15);
        border-top-width: 0.225em;;
        border-top-style: solid;
        line-height: 1.25em;
        }
    .portletWrapper p {margin-bottom: .75em;}
    .portletWrapper a {font-weight: normal;}
    .portletWrapper b a,
    .portletWrapper strong a,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory #directory-listing a.personName {font-weight: bold;}
    dl.portlet dt.portletHeader{
        border-bottom: 1px dotted #E0E1E1;
        border-bottom: 1px dotted rgba(111, 118, 126, 0.5);}    
    dl.portlet dt.portletHeader,
    dl.portlet dt.portletHeader a,
    div.portletStaticText h2{
        color: #191e24;
        /*font: bold .95em 'interface';*/
        }
    div.portletStaticText h2{font: bold .95em 'interface';}
    dl.portletStaticText .portletItem,
    .portletWrapper > div {padding: 0.5em 1em;}
    
    .portlet-static-major-minor p {
     line-height: 1.5rem;   
    }
    
    dl.portletStaticText.portlet-static-major-minor .portletItem,
    .portletWrapper > div.portlet-static-major-minor {padding: 0.5em 1em;padding-left:0!important;}
    
    .section-alumni.subsection-the-paterno-anthology .portletWrapper > div { padding: 0;}
    .portletWrapper > div.portletTwitter,.portletWrapper > .portletFacebook{padding: 0;}
    /** Other Background-less portlets**/
    .portletWrapper .portletRss,
    div .portletWrapper .portlet-static-leadership-by-the-numbers,
    div .portletWrapper .portlet-static-liberal-arts-by-the-numbers,
    div .portletWrapper .portlet-collection-upcoming-events,
    .subsection-cen-career-enrichment-network .portletWrapper ,
    .subsection-cen-career-enrichment-network .portletWrapper > *,
    .portletWrapper .portletTwitter,
    .portletWrapper .portletSignUp,
    .subsection-liberal-arts-edge-liberal-arts-edge .panel-container .portletWrapper > *,
    .subsection-get-involved-get-involved .panel-container .portletWrapper > *,
    .portletWrapper .portlet-static-student-organizations,
    .portletWrapper dl.portlet-static-student-organizations dd,
    .subsection-undergraduate-students-paterno-fellows-about-us .panel-container .portletWrapper > *,
    .subsection-cen-funding-funding .panel-container .row div:nth-of-type(2) .portletWrapper > *,
    .portletWrapper .portletVideoCollection
    {background: none;
    padding: 0;}



    .portletWrapper .portletRss .portletHeader a,
    div.portletWrapper dl.portlet-static-leadership-by-the-numbers dt.portletHeader,
    dl.portlet-collection-leadership-by-the-numbers dt.portletHeader,
    div.portletWrapper dl.portlet-static-liberal-arts-by-the-numbers dt.portletHeader,
    dl.portlet-collection-liberal-arts-by-the-numbers dt.portletHeader,
    div.portletWrapper dl.portlet-collection-upcoming-events  dt.portletHeader,

    /*.subsection-cen-career-enrichment-network .portletWrapper .portletTwitter a,*/
    .portletWrapper .portletTwitter a, 
    .portletWrapper .portletSignUp span,
    #portlet-success-stories .portletHeader a,
    dl.portlet-static-podcast dt.portletHeader,
    .portletWrapper dl.portlet-static-student-organizations dt.portletHeader,
    .portletVideoCollection .portletHeader
    {
        border: 0;
        display:inline-block;
        padding: .75em 0 1.5em 0;
        text-transform: uppercase;
        font-size: .8em;
        font-weight: bold;
        color: #6a7788;
    }
    
    .smaller-text {
     font-size: 90%;   
    }
    
    div.portletWrapper dl.portlet-collection-upcoming-events  dt.portletHeader a {
        color: #6a7788;
        text-transform: uppercase;
        font-weight: bold;
        color: #6a7788;
    }
    
    /** Decrease header padding **/
    .portletWrapper dl.portlet-static-student-organizations dt.portletHeader
    {padding-bottom: 0;}
    
    /** Border portlets with mini Headers**/
    .portletWrapper dl.portlet-static-student-organizations h2{
        color: #183e71;
        font-size: 1.125em;
        font-weight: bold;
        }
    .portletWrapper dl.portlet-static-student-organizations {padding-bottom: 4em;}
    
    #portlet-success-stories .portletHeader a:hover,
    .portletWrapper .portletHeader a:hover{color: #183e71;}
    .portletWrapper .portletRss .portletContent,
    .portletWrapper .portletRss dd.portletItem,
    /*.subsection-cen-career-enrichment-network #twitter-portlet,*/
    #twitter-portlet,
    #portlet-success-stories .portletContent,
    .subsection-cen-global-experience #left-column .portletRss,
    .subsection-student-services-academic-integrity #left-column .portletRss,
    .subsection-cen-about-network-simplicity-about-network-simplicity #left-column .portletRss,
    .subsection-cen #left-column .portletRss,
    .symplicity-job-board,
    .subsection-undergraduate-students-paterno-fellows-paterno-fellows #left-column .portletRss,
    .template-programslisting .program_details,
    .unit_container,
    .subsection-undergraduate-students-education-commencement .unit_container,
    .section-news .item,
    .subsection-diversity-and-inclusion-faculty .item,
    .subsection-diversity-and-inclusion-students .item,
    #content-core li.lwe{
    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);

        }
    .portletFacebook iframe
        {background: #FFF;
        -moz-box-shadow: 0px 0px 7px 3px rgba(147, 147, 147, 0.25);
        -webkit-box-shadow: 0px 0px 7px 3px rgba(147, 147, 147, 0.25);
        box-shadow: 0px 0px 7px 3px rgba(147, 147, 147, 0.25);}
    #twitter-portlet iframe{width:100% !important;padding: 0 .5em;box-sizing: border-box;}
    .portletTwitter .portletHeader iframe {float: right; padding: .5em 1.5em;}
   
   .panel-container dl.portlet-static-leadership-by-the-numbers,
   .panel-container dl.portlet-static-liberal-arts-by-the-numbers,
   .panel-container dl.portlet-collection-upcoming-events {background: #FFF;}
   dl.portlet-static-leadership-by-the-numbers dd.portletFooter, 
   dl.portlet-static-liberal-arts-by-the-numbers dd.portletFooter,
   dl.portlet-static-portlet-collection-upcoming-events dd.portletFooter{color:#6a7788;padding-left: 0;}
   dl.portlet-static-leadership-by-the-numbers dt.portletHeader,
   dl.portlet-static-liberal-arts-by-the-numbers dt.portletHeader,
   dl.portlet-collection-upcoming-events dt.portletHeader {color: #6a7788;}
   .panel-container .width-full .portletWrapper dl.portlet-static-leadership-by-the-numbers dt.portletHeader,
   .panel-container .width-full .portletWrapper dl.portlet-static-liberal-arts-by-the-numbers dt.portletHeader,
   .panel-container .width-full .portletWrapper dl.portlet-collection-upcoming-events dt.portletHeader, 
   .panel-container .width-full .portletWrapper dl.portlet-static-leadership-by-the-numbers  dd.portletFooter,
   .panel-container .width-full .portletWrapper dl.portlet-static-liberal-arts-by-the-numbers  dd.portletFooter,
   .panel-container .width-full .portletWrapper dl.portlet-collection-upcoming-events  dd.portletFooter{margin-left: 1em;}
   .spec-panel.panel-container .panel-wrapper:first-of-type .width-full .portletWrapper dl.portlet-static-leadership-by-the-numbers dt.portletHeader,
   .spec-panel.panel-container .panel-wrapper:first-of-type .width-full .portletWrapper dl.portlet-static-liberal-arts-by-the-numbers dt.portletHeader,
   .spec-panel.panel-container .panel-wrapper:first-of-type .width-full .portletWrapper dl.portlet-collection-upcoming-events dt.portletHeader {margin-left: auto;}
   dl.portlet-static-leadership-by-the-numbers .portletItem,
   dl.portlet-static-liberal-arts-by-the-numbers .portletItem,
   dl.portlet-collection-upcoming-events .portletItem{padding: 0}
   
    .portlet-static-leadership-by-the-numbers ul.stat-list, .spec-panel .portlet-static-leadership-by-the-numbers dd,
    .portlet-static-liberal-arts-by-the-numbers ul.stat-list, .spec-panel .portlet-static-liberal-arts-by-the-numbers dd {text-align: center;}
    #main-column .portlet-static-leadership-by-the-numbers ul.stat-list, .portlet-static-leadership-by-the-numbers dd,
    #main-column .portlet-static-liberal-arts-by-the-numbers ul.stat-list, .portlet-static-liberal-arts-by-the-numbers dd {text-align: left;}
    
    #main-column .portlet-static-liberal-arts-by-the-numbers ul.stat-list {
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
    }
    
    #main-column.hasleftcol .portlet-static-liberal-arts-by-the-numbers .stat-item img {
     flex: 0 0 33%;
    }
    
    .portlet-static-liberal-arts-by-the-numbers .stat-item:nth-child(4) {
    border-left: 0;
    border-top: .0825rem dotted rgba(106, 119, 136, .5);
    border-right: .0825rem dotted rgba(106, 119, 136, .5);
    }

    .portlet-static-liberal-arts-by-the-numbers .stat-item:nth-child(5) {
    border-left: 0;
    border-top: .0825rem dotted rgba(106, 119, 136, .5);
    border-right: .0825rem dotted rgba(106, 119, 136, .5);
    }
    
    .portlet-static-liberal-arts-by-the-numbers .stat-item:nth-child(6) {
    border-left: 0;
    border-top: .0825rem dotted rgba(106, 119, 136, .5);
    }
    .portlet-static-liberal-arts-by-the-numbers .stat-item {
     border-width: 0.0825em;
     flex: 0 1 33%;
    }
    
    .portlet-static-liberal-arts-by-the-numbers .stat-item:nth-child(2) {
        
    }
    
    .portlet-static-liberal-arts-by-the-numbers .stat-item:nth-child(3) {
        
    }
    
    .portlet-static-liberal-arts-by-the-numbers .stat-item:nth-child(4) {
        
    }
    
    .portlet-static-liberal-arts-by-the-numbers .stat-item:nth-child(5) {
        
    }
    
    .portlet-static-liberal-arts-by-the-numbers .stat-item:nth-child(6) {
        
    }
    
    .portlet-static-leadership-by-the-numbers .stat-item img,
    .portlet-static-liberal-arts-by-the-numbers .stat-item img,
    #main-column.hasleftcol .portlet-static-leadership-by-the-numbers .stat-item img,
    #main-column.hasleftcol .portlet-static-liberal-arts-by-the-numbers .stat-item img,
    .spec-panel .panel-wrapper:first-of-type .portlet-static-leadership-by-the-numbers img,
    .spec-panel .panel-wrapper:first-of-type .portlet-static-liberal-arts-by-the-numbers img {border-width:0;width: 100%;max-width:259px;}
    .portlet-static-leadership-by-the-numbers .stat-item,
    .portlet-static-liberal-arts-by-the-numbers .stat-item,
    .portlet-static-leadership-by-the-numbers img,
    .portlet-static-liberal-arts-by-the-numbers img{
        display:inline-block;
        border: dotted rgba(106, 119, 136, 0.5);
        border-width: 0 0 0 0.0825em;
        width: 24%}
        .portlet-collection-upcoming-events dd.portletItem,
    .portlet-static-upcoming-events .lwe {
    display: table-cell;
    padding: 2rem!important;
    width: 24%;
    border: dotted rgba(106, 119, 136, 0.5);
    border-width: 0 0 0 0.0825em;
    }
    
    .subsection-graduate-students-career-diversity-career-diversity .portlet-static-upcoming-events {
     background: #fff!important;   
    }
    
    .subsection-graduate-students-career-diversity-career-diversity .portlet-static-upcoming-events .portletHeader {
     border-bottom: 0;   
    }
    
    .subsection-graduate-students-career-diversity-career-diversity li.lwe a {
    display: block;
    padding-bottom: .5rem;
    }
    
    .subsection-graduate-students-career-diversity-career-diversity .lwn0,
    .subsection-graduate-students-career-diversity-career-diversity .portlet-static-upcoming-events .portletHeader {
    text-transform: uppercase;
    color: #6a7788;
    font-weight: bold;
    margin-left: 0;   
    font-size: 10.88px;
    }
    
    .subsection-graduate-students-career-diversity-career-diversity .lwn {
        display: flex;
        flex-direction: column-reverse;
    }
    
    ul.stat-list {display:table; width: 100%;}
    .portlet-static-leadership-by-the-numbers .stat-item,
    .portlet-static-liberal-arts-by-the-numbers .stat-item {display:table-cell;}
    .portlet-static-leadership-by-the-numbers .stat-item:first-of-type,
    .portlet-static-liberal-arts-by-the-numbers .stat-item:first-of-type,
    .subsection-graduate-students-career-diversity-career-diversity .portlet-static-upcoming-events .lwe:first-of-type,
    .portlet-static-leadership-by-the-numbers img:first-of-type,
    .portlet-static-liberal-arts-by-the-numbers img:first-of-type,
    .portlet-collection-upcoming-events .portletItem:first-of-type{border: 0}
    .portlet-static-leadership-by-the-numbers .portletFooter,
    .portlet-static-liberal-arts-by-the-numbers .portletFooter {border-top: 0.0825em solid rgba(106, 119, 136, 0.2);}
    .spec-panel .panel-wrapper:first-of-type .portlet-static-leadership-by-the-numbers img + img,
    .spec-panel .panel-wrapper:first-of-type .portlet-static-liberal-arts-by-the-numbers img + img {border-top-width: 0.0825em;}
    #main-column.hasleftcol .portlet-static-leadership-by-the-numbers .stat-item,
    #main-column.hasleftcol .portlet-static-liberal-arts-by-the-numbers .stat-item,
    #main-column.hasleftcol .portlet-static-leadership-by-the-numbers img,
    #main-column.hasleftcol .portlet-static-liberal-arts-by-the-numbers img {width: 33%;}
    .spec-panel .panel-wrapper:first-of-type .portlet-static-leadership-by-the-numbers .portletHeader,
    .spec-panel .panel-wrapper:first-of-type .portlet-static-liberal-arts-by-the-numbers .portletHeader,
    dl.portlet-static-podcast dt.portletHeader {display: block;text-align: center;}

    .leadership-by-the-numbers ul li:first-of-type,
    .liberal-arts-by-the-numbers ul li:first-of-type {
     border: 0;   
    }
    
    .leadership-by-the-numbers ul li,
    .liberal-arts-by-the-numbers ul li {
    border: dotted rgba(106, 119, 136, 0.5);
    border-width: 0 0 0 0.0825em;
    }
    
    .leadership-by-the-numbers ul,
    .liberal-arts-by-the-numbers ul {
     display: flex;
     flex-wrap:nowrap;
    }
    
    .portlet.portlet-collection-leadership-by-the-numbers,
    .portlet.portlet-collection-liberal-arts-by-the-numbers {
     background: none;   
    }
    
    .section-teaching.subsection-filippelli-institute-for-e-education-and-outreach .portletWrapper {
     margin: 0;   
    }
    
    .leadership-by-the-numbers ul li, .index-header-image ul li,
    .liberal-arts-by-the-numbers ul li {
    background: no-repeat center;
    position: relative;
    min-height: 7em;
    width: 16rem;
    max-width: 277px;
    height: auto;
    background-size: 100%;
    }
    
    .portlet-collection-upcoming-events span.portletItemDetails {
    text-transform: uppercase;
    color: #6a7788;
    font-weight: bold;
    margin-left: 0;
    }
    
    .portlet-collection-upcoming-events .portletFooter {
     display: none   ;
    }
    


    .spec-panel .panel-wrapper:first-of-type .portlet-static-leadership-by-the-numbers img,
    .spec-panel .panel-wrapper:first-of-type .portlet-static-liberal-arts-by-the-numbers img {width:100%;}
   
   /** Facebook Portlets **/
   .portletFacebook .fb_iframe_widget, .portletFacebook span, .portletFacebook iframe{width:100% !important;} 
   .portletFacebook iframe{background:#FFF}
    
    .portletFacebook {}
    .portletWrapper .portletRss .portletItem > a{
        font-family: 'museo-slab';
        font-weight: bold;
        font-size: 1.05em;
        }
    .portletWrapper .portletRss .portletItem .portletItemDetails{
        color:#6a7788;
        font-weight: normal;
		font-size: 0.9em;
		font-family: 'interface',sans-serif;
        padding: .5em 0;
        margin: 0;}
    .portletWrapper .portletRss .description{line-height: 1.4em;}
    .portletWrapper .portletRss .description img{display:none;}
    .subsection-undergraduate-students-advising-advising .portletWrapper .portletRss .description img{display:block;}
    .portletWrapper .portletRss .portletFooter{
        background: none;
        box-shadow: none;
        }
    .portletWrapper .portletRss .portletFooter a span:nth-of-type(2){
        background: grey;
        display:inline-block;
        padding: 0;}
    .subsection-cen-global-experience #left-column .portletRss,
    .subsection-student-services-academic-integrity #left-column .portletRss,
    .subsection-cen-about-network-simplicity-about-network-simplicity #left-column .portletRss,
    .subsection-cen #left-column .portletRss,
    .subsection-undergraduate-students-paterno-fellows-paterno-fellows #left-column .portletRss
    {
        border-width:0;
    }
    .subsection-cen-global-experience #left-column .portletRss .portletContent,
    .subsection-student-services-academic-integrity #left-column .portletRss .portletContent,
    .subsection-cen-about-network-simplicity-about-network-simplicity #left-column .portletRss .portletContent,
    .subsection-cen #left-column .portletRss .portletContent,
    .subsection-undergraduate-students-paterno-fellows-paterno-fellows #left-column .portletRss .portletContent{
        box-shadow:  none;
        overflow:hidden;}
    .subsection-cen-global-experience #left-column .portletRss .portletHeader .portletTopLeft,
    .subsection-student-services-academic-integrity #left-column .portletRss .portletHeader .portletTopLeft,
    .subsection-cen-about-network-simplicity-about-network-simplicity #left-column .portletRss .portletHeader .portletTopLeft,
    .subsection-cen #left-column .portletRss .portletHeader .portletTopLeft,
    .subsection-undergraduate-students-paterno-fellows-paterno-fellows #left-column .portletRss .portletHeader .portletTopLeft{
        background: url('../img/LA_VOICES_BUTTON.png') no-repeat top center;
        background-size: 100%;
        display: block;
        padding-top: 5.5em;
    }
    .subsection-cen-global-experience #left-column .portletRss .portletHeader a,
    .subsection-student-services-academic-integrity #left-column .portletRss .portletHeader a,
    .subsection-cen-about-network-simplicity-about-network-simplicity #left-column .portletRss .portletHeader a,
    .subsection-cen #left-column .portletRss .portletHeader a,
    .subsection-undergraduate-students-paterno-fellows-paterno-fellows #left-column .portletRss .portletHeader a
    {
        margin: -1.5em 0 0 1em;
        padding-bottom: 0;
        }
    .subsection-undergraduate-students-paterno-fellows-program-events-1 tr th:first-child, 
    .subsection-undergraduate-students-paterno-fellows-program-events-1 tr td:first-child {
     width: 20%;   
    }
    .subsection-undergraduate-students-paterno-fellows-program-events-1 tr th:nth-child(2),
    .subsection-undergraduate-students-paterno-fellows-program-events-1 tr td:nth-child(2) {
     width: 80%;   
    }
    .portletRss .slick-list,
    #portlet-success-stories .slick-list
    {margin: 0 3em;}
    .slick-list li + li{
        border-left: dotted 0.115em #FFF;
        }
    .slick-list li {box-sizing: border-box;min-height: 20em;}
    .single-item-Homepage .slick-list li + li.slick-active,
    .single-item-Homepage .slick-list li
    { border: none;}
   .slick-list li + li.slick-active{
        border-left: dotted 0.115em #B5BBC4;
        border-left: dotted 0.115em rgba(106, 119, 136, 0.5);
        }
    #hero .slick-list li,
    .portletRss .single-item li.slick-slide {border: 0;}
   /*.portletRss .double-item li.slick-active + li,
    #portlet-success-stories li.slick-active + li
    {border-right: dotted 0.115em #FFF;}
    .portletRss li.slick-slide,
    #portlet-success-stories li.slick-slide{
        border-right: dotted 0.115em;
        border-right-color: #B5BBC4;
        border-right-color: rgba(106, 119, 136, 0.5);}*/
        
    .subsection-undergraduate-students-college-offices-career-enrichment-network #portlet-success-stories li.portletItem {list-style: none;}
    
    .portletRss .portletFooter{display: none;}
    /*.subsection-cen-global-experience {background: url('LA_VOICES_BUTTON.png')}*/
    .portletRss img,
    #portlet-success-stories .portletContent img{
        height: 7em;
        width: auto;
        border: 0.0825em solid #E0E1E1;
        border: 0.0825em solid rgba(111, 118, 126, 0.5);
        box-sizing: border-box;
        margin-bottom: 1em;
        }
    #portlet-success-stories .slick-slider {margin-bottom: 0}
    #portlet-success-stories p {color:#191e24 ;font-size: 90%;line-height: 1.25em;}
    #portlet-success-stories .portletFooter{background: #E8EAEC;background: rgba(106, 119, 136, 0.15);}
    #portlet-success-stories .portletFooter #portlet-success-more{
        display: block;
        font-weight: bold;
        margin-bottom: 1em;
        }
    
    
    .subsection-cen-la-401-professional-development-for-liberal-arts-students .slick-track  {}
    
    /** Border-less/background less Portlets **/
    .documentActions ~ .panels .portletStaticText,
    dl.portlet-static-documents,
    .section-faculty-staff .panel-0 dl.portlet,
    .subsection-prospective-students .panels div.panel-wrapper:nth-of-type(even) dl.portlet,
   .panels dl.portlet-static-resources,
    .alumni-social-media-header
    {
        background: none;
        border: 0;
        /*padding-right: 2em;*/
        }
    .subsection-cen-career-enrichment-network .portletWrapper .portletRss,
    #portlet-success-stories,
    .subsection-parent-resources .portlet-static-additional-resources,
    .portletWrapper .portlet-static-procedures,
    .section-visit-us .panels div.panel-wrapper:nth-of-type(even) dl.portlet,
    .section-visit-us .panels div.panel-wrapper:nth-of-type(even) .portletStaticText,
   .portletWrapper .portlet-static-panel-blurb,
   .portletWrapper .portlet-static-no-border-bg-bx
    {
        background: none;
        border: 0;
        }
        
    .subsection-cen-career-enrichment-network .portletWrapper .portletRss .portletHeader a{text-transform: capitalize;}
    .documentActions ~ .panels .portletStaticText .portletHeader,
    dl.portlet-static-documents dt.portletHeader,
    .section-faculty-staff #content dl.portlet dt.portletHeader,
    .section-faculty-staff .panel-0 dl.portlet dt.portletHeader,
    .subsection-prospective-students .panels div.panel-wrapper:nth-of-type(even) dl.portlet  dt.portletHeader,
    .section-research .spec-panel .panel-wrapper:nth-of-type(2) .portletHeader,
    .panels dl.portlet-static-resources dt.portletHeader,
    .subsection-cen-career-enrichment-network .portletWrapper .portletRss .portletHeader a,
    .subsection-parent-resources .portlet-static-additional-resources dt.portletHeader,
    .portletWrapper .portlet-static-procedures dt.portletHeader,
    .section-visit-us .panels div.panel-wrapper:nth-of-type(even) dl.portlet  dt.portletHeader
    {
        border-bottom: 0.125em solid rgba(111, 118, 126, 0.5);
        display: block;
        font-family: 'museo-slab';
        font-size: 1.7em;
        font-weight: normal;
        line-height: 1.325em;
        padding: 0 0 0.5em 0;
        }
    .subsection-cen-career-enrichment-network .portletWrapper .portletRss .portletHeader {padding-bottom: 0;}
    .subsection-prospective-students .panels div.panel:nth-of-type(even) dl.portlet  dt.portletHeader a{font-family: 'museo-slab';font-weight: normal;}
    dl.portlet-static-documents .portletItem,
    .section-faculty-staff #content dl.portletStaticText .portletItem,
    .section-faculty-staff .panel-0 dl.portletStaticText .portletItem,
     .subsection-prospective-students .panels div.panel-wrapper:nth-of-type(even) dl.portlet .portletItem,
     .subsection-parent-resources .portlet-static-additional-resources .portletItem,
     .subsection-liberal-arts-research-office dl.portlet .portletItem,
     .documentActions ~ .panels dl.portletStaticText .portletItem,
    dl.portlet-static-procedures .portletItem,
   .panels dl.portlet-static-resources .portletItem{
         padding: 1em 0;}
    
    .subsection-need-help .panel.panel-1 .row{margin-top: 0;}
    .subsection-need-help .panel .portletStaticText dd {
        display: none;}
    .subsection-need-help .panel .portletWrapper,
    .subsection-need-help .panel .portletWrapper dl{margin:0}
    .subsection-need-help .panel-wrapper:nth-of-type(2) .panel .row{margin:0;}
    .subsection-need-help .panel .row:first-of-type div{
        background: none;
        border: 0;
        padding-left: 0;}
    .subsection-need-help .panel .row:first-of-type h3{
        font-family: 'interface';
        font-size: 1.25em;
        }
    .portletWrapper .portlet-static-no-border-bg-bx{
        margin-top: 1.5em;
        line-height: 1.5em;}
    #main-column .portletWrapper .portlet-static-no-border-bg-bx{
        margin: 0;
        padding-left: 0;
        }
   .portletWrapper .portlet-static-panel-blurb{
        padding: 0 0 1.5em 0;
        line-height: 1.45em;
        margin-bottom: 2em;
   }
    .section-visit-us .portletWrapper .portlet-static-panel-blurb{
        border-bottom: 1px solid #E0E1E1 !important;
        border-bottom: 1px solid rgba(111, 118, 126, 0.5) !important;
       }
   
   .portlet-static-panel-blurb a{
        font-weight: bold;
     }
    .panel .portlet-static-panel-blurb.portletStaticText a.external-link:before,
    .panel .portlet-static-panel-blurb.portletStaticText a.internal-link:before,
    .panel .portlet-static-panel-blurb.portletStaticText a:before
    {display: none;}
   
    #content .portletStaticText {}
    
    #content-core .callout{
        padding: 1em;
        border-left: 0;
        clear: none;
        }
    #content-core .callout.quote-block,
    .callout.quote-block{
        font-size: 1.25em;
        line-height: 1.25em;
        border-left: 0.2em solid #ddd;
        border-left: 0.2em solid rgba(111, 118, 126, 0.5);
        padding: .75em;
        }
    .callout.quote-block em {color: #191e24}
    #content-core .callout h1,
    #content-core .callout h2,
    #content-core .callout h3,
    #content-core .callout h4{
        font-family: 'interface';
        font-weight: bold;
        }

    
	/**** editing ****/

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

	/**** site header ****/
	
    header.wrapper {position: relative;}
    .dtemplate-base .header-container,
    .main-container>*,
    .spec-panel.panel-container,
    .panel-container,
    #listing-main,#listing-sub,
    #inner-container > footer > *{
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        clear: both;
    }
    .dtemplate-base .header-container, 
    .header-container{
        position: relative;
        background: #000 url('../img/CLA_Utility_Img_GENERIC.png') center center no-repeat;
        background-size:cover;
        -moz-box-shadow: 0px 2px 27px 6px rgba(147, 147, 147, 0.35);
        -webkit-box-shadow: 0px 2px 27px 6px rgba(147, 147, 147, 0.35);
        box-shadow: 0px 2px 27px 6px rgba(147, 147, 147, 0.35);
        }
    .section-about .header-container{background-image: url('../img/CLA_Utility_Img_ABOUT.png');}  
    .section-academics .header-container{background-image: url('../img/CLA_Utility_Img_ACADEMICS.png');}
    .section-prospective-students .header-container{background-image: url('../img/CLA_Utility_Img_PROSPECTIVE.png');}
    .section-current-students .header-container{background-image: url('../img/CLA_Utility_Img_CURRENT.png');}
    .section-alumni .header-container{background-image: url('../img/CLA_Utility_Img_ALUMNI.png');}
    .section-research .header-container{background-image: url('../img/CLA_Utility_Img_RESEARCH.png');}
    .section-teaching .header-container{background-image: url('../img/CLA_Utility_Img_ONLINE.png');}
	#site-title {position: absolute;display: inline-block;float:left;visibility: hidden;}
    #site-title img {max-width: 100%;}
	#site-title h1.small-title {display:none;}
	
	/**** site navigation ****/
    .menuToggle{display:none;}
    div#mobile-nav{display: none;}
	nav#topnav {
        border-top: #fff dotted 0.0825em ;
	    display:block;
		text-align:center;
	    width: 100%;
		text-align: center;
	}

	nav#topnav ul {}
    nav#sub-nav ul {display: none;}
	nav#topnav div.small {display: inline;}
	nav#topnav.nav-collapsed {height: 2.5em; overflow: hidden;}
	nav#topnav li a, nav#topnav div.small a, nav#sub-nav li a {
		background: none;
        font-weight: bold;
		padding: .6em .7em;
		margin: 0;
		width: auto;
	}
    nav#topnav li a{color: #FFF}
    
    nav#sub-nav li a,
    .template-programslisting button,
    .template-programslisting li:first-child{
        color: #14335f;
        font-size: .85em;
        line-height: 1.25em;
        padding: 0.6em 1.75em;}
    nav#sub-nav li a:hover{text-decoration: underline;}
    
	nav#topnav div.small a {
        margin-right: 1em;
        display: block;
		height: 1.35em;
		text-align:right; 
		background: url("../img/menu-icon-blue.png") no-repeat center right;
	}

    .content-header .wrapper{
        position: relative;
        margin: 0 auto;
        padding: 1em 0;}
    
    /*** Content Header Area Specific Colors ***/
    .section-about .content-header, .section-about .hero-header {background: #fff5ec;}
    

	/**** side navigation ****/
	
	dl.portletNavigationTree {
        background: #FFF;
        display: none;
        border: 0;
        }
	dl.portletNavigationTree#site-navigation {display: block;margin: 1em auto;}
    dl.portletNavigationTree#site-navigation .portletHeader a:after {content: " - In This Section";}
    dl#site-navigation  dt.portletHeader a {color: #FFF;}
    
	dl.portletNavigationTree ul.navTree {padding: 0; margin: 0;}
	dl.portlet ul.navTreeLevel0 > .navTreeItem {
		padding: 0;
		margin: 0;
		border: 0;
		line-height: 1.3em;
	}
    dl#site-navigation  dt.portletHeader{padding: 0;}
	dl.portlet ul.navTree li a,
    dl#site-navigation  dt.portletHeader a{
        font-weight: bold;
		padding: .65em .25em .65em 1em;
	}
    dl.portlet ul.navTree li.navTreeItem + li {
        border-top: 0.0825em solid;
        border-color: #CCC;
        border-color: rgba(106, 119, 136, 0.2);
    }
    #botnav dl.portlet ul.navTree li.navTreeItem + li{
        padding-left: 1.5em;
        }
	dl.portlet ul.navTree li a:hover {
		/*background: #f6faff;*/
		color: #191e24;
	}
	dl.portlet.portletNavigationTree ul.navTree a.navTreeCurrentItem {
        color: #FFF;
		margin: 0;
	}
	
	dl.portlet ul.navTree.navTreeLevel1 {
		background: #f5f1f2;
		padding-bottom: .5em;
	}
	dl.portlet ul.navTree.navTreeLevel1 li.navTreeItem {
		padding-left: 1em;
		line-height: 1.3em;
		margin: 0;
	}
 
	dl.portlet ul.navTree.navTreeLevel1 li a {
		padding: .25em .25em .25em 1em;
		margin: .1em 0;
		border: 0;
	}
	dl.portlet ul.navTree.navTreeLevel1 li a:hover {
		background: #0b3c5d;
		color: #fff;
	}
	
	dl.portlet ul.navTree.navTreeLevel1 a.navTreeCurrentItem {
		border: 0;
		margin: .1em 0;
		background: #0b3c5d;
		color: #fff;
	}
	dl.portlet ul.navTree.navTreeLevel1 a.navTreeCurrentItem:hover {
		color: #fff;
	}
	
    #left-column .portletNavigationTree .portletHeader{display: none;}

	/*** bottom menu ***/
	
	#bottom-menu a {text-align:left;}
	
	/**** directory ****/
    
    /*** Hide photo of Jennifer Wagner-Lawler on Graduate Student Contact Us Page ***/
    
    .subsection-graduate-students-contact-us #content-core .item:last-child .listing:nth-child(1) #directory-photo,
    .subsection-graduate-students-contact-us #content-core .item:last-child .listing:nth-child(1) #directory-listing .jobTitle li:nth-child(2){
     display: none;   
    }
	
	#content .facultyStaffDirectory {float: left; width: 100%;}
	#content .facultyStaffDirectory ol.classificationList {display: none;}
	#content .facultyStaffDirectory .standardView .classificationListing h2,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .standardView .classificationListing h2 {background: #f5f1f2;}
	#content .facultyStaffDirectory .standardView .classificationListing h2 a,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .standardView .classificationListing h2 a {color: #0b3c5d; padding: .5em;}
	#content .facultyStaffDirectory #directory-photo,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .directory-photo {float: left;margin-left: 1em;}
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .directory-photo img {width:100px;}
	#content .facultyStaffDirectory #directory-listing,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory #directory-listing {margin-left: 9.5em;}
    #content .facultyStaffDirectory.nophoto #directory-listing {margin: auto 2%;}
	#content .facultyStaffDirectory .listing {
        padding: 1em 0;
        /*border-bottom: 0.0825em dotted #BBB;
        border-bottom: 0.0825em dotted rgba(106, 119, 136, 0.5);*/
        margin: 0;
        clear: both;}
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .listing {padding: 1em 0;}
    #content .facultyStaffDirectory .listing:last-child {border: 0;}
	#content .facultyStaffDirectory .listing h3,
	#content .facultyStaffDirectory .listing p,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .listing p,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .listing h3 {margin: 0;}
    #content .facultyStaffDirectory .listing .emailAddress a,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .listing a {line-height: 1.4em;}
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .listing a {font-weight:bold;}
    #content .facultyStaffDirectory ul.jobTitle {margin-bottom: .6em;}
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .listing p.jobTitle {margin: 0.6em 0;}
    
    .hasleftcol .facultyStaffDirectory-wrapper{margin-left: .5em;}
	
	#hcard p, ul, ol {margin: 0; padding: 0;}
    #hcard .css-rect-btn { padding: .325rem 1rem; margin-right: 3%; }
	#hcard .biography p {margin-bottom: 1em;}
	#hcard .headshot {float: right;}
	#hcard h2 {margin: 0.75em 0 0.15em;}
	
	
	/**** news and events ****/
	
	.template-newsitem_view #parent-fieldname-description {display: none;}
    
    .section-news .item,
    .subsection-diversity-and-inclusion-faculty .item,
    .subsection-diversity-and-inclusion-students .item,
    #content-core #lw li.lwe {
        border: 0;
        margin-bottom: 1.5em;
        padding: 1em;}
    
 
    
	.template-summary_view_event #content,
	.template-event_view #content,
	.template-all_content.section-news .item,
    .subsection-diversity-and-inclusion-faculty .item,
    .subsection-diversity-and-inclusion-students .item,
    {float: left; width: 100%;}
	.template-all_content.section-news .item .description {display: none;}
	
	#content .eventDetails {
		float: none; 
		width: 100%; 
		border: 0;
		border-left: 3px solid #0b3c5d; 
		color: #0b3c5d; 
		margin: 1em 0 10px 0; 
		padding: 0px 10px; 
		line-height: 1.5em;
	}
	#content .eventDetails p {margin: 0;}

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

	.event-wrapper {border-top: 1px dashed #f5f1f2;}
	
	.template-summary_view_event .tileItem {
		margin: 1em 0;
		border-bottom: 0.125em dotted #0b3c5d;
	}
	#event-date-info {
		text-align: center; 
		font-size: 1.3em; 
		width: 6em; 
		float: left; 
		margin: 0 0 1em 0;
		line-height: 1.2em; 
		background: #f5f1f2;
		padding: .5em 0;
	} 
	
	#event-date-info p {margin:0; padding:0;}
	#event-date-info abbr {border: none; font-family: "museo-sans-condensed", sans-serif; 	}
	
	#event-text {
		margin: 0 0 1em 9em;
	}
	#dept-bx {background: #DDD;}
    
    .subsection-meet-our-team .portlet-static-btn-portlet,
    .subsection-leaders-alumni-honorees .portlet-static-btn-portlet,
    .subsection-get-involved-alumni-lawyers-mentoring-law-careers .portlet-static-btn-portlet,
    .subsection-get-involved-penn-state-women-leaders-of-today-and-tomorrow-penn-state-women-leaders-of-today-and-tomorrow .portlet-static-btn-portlet {
        margin-top: 2em;
        }
    .subsection-meet-our-team .portlet-static-btn-portlet a,
    .subsection-leaders-alumni-honorees .portlet-static-btn-portlet a,
    .subsection-get-involved-alumni-lawyers-mentoring-law-careers .portlet-static-btn-portlet a,
    .subsection-get-involved-penn-state-women-leaders-of-today-and-tomorrow-penn-state-women-leaders-of-today-and-tomorrow .portlet-static-btn-portlet a {
        font-size: 1.5em;
        font-weight: bold;
        }
    .dtemplate-academics.template-listingview .main .documentFirstHeading,
    .dtemplate-academics.template-listingview #featured-bx h2 {display: none;}
    .template-listingview .main {padding: 2em 0 0 0;}
    .template-listingview .main nav#sub-nav>ul {
        border-bottom: solid 0.25em  #3360d0;
        clear:both;}
    .template-listingview .main nav#sub-nav>ul> li.navTreeCurrentNode,
    .template-programslisting nav#sub-nav>ul> li.current {background: #3360d0;}
    .template-listingview .main nav#sub-nav>ul> li a,
    .template-listingview .main nav#sub-nav>ul> li:hover {text-decoration: none;}
    .template-listingview .main nav#sub-nav>ul> li.navTreeCurrentNode a,
    .template-listingview .main nav#sub-nav>ul> li.navTreeCurrentNode a:after {color: #FFF;}
    .template-listingview .main nav#sub-nav>ul> li.navTreeCurrentNode a span,
    .template-programslisting .current button {text-decoration: underline}
    .template-listingview .main nav#sub-nav>ul> li.navTreeCurrentNode a:after {content: '\e626';}
    .template-listingview .main nav#sub-nav>ul> li ul {display: none;}
    .template-listingview .main nav#sub-nav>ul> li a:after {text-decoration: none;}
    .listing-bx {text-align: left;position: relative;}
    
    .template-programslisting button{outline: none;}
    .template-programslisting nav#sub-nav>ul.filter-bar> li:hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.current{background-color: #5679D2;}
    .template-programslisting nav#sub-nav>ul.filter-bar> li.BachA:hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.BachA.current{background: #3360d0;}
    .template-programslisting nav#sub-nav>ul.filter-bar> li.BachS:hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.BachS.current{background: #3360d0;}
    .template-programslisting nav#sub-nav>ul.filter-bar> li.minor:hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.minor.current,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.ugradminor :hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.ugradminor .current{background: #6a7788;}
    .template-programslisting nav#sub-nav>ul.filter-bar> li.intergrated:hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.intergrated.current {background: #191e24}
    .template-programslisting nav#sub-nav>ul.filter-bar> li.grad:hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.grad.current {background: #A15CA1}
    .template-programslisting nav#sub-nav>ul.filter-bar> li.gradminor:hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.gradminor.current{background: #685068;}
    .template-programslisting nav#sub-nav>ul.filter-bar> li.cert:hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.cert.current {background: #298EAB}
    .template-programslisting nav#sub-nav>ul.filter-bar> li.online:hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.online.current {background: #D8AC3E}
    .template-programslisting nav#sub-nav>ul.filter-bar> li.bfaURL:hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.bfaURL.current {background: #3360d0;}
    .template-programslisting nav#sub-nav>ul.filter-bar> li.assoc:hover,
    .template-programslisting nav#sub-nav>ul.filter-bar> li.assoc.current {background: #648B6C;}
    
    
    .template-programslisting li:first-child {
        background: none !important;
        color:#fff;
        text-decoration: none !important;}
    .template-programslisting .filter-bar{
        background: #14335f;
        color: #FFF;
        margin-bottom: 0;
        font-weight: bold;}
    .template-programslisting li{text-align: center;}
    .template-programslisting button{
        background: none;
        border: 0;
        color: #FFF;    
        font-weight: bold;}
    
    .dtemplate-academics #featured-bx {margin: 1.5em 0;}
    .dtemplate-academics #listing-sub{
        background: #d1d8e2;
        padding-top: 1em;
        padding-bottom: 2em;
        }
    .dtemplate-academics #listing-sub h2 {
        color: #191e24;
        font-family: "interface";
        font-size: 1em;
        font-weight: bold;
        }
    .dtemplate-academics #listing-sub .unit_details{margin-left: 0;}
    .dtemplate-academics #listing-sub .unit_details a{font-weight: normal;}
    .dtemplate-academics #listing-sub .unit_details a:hover{text-decoration: underline;}
    
    
    
    .unit_container{text-align: justify;}
    .unit_details.detailed {background: #FFF;border: .5em solid #FFF;height:18em;}
    
    
    .subsection-undergraduate-students-education-commencement .portletWrapper > * {
     background: transparent;
     border: 0;
    }
    
    
    .subsection-undergraduate-students-education-commencement .unit_details.detailed {
        background: #FFF;
        border: .25em solid #FFF;
        height:auto;
    }
    
    .subsection-undergraduate-students-education-commencement .unit_details h3 {
     text-align: center;   
    }
    
    /* Specific position of the Dean's Photo on Dean's Office College Offices so he's head isn't cut off */
    
    #\ deans-office-1-unit span {
        background-position-y: 12%;
    }

    .unit_details {margin-bottom: 1em;}

    .subsection-undergraduate-students-education-commencement .unit_images span{
        background-size: contain;
        height: 8em;
        color: transparent;
        background-repeat: no-repeat;
        }

    .unit_images span{
        background: center center;
        background-size: cover;
        display: block;
        height: 8em;
        width: 100%;
        }
    .unit_details h3 {font-family: "interface";font-size: 1em;font-weight: bold;}
    .unit_details, .unit_details a {color: #183e71}
    .unit_details .unit-bldg{font-weight: bold;}
    .unit_details p{margin:0;}
    .unit_details .social-details {margin-top: .5em;}
    .unit_details .social-details span a{
        background-color: #1E407C;
        display: inline-block;
        overflow: hidden;
        width: 1.75em;
        height: 1.75em;
        color: #FFF; 
        -moz-border-radius: 1em; 
        -webkit-border-radius: 1em; 
        border-radius: 50%;
    }
    #content .unit_details a:hover{color: #FFF;}
    .subsection-academic-centers #listing-sub .sub-listing-bx{
        display: inline-block;
        width: 46%;
        vertical-align: top;
        margin-bottom: .75em;
        }
    .subsection-academic-centers .sub-listing-bx:first-child{
        border-right: 0.0825em solid #E0E1E1;
        border-right: 0.0825em solid rgba(111, 118, 126, 0.5);
        padding-right: 2em;
        margin-right: 1.5%;
        float:left;
        }
    
    
    .template-programslisting .program_details{
        background: #E8EAEC;
        background: rgba(106, 119, 136, 0.15);
        margin: 1%;}
    .template-programslisting .program_details .tileHeadline{
        background: #fff;
        border-bottom: 0.0825em solid #E0E1E1;
        border-bottom: 0.0825em solid rgba(111, 118, 126, 0.5);
        box-sizing: border-box;
        font-family: "interface";
        font-size: 1em;
        font-weight: bold;
        padding: 1em 0.5em 0.5em .75em;}
    .template-programslisting #content .program_details .tileBody a {color: #FFF;}
    .program_details .tileBody a {
        background: grey;
        display: inline-block;
        font-size: 90%;
        height: 2em;
        line-height: 2em;
        margin-right: .25em;
        overflow: hidden;
        padding: 0 .5em;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        border-radius: 1em;}
	
    .template-programslisting a.baURL{background: #3360d0;}
    .template-programslisting a.bsURL{background: #4966AD;} /*163e76;}*/
    .template-programslisting a.ugradminorURL{background: #6a7788;}
    .template-programslisting a.interURL{background: #191e24}
    .template-programslisting a.gradURL{background: #A15CA1;}
    .template-programslisting a.gradminorURL{background: #685068;}
    .template-programslisting a.certURL{background: #298EAB}
    .template-programslisting a.onlineURL{background: #D8AC3E}
    .template-programslisting a.bfaURL{background: #1670EC}
    .template-programslisting a.assocURL{background: #648B6C}
    
	/**** twitter box ****/
	
	dl.portletTwitter dd.portletItem {
		padding: 0 0 0 1em;
		background: none;
	}
	
	dl.portletTwitter .portletFooter {
		text-align: center;
		background: #eee;
		padding-top: .1em;
	}
	
	a.twitter    {
		background: #009;
		color: #fff;
		display: inline-block;
		padding: .3em 1em;
		font-size: .9em;
	}
	
	a.twitterfooter:hover span.text,
	a.twitterfooter span.text:hover {
		color: #fff;
	}
	
	a.twitterfooter span.twitterbird {
		background: url("twitter-bird-white.png");
		background-size: 130%;
		display: inline-block;
		height: 1.3em; width:1.3em;
		margin-right: 0.5em;
	}
	a.twitterfooter span.text {line-height: 1.3em;}
	a.twitterfooter {padding: .05em 1em .3em;}
	


	/**** footer****/
    footer {
        background: #0e2951;
        clear: both;
        -moz-box-shadow:    inset 0px 42px 50px -38px #01122d;
        -webkit-box-shadow: inset 0px 42px 50px -38px #01122d;
        box-shadow:         inset 0px 42px 50px -38px #01122d;
       
       /* IE6-8 */
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
        zoom: 1;}
	footer p {
		padding: 0 1em;	
		font-size: .8em;
	}
    footer .footer-extras p {padding: 0;}
    footer #cla-logo {
        margin-left: 2em;
        float: right;
        display: none;
    }
    footer #cla-logo img {width: 4em;}
    .footer-container {
		width: 90%;
		margin: 1em auto 0;
		padding: 1em 0;
        position: relative;
	}
    .footer-container > * {display: inline-block;  text-align: left; vertical-align: top;}
    .footer-container .portletStaticText p{
        display: inline-block;
        margin: 0 .5em 0 0;
        padding-left: 0;
        padding-right: 0.5rem;
        }
    .footer-container .portletStaticText a {}
    .footer-container .portletStaticText {color: #FFF; margin-left: 1px;padding: .75em 0;}
    .footer-container .portlet-static-footer-links-upper-box { border-bottom: 0.0875em dotted #FFF;font-size: 125%; }
    
    .footer-bx > div + div {display:inline-block; }
    
    .portlet-static-college-of-the-liberal-arts {float: left;font-size: 90%;}
    .portlet-static-college-of-the-liberal-arts a{font-weight: normal;}
    
    .footer-container .tel {color:#FFF; margin-right: .5em;}
    
    .portlet-static-college-of-the-liberal-arts a .organization-name,
    .portlet-static-footer-links-upper-box a {color: #FFF;font-weight: bold;}
    .portlet-static-college-of-the-liberal-arts a.extended-address,
    .footer-container .portlet-static-college-of-the-liberal-arts,
    .footer-container .tel .value,
    .portlet-static-footer-links-lower-box a {
        color: #cae0ff;}
    .portlet-static-footer-links-lower-box a {
        text-transform: uppercase;}
    
    
    .footer-extras{background: #f6faff;clear: both;color: #191e24;padding: .5em;}
    .footer-extras p{margin: 0;}
    .footer-extras a{color: #183e71;font-weight: normal;}
    
    /** Special Footer Panels**/

    .spec-panel.panel-container .panels div.panel-wrapper:nth-of-type(n+3){clear:both; float:none; width:auto;}
    .subsection-prospective-students .spec-panel.panel-container .panels div.panel-wrapper:nth-of-type(even) dd.portletItem > *{
        display:inline-block;
        vertical-align: top;
        }
    .subsection-prospective-students .spec-panel .panels div.panel-wrapper:nth-of-type(even) dl.portlet{padding-right: 0}
    .subsection-prospective-students .spec-panel .panel-1 dd.portletItem{width:auto;}
    .subsection-prospective-students .spec-panel dd div.callout{
        border-top-style: solid;
        border-top-width: 0.225em;
        width: 25%;
        float: right;
        margin-top: 0em;
        }
    .subsection-prospective-students .spec-panel dd div.callout a{
        font-size: 1em;
        font-weight: bold;}
        
    .subsection-prospective-students .spec-panel dd div.callout .css-rnd-btn a{color: #FFF}
    .spec-panel .panels dl.portlet ul {
        padding-right: 1em;
        box-sizing: border-box;
        list-style: none;
        }
    .subsection-prospective-students .spec-panel dd div.callout :before{display: none;}
    .subsection-prospective-students .panels div.panel-wrapper:nth-of-type(even) dl.portlet dt.portletHeader a{
        font-family: "museo-slab", sans-serif;
        }
    body.subsection-liberal-arts-research-office {background: #FFF;}
   /* .section-research .spec-panel {
        background: #FFF;
        overflow: auto;
        -moz-box-shadow: inset 0px 0px 20px 5px rgba(147, 147, 147, 0.17), inset 0px 0px 7px 1px rgba(147, 147, 147, 0.35);
        -webkit-box-shadow: inset 0px 0px 20px 5px rgba(147, 147, 147, 0.17), inset 0px 0px 7px 1px rgba(147, 147, 147, 0.35);
        box-shadow: inset 0px 0px 20px 5px rgba(147, 147, 147, 0.17), inset 0px 0px 7px 1px rgba(147, 147, 147, 0.35);}*/
    .section-research .spec-panel .panel-wrapper:nth-of-type(2) .portletStaticText  {background: none;border: 0;}
    .section-research .spec-panel .panel-wrapper:nth-of-type(2) .portletHeader {border: 0;}
    .section-research .spec-panel .panel-wrapper:nth-of-type(2) .portletStaticText h3{
        font-family: 'Interface',sans-serif;
        font-weight: bold;
        font-size: 1.25em;
        }
    .section-research .spec-panel .panel-wrapper:nth-of-type(2) .portletStaticText h4,
    .callout h4{
        color: #191e24;
        font-family: 'Interface',sans-serif;
        font-size: 1em;
        font-weight: bold;
        }
    .section-research .spec-panel .panel-wrapper:nth-of-type(2) .portletStaticText dd > p {
        border-bottom: 0.0825em solid #ddd;
        margin-bottom: 1.5em;
        padding-bottom: 2em;
        }
    .subsection-liberal-arts-edge-liberal-arts-edge.template-folder_thumb_view .tileBody ul{
        display: none;            
        }
    .template-folder_thumb_view .tileItem,.thumb-bx .tileItem {
        border: .75em solid #FFF;
        border-width: 0 .75em .75em .75em;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        width:100%;
        padding-bottom: 1em;
        margin-left: -.75em;
    }
    .template-folder_thumb_view  .tileItem:hover {
        background: #E8EAEC;
        background: rgba(106, 119, 136, 0.15);
        transition: all ease 250ms;}
    .template-folder_thumb_view .tileItem h2{
        /*  height: 2.75em; */
        /* padding: .5em 0 .75em 1em; */
        font-size: 1.0625em;
        padding-bottom: 1em;}
    .folder-thumb-bx{clear:both;}
    #parent-fieldname-text + .folder-thumb-bx{overflow:hidden;}
    
    .subsection-get-involved-penn-state-women-leaders-of-today-and-tomorrow-participating-alumni th { 
        width: 185px;
        height: 185px;
    }
    
    .portlet-collection-perspectives ul.video-list.multiple-items-Youtube,
    .portlet-collection-links ul.video-list.multiple-items-Youtube {
        display: flex;
        justify-content: start;
    }
    
    .portlet.portletVideoCollection.portlet-collection-links .video-list,
    .portlet-collection-perspectives ul.video-list {
        flex-wrap: wrap;
    }
    
    .portlet-collection-perspectives ul,
    .portlet-collection-links ul {
     margin-left: 0!important;   
    }
    
    .vid-thumb {
    background: center center;
    background-size: cover;
    display: block;
    height: 7.25em;
    }
    
    .subsection-get-involved-penn-state-women-leaders-of-today-and-tomorrow #hero,
    .template-folder_thumb_view  .grid-thumb,
    .vid-thumb{
        border: 0.0825em solid #E0E1E1;
        border: 0.0825em solid rgba(111, 118, 126, 0.5);
        box-sizing: border-box;}
    .template-folder_thumb_view .tileItem h2 a:hover{
        border-bottom: solid #A9A8A8 0.0825em;
        border-bottom: solid rgba(106, 119, 136, 0.5) 0.0825em;}
    .template-folder_thumb_view .tileItem h2,
    .template-folder_thumb_view .tileItem {font-size: 1em;font-family: 'interface',sans-serif;}
    
    .template-folder_thumb_view .tileItem h2:after,
    .subsection-meet-our-team .portlet-static-btn-portlet a:after,
    .subsection-get-involved-alumni-lawyers-mentoring-law-careers .portlet-static-btn-portlet a:after,
    .subsection-get-involved-penn-state-women-leaders-of-today-and-tomorrow-penn-state-women-leaders-of-today-and-tomorrow .portlet-static-btn-portlet a:after,
   .template-listingview .main nav#sub-nav>ul> li a:after,
   .subsection-leaders-alumni-honorees .portlet-static-btn-portlet a:after, 
   a.double-arrow-link:after {
        font-family: 'cla icons';
        content: '\e611';
        speak: none;
        color: #183e71;
        font-size: .65em;
        padding-left: .5em;}
    .template-folder_thumb_view .tileBody  ul {margin: .5em 0;}
    .template-folder_thumb_view #content-core .tileBody .description ~ ul {
        margin: 0 0 0 1em;
        list-style-type: none;}
    
    .template-folder_thumb_view .tileBody  ul a{
        font-size: 85%;
        font-weight: normal;
        line-height:1.75em;}
    .template-folder_thumb_view .tileBody .description ~ ul a{line-height: 1.4em;}
    .template-folder_thumb_view .tileBody .description ~  ul a span{
        text-decoration: underline;
        }
    .template-folder_thumb_view .tileBody ul a:after{
        font-family: 'cla icons';
        content: '\e615';
        speak: none;
        vertical-align: middle;
        color: #183e71;
        padding-left: .25em;
        font-size: .65em;
        }
        .template-folder_thumb_view #content-core .tileBody ul li{margin: 0 0 .25em 0;line-height: 1.25em;}
        
    .subsection-current-students #content-core > div > div:nth-child(1) > div.grid-thumb > a > span {
     background: url('../img/Current_UG_Bucket_1F.jpg');
     background-repeat: no-repeat;
     background-size: cover;
    }
        
    .grid-thumb span{
        background: #ccc center; 
        background-size: cover;
        display: block; height: 14em;}
    .subsection-meet-our-new-faculty .grid-thumb span{background-position: center 0%;}
    .tilebody,.tileBody    {
        padding: 0.5em .75em;
        }
    .thumb-bx .tileItem h2, .thumb-bx .tileItem .tileHeadline{
        color: #191e24;
        font-weight:  bold;
		font-size: 1.125em;
		font-family: 'Interface',sans-serif;
        margin-bottom: .5em;
        }
    #content-core .thumb-bx .tileItem ul {
        font-size: 95%;
        margin-left:1.5em;}
    
    .thumb-bx img {width:100%;}
    
    .template-folder_thumb_view .Below-Portlet-Manager3,
    .template-folder_thumb_view .Below-Portlet-Manager6{display:inline-block;padding-left: 1em}
    .template-folder_thumb_view .Below-Portlet-Manager3{width: 25%;padding-left: 0em}
    .subsection-alumni.template-folder_thumb_view .Below-Portlet-Manager6{width: 48%;}
    .subsection-alumni #portlets-below .BelowPortletManager3 {display:none;}
    .subsection-get-involved-get-involved .callout:nth-of-type(odd) {float:left;width: 46%}
    .subsection-get-involved-get-involved .callout:nth-of-type(even) {float: right;width: 46%}
    
    /** Full width horizontal Alumni Connect with Us Box**/
    .section-alumni .panel-container .width-full .portlet-static-connect-with-us,
    .section-alumni .panel-container .width-full .portlet-static-connect-with-us *
    {border:0; margin:0;}
    .section-alumni .panel-container .width-full .portlet-static-connect-with-us > *{display:inline-block;}
    .section-alumni .panel-container .width-full .portlet-static-connect-with-us .portletHeader{border: 0;font-size: 1.125em;}
    
    
    /*** Localist Portlet***/
    dl.portlet-static-localist-portlet{}
    dl.portlet-static-localist-portlet dt{display: none;}
    div.portlet-static-localist-portlet{background: none;}
    
    dl.portlet-static-localist-portlet dd.portletItem,
    .portlet-static-localist-portlet
    {padding: 0;}
    
    .portlet-static-localist-portlet #lw{background: none;}
    
    /*** Localist Inline***/
    
    #content-core #lw {overflow: visible;}
        
    
    /*** Localist ***/

    /* Hide Sign-up Link */
    .login_form a[href*=signup],
    .login a[href*=signup],
    .grid_container #page-extras
    {display: none !important;}
    
    
    .content-header #menu {height: 1em;}
    .grid_container .chromeframe {display:none;}
    body > .grid_container {position: absolute;}
    .grid_container{
        padding: 0;
        top:0;
        width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    .grid_container .main{
        box-shadow: none;
        padding-top: 0;}
    .grid_container #main-column-content{
        position:relative;}
    .grid_container .alpha,.grid_container .omega{
        box-sizing: border-box;
        display:inline-block;
        margin:auto;
        padding-top: 2em;}
    .grid_container .omega{width:80%;}
    .grid_container .alpha {width: 80%;}
    .grid_container .alpha > * {margin-right:1em}
    .grid_container h4,
    .grid_container .item h3 span a{color: #183e71}
    .dark_colorfive{background: #e77302;}
    .selected_tab_colorfive{border: 1px solid #e77302;}
    .selected_tab_colorfive, a.dark_colorfive:hover{background:#EF9A48}
    .event_item h5 a.event_item_venue,
    .query_item h5 a.event_item_venue{color:#4b6fa3;}
    #menu .action_menu li.search_action input {margin-top: 0;}
    /* Make Login button more promiment*/
    .grid_container #menu  .login a[href*=login],
    a.nav_createevent{background-color: #4b6fa3;color:#FFF;line-height: 2em;}
    .light_colorone{background:#f6faff;}
    h2.dark_colorone,
    .minical a {background: #14335f;color:#FFF;}
    .pagination_container{border: 0}
    h4.description,
    #minicalendar {width: 100%;}
    #minicalendar td a,
    .box_container p {color:#191e24}
    #month-name{color:#14335f;}
    #minicalendar .selected,
    #minicalendar td a:hover{background:#4b6fa3;}
    #x-list-event_types span{color: #6a7788; font-weight: bold;}
    .filter_list label{border-color: #6a7788;}
    #share_events_block{background: #FBEDE0;background: rgba(231, 115, 2, 0.12)}
    #share_events_block h2{background: #e77302;}
    
    /** Overlay Gallery **/
    
    /** Paterno Fellows Podcast **/ 
    
    .template-podcastview .embed iframe {
    height: 200px;
    width: 250px;
    }
    
    .template-podcastview .program_details:last-child hr {
     display: none!important;   
    }
    
    .template-podcastview .video-bx {
     padding: 0!important;
     margin: 0!important;
    }
    
    .tileContainer {
     padding-bottom: 1rem;   
    }
    
    .template-podcastview h2.tileHeadline {
     font-size: 1.25rem!important;   
    }
    
    .template-podcastview .tileBody {
     font-size: 1rem!important;   
    }
    
    .template-podcastview .program_details .tileBody a {
        background: none;
        display: inline-block;
        font-size: 100%;
        height: initial;
        line-height: 1.5em;
        margin-right: 0;
        overflow: visible;
        padding: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    
    .template-podcastview .tileBody {
     padding: 0;   
    }
    
    .program_details:nth-child(n+2) {
        
    }
    
    .template-podcastview #left-column {
     display: none!important;   
    }
    
    .template-pfp_alumni_friends_collection_view #parent-fieldname-text > hr:nth-child(3) {
        margin: 1.625em 0;
    }
    
    .template-pfp_alumni_friends_collection_view hr {
        color: #CCC;
        color: rgba(106, 119, 136, 0.2);
        margin: 1.625em 0;
        margin-bottom: 3.5rem;
    }
    
    .alumniFriendsImage {
    display: block;
    width: 50%;
    margin-bottom: 1rem;
    }
    
    .overlay-gallery .tileItem:last-child hr {
    display: none;   
    }
    
    .template-pfp_alumni_friends_collection_view .overlay-gallery {
    margin-top: 0;
    padding-top: 0;
    }    
    
    .overlay-gallery {
    /*    border-top: 0.0825em solid #c9c9cf;   */
    margin-top: 1em;
    padding-top: 1.5em;
    /*text-align: center;*/
    }
    #content .overlay-gallery li,
    #content .gallery li {display: block;}
    .overlay-gallery .tileItem, #content .gallery-item{
    border: dotted #9a99a6 0.0825em;
    border-width: 0.0825em 0 0 0.0825em;
    float:left;
    text-align: left;
    vertical-align: top;
    }
    
    .template-changemaker_album_view .overlay-gallery .tileItem,
    .template-pfp_alumni_friends_collection_view .overlay-gallery .tileItem {
    text-align: left;
    vertical-align: top;
    border: 0;
    float: none;
    }
    
    .overlay-gallery .tileImage {
    background-position: center center;
    height: 12em;
    width: 100%;
    background-size: cover;
    margin: 0;
    margin-bottom: 1em;
    }
    
    .template-pfp_alumni_friends_collection_view #content-core h2.tileHeadline {
    margin-top: -0.9rem;
    }
    
    .template-pfp_alumni_friends_collection_view #content-core .overlay-gallery .tileBody p:last-child {
    margin-bottom: 0;   
    margin-top: -.5rem;
    }
    
    .template-pfp_alumni_friends_collection_view #content-core .video-bx {
    padding-bottom: .5rem;
    }
    
    .template-pfp_alumni_friends_collection_view .css-rect-btn {
    margin-bottom: 2.5rem;   
    }
    
    .template-changemaker_album_view .overlay-gallery .tileImage,
    .template-pfp_alumni_friends_collection_view .overlay-gallery .tileImage {
    background-position: center center;
    height: 18em;
    width: 100%;
    background-size: contain;
    margin: 0;
    margin-bottom: 1em;
    background-repeat: no-repeat;
    width: 100%;
    }
    
    .overlay-gallery h2.tileHeadline{
    font-size: .9em;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: none;
    }
    /*
    .subsection-undergraduate-students-experiences-meet-the-change-makers .overlay-gallery h2.tileHeadline{
    font-size: 1.5rem;
    }
    */
    /*.video-bx{overflow: auto;}*/
    .template-changemaker_album_view .video-bx/*,
    .template-pfp_alumni_friends_collection_view .video-bx*/ { min-height: initial; }
    .video-bx, .gallery-item a{
    background: url('../img/TL_Bkrd_Vert_Gradient_Video_Stories.png') repeat-x;
    display: block;
    margin: .5em;
    padding: 1em;}
    
    .template-changemaker_album_view hr {
     clear: both;   
    }
    
    .template-changemaker_album_view .video-bx, .gallery-item a,
    .template-pfp_alumni_friends_collection_view .video-bx{
    margin: .5em 0;
    padding: 1em 0;
    }
    
    .template-changemaker_album_view #content-core .tileBody p,
    .template-pfp_alumni_friends_collection_view .tileBody p {
    padding: 0;   
    font-size: 1rem!important;
    }
    
    .template-changemaker_album_view #content-core h2.tileHeadline,
    .template-pfp_alumni_friends_collection_view #content-core h2.tileHeadline {
    font-size: 1.25rem!important;
    }
    
    .template-changemaker_album_view #content-core .overlay-gallery .tileBody,
    .template-pfp_alumni_friends_collection_view .overlay-gallery .tileBody {
    padding: 0;
    padding-top: .5rem;   
    }
    
    .template-changemaker_album_view #content-core .overlay-gallery .tileBody p:nth-child(1),
    .template-pfp_alumni_friends_collection_view #content-core .overlay-gallery .tileBody p:nth-child(1) {
    margin: 0!important;
    }
    
    .template-changemaker_album_view #content-core .overlay-gallery .tileBody p,
    .template-pfp_alumni_friends_collection_view #content-core .overlay-gallery .tileBody p {
    margin-bottom: 1rem;
    padding-left: 0;
    }
    
    #content-core .overlay-gallery .tileBody{
    line-height: 1em;
    line-height: 1.425em;
    margin-bottom: .325em;
    }
    
    #content-core .tileBody p {font-size: 97%;line-height: 1.45em;margin: 0; padding: 0 2em .5em 1em}
    #content-core .tileBody p.description,
    .template-at_summary_view_nolink #content-core .tileBody p {padding: 0 2em .5em 0em}
        
        
        .watch-video{
            color: #646376;
            font-weight: bold;
            text-transform: uppercase;
            background: url('../img/Sprite_icons.png') no-repeat;
            padding-left: 1.75em;
            font-size: .75em;
            background-position: -26px -67px;
        }
        #content li.gallery-item a {overflow: hidden;}
        .gallery-item img {
            width: 100%;
            height: auto;
        }
               
   /* Buttons */     
   .portletWrapper > div.portlet-static-btn-portlet, .portletWrapper > div.portlet-static-cen-button  {background: none; border:0;padding: 0}
   .portlet-static-btn-portlet img{border: 0;}
   .portlet-static-btn-portlet a.css-rect-btn,
   .portlet-static-btn-portlet .css-rect-btn{
        font-weight: bold !important;
        min-height: 3.75em;
        margin: 0;
        width: 100%;}
    .portlet-static-btn-portlet .css-rect-btn a {font-weight: bold !important;}
    .css-rect-btn{
        border-radius: .5em;
        padding: 0.325rem 1rem;
        font-size: 1.125rem;}
    .css-rnd-btn{
        border-radius: 4em;
        padding: .325em 1em;
        font-size: 1em;}
    .css-rect-btn, #content .css-rect-btn:hover,
    .css-rnd-btn, #content .css-rnd-btn:hover{        
        box-sizing: border-box;
        color: #FFF;
        display: inline-block;
        font-weight: bold;
        margin-right: 3%;        
        transition: ease 0.25s all;
        -webkit-transition: ease 0.25s all;
        -moz-transition: ease 0.25s all;
        }
    .css-rect-btn.block, #content .css-rect-btn.block:hover,
    .css-rnd-btn.block, #content .css-rnd-btn.block:hover {
        display: block;
    }
    .css-rect-btn.third,
    .css-rnd-btn.third{
        width: 30%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 1em;}
    .css-rect-btn.quarter,
    .css-rnd-btn.quarter{float: left;width: 22%;}
    .css-rect-btn.half,
    .css-rnd-btn.half{float: left;width: 46%;}
    .css-rect-btn.long,
    .css-rnd-btn.long{text-align: center; width: 100%;margin: 1.25em 0;}
    .css-rect-btn a, a.css-rect-btn,
    .css-rnd-btn a, a.css-rnd-btn,
    #content .css-rect-btn a:hover, #content a.css-rect-btn:hover,
    #content .css-rnd-btn a:hover, #content a.css-rnd-btn:hover,
    .panel .css-rnd-btn a:hover, .panel a.css-rnd-btn:hover{color: #FFF;}
   .section-current-students .css-rect-btn{
        background: #6b2000;
        color:#fff;
        }
      #content .css-rect-btn:hover a, #content a.css-rect-btn:hover{text-decoration: underline;}
    .css-rect-btn.multi-btn,.css-rnd-btn.multi-btn,
    .section-awards .css-rect-btn,.section-awards .css-rnd-btn,
    .section-awards a.css-rect-btn, .section-awards a.css-rnd-btn
    {background: #7F8A98;background: rgba(106, 119, 136, 0.85);min-height: 3.75em;}
    
    .section-awards .css-rect-btn,.section-awards .css-rnd-btn,
    .section-awards a.css-rect-btn, .section-awards a.css-rnd-btn {min-height: 1em;}

.section-prospective-students .css-rect-btn.multi-btn {
    background: #7F8A98;background: rgba(106, 119, 136, 0.85);min-height: 3.75em;
}

	.section-prospective-students .css-rect-btn
    .subsection-undergraduate-students-moments-of-change h2 span.css-rect-btn {
	background: #4ca703;
	color:#fff;
    font-size: 1.250rem;
	}
    
    .section-prospective-students .css-rect-btn.attentive {
        background: #FFD100;
        color: #000321;
    }
    
    .section-prospective-students .css-rect-btn.attentive a {color: #000321;}
    
   .facultyStaffDirectory-wrapper h2.headline {margin: 1em 0;} 
    .handbook-container h2,
    .facultyStaffDirectory-wrapper h2.headline,
    h2.underline,  .template-document_view_list-icons h2,
    #searchform .documentFirstHeading, 
    .template-photo_album_view .documentDescription{
    border-bottom: 0.225em solid #bebebe;
    border-bottom: 0.125em solid rgba(111, 118, 126, 0.5);
    display: block;
    padding-bottom: .5em;
    margin-bottom: .65em;}
    
    
    /* FYE First Year Experience style begin */
    /* FYE Events styling is in conjunction with Localist Widget Template List (Classic-3)  */
    
   /* .subsection-undergraduate-students .css-rect-btn.multi-btn {
        max-width:13em;
        width: 13em;
        float: left;
    } */
    
    
    .subsection-undergraduate-students-student-resources-first-year-experience .handbook-container h2 {padding-right: 3.5em;}
    .subsection-undergraduate-students-student-resources-first-year-experience a.handbook-top-btn:first-of-type {display:none;}
    .subsection-undergraduate-students-student-resources-first-year-experience a.vishid {visibility: hidden;}
    .template-document_view_list-icons.subsection-undergraduate-students-student-resources-first-year-experience ul, 
    .template-document_view_list-icons.subsection-undergraduate-students-student-resources-first-year-experience #content ul {list-style-type:disc; margin-left: 1em;}
    .template-document_view_list-icons.subsection-undergraduate-students-student-resources-first-year-experience #content ul.nodisk, 
    .template-document_view_list-icons.subsection-undergraduate-students-student-resources-first-year-experience ul.nodisk {list-style-type:none; margin-left: 0;}
    .subsection-undergraduate-students-student-resources-first-year-experience h2.underline {clear:left; padding-top: 1em}
    .subsection-undergraduate-students-student-resources-first-year-experience h2.underline:first-of-type {padding-top: 0}
    .subsection-undergraduate-students-student-resources-first-year-experience .lwn0 {float:none;}
    .subsection-undergraduate-students-student-resources-first-year-experience #comma {
        margin-left: -5px;
        margin-right: 1px;
    }
    .subsection-undergraduate-students-student-resources-first-year-experience #content-core #lw li.lwe {
        -moz-box-shadow: none;
        -webkit-box-shadow: none; 
        box-shadow: none; 
        border: initial;
        border-bottom: thin solid rgba(0, 0, 0, 0.2);
        padding-top: 0;
        padding-bottom: 30px;
        padding-left: 0;
    }
    
    .subsection-undergraduate-students-student-resources-first-year-experience #content-core #lw li.lwe p {margin-bottom: .5em;}
    .subsection-undergraduate-students-student-resources-first-year-experience #content-core #lw li.lwe p,
    .subsection-undergraduate-students-student-resources-first-year-experience #content-core #lw li.lwe .lwl0,
    .subsection-undergraduate-students-student-resources-first-year-experience #content-core #lw .lwl a
    {font-size: 16px;}
    
    .subsection-undergraduate-students-student-resources-first-year-experience #content-core #lw li.lwe:last-of-type {border: 0;}
    .subsection-undergraduate-students-student-resources-first-year-experience #left-column .portletWrapper .portlet-static {
        border: medium none;
        background-color: initial;
        margin-left:-1em;
    }
    .subsection-undergraduate-students-student-resources-first-year-experience #left-column .portletWrapper #first-year-experience li:first-of-type {clear:left;}
    
    
    /* FYE style end */
    
    .facultyStaffDirectory-wrapper h2.headline a {font-weight: normal;}
    .handbook-container a.handbook-top-btn{
        font-family: 'interface', serif;
        font-weight: normal;
        margin-top: -3.65em;
        float: right;
        z-index: 999;
        position: relative;
        }
    .handbook-container h2 span {
        background: grey;
        font-style: italic;
        font-size: 50%;
        padding: .325em 5em .325em .5em;
        vertical-align: bottom;
        
        }
    .section-teaching .handbook-container h2 span {
        background: #ffe9ac;
        background: -moz-linear-gradient(left,  #ffe9ac 1%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(1%,#ffe9ac), color-stop(100%,#ffffff));
        background: -webkit-linear-gradient(left,  #ffe9ac 1%,#ffffff 100%);
        background: -o-linear-gradient(left,  #ffe9ac 1%,#ffffff 100%);
        background: -ms-linear-gradient(left,  #ffe9ac 1%,#ffffff 100%);
        background: linear-gradient(to right,  #ffe9ac 1%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe9ac', endColorstr='#ffffff',GradientType=1 );
        margin-right: 5em;
        }
    .subsection-undergraduate-students-education-commencement-faq .portlet-static-table-of-contents li:first-child,
    .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;
         }
    .subsection-undergraduate-students-experiences-professional-development .portletWrapper > div.portlet-static-table-of-contents {text-align: initial;}
    .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;
    }
    .section-teaching div.portlet-static-anchor-links ul{
        width: auto;
        }
    .section-teaching div.portlet-static-anchor-links li{
        border: 0;
        display: inline-block;
        max-width: 17%;
        }
    .section-teaching div.portlet-static-anchor-links li a span{display: none;}
    
    
    .portlet-static-table-of-contents ul,
    .portlet-static-anchor-links ul{
        display: inline-block;
        text-align: left;
        vertical-align: top;
        border: 0 solid rgba(106, 119, 136, 0.35);
        width: 49%;
        margin: .125em;}
    .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,
    .portlet-static-anchor-links ul li{padding: .325em;}
    .portlet-static-table-of-contents ul li + li,
    .portlet-static-anchor-links ul li + li
    {border-top: 0.085em solid rgba(106, 119, 136, 0.35);}
   
   .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;
   }
   
    .facultyStaffDirectory span.personName,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory #directory-listing a.personName,
    .facultyStaffDirectory a.personName,
    .cardHeader
    {font-family: 'interface';font-size: 85%;}
    
    /* University and College Awards Landing Page */
    .subsection-awards-and-honors-university-and-college-awards .portletWrapper .portlet-static-no-border-bg-bx{
        border-bottom: 0.0825em solid #CCC;
        border-bottom: 0.0825em solid rgba(106, 119, 136, 0.2);}
    .subsection-awards-and-honors-university-and-college-awards .portlets-above-content {box-shadow: none;}
    
    .awardselector ul{
        display: inline-table;
        width: 47%;}
        
    .awardselector ul:nth-child(2){
        border-left: solid #CCC 0.0825em;
        border-left: solid rgba(106, 119, 136, 0.2) 0.0825em;
        padding-left: 1.5em;
        box-sizing:  border-box;
        -mox-box-sizing:  border-box;
        }
    
    #content .awardselector ul li{
        color: #183e71;
        display: block;
        font-weight: bold;
        padding: 0 .5em;
        transition: all ease 250ms;}
    
    #content .awardselector ul li:hover{background: #cae0ff;}
    #award-list li {display:block;width: 90%;}
    #content .awardselector li.current{background: #4b6fa3;color: #FFF;}
    .subsection-undergraduate-students-advising-recommended-academic-plans table tr > *{padding: .325em 1em;}
    .subsection-undergraduate-students-advising-recommended-academic-plans table tr:first-of-type{
        background: #6b2000;
        background: #c63a02;
        color: #FFF;}
    
    .subsection-undergraduate-students-advising-recommended-academic-plans table {width: 100%;}
    .subsection-undergraduate-students-advising-recommended-academic-plans table tr > *:nth-child(2n){
        width: 4em; }
    
    .single-item-Homepage.slick-slider {margin-bottom: 0;}
    ul.image-list, ul.image-list .slideImage, ul.image-list .slideImage a {display:block; height: 100%}
    ul.image-list .slideImage {
        background: no-repeat top center;
        background-size: cover;
        display: block;
        position:relative;
        min-height: 15em;
        }
    ul.image-list .slide-callout, ul.image-list .caption{
        background: rgba(0, 19, 46, 0.72);
        bottom: 0;
        box-sizing: border-box;
        display: block;
        margin: 0;
        padding: .5em 1.25em;
        position: absolute;
        width: 100%;
        }
    ul.image-list a, #content ul.image-list a:hover, ul.image-list .caption  {
        color:#FFF;
        font-family: 'museo-slab', sans-serif;
        font-weight: normal;}
   .feature-wrapper  ul.image-list .caption {display: none;}
   
       .vid-title {font-weight: bold;
        display: block;
        text-align: center;
        margin-top: 1.5em;}
    .vid-description {color: #6a7788;}
    .portletVideoCollection li {
        list-style-type: none;
        max-width: 25%;
        }
        
    /**** CEN student profiles ****/
    
    .portletWrapper div#___gcse_0,
    .education-link {
        margin: .5rem 3.4rem 0 3.4rem;
    }
    
    .sp_profiles {text-align: center;}
    .sp_container {
        border:.5em solid #fff;
        margin: 1em 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);
        }
    .sp_image_container {
        width:10em;
        }
    .sp_image_container img {  
        height: auto;
        float:left;
        margin-right:0.5em;
        width:10em;}
    .sp_name { margin:0;}
    .sp_body { margin:1em 0; }      
    
        /**** CEN student profiles ****/
    .sp_profiles {  }
    .sp_container {
        margin: .5em;
        display:inline-block;
        width:40%;
        text-align:center;
        vertical-align: top;
        height:16em;
        overflow:hidden;
        }
        
    .sp_image_container {
        width:initial;
        overflow:hidden;
        }

    .sp_image_container img {  
        float:none;
        width:auto;
        height:auto;
        max-height: 10em;
}

    .sp_name_container { }
        
    .sp_name { 
        font-family: 'interface';
        font-size: 1.2em;
        }
        
    .sp_body { margin:0; }
    
    .subsection-undergraduate-students-college-offices-career-enrichment-network #hero {
     display: none;   
    }
    
    #bottom-menu #left-column-content > .symplicity-login,
    .subsection-undergraduate-students-experiences-internships #hero > div {
    display: none;
    }
    
    #bottom-menu #left-column .symplicity-login {
        max-width: 215px;
        width: 100%;
    }
    
    #bottom-menu .symplicity-login{
        background: #ccc url('../img/CEN_NitLionCar_Login_graphic_v2.jpg') no-repeat;
        display:inline-block;
        height: 100%;
        z-index: 8888;
        position: relative;
        vertical-align: top;
    }
    
    #bottom-menu .instaPic img {
        max-width: 27px;
        margin-right: .3em;
    }
    
    #bottom-menu a.simplicity-button {
        display: inline-block;
        padding: 0.25em 0em 0.25em;
        color: #FFF;
        width: 36%;
        text-align: center;
        margin: .325em 0;
        text-align: center;
    }
    
    #bottom-menu .simplicity-login-buttons {
        margin-top: 7em;
        text-align: center;
    }
    
    #bottom-menu .simplicity-button.login {
        background: #fc7b19;
    }
    
    #bottom-menu .symplicity-login {
       height: 19em; 
       background-size: 170%;
    }
    
    #bottom-menu .simplicity-login-social {
        top: 10em;
        padding: 1em;
        position: absolute;
    }
    
    #bottom-menu .simplicity-login-social a {
        display: block;
        margin-bottom: .45em;
    }
    /* Portlet Errors Temp Fix*/
    #content #portlets-below-title .portlet-static-hero-slides,
    #content #portlets-below-title .portlet-static-iframe,
    #content #portlets-below-title .portlet-static-filter-by,
    .portlets-above-content  .portlet-deferred{display:none;}
    
    a.internal-link.css-rect-btn.multi-btn.triple {margin-bottom: 1em;}
    
    .section-prospective-students .calendly-inline-widget {height: 700px;}
    
    
/* Dean's list live filterbox styles */
    label[for="filterBox"] {
       font-size:0;
       color:transparent;
    }
    input.filterBox {
        width:100%;
        font-size: 1.2rem;
        padding: .5rem 0 .5rem .9rem;
        color:#999999;
        }
    input.filterBox::placeholder {
        font-style:italics;
        font-color:#999999;
        }
    #deanslist li {
        font-size: 1.2rem;
        list-style: none;
    }
    #pagingControls { margin-top:3rem; }
    #pagingControls li a {
        padding: .5rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 3px;
        border-color:transparent;
        border-width:1px;
        border-style:solid;
        background: #e0e1e1;
        display: inline-block;
        }
    #pagingControls li a.btn-default, #pagingControls li a:hover {border-color:grey;}
    #pagingControls li a.disabled,#pagingControls li a.disabled:hover {color:grey; text-decoration:none !important;border-color:transparent !important;}
    #pagingControls li a.btn-default.disabled {border-color:transparent;}
    
    .portlet.liveChatScript {visibility: hidden;}
    
}




        

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

@media only screen and (min-width: 34em) {
    
    .sp_image {
  float: right;
  margin-top: 1rem;
  margin-left: 3rem;
}
    
.sidebyside img {
 width: 75%;   
}
    
div#alertmsg {
    z-index: 999999;
    position: relative;
    background: #fff;
    padding-top:17px;
    padding-bottom: 16px;
    }
    
.section-prospective-students h3 .css-rect-btn {
 margin-bottom: 1rem;
}
    
    .section-prospective-students .alumniContainer {
        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);}    

    .alumniAlumniContainer > * {
        flex: 1 40%;
    }
    
    #alertmsg .portlet-static-emergency-alert {
        text-align: left;
    }
    
    .alumniFriendsImage {    
        display: block;	
        width: 25%;	
        margin-bottom: 1rem;	
        float: right;	
        margin-left: 2rem;	
    }
    
    .leadership-by-the-numbers ul li,
    .liberal-arts-by-the-numbers ul li {
    min-height: 10em;
    }
    
	#searchGadget {
		width: 12em;
	}

	img.image-right,.float-right{float: right;}    
	img.image-left,.float-left{float: left;}	
    
    div.float-right{margin-left:1em;}
    div.float-left{margin-right:1em;}
    
    .template-folder_thumb_view .tileItem {width: 49%;}
    
    .grid_container .omega{float: right;width:45%;}
    .grid_container .alpha {width: 45%;}

    /** Video Bx Portlets .portlet-static-video-overlay-bx**/
    .portlet-static-video-overlay-bx .portletHeader{display: none;}
    dl.portlet-static-video-overlay-bx .portletItem {padding: .5em;}
    dl.portlet-static-video-overlay-bx .portletItem img{width: 100%;}
    dl.portlet-static-video-overlay-bx .portletItem a{display: block;margin-bottom: 1em;}
    dl.portlet-static-video-overlay-bx .portletItem a.overlay-item:after{
        font-family: 'cla icons','interface';
        content:'\e61e   Watch Video';
        background: #737B85;
        background: rgba(0, 19, 46, 0.5);
        color: #FFF;
        display: block;
        font-size: 1em;
        line-height: 1.5em;
        margin-top: -2em;
        padding: .25em .5em;
        position: relative;
        }
    dl.portlet-static-video-overlay-bx .portletItem a.overlay-item:after:after{
        content:'hello';
        }
    
    /** overlay gallery**/
    #content li.gallery-item {margin: 0;}
    .overlay-gallery .tileImage {height: 9em;}
    .overlay-gallery .tileItem, .gallery-item {width: 48%;}
    .template-changemaker_album_view .overlay-gallery .tileItem,
    .template-pfp_alumni_friends_collection_view .overlay-gallery .tileItem {
        width: 100%;
    }
    .gallery-item span {
        height: 9.5em;
        width: auto;
        overflow: hidden;
        display: block;
        margin: 0;}
    
    #hero {clear:both; overflow:hidden;}
    /*.subsection-cen #hero span.hero-image,.subsection-cen #hero .image-list{display:inline-block;float:right;vertical-align: top;width:73%}*/
    .subsection-cen #hero span.hero-image, .subsection-cen #hero .image-list {
        vertical-align: top;
        overflow: hidden;
        width: auto;
    }
    #hero .symplicity-login {
        width: 25%;
        min-width: 14em;
        float: left;
        margin-right: 2em;
    }
    .symplicity-login{
        background: #ccc url('../img/CEN_NS_Login_Bkrd_Graphic.png') no-repeat;
        background: #ccc url('../img/CEN_NitLionCar_Login_graphic.jpg') no-repeat;
        background: #ccc url('../img/CEN_NitLionCar_Login_graphic_v2.jpg') no-repeat;
        display:inline-block;
        height: 100%;
        z-index: 8888;
        position: relative;
        vertical-align: top;}
    /*#hero .symplicity-login{width: 25%;}*/
    #left-column .symplicity-login{width: 100%;}
    #left-column-content > .symplicity-login { display: none !important; }
    .simplicity-login-buttons > div{color:transparent;}
    .simplicity-login-buttons{
        margin-top: 7em;
        text-align: center;}
    a.simplicity-button{
        display: inline-block;
        padding: 0.25em 0em 0.25em;
        color: #FFF;
        width: 36%;
        text-align: center;
        margin: .325em 0;}
    .simplicity-button.login{background:#fc7b19;}
    #content .simplicity-button.login {width: auto; padding-right: 2em;}
    .simplicity-button.register{background:#187fe8;}
   .simplicity-login-social {
       padding: 1em;
        position: absolute;
        top: 202px;}
   .simplicity-login-social > * {display:block;margin-bottom: .45em;}
   .simplicity-login-social script {display:none;}
   
 /****** Network Symplicity update  ******/
    .simplicity-login-social .fbPic img {margin-right: .3em}
    
    .instaPic img{
    max-width: 27px;
    margin-right: .3em;
    }
.symplicity-login {
    background-size: 170%;
    }
/*    .simplicity-login-buttons {
    margin-top: 6em;
    }   
*/    
.simplicity-login-social {
    top: 10em;
    }
    
    /*** INC1149678 - removing document description for search funtionality on academic-integrity  ***/
    .subsection-undergraduate-students-education-academic-integrity .documentDescription,
    .subsection-cen .documentDescription {display:none;}
    .subsection-cen.portaltype-atsuccessstory .documentDescription {display:initial;}
    
    
    #hero span.portlet, #hero .slick-track,iframe.portlet-static-iframe{height:19em;}
    #hero span.hero-image, #hero ul{margin:0;}
    #hero span.hero-image,iframe.portlet-static-iframe{border:0;display:block;width: 100%; background: center no-repeat;background-size: cover;}
    .subsection-message-from-the-dean #hero span.hero-image {background-size: contain;}

    /* Homepage*/
    .main-container .feature-content{
        margin-top: 2em;
     }
    .feature-wrapper .slick-dots{
        margin-top: 1em;
     }
    .feature-content > *{width: 50%;}
     a.feature-title {
        font-size: 2em;
        font-weight: normal;
        line-height: 1.125em;
        margin-bottom: .5em;}
    
     a.feature-title,a.feature-text{text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);}
    /*.feature-wrapper .slick-dots {display: none !important;}*/
    .feature-wrapper .slick-dots li button {
        background: #FFF;
        height:15px;
        width:15px;}
    .feature-wrapper .slick-dots .slick-active button {
        background: #4b66a3;
        border: 2px solid #FFF;
        padding: 7px;
        }
    .feature-wrapper .slick-dots li button{
        -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 1);
        -moz-box-shadow:    0px 1px 6px 0px rgba(0, 0, 0, 1);
        box-shadow:         0px 1px 6px 0px rgba(0, 0, 0, 1);}
        
    .feature-wrapper .slick-dots{
        z-index: 99;
        text-align: left;
        left: 0;
        right: 0;
        max-height: 2em;
        top: 0;
        }
     
     

     

}

@media only screen and (min-width: 48rem) {

.portlet.portletVideoCollection.portlet-collection-links .vid-thumb {
    background: 56% 17%;
    background-size: cover;
}

#alertmsg .portlet-static-emergency-alert {
    margin: 0 auto;
    /*padding: 30px 0;*/
    width: 720px;
    }
    
.subsection-undergraduate-students-education-commencement .unit_container {
    width: 47%;
    margin-right: 1rem;
}

}

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

@media only screen and (min-width: 51em) {
    
    .sidebyside {
     flex-direction: row;   
    }
    
    .sidebyside img {
     width: 98%;   
    }
    
    .section-research.subsection-liberal-arts-research-office #parent-fieldname-title {
     width: 55%   
    }
    
    .section-prospective-students h3 .css-rect-btn,
    .subsection-undergraduate-students-moments-of-change h2 span.css-rect-btn{
        margin-left: 3%;
    }
    
    .subsection-undergraduate-students-moments-of-change h2 span.css-rect-btn {
        margin-left: 3%;
        margin-right: 0;
        vertical-align: middle;
        font-size: 1rem;
        margin-right: 0;
    }
    
    .subsection-undergraduate-students-moments-of-change h2 {
     font-size: 1.6rem;   
    }
    
    .subsection-undergraduate-students-education-commencement a.unit_container:hover {
        text-decoration: none;
        box-shadow: 0px 1px 7px 2px rgba(147, 147, 147, 0.7);
    }
    
    .subsection-undergraduate-students-education-commencement .unit_container {
    width: 46%;
    margin-right: 1rem;
    }
    
    #site-title {
        display: none;
    }

	h1 {font-size: 2.25em;}
    h2,.attention-large,
    .template-photo_album_view .documentDescription,
    #content-core .lwn {font-size: 1.7em;}
	h3,.attention-medium {font-size: 1.5em;}
    
   /* .dtemplate-base .header-container, 
    .header-container{
        max-height: 133px;} */
    #portal-sitemap > li{font-size: 150%;}
    #portal-sitemap .navTree {
        display: block !important;
        }
     #portaltab-index_html a span{position: absolute;top: -9999px;left:-9999px; }
    #portaltab-index_html a:before{
      font-family: 'cla icons';
      content: '\e61d';
      speak: none;
      vertical-align: middle;
      font-size: 1em;
      font-weight: normal;}
    
    .subsection-cen-la-401-professional-development-for-liberal-arts-students .slick-track li:last-of-type {width: 24% !important;}
    
	/**** site header ****/
	
    body {font-size: 100%;}
    header.wrapper{text-align: right;}
    
    header #search {position: absolute; right:0; top: 0; z-index: 2;}
    
    
	nav#topnav {
		padding-bottom: 0;
	}
	nav#topnav ul, nav#sub-nav ul {display: table;width: 100%;}
    nav#topnav > ul > li, nav#sub-nav ul li {display: table-cell;/*position: relative;*/}
    
    nav#topnav > ul{
        background: rgba(0, 19, 46, 0.72);
        margin-top: 0.5em;}
    /*** Meganav Hover ***/
    ul#topnavul > li > ul {
        left: 0;
        position: absolute;
        z-index: 9999;}
  
    
    ul#topnavul li > ul a{
        color: #000;
        display: block;
        text-align: left;
        }
    
    ul#topnavul > li > ul >li {
        display: inline-block;
        margin: 0 0 1em 0;
        width: 19%;
        }
    ul#topnavul > li > ul:last-child:after {
        content:"\A";
        }
    ul#topnavul > li > ul >li > a{
        color: darkblue;
        font-size: 1em;
        font-weight: bold;
        padding: .25em;}
    
    ul#topnavul > li > ul >li >ul > li {
        border: 0;
        display: list-item;}
    ul#topnavul > li > ul >li >ul > li a{
        display: list-item;
        font-size: 1em;
        font-weight: normal;
        padding: .25em;
        
    }
    
    ul#topnavul > li > ul {
        height: 0;
        margin-top: 0.25em;
        opacity: 0;
        text-align: justify;
        transition: all ease 250ms;
        visibility: hidden;}
    
    ul#topnavul > li:hover > ul {
        height: auto;
        opacity: 1;
        transition: all ease 500ms;
        visibility: visible;
        z-index: 10000;}
    
    /**** MegaNav Section Specific Colors ****/
    
    nav#topnav > ul > li  {border-bottom: 0.25em solid transparent; border-top: 0.0875em solid transparent;}
    nav#topnav > ul > li, nav#sub-nav>ul> li {transition: ease 0.25s all;}
    nav#topnav > ul > li:hover, nav#sub-nav>ul> li:hover {
        transition: ease 0.5s all;}    
    
    nav#topnav li#portaltab-index_html:hover, nav#topnav li#portaltab-index_html.selected {background: #4b6fa3;}
    nav#topnav li#portaltab-index_html:hover,nav#topnav li#portaltab-index_html.selected {border-bottom: 0.25em solid #14335f;border-top: 0.0875em solid #f6faff;}
    
    nav#topnav li#portaltab-about:hover, nav#topnav li#portaltab-about.selected {background: #fc7b19;}
	nav#topnav li#portaltab-about:hover,nav#topnav li#portaltab-about.selected {border-bottom: 0.25em solid #954101;border-top: 0.0875em solid #fff4eb;}
    
    nav#topnav li#portaltab-academics:hover, nav#topnav li#portaltab-academics.selected {background: #3360d0;}
    nav#topnav li#portaltab-academics:hover,nav#topnav li#portaltab-academics.selected {border-bottom: 0.25em solid #163e76;border-top: 0.0875em solid #f0f4ff;}
    
    nav#topnav li#portaltab-prospective-students:hover, nav#topnav li#portaltab-prospective-students.selected {background: #4ca703!important;}
    nav#topnav li#portaltab-prospective-students:hover,nav#topnav li#portaltab-prospective-students.selected {border-bottom: 0.25em solid #287207;border-top: 0.0875em solid #f6fef0;}
    
    nav#topnav li#portaltab-current-students:hover, nav#topnav li#portaltab-current-students.selected {background: #c63a02;}
    nav#topnav li#portaltab-current-students:hover,nav#topnav li#portaltab-current-students.selected {border-bottom: 0.25em solid #6b2000;border-top: 0.0875em solid #fef9ec;}
    
    nav#topnav li#portaltab-alumni:hover, nav#topnav li#portaltab-alumni.selected {background: #019da3;}
    nav#topnav li#portaltab-alumni:hover,nav#topnav li#portaltab-alumni.selected {border-bottom: 0.25em solid #005b5f;border-top: 0.0875em solid #f5ffff;}
    
    nav#topnav li#portaltab-research:hover, nav#topnav li#portaltab-research.selected {background: #9e0173;}
    nav#topnav li#portaltab-research:hover,nav#topnav li#portaltab-research.selected {border-bottom: 0.25em solid #5d1449;border-top: 0.0875em solid #feddf5;}
    
    nav#topnav li#portaltab-teaching:hover, nav#topnav li#portaltab-teaching.selected {background: #F0AE0B;}
    nav#topnav li#portaltab-teaching:hover,nav#topnav li#portaltab-teaching.selected {border-bottom: 0.25em solid #946201;border-top: 0.0875em solid #fffaec;}
    
    
    
    nav#topnav li.selected:hover {background: #4b6fa3;}
    nav#topnav li.selected:hover {border-bottom: 0.25em solid #14335f;border-top: 0.0875em solid #fffaec;}
    
    
    nav#topnav li a:hover {text-decoration: none;}
    
    
    /*** Sub-navigation menu ***/
    
    .subsection-majors-and-minors nav#sub-nav>ul>li {vertical-align: top;}
    
    nav#sub-nav>ul> li:hover/*,
    nav#sub-nav>ul> li.navTreeCurrentNode,
    nav#sub-nav>ul> li.navTreeItemInPath*/{text-decoration: underline;}
   
    nav#sub-nav>ul> li:hover,
    nav#sub-nav>ul> li.navTreeCurrentNode,
    nav#sub-nav>ul> li.navTreeItemInPath {background: #cae0ff;}
    nav#sub-nav>ul> li ul {background: #cae0ff; background: rgba(211, 229, 254, 0.91);}
    
    .section-about nav#sub-nav>ul> li:hover,
    .section-about nav#sub-nav>ul> li.navTreeCurrentNode,
    .section-about nav#sub-nav>ul> li.navTreeItemInPath {background: #ffdfc7;}
    .section-about nav#sub-nav>ul> li ul {background: rgba(254, 228, 214, 0.91)}
    
    .section-academics nav#sub-nav>ul> li:hover,
    .section-academics nav#sub-nav>ul> li.navTreeCurrentNode,
    .section-academics nav#sub-nav>ul> li.navTreeItemInPath{background: #c9d8ff;}
    .section-academics nav#sub-nav>ul> li ul {background: rgba(217, 227, 255, 0.91);}
    
    .section-prospective-students nav#sub-nav>ul> li:hover,
    .section-prospective-students nav#sub-nav>ul> li.navTreeCurrentNode,
    .section-prospective-students nav#sub-nav>ul> li.navTreeItemInPath{background: #d6eec3;}
    .section-prospective-students nav#sub-nav>ul> li ul {background: rgba(222, 242, 207, 0.91);}
    
    .section-current-students nav#sub-nav>ul> li:hover,
    .section-current-students nav#sub-nav>ul> li.navTreeCurrentNode,
    .section-current-students nav#sub-nav>ul> li.navTreeItemInPath{background: #feddcc;}
    .section-current-students nav#sub-nav>ul> li ul {background: rgba(255, 231, 219, 0.91);}
    
    .section-alumni nav#sub-nav>ul> li:hover,
    .section-alumni nav#sub-nav>ul> li.navTreeCurrentNode,
    .section-alumni nav#sub-nav>ul> li.navTreeItemInPath{background: #cff3f5;}
    .section-alumni nav#sub-nav>ul> li ul {background: rgba(211, 243, 244, 0.91);}
    
    .section-research nav#sub-nav>ul> li:hover,
    .section-research nav#sub-nav>ul> li.navTreeCurrentNode,
    .section-research nav#sub-nav>ul> li.navTreeItemInPath {background: #e5d6e1;}
    .section-research nav#sub-nav>ul> li ul {background: rgba(238, 223, 234, 0.91);}
    
    .section-teaching nav#sub-nav>ul> li:hover,
    .section-teaching nav#sub-nav>ul> li.navTreeCurrentNode,
    .section-teaching nav#sub-nav>ul> li.navTreeItemInPath{background: #ffe9ac;}
    .section-teaching nav#sub-nav>ul> li ul {background: rgba(254, 237, 189, 0.91);}
    
    nav#sub-nav {margin-top: 2em;}
    nav#sub-nav>ul {
        border-top: solid #939393 0.0825em;
        border-top: solid rgba(147, 147, 147, 0.35) 0.0825em;
        
        -moz-box-shadow:    inset 0px 35px 22px -26px rgba(106, 119, 136, 0.2);
        -webkit-box-shadow: inset 0px 35px 22px -26px rgba(106, 119, 136, 0.2);
        box-shadow:         inset 0px 35px 22px -26px rgba(106, 119, 136, 0.2);
       
       /* IE6-8 */
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
        zoom: 1;
        }
    
    nav#sub-nav ul li + li {border-left: solid rgba(106, 119, 136, 0.2) 0.0825em;}
    
    .section-about nav#sub-nav>ul a{color:#954101;}    
    .section-academics nav#sub-nav>ul a{color:#163e76;}
	.section-prospective-students nav#sub-nav>ul a{color:#287207;}
    .section-current-students nav#sub-nav>ul a{color:#6b2000;}
    .section-alumni nav#sub-nav>ul a{color:#005b5f;}
    .section-research nav#sub-nav>ul a{color:#5d1449}
    .section-teaching nav#sub-nav>ul a{color:#946201;}
    
    /** Sub-nav Dropdowns**/
    nav#sub-nav ul ul{
        background: #ddd;
        display: none;
        padding: .75em 0;
        width: 16em;
        z-index: 9099;
        }
    nav#sub-nav ul li:hover ul, 
    nav#sub-nav ul li:focus ul {
        display: block;
        position: absolute;}
    
    nav#sub-nav ul ul li{display: block; border: 0;}
    nav#sub-nav ul ul li a{
        font-weight: normal;
        padding: .125em .7em;
        text-align: left;}
    
    
	nav#topnav div.small {display: none; }
    nav#topnav li.selected > ul {background: #4b6fa3;}
    #portaltab-about > ul {background: #F4EBE5;background: rgba(149, 65, 1, 0.9);}
    #portaltab-academics > ul {background: #E7EBF0;background: rgba(22, 62, 118, 0.9);}
    #portaltab-prospective-students > ul {background: #E9F0E5!important;background: rgba(40, 114, 7, 0.9)!important;}
    #portaltab-current-students > ul {background: #EFE8E5;background: rgba(107, 32, 0, 0.9);}
    #portaltab-alumni > ul {background: #E5EEEE;background: rgba(0, 91, 95, 0.9);}
    #portaltab-research > ul {background: #EEE7EC;background: rgba(93, 20, 73, 0.9);}
    #portaltab-teaching > ul {background: #F4EEE5;background: rgba(148, 98, 1, 0.9);}

    ul#topnavul > li > ul {display: table;}
    ul.navTree.navTreeLevel2{display:none !important;}
    ul#topnavul ul.navTreeLevel1 > li{
        display:table-cell;
        font-size: 14px;
        width: auto;
        }
        
    ul#topnavul ul.navTreeLevel1 > li a{color: #FFF;padding: 1em;text-align: center;}
    ul#topnavul ul.navTreeLevel1 > li + li {border-left:1px solid rgba(230, 230, 230, 0.32);}
    
    li.selected > ul li:hover {background: #4b6fa3;background: #4b7ea3;}
    #portaltab-about > ul li:hover {background:#fc7b19;background: rgba(252, 123, 25, 0.75);}
    #portaltab-academics > ul li:hover {background:#3360d0;background: rgba(51, 96, 208, 0.75);}
    #portaltab-prospective-students > ul li:hover {background:#4ca703;background: rgba(76, 167, 3, 0.75);}
    #portaltab-current-students > ul li:hover {background:#c63a02;background: rgba(198, 58, 2, 0.75);}
    #portaltab-alumni > ul li:hover {background:#019da3;background: rgba(1, 157, 163, 0.75);}
    #portaltab-research > ul li:hover {background:#9e0173;background: rgba(158, 1, 115, 0.75);}
    #portaltab-teaching > ul li:hover {background:#feb80b;background: rgba(254, 184, 11, 0.75);}
    
	    
    .main #left-column, .main #right-column,
    .spec-panel.panel-container .panel-wrapper:first-of-type {
        display: block;
        min-width: 14em;
        width: 25%;
        }
    #bottom-menu #left-column {display: none;}
	.main #left-column {
		float: left;
		margin: .5em 2em 1em 0;
	}
    .main #right-column {
    	float: none;
		margin: 0 0 1em 1.5em;
	}

	#main-column.hasleftcol {
    /*margin-left: 16em;*/
    /*overflow: hidden;*/
    overflow: auto;
    }
    
    .subsection-diversity-equity-and-inclusion-the-graduate-alliance-for-diversity-and-inclusion-calendar #main-column.hasleftcol {
    /*margin-left: 16em;*/
    overflow: hidden!important;
    }    
    
    .section-prospective-students.subsection-prospective-students #main-column.hasleftcol {
    overflow: visible;
    }

	
	dl.portlet dd.portletItem.hide {height: auto; position: relative; margin-left: inherit;}
	dl.portletNavigationTree {display: block;}
	
	#botnav {display: none;}
	
    .grid_container .omega{float: right;width:35%;}
    .grid_container .alpha {width: 60%;}
    
    /** Overlay Gallery**/
        
    .overlay-gallery .tileBody{font-size: .85em;}
    .watch-video {font-size: .75em;}
    .overlay-gallery .tileImage {height: 10em;}
    
    /*.video-bx{min-height: 25em;}*/
    
    /** Featured Homepage **/
    .dtemplate-index .header-container {
     background: none;
     box-shadow: none;
     z-index: 1000;
    }
    .dtemplate-index .main-container{
        position: absolute;
        top: 0;
        height:100%;
        width: 100%;
        }
    .dtemplate-index footer{
        z-index: 1001;
        top: 100%;
        position: absolute;
        width: 100%;
        margin-top: -10em;
        }
    .dtemplate-index .footer-container{width: auto;}
    .template-homepage-tabular_view table a{
        white-space: nowrap;
        }
        
    .feature-content > * {width:45%;}
   
    a.feature-title{
        font-size: 2.25em;
        font-weight: normal;
        line-height: 1.125em;
        margin-bottom: .5em;
}
    a.feature-text{font-size:1.125em}
    .main-container .feature-wrapper {height:100%;overflow: hidden; padding: 0 !important;}
    .feature-wrapper .slick-dots, .main-container .feature-content{margin-top: 19em;}
    .main-container .feature-content{padding-top: 2em;}

    .dtemplate-index .manageInHeaderPortletsLink{display:none;}
    .slick-list, .slick-track, .slick-slide{height:100%;}
 
    
    .subsection-cen-career-enrichment-network .panel-container+.panel-container,
    .subsection-prospective-students .panel-container+.panel-container,
    .subsection-about .panel-container+.panel-container{
        background: #FFF;
        overflow: auto;
        -moz-box-shadow: 0px 0px 20px 5px rgba(147, 147, 147, 0.17), 0px 0px 7px 1px rgba(147, 147, 147, 0.35);
        -webkit-box-shadow: 0px 0px 20px 5px rgba(147, 147, 147, 0.17), 0px 0px 7px 1px rgba(147, 147, 147, 0.35);
        box-shadow: 0px 0px 20px 5px rgba(147, 147, 147, 0.17), 0px 0px 7px 1px rgba(147, 147, 147, 0.35);
        clear:both;
        }
    .subsection-cen-internships-internships .symplicity-job-board{ background: #FFF;border:0;padding:0;}
    .subsection-cen-internships-internships .symplicity-job-board iframe{width: 100% !important;}
    
        /** Special Footer Panels**/
    .userrole-authenticated .spec-panel.panel-container .panels .panel{display: block;}
    .spec-panel.panel-container .panels .panel-wrapper {
        box-sizing: border-box;
        /*display: inline-block;*/
        vertical-align: top;
        }
    
    .spec-panel.panel-container .panel-wrapper:first-of-type{
        float:left;
        margin-right: 2em;
        width:24%;}
    .spec-panel.panel-container .panels div.panel-wrapper:nth-of-type(even){
        /*float: right; width:73%;*/
        overflow:hidden;}
    
    /* Youtube Slider*/
    
    .video-list{margin: 1.5em auto;}
    .video-list .slick-list {margin: 0 3em;}

    .portletVideoCollection {border: 0;}
    .portletVideoCollection .slick-next:after,
    .portletVideoCollection .slick-prev:before{background: none; color: #6a7788;font-size: 2em;}
    #container .portletVideoCollection .slick-prev{top: 10em;left: -1em;}
    #container .portletVideoCollection .slick-next{top: 10em;right: -1em;}
    .portletVideoCollection .slick-prev:before{content:"\e61c"}
    .portletVideoCollection .slick-next:after{content:"\e61b"}
    .portletVideoCollection .slick-dots li button{height: .5em; width: .5em;}
    .portletVideoCollection .portletHeader{
        display: block;
        font-family: 'museo-slab', sans-serif;
        font-size: 1.7em;
        font-weight: normal;
        padding: 0;
        text-transform: none;
        text-align: center;}
    .vid-thumb {
        background: center center;
        background-size:cover;
        display: block;
        height: 7.25em;
        }
        


    .vid-title:before {
        content: '\e61e';
        display: block;
        text-align: center;
        margin-top: -.45em;
        font-size: 1.75em;}
        
    .portlet.portletVideoCollection.portlet-collection-links .vid-title:before {
        content: none;
        display: block;
        text-align: center;
        margin-top: 0;
        font-size: 1.75em;}
    .portlet.portletVideoCollection.portlet-collection-links .vid-title {border-top: 0;}
    .vid-title {border-top: solid 0.0825em;}

        
    .dtemplate-base .header-container,
    .main-container>*,
    .spec-panel.panel-container,
    .panel-container,
    #listing-main,#listing-sub,
    #inner-container > footer > *{
        padding-right: 123px !important;
        padding-left: 123px !important;}
    
    .footer-container.wrapper {
        text-align: right;
    }
    
    #deanslist {column-count:2;}
    
    
	/* ===== IE Fixes ===== */
<!-- [if IE]>
	nav#topnav ul li, nav#sub-nav ul li {display: inline-block;}
	.oldie nav#topnav a {margin: 0 0.7%;}
<![endif] -->
    
}







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

@media only screen and (min-width: 55em) {
    
    .section-prospective-students ul.image-list .slideImage {
    background: no-repeat 100% 40%;
    background-size: cover;
    }
    
    .template-podcastview hr {
        clear: both;
    }
    
    .tileContainer {
     float: left;
     width: 50%;
    }
    
    .template-podcastview .program_details {
     overflow: auto;
     clear: both;
    }
    
    .embed {
    margin: 1rem 0;
     float: right;   
    }
    
dl.portletStaticText.portlet-static-major-minor .portletItem, .portletWrapper > div.portlet-static-major-minor {
    padding-right: 3rem;
}
    
.section-prospective-students #content > div.panels > div.panel.panel-0.panel-horizontal > div {
    flex-wrap: nowrap; 
}
    
    .feature-wrapper .slick-dots, .main-container .feature-content{margin-top: 16em;}

    
    .subsection-undergraduate-students-education-commencement .unit_details.detailed {
        height: 11rem;
    }
        
    .subsection-undergraduate-students-education-commencement .unit_container:last-child {
        position: relative;
        bottom: 0;
    }
    
    .subsection-undergraduate-students-education-commencement .unit_images span {
        height: 6em;
        background-size: cover;
    }
    
    .template-changemaker_album_view .overlay-gallery .tileBody,	
    .template-changemaker_album_view .overlay-gallery .tileImage,	
    .template-pfp_alumni_friends_collection_view .overlay-gallery .tileImage,	
    .template-pfp_alumni_friends_collection_view .overlay-gallery .tileBody {	
     width: 50%;   	
    }	
    	
    .template-changemaker_album_view .overlay-gallery .tileImage,	
    .template-pfp_alumni_friends_collection_view .overlay-gallery .tileImage {	
     width: 31%;   	
    }
    
    #right-column {float: right;}
	.main #right-column {
        float: right;
	}

    .unit_container {
        display: inline-block;
        text-align: left;
        width: 29.5%!important;
        vertical-align: top;
        margin-bottom: 2%;
        margin-right: 1%;
        }
        
    .unit_details {
        margin: .25em;}
        
    .template-podcastview .program_details {
        width: 100%;
    }
        
    .program_details{
        display: inline-block;
        text-align: left;
        width: 49%;
        vertical-align: top;}
    /*.listing-bx > span {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 0;
        }*/
    
    .template-folder_thumb_view .tileItem,.thumb-bx .tileItem {width: 24%;}
    .template-folder_thumb_view .hasleftcol .tileItem,.thumb-bx .hasleftcol .tileItem {width: 33%;}
    .grid_container .omega{width:30%;}
    .grid_container .alpha {width: 65%;}
    #content .facultyStaffDirectory .listing,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .listing
    {
        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);}
    #content .facultyStaffDirectory .listing,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .listing {
        width: 100%;
        margin: 0 2% 1em 0;
        display: inline-block;
        border: 0;
        vertical-align: top;}

    .subsection-college-offices #content-core div.callout {padding: 0;overflow: auto;}
    .subsection-college-offices div.callout > div:first-child{border-right: 0.0825em solid #FFF;}
    .subsection-college-offices div.callout > div{
         box-sizing: border-box;
         -moz-box-sizing: border-box;
        display: block;
        width: 50%;
        vertical-align: top;
        float: left;
         }
    .subsection-college-offices #content-core div.callout h2 {border: 0;}
    .subsection-college-offices #content-core div.callout h2:after {font-size: .5em;}
    .subsection-college-offices div.callout > div ul{
        border-bottom:0.0825em solid #FFF;
        padding-left: 1.325em;}
    .subsection-college-offices div.callout > div ul:last-child {border-bottom: 0}
    .subsection-college-offices div.callout > div ul a {font-weight: normal;}
    .subsection-college-offices div.callout > div > * {
        padding-left:1em;
        padding-right:1em;
        }
    .subsection-undergraduate-students-advising-recommended-academic-plans table{width: 49%;}
    .subsection-undergraduate-students-advising-recommended-academic-plans table:nth-of-type(2n){float:right;}
    .subsection-undergraduate-students-advising-recommended-academic-plans table:nth-of-type(2n+1){float:left; clear:both;}
    .subsection-undergraduate-students-advising-recommended-academic-plans table:last-of-type + * {clear: both;}
    

}


@media only screen and (min-width: 63.875em) {
        .dtemplate-index .slick-dots.wrapper {
        max-width: 68em;
        }
}

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

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

    .section-research.subsection-liberal-arts-research-office #parent-fieldname-title {
     width: 65%   
    }

    .subsection-undergraduate-students-education-commencement .unit_details.detailed {
        height: 9.5rem;
    }

    .dtemplate-index .slick-dots.wrapper {
        max-width: 65.1em;
        }

    .wrapper,
    .spec-panel .panels {
        max-width: 65.1em;
        margin: 0 auto;
        float: none;}
        
    .program_details{
        width: 31%;}
        
    .template-podcastview .program_details {
     width: 100%;   
    }
    
    /* Overlay Gallery */
         .overlay-gallery .tileItem, .gallery-item{width: 31%;box-sizing: border-box;-moz-box-sizing: border-box;}
     .overlay-gallery .tileItem:nth-child(3n+1), 
     #content .gallery-item:nth-child(3n+1) {
         border-left: 0;
         clear: left;
         }
     .overlay-gallery .tileItem:nth-child(1),
     .overlay-gallery .tileItem:nth-child(2),
     .overlay-gallery .tileItem:nth-child(3), 
     #content .gallery-item:nth-child(1), 
     #content .gallery-item:nth-child(2), 
     #content .gallery-item:nth-child(3){
         border-top: 0;
         }
    #content .facultyStaffDirectory #directory-listing,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .listing #directory-listing {margin-left: 8.5em;margin-right: .5em;}
}

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


.portlet.portletVideoCollection.portlet-collection-links {
    margin-top: -7rem;
}
    
.dtemplate-index .slick-dots.wrapper {
    max-width: 70em;
}

    .wrapper,
    .spec-panel .panels {
        max-width: 70em;
        margin: 0 auto;
        float: none;}
    
    .subsection-undergraduate-students-education-commencement .unit_details.detailed {
        height: 10.75rem;
    }
    
    .unit_container {
        width: 22.5%!important;
    }
    

    .leadership-by-the-numbers ul li,
    .liberal-arts-by-the-numbers ul li {
    min-height: 13em;
    }
    
    .grid_container .omega{width:25%;}
    .grid_container .alpha {width: 70%;}
    }
    
/* ===== breakpoint ===== */

@media only screen and (min-width: 72.125em) {    
    
     .tileContainer {
     float: left;
     width: 60%;
    }
    
    #content .facultyStaffDirectory .listing,
    #main-column .portletWrapper .portlet-static-no-border-bg-bx .facultyStaffDirectory .listing {
        width: 47%;
        margin: 0 2% 1em 0;
        display: inline-block;
        border: 0;
        vertical-align: top;}

}

@media only screen and (min-width: 94.750em) {
    
 .tileContainer {
  width: 72%;   
 }
}
    
@media only screen and (max-width: 55em) {
    
    header #search {position: static;}
    #header-extras {
        position: absolute;
        top: 4.5em;
        right: -1em;
        }
    
    }
    
@media only screen and (max-width: 41em) {    
    .hero-header .wrapper {padding-bottom: 2em;}
    
    .panel-container .row > div { 
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    position: static;}  
    }
@media only screen and (max-width: 51em) {
    .header-container{zoom: 1;}
    .feature-wrapper .slick-dots{display: none !important;}
    
    .feature-title{
        margin-bottom: .325em;
        font-size: 1.5em;}
    .footer-container.wrapper {
        margin-top: 0;
	}
    .footer-container > *{
        display: block;
        float: none;}
    .feature-content {
        background: rgba(0, 0, 0, 0.38);
        margin-top: 1em;
        padding: 0.5em;
        max-width: 85%;
        }
    
    .header-container{background: #191e24 !important;}
    body.navtoggle {overflow:hidden;position:fixed;}
    header.wrapper {
        margin: 0;
        padding: 0;
        width: 100%;}
    #header-extras{display:none}
    #psu-icon {margin-left: 1em;}
    #site-title {
        white-space: nowrap;
        font-size: 87%;
        position: absolute;
        width: 80%;
        left: 70px;
        top: 19px;
        }
    #page-extras {
        float: none;
        margin-bottom: 1em;}
    #page-extras a,
    #page-extras a + a{
        display: block;
        margin: 0.0825em 0;
    }
    
    .subsection-prospective-students .spec-panel dd div.callout {
        display: block;
        float: none;
        width: auto;
        margin-top: 1em;}
 
    header > #search.fixed {
        position: fixed; 
        top: 2.25em;
        width: 100%;
    	z-index: 99999;
    }
    header > #search{
        background: none;
        border-width: 0 0 0.0825em 0;
        padding-top: 1em;
        width: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        }
    #portal-searchbox,.searchContainer ul#search,
    #portal-searchbox.topborderradius{
        background: #DDD;
        }
    #portal-searchbox{
        height: 12em;
        overflow: hidden;
        }
    #portal-searchbox.hide{
        height: 0;
        }
    form.searchform ul#menu {
    position: relative;
    }
    .searchContainer ul#search{
        display: block;
        border: none;
        box-shadow: none;
        margin: 5em 0 0 0 !important;
        }
    #menu li ul#search {
        border-radius: 0;
        padding: .5em;
        width: 100% !important;}
    #menu li ul#search li {
        border: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        float:left;
        margin: 0;
        padding: 0.125em;
        width:50%;}
    #portal-searchbox label {padding: .5em;}
    #menu li ul label span {font-size: 1.25em !important;}
    
    .searchContainer input {float: left;}
    .searchContainer > div {
        background: 0;
        border-radius: 0;
        padding-top: .5em;
        text-align: center;}
   .searchform #searchString {
       border-radius: 0;
       float:none;
       height: auto;
       line-height: 1.5em;
       margin: .5em auto;
       width:100% !important;
       max-width:90% !important;
       padding: .4em 3em .4em .4em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;}
    
    
    .searchform .searchbutton {
        line-height: 1.5em;
        margin: .4em auto .4em -3em;
        position: absolute;
        z-index: 999;}
    
    .searchform .sb-toggle{
        position: absolute;
        top: 20%;
        right: 2em;
        }
    
    .searchform .sb-toggle:before {
        font-family: 'cla icons';
        content: '\e60d';
        color: #6a7788;
        font-size: 1.5em;
        font-style: normal;
        line-height: 1.5em;
        speak: none;
    }
    
    div#mobile-nav.fixed {
        position: fixed; 
    	top: 0;
        width: 100%;
    	z-index: 99999;
    }
    
    div#mobile-nav{
        border-top: 0.0825em solid #FFF;
        display: block;
        clear: both;
        overflow: auto;
        position:relative;
        top: 1em;}
    
    div#mobile-nav > a{
    background: rgba(255, 255, 255, 0.2);
    border-radius: .5em;
    color: #FFF;
    font-size: 125%;
    margin: .5em auto;
    padding: .125em .5em;
    position:relative;
    text-align: center;
    }
    .menuToggle,
    #topnav li > span{
        color: #FFF;
        font-weight: bold;
        display: block;
        float: right;
        line-height: 2.5em;
        position: absolute;
        text-align: center;
        top: 0;
        right: 0;
        width: 2em;
    }
    #topnavul li{text-align: left; transition: all .5s ease;}
    nav#topnav #topnavul li a{
        display: inline-block;
        }
    
    nav#topnav ul{margin: 0;}
    nav#topnav ul li.opened {border-top: 0.125em solid #CCC;}
    
    div#mobile-nav a#search-toggle {float: left;margin-left: 1em;}
    div#mobile-nav a#search-toggle:before{
        font-family: 'cla icons';
        content: '\e60d ';
        font-size: 100%;
        font-weight: normal;
        padding-right: .45em;
        vertical-align: middle;
        }
    div#mobile-nav a#navmenu {float: right;margin-right: 1em;padding-left:1.75em }
    div#mobile-nav a#navmenu:before {
        content: "";
        position: absolute;
        bottom: 33%;
        left: 0.5em;
        width: 1em;
        height: 0.125em;
        border-top: 0.375em double #FFF;
        border-bottom: 0.125em solid #FFF;}
    
    nav#mobile-sub-nav{
        clear: both;
        }
    .js #nav-header ~ ul {display: none}
    #nav-header span:after{
        font-family: 'cla icons';
          content: "\e61a";
          float: right;
          margin-right: 1em;
          font-size: 75%;
          vertical-align: middle;}
    nav#topnav ul.nav-extras{display:block;}
    #hero {overflow: visible;padding-bottom: 2em;}
    
    footer {
        background: #191e24;
        position: relative;}
    
    footer #cla-logo {
        padding: 1.75em 1em;
        position: absolute;
        top: 0;
        right: 0;}
    
    .footer-login {
        padding: 1.75em 0;
        top: 6.5em;
        right: 0;
        }
    
    .organization-name{font-size: 150%;}
    .footer-bx{margin-right: 3.5em;}
    .footer-bx div.social-media-buttons{
        border-top: 0.0875em dotted #FFF;
        display: block;
        margin: auto;
        padding-top: 1em;}
    
    .footer-bx [class^="icon-"], .footer-bx [class*=" icon-"] {
        font-size: 135%;
        margin: 0 0.5em;
    }
    .footer-container .portletStaticText  p {margin: 0; width: 45%;}
    
    /** Darks **/
    nav#topnav > ul > li#portaltab-index_html > ul > li > ul > li > ul > li > ul > li >  ul > li a{color: #14335f;}
    nav#topnav > ul > li#portaltab-about > ul > li > ul > li > ul > li > ul > li >  ul > li a{color: #ffdfc7;}
    nav#topnav > ul > li#portaltab-academics > ul > li > ul > li > ul > li > ul > li > ul > li a{color: #c9d8ff;}
    nav#topnav > ul > li#portaltab-prospective-students > ul > li > ul > li > ul > li > ul > li >  ul > li a{color: #d6eec3;}
    nav#topnav > ul > li#portaltab-current-students > ul > li > ul > li > ul > li > ul > li > ul > li  a{color: #6b2000;}
    nav#topnav > ul > li#portaltab-alumni > ul > li > ul > li > ul > li > ul > li > ul > li  a{color: #cff3f5;}
    nav#topnav > ul > li#portaltab-research > ul > li > ul > li > ul > li > ul > li > ul > li  a{color: #feddf5;}
    nav#topnav > ul > li#portaltab-teaching > ul > li > ul > li > ul > li > ul > li > ul > li a{color: #ffe9ac;}
    
    /* Lights*/
    nav#topnav > ul > li > ul {background-color: #cae0ff;color: #191e24;}
    nav#topnav > ul > li > ul a {color: #191e24;}
    nav#topnav > ul > li#portaltab-index_html > ul,
    nav#mobile-sub-nav ul,
    #mobile-sub-nav li.navTreeItemInPath  > a:after,
    #mobile-sub-nav  ul.navTreeLevel0 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #cae0ff;}
    nav#topnav > ul > li#portaltab-about > ul,
    .section-about nav#mobile-sub-nav ul,
    .section-about #mobile-sub-nav li.navTreeItemInPath  > a:after,
    .section-about #mobile-sub-nav  ul.navTreeLevel0 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #ffdfc7;}
    nav#topnav > ul > li#portaltab-academics > ul,
    .section-academics nav#mobile-sub-nav ul,
    .section-academics #mobile-sub-nav li.navTreeItemInPath  > a:after,
    .section-academics #mobile-sub-nav  ul.navTreeLevel0 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #c9d8ff;}
    nav#topnav > ul > li#portaltab-prospective-students > ul,
    .section-prospective-students nav#mobile-sub-nav ul,
    .section-prospective-students #mobile-sub-nav li.navTreeItemInPath  > a:after,
    .section-prospective-students #mobile-sub-nav  ul.navTreeLevel0 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #d6eec3;}
    nav#topnav > ul > li#portaltab-current-students > ul,
    .section-current-students nav#mobile-sub-nav ul,
    .section-current-students #mobile-sub-nav li.navTreeItemInPath  > a:after,
    .section-current-students #mobile-sub-nav  ul.navTreeLevel0 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #feddcc;}
    nav#topnav > ul > li#portaltab-alumni > ul,
    .section-alumni nav#mobile-sub-nav ul,
    .section-alumni #mobile-sub-nav li.navTreeItemInPath  > a:after,
    .section-alumni #mobile-sub-nav  ul.navTreeLevel0 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #cff3f5;}
    nav#topnav > ul > li#portaltab-research > ul,
    .section-research nav#mobile-sub-nav ul,
    .section-research #mobile-sub-nav li.navTreeItemInPath  > a:after,
    .section-research #mobile-sub-nav  ul.navTreeLevel0 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #feddf5;}
    nav#topnav > ul > li#portaltab-teaching > ul,
    .section-teaching nav#mobile-sub-nav ul,
    .section-teaching #mobile-sub-nav li.navTreeItemInPath  > a:after,
    .section-teaching #mobile-sub-nav  ul.navTreeLevel0 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #ffe9ac;}

    /* Lightest*/
    nav#topnav > ul > li#portaltab-index_html > ul > li >ul,
    nav#mobile-sub-nav ul.navTreeLevel1,
    #mobile-sub-nav  ul.navTreeLevel1 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #f6faff;}
    nav#topnav > ul > li#portaltab-about > ul > li >ul,
    .section-about nav#mobile-sub-nav ul.navTreeLevel1,
    .section-about #mobile-sub-nav  ul.navTreeLevel1 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #fff4eb;}
    nav#topnav > ul > li#portaltab-academics > ul > li >ul,
    .section-academics nav#mobile-sub-nav ul.navTreeLevel1,
    .section-academics #mobile-sub-nav  ul.navTreeLevel1 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #f0f4ff;}
    nav#topnav > ul > li#portaltab-prospective-students > ul > li >ul,
    .section-prospective-students nav#mobile-sub-nav ul.navTreeLevel1,
    .section-prospective-students #mobile-sub-nav  ul.navTreeLevel1 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #f6fef0;}
    nav#topnav > ul > li#portaltab-current-students > ul > li >ul,
    .section-current-students nav#mobile-sub-nav ul.navTreeLevel1,
    .section-current-students #mobile-sub-nav  ul.navTreeLevel1 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #fef9ec;}
    nav#topnav > ul > li#portaltab-alumni > ul > li >ul,
    .section-alumni nav#mobile-sub-nav ul.navTreeLevel1,
    .section-alumni #mobile-sub-nav  ul.navTreeLevel1 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #f5ffff;}
    nav#topnav > ul > li#portaltab-research > ul > li >ul,
    .section-research nav#mobile-sub-nav ul.navTreeLevel1,
    .section-research #mobile-sub-nav  ul.navTreeLevel1 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #fff6fd;}
    nav#topnav > ul > li#portaltab-teaching > ul > li >ul,
    .section-teaching nav#mobile-sub-nav ul.navTreeLevel1,
    .section-teaching #mobile-sub-nav  ul.navTreeLevel1 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #fffaec;}
    
    nav#topnav > ul > li > ul > li >ul > li > ul,
    nav#mobile-sub-nav ul.navTreeLevel2,
    #mobile-sub-nav  ul.navTreeLevel2 > li.navTreeCurrentNode.navTreeFolderish  > a:after{background-color: #FFF;}
    nav#topnav > ul > li > ul > li > ul > li > ul > li > ul {background-color: #EEE;}
    
    nav#topnav > ul > li#portaltab-current-students > ul > li > ul > li > ul > li > ul > li > ul {padding-left:2em;}
    
    nav#topnav > ul > li a{padding-right: 2em;}
    nav > ul > li > ul .menuToggle{background-color: #6a7788;}
    nav > ul > li > ul .menuToggle,
    #mobile-sub-nav .navTreeLevel0 .menuToggle{
        background-color: rgba(255, 255, 255, 0.57);
        box-sizing: border-box;
        color: #191324;}
    
    #content-core .css-rect-btn{
        display: block;
        min-height: 2em;
        width: auto;
        }
   #twitter-portlet iframe {max-height: 14em;}
   .portletVideoCollection .portlet-body {
       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);
       }
    .portletVideoCollection .portlet-body .slick-list{
        margin: 0 3em;}
        
    .subsection-prospective-students .spec-panel.panel-container .panels div.panel-wrapper:nth-of-type(even) dd.portletItem > * {display: block;}
    
    .bottom-nav-container {padding: 2em 0;}
    .bottom-nav-container .symplicity-login{display: none;}
    
    .bottom-nav-container #bottom-menu #left-column .portletRss .portletHeader .portletTopLeft {background: none;padding: 0;}
    .bottom-nav-container #bottom-menu #left-column .portletRss .portletHeader a {margin: 0;padding: .75em 0 1em 1.25em;}
    .bottom-nav-container #bottom-menu #left-column .portletRss .portletHeader a:before {content: "Liberal Arts Voices: "}
    .bottom-nav-container #bottom-menu #left-column .portletRss {border-width: 0.225em;}
    
    .template-folder_thumb_view .Below-Portlet-Manager3 {width: 45%;}
}

@media only screen and (max-width: 34em){
    #hero {display: none;}
    .footer-bx{margin-right: 0;}
}
/* ============== Magnific Pop-up / Overlay CSS =================== */
/* 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;
  filter: alpha(opacity=80); }

.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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.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;
  -webkit-box-shadow: none;
  box-shadow: none; }
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;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

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

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

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

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    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, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    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: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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: #444444; }
  .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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.subsection-cch103 .biography > h3:first-child {display: none;}

.subsection-graduate-students-graduate-students #portlets-below {
    width: inherit;
    margin-left: .2em;
    }

.subsection-graduate-students-graduate-students .cell.BelowPortletManager1 {
    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);
    padding: 1em;
    width: 90%;
    margin-bottom: 1em;
    }

.subsection-graduate-students-graduate-students .portlet-static-panel-blurb h2 {
    font-size: 1.7em;
    font-family: "museo-slab", sans-serif;
    color: #183e71;
    }

.subsection-graduate-students-graduate-students .portlet-static-panel-blurb p.imgtext {
    float: right;
    clear: right;
    width: 190px;
    margin: 0 12px;
    font-size: 0.8em;
    font-weight: normal;
}

.subsection-undergraduate-students-paterno-fellows-about-us .portlet .portletContent .portletFooter {
    display:none;
}

/****** RSS News Feed ******/
.section-news .portletWrapper .portlet .portletItem  {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-bottom: 1.5em;}

.section-news .portletWrapper .portletRss .portletItem > a {font-size: 1.7em;}

.section-news .portletWrapper .portletRss .portletContent {moz-box-shadow: none;
    webkit-box-shadow: none;
    box-shadow: none;}

.section-news .main {display: none;}

.subsection-staff-nominations-staffexcellence #content-core p:nth-child(n+5),
.subsection-staff-nominations-ethicsintegrity #content-core p:nth-child(n+5) {display:none;}
.subsection-staff-nominations-staffexcelleadmentaward #content-core p:nth-child(n+7) {display:none;}
/* .subsection-staff-nominations-innovationchange #content-core p:last-of-type, */
.subsection-staff-nominations-ambassador #content-core p:last-of-type {display:none;}



@media only screen and (min-width: 80em) {
    
    .section-research.subsection-liberal-arts-research-office #parent-fieldname-title {
     width: 70%   
    }
    
    .feature-wrapper .slick-dots, .main-container .feature-content {
        margin-top: 15em;
    }
    
    .subsection-undergraduate-students-education-commencement .unit_details.detailed {
        height: 9.5rem;
    }
    
    #deanslist {column-count:3;}
    .simplicity-login-social > * {display:block;margin-bottom: .9em;}
}