/**
 * RPI Engineering Styles
 * This is a mobile-first theme.
 * Responsive overrides are in responsive-overrides.css
 */

/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);

/* BODY and HEADINGS */
body {
  font-family: 'Source Sans Pro',Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size: 14px;
  color: #424242;
}
/* increase font size for content */
.region.region-content {
  font-size: 15px;
}
h3 {
  margin: 0 0 0.5em;
}
/* TOPBAR */
#topbar-outer {
  /*background-color: #424242;*/
  background-color: #900;
  color: white;
  padding: 4px 0;
}
#topbar {
  position: relative;
}
#topbar a {
  color: white;
}
#apply-donate-links, 
#block-search-form {
  display: none;
}
#top-search-icon {
  position: absolute;
  top: 0;
  right: 15px;
}
#skip-link {
  background-color: #424242;
  color: white;
  text-align: center;
}
#skip-link a {
  color: white;
}
/* NAVBAR - SITE TITLE, LOGO */
#navbar-outer {
  background-color: #e2231b;
  color: white;
}
#navbar {
  margin-top: 0;
  border: none;
  background-color: transparent;
  color: white;
}
#rpiLogo {
  display: none;
}
/* navbar mobile menu */
#navbar .navbar-collapse {
  background-color: #eee;
  color: #424242;
  border-bottom: 1px solid #ccc;
}
#navbar .navbar-header h1 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}
#navbar .navbar-header a {
  color: white;
  font-size: 1.8em;
}
#navbar button.navbar-toggle {
  background-color: #f5f5f5;
}
#navbar .navbar-collapse a {
  color: #424242;
}
#navbar .navbar-collapse a:hover,
#navbar .navbar-collapse a:active {
  color: #E2231B;
}
/* TABS - NON-MOBILE MENU */
#tabs-outer {
  display: none;
}
/* SIDE MENU (at bottom in mobile) */
#side-menu li li {
    margin-left: 2em;
  }
/* FRONT PAGE */
#front-page-boxes h2 {
  color: #666;
  font-weight: bold;
  margin: 0;
  padding: 0.25em 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(250, 250, 250, 0.8);
}
#front-page-boxes a.title {
  display: block;
  position: relative;
  margin-top: 0;
  text-align: center;
}
#front-page-boxes a.title:hover {
  text-decoration: none;
}
#front-page-boxes a.title:hover h2 {
  color: #0479db;
}
#front-page-boxes img {
  min-width: 100%;
}
#front-page-boxes ul {
  padding: 0.5em 0;
  margin-left: 0 !important;
}
#front-page-boxes li {
  list-style: none;
  margin-bottom: 0.25em !important;
}
#front-page-boxes a {
  color: #424242;
}
#front-page-boxes a:hover {
  text-decoration: none;
  color: #0479db;
}

/* Front Page About */
#front-page-about {
  margin: 1em 0 6em 0;
  color: #424242;
}
#front-page-about a {
  color: #424242;
}
#front-page-about a:hover {
  text-decoration: none;
  color: #0479db;
}
#front-page-about #fpSeal {
  float: left;
}
#block-fp-interview {
  margin: 0 0 1em 0;
}
#block-fp-interview img {
  min-width: 100%;
}
#block-fp-interview a {
  color: #424242;
}
#block-fp-interview a:hover {
  color: #0479db;
  text-decoration: none;
}
#front-page-about #fpTenQuestions {
  display: none;
}
#front-page-about h3 {
  border-bottom: 1px solid #ccc;
  color: #666;
  font-size: 1.3em;
  margin: 0;
  padding: 20px 0 4px 96px;
}
#front-page-about ul {
  margin-left: 84px !important;
  margin-top: 0.75em;
}
#front-page-about li {
  list-style: disc;
  margin: 0 0.5em 0 1em;
}
#fp-summer-arch a {
  text-align: center;
  margin: -4em 0 2em 0;
  border: 1px solid;
  padding: 2em;
  display: block;
  color: #ccc;
}
/* Front Page News */ 
.soe-news-blocks .views-row {
  margin: 0 0 1em 0;
  padding: 0;
}
.soe-news-blocks a:hover {
  text-decoration: none;
  color: #337ab7;
}
.soe-news-blocks img {
  min-width: 100%;
}
/* BREADCRUMBS */
.breadcrumb > .active {
  color: #666;
}
/* NEWS LISTING & BLOG & INTERVIEWS */
/* should switch to a class... */
#block-news-page .views-row,
#block-views-interviews-block .views-row,
#block-teaching-opportunities .views-row,
body.page-blog .view-blog .views-row {
  clear: left;
  margin-bottom: 1em;
}
#block-news-page .views-field-field-image img,
#block-views-interviews-block .views-field-field-image img,
#block-teaching-opportunities .views-field-field-image img,
body.page-blog .view-blog .views-field-field-image img {
  min-width: 100%;
}
#block-news-page .views-field-title,
#block-views-interviews-block .views-field-title,
#block-teaching-opportunities .views-field-title,
body.page-blog .view-blog .views-field-title {
  font-weight: bold;
}
#block-bw-events li {
  list-style: none;
  margin-bottom: 1em;
  font-size: 0.9em;
}
#block-bw-events .pager li > a, .pager li > span {
  border: none;
}
/* NEWS PAGES & BLOG PAGES & INTERVIEW PAGES */
body.node-type-news-story .field-name-field-image img,
body.node-type-interview .field-name-field-image img,
body.node-type-blog-post .field-name-field-image img {
  min-width: 100%;
}
body.node-type-news-story .submitted,
body.node-type-blog-post .submitted {
  position: relative;
  top: -1em;
}
body.node-type-blog-post .field-name-field-image-caption,
body.node-type-interview .field-name-field-image-caption {
  margin: 0 0 1em 0;
  font-style: italic;
}
body.node-type-news-story blockquote.image-field-caption {
  border: medium none;
  font-size: 1em;
  font-style: italic;
  margin: 0 0 1em;
  padding: 0.5em 0;
  text-align: center;
}
body.node-type-news-story blockquote.image-field-caption * {
  display: inline;
}
#block-blog-author {
  padding: 1em;
  margin-top: 2em;
  font-style: italic;
  border-top: 1px solid #eee;
}
body.page-blog #block-blog-author {
  margin-top: 0;
}
#block-blog-author img {
  width: 80px;
  height: auto;
}
#block-blog-author .author-info {
  padding-top: 2em;
}
body.page-blog- #block-blog-submenu {
  display: none;
}
.view-blog .views-field-created {
  font-style: italic;
  color: #bbb;
}
#block-blog-archive .views-summary li,
#block-recent-interviews-menu li {
  list-style: none;
  margin: 0 0 1em 1em;
}
.addthis_toolbox {
  float: right;
  margin-top: -2em;
}
/* 10-QUESTIONS INTERVIEWS */
/* specific styles to new layout */
body.node-type-interview h1.page-header {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0;
  color: #E2231B;
}
body.node-type-interview .field-name-field-subtitle {
  border-bottom: 1px solid #eee;
  color: #999;
  font-size: 24px;
  padding-bottom: 0.25em;
  margin-bottom: 0.25em;
}
body.node-type-interview .field-name-field-article-credit {
  color: #666;
  font-style: italic;
}
body.node-type-interview .addthis_toolbox {
  margin-top: -2.5em;
}
body.node-type-interview .field-name-body p {
  color: #555;
}
body.node-type-interview .field-name-body h3 {
  font-size: 1.2em;
  font-weight: bold;
}
/* VIDEOS PAGE */
body.page-news-video .view-video .views-row {
  margin-bottom: 1em;
}
body.page-news-video .view-video iframe {
  max-width: 100%;
  height: auto;
}
body.page-news-video .pagination,
body.page-news-video .text-center {
  clear: both;
}
/* VIDEO WIDGET */
.view-video .views-field-title,
.view-video .views-field-field-credit,
.view-video .views-field-field-credit .views-label,
.view-video .views-field-field-credit .field-content {
  display: inline !important;
}
.view-video .views-field-field-credit {
  font-style: italic;
  opacity: 0.5;
  margin-left: 0.25em;
}
.video-sidebar-block h2 {
  background-color: #888;
  color: #eee;
  font-size: 1.5em !important;
  margin: 1em 0 0;
  padding: 0.5em;
  text-align: center;
}
.video-sidebar iframe {
  height: auto;
  margin-top: 0; /* make zero if including title */
  width: 100%;
}
/* SEARCH PAGE */
#edit-keys {
  background-image: none !important;
}
body.page-search .search-info {
  display: none;
}
body.page-search h3.title {
  margin-bottom: 0;
}
/* CENTERS LISTING */
.view-centers .views-row {
  clear: both;
  padding: 1em 1em 0.5em;
}
.view-centers .views-row-even {
  background-color: #f5f5f5;
}
.view-centers .views-field-title {
  font-size: 1.5em;
}
.view-centers .views-field-field-center-image {
  margin: 0.5em 0 0.5em 0.5em;
}
.view-centers .views-field-field-center-image img {
  min-width: 100%;
}
.view-centers .views-field-body {
  margin-bottom: 1.75em;
}
/* CENTER PAGE */
body.node-type-center .field-name-field-center-image {
  float: right;
  margin: 0 0 1em 1em;
}
body.node-type-center .field-name-field-director-name {
  margin-top: 2em;
}
body.node-type-center .field-name-field-director-name:before {
  content: "Contact:";
  font-weight: bold;
}
/* DEPARTMENTS LISTING */
.view-departments .views-row {
  padding: 1em 1em 0.5em;
}
.view-departments .views-row-even {
  background-color: #f5f5f5;
}
.view-departments .views-field-title {
  font-size: 1.5em;
}
.view-departments .views-field-field-dept-image {
  float: left;
  margin: 0.5em 1em 0 0;
}
.view-departments .views-field-body {
  margin-bottom: 1.75em;
}
/* DEPARTMENT PAGE */
body.node-type-department .field-name-field-dept-image {
  float: right;
  margin: 2.5em 0 1em 1em;
  width: 50%;
  height: auto;
}
body.node-type-department .field-name-body {
  margin-top: 2em;
}
body.node-type-department .field-name-field-website,
body.node-type-department .field-name-field-catalog-url {
  display: none; /* hide and insert values into buttons */
}
/* ABOUT PAGE */
#GCL-ResearchTable td {
  text-align: center;
  font-size: 3em;
  background-color: #e2231b; /* red */
  /* background-color: #1587c4; /* blue */
  color: white;
  border: 1px solid #424242;
}
#GCL-ResearchTable th {
  font-weight: normal;
  padding: 0.5em;
  background-color: #424242; /* for red */
  /* background-color: #000; /* for blue */
  border: 1px solid #000;
  color: white;
}
#GCL-ResearchTable th.empty,
#GCL-ResearchTable td.empty {
  background-color: transparent;
  border: none; 
}
#GCL-ResearchTable thead th,
#GCL-ResearchTable tfoot th {
  text-align: center;
}
/* AWARDS and HONORS page*/
#node-3898 h3 {
  clear: left;
  padding-top: 1em; 
} 
/* LEADERSHIP PAGE */
#node-2010 .field-name-body h2,
#node-2010 .field-name-body h3, 
#node-2010 .field-name-body p {
  clear: left;
}
/* RESEARCH PAGE */
#block-system-main #research-thrusts-list {
  margin-left: 0;
}
#research-thrusts-list li {
  list-style: none;
  clear: both;
  margin-bottom: 1em;
}
#research-thrusts-list .media-left_image {
  margin-bottom: 0; /* increase on desktop */
}
#research-thrusts-list img {
  width: 120px;
  height: auto;
}
#research-thrusts-list strong {
  font-size: 1.4em;
}
/* ACADEMICS and FACULTY  */
.soe-news-blocks-sidebar .views-row {
  margin-bottom: 1em;
}
#named-professorships ul {
  margin-top: 2em;
}
#named-professorships li {
  list-style: none;
  margin-bottom: 1.5em;
}
#named-professorships h4 {
  font-size: 1.35em;
  margin-top: 0;
}
/* PROGRAMS / SERVICES */
body.node-type-program-service .field-name-field-url {
  margin-top: 1em;
  font-size: 1.8em;
}
/* LEADERSHIP COUNCIL */
body.node-type-person .field {
  margin-bottom: 1em;
}
body.node-type-person .field-name-field-educational-background {
  margin-bottom: 2em;
}
body.node-type-person .field-label {
  font-size: 1.6em;
  font-weight: 300;
  margin-bottom: 0.5em;
}
/* CONTACT */
#apply-boxes {
  margin: 0;
}
#apply-boxes li {
  list-style: none;
}
#apply-boxes .btn {
  text-transform: uppercase;
}
#contact-iframe-holder {
  margin-top: 3em;
}
iframe {
  border: none;
}
/* WYSIWYG STYLES */
.emph {
  margin-bottom: 1em;
  font-size: 1.2em;
  color: #666;
}
/* INLINE MENUS */
.inline-menu ul.menu li {
 display: inline-block;
 margin: 0 0 1em 0;
 text-align: left;
}
.inline-menu ul.menu li a {
 background-color: #f2f2f2;
}
.inline-menu ul.menu li a:hover {
 background-color: #e5e5e5;
}
/* GENERAL */
a {
  color: #0479DB;
}
img {
  max-width: 100%;
}
ul {
  padding-left: 1em;
}
strong {
  font-weight: 600;
}
td,th {
  vertical-align: middle;
  border: 1px solid #eee;
}
table.dataTable,
table.commonTable {
  width: 100%;
}
table.dataTable th {
  background-color: #00205b;
  color: white;
  padding: 0.5em;
}
table.dataTable td {
  vertical-align: top;
  border: 1px solid #eee;
  padding: 0.5em;
}
table.dataTable tr:nth-child(odd) td {
  background-color: #f8f8f8;
}
table.dataTable tr.heading-row td {
  color: white;
  background-color: #7fa9ae;
}
.clearfix {
  clear: both;
}
.three-col li {
  list-style: none;
}
.topmargin {
  margin-top: 2em;
}
.bottom-margin {
  margin-bottom: 2em;
}
#block-system-main ul {
  margin-left: 1.5em;
}
#block-system-main li {
  margin-bottom: 0.5em;
}
#block-system-main ul.tight li {
  margin-bottom: 0;
}
.hide {
  display: none;
}
/*.field-name-body li {
  list-style: circle;
}*/
.block-title {
  color: #888;
}
.region-content .block-title {
  color: #424242;
}
.dropdown-menu {
  width: 100%;
}
.btn-default {
  background-color: #eee;
  border-color: #ddd;
  color: #333;
}
.btn-primary {
  background-color: #888;
  border-color: #888;
}
.btn-secondary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.media-left_image {
  float: left;
  clear: left;
  margin: 0 1em 1em 0;
  margin-top: 0.25em !important;
}
.media-right_image {
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  margin-top: 0.25em !important;
}
.panel {
  margin: 0px 0px 20px; 
  padding: 20px 20px 2px; 
  border: 0px; 
  vertical-align: baseline; 
  box-shadow: rgba(0, 0, 0, 0.14902) 0px 2px 5px; 
  -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 2px 5px; 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(244, 244, 244)));
}
.panel h2 {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.panel h3 {
  margin-bottom: 0;
}
.blue-title {
  background: rgb(0, 166, 252) none repeat scroll 0 0;
  color: white;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: 1px 7px 2px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  border-radius: 4px;
  display: inline-block;
}
.panel div.col-sm-4,
.panel div.col-sm-2 {
  margin-bottom: 1.5em;
}
.program {
  clear: both;
  margin: 2em 0;
  padding: 1em;
}
.program:nth-child(1) {
  margin-top: 0;
}
.program:nth-child(even) {
  background-color: #f5f5f5;
}
.program img {
  margin: 0 0 0.5em 0;
  min-width: 100%;
}
.program a:hover {
  text-decoration: none;
}
.program li {
  list-style: none;
}
.callout-full {
  background-color: #f2f2f2;
  border: 1px solid #e8e8e8;
  color: #666;
  font-size: 1.6em;
  padding: 0.5em 1em;
  margin-bottom: 1em;
}
.callout-right,
.callout-left {
  width: 33%;
  background-color: #f2f2f2;
  border: 1px solid #e8e8e8;
  color: #666;
  font-size: 1.5em;
  padding: 0.6em 1em; 
}
.callout-right {
  float: right;
  margin: 0.25em 0 1em 1em;
}
.callout-left {
  float: left;
  margin: 0.25em 1em 1em 0;
}
/* SPECIAL */
#named-professorships h4 {
  margin-bottom: 0;
}
#named-professorships a {
  font-style: italic;
}
#block-views-alumni-spotlight h2,
#block-views-soe-news-block-10 h2, /* student spotlight */
#block-views-soe-news-block-7 h2, /* academics faculty spotlight */
#block-views-soe-news-block-8 h2 { /* awards faculty spotlight */
  background-color: #424242;
  margin: 1em 0 0;
  padding: 0.5em;
  text-align: center;
  color: #eee;
  font-size: 1.5em;
}
#block-views-alumni-spotlight .views-row,
.soe-news-blocks-sidebar .views-row {
  text-align: center;
  background-color: #f2f2f2;
  padding: 1em;
  margin: 0;
}
#block-views-alumni-spotlight .views-row img,
.soe-news-blocks-sidebar .views-row img {
  min-width: 100%;
  margin-bottom: 0.5em;
}
/* People Listings (Alumni, Council) */
.people-list img {
  float: left;
  margin: 0 1em 0 0;
}
.people-list h3 {

}
.people-list .view-footer {
  clear: both;
  margin-top: 2em;
}
.people-list .views-row {
  padding: 1em;
}
.people-list .views-row:nth-child(even) {
  background-color: #f2f2f2;
  border: 1px solid #eee;
}
.people-list .views-field-nothing {
  clear: both;
}
/* The Hub */
body.page-node-1997 #block-views-video-block-1,
body.page-node-1997 #block-views-soe-news-block-10 {
  display: none; /* hide sidebar student highlight and video spotlight from the hub page */
}
/* FOOTER */
footer.footer {
  position: relative;
  margin-top: 6em;
  color: #666;
  font-size: 0.9em;
  /*letter-spacing: 0.1px;*/
  padding-top: 0.75em;
}
#block-footer-menu {
  float: right;
}
#block-footer-menu ul {
  margin: 0;
  padding: 0 0 1em 0;
}
#block-footer-menu .nav > li {
  display: inline-block;
}
#block-footer-menu .nav > li > a {
  padding: 0 6px;
  color: #666;
}