/* MAIN PAGE CSS START */
 .menu-button {
	 color: #960c22 !important;
	 z-index: 3 !important;
}


 h1, h2, h3, h4, h5, span {
	 color: #fff;
}

 .h1-red, .h2-red, .h3-red, .h4-red, .h5-red, .ul-red {
	 color: #c8102e;
}

 .h6-red {
	 color: #c8102e;
	 line-height: 20px;
}
 .h6-modal-photo {
	 margin-bottom: 20px;
}
 .float-right {
	 float: right;
}
 .caret-red {
	 color: #c8102e !important;
}
 .caret-red:hover {
	 color: #960c22 !important;
}
 .span-red {
	 color: #c8102e;
	 float: none !important;
	 padding: 0 !important;
}
 .page-header h1 {
	 background: none;
	 transform: translateX(-100rem);
	 animation: headerTextSlideIn 1s forwards;
	 animation-timing-function: cubic-bezier(0.02, 0.02, 0.02, 1);
}
 @keyframes headerTextSlideIn {
	 from {
	}
	 to {
		 transform: translateX(0);
	}
}
 .page-header ::before {
	 background-color: #c8102e !important;
	 transform: translateX(-100rem);
	 animation: headerSlideIn 1s forwards;
	 animation-timing-function: cubic-bezier(0.01, 0.01, 0.01, 1);
}
 @keyframes headerSlideIn {
	 from {
	}
	 to {
		 transform: translateX(0);
	}
}
 .panel-title {
	 font-size: 22px;
	 color: #c8102e;
}
 #panel-h1 {
	 padding: 20px 0;
}
 .start-panel {
	 margin-top: 25px;
}
 #member-videos h2, #member-assets h2 {
	 color: #c8102e;
	 ;
}
 .title-h4 {
	 margin: 0;
	 color: #c8102e;
}
 .title-h4-center {
	 margin: 0;
	 color: #c8102e;
	 text-align: center;
}
 .caption p {
	 margin: 5px 0 0 0;
}
 .h4-padbottom {
	 margin: 0;
	 padding: 0 0 10px 0;
	 color: #c8102e;
}
 .h4-red {
	 padding-left: 17px;
}
 .h4-red-webinar {
	 padding: 0 0 10px 0;
	 color: #c8102e;
}
 .title-h5-center {
	 margin: 0;
	 color: #000;
	 text-align: center;
}
 #events-slider h5 {
	 color: #c8102e;
	 display: inline-block;
}
 #register-button {
	 margin-top: -7px;
}
 #google-button {
	 display: inline;
	 margin-top: 18px;
}
 .para-h6 {
	 margin: 0;
	 color: #c8102e;
	 font-family: "League Gothic", Helvetica, sans-serif;
	 font-size: 1em;
	 text-transform: uppercase;
}
 .glyphicon {
	 font-weight: bold;
	 color: #c8102e;
}
 .no-pad {
	 padding: 0;
}
 .no-pad-top-bottom {
	 padding-top: 0;
	 padding-bottom: 0;
}
 .pad-left {
	 padding: 0 0 0 25px 
}
 .no-margin {
	 margin: 0;
}
 .no-top-margin {
	 margin-top: 0;
}
 .hr-sm-top {
	 margin-top: 15px;
}
 .hr-narrow {
	 margin: 1rem;
}
 .no-border {
	 border: none;
}
 .btn {
	 font-weight: bold;
}
 .button-margin-bottom {
	 margin-bottom: 20px;
}
 .button-margin-topbot {
	 margin: 10px 0 20px 0;
}
 .opening-para, .opening-para-left, .opening-para-right {
	 margin: 0 0 1.125rem 0;
}
 .para-ul {
	 margin: 0 0 10px 0;
}



 .page-header ::before {
	 background-color: #c8102e !important;
}
 .page-section {
	 padding: 1.5rem 0;
}
 #main-content .container {
	 padding: 0 1.5rem;
}
 #joe-portrait {
	 border: 2px solid #960c22;
	 box-shadow: 3px 3px 3px #888b8d;
}
 .nav-panel-outer {
	 background-color: #000;
	 text-align: center;
}
 .nav-panel-outer a {
	 color: rgba(255,255,255,.6);
}
 .nav-panel-outer a:hover {
	 color: #c8102e;
}
 .nav-left-padding {
	 padding: 0 0 0 5px;
}
 .nav-padding {
	 padding: 0 5px;
}
 .nav-right-padding {
	 padding: 0 5px 0 0;
}
 .button-pad {
	 padding: 0 .25rem;
}
 .button-animate {
	 text-align: center;
	 color: #fff;
	 margin-bottom: 10px;
	 cursor: pointer;
	 transition: transform .5s ease-in-out;
}
 .button-animate:hover {
	 background-color: #c8102e;
	 transform: scale(1.03);
}
 .learn-more-button {
	 padding: 0;
}
 .article-photo {
	 border: 1px solid #000;
	 box-shadow: 3px 3px 3px #888b8d;
	 margin-bottom: 10px;
}
 .panel-nav-p {
	 color: #fff;
	 font-family: "League Gothic", Helvetica, sans-serif;
	 text-transform: uppercase;
	 font-size: 1em;
	 padding: 0 0 15px 0;
}
 .title-bar {
	 background-color: #fff;
	 margin: 5px 0 35px 0;
	 padding: 5px 5px 5px 15px;
	 border: 2px solid #960c22;
	 border-radius: 10px;
	 position: relative;
	 z-index: 2;
}
 .title-bar-short {
	 background-color: #fff;
	 margin: 0 0 15px 0;
	 padding: 5px 5px 5px 15px;
	 border: 2px solid #960c22;
	 border-radius: 10px;
	 position: relative;
	 z-index: 2;
}
 .paragraph-ghost {
	 background: rgba(255,255,255,.9);
	 color: #000;
	 margin: -10px 10px 10px 10px;
	 padding: 20px 15px 10px 15px;
	 border-radius: 0 0 15px 15px;
}
 #leader-row {
	 padding: 0 50px;
}
 .leader-box, .team-box {
	 padding: 5px;
	 margin-bottom: 12px;
}

#joe-powell-margin {
    padding: 5px;
    margin: 16px 0;
}

 .leader-small-pic, .team-small-pic {
	 margin: 0 auto;
	 border: 2px solid #960c22;
	 box-shadow: 3px 3px 3px #888b8d;
}
 .leader-para {
	 font-size: .75em;
	 margin: 0;
	 padding: 0 0 6px 0;
	 line-height: calc(.95em);
}
 .faculty-box {
	 padding: 5px 5px 25px 5px;
}
 .gray-back {
	 background: rgba(136,139,141,.3);
	 border-radius: 10px;
}
 .gray-border {
	 border: 1px solid rgba(136,139,141,.3);
	 border-radius: 10px;
}
 .team-bar {
	 padding: 0 15px 20px 15px;
}
 .team-name {
	 font-size: .65em;
	 margin: 0;
	 padding: 0 0 6px 0;
	 line-height: calc(.95em);
}
 .team-para {
	 font-size: .75em;
	 margin: 0 10px;
	 padding: 10px 0 6px 0;
	 line-height: calc(.95em);
}
 .modal-content {
	 color: #000;
}
 .modal-name {
	 margin: 10px 0;
	 color: #c8102e;
}
 .modal-title {
	 line-height: .5;
	 padding-bottom: 20px;
	 color: #c8102e;
}
 .modal-title-webinar {
	 line-height: normal;
	 padding-bottom: 0;
}
 .modal-location {
	 margin: 18px 18px;
	 color: #c8102e;
}
 .modal-closeX, .modal-phone {
	 color: #c8102e;
}
 #contact-thumb {
	 margin: 20px 10px;
}
 #contact-button {
	 width: 100%;
}
 .news-inner {
	 width: 99%;
}
 #news-video {
	 padding-right: 0;
}
 #calendar-glyph {
	 font-weight: normal;
	 color: #fff;
}
 #book-glyph {
	 font-weight: normal;
	 color: #fff;
}
 #login-button {
	 width: 100%;
}
 .project-lead {
	 margin: 0 15px;
	 color: #c8102e;
	 float: none !important;
	 padding: 0 !important;
}
 .project-slides-button {
	 width: 100%;
}
 #projects-container .project-pane:nth-child(even) {
	 background-color: #c8102e;
}
 #projects-container .section-heading, #grant-projects .section-heading {
	 color: #c8102e;
}
/* YOUTUBE SLIDER */
 #youtube-title {
	 margin: 45px 30px 35px 30px;
}
 #slick-home-youtube-slider .container {
	 margin: 0 auto;
	 padding: 15px 0 0 0;
}
 #slick-home-youtube-slider h2 {
	 padding-left: 40px;
}
 #slick-home-youtube-slider .well {
	 padding-bottom: 0;
}
 #slick-home-youtube-slider {
	 padding: 0 0 20px 0;
}
 #slick-home-youtube-slider img {
	 margin: 0;
	 padding: 10px;
}
 .responsive .slick-center img {
	 -moz-transform:scale(1.08);
	 -ms-transform:scale(1.08);
	 -o-transform:scale(1.08);
	 -webkit-transform:scale(1.08);
	 color:#e67e22;
	 opacity:1;
	 transform:scale(1.08);
}
/* YOUTUBE SLIDER */
 .sseb-article-logo {
	 margin-bottom: 15px;
}
 .sseb-article-img {
	 margin-bottom: 15px;
	 border: 2px solid #960c22;
	 border-radius: 15px;
	 box-shadow: 6px 6px 10px #000;
}
 #annual-report-btn {
	 margin-top: 15px;
}
/* ON-PAGE NAVIGATION START */
 .nav-margin {
	 margin: 5px 0;
}
 .h4-white-flex {
	 color: #fff;
	 display: flex;
	 flex-wrap: wrap;
	 flex-flow: column;
	 justify-content: center;
	 height: 200px;
	 margin: 0;
	 text-align: center;
}
 #upstream-thumb-nav {
	 background-image: url("https://www.uh.edu/uh-energy/research/ccme/images/oil-rig.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #midstream-thumb-nav {
	 background-image: url("https://www.uh.edu/uh-energy/research/ccme/images/oil-pipeline.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #downstream-thumb-nav {
	 background-image: url("https://www.uh.edu/uh-energy/research/ccme/images/refinery-storage-tanks.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #fuels-feedstocks-thumb-nav {
	 background-image: url("https://www.uh.edu/uh-energy/research/ccme/images/lng-tanker.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #process-technologies-thumb-nav {
	 background-image: url("https://www.uh.edu/uh-energy/research/ccme/images/power-plant.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #finished-products-thumb-nav {
	 background-image: url("https://www.uh.edu/uh-energy/research/ccme/images/plastic-straws.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #power-generation-thumb-nav {
	 background: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) ), url(https://www.uh.edu/uh-energy/research/ccme/images/power-plant.jpg);
	 border-radius: 10px;
	 background-size: cover;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #power-transmission-thumb-nav {
	 background: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) ), url(https://www.uh.edu/uh-energy/research/ccme/images/power-transmission-tower.jpg);
	 border-radius: 10px;
	 background-size: cover;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #power-distribution-thumb-nav {
	 background: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) ), url(https://www.uh.edu/uh-energy/research/ccme/images/electric-meter-web.jpg);
	 border-radius: 10px;
	 background-size: cover;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #oil-gas-thumb-nav {
	 background-image: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ), url("../images/building-chemical-pipeline.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 background-position: center center;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #petrochem-thumb-nav {
	 background-image: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ), url("../images/oil-refinery.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 background-position: center center;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #power-thumb-nav {
	 background-image: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ), url("../images/smart-grid-web.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #faculty-projects-thumb-nav {
	 background-image: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ), url("../images/faculty-projects-header.jpg");
	 border-radius: 10px;
	 background-size: cover;
	 background-position: center center;
	 transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
	 text-shadow: 2px 2px #000000;
}
 #upstream-thumb-nav:hover, #midstream-thumb-nav:hover, #downstream-thumb-nav:hover, #fuels-feedstocks-thumb-nav:hover, #process-technologies-thumb-nav:hover, #finished-products-thumb-nav:hover, #power-generation-thumb-nav:hover, #power-transmission-thumb-nav:hover, #power-distribution-thumb-nav:hover, #oil-gas-thumb-nav:hover, #petrochem-thumb-nav:hover, #power-thumb-nav:hover, #faculty-projects-thumb-nav:hover {
	 transform: scale(1.05);
	 cursor: pointer;
}
/* ON-PAGE NAVIGATION END */
/* WEBINAR PAGE START */
 #webinar-archive-button {
	 float: right;
}
 .webinar-headshot {
	 max-width: 200px;
	 border-radius: 10px;
	 border: 2px solid #960c22;
	 float: left;
	 margin: 8px 20px 0 0;
}
 .webinar-headshot-2speakers {
	 max-width: 100px;
	 border-radius: 10px;
	 border: 2px solid #960c22;
	 float: left;
	 margin: 8px 20px 0 0;
}
 .webinar-headshot-3speakers {
	 border-radius: 10px;
	 border: 2px solid #960c22;
	 margin-bottom: 10px;
}
 .speaker-top {
	 height: 125px;
}
 .speaker-top-long-title {
	 height: 125px;
}
 .modal-header span {
	 color: #960c22;
}
/* WEBINAR PAGE END */
/* CSS USED ONLY FOR HIDDEN ADV. SUSTAINABLE LOW CARBON ENERGY PAGE START */
 #expected-impacts-list {
	 margin-bottom: 30px;
}
/* CSS USED ONLY FOR HIDDEN ADV. SUSTAINABLE LOW CARBON ENERGY PAGE END */
/* MEDIA QUERIES */
 @media screen and (max-width: 300px) {
	 .uh-header .menu-button {
		 right: -.25rem;
	}
}
 @media screen and (min-width: 301px) and (max-width: 333px) {
	 .speaker-top-long-title {
		 height: 260px;
	}
}
 @media screen and (min-width: 334px) and (max-width: 367px) {
	 .speaker-top-long-title {
		 height: 225px;
	}
}
 @media screen and (min-width: 368px) and (max-width: 416px) {
	 .speaker-top-long-title {
		 height: 200px;
	}
}
 @media screen and (min-width: 417px) and (max-width: 481px) {
	 .speaker-top-long-title {
		 height: 175px;
	}
}
 @media screen and (max-width: 460px) {
	 .page-header h1 {
		 font-size: 2em;
	}
}
 @media screen and (min-width: 482px) and (max-width: 585px) {
	 .speaker-top-long-title {
		 height: 150px;
	}
}
 @media screen and (max-width: 525px) {
	 .team-outer {
		 width: 100%;
	}
	 .webinar-headshot {
		 border-radius: 10px;
		 border: 2px solid #960c22;
		 float: none;
		 margin: 0px 0px 10px 0px;
		 max-width: 100%;
	}
}
 @media screen and (max-width: 564px) {
	 #webinar-archive-button {
		 float: none;
	}
}
 @media screen and (max-width: 767px) {
	 .pad-left {
		 padding: 0 0 0 5px;
	}
}
 @media screen and (max-width: 768px) {
	 #chuck-portrait {
		 margin: 0 auto 20px auto;
	}
	 .nav-left-padding, .nav-padding, .nav-right-padding {
		 padding: 0;
	}
	 .leader-box, .faculty-box {
		 padding-bottom: 25px;
	}
	 .leader-small-pic {
		 margin-bottom: 20px;
	}
	 .opening-para-right {
		 padding-top: 20px;
	}
	 .learn-more-button {
		 padding-bottom: 20px;
	}
	 .project-slides-button {
		 margin-top: 10px;
	}
}
 @media screen and (min-width: 768px) and (max-width: 992px) {
	 .leader-para-sm {
		 margin: 0;
		 padding: 6px 0 0 0;
		 line-height: calc(.65em);
	}
	 .opening-para-right {
		 padding-top: 20px;
	}
	 .learn-more-button {
		 padding-bottom: 20px;
	}
}
 @media screen and (max-width: 935px) {
	 #leader-row {
		 padding: 0;
	}
}
 @media screen and (max-width: 991px) {
	 .button-animate {
		 width: 100%;
	}
	 #password {
		 margin-top: 10px;
	}
	 #login-button {
		 margin-top: 10px;
	}
	 #youtube-video iframe {
		 width: 100%;
	}
	 .image-marg-bottom {
		 margin-bottom: 15px;
	}
}
 @media screen and (min-width: 1066px) {
}
 @media screen and (min-width: 1130px) {
	 .para-h6 {
		 padding-top: 20px;
	}
}