/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 *
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
*/

#main .parallax p {
   color: #fff;
   font-size: 20px;
   line-height: 30px;
   text-align: center;
   margin-top: 60px;
   margin-right: 0px;
   margin-bottom: 60px;
   margin-left: 0px;
   padding-top: 50px;
   padding-bottom: 50px;
   padding-left: 50px;
   padding-right: 50px;
   background-color: rgba(0, 0, 0, 0.60); }

#main .parallax a {
   text-decoration: underline;
   color: #fff; }

#main .nrel-intro p {
   text-transform: none;
   line-height: 58px;  
   font-size: 30px;
   width: 80%;
   margin: auto;
   font-family: "Proxima Nova Light",sans-serif; }

#main .nrel-table-seminar table {
   border: 1px black solid; !important;
   border-spacing: 10px; 
   cellpadding: 10px;}

#main .nrel-table-seminar th, td {
   border: 1px black solid; !important;
   padding: 10px 20px;
   text-align: center;}

.nrel-search form {
   text-align: center !important;
   position: relative;}

.nrel-search input[type="search"]{
    width: 350px;
    font-size: 20px;
    padding: 10px;
    border: 0px;}

.nrel-search input[type="submit"]{
    font-size: 16px;
    padding: 10px;
    border: 1px solid #000000;
    background-color: #e5e2b8;
    text-transform: uppercase;}

.nrel-search input[type="submit"]:hover{
    background-color: #eeecd1;}

p.nrel-search-excerpt {
    color: #595951;
    font-size: 18px;
    line-height: 30px;
    font-family: "Proxima Nova", serif;
    font-weight: 400;
    margin: 0 30px 60px 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;}

.nrel-search-nav a {
    font-size: 18px;
    line-height: 30px;
    font-family: "Proxima Nova", serif;} 


#main .nrel-entry-title  {
    width: 100%;
    margin: 0;
    padding: 0;}

#main .nrel-entry-title .dslc-modules-section-wrapper, .dslca-add-modules-section {
    width: 100%;
    margin: 0;
    padding: 0;}

#main .nrel-entry-title h1 {
    width: 90%;
    margin: auto;
    padding-left: 20px;
    /* background: rebeccapurple; */
    line-height: 16px;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: "proxima nova" !important;
    position: absolute;
    margin-top: 0px; }

#main .nrel-entry-title h1:after {
    content: "";
    width: 69px;
    height: 2px;
    position: absolute;
    background: rebeccapurple;
    /* left: 0; */
    /* bottom: 100%; */
    /* top: 50%; */
    right: 92%;
    margin-top: -7px;}

#main .nrel-search input[type="submit"]{
    font-size: 16px;
    padding: 10px;
    border: 1px solid #000000;
    background-color: #e5e2b8;
    text-transform: uppercase;}

#inner-content-nrel-search  a {
    color: #1e4d2b; !important;
}

#inner-content-nrel-search  a:hover {
    color: #f48739; !important;
}


#main .nrel-basic-post {
    padding: 30px;
    /* border: 1px solid #000000; */
    background-color: rgba(255, 255, 255, 0.75); }

#main .nrel-basic-post img {
    padding: 20px 0; }

#main div .nrel-post-ann-rt {
padding: 30px;
    width: 50%;
    float: right;}

#main div .nrel-post-ann-lf {
   padding-left: 30px;
    width: 50%;
    float: left;}

#main div .nrel-post-ann {
    margin: 40px auto;
    width: 1000px;
}

#main .nrel-landing-h2 h2 {
    text-align: center;
    font-size: 24px !important;
    margin-top: 20px !important;
    font-family: "Proxima Nova Light",sans-serif !important;
}

#footer ul.nrel_social_ul li a{
    padding: 5px 3px;}

#inner-content-nrel-search {
    width: 90%;
    margin: 0 auto;
    padding: 3em 0;}



.nrel-ann-top {
    margin-top: 45px;
    margin-left: 20px;}

.announcements .dslc-blog-post-main .dslc-blog-post-title h2 a {
    color: #cac46d !important;
    font-family: "Proxima Nova" !important;
    font-size: 17px;
    font-weight: 200;}

.announcements .dslc-blog-post-main .dslc-cpt-post-exerpt {
    color: #a6a6a6 !important;
    font-family: "Proxima Nova" !important;
    font-size: 14px;}

.announcements .dslc-blog-post-main .dslc-blog-post-read-more a {
    background-color: #cac46d !important;
    border-radius: 3px !important;
    color: white !important;
    letter-spacing: 2px;
    font-size: 11px !important;
    font-weight: 800 !important;
    font-family: "Lato" !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-radius: 0px !important;
    opacity: 0.8 !important;}


.announcements .dslc-blog-post-main .dslc-blog-post-read-more a:hover {
    opacity: 1 !important; }


.nrel-featured-ecopress-story h2 {
   width: 100% !important;}

.herocontent h2 {
   width: 100% !important;}

.googlescholarx {
   position: relative;
   top: -350px;
   left: 1100px;}

/* DIRECTORY CSS */

.alphabet{text-align:center;margin-bottom:2em;padding:1em 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;width:100%}
.alphabet span{padding:0.5em;margin:0 0.25em;color:#1e4d2b;display:inline-block}
.alphabet span.active{color:#fefefe;font-weight:bold;background:#1e4d2b}
.alphabet span:hover{color:#fefefe;font-weight:bold;background:#255f35;}
.nrel-directory-h1{ margin-bottom: 1em;}
.dataTables_length{display:inline-block;margin-top:1em;margin-bottom:3em;float:left}
@media only screen and (max-width: 39.9375em){.dataTables_length{text-align:center;width:100%}}
.dataTables_filter{display:inline-block;margin-top:1em;margin-bottom:3em;float:right}
@media only screen and (max-width: 39.9375em){.dataTables_filter{float:left;margin-bottom:2em;width:100%;text-align:center}}
.dataTables_filter input{margin-left:0.5em}.alphabet,.dataTables_info{background:white}
.dataTable{width:100%}.dataTable thead{text-align:left;background:#1e4d2b;color:#fefefe}
.dataTable thead tr th{padding:1em}
.dataTable tbody tr.even{background:#f3f3f3}
.dataTable tbody tr.odd{background:white}
.dataTable th, td { border: none; text-align:left;}
.dataTable a { color: #1e4d2b; text-decoration: underline;}
.dataTable a:hover { color: #f48739; text-decoration: underline;}
.dataTable td {padding:1em}
.dataTables_info { background: white; width: 100%; text-align: center; font-size: 1rem; margin-top: 1em; padding: 1em 0; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;}
.pagination, .dataTables_paginate { width: 100%; text-align: center; margin-top: 1rem; align-items: center;}
.dataTables_paginate .paginate_button { font-size: 1.25em; padding: 0.5rem; margin: 0 0.25rem; text-decoration: none; cursor: pointer;}
.dataTables_paginate a.paginate_button { color: #1e4d2b; text-decoration: none;}
.dataTables_paginate a:hover.paginate_button { color: #f48739; text-decoration: underline;}
.department-directory .person{padding-top:1em;padding-bottom:1em;text-align:center}
.department-directory .person img{height:200px}
.department-directory .person .program,.department-directory .person .advisor,.department-directory .person .topics{margin:0}
.department-directory .person .title{margin-bottom:0.5rem}.staff-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.directory-person .directory-profile-sidebar{text-align:center;background:url("../images/alumni-pattern.png");background-repeat:no-repeat;background-size:400px;background-position:bottom center}
.directory-person .directory-profile-sidebar .profile-image{height:250px;border-radius:50%;background-size:cover;margin:0 auto}
@media only screen and (min-width: 64.0625em){.directory-person .directory-profile-sidebar .profile-image{height:300px}}
.directory-person .directory-profile-sidebar .divider{margin:1em auto}
.directory-person .directory-profile-sidebar .name{padding:1rem 0}
.directory-person .directory-profile-sidebar .department{font-size:1.2em;font-weight:bold;margin-bottom:0}
.directory-person .directory-profile-sidebar .job-title{font-style:italic}
.directory-person .directory-profile-sidebar .email{display:inline-block;margin-bottom:0}
@media only screen and (max-width: 39.9375em){.directory-person .directory-profile-sidebar .email{margin-bottom:1rem}}
@media only screen and (max-width: 39.9375em){.directory-person .directory-profile-sidebar .phone{display:none}}
.directory-person .directory-profile-sidebar .phone-mobile{display:none}
@media only screen and (max-width: 39.9375em){.directory-person .directory-profile-sidebar .phone-mobile{display:inline-block;text-decoration:none}}
@media only screen and (max-width: 64em){.directory-person .profile-main{margin-top:3rem}}
.directory-person .profile-main h2:not(:first-child){padding-top:1.5rem}
.directory-person .pub-title{font-weight:bold;margin-bottom:0}.directory-person