/* Bootstrap 4 : 06-03-2019 */

/*
 *  GENERAL TYPOGRAPHY
 ************************************************************/
body {
    background-color: transparent;
	color: #333;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
    padding: 0;
}


/*
 *  Headlines
 */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", sans-serif;

    /* These are technically the same, but use both */
    word-wrap: break-word;

    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
@media (min-width:480px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        /* reset word breaking rules for non-mobile */
        word-wrap: normal;
        word-break: normal;
        -ms-hyphens: none;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
    }
}

h1 {
  font-weight: 300;
  font-size: 3em;
  margin-top: 0;
}

h2 {
  font-weight: 300;
  color: #e07700;
}
h3 {
  font-weight: 400;
}
h4 {
    font-size: 1.3em;
    color: #0079C2;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 4px;
}

.list-headline {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.lead {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

h2 > a,
h2 > a:visited  {
    color:#e07700;
}

/*!
 *  😃 EMOJIOGRAPHY
 ************************************************************/
.👻 {
    font-size: 6px;
}

.💨 {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: steps(2, start);
}
@keyframes blink {
    80% {
        visibility: hidden;
    }
}

.🐝 {
    color: yellow;
    font-size: 30px;
    font-weight: bold;
}

/*
 *  Links
 *************/
a {
  color: #0a87d3;
}

a:visited {
  color: #a467c2;
}

a:hover,
a:active {
  color: #cc6600;
}

/* .blue and .gree are typically headers that are linked */
.blue a:visited  {
    color: #0a87d3;
}

.green a:visited {
    color: #5D9732;
}

/* Use .tile to wrap block level elements inside an anchor tag  */
a.tile {
    display: block;
}
a.tile:hover {
    text-decoration: none;
}

a.fa {
    text-decoration: none;
}
a.fa:hover {
    text-decoration: underline;
}
/*
 *  Page Layout
 *********************************************/
#content {
    padding-bottom: 5em;
}

/* override for page tools on full width pages */
@media (min-width: 768px) {
    body.layout-12 > #page-tools  .row > .col-sm-9 {
        width: 100%;
    }
    body.layout-12 > #page-tools  .row > .col-sm-offset-3 {
        margin-left:0;
    }
}

/*
 *  SITE BANNER
 *********************************************/
.banner-site {
    color: #000;
    font-family:Roboto, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.25rem;
	font-weight: 300;
}
@media (min-width: 768px) {
	.banner-site {
		font-size: 2rem;
	}
}

.banner-site a,
.banner-site a:visited,
.banner-site a:hover {
    color: #000;
    text-decoration: none;
}

/*
 *  BREADCRUMBS
 *********************************************/
.breadcrumb {
    background-color: transparent;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 1em;
    padding-left:0;
}


.breadcrumb > li + li:before {
    content: "\00BB";
    padding: 0 5px;
    color: #000;
}

.breadcrumb a,
.breadcrumb a:visited {
    color: #C60;
    text-decoration: none;

}



/*
 *  SIDE NAV
 *********************************************/

.hide {
    display: none !important;
}
.sidenav {
    margin: 2em 0;
}

.sidenav ul.nav li {
    font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.3;
	width:100%;
}

.sidenav a,
.sidenav a:visited {
    color:#0079C2;
    text-decoration: none;
}
.nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent; /* override */
}

@media (min-width: 992px) {
	.sidenav {
		margin: 0.6em 0;
	}
}
/*
 *  First level nav
 ***********************/
.sidenav > ul.nav > li:first-child > a {
    border-top: 3px solid #D1D5D8;
}

.sidenav > ul.nav > li > a {
    background-color: transparent;
    border-bottom:1px solid #d1d5d8;
    border-top: 0;
}

/* HOVER / ON */
.sidenav > ul.nav > li > a:hover,
.sidenav > ul.nav > li > a:focus,
.sidenav > ul.nav > li.active > a,
.sidenav > ul.nav > li.active > a:visited {
    background-color: #0079c2;
    color: #fff;
}

/*
 *  Second level nav
 ***********************/

.sidenav > ul.nav ul.nav li > a {
    padding-left: 30px;
    border-bottom: 1px dashed #d1d5d8;
}
.sidenav > ul.nav ul.nav li:last-child > a {
    border-bottom: 1px solid #d1d5d8;
}
/* HOVER / ON */
.sidenav > ul.nav ul.nav li > a:hover,
.sidenav > ul.nav ul.nav li > a:focus,
.sidenav > ul.nav ul.nav li.active > a,
.sidenav > ul.nav ul.nav li.active > a:visited {
    background-color: #E5F1F9;
    color: #0064A2;
}

/*
 *  Third level nav
 ***********************/
.sidenav ul.nav ul.nav ul.nav li {
    color: #0079c2;
    display: list-item;
}
.sidenav ul.nav ul.nav ul.nav li > a:before {
    content: '\25A0\00a0'; /* square bullet */
    vertical-align: text-bottom;
}
.sidenav ul.nav ul.nav ul.nav li > a {
    border-bottom: none;
    margin-left: 1em;
    text-indent: -0.85em;
}

.sidenav ul.nav ul.nav ul.nav li:last-child > a {
    border-bottom: 1px dashed #d1d5d8;
}

/* HOVER / ON */
.sidenav ul.nav ul.nav ul.nav li:hover,
.sidenav ul.nav ul.nav ul.nav li:focus,
.sidenav ul.nav ul.nav ul.nav li.active {
    background-color: #E5F1F9;
    color: #0064A2;
}


/*
 *  TYPOGRAPHY HELPER CLASSES
 *********************************************/
h1.green,
h2.green,
h3.green,
h4.green,
h5.green,
h6.green,
p.green {
    color: #5D9732;
}
div.green {
    background-color:  #5D9732;
}

h1.grey, h1.gray,
h2.grey, h2.gray,
h3.grey, h3.gray,
h4.grey, h4.gray,
h5.grey, h5.gray,
h6.grey, h6.gray,
p.grey, p.gray {
    color: #5E6A71;
}
div.grey, div.gray {
    background-color: #5E6A71;
    color: #fff;
}

h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
h6.blue,
p.blue {
    color: #0079c2;
}
div.blue {
    background-color:  #0079C2;
    color: #fff;
}

h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black,
p.black {
    color: #000;
}
div.black {
    background-color:  #000;
    color: #fff;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
}

h4 a:visited {
    color: #0a87d3;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none;
}

.allcaps {
    text-transform: uppercase;
}


.nomargin + h2,
.nomargin + h3,
.nomargin + h4,
.nomargin + h5,
.nomargin + h6 {
    margin-top: 0;
}

.big-quote::before {
    color: #ccc;
    font-family: "Roboto", sans-serif;
    font-size: 3em;
    line-height: 0;
    vertical-align: text-bottom;
    content:"\201C"; /* == “ */
    margin-right:3px;
    float: left;
    margin-top: -25px;
    padding-top: 45px;
}

/* typically right below a <h1-6> tag */
.header-description {
    color:#5E6A71;
    font-size: small;
    margin-top: 0;
    text-transform: uppercase;
}

h2 .fa,
h3 .fa,
h4 .fa,
h5 .fa,
h6 .fa,
.header .fa {
    font-size: 80%;
    vertical-align:middle;
}
.headerlink:after {
	font-family: FontAwesome;
	content: "\00a0\f138";
	display: inline;
	font-size: 0.85em;
}

/*
 *  MORE
 *********************************************/
.more,
.learn-more {
    font-family:Roboto, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
}
.more a,
.more a:visited,
.learn-more a,
.learn-more a:visited {
    color:#0079C2;
    text-decoration: none;

}
.more a:hover,
.learn-more a:hover {
    text-decoration: underline;
}
/*
 *  Tabs
 ****************************/
.nav-tabs {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-top:1em;
}

.nav-tabs {
    font-size: 21px;
    font-weight: 300;
}

.nav-tabs > li {
    margin-bottom: -2px;
}
.nav-tabs > li.active {
    border-bottom: 1px solid #fff;
}
.nav-tabs > li a {
    border-radius: 7px 7px 0 0;
}
.nav-tabs > li > a {
    margin-right:0;
}
.tab-pane {
    padding:2em 1em;
}

/*
 *  Accordions - BS3
 ********************/
.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-default {
    border: 1px solid #127BBF;
}

.panel-group .panel-heading > .panel-title {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.panel-body {
    padding: 15px;
}
.collapse.in {
    display: block;
}
.panel-heading > .panel-title > .accordion-toggle {
    margin-left:0px;
    padding-left:40px;
    display: block;
}

.panel-heading > .panel-title > .accordion-toggle,
.panel-heading > .panel-title > .accordion-toggle:visited {
    color:#fff;
}


.panel-heading > .panel-title >  .accordion-toggle {
    background-image: url('../img/icon_minus.svg');
    background-repeat: no-repeat;
    background-position: 1% center;
    background-size: 25px 25px;
}
.panel-heading > .panel-title >  .accordion-toggle.collapsed {
    background-image: url('../img/icon_plus_blue.svg');
}

.panel-group .panel {
    margin-bottom: 12px;

}
.panel-group .panel + .panel {
    margin-top:1px;

}

.panel-group .panel,
.panel-group .panel-heading {
    border-radius: 1px;
}

.panel-group .panel:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.panel-group .panel:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


.panel-heading  {
    padding: 0;
    cursor: pointer;
}
.panel-heading h4 {margin: 0;}

.panel-default > .panel-heading {
    background-color: transparent;
    color:#fff;
}



.panel-default > .panel-heading a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;

}


.panel-default > .panel-heading a:hover {
    text-decoration: none;
    color:#fff;
}

.panel-group.inverse .panel-heading > .panel-title > a.accordion-toggle,
.panel-group.inverse .panel-heading > .panel-title > a.accordion-toggle:visited {
    color:#127BBF;
}

.panel-group.inverse .panel-heading > .panel-title > a.accordion-toggle,
.panel-group.inverse .panel-heading > .panel-title > a.accordion-toggle:visited  {
    background-color: #127BBF;
    color:#fff;
}

.panel-group.inverse .panel-heading > .panel-title > a.accordion-toggle.collapsed,
.panel-group.inverse .panel-heading > .panel-title > a.accordion-toggle.collapsed:visited {
    background-color: transparent;
    color: #127BBF;
}


/*
 *  CONTENT SANDWICH (with grey top and bottom bars)
 *****************************/
.content-sandwich:before,
.content-sandwich:after {
    content: " ";
    display: table;
}

.content-sandwich:after {
    clear:both;
}

.content-sandwich {
    border-top: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
    font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif;
    margin-top: 1.65em;
    margin-bottom: 1.65em;
    padding: 1em 0;
}

.content-sandwich-topper + .content-sandwich {
    margin-top: 0;
}

.content-sandwich p {
    font-size: 16px;
    font-weight: normal;
}

.content-sandwich .headline,
.content-sandwich .header {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
}

.content-sandwich .headline ~ p,
.content-sandwich .header ~ p,
.content-sandwich h1 ~ p,
.content-sandwich h2 ~ p,
.content-sandwich h3 ~ p,
.content-sandwich h4 ~ p,
.content-sandwich h5 ~ p,
.content-sandwich h6 ~ p {
    margin-top: 0;
}

.content-sandwich .item {
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
}

.content-sandwich .item:last-child {
    border-bottom: none;
}

.content-sandwich .item p {
    margin-bottom: 0;
}

.content-sandwich ul {
    font-size: 16px;
    font-weight: normal;
}

.content-sandwich hr {
    border-top: 1px solid #ccc;
}

.content-sandwich img {
    margin: 0 auto;
}

.content-sandwich.vertical-aligned {

}

.content-sandwich.vertical-aligned [class*="col-"] .icon,
.content-sandwich.vertical-aligned [class*="col-"] > *:only-child  {
    margin-top: 1.5em;
}
@media(min-width:768px) {
    .content-sandwich.vertical-aligned [class*="col-"] .icon,
    .content-sandwich.vertical-aligned [class*="col-"] > *:only-child  {
        margin-top: .75em;
    }
}
@media(min-width:1200px) {
    .content-sandwich.vertical-aligned [class*="col-"] .icon,
    .content-sandwich.vertical-aligned [class*="col-"] > *:only-child {
        margin-top: 1.5em;
    }
}



/*
 *  .quicklinks
 *  Mixin for content-sandwich for simple icon/header links. 
 ********************/
.content-sandwich.quicklinks .icon {
    margin-top: 1em;
}
.content-sandwich.quicklinks .header {
    margin-top: 1em;
}
@media (min-width: 992px) {
    .content-sandwich.quicklinks .header {
        margin-top: 1.65em;
    }
}


/*
 *  Biographies
 ************************************************************/
.bio {
  border-bottom: 1px solid #eee;
  padding-bottom: 2em;
}

.bio:last-child {
  border-bottom: none;
}

/* typically a big h2 on an individual staff page */
.bio .header-description {
  font-size: 20px;
}

/* smaller font on staff listings */
.bio h3.header-description,
.bio h4.header-description {
  font-size: small;
}

/* staff listing tables */
div#staff_wrapper {
	font-family: "Roboto", sans-serif;
}
#staff_wrapper input {
	margin-bottom:0.5em;
}
#staff .bg-blue {
    color: #fff;
    background-color: #428bca;
}

/* remove bullet and left align lower level rows on mobile */
table#staff td {
    text-align: left;
    
}

table#staff td.child ul  {
 padding-left: 1.2em;
}


table#staff td.child ul li {
    text-align: left;
    list-style: none;
	margin-left: 0;
}

/*
 *  FEATURES
 ************************************************************/

.feature {
    border-bottom: 1px solid #000;
    display: block;
    font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif;
    margin-bottom:30px;
    min-height: 250px;
    text-decoration: none;
}
@media(min-width:768px){
    .feature {
        margin-bottom:12px;
    }
}
/* when we have 1 column, only the very last column gets the border removed */
.row .col-sm-6:last-child .feature.last {
    border-bottom: none;
}
@media(min-width:768px){
    .feature.last {
        border-bottom: none;
    }
}
@media (min-width: 992px){
    .feature {
        min-height: 260px;
    }
}
@media (min-width: 1200px){
    .feature {
        min-height: 290px;
    }
}
.feature:hover {
    text-decoration: none;
}
.feature:hover .headline {
    color:#e07700;
}

.feature .category {
    color: #5E6A71;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 10px;
    text-transform: uppercase;
}

.feature .headline {
    color: #0079C2;
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.2;
    margin-top:0;
}

/*
 *  landing pages - 3 feature design
 ************************************************************/

.feature-secondary .link-tile {
    margin-top: 24px;
}
.feature-secondary .link-tile + .link-tile {
    margin-top:24px;
}
.showcase {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    opacity: 1;
    padding-bottom: 2em;
    padding-top: 2em;
}
.showcase .caption {
    background-color: rgba(0,0,0,.8);
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    line-height: 1.1;
    padding: .5em 1em;
    position:relative;
}
.showcase.nobc {margin-top:-45px;} /* for landing pages without a breadcrumb */
.showcase .link-tile,
.showcase .link-tile {
    position: relative;
}
.showcase .feature-primary .caption,
.showcase .feature-secondary .caption {
    font-size: 30px;
}
.modal-footer {
    text-align: left;
}
@media(min-width:768px){
    .showcase {
        height:431px;
    }
	 .showcase .caption {
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
		 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+82&0+0,1+81 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,1) 81%, rgba(0,0,0,1) 82%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,1) 81%,rgba(0,0,0,1) 82%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,1) 81%,rgba(0,0,0,1) 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }
	.feature-secondary .link-tile {
        margin-top: 0px;
    }
	.showcase .feature-primary .caption {
		font-size: 20px;
	}
	.showcase .feature-secondary .caption {
		font-size: 14px;
	}
}
@media(min-width:992px){
    .showcase {
        height:545px;
    }
}
@media(min-width:1200px){
    .showcase {
        height:649px;
    }
	.showcase .feature-primary .caption {
		font-size: 30px;
	}
	.showcase .feature-secondary .caption {
		font-size: 20px;
	}
}

/*
Modal bugfix http://stackoverflow.com/questions/18622508/bootstrap-3-and-youtube-in-modal
*/
.modal.fade .modal-dialog {
    transform: none !important;
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    transform: none !important;
}


/*
 *  FORMS
 *********************************************/

.form-horizontal,
.form-inline,
.form,
form {
    font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif;
}

span.required {
    font-weight: normal;
}

/* override conflict with our generic divider */
.dropdown-menu .divider {
    width: auto;
    border-top: none;
    margin: 9px auto;
    padding: 0;
}

/*
 *  BUTTONS
 *********************************************/
a.btn,
a.btn:visited {
    color: #fff;
    text-decoration: none;
}

a.btn-link,
a.btn-link:visited {
    color: #0079C2;
    text-decoration: none;
}

.btn {
    font-family:Roboto, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    height:40px;
    text-transform: uppercase;
    line-height: 1.8;
}

a.btn-default {
    color:#333;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
  box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
}

.btn-primary {
  color: #fff;
  background-color: #0079c2;
  border-color: #0079c2;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #b7d6e9;
  background-color: #3071a9;
  border-color: #285e8e;
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
  box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
}

.btn-success {
  color: #fff;
  background-color: #4c8224;
  border-color: #4c8224;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #d2e3c5;
  background-color: #3b651c;
  border-color: #3b651c;
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
  box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
}

.btn-info {
  color: #fff;
  background-color: #5e6a71;
  border-color: #5e6a71;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #cccccc;
  background-color: #3d4449;
  border-color: #3d4449;
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
  box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4); }

.btn-warning {
  color: #000;
  background-color: #f7a11a;
  border-color: #f7a11a;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #2d1c00;
  background-color: #b87813;
  border-color: #b87813;
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
  box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.3); }

.btn-danger {
  color: #fff;
  background-color: #933c06;
  border-color: #933c06;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #dac4b7;
  background-color: #702e05;
  border-color: #702e05;
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
  box-shadow: inset 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
}

/* buttons with 2 lines of text */
.btn-long {
	font-size:18px;
	height: 38px;
	line-height: 1.3em;
	white-space: normal;
}
@media only screen and (min-width : 992px) {
	.btn-long {
	height: 80px;
	}
}
@media only screen and (min-width : 1200px) {
	.btn-long {
		height: 60px;
	}
}	


/*
 *  INPUTS
 *********************************************/

select.form-control,
input.form-control {
    height: 40px;
}
/*
 *  ROWS / COLUMNS
 *********************************************/

@media(min-width:768px){
    /* make columns within row equal height*/
    .row-eq-height {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
    /* */
    .row-eq-height [class^="col-"] {
        min-height: 270px; /* this is likely not very robust */
    }

    .row-eq-height .sink {
        bottom:0;
        left: 15px;
        right: 15px; /* accounts for column margin we're otherwise ignoring */
        position: absolute;
    }
}


.row-highlighted {
    background-color: #E3E6E8;
    margin-bottom:2em;
    margin-top:2em;
    padding-bottom:2em;
    padding-top:1em;
}

.marketing {
    text-align: center;
}
.marketing .img-circle {
    margin-top:2em;
}
.marketing h2 {
    padding-top:1em;
}
.marketing .btn {
    margin-bottom:2em;
}



/*
 *  VIDEO / IFRAMES
 */

iframe {
    border:0;
}
.video {
	margin: 1em 0;
}

/* http://www.nrel.gov/client/img/play-overlay.png */
.play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* adjust back by 50% of img x and y */
}

/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}
@media (min-width: 768px) {
    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }
}

/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}


/*
 *  LISTS
 *************/
ul.fa-blue-arrow {
    list-style-type: none;
}

ul.fa-blue-arrow li {
    margin-bottom: 1em;
}

.fa-blue-arrow a  {
    margin-left: -5px; /* fixes multiline hanging indent */
    color: #000;
}

.fa-blue-arrow a:visited  {
    color: #000;
}

.fa-blue-arrow a:before {
    font-family: 'FontAwesome';
    content: '\f138';
    margin:0 5px 0 -15px;
    color: #0079C2;
    text-indent:15px;
}
.fa-blue-arrow a:hover {
    text-decoration: none;
    color: #0079C2;
}

ul.fa-check-circle:before {
    content: ''; /* override FA */
}

ul.fa-check-circle {
    list-style-type: none;
}

ul.fa-check-circle li {
    margin-bottom: 1em;
}

ul.fa-check-circle li  {
    margin-left: -5px; /* fixes multiline hanging indent */
    color:#000;
}

ul.fa-check-circle li:before {
    color: #0079C2;
    content: "\f058";
    font-family: 'FontAwesome';
    margin:0 5px 0 -15px;
    text-indent:15px;
}

.list-pipes li + li:before {
    content: " | ";
}

.list-pipes li {
    padding-left:0 !important;
    padding-right:0 !important;
}

.list-links.list-unstyled li {
    padding-bottom: 10px;
}

/*
 *  PUBLICATIONS LISTS
 *************/

 ul.fa-blue-arrow-text {
    list-style-type: none;	 
}

ul.fa-blue-arrow-text li {
    margin-bottom: 1em;
}

.fa-blue-arrow-text a  {
    margin-left: -17px; /* fixes multiline hanging indent */
}

.fa-blue-arrow-text a:before {
    font-family: 'FontAwesome';
    content: '\f138';
    margin:0 5px 0 -15px;
    color: #0079C2;
    text-indent:15px;
	display: inline-block;
}


/*
 *  PHOTOGRAPHY (captions, credits, etc)
 *********************************************/

/* hero image on home pages and atop other pages */
.hero {
    margin-bottom: 1em;
}

figcaption, .caption {
  font-size: 12px;
  color: #757575;
}

.credit {
  font-style: italic;
}

a[data-toggle=lightbox] {
    text-decoration: none;
}

.enlarge {
    display: block;
    font-size: 12px;
    text-align: right;
    text-decoration: none;
}

.enlarge:before {
    content: '\f002';
    font-family: 'FontAwesome';
    padding-right: 3px;
}
.border {
	border:1px solid #666;
}


/* old lightbox */
a.singleLightbox {
    text-decoration: none;
}
/* maintain our blue on visited images */
a.singleLightbox:visited {
    color: #0079C2;
}
a.singleLightbox:hover {
    color: #C60;
    text-decoration: none;
}


/* icon-like graphics (About NREL quickfacts, WWU licenscing, etc */
.icon-circle {
    height: 100px;
    width: 100px;
    border-radius: 100px;
    background-color: #0079C2;
    line-height:100px;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
    font-weight: 100;
    font-size: 2.2em;
    margin:0 auto;
}
@media (min-width: 768px) {
    .icon-circle   {
        margin: auto;
    }
}

.icon-circle.green {
    background-color: #4c8224;
}

/*
 *  UTILITY
 *********************************************/
.divider {
    width: 12%;
    border-top: 1px solid #5D9732;
    margin: 0 auto;
    padding: 0 0 1.4em 0;
}

.call-to-action {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}
.call-to-action .lead {
    font-family: Roboto;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear:both;
}
.clearboth {
    clear:both;
}
.wide-80 {
    min-width: 80%;
}
.wide-60 {
    min-width: 60%;
}
.wide-40 {
    min-width: 40%;
}
.wide-20 {
    min-width: 20%;
}

.nomargin {
    margin-top: 0;
    margin-bottom: 0;
}
.notop {
	margin-top:0;
}
.padtop {
    padding-top: 1em;
}

.padbottom {
    padding-bottom: 1em;
}

.clear {
    clear: both;
}
.kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #252525;
    background-color: #eee;
    border-radius: 3px;
    box-shadow: none;
	font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}
.pull-right {
    float: right;
}
/*
 *  WELLS
 *********************************************/
.well {
    background-color: #E3E6E8;
	border-radius: 0;
    border:none;
    box-shadow: none;
	padding: 20px;
	margin-bottom: 20px;
}

.well.pull-right {
    margin-left:0;
    margin-bottom:1em;
}
@media (min-width: 768px) {
    .well.pull-right {
        margin-left:1em;
    }
}


.content-box {
    border: 1px solid #D1D5D8;
    padding: 1em;
    margin: 0;
}


.actionbox {
    border-radius: 0;
    border:none;
    box-shadow: none;
    font-family:Roboto, "Helvetica Neue", Helvetica, sans-serif;
    margin-bottom:2em;
    margin-top: 2em;
    padding-bottom:1.5em;
    padding-top:1.5em;
}
.actionbox.pull-right {
    margin-top:0;
}
.actionbox > h2,
.actionbox > h3,
.actionbox .header {
    margin-top:0;
}
.actionbox .btn {
    margin-top:.5em;
    margin-bottom:.5em;
}

.actionbox.inline {
    padding-top:1em;
    padding-bottom:1em;
}
.actionbox.inline .header {
    margin-top:0;
    margin-bottom:.5em;
}
@media (min-width: 768px) {
    .actionbox.inline .header {
        display: inline;
    }
}
.actionbox.inline .btn {
    display: block;
    margin-bottom:0;
    margin-top:0;
    max-width: 320px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .actionbox.inline .btn {
        margin-left:2em;
        display: inline;
        vertical-align: top;
        line-height: 33px;
    }
}

/* extends actionbox*/
.maintenancebox {
    border-radius: 0;
    border:none;
    box-shadow: none;
    font-family:Roboto, "Helvetica Neue", Helvetica, sans-serif;
    margin-bottom:1.5em;
    margin-top: 1.5em;
    padding:1em;
}

.maintenancebox p {
    margin:0;
    text-align: center;
}

/* container for abs positioned children */
.graphic-box {
    position: relative;
}
.caption-box {
    background: #000;
    background-color: rgba(0, 0, 0, 0.8);
    box-sizing: border-box;
    color: #fff;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding:.5em;
    text-align: left;
    left: 0;
    right:0;
    bottom:0;
    width: 100%;
    position: relative;
}
@media (min-width:768px) {
    .caption-box {
        position: absolute;
        padding:1em;
    }
}
.caption-box .header,
.caption-box h3 {
    font-weight: 300;
}

.caption-box .teaser {
    line-height: 34px;
    margin:0;
}

.caption-box .btn {
    text-transform: uppercase;
}

.caption-box a,
.caption-box a:visited {
    color: #fff;
}

/* override twbs small styles */
.caption-box .small {
  color: inherit;
  line-height: inherit;
}

/*
 *  Icons
 */
.fileIcon {
   margin-left: 5px;
}
.lg-icon {width:6.5rem;}
.fs-icon, .md-icon {width:4.5rem;}
.sm-icon {width:3.5rem;}
.v-center .row {
    display: table;
    margin: 0;
    table-layout: fixed;
    width: 100%;
}

.v-center [class^="col-"] {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.v-center [class^="col-"] *:first-child {
    margin-top: 0;
}

.v-center [class^="col-"] *:last-child {
    margin-bottom: 0;
}
/* horizontal center content */
.img-center {
	margin:0 auto;
} 
/* image border */
.img-border{border: 1px solid #bebebe;}

/* IE fix for scaling svgs properly
img[src$=".svg"].img-fluid {
    width: 100%;
}
 */
/* A little space between the icon and text, but without any underline in a hyperlink */
a > .fa:first-child {
    margin-right: 5px;
	padding-bottom: 3px;
}

/* ...but sometimes the icon is the last thing in a link, but still the first-child. Swap the margin to the left. */
a > .fa-ml {
    margin-left: 5px;
    margin-right:0!important;
}

/*
 *  ADDTHIS Share / Email buttons
 *********************************************/

.addthis_toolbar {
    text-align: center;
}
.addthis_toolbar a,
.addthis_toolbar a:visited {
    color:#000;
    line-height: 26px;
    text-decoration: none;

}

/*
 *  Feedback widget
 *********************************************/
#feedback-container {
    font-family:Roboto, "Helvetica Neue", Helvetica, sans-serif;
    margin-top:3em;
    text-align: center;
}

#feedback-container .button-submit {
    float:none;
}

#feedback-container textarea {
    width: 50%;
    margin: 0 auto;
}

/**
 * AddToCalendar White Blue Menu Style
 * http://addtocalendar.com
 */

/* Base */

.addtocalendar var{
    display: none;
}

.addtocalendar {
    position: relative;
    display: inline-block;
    background: transparent!important;
}

.atcb-link {
    display: block;
    outline: none!important;
    cursor: pointer;
}

.atcb-link:focus~ul,
.atcb-link:active~ul,
.atcb-list:hover{
    visibility:visible;
}

.atcb-list {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    z-index: 900;
}

.atcb-list,
.atcb-item
{
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.atcb-item {
    float: none;
    text-align: left;
}

.atcb-item-link
{
    text-decoration: none;
    outline: none;
    display: block;
}

.atcb-item.hover,
.atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}


/* Menu WB */

.atc-style-menu-wb .atcb-list {
    width: 170px;
    border: 1px solid rgb(186,186,186);
    border-radius: 2px;
    box-shadow: 0 0 5px #AAA;
}

.atc-style-menu-wb .atcb-list,
.atc-style-menu-wb .atcb-item
{
    background: #fff;
    color: #000;
}

.atc-style-menu-wb .atcb-item,
.atc-style-menu-wb .atcb-item-link
{
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
}

.atc-style-menu-wb .atcb-item-link,
.atc-style-menu-wb .atcb-item-link:hover,
.atc-style-menu-wb .atcb-item-link:active,
.atc-style-menu-wb .atcb-item-link:focus {
    color: #000;
    font-family: "Verdana";
    font-size: 14px;
    text-decoration: none;
    outline: none;
    padding: 5px 15px;
}

.atc-style-menu-wb .atcb-item-link:hover,
.atc-style-menu-wb .atcb-item-link:active,
.atc-style-menu-wb .atcb-item-link:focus {
    color: #fff;
}

.atc-style-menu-wb .atcb-item.hover,
.atc-style-menu-wb .atcb-item:hover {
    background: rgb(66,129,244);
}



/*
 *  PRESS (NEWS/EVENTS)
 ************************************************************/
.press {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.3;

}
.press .header {
    display: table;
    border-bottom: 1px solid #000;
    margin-bottom: 7px;
    width: 100%;
}
.press .more-link {
    display: table-cell;
    font-size:14px;
    text-align: right;
}
.press .more-link a {
    text-decoration: none;
}
.press .headline {
    color: #0079C2;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.2;
    margin-top:0;
    margin-bottom: 0;
}

.press .headline + .headline {
    margin-top: 10px;
}


.press .date {
    color: #5E6A71;
}
.event .date {
    margin-bottom:0;
}


.press .more,
.press img {
    display: none; /* fixme: temp fix to hide arrow icon generated on prod */
}

.press img.rss {
    display: inline; /* override for rss icon */
}

/* newsroom releases */
.item .date {
    font-size: 1.1em;
    color: #000;
    font-weight: 500;
    margin-top: 2em;
}

.item .date + .headline {
    margin-top: .25em;
}

/*
 *  EVENTS LIST
 *********************************************/
.event-list {
    font-family:Roboto, "Helvetica Neue", Helvetica, sans-serif;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.event-list > li {
    margin-bottom:1.5em;
}

.event-list .date {
    color:#5D9732;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
}
.event-list .event {
    font-weight: bold;
    line-height:1.3;
    margin-bottom: 0;
}
.event-list .location {
    line-height:1.3;
    margin-bottom: 0;
}

.event-list .addtocalendar > a {
    text-transform: uppercase;
    font-size: small;
}

div.event {margin-bottom:10px;}

/*
 *  Vertical alignment utility
 *  (used on careers)
 *
 ********************************/
.marketing-stack {
    display: table;
    margin-bottom: 2em;
    min-height:555px;
    text-align: center;
}
.marketing-stack > div {
    display: table-row;
}
.marketing-stack > div > div {
    display: table-cell;
}
.marketing-stack > div:first-child > div {
    vertical-align: top;
}
.marketing-stack > div:last-child > div {
    vertical-align: bottom;
}
/*
 * NB IE bug for responsive images in tables
 * http://stackoverflow.com/questions/18846744/responsive-images-in-tables-bootstrap-3
 */
 @media(min-width:768px) {
    .marketing-stack .img-fluid { width:100%;}
}

/*
 *  Generic Media Block
 *********************************************/

.media-block {
    margin-top: 1em;
    margin-bottom: 1em;
}
.media-block:before,
.media-block:after {
    content: " ";
    display: table;
}
.media-block:after {
    clear:both;
}
.media-block h4 {
	margin:0.25em 0 0 0;
}
/* horizontal media block */
.media-block   .header,
.media-block h2.header,
.media-block h3.header,
.media-block h4.header,
.media-block h5.header,
.media-block h6.header {
    margin-top:0;
}



/* vertical media block */
.media-block img +   .header,
.media-block img + h2.header,
.media-block img + h3.header,
.media-block img + h4.header {
    margin-top:1em;
}

/* read more, learn more, ..typically the critical action oriented links in a media block */
.media-block .more {
    font-family:Roboto, "Helvetica Neue", Helvetica, sans-serif;
}
.media-block .more a {
    text-decoration: none;

}
.media-block .more a:hover {
    text-decoration: underline;

}
.media-block img + ul,
.media-block img + ol,
.media-block img + p {
    margin-top: 0.5em;
}

/*
 *  Block level hyperlinks
 *********************************************/
.link-tile {
    font-family:Roboto, "Helvetica Neue", Helvetica, sans-serif;
    text-decoration: none;

}


.link-tile {
    display: block;
}

.link-tile:hover {
    text-decoration: none;
}

.link-tile a {
    text-decoration: none;
}

.link-tile a:hover {
    text-decoration: none;
}

.link-tile:hover h2,
.link-tile:hover h4 {
    color:#e07700;
}

/*
 *  Footnote and funding info, typically at the bottom of the page.
 *********************************************/
.footnote {
    border-top: 1px solid #ccc;
    font-style: italic;
    margin-top: 1.62em;
    padding-top: 1em;
}

/*
 *  Table styles
 *********************************************/

.table-sm-data,
.table-data,
.table.data {
    font-family: 'Roboto';
    font-size: 80%;
}

.table-inline,
.table.inline {
    display: inline;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #e3e6e8;
}

caption {
	font-size:22px;
	text-align:left;
	border-bottom: 3px solid #5dd2ff;
	color: #004677;
	caption-side: top;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	background-color:#0079c2 !important;
} 
/*
 *  Back to top plugin customization
 *********************************************/

#scrollUp {
    bottom: 0;
    right: 0;
    padding: 10px 20px;
    background-color: #0079c2;
    color: #fff;
    font-family: 'Roboto';
    text-decoration: none;
}

/*!
 *  NREL top navigation styles
 */


/*
 *  TOP NAV
 ************************************************************/

.navbar {
	padding: 0;
	font-family: "Roboto", sans-serif;
}

.dropdown-toggle::after {
    display:none;
}

@media (min-width:768px) {
	.searchbar-toggle {
		display: none;
	}
}
/* S&T program top nav */
.program-header .navbar .navbar-collapse {border: none;}
@media (min-width: 768px) {
	.program-header .navbar .navbar-collapse {border-top: 1px solid #d1d5d8;}
}
@media (min-width: 992px) {
	.program-header .navbar .navbar-collapse {border:none;}
	.program-header .navbar .navbar-collapse.xl-row {border-top: 1px solid #d1d5d8;}
	.program-header .navbar .navbar-collapse.rows {border-top: 1px solid #d1d5d8;}
}
@media (min-width: 1200px) {
	.program-header .navbar .navbar-collapse.xl-row {border-top:none}
}
/* App template top nav */
.application .navbar-light .navbar-nav .dropdown-menu,
.program-header .navbar-light .navbar-nav .dropdown-menu {
	left:auto;
	right:0;
	white-space: nowrap;
}
.application .navbar-light .navbar-toggler,
.program-header .navbar-light .navbar-toggler {
	border: none;
}
.navbar-toggle-label {
	font-size: 0.8em;
	color: #fff;
}
#app-menu, #program-menu {
  background-color: #5e6a71;
	color:#fff;
	position: static;
  margin-left: 0;
}
#app-menu, #program-menu:hover {
	background-color: #0079c2;
}
@media (min-width:768px) {
	#app-menu, #program-menu {width:auto}
}
#app-menu, #program-menu:before {
    content:"";
    background-color: #5e6a71;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}
#app-menu, #program-menu:hover:before {
	background-color: #0079c2;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-wrapper {
    font-family: "Roboto", sans-serif;
	} 

.navbar-wrapper a {
    text-decoration: none;
}

.navbar-wrapper.corporate-topnav .container {
	border-top:none;
}


/*
 *
 *  Color and spacing settings for Menu toggle button
 *
 */

 /* the 3 horizontal lines within the toggle button 
.navbar-inverse .navbar-toggle .icon-bar-holder {
    float: left;
    margin-right: 6px;
    margin-top: 5px;
}*/

/* the word "MENU" within the toggle button  
.navbar-inverse .navbar-toggle-label {
    float: left;
}*/

/* Menu button  
.navbar-inverse .navbar-toggler {
    background-color: #5e6a71;
    border-left:0;
    border-right:0;
    border-bottom:0;
    border-radius:0;
    color:#fff;
    float:none;
    margin:0;
    text-transform: none;
    font-size: 14px;
	width:100%;
}*/

/* Menu button closed state 
.navbar-inverse .navbar-toggler.collapsed {
    border-top: 3px solid transparent;
    background-color: #5e6a71;
}*/
/* Menu button hover 
.navbar-inverse .navbar-toggler:hover,
.navbar-inverse .navbar-toggler:focus {
    background-color: #0079c2;
}*/
@media (min-width:768px) {
	.navbar-wrapper .container {
		border-top: 1px solid #d1d5d8;
	}
	.navbar-toggler {
		display: none;
	}
  #app-menu, #program-menu {
  	position: relative;
  }
}


/*
 *  1ST LEVEL
 ********************************************/

/* top level closed */
.navbar-light .navbar-nav > li > a {
    border-top:3px solid transparent; /* prevents jitter */
    color: #5e6a71;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height:30px;
}

@media (min-width:768px) {

    /* top level on desktop */
    .navbar-light .navbar-nav > li > a {
        text-transform: none;
        border-top:3px solid transparent; /* prevents jitter */
        background-color: transparent;
    }
}

/* navbar style */
.application .navbar-light .navbar-nav > li > a,
.program-header .navbar-light .navbar-nav > li > a {
	padding-top: 5px;
	padding-bottom: 7px;
	border-top:3px solid transparent;
}

.application .navbar-light .navbar-nav > li        > a:hover,
.application .navbar-light .navbar-nav > li        > a:focus,
.application .navbar-light .navbar-nav > li.active > a:hover,
.application .navbar-light .navbar-nav > li.active > a:focus,
.program-header .navbar-light .navbar-nav > li        > a:hover,
.program-header .navbar-light .navbar-nav > li        > a:focus,
.program-header .navbar-light .navbar-nav > li.active > a:hover,
.program-header .navbar-light .navbar-nav > li.active > a:focus  {
        background-color: #0B5E90;      /* dark blue */
        border-top: 3px solid transparent;
		color: #fff;
}

/* top level closed hover and active */
@media (min-width:768px) {
    .application .navbar-light .navbar-nav > li.active > a,
    .application .navbar-light .navbar-nav > li        > a:hover,
    .application .navbar-light .navbar-nav > li        > a:focus,
    .application .navbar-light .navbar-nav > li.active > a:hover,
    .application .navbar-light .navbar-nav > li.active > a:focus,
    .program-header .navbar-light .navbar-nav > li.active > a,
    .program-header .navbar-light .navbar-nav > li        > a:hover,
    .program-header .navbar-light .navbar-nav > li        > a:focus,
    .program-header .navbar-light .navbar-nav > li.active > a:hover,
    .program-header .navbar-light .navbar-nav > li.active > a:focus  {
            background-color: #5E6A71;      /* grey */
    }
}




/* toggle the font awesome down/up arrow when a menu opens */
.navbar-light .navbar-nav > li > a .fa-angle-down:before {
    content: "\f107"; /* the native closed state - fa-angle-down */
}
.navbar-light .navbar-nav > li.show > a .fa-angle-down:before {
    content: "\f106"; /* open - switch to fa-angle-up */
}



@media(min-width:768px) {
    /* top level open - desktop */
    .application .navbar-light .navbar-nav > li.show > a,
    .program-header .navbar-light .navbar-nav > li.show > a {
        border-top:3px solid transparent;   /* blue */
    }
}

/* top level open  hover */
.application .navbar-light .navbar-nav > li.show > a:hover,
.application .navbar-light .navbar-nav > li.show > a:focus,
.program-header .navbar-light .navbar-nav > li.show > a:hover,
.program-header .navbar-light .navbar-nav > li.show > a:focus {
    background-color: #0B5E90;  /* dark blue */
    color: #fff;
}

@media(min-width:768px) {
    /* top level open  hover  desktop*/
    .application .navbar-light .navbar-nav > li.show > a:hover,
    .application .navbar-light .navbar-nav > li.show > a:focus,
    .program-header .navbar-light .navbar-nav > li.show > a:hover,
    .program-header .navbar-light .navbar-nav > li.show > a:focus {
        background-color: #5E6A71; /* grey */
    }
}



/*
 *  2ND LEVEL
 ***********************************/

/* 2nd level */
.application .navbar-light .navbar-nav .show .dropdown-menu > li > a,
.program-header .navbar-light .navbar-nav .show .dropdown-menu > li > a {
    background-color: #282e2e; /* dark grey */
    border-bottom: 1px solid #000;
    color: #62d2ff; /* lite blue */
    padding-top:10px;
    padding-bottom:10px;
}

@media(min-width:768px) {
    /* 2nd level desktop */
    .application .navbar-light .navbar-nav .show .dropdown-menu > li > a,
    .program-header .navbar-light .navbar-nav .show .dropdown-menu > li > a {
        background-color: #5E6A71; /* lite grey */
        border-bottom: 1px solid #4B545A; /* another dark grey */
        color: #fff;
    }
}

/* 2nd level hover */
.application .navbar-light .navbar-nav .show .dropdown-menu > li > a:hover,
.application .navbar-light .navbar-nav .show .dropdown-menu > li > a:focus,
.program-header .navbar-light .navbar-nav .show .dropdown-menu > li > a:hover,
.program-header .navbar-light .navbar-nav .show .dropdown-menu > li > a:focus {
    background-color: #0B5E90; /* dark blue */
    color: #fff;
}

/* the little Home icon */
.application .navbar-light .navbar-nav .show .dropdown-menu > li > a .fa-home,
.program-header .navbar-light .navbar-nav .show .dropdown-menu > li > a .fa-home {
    position: absolute;
    right:10px;
    top:15px;
}
.application .navbar-light .navbar-nav .show .dropdown-menu > li > a,
.program-header .navbar-light .navbar-nav .show .dropdown-menu > li > a {
    position: relative;
}

/*
 *  3RD LEVEL
 ***********************************/
.application .navbar-light .navbar-nav .dropdown > ul ul,
.program-header .navbar-light .navbar-nav .dropdown > ul ul {
    padding-left:0;
    list-style-type: none;
}

.application .navbar-light .navbar-nav .dropdown > ul ul li,
.program-header .navbar-light .navbar-nav .dropdown > ul ul li {
    background-color: #282e2e;
}

.application .navbar-light .navbar-nav .dropdown > ul ul a,
.application .navbar-light .navbar-nav .dropdown > ul ul a:visited,
.program-header .navbar-light .navbar-nav .dropdown > ul ul a,
.program-header .navbar-light .navbar-nav .dropdown > ul ul a:visited {
    color: #62d2ff;
    display: block;
    text-decoration: none;
    padding-left:40px;
    padding-top:10px;
    padding-bottom:10px;
}
.application .navbar-light .navbar-nav .dropdown > ul ul a:hover,
.program-header .navbar-light .navbar-nav .dropdown > ul ul a:hover {
    background-color: #0B5E90;
    color: #fff;
}

/*
 *
 *  Overrides (spacing, border, and font settings for containers and lists)
 *
 */

 /* remove 1px border */



.navbar,
.navbar-nav,
.navbar-collapse {
    border:0;
    margin-bottom:0;
    min-height: 0; /* override bs 50 */
/*	background-color: transparent; */
}
/* header nav.navbar {background-color:#fff;} */

ul.navbar-nav {
    margin-top:0;
    margin-bottom: 0;
}

ul.dropdown-menu {
    border:0;
    padding-top: 0;
    padding-bottom:0;
	margin-top:0;
}




/*****************************************************************************************************************
 *
 *  Overrides for the corporate level top nav
 *
 *****************************************************************************************************************/


.corporate-topnav .container {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width:768px) {
    .corporate-topnav .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.corporate-topnav .navbar {
	padding: 0.5rem 1rem 0 1rem;
}
.navbar-wrapper.corporate-topnav {
	border-bottom: 1px solid #d1d5d8;
}
.corporate-topnav .navbar-inverse {
    text-align: center; /* center top level items */
	background-color: transparent;
}
/*.corporate-topnav .navbar-expand .navbar-nav {
    display: block;
    margin-left: auto;
    margin-right: auto;
	background-color: #fff;
}
.corporate-topnav .navbar-expand .navbar-nav > li {
    display: inline-block;
}*/
.corporate-topnav .navbar-expand .navbar-nav > li > a {
    display: block;
    font-size: 0.75em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-transform: none;
}
@media(min-width: 576px) {
	.corporate-topnav .navbar-expand .navbar-nav > li > a {
		font-size: 0.8em;
		padding-left: 0.8em;
		padding-right: 0.8em;
	}
}
/*@media(min-width: 992px) {
    .corporate-topnav .navbar-expand .navbar-nav > li > a {
    padding-left: 0.8em;
    padding-right: 0.8em;
    }
}*/
.corporate-topnav .navbar-expand .navbar-nav > li > a {
    background-color: transparent;
}
.corporate-topnav .navbar-expand .navbar-nav > li > a:hover,
.corporate-topnav .navbar-expand .navbar-nav > li > a:focus {
    background-color:#0079c2;
	color: #fff;
}
.navbar-light .navbar-nav.ml-auto .nav-link {
	color: #0a87d3;
}
.navbar-light .navbar-nav .nav-link {
	color: #5e6a71;
	background-color: #ededed;
	padding: 15px;
}
.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show > .nav-link {
	background-color:#0079c2;
	color: #fff;
}
@media(min-width:992px) {
.navbar-wrapper.corporate-topnav {margin-top:-17px;}
}
/* active (on) state */
.corporate-topnav .navbar-expand .navbar-nav > li.active > a,
.corporate-topnav .navbar-expand .navbar-nav > li.active > a:hover  {
    background-color:#0079c2;
}

.corporate-topnav .navbar-expand .navbar-nav > li.open > a {
    background-color: #0079c2;
}

/*
 *  2ND LEVEL
 */

/*.corporate-topnav .navbar-expand .navbar-nav       .dropdown-menu > li > a {
    display: none !important;
}*/
.corporate-topnav .navbar-expand .navbar-nav .show .dropdown-menu > li > a {
    background-color: #5E6A71;
    border-bottom: 1px solid #4B545A;
    display: block !important;
    color: #fff;
}

@media(min-width:768px) {
    /* 2nd level desktop */
    .corporate-topnav .navbar-expand .navbar-nav .show .dropdown-menu > li > a {
        background-color: #5E6A71; /* lite grey */
        border-bottom: 1px solid #4B545A; /* another dark grey */
        color: #fff;
    }
}

/* 2nd level hover */
.corporate-topnav .navbar-expand .navbar-nav .show .dropdown-menu > li > a:hover,
.corporate-topnav .navbar-expand .navbar-nav .show .dropdown-menu > li > a:focus {
    background-color: #0B5E90; /* dark blue */
    color: #fff;
}


@media (min-width:768px) {
    .corporate-topnav .navbar-expand .navbar-nav > li > a {
        font-size: 1em;
    }
}

/* lower levels positioning overrides */
.corporate-topnav .navbar-expand .navbar-nav li.dropdown {
    position: static;
}

.corporate-topnav .navbar-expand .navbar-nav .show .dropdown-menu {
    background-color: #5E6A71;
    border-top:0;
    font-size: 1em;
/*  left: 0;
    position: absolute;
    right: auto; */
    width: 100%;
}
@media (min-width:768px) {
    .corporate-topnav .navbar-expand .navbar-nav .show .dropdown-menu {
        display:block;
        left:auto;
        width:auto;
    }
}



/*!
 *
 *  NREL banner styles
 *
 */

/*
 *  BANNER
 ************************************************************/

.banner-logo {
/*    background-color: #fff; */
    width: 100%;
    border-bottom: none;
}
header .logo {
  background-image: url("https://www.nrel.gov/_resources/images/nrel-logo@2x-01.png");
  background-repeat: no-repeat;
  height: 65px;
  background-size: 150px;
  background-position: bottom center !important;
}
.program-header {background-color: transparent;}
.program-header .navbar-inverse {border-top: 1px solid #d1d5d8;}
.program-header .container {padding-right: 15px; padding-left: 15px;}

@media only screen and (min-width : 480px) {
	header .logo {
    background-image: url("https://www.nrel.gov/_resources/images/nrel-logo@2x-01.png");
    background-repeat: no-repeat;
    height: 65px;
    background-size: 150px;
    background-position: bottom center !important;
}

@media (min-width: 768px) {
    header .logo {
      background-image: url("https://www.nrel.gov/_resources/images/nrel-logo@2x-01.png");
      background-repeat: no-repeat;
  		height: 65px;
      background-size: 150px;
      background-position: bottom right !important;
  }
	.program-header {background-color: #ededed;}
}

@media only screen and (min-width : 1200px) {
	.program-header .navbar-inverse {border-top: none;}
}
	




/*
 *  SEARCH
 ************************************************************/
.searchbar-toggle {
	border: 1px solid #5e6a71 ;
    border-radius:5px;
    color: #5e6a71 ;
    margin:15px;
    padding: 8px 6px 8px 6px;
    position: absolute;
    right: 0;
    top: 0;
}

/* #searchbar-collapse {
    background-color: transparent;
    margin-left: -15px;
    margin-right: -15px;
}*/

@media (min-width: 768px) {
    #searchbar-collapse {
        background-color: transparent;
        margin-left: 0px;
        margin-right: 0px;
    }
	#searchbar-collapse:before {
		background-color:transparent;	
	}
}
/* little grey rectangle rotated to a triangle 
#searchbar-collapse:after {
    height: 20px;
    width: 20px;
    content: " ";
    background-color: #DEE2E5;
    position: absolute;
    right: 20px;
    top: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}*/

@media (min-width: 768px) {
    #searchbar-collapse:after {
        display: none;
    }
}
.searchbar-form {
    font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif;
    padding-top: 7px;
    padding-bottom: 7px;
}

@media (min-width: 768px) {
    .searchbar-form {
        background-color: transparent;
        float:right;
    }
}

.searchbar-form button {
    background-color:#5E6A71;
    border-color:#5E6A71;
    color:#fff;
    height:40px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .searchbar-form button {
        background-color: #D1D5D8;
        border-color: #D1D5D8;
        color: #000;
    }
}


@media (min-width: 768px) {

    /* padding is needed on xs size  below 768 */
    header .navbar-collapse,
    header .navbar-form  {
        padding-left:0;
        padding-right: 0;
    }
}


header nav.navbar  {
    border: none;
    box-shadow: none;
    text-align: center;
}

.searchbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.searchbar-form .form-control {
    display: inline-block;
    width: 200px;
    vertical-align: middle;
    box-shadow: none;
    height:40px;
}

@media (max-width: 350px) {
	.searchbar-form .form-control {
		width: 160px;
	}
}


/*!
 *  NREL footer styles
 */

/*
 *  FOOTER
 ************************************************************/
#page-tools {
    margin: 2em 0;
}

footer {
    background-color: #e3e6e8;
    color: #000;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height:  1.5;
    padding-top: 3em !important;
    padding-bottom: 5em;
}

footer .header {
    border-bottom:1px solid #5a5b5b;
    font-size: 14px;
    margin-top: 1em;
    text-transform: uppercase;
}

footer .only-nrel {
    font-size: 10px;
}

footer .social-links {
    font-size: 14px;
    margin:0 0 1em 0;
}
footer .social-links li {
    padding: 0;
}

footer a,
footer a:visited {
    color: #000;
    text-decoration: none;

}
footer a:hover {
    color:#c60;
}

footer .logo {
    display: block;
    max-width:100px;
    margin-top: 1em;
}

footer ul {
    list-style-type: none;
    margin-left:0;
    margin-bottom: 0;
    padding-left: 0;
}

footer ul.dotlist li:before { /* nbsp middot nbsp */
    content: "\00a0  \00b7  \00a0";
}

footer ul.dotlist li:first-child:before {
    content: "";
}

@media(min-width:768px) {
	footer .ft-border-right {
		border-right: 1px solid #5a5b5b;
	}
	footer .social-links {
    	font-size: 14px;
    	margin:0;
	}
	footer .header {
        margin-top: 0;
    }
}

/*!
 *
 *  NLR search results styles
 *
 */

/*
 *  SEARCH RESULTS
 ************************************************************/

/* selectbox */
#perPage {
    margin-left: 10px;
}

.results-header .form-inline input[type=text] {
    width: 99%;
}

@media(min-width:768px){
    .results-header .form-inline [class^="col-"] {
        padding-right:0;
    }

    .results-header .form-inline [class^="col-"]+[class^="col-"] {
        padding-left: 0;
    }
}

.results-header a {
    text-decoration: none;
}

.results-header a:hover {
    text-decoration: underline;
}

.results-header p,
.results-header label  {
    font-family: Roboto;
    font-size: 18px;
}

.results-header .results-notes {
    margin: 1.5em 0;
}

.results-header .results-notes p {
    margin:0;
}

.results-header .results-total p {
    margin-bottom: 0;
}

.results-header .highlighted {
    color: #c60;
    font-style: italic;
    font-weight: bold;
}

.results-list {
    margin-top:1.5em;
    padding-top:1.5em;
    border-top: 1px solid #ccc;

}

.results-highlighted {
    font-weight: bold;
}

.results-item {
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
}

.results-item .summary {
    color: initial;
}

.results-item .footer {
    color:#5E6A71;
}

.results-pager .pagination {
    font-family: Roboto;
    margin: 0;
}

.results-pager p {
    font-family: Roboto;
    padding-top:.5em;
}

.results-pager a {
    text-decoration: none;
}

.results-pager a:hover {
    text-decoration: underline;
}

.results-pager .glyphicon {
    font-size: 75%;
}


/* Snippet full width image */
figure {
    display: table;
	margin:1em auto;
}
 
figure img { 
    display: block;
}
 
figcaption {
    display: table-caption;
    caption-side: bottom;
	font-size: 12px;
    color: #757575;
	margin-top: .5em;
}


/* Feedback form honeypot field */
.hpf6df8a6f-3fb6-4eba-b28d-c99912998305{display:none; margin-left:-1000px;}
.hpe2cd04f6-da55-4773-80a2-c25c4ca203c4{display:none; margin-left:-1000px;}

/*
 * Feature box content
 */
.content-list-widget {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.2;
    margin-bottom: 3em;
}

/* .content-list-widget:before,
.content-list-widget:after,
.content-list-widget .content-box:before,
.content-list-widget .content-box:after {
    display: table;
    content: " ";
} */

/* .content-list-widget:after,
.content-list-widget .content-box:after {
    clear: both;
} */


.content-list-widget .header-box {
    background-color: #ededed;
    border-bottom: 3px solid #00b5ef;
}

.content-list-widget .header-box .title {
    color: #000;
    font-size: 1.35em;
    margin-bottom: 0;
    padding: .8em;
    text-transform: none;
}

.content-list-widget .header-box .title span {
	font-weight: 500;
	text-transform:uppercase;
	color:#0079c5;
}

.content-list-widget .content-box {
    border: 1px solid #D1D5D8;
    padding: 1em;
    margin: 0;
}

.content-list-widget .list {
    padding-left: 1.35em;
}

.content-list-widget .title+.list {
    border-top: 1px solid #D1D5D8;
    margin-top: .5em;
    padding-top: .75em;
}

.content-list-widget .list,
.content-list-widget .btn-link {
    text-decoration: none;
    text-transform: none;
}
.content-list-widget .btn-link:visited {
    color:#0079c2;
}

.content-list-widget .text-left .btn-link  {
    margin-left: 0;
    padding-left: 0;
}
.content-list-widget .list .headline,
.content-list-widget .list .date  {
    margin-bottom: 0;
}
.content-list-widget .list .date {
    color:#5E6A71;
}
.content-list-widget .footnotes{
    border-top: 1px solid #D1D5D8;
    padding-top: 1em;
}


.content-list-widget .text-right {
    text-align: inherit; /* on small screens, don't right align unless parent does */
}
@media (min-width:768px) {
    .content-list-widget .text-right {
        text-align: right;
    }
}