/*header*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;
}
#branding {
  margin: 5px 5px 0;
}
#logo img {width:230px;}
#header-wrapper {
	border:none;
}
#header-wrapper header {
	padding:10px 0 3px;
}
#header-wrapper .region-header {
		    float: right;
font: 1rem 'Milo', sans-serif;
}
#header-wrapper .region-header .block {
	margin:0;}
#header-wrapper #block-block-25 {
padding: 6px 0 0;
}
#header-wrapper #block-block-25 a {
color:	#fff;
}
#header-wrapper #block-block-25 a:hover {
    	color:#FFF9D9;
}
#block-block-25 /*top nav*/{float:right;
}
.top1-nav ul {
    display: inline;
	margin:0;
}
.top1-nav li {
    display: inline-block;
    margin-right: 1em;
	}

.hl-l .region-header {
margin-left:0;
margin-top:0;
}
.hl-l #logo {
	padding-right:0;
}
.small {
	font-size:0.9rem;
}
.view-footer /*footer style for views*/ {
	background:#e9e9e9;
	font-size:0.9rem;
	line-height:1.4em;
	margin:0.5em 0;
	padding: 0.5em;
	clear:both;
}
.view-footer a {
	color:#666666;
}
tbody {
	border:none;
}
ol.a {list-style-type: lower-alpha;}

/*form text style*/
.form-textarea-wrapper textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
/*logo for mobile*/
#block-block-1 {
	display:none;
}
/*search box*/
#block-search-form {
	float:right;
}
.search-info {
	display:none;
}
#search-block-form .form-actions {
	display:none;
}
#block-search-form input.form-text {
	box-shadow:none;
	font:1rem 'Milo',sans-serif;
	color: #fff;
}
input[type="search"] /*for proper appearance in safari*/{
      -webkit-appearance: textfield;
    }
input[type=search] {
  width: 50px;
  box-sizing: border-box;
  border: none;
  border-radius: 4px;
background-color:#54585A;
  background-image: url('/sites/ccoe.egr.uh.edu/themes/at-commerce/css/images/search-icon3.png');
  background-position: 8px 8px; 
  background-repeat: no-repeat;
  padding: 9px 10px 9px 50px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
float:right;
color:#fff;
height:30px;}

input[type=search]:focus {
  width: 100%;
    background-color:#333;
}
/*superfish 1*/
#menu-wrapper {
	box-shadow:none;
	-moz-box-shadow:none;
-webkit-box-shadow: none;
	top:0;
	z-index:500;
	min-height:inherit;
	    background: #c8102e;
}
#menu-bar{
max-width:1600px;
margin:0 auto;
}
#menu-bar #block-superfish-1 .sf-menu {
	width:100%;
}
/*#menu-bar #block-superfish-1 ul li{
background: url(images/menu_bg.png) ; 
}*/
#menu-bar #block-superfish-1 ul li.sf-depth-1 {
	text-transform: capitalize;
margin:0;
}
#menu-bar #block-superfish-1 ul li.last {
	border:none;
}
#menu-bar #block-superfish-1 ul li.sf-depth-1  a {
	padding-top:12px;
	padding-bottom:10px;
	padding-right:4em;
}
#menu-bar #block-superfish-1 ul li.sf-depth-2 {
	margin:0;
font-size: 0.9rem;
    font-family: 'Milo',sans-serif;
}
#menu-bar #block-superfish-1 a:hover, #menu-bar #block-superfish-1 a:active {
color:#ffffff;
}
#menu-bar #block-superfish-1 ul ul {
	top:38px;
		width:11em;
}
#menu-bar #block-superfish-1 ul.menu li  {
	margin:0;
}
#menu-bar #block-superfish-1 ul ul ul{
	top:0;
}
#menu-bar #block-superfish-1 ul ul li{
	background-image:none;
}/*
#block-superfish-1 ul ul ul li{
	background-color:#e8e8e8;
background:none;
}*/
#menu-bar #block-superfish-1 ul ul li a{
color:#222222;
	background-color:#e8e8e8;
border-left:1px solid #cacaca;
border-right:1px solid #cacaca;
border-bottom:1px solid #cacaca;
}/*
 #block-superfish-1 ul ul ul li a{
color:#202020;
	background-color:#e8e8e8;
border:1px solid #cacaca;
 }*/
#menu-bar #block-superfish-1 ul li li.sf-depth-2 a{
		text-transform:none;
padding:8px 1em 5px 1em;
	line-height:1.2em;
	background:#f5f5f5;
	-moz-box-shadow: 1px 1px 1px #cccccc;
-webkit-box-shadow: 1px 1px 1px #cccccc;
box-shadow: 1px 1px 1px #cccccc;
}
#menu-bar #block-superfish-1 .sf-depth-2 a:hover{
		background:#ebebeb;
color:#222222;
}
#menu-bar #block-superfish-1 ul li .sf-sub-indicator {background:url("images/arrows-e38585.png") no-repeat -10px -98px;right: 2.5em;
}

#menu-bar #block-superfish-1 ul li ul li .sf-sub-indicator {visibility:visible;
background:url("images/arrows-777777.png") no-repeat scroll -10px 0 transparent; right: 0.75em;}
/*#block-superfish-2, #block-superfish-3 {
display:none;
}*/
#menu-bar #block-superfish-1 #menu-763-1, #menu-bar #block-superfish-1 #menu-261-1, #menu-bar #block-superfish-1 #menu-1824-1 {
	display:none;
}
/*mean bar*/
.mean-container .mean-bar {
	min-height:0px; /*hide the top bar*/
	padding:0;
		float:inherit; /*fix the right margin on mobile*/
}
.mean-container .mean-bar .block {
	margin-bottom:0px;
}
.mean-container .mean-nav ul li a {
	padding:10px 5%;
}
.mean-container .mean-nav ul li li a {
    padding: 10px 10%;
}
.mean-container .mean-nav ul li a.mean-expand {
	height:inherit;
}
.mean-container a.meanmenu-reveal {
	background-color:#cc0000;
	z-index:1;
}
.mean-container .mean-nav {
	margin-top:0px; /*hide the top bar*/
	float:inherit; /*fix the right margin on mobile*/
}
.mean-container .mean-nav ul li span {
	display:none;
}
.mean-container .mean-nav .menu-wrapper {
	margin:0;
}
/*breadcrumb*/
#breadcrumb {
	margin-bottom:5px;
}
#breadcrumb h2 {
display:none;
}
#breadcrumb a{
	color:#333333;
}
#breadcrumb ol {
	font-size:0.8rem;
	text-transform:uppercase;
}
/*footer*/
#footer-wrapper {
	border:0;
	padding: 20px 10px 15px;
}
#block-block-2 {
	color:#ffffff;
	font-size:0.9rem;
}
#block-block-2.block {
	margin-bottom:10px;
}
#block-block-2 p, #block-block-2 ul.footer-nav {
    display: inline;
}
#block-block-2 li {
    display: inline-block;
    margin-right: .5em;
	}
#block-block-2 a {
		color:#fff9d9;
}
#block-block-2 a:hover {
color:#fff;}
.footer-logo  {
text-align:center;}
.footer-logo img {
	width: 300px;
}
#footermenu-wrapper {
	padding:40px 10px;
	    background: #c8102e;
		color:#fff;
    font-family: 'Milo', sans-serif;
    font-size: 1rem;
    line-height: 1.3;
}
#footermenu-wrapper .block {
    margin-bottom: 0;
}
#footermenu-wrapper h2 {
	color:#f1f1f1;
	font-size:1.1rem;
    margin-bottom:10px;
    text-transform: uppercase;
    font-family: 'Milo Medium', sans-serif;
}
#footermenu a {
	color:#fff9d9;
}
#footermenu a:hover {
	color:#fff;
}
.donate-btn {
	position: relative;
	padding: 0.3em 1em;
	border: 2px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: transparent;
	line-height: 1.7em !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
/* Button Hover */
.donate-btn:hover {
	padding: 0.3em 1em 0.3em 1em;
	border: 2px solid transparent;
	background: #FFF9D9;
}
/* Button - With Icon */
.donate-btn:hover:after{
		margin-left: 0;
	opacity: 1;
}
#footermenu a.donate-btn:hover {
	color:#c8102e;
}

#footermenu .region-inner  {
max-width: 1600px;
    margin: 0 auto;
}
.footer-social-media {
	display: table;
    margin: 0 auto;
}
ul.social-media-list {
    margin: 5px 0;
}
ul.social-media-list li {
    list-style: none;
    margin: 0 5px 10px 0;
    float: left;
	display: inline;
	}
ul.social-media-list a {
background: #FFF9D9;
border-radius: 50%;
display: block;
padding: 7px 7px 4px;
transition: background .25s ease;
    line-height: 1;
}
ul.social-media-list img {
width:20px;
height:20px;
}
ul.social-media-list a:hover,
ul.social-media-list a:focus {
    background: white;
}

.front .columns-inner {
	padding:0;
}
.front #block-system-main.block, .new-landing #block-system-main.block {
	margin-bottom:0;
}
.front .block-title  {
	font-size:1rem;
	text-transform:uppercase;
	line-height:1.1;
}
.more-link{
	font-size:0.85rem;
}
/*main-new, research*/
#research-new.one-column .region {clear:none;}
.section-main-new #breadcrumb, .new-landing #breadcrumb {display:none;}
.section-main-new .columns-inner, .new-landing .columns-inner {padding:0;}
.front #main-content, .not-front.new-landing #main-content {margin:0;}
.front #content-wrapper .container, .new-landing #content-wrapper .container {
	max-width:none;
}
.section-main-new #header-wrapper .container, .section-main-new #header2-wrapper .container, .section-main-new #menu-wrapper #menu-bar, .section-main-new #footermenu-wrapper .container, .section-main-new #footer-wrapper .container {
	max-width:1600px;
}
.front #content-wrapper .container {
	background:#ffffff;
}
.front #content-wrapper, .new-landing #content-wrapper {
	padding:0;
}
#main-new .max-width .block-inner, #research-new .max-width .block-inner {
	max-width:1200px;
	margin:0 auto;
}
#main-new .max-width1600 .block-inner, #main-new .home_3col1 .block-inner, #main-new .home_3col2 .block-inner, #main-new .home_3col3 .block-inner, #research-new .max-width1600 .block-inner {
	max-width:1600px;
	margin:0 auto;
}
#main-new .home_3col3 .three-3x33 .region {
height:250px;
}
.home-block .two-50 .region, .research-block .two-50 .region {
	clear:none;
	box-sizing: border-box;
}
.home-block .two-50, .research-block .two-50 {
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex ;
}
.imgcover .block-content p img {
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
}
.imgl .two-50 .region-two-50-first, .imgl .two-50 .region-two-50-first .region-inner, .home-block .two-50 .region .imgcover, .home-block .two-50 .region .imgcover .block-inner, .home-block .two-50 .region .imgcover .block-content, .home-block .two-50 .region .imgcover p{
	height:100%;
}
.imgcover-pane .two-50 {
}
.lab .region-two-50-first .block-content, .undergrad .region-two-50-first .block-content {
	max-width:600px;
	margin:0 0 0 auto;
}
.lab .region-two-50-second .block-content, .undergrad .region-two-50-second .block-content {
	max-width:600px;
	margin:0 auto 0 0;
}

.hover-arrow .block-content {
	position: relative;
}
.hover-arrow .block-content .hover-link {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: transparent;
}
.hover-arrow .block-content .hover-background a:after, .hover-arrow .block-content .hover-background, .hover-arrow a {
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.hover-arrow .block-content .hover-background {
padding:50px 50px;
box-sizing: border-box;
}
.hover-arrow .block-content .hover-background a {
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
    display: inline-block;
	color:#c8102e;
}
.hover-arrow .block-content .hover-background a {
	position: relative;
}
.hover-arrow .block-content .hover-background a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #c8102e;
    right: -17px;
    top: 7px;
}
.hover-arrow .block-content:hover .hover-background a:after {
	right: -20px;
}
.home_3col3 .hover-arrow .block-content .hover-background a:after, .lab .hover-arrow .block-content .hover-background a:after {
    border-left: 8px solid #fff;
}
.home_3col3 .hover-arrow .block-content .hover-background a, .lab .hover-arrow .block-content .hover-background a {
	color:#fff;
}
/*parallax*/
.para-bg {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#para .para-body {
  position: absolute;
  left: 0;
  text-align: center;
  color: #fff;
  padding:100px 20px;
}
#para .para-body .border {
  padding: 18px;
}
#para .para-body .para-title {
font-family: 'League Gothic';
  font-size:2.5rem;
  text-transform: uppercase;
	  line-height:1;
	  display:block;
}

/*content*/
/*pages*/
.node .field .field-label {
    font-weight: inherit;
}
hr {
  border-bottom: 1px solid #6f675e;
  border-top: none;
  border-left: none;
  border-right: none;
}
#content td {
	vertical-align:top;
}
.field th {
	text-transform:uppercase;
	color:#000;
	border-bottom:1px solid #999;
	vertical-align:bottom;
	padding-top:10px;
}
.field td {
	vertical-align:top;
	border-bottom:1px solid #ccc;
}
article .node-content {
	padding-left:5px;
}
.not-front #main-content {
	margin:0 20px;
}
.not-front #main-content a:hover {
	text-decoration:underline;
}
#content .field ul li/*, #content .block ul li*/ { padding:0px 0 3px 15px; list-style-image:none; list-style:none; }
#content .field ul, #content .field ol {
	margin-bottom: 0.75em;
}
#content .field ol li 
{ padding-bottom:0.75em;  
}
#content .field ul ul, #content .field ol ul, #content .field ol ul li {
	margin-bottom:0;
	padding-bottom:0;
}
#content ol {
	margin-left:2em;
}
#content .field ul li, .book-navigation ul li {
	background:url(images/arrow.png) no-repeat 0 9px;
}
.book-navigation ul li.leaf {
	padding:0px 0 3px 15px;
}
.book-navigation ul.menu {
padding: 1em 0 1em 3em;
border-top:none;
}
.book-navigation .page-links {
    margin-top: 4em;
}
#content .field img {
	margin-left:1em;
}
.ia-r .field-type-image figcaption, .iat-r .field-type-image figcaption /*caption on basic page*/{
    margin-left: 1.5em;
}
#content header {
	margin:0;
}
#content-wrapper.no-secondary {
	padding-top:0;
}
#content-wrapper {
	padding-bottom:20px;
	border:none;
}
#content h3 {
	border-bottom:1px dotted #666666;
	margin:1em 0 0.5em;
}
#content h4, #content h5 {
	margin:1em 0 0.5em;
}
#content h4 {
	line-height:1.3em;
	border-bottom:1px dotted #666666;
}
h1, h2, h3, h4, h5, h6 {
	color:#000000;
}
.node-title {
	line-height:1.1;
}
#content-wrapper .container {
	background:#ffffff;
}
#header2-wrapper .block, #header2-wrapper .block-inner {
	margin:0;
}
#header2-wrapper /*.container*/ {
	background:#C8102e;
}
#header2-wrapper .region {
	    padding: 30px 20px 0;
}
#header2-wrapper .college {
	font: 1.1rem 'Milo', sans-serif;
    line-height: 1;
    text-transform: uppercase;
}
#header2-wrapper .sitename {
	font: 3.5rem 'League Gothic', sans-serif;
    line-height: 1;
    text-transform: uppercase;
}
#block-block-26.block {
    margin-bottom: 5px;
}
#block-block-3 /*dept name*/{
	padding-top:40px;
}
/*header3-wrapper*/
#block-block-5 {
	color:#eee;
	padding:5px;
	    background: #b51730;
		font-size: 0.9rem;
		font-family: 'Milo Medium', sans-serif;
}
#block-block-5.block{
	margin:0 0 10px;
}
#block-block-5 p{
	margin:0;
}
#block-block-5 a {
	color:#eee;
	text-decoration:underline;
}
.columns-inner {
	padding:20px 10px 10px;
}
.not-front .page .content-inner {
	border-left:dotted 1px #e3e3e3;
}
/*block-menu*/
/*.page .sidebar .block-menu {
	padding:10px;
}
.page .sidebar .block-menu .block-inner{
	margin:0;
}*/
.page .sidebar h2{
		font-size:1.1rem;
border-top:3px solid #6f675e;
margin-bottom:5px;
		border-bottom:1px solid #e3e3e3;
}
.page .sidebar .block-menu h2 {
border-bottom:1px solid #e3e3e3;
}
.page .sidebar .block-menu ul li { background:url(images/arrow-red.png) no-repeat 3px 8px; padding:0 0 0 1em; }

.block-menu li a {
color:#000000;
}
.block-menu li a:hover {
color:#000000;
text-decoration:underline;
}
/*news*/
.news table {
	font-size:1rem;
}
.not-front .news {
	margin-top:1em;
}
.news td {
	padding:10px 10px 10px 0;
}
.not-front .news tr.views-row-first td{
	padding-top:0;
}
.news tr.views-row-last {
	border-bottom:none;
}
.news tr {
	background:#ffffff;
}
.news tr.views-row-last {
	border-bottom:none;
}
.news td.views-field-description {
	line-height:1.4em;
}
.news td.views-field-description-1, .news td.views-field-field-image /*dept news*/ {
	width:90px;
}
.news .views-field-title  {
font-size:1.1rem;
}
.news .views-field-title a, .news a .views-field-title /*dept news*/ {
	line-height:1.2;
	color:#000000;
}
.news.view-faculty-openings a .views-field-title /*faculty-openings*/ {
	color:#cc0000;
}
.news .views-field-title a:hover, .news a:hover .views-field-title /*dept news*/ {
	color:#cc0000;
}
.news .post_date {
font-size:0.8rem;
text-transform:uppercase;
color:#333333;
display:block;
}
.news .views-field-description-1 p, .news .views-field-description-1 h3 {
display:none;
}
/*multimedia*/
.front .view-multimedia a.newstitle {
	color:#000;
}
.front .view-multimedia iframe {
	width:100%;
}
.not-front  .view-multimedia.news .newstitle{
font-size:1.1rem;
	line-height:1.2em;
}
.not-front .view-multimedia.news a.newstitle {
	color:#000000;
}
.not-front  .view-multimedia.news a:hover.newstitle {
	color:#cc0000;
}
/*facultylist*/
.facultylist {
	padding: 20px 10px 0;
}
#content .facultylist .facultytitle {
	text-align:left;
	font-size:1.4rem;
	border-bottom:1px solid #cccccc;
font-family: 'Milo Medium', sans-serif;
}
.facultylist .facultyname {
	font-size:1.2rem;
font-family: 'Milo Medium', sans-serif;
}
.facultylist a:hover .facultyname  {
	color:#c8102e;
	text-decoration:none;
}
.facultylist td {
	vertical-align:top;
	border-bottom:1px dotted #e3e3e3;
	padding-top:10px;
	padding-bottom:10px;
	}
.facultylist td.views-field-field-faculty-photo {
	width:80px;
}
.facultylist table {
	margin-bottom:30px;
}
/*faculty page*/
#faculty.at-panel .region {
	float:none;
}
#faculty h1 {
	font-size:1.7rem;
}
#faculty .image-style-facultyportrait {
float:left;
padding-right:1em;
}
#faculty .views-field-title {
font-size:1.3rem;
color:#111111;
font-family: 'Milo Medium', sans-serif;
}
#faculty .view-faculty-page .field .field-item, #faculty .view-faculty-page.more-pubs ul li {
	background:url(images/arrow.png) no-repeat 0 9px;
	padding:0.1em 0 0.1em 1em;
	list-style-type:none;
}
#faculty .view-faculty-page .field-name-field-faculty-research-interests .field-item, #faculty .view-faculty-page .field-name-field-faculty-research-summary .field-item, #faculty .view-faculty-page .field-name-field-faculty-research-group .field-item, #faculty .view-faculty-page .field-name-field-faculty-more-pubs .field-item, #faculty .view-faculty-page .field-name-field-faculty-pubs-note-entry .field-item {
	background: none;
    padding: 0 0.5em;
}
#faculty .view-faculty-page h3 {
	margin-top:2em;
	font-size:1.2rem;
	color:#252525;
}
#faculty .views-field-field-faculty-photos .field .field-item {
	background:none;
	float:left;
	padding-right:10px;
	height:300px;
}
#faculty .views-field-field-faculty-photos .field img{
margin-left:0;
padding:0 0 5px;
}
#faculty .field-name-field-faculty-courses-intro.field .field-item {
	background: none;
    padding: 0;
}
#faculty .field-name-field-faculty-courses-intro h2 {
	display:none;
}
#faculty .view-faculty-page .field {
	padding:0.5em;
}
#faculty .views-field-field-faculty-title {
	font-size:1.1rem;
color:#111111;
line-height:1.3em;
padding-bottom:2px;
}
#faculty .views-field-field-faculty-title p, #faculty .views-field-field-faculty-courses p, #faculty .views-field-field-faculty-awards p {
	margin:0;
}
#faculty h2.field-label, #faculty h6 {
	margin:1.5em 0 0.5em;
	text-transform:uppercase;
	border-bottom: 1px solid #888;
	font-weight: normal;
}
#faculty .field-collection-view {
	margin:0;
	padding:0;
}
#faculty .field-collection-view .field-label {
    width: inherit;
}
#faculty .views-field-field-faculty-research-image {
	clear:both;
	    padding-top: 10px;
}
#faculty .button {
    border: 1px solid #e3e3e3;
    padding: 0.5em;
    margin: 1em 0 1.5em 0;
    background: #f1f1f1;
}
#faculty .imageright {
    float:right;
	padding-left:20px;
	}
#faculty .imageleft {
    float:left;
	padding-right:20px;
}
#faculty .figuretext /*economou research*/{
    font-size:0.9rem;
	}
/*#faculty .views-field-field-faculty-publications p {
	margin-bottom:0;
}*/
/*faculty pubs list*/
.views-field-field-faculty-pub-y p {
    display: inline;
}
#faculty .pubsublist {
	 clear:both;
 }
#faculty .pubsublist h3{
	display:none;
}
 #faculty .pubsublist ul {
	list-style:none;
 }
 #faculty .pubsublist ul li {
	background:url(images/arrow.png) no-repeat 0 9px;
	padding:0.1em 0 0.1em 1em;
}
 #faculty .pubsublist .view-footer {
	 background:none;
	     float: right;
 }
  #faculty .pubsublist .view-footer a {
	 color:#cc0000;
  }
/* faculty more pubs */
  #faculty .more_pub_link {
	  text-align:right;
	  margin-bottom:20px;
	     }
  #faculty .field-name-field-faculty-more-pubs h2.field-label {	 
    text-transform: none;
    border-bottom: none;
}
	#faculty .more-pubs .field /*more pubs*/ {
	padding:0;
}
#faculty .more-pubs .more-pub-title {
	border-bottom:1px solid #ccc;
}
/*willson gif*/
#faculty .willson-gif {
	width:300px;
}
/*recent faculty pubs */
 .view-recent-faculty-publications ul {
	list-style:none;
 }
 .view-recent-faculty-publications ul li {
	background:url(images/arrow.png) no-repeat 0 9px;
	padding:0.1em 0 0.1em 1em;
}
/*faculty by research area*/
.view-faculty-research-area {
	margin-top:20px;
}
.view-faculty-research-area .facultyname {
	font-size:1.2rem;
	line-height:1.2;
}
.view-faculty-research-area .facultyblock {
	margin:0 20px 20px 0;
}
.view-faculty-research-area .facultytitle {
	color:#666;
	font-style:italic;
}
/*isotope*/
ul.isotope-container {
	margin:30px 0 0 0;
}
ul.isotope-container li {
	/*padding: 5px 40px 40px 0;*/
    display: inline-block;
    vertical-align: top;
	    width: 160px;
}
/* ---- button ---- */
.filterbutton,
.sorterbutton {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #fff;
    border: 1px solid #e2e2e2;
	  color: #666;
  /*font-size: 14px;
  text-shadow: 0 1px white;
  cursor: pointer;*/
}
a.filterbutton,
a.sorterbutton {
color:#666;
}
.filterbutton:hover,
.sorterbutton:hover {
  background-color: #eee;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}
.filterbutton:active,
.filterbutton.selected,
.sorterbutton:active,
.sorterbutton.selected {
  background-color: #eee;
}
.filterbutton.selected,
.sorterbutton.selected {
  color: #c8102e;
}
.filterbutton:active,
.sorterbutton:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.5);
}
/* ---- button-group ---- */
ul.isotope-options {
  list-style: none;
  margin: 0;
 padding: 0;
}
ul.isotope-options li {
  float: left;
 list-style: none;
  margin: 0;
  padding: 0;
}
.isotope-options:after {
  content: '';
  display: block;
  clear: both;
}
.isotope-options .filterbutton,
.isotope-options .sorterbutton {
 float: left;
  border-radius: 0;
  margin:-1px -1px 0 0;
}
.item-list ul.isotope-options {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
  padding: 0;
}
.item-list ul.isotope-options li {
  padding: 0;
  margin: 0;
}
/*research faculty*/
.research-faculty ul li{
	display:inline-block;
	width:160px;
	vertical-align:top;
	list-style-image:none;
	list-style:none;
}
/*stafflist*/
.stafflist {
	padding: 20px 10px 0;
}
.stafflist .staffname {
	font-size:1.2rem;
	color:#111111;
	font-family: 'Milo Medium',sans-serif;
}
.stafflist td {
	vertical-align:top;
	padding-top:10px;
	padding-bottom:10px;
	}
.stafflist tr {
	border-bottom:1px dotted #e3e3e3;
	}

.stafflist td.views-field-field-staff-photo {
	width:80px;
}
.stafflist img {
	max-width:none;
}
/*calendar view*/
.calendar-calendar td.empty {
	color:#cccccc;
}
.calendar-calendar .month-view .full tr td.single-day.today {
border-bottom:2px solid #c8102e;
}
.calendar-calendar .month-view .full tr td.today, .calendar-calendar .month-view .full tr.odd td.today, .calendar-calendar .month-view .full tr.even td.today {
	border-left:2px solid #c8102e;
	border-right:2px solid #c8102e;
}
.calendar-calendar .month-view .full td.date-box.today {
	border-color:#c8102e;
}
.view .date-nav-wrapper .date-prev, .view .date-nav-wrapper .date-next {
	background:none;
}
.calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview {
		background:#f5f5f5;
}
.calendar-calendar .month-view .full td.single-day div.monthview {
	padding:5px;
}
.calendar-calendar .week-view .full div.single-day div.weekview, .calendar-calendar .day-view .full div.single-day div.dayview {
		background:#f5f5f5;
}
.calendar-calendar .week-view .full div.single-day div.weekview, .calendar-calendar .day-view .full div.single-day div.dayview {
	border:none;
	}
.calendar-calendar td .inner div.calendar div a {
	font-weight:normal;
}
.calendar-calendar td .inner div.calendar div {
	padding:0;
}
.calendar-calendar td span.date-display-single, .calendar-calendar td span.date-display-start, .calendar-calendar td span.date-display-end, .calendar-calendar td span.date-display-separator {
	font-weight:normal;
}
/*events/seminars*/
.node-type-seminar .field, .node-type-event .field {
	margin-bottom:0.5em;
}
.node-type-seminar .field-name-field-event-description, .node-type-event .field-name-field-event-description {
	border-top:1px dotted #cccccc;
	margin-top:1em;
	padding-top:1em;
}
.page-research-seminars #content h2 {
border-bottom:1px solid #666666;
margin:0.3em 0 0.5em;
}
.page-research-seminars #content section.block {
	margin-top:80px;
	border-top:2px solid #666666;
color:#666666;
}
.page-research-seminars #content section.block a {
	color:#990000;
}
.page-research-seminars #content section.block h2.block-title {
font-size:1.1rem;
text-transform:uppercase;
color:#444444;
}
.page-research-seminars .view-calendar table {
	    margin-top: 20px;
  }
.view-calendar table th{
	text-transform:uppercase;
	border-bottom:1px solid #aaaaaa;
}
.node-type-seminar .block ul ul {
	margin:0;
}
/*seminar*/
.seminar .title {
	color:#640817;
}
/*research-area-list*/
.research-area .view-content {
	display: flex;
    justify-content: center;
		flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
}
.research-area-list {
margin-bottom:30px;
    padding: 15px 15px 25px;
	background:#fff;
	    float: left;
    margin-right: 2%;
    width:31%;
	box-sizing:border-box;
		transition: .1s all;
}
.research-area-list:hover {
  transform: scale(1.03);
  }
.research-area-page .research-area-list {
	    box-shadow: 1px 1px 5px #eee;
		-moz-box-shadow:1px 1px 5px #eee;
-webkit-box-shadow: 1px 1px 5px #eee;
    border: 1px solid #ececec;
	    width:31%;
}
.research-area-list .views-field-title {
    font-size: 1.2rem;
    line-height: 1.2;
/*    margin-top: 10px;*/
	    font-family: 'Milo Medium',sans-serif;
		color:#c8102e;
}
.research-area-list .views-field-field-research-area-description {
line-height: 1.3;
    margin: 5px 0;
}
/*theses*/
.theses-archive .item-list li {
	list-style: none;
	font-size:1.2rem;
	background: url(images/arrow.png) no-repeat 3px 12px;
    padding-left: 1em;
}
.theses caption h3 {
	text-align:left;
}
.theses caption {
	margin-bottom: 0.5em;
}
.theses .thesis-title {
font-family: 'Milo Medium', sans-serif;
}

/*deptpublist*/
.deptpublist ul {
	margin:0;
}
.deptpublist ul li {
	padding:1em 0.5em;
	list-style-type:none;
	width:28%;
	display:inline-block;
	vertical-align:top;
}
/*amundsonchair*/
#amundsonchair .bigtext {
    font-size: 1.2rem;
font-family: 'Milo Medium', sans-serif;
    color: #936a49;
    line-height: 1.8em;
    padding: 10px 0;
}
#amundsonchair .makeagift {
    padding: 20px;
    color: #554233;
    background: url(images/amundsonbg.gif) repeat 0 0;
}
#amundsonchair #giftbutton {
    background-color: #453d31;
    border: #936a49 4px solid ;
    display: block;
    text-align: center;
font-family: 'Milo Medium', sans-serif;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 0;
    font-size: 1.1rem;
}
#people {
	padding-top:20px; 
}
#people .image-style-people {
float:left;
padding-right:1em;
padding-bottom: 0.5em;
}
#people .views-field-title {
font-size:1.3rem;
color:#111111;
font-family: 'Milo Medium', sans-serif;
}
#people .views-field-body {
	padding-top:10px;
}
.people-list {
	padding-top:10px;
}
.people-list .views-field-title {
	font-size:1.1rem;
}
.people-list ul {
	margin:0;
}
.people-list ul li {
	margin: 1em 0.5em;
	display:inline-block;
	vertical-align:top;
	width:45%;
	line-height:1.4em;
	list-style-image:none;
	list-style:none;
}
.people-list .image-style-stafflist {
	float:left;
	margin-right:10px;
}
/*landing page*/ 
.not-front.page-panels .page .content-inner, .not-front.node-type-alumni-spotlight .page .content-inner, .not-front.node-type-student-spotlight .page .content-inner {
  border-left: none;
  }
#landing-page .print-link {
	display:none;
}
#landing-page .node {
	margin-bottom:0;
}
#landing-page .region-two-66-33-first .region-inner {
	border-right:dotted 1px #e3e3e3;
}
#landing-page .region-two-66-33-first .region-inner .region-inner {
	border-right:none;
}
#landing-page .region-two-66-33-first .block-inner {
	margin-right:20px;
}
#landing-page .region-two-66-33-first .block-inner .block-inner {
	margin-right:10px;
}
#landing-page .region-two-66-33-second .block-inner {
	margin-left:20px;
}
#landing-page .region-two-66-33-first h2.pane-title {
    border-bottom: 1px dotted #666666;
    margin: 1em 0 0.5em;
}
.landing-page-blocks .block-content p {
font-family: 'Milo Medium', sans-serif;
padding:15px 0 13px 0;
text-transform:uppercase;
background-color:#BF0000;
border-radius:8px 8px 8px 8px;
text-align:center;
color:#ffffff;
text-decoration:none;
}
.landing-page-blocks .block-content p a {
	color:#ffffff;
}
.landing-page-side h2, .landing-page-btm h2 {
			font-size:0.9rem;
border-top:3px solid #6f675e;
text-transform:uppercase;
margin-bottom:5px;
		border-bottom:1px solid #e3e3e3;
}
.landing-page-side ul.menu li {
  background: url(images/arrow-red.png) no-repeat 3px 8px;
  padding: 0 0 0 1em;
}
.landing-page-side ul.menu li a {
color: #000000;
}
/*alumni*/
.page-alumni #content #landing-page .field table img {
margin-left:0;
}
.page-alumni #landing-page .field-name-body table td {
padding:20px 40px 20px 0;
border:none;
}
/*student*/
.student-list ul {
	margin:0;
}
.student-list ul li {
	margin: 1em;
	display:inline-block;
	vertical-align:top;
	width:45%;
	line-height:1.4em;
	list-style-image:none;
	list-style:none;
}
.student-list .image-style-student-spotlight-thumbnail {
	float:left;
	margin-right:10px;
}

/*panel edit*/
.paneledit {
padding:20px 10px 10px;
	background: #eee;
	margin-bottom:50px;
}
/*view list*/
.view-list table {
	margin-top:1em;
}
.view-list table th{
	text-transform:uppercase;
	border-bottom:1px solid #aaaaaa;
}

/*download one pager*/
.downloadpagerbg {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMElEQVQIW2P8+vXrfwYk8O7dOwZGZEGQgJCQEEIQJgDSBFaJLAAWfPz48X+QFmQAAF/bHyYeRYdVAAAAAElFTkSuQmCC) repeat;
	width:95%;
}
.downloadpager {
		margin:20px 0;
		font-weight:bold;
		text-transform:uppercase;
		background:url("https://www.egr.uh.edu/sites/ccoe.egr.uh.edu/files/images/page/pdf_icon1.png") no-repeat 10px 50%;
}
.downloadpager a {
		display:block;
		padding:20px 0;
		padding: 25px 0 25px 70px;
}
#main-content .downloadpager a:hover, .downloadpager a.active {
color:#fff;
		background:url("https://www.egr.uh.edu/sites/ccoe.egr.uh.edu/files/images/page/pdf_icon1.png") no-repeat 10px 50%;
background-color:#c8102e;
text-decoration:none;
}
/*video bg*/
.landing-video {
position: relative;
/*    height: 0;*/
    overflow: hidden;
    width: 100%;
	    padding-top: 0;
    padding-bottom: 45%;
	  background-color: #c3c3c3;
}
.landing-video .overlay-for-video {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  background-color: black;
    opacity: 0.4;
}
.landing-video video {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    z-index: 1;
    opacity: 0;
    transition: 2s opacity;
}
.landing-video h1 {
    color: #ffffff;
    z-index: 3;
	font-size: 4rem;
line-height: 1;
font-family:'League Gothic', sans-serif;
text-transform:uppercase;
}
#content-wrapper .landing-video .container {
  position: absolute;
  z-index: 2;
  background:none;
}
.landing-video .h-100 {
 height: 100%!important;
}
.landing-video .text-center {
    text-align: center!important;
}
.landing-video .text-left {
    text-align: left!important;
	padding:0 3%;
}
.landing-video .align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.landing-video .align-items-end {
    -ms-flex-align: flex-end!important;
    align-items: flex-end!important;
}
.landing-video .d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.landing-video .text-white, .video-top h1 {
    color: #fff!important;
}
.landing-video .w-100 {
    width: 100%!important;
}
.landing-video .w-50 {
    width: 50%!important;
}
.landing-video .text-bottom {
	padding-bottom: 3%;
}
.landing-video .maxwidth {
	max-width:1600px;
	margin:0 auto;
}
.landing-video p /*to fix the space above video cover*/
 {margin:0;
 font-size:1.1rem;
     font-family: 'Milo Medium', sans-serif;
	 line-height: 1.2;
}
.landing-video p a {
	color:#FFF9D9;
}
.landing-video .w-100 p {
    max-width: 800px;
    margin: 0 auto;
}
/*responsive video*/
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}