html, body {
    color: #5a5a5a;
    font-family: "Open Sans";
    overflow-x: hidden;
	font-size: 16px;
}
html {

}
body {
    background-color: #e6e6e6;
    background-image: url('https://s3.amazonaws.com/org.jcvi.s3-www-drupal/s3fs-public/assets/common/background-tile.png');
}

header {
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.25);
    padding-bottom: 15px;
    position: relative;
    z-index: 400;
}
div#page {

}
ul.tabs.primary {
    margin-top: 0px;
    padding-top: 5px;
}
#main-content.row {
    padding-top: 0px;
}

a {
    transition: .4s;
    display: inline;
    border-bottom: 1px dotted transparent;
	text-decoration: none !important;
}
a:hover {
    color: #0081b3;    
    border-bottom: 1px dotted #0081b3;
	text-decoration: none !important;
}
footer a:hover {
    border-bottom: 1px dotted #5a5a5a;
}
.nav a {
    border: none !important;
}

h1, h2, h3, h4, h5, h6, #research-links-wrapper {
    font-family: "Roboto", sans-serif;
}

.view-publications {
    padding-bottom: 50px;
}

#search-box {
    display: none;
}

#search-box label, #search-box #edit-submit--5 {
    display: none;
}

#page {
    border-top: 5px solid #0081b3;
}

#logo {
    padding-top: 20px;
}

#logo img {
    width: 170px;
    height: 58px;
}

#top-menu,
#top-menu a {
    font-size: 12px;
    color: #d3d3d3;
}

#top-menu {
    padding-top: 8px;
}

#top-menu a:hover {
    color: #000000;
}

#main-menu img {
    width: 12px;
}

.dropdown-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-submenu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}



.nav li .dropdown-submenu li a {
    color: #8b8d90;
}

.nav > li > a {
    height: 36px;
    padding: 5px 18px;
    color: #000000;
}
.nav > li > a img {
    display: block;
    margin: auto;
}
.nav li .dropdown-submenu li a {
    padding: 0px;
    display: inline-block;
    color: #000000;
}
.dropdown-submenu {
    padding: 0px !important;
    list-style-position: inside;
}
.dropdown-submenu li a:hover::before {
    content: '' !important;
    margin: 0px !important;
}
.dropdown-submenu li {
    padding: 6px 10px 6px 21px;
    white-space: nowrap;
    transition: background-color .4s;
}
.dropdown-submenu li:first-child {
    padding-top: 6px;
}
.dropdown-submenu li:last-child {
    padding-bottom: 6px;
}

#top-menu, #top-menu a {
    color: #a3a3a3;
}
.block-menu ul li.leaf {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: -5px;
	font-size: 14px;
}

.block-menu ul li.leaf a.social-media { overflow: hidden; }

#block-menu-menu-footer-menu li:first-child,
#block-menu-menu-top-menu li:first-child {
    margin: 0;
}

#block-menu-menu-footer-menu li:after,
#block-menu-menu-top-menu li:after {
    content: "|";
    margin: 0 5px;
}

#block-menu-menu-footer-menu li:last-child::after,
#block-menu-menu-top-menu li:last-child::after {
    content: "";
}

#block-menu-menu-footer-menu ul {
    text-align: center;
}

#block-menu-menu-footer-menu a {
    color: #5a5a5a;
}

#block-menu-menu-footer-menu li:first-child a:before {
    content: '\00a9\0000a0';
}

#block-menu-menu-footer-menu li:after {
    color: #5a5a5a;
    margin: 0 10px;
}

#block-menu-menu-social-media .leaf {
    padding-right: 15px;
}

.social-media {
    height: 25px;
    width: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    transition: .25s;
    content: '' !important;
    text-indent: -1000px; /* Move link text out of the way. */
}
.social-media:hover { border-bottom: none; }
#social-media-twitter {          background-image: url('/sites/all/themes/jcvi/images/social-twitter.svg'); }
#social-media-twitter:hover {    background-image: url('/sites/all/themes/jcvi/images/social-twitter-hover.svg'); }
#social-media-facebook {         background-image: url('/sites/all/themes/jcvi/images/social-facebook.svg'); }
#social-media-facebook:hover {   background-image: url('/sites/all/themes/jcvi/images/social-facebook-hover.svg'); }
#social-media-linkedin {         background-image: url('/sites/all/themes/jcvi/images/social-linkedin.svg'); }
#social-media-linkedin:hover {   background-image: url('/sites/all/themes/jcvi/images/social-linkedin-hover.svg'); }
#social-media-youtube {          background-image: url('/sites/all/themes/jcvi/images/social-youtube.svg'); }
#social-media-youtube:hover {    background-image: url('/sites/all/themes/jcvi/images/social-youtube-hover.svg'); }
#social-media-googleplus {       background-image: url('/sites/all/themes/jcvi/images/social-google.svg'); }
#social-media-googleplus:hover { background-image: url('/sites/all/themes/jcvi/images/social-google-hover.svg'); }

#block-menu-menu-social-media {
    padding-top: 50px;
}

#footer-menu {
    min-height: 200px;
}

.row {
    padding-top: 5px;
}

.parent-link {
    margin-right: -3px;
    border: 1px solid #bec0c2;
}

.parent-link:first-child {
    -moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}

.parent-link:last-child {
    -moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

#footer-padding,
footer {
    background-color: transparent !important;
    position: relative;
}
footer {
    margin-top: -40px;
    padding-top: 80px;
    min-height: 300px;
}
.region-content #research-body,
.region-content #jcvi-body {
    position: relative;
    z-index: 10;
    min-height: 500px;
}

footer h2 {
    font-size: 14px;
    font-weight: bold;
	border-bottom: none;
	color: #ffffff;
}

footer input,
footer button {
    border: 1px solid #ffffff !important;
}

footer button {
    text-transform: uppercase;
}



#research-header {
    color: #ffffff;
    padding-top: 0px;
}
#research-header,
#jcvi-header {
    position: relative;
    height: 500px;
}

#research-body,
#jcvi-body {
    background-color: #ffffff;
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.25);
    min-height: 250px;
}

#research-wrapper .research-section,
#jcvi-wrapper .jcvi-section {
    margin: 0px 55px;
}

#footer-padding .row {
    box-shadow: 1px 1px 1px 0px #d3d3d3;
}

#research-header-text-container,
.node-type-home-page .research-header-text-container,
#jcvi-header-text {
    margin: 0px;
    position: absolute;
    left: 50%;
    bottom: 100px;
    z-index: 30;
}

.node-type-home-page .research-header-text-container {
    bottom: 130px;
}

.text-beside-image #research-header-text-container {
    top: 25px;
    bottom: inherit;
}
.text-beside-image #research-header-text-container h1 {

}
.text-beside-image #research-header-text-container > .row {
    height: 357px;
    position: relative;
}
body.page-user #research-header-text-container {
    bottom: auto;
    top: 60px;
}
#research-header-text,
.node-type-home-page .research-header-text {
    left: -50%;
    padding: 0 45px 25px 45px;
}

#research-header-text-image {
    left: -50%;
}
#research-header-text-image img {
    height: 100%;
    width: 100%;
}

#research-header-content,
#jcvi-header-content {
    bottom: 0;
    right: 0;
    font-size: 16px;
}

#research-projects,
#jcvi-projects {
    position: relative;
}

.panel-view-grid #collections .collection-name,
.panel-view-grid #other-collections .collection-name,
.panel-view-grid #research-projects .collection-name,
.panel-view-grid #archived-research-projects .collection-name {
    position: absolute;
    width: 90%;
    bottom: 0;
    right: 0;
    line-height: 1.9;
    padding: 2px 5px 2px 0px;
    margin: 5px auto;
}

.panel-view-grid #collections .collection-name span,
.panel-view-grid #other-collections .collection-name span,
.panel-view-grid #research-projects .collection-name span,
.panel-view-grid #archived-research-projects .collection-name span {
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
    font-size: 20px;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

#footer-padding {
    padding-top: 0px;
}

#footer-padding-wrapper {
    height: 30px;
    margin-left: 75px;
    margin-right: 75px;
    background-color: #ffffff;
}

#research-image,
#jcvi-image,
.node-type-home-page .research-image {
    padding-top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
    background-color: #009ad6;
}

#research-image-gradient {
    height: 150px;
    width: 100%;
    position: absolute;
    top: 500px;
    z-index: 20;
    display: none;
}
.node-type-home-page .research-image-gradient {
    height: 500px;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 20;
}

#research-image .parallax-window,
.node-type-home-page .research-image .parallax-window,
#jcvi-image .parallax-window {
    height: 100%;
    width: 100%;
}

#research-wrapper,
#jcvi-wrapper {
    top: -300px;
    position: relative;
    margin-bottom: -300px;
}

.research_project {
    padding-bottom: 110px;
}

#research-wrapper #research-body,
#jcvi-wrapper #jcvi-body {
    padding: 0px 20px;
}

#research-links-wrapper,
#jcvi-links-wrapper {
    border-left : 1px solid #dddddd;
    padding: 5px;
    margin-bottom: 30px;
    padding-left: 20px;
    margin-left: 20px;
}

#footer-padding .row {
    padding-top: 0px;
}

#footer-padding .row {
    background-color: #ffffff;
    height: 40px;
}

#footer-padding .padding-inner,
.research-section,
.jcvi-section {
    margin: 0px 40px;
}

#research-links-wrapper h4 {
	margin-top: 15px;
}

#research-links-wrapper div.section-contents {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 7px;
    margin-bottom: 15px;
}
#research-links-wrapper div.section-contents:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}
#research-links-wrapper div.section-contents p {
	font-size:14px;
	padding: 0px 0px 8px 5px;
	line-height: 18px;
}

#research-links-wrapper div.section-contents p span.affiliation {
	font-family: "Open Sans";
	color: #969696;
	text-transform: uppercase;
	font-size:11px;
}

#research-links-wrapper p.section-title {
	color: #ffffff;
    text-transform: uppercase;
	background-color: #0081b3;
    padding: 3px 6px 1px 6px;
	margin: 0 0 7px 0;
}

#research-links ul,
#jcvi-links ul  {
    list-style: none;
    padding-left: 0;
}

#research-links-wrapper .field-collection-container .field-items .field-item,
#jcvi-links-wrapper .field-collection-container .field-items .field-item {
    margin-bottom: 0px;
}

#research-links-wrapper .field-collection-container,
#research-links-wrapper .field-collection-view,
#jcvi-links-wrapper .field-collection-container,
#jcvi-links-wrapper .field-collection-view {
    margin: 0;
    padding: 0;
    border-bottom: 0px;
}

#research-links-wrapper .field-name-field-sidebar-header,
#jcvi-links-wrapper .field-name-field-sidebar-header {
    text-transform: uppercase;
}

#research-links-wrapper .field-collection-view-links,
#research-links-wrapper .action-links,
#jcvi-links-wrapper .field-collection-view-links,
#jcvi-links-wrapper .action-links,
.field-label {
    display: none;
}
/*
#research-links {
    width: 25%;
    margin-left: 25px;
}
*/
#research-links p {
    margin-bottom: 0px;
}
#research-links .field-name-field-sidebar-header {
    margin-bottom: 5px;
}
h2,
h2.panel-title,
.page-user #research-body h2 {
    color: #0081b3;
	padding-bottom: 7px;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 10px;
    font-size: 28px;
	font-weight: 100;
}

p + h2,
p + h2.panel-title,
p + .page-user #research-body h2 {
	margin-top:35px;
}
	
.page-user #research-body h2 a:hover { text-decoration: none; border: none; padding-bottom: 7px; }

h3 {
    text-transform: uppercase;
    font-size: 20px;
	margin-top: 35px;
}

h4 {
	margin-top: 35px;
}

hr {
    border-top-color: #DDDDDD;
	margin: 20px 0;
}

.panel-title {
    font-size: 24px;
	margin-top: 24px;
}

#research-body,
#jcvi-body {
    padding: 15px;
    padding-left: 0px;
}

.panel-title img {
    width: 16px;
}

.panel-title a:hover {
    text-decoration: none;
    border-bottom: none;
}
/*
#research-project,
#jcvi-page {
    background-image: url('https://s3.amazonaws.com/org.jcvi.s3-www-drupal/s3fs-public/assets/common/background-tile.png');
}
footer {
    background-image: url('https://s3.amazonaws.com/org.jcvi.s3-www-drupal/s3fs-public/assets/common/background-tile.png');    
}
*/

#collections .col-md-3,
#other-collections .col-md-3,
#research-projects .col-md-3,
#archived-research-projects .col-md-3 {
    margin-top: 15px;
    padding-right: 0px;
}

.research-section .panel-title,
.jcvi-section .panel-title {
    text-transform: uppercase;
}

.panel-default .panel-heading {
    background-color: #ffffff;
}

.panel-default {
    border: 0;
}

.panel {
    -webkit-box-shadow: 0 0 0 !important;
	box-shadow: 0 0 0 !important;
}
.profile-snippet { min-height: 100px; }
.profile-picture { width: 75px; height: 75px; background-color: #cccccc; margin-top: 10px; float: left; }

.profile-picture img { width: 75px; height: 75px; }

.profile-details { margin-top: 27px; margin-left: 90px; }

.profile-header-text { }
.profile-header-text h1 { margin: 55px 0 0 0; color: #ffffff; font-size: 30px; }
.profile-header-text h1 .degree { font-weight: 100; }
.profile-header-text p { margin: 0; padding: 0 0 4px 0; color: #ffffff; font-size: 17px; line-height: 17px; }
.profile-header-text p a { color: #ffffff; }
.profile-header-text p a:hover { color: #beecff; border-color: #beecff; }
.profile-header-text p.title { margin-top: 5px; margin-bottom: 9px; line-height: 22px; }
.profile-header-text p.phone { margin-bottom: 3px; }
.profile-header-text p.email { margin-bottom: 7px; }
.profile-header-text hr {
	border-top: 8px solid #40b3e0;
	width: 50px;
	margin: 16px 0 20px 0;
}

.profile-icon {
	height: 30px;
	width: 30px;
	margin-right: 6px;
	border: none;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    transition: .25s;
    content: '' !important;
    text-indent: -1000px; /* Move link text out of the way. */
}
a#profile-icon-twitter 		  { background-image: url('/sites/all/themes/jcvi/images/profile-social-icon-twitter.svg'); } 
a#profile-icon-linkedin 	  { background-image: url('/sites/all/themes/jcvi/images/profile-social-icon-linkedin.svg'); } 
a#profile-icon-researchgate   { background-image: url('/sites/all/themes/jcvi/images/profile-social-icon-researchgate.svg'); } 
a#profile-icon-myncbi 		  { background-image: url('/sites/all/themes/jcvi/images/profile-social-icon-myncbi.svg'); }
a#profile-icon-git            { background-image: url('/sites/all/themes/jcvi/images/profile-social-icon-git.svg'); }
a#profile-icon-google-scholar { background-image: url('/sites/all/themes/jcvi/images/profile-social-icon-googlescholar.svg'); }
a#profile-icon-orcid          { background-image: url('/sites/all/themes/jcvi/images/profile-social-icon-orcid.svg'); }
a:hover#profile-icon-twitter,
a:hover#profile-icon-linkedin,
a:hover#profile-icon-researchgate,
a:hover#profile-icon-myncbi,
a:hover#profile-icon-git,
a:hover#profile-icon-google-scholar,
a:hover#profile-icon-orcid { border-bottom: none; }

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px;
}

.header-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-box-shadow: inset 0px 3px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 3px 15px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 3px 15px 0px rgba(0,0,0,0.25);
}

.panel .col-sm-6.col-md-4.col-lg-3 {
    margin-bottom: 20px;
}

.view-icons {

}

.view-icons span {
    font-size: 22px;
    margin-left: 3px;
    color: #dddddd;
    transition: .5s;
    cursor: pointer;
}
.panel-view-list .glyphicon-th-list,
.panel-view-grid .glyphicon-th-large,
.view-icons span:hover {
    color: #337ab7;
}

.panel-body .col-md-4 {
    transition: .5s;
}
.panel-body .collection-shadow {
    transition: .5s;
}
.panel-view-list .col-md-4 {
    width: 50%;
}
.panel-view-list .collection-icon {
    height: 130px;
    width: 130px;
    display: inline-block;
    float: left;
}

.panel-view-list .collection-icon img {
    height: 100%;
    width: 100%;
    transition: .5s;
}
.panel-view-list .col-md-4:hover img {
    opacity: .75;
    /*
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    */
}
.panel-view-list .collection-shadow {
    height: 0%;
    width: 0%;
}
.panel-view-list .collection-name,
.panel-view-list .collection-description {
    display: inline-block;
    float: left;
    margin-left: 10px;
    width: calc(100% - 140px);
    padding-top: 15px;
}
.panel-view-list .col-md-4 .collection-name span {
    transition: .5s;
    font-size: 20px;
}
.panel-view-list .col-md-4:hover .collection-name span {
    color: #0081b3;
    border-bottom: 1px dotted #0081b3;
    text-decoration: none;
}
.panel-view-list .collection-description {
    padding-top: 0px;
}
.panel-view-list .collection-description p {
    color: #5a5a5a;
    margin-bottom: 0px;
}

.panel-view-grid .collection-shadow {
    position: absolute;
    width: 95%;
    height: 100%;
    top: 0;
    left: 15px;
    -webkit-box-shadow: inset 0px 0px 45px 45px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 45px 45px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 45px 45px rgba(0,0,0,0.3);
}
.panel-view-grid .collection-icon { 
    width: 260px; 
    height: 260px; 
    background-color: #cccccc; 
}
.panel-view-grid .collection-icon:hover { 
    border: none; 
}
.panel-view-grid .collection-icon img {
    width: 100%;
    position: relative;
}

.panel-view-grid .collection-overlay {
    background-color: rgba(55, 155, 55, 1);
    bottom: 0px;
    left: 15px;
    opacity: 0.5;
    position: absolute;
    right: 15px;
    top: 125px;
    z-index: 1;
}
.panel-view-grid .collection-description {
    display: none;
}

.panel-view-grid .collection-name, 
.panel-view-grid .collection-name span {
    margin: 0px;
    padding: 5px 10px;
    line-height: 2.0;
    font-size: 18px;
}
.panel-view-grid .collection-name {
    position: absolute;
    bottom: 0;
    left: 20px;
    color: #ffffff;
    z-index: 2;
    margin-bottom: 20px;
}

.panel-view-grid #collections .col-md-4 .collection-shadow,
.panel-view-grid #other-collections .col-md-4 .collection-shadow,
.panel-view-grid #research-projects .col-md-4 .collection-shadow,
.panel-view-grid #archived-research-projects .col-md-4 .collection-shadow {
    transition: .5s;
}
.panel-view-grid #collections .col-md-4:hover .collection-shadow,
.panel-view-grid #other-collections .col-md-4:hover .collection-shadow,
.panel-view-grid #research-projects .col-md-4:hover .collection-shadow,
.panel-view-grid #archived-research-projects .col-md-4:hover .collection-shadow {
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0)
}

/*
    Node sub-templates.
*/
.node-type-home-page #research-body,
.node-type-research-project #research-body,
.node-type-collection #research-body,
.node-type-page #research-body,
.node-type-blog #research-body,
.node-type-publication #research-body,
.node-type-press-release #research-body,
.node-type-webform #research-body,
.page-node-done #research-body,
.page-publications #research-body,
.page-gcid-publications #research-body,
.page-search #research-body,
.page-news #research-body,
.page-blog #research-body,
.page-user #research-body,
.page-user-login #research-body {
    padding: 0px 45px 30px 45px;
}

.page-user #research-body {
    padding-top: 30px;
}

.node-type-research-project .text-on-block #research-header,
.node-type-collection .text-on-block #research-header,
.node-type-blog .text-on-block #research-header,
.node-type-publication .text-on-block #research-header,
.node-type-press-release .text-on-block #research-header,
.node-type-webform .text-on-block #research-header,
.page-node-done .text-on-block #research-header,
.page-publications .text-on-block #research-header,
.page-gcid-publications .text-on-block #research-header,
.page-search .text-on-block #research-header,
.page-news .text-on-block #research-header,
.page-blog .text-on-block #research-header,
.page-user-login .text-on-block #research-header,
.node-type-page .text-on-block #research-header {
    height: 500px;
}

.node-type-research-project .text-on-block #research-body,
.node-type-collection .text-on-block #research-body,
.node-type-blog .text-on-block #research-body,
.node-type-publication .text-on-block #research-body,
.node-type-press-release .text-on-block #research-body,
.node-type-webform .text-on-block #research-body,
.page-node-done .text-on-block #research-body,
.page-publications .text-on-block #research-body,
.page-gcid-publications .text-on-block #research-body,
.page-search .text-on-block #research-body,
.page-news .text-on-block #research-body,
.page-blog .text-on-block #research-body,
.page-user-login .text-on-block #research-body,
.node-type-page .text-on-block #research-body {
    margin-top: -320px;
}

.panel-pad { padding: 0 15px; }

#research-body h1 { 
    margin-bottom: 20px; 
    color: #000000; 
}

.node-type-research-project .text-beside-image #research-body .breadcrumb,
.node-type-collection .text-beside-image #research-body .breadcrumb,
.node-type-blog .text-beside-image #research-body .breadcrumb,
.node-type-publication .text-beside-image #research-body .breadcrumb,
.node-type-press-release .text-beside-image #research-body .breadcrumb,
.node-type-webform .text-beside-image #research-body .breadcrumb,
.page-node-done .text-beside-image #research-body .breadcrumb,
.page-publications .text-beside-image #research-body .breadcrumb,
.page-gcid-publications .text-beside-image #research-body .breadcrumb,
.page-search .text-beside-image #research-body .breadcrumb,
.page-news .text-beside-image #research-body .breadcrumb,
.page-blog .text-beside-image #research-body .breadcrumb,
.node-type-research-project .text-on-image #research-body .breadcrumb,
.node-type-collection .text-on-image #research-body .breadcrumb,
.page-publications .text-on-image #research-body .breadcrumb {
    margin-bottom: 45px;
}
.node-type-research-project .text-on-image > .container #research-header-text,
.node-type-collection .text-on-image > .container #research-header-text,
.node-type-blog .text-on-image > .container #research-header-text,
.node-type-publication .text-on-image > .container #research-header-text,
.node-type-press-release .text-on-image > .container #research-header-text,
.node-type-webform .text-on-image > .container #research-header-text,
.page-node-done .text-on-image > .container #research-header-text,
.node-type-home-page .text-on-image > .container .research-header-text,
.page-publications .text-on-image > .container #research-header-text,
.page-gcid-publications .text-on-image > .container #research-header-text,
.page-search .text-on-image > .container #research-header-text,
.page-news .text-on-image > .container #research-header-text,
.page-blog .text-on-image > .container #research-header-text {
    padding: 15px 45px;
}
.node-type-research-project .text-beside-image #research-header-text h1,
.node-type-collection .text-beside-image #research-header-text h1,
.node-type-blog .text-beside-image #research-header-text h1,
.node-type-publication .text-beside-image #research-header-text h1,
.node-type-webform .text-beside-image #research-header-text h1,
.page-node-done .text-beside-image #research-header-text h1,
.node-type-press-release .text-beside-image #research-header-text h1,
.page-publications .text-beside-image #research-header-text h1,
.page-gcid-publications .text-beside-image #research-header-text h1,
.page-search .text-beside-image #research-header-text h1,
.page-blog .text-beside-image #research-header-text h1,
.page-news .text-beside-image #research-header-text h1 {
    font-weight: 200;
}
.node-type-research-project .text-beside-image #research-header-content p,
.node-type-collection .text-beside-image #research-header-content p,
.node-type-blog .text-beside-image #research-header-content p,
.node-type-publication .text-beside-image #research-header-content p,
.node-type-press-release .text-beside-image #research-header-content p,
.node-type-webform .text-beside-image #research-header-content p,
.page-node-done .text-beside-image #research-header-content p,
.page-publications .text-beside-image #research-header-content p,
.page-gcid-publications .text-beside-image #research-header-content p,
.page-search .text-beside-image #research-header-content p,
.page-blog .text-beside-image #research-header-content p,
.page-news .text-beside-image #research-header-content p {
    font-size: 20px;
}
.node-type-research-project .text-beside-image #research-header-text,
.node-type-collection .text-beside-image #research-header-text,
.node-type-blog .text-beside-image #research-header-text,
.node-type-publication .text-beside-image #research-header-text,
.node-type-press-release .text-beside-image #research-header-text,
.node-type-webform .text-beside-image #research-header-text,
.page-node-done .text-beside-image #research-header-text,
.page-publications .text-beside-image #research-header-text,
.page-gcid-publications .text-beside-image #research-header-text,
.page-search .text-beside-image #research-header-text,
.page-blog .text-beside-image #research-header-text,
.page-news .text-beside-image #research-header-text {
    top: 50%;
    transform: translateY(-50%);
}

/*
    Text on Block sub-template breadcrumb.
*/
.node-type-research-project .breadcrumb,
.node-type-collection .breadcrumb,
.node-type-blog .breadcrumb,
.node-type-publication .breadcrumb,
.node-type-press-release .breadcrumb,
.node-type-webform .breadcrumb,
.page-node-done .breadcrumb,
.page-publications .breadcrumb,
.page-gcid-publications .breadcrumb,
.page-search .breadcrumb,
.page-news .breadcrumb,
.page-blog .breadcrumb,
.page-user-login .breadcrumb,
.node-type-page .breadcrumb,
.node-type-page .subpages {
	font-size: 14px;
	border-radius: 0px;
}
.node-type-page .breadcrumb.breadcrumb-subpages,
.node-type-page .subpages {
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
}
.node-type-research-project .breadcrumb ul,
.node-type-collection .breadcrumb ul,
.node-type-blog .breadcrumb ul,
.node-type-publication .breadcrumb ul,
.node-type-press-release .breadcrumb ul,
.node-type-webform .breadcrumb ul,
.page-node-done .breadcrumb ul,
.page-publications .breadcrumb ul,
.page-gcid-publications .breadcrumb ul,
.page-search .breadcrumb ul,
.page-news .breadcrumb ul,
.page-blog .breadcrumb ul,
.page-user-login .breadcrumb ul,
.node-type-page .breadcrumb ul,
.node-type-page .subpages ul {
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 0px;
}
.node-type-research-project .breadcrumb ul li,
.node-type-collection .breadcrumb ul li,
.node-type-blog .breadcrumb ul li,
.node-type-publication .breadcrumb ul li,
.node-type-press-release .breadcrumb ul li,
.node-type-webform .breadcrumb ul li,
.page-node-done .breadcrumb ul li,
.page-publications .breadcrumb ul li,
.page-gcid-publications .breadcrumb ul li,
.page-search .breadcrumb ul li,
.page-news .breadcrumb ul li,
.page-blog .breadcrumb ul li,
.page-user-login .breadcrumb ul li,
.node-type-page .breadcrumb ul li,
.node-type-page .subpages ul li {
    display: inline;
    text-transform: uppercase;
    background-image: url('/sites/all/themes/jcvi/images/icon-arrow-right.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px 10px;
    padding-right: 20px;
    padding-left: 10px;
}
.node-type-page .breadcrumb.breadcrumb-subpages ul {

}
.node-type-page .breadcrumb.breadcrumb-subpages ul li,
.node-type-page .subpages ul li {
    background-image: none;
    padding: 0px;
}
.node-type-page .breadcrumb.breadcrumb-subpages ul li.active,
.node-type-page .breadcrumb.breadcrumb-subpages ul li:hover {

}
.node-type-research-project .breadcrumb ul li:first-child,
.node-type-collection .breadcrumb ul li:first-child,
.node-type-blog .breadcrumb ul li:first-child,
.node-type-publication .breadcrumb ul li:first-child,
.node-type-press-release .breadcrumb ul li:first-child,
.node-type-webform .breadcrumb ul li:first-child,
.page-node-done .breadcrumb ul li:first-child,
.page-publications .breadcrumb ul li:first-child,
.page-gcid-publications .breadcrumb ul li:first-child,
.page-search .breadcrumb ul li:first-child,
.page-news .breadcrumb ul li:first-child,
.page-blog .breadcrumb ul li:first-child,
.page-user-login .breadcrumb ul li:first-child,
.node-type-page .breadcrumb ul li:first-child,
.node-type-page .subpages ul li:first-child {
    padding-left: 0px;
}
.node-type-research-project .breadcrumb ul li:last-child,
.node-type-collection .breadcrumb ul li:last-child,
.node-type-blog .breadcrumb ul li:last-child,
.node-type-publication .breadcrumb ul li:last-child,
.node-type-press-release .breadcrumb ul li:last-child,
.node-type-webform .breadcrumb ul li:last-child,
.page-node-done .breadcrumb ul li:last-child,
.page-publications .breadcrumb ul li:last-child,
.page-gcid-publications .breadcrumb ul li:last-child,
.page-search .breadcrumb ul li:last-child,
.page-news .breadcrumb ul li:last-child,
.page-blog .breadcrumb ul li:last-child,
.page-user-login .breadcrumb ul li:last-child,
.node-type-page .breadcrumb ul li:last-child,
.node-type-page .subpages ul li:last-child  {
    background-image: none;
}
.node-type-page .breadcrumb.breadcrumb-subpages ul li:first-child a,
.node-type-page .subpages ul li:first-child a {
    border-left: 1px solid #d8d8d8;
}
.node-type-page .breadcrumb.breadcrumb-subpages ul li a,
.node-type-page .subpages ul li a {
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 20px;
    padding-left: 19px !important;
    display: inline-block;
    border-right: 1px solid #d8d8d8;
    /*background: linear-gradient(rgba(0,0,0,0) 50%, #e8e8e8 50%);*/
    border-bottom: none;
    color: #63696e;
}

.node-type-page .breadcrumb.breadcrumb-subpages ul li.active a,
.node-type-page .breadcrumb.breadcrumb-subpages ul li a:hover,
.node-type-page .subpages ul li.active a,
.node-type-page .subpages ul li a:hover {
    /*background: linear-gradient(#ececec 50%, #e0e0e0 50%);*/
    background-color: #e7e7e7;
	color: #53595e;
}

.text-on-block .breadcrumb,
.text-beside-image .breadcrumb,
.text-on-image .breadcrumb {
    padding-left: 45px;
    padding-right: 45px;
    margin-left: -45px;
    margin-right: -45px;
}
.text-beside-image .breadcrumb,
.text-on-image .breadcrumb {
    background-color: #ddd;
}

.text-beside-image #research-body, .text-beside-image #research-body > .row:first-child,
.text-on-image #research-body, .text-on-image #research-body > .row:first-child  {
    padding-top: 0px;
}

.node-type-home-page .text-on-image #research-body > .row:first-child {
    padding-bottom: 20px;
}
.node-type-home-page .infoblock {
    margin-top: 45px;
}

#toolbar {
    max-width: inherit !important;
}

.profile-image {
    max-width: 100%;
    max-height: 100%;
	background-color: #ffffff;
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
	border: #ffffff solid 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box; /*force border to inside edge*/
}
#research-body .panel-body {
    padding: 0px;
}
#research-body .panel-body > .row {
    margin-right: 0px;
}
#research-body .panel-heading {
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: none;
}

#user-profile-form select[multiple="multiple"] {
    height: 300px;
}

#block-menu-menu-footer-menu .nolink {
    color: #5a5a5a;
}


.publications-list .view-content,
.page-news .view-content,
.page-blog .view-content,
.page-search .view-content {
    margin-top: 20px;
}
.publications-list .views-row,
.page-news .views-row,
.page-blog .views-row,
.page-search .views-row {
    position: relative;
    padding-left: 40px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 16px;
}
.page-news .views-row,
.page-blog .views-row,
.page-search .views-row {
    padding-left: 0px;
}
.publications-list .views-row:before {
    content: ' ';
    display: inline-block;
    background-image: url('/sites/all/themes/jcvi/images/icon-journal-30x39.svg');
    background-repeat: no-repeat;
    width: 30px;
    height: 39px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
}
.publications-list .views-field-title {
    margin: 5px 0;
	font-weight: bold;
}


.news-list .views-field-published,
.pr-date {
    margin-bottom: 10px;
    float: left;
}
.pr-date {
    margin-top: 20px;
    margin-right: 10px;
}
.news-list .views-field-published + span {
    float: left;
    color: #9a9a9a;
    display: inline-block;
    margin-left: 10px;
    margin-top: 3px;
}
.news-list .views-field-title {
    clear: both;
}
.views-field-published:after,
.pr-category {
    display: inline-block;
    text-transform: uppercase;
    color: white;
    padding: 2px 5px;
    font-weight: bold;
    font-size: 10px;
    margin-left: 10px;
    border-radius: 5px;
}
.pr-category {
    margin-left: 0px;
    margin-top: 20px;
}
.views-category-collaborator-release .views-field-published:after,
.pr-category-collaborator-release {
    content: 'Collaborator Release';
    background-color: #0078a7;
}
.views-category-press-release .views-field-published:after,
.pr-category-press-release {
    content: 'Press Release';
    background-color: #faa700;
}
.views-category-news-alert .views-field-published:after,
.pr-category-news-alert {
    content: 'News Alert';
    background-color: #459e4b;
}
.views-category-media-advisory .views-field-published:after,
.pr-category-media-advisory {
    content: 'Media Advisory';
    background-color: #cf142c;
}
.views-category-lecture .views-field-published:after,
.pr-category-lecture {
    content: 'Lecture';
    background-color: #b7b7b7;
}
.views-category-opinion .views-field-published:after,
.pr-category-opinion {
    content: 'Opinion';
    background-color: #b7b7b7;
}
.views-category-workshop-alert .views-field-published:after,
.pr-category-workshop-alert {
    content: 'Workshop Alert';
    background-color: #b7b7b7;
}
.views-category-released-statement .views-field-published:after,
.pr-category-released-statement {
    content: 'Released Statement';
    background-color: #b7b7b7;
}
.views-category-in-the-news .views-field-published:after,
.pr-category-in-the-news {
    content: 'In the News';
    background-color: #009ad6;
}

#outreach-filter-container {
    background-color: #efefef;
    border: 1px solid #dcdcdc;
    padding: 7px 15px 10px 15px;
    margin-bottom: 30px;
}
.outreach-filter-button {
    cursor: pointer;
    background-color: #aaa;
    transition: .5s;
}
.outreach-category-container {

}
.outreach-category {
    text-transform: uppercase;
    color: white;
    padding: 2px 5px;
    font-weight: bold;
    font-size: 10px;
    margin-right: 8px;
    border-radius: 5px;
}
.outreach-category-container-training .outreach-category, 
#outreach-filter-training.outreach-filter-active,
#outreach-filter-training:hover { 
    background-color: #faa700; 
}
.outreach-category-container-workshop .outreach-category, 
#outreach-filter-workshop.outreach-filter-active,
#outreach-filter-workshop:hover { 
    background-color: #cf142c; 
}
.outreach-category-container-presentation .outreach-category, 
#outreach-filter-presentation.outreach-filter-active,
#outreach-filter-presentation:hover { 
    background-color: #459e4b; 
}
.outreach-category-container-internship .outreach-category, 
#outreach-filter-internship.outreach-filter-active,
#outreach-filter-internship:hover { 
    background-color: #009ad6; 
}
.outreach-category-container-postdoc .outreach-category, 
#outreach-filter-postdoc.outreach-filter-active,
#outreach-filter-postdoc:hover { 
    background-color: #8948a1; 
}
#outreach-filter-showall.outreach-filter-active,
#outreach-filter-showall:hover { 
    background-color: #000000; 
}
.outreach-category-container h3 {
    margin-top: 0px;
}
.outreach-category-container p:last-child {
    margin-bottom: 0px;
}
.outreach-category-container {
    max-height: 0px;
    overflow: hidden;
    transition: .5s;
}
.filter-active-showall .outreach-category-container,
.filter-active-training .outreach-category-container-training,
.filter-active-workshop .outreach-category-container-workshop,
.filter-active-presentation .outreach-category-container-presentation,
.filter-active-internship .outreach-category-container-internship,
.filter-active-postdoc .outreach-category-container-postdoc {
    max-height: 500px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.outreach-category-container-box-image {
    background-color: #cccccc;
    margin: 10px 10px 20px 20px;
    float: right;
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
    border: #ffffff solid 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.outreach-category-container-box-image img {
    /*width: 125px;*/
    height: 120px;
}

#slideshow {

}
#slideshow-slides, .slideshow-slide {
    position: static !important;
}
#slideshow-nav {
    z-index: 60;
    position: absolute;
    left: 50%;
    bottom: 110px;
    transform: translateX(-50%);
}
#slideshow-nav a {
    color: rgba(0,0,0,0);
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    border: 1px solid white;
    margin-right: 7px;
}
#slideshow-nav a:last-child {
    margin-right: 0px;
}
#slideshow-nav a.activeSlide {
    background-color: white;
}

.infoblock h2, 
.infoblock h2 a, .infoblock h2 a:hover, .infoblock h2 a:active, .infoblock h2 a:focus, .infoblock h2 a:visited {
    text-transform: uppercase;
    font-weight: 200;
    color: #888;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: none;
    font-size: 24px;
}
.infoblock h2 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
}
.infoblock h2 a {
	background: url(../images/infoblock-anchor-arrow-normal.png) no-repeat center right;
	padding-right:18px;
}
.infoblock h3 {
    margin-top: 0px;
    color: #0081b3;
    text-transform: none;
}
.infoblock a {
    color: #000;
}
.infoblock a, .infoblock a:active, .infoblock a:hover, .infoblock a:visited {
    font-size: 14px;
    border-bottom: none;
}
.infoblock h3 a, .infoblock h3 a:active, .infoblock h3 a:hover, .infoblock h3 a:visited {
    font-size: 20px;
}
.infoblock h3 a:hover {
    color: #999;
}
.infoblock .infoblock-item a:hover {
    color: #999;
}
.infoblock .infoblock-item {
    border-bottom: 1px solid #eee;
    padding: 10px;
}
.infoblock .infoblock-item:last-child {
    border-bottom: none;
}
.infoblock p {
    font-size: 14px;
}
.infoblock .infoblock-item-press-release-date,
.infoblock .infoblock-item-press-release-external {
    font-size: 14px;
    text-transform: uppercase;
}
.infoblock .infoblock-item-press-release-external {
    color: #9a9a9a9a;
    margin-left: 5px;
}

.infoblock .pr-category { margin-top: 0; }

.project-header {
    display: inline-block;
    margin-left: 25px;
    padding-left: 25px;
    border-left: 1px solid #ddd;
    height: 60px;
    vertical-align: top;
    line-height: 60px;
    font-size: 30px;
    color: black;
    letter-spacing: 2px;
    font-family: "Roboto", sans-serif;
}
.col-md-12 #block-menu-menu-social-media {
    padding-top: 25px;
}
.col-md-12 #block-menu-menu-social-media ul.menu {
    text-align: center;
}

.region-header .nav.nav-pills li {
    border-right-width: 0px;
}
.region-header .nav.nav-pills li:last-child {
    border-right-width: 1px;
}
.region-header .nav.nav-pills li:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.region-header .nav.nav-pills li:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.region-header .nav.nav-pills a {
    border-radius: 0px;
}
#logo a:hover, .region-top-bar a:hover {
    border-bottom: none;
    text-decoration: none;
}
.view .item-list .pager {
    text-align: left;
}
.view .item-list .pager li {
    margin-left: 0px;
    padding: 5px;
}
.page-publications .views-exposed-widget.views-submit-button,
.page-gcid-publications .views-exposed-widget.views-submit-button,
.page-search .views-exposed-widget.views-submit-button {
    display: none;
}
.page-publications .views-exposed-form .views-exposed-widget,
.page-gcid-publications .views-exposed-form .views-exposed-widget,
.page-search .views-exposed-form .views-exposed-widget {
    padding-right: 0px;
}


.page-publications #research-header-text-container,
.page-gcid-publications #research-header-text-container,
.page-search #research-header-text-container {
    position: relative;
    left: inherit;
    bottom: inherit;
    margin: auto;
    text-align: center;
}
.page-publications #research-header-text,
.page-gcid-publications #research-header-text,
.page-search #research-header-text {
    left: inherit;
    margin-top: 150px;
}
#views-exposed-form-publications-page #edit-keys-wrapper,
#views-exposed-form-publications-gcid-page #edit-keys-wrapper,
#views-exposed-form-search-page #edit-keys-wrapper {
    float: none;
}
#views-exposed-form-publications-page #edit-keys,
#views-exposed-form-publications-gcid-page #edit-keys,
#views-exposed-form-search-page #edit-keys {
    color: #888;
    text-align: center;
    padding: 5px 0px 5px 0px;
    font-size: 28px;
    width: 340px;
    border: none;
}
.page-publications #edit-keys,
.page-gcid-publications #edit-keys,
.page-search #edit-keys {
    display: inline-block;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,.25);
}
.page-publications #edit-keys:hover,
.page-gcid-publications #edit-keys:hover,
.page-search #edit-keys:hover {
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,.5);
}

/* Combining these into one statement seems to break it for some reason. */
#views-exposed-form-publications-page #edit-keys::-webkit-input-placeholder,
#views-exposed-form-publications-gcid-page #edit-keys::-webkit-input-placeholder,
#views-exposed-form-search-page #edit-keys::-webkit-input-placeholder {    /* WebKit, Blink, Edge */
    color:    #ddd;
}
#views-exposed-form-publications-page #edit-keys:-moz-placeholder,
#views-exposed-form-publications-gcid-page #edit-keys:-moz-placeholder,
#views-exposed-form-search-page #edit-keys:-moz-placeholder {              /* Mozilla Firefox 4 to 18 */
   color:    #ddd;
   opacity:  1;
}
#views-exposed-form-publications-page #edit-keys::-moz-placeholder,
#views-exposed-form-publications-gcid-page #edit-keys::-moz-placeholder,
#views-exposed-form-search-page #edit-keys::-moz-placeholder {             /* Mozilla Firefox 19+ */
   color:    #ddd;
   opacity:  1;
}
#views-exposed-form-publications-page #edit-keys:-ms-input-placeholder,
#views-exposed-form-publications-gcid-page #edit-keys:-ms-input-placeholder,
#views-exposed-form-search-page #edit-keys:-ms-input-placeholder {         /* Internet Explorer 10-11 */
   color:    #ddd;
}
#views-exposed-form-publications-page #edit-keys::-ms-input-placeholder,
#views-exposed-form-publications-gcid-page #edit-keys::-ms-input-placeholder,
#views-exposed-form-search-page #edit-keys::-ms-input-placeholder {        /* Microsoft Edge */
   color:    #ddd;
}
#views-exposed-form-publications-page #edit-keys::placeholder,
#views-exposed-form-publications-gcid-page #edit-keys::placeholder,
#views-exposed-form-search-page #edit-keys::placeholder {                  /* Most modern browsers support this now. */
   color:    #ddd;
}

body.node-type-press-release #research-content h1 {
    display: none;
}
body.node-type-press-release #research-content h2 {
    margin-top: 0px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
body.node-type-press-release #research-content h3 {
    color: #faa700;
}
body.node-type-press-release #research-content h3:before {
    content: '»';
    font-size: 26px;
    display: inline-block;
    margin-right: 5px;
}

#webform-client-form-6615 .form-group {
    display: block;
}
#webform-client-form-6615 label {
    width: 220px;
}
#user-login--2 label {
    width: 100px;
}
#webform-client-form-6615 .form-checkboxes {
    display: inline-block;
}
#webform-client-form-6615 input[type="text"],
#webform-client-form-6615 input[type="email"],
#webform-client-form-6615 select,
#user-login--2 input[type="text"],
#user-login--2 input[type="password"] {
    width: 400px;
}
#user-login--2 input[type="text"],
#user-login--2 input[type="password"] {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#user-login--2 input[type="submit"] {
    color: #333;
    background-color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#webform-client-form-6615 #edit-submitted-email-message {
    width: 622px;
    margin-bottom: 1em;
}

#top-menu {
    text-align: right;
}
#top-menu ul {
    display: inline;
}
#the-main-menu {
    margin-top: 35px;
}
#the-main-menu ul {
    float: right;
}
#the-main-menu .navbar.navbar-default {
    margin-bottom: 0px;
    background-color: white;
    border: none;
}

#research-links-wrapper.collections {
    margin-top: 55px;
    border-left-color: #4dbfed;
}
#projects table {
    width: 100%;
}
#projects tbody {
    border-top: none;
}
#projects .row-odd {
    background-color: #f5f5f5;
}
#projects td {
    padding: 7px;
    width: 50%;
    vertical-align: top;
}
#projects td:first-child {
    border-right: 15px solid white;
}
.text-on-image .subpages {
    background-color: #f5f5f5;
    margin-bottom: 30px;
    margin-left: -45px;
    margin-right: -45px;
    padding-left: 45px;
    padding-right: 45px;
}

#top-menu {
    display: none;
}

#the-main-menu .parent-link:last-child {
    position: relative;
}
#the-main-menu .parent-link:last-child:hover #search-box {
    display: block !important;
}
#the-main-menu .parent-link:last-child #search-box {
    position: absolute;
    right: -1px;
    top: 100%;
    padding-top: 20px;
}
#the-main-menu .parent-link:last-child #search-box input[type="submit"] {
    display: none;
}
#the-main-menu .parent-link:last-child #search-box input[type="text"] {
    border-radius: 10px;
    border-width: 0px;
    box-shadow: 0px 0px 6px #B2B2B2;
    padding: 6px 40px 6px 10px;
    width: 250px;
}
#the-main-menu .parent-link:last-child #search-box input[type="text"]:focus {
    outline: none;
}

#the-main-menu .parent-link:last-child #search-box form > div {
    position: relative;
}

#the-main-menu .parent-link:last-child #search-box form > div:before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    content: "\00a0";
    display: block;
    height: 20px;
    width:  20px;
    background-color: white;
    position: absolute;
    top: -10px;
    right: 15px;
    transform:             rotate( 135deg );
        -moz-transform:    rotate( 135deg );
        -ms-transform:     rotate( 135deg );
        -o-transform:      rotate( 135deg );
        -webkit-transform: rotate( 135deg );
}

p + table.siteTable { 
    margin: 35px 0 35px 0; 
}

table.siteTable tr th, table.siteTable tr td { 
	padding: 5px 5px 0 5px;
}

table.siteTable tr th p, table.siteTable tr td p { 
	padding: 0px 0px 5px 0px; 
	margin: 0;
}

table.siteTable tr.tableHeader { 
    color: #ffffff; 
    background-color: #505559; 
}

table.siteTable tr.tableRowOdd { 
    background-color: #e9e9e9; 
}

table.siteTable tr.tableRowEven { 
    background-color: #f5f5f5; 
}

/* leadership page */

div.bio-leadership {
	margin-top: 30px;
}
div.bio-leadership .row {
    padding-top: 0px;
	margin-bottom: 20px;
}
div.bio-leadership a {
    display: block;
    border-bottom: none;
	color: #5a5a5a;
}
div.bio-leadership a:hover {
    color: black;
}
div.bio-leadership-box {
	text-align: center;
}
div.bio-leadership-box-image {
	width: 100%;
}
div.bio-leadership-box-image img {
    max-width: 90%;
    max-height: 90%;
	background-color: #ffffff;
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
	border: #ffffff solid 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box; /*force border to inside edge*/
}
div.bio-leadership-box-text {	
	padding: 18px 20px 0 20px;
	min-height: 125px;
}
div.bio-leadership-box-text p {
    margin-bottom: 0px;
	font-size: 14px;
	line-height: 18px;
}
div.bio-leadership-box-text p.bio-leadership-box-text-name {
    font-family: "Roboto Light", sans-serif;
	margin-bottom: 12px;
    font-size: 22px;
	line-height: 26px;
}

div.bio-leadership-box-text p.bio-leadership-box-text-title1,
div.bio-leadership-box-text p.bio-leadership-box-text-title2 {
	margin: 0 0 7px 0;
}



/* board page */

div.bio-board {
	margin-top: 30px;
}
div.bio-board .row {
    padding-top: 0px;
	margin-bottom: 20px;
}
div.bio-board a {
    display: block;
    border-bottom: none;
	color: #5a5a5a;
}
div.bio-board a:hover {
    color: black;
}

div.bio-board .bio-board-box-image {
	background-color: #cccccc;
	margin: 0 20px 20px 0;
	float: left;
	box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
	border: #ffffff solid 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box; /*force border to inside edge*/
}

div.bio-board .bio-board-box-image img {
	width: 125px;
	height: 125px;
}

div.bio-board .bio-board-box-text .bio-leadership-box-text-name {
	font-family: "Roboto Light", sans-serif;
	margin-top: 45px;
    font-size: 22px;
	line-height: 26px;	
}

div.bio-board .bio-board-box-text .bio-leadership-box-text-title1 {
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 18px;
}




/* 2 column staff list */

div.staff-list {
	margin: 0 0 40px 0;
}
div.staff-list .row {
    padding-top: 0;
	margin-bottom: 0;
}
div.staff-list a {
    display: block;
    border-bottom: none;
	color: #5a5a5a;
}
div.staff-list a:hover {
    color: black;
}

div.staff-list .staff-list-box-image {
	background-color: #cccccc;
	margin: 0 20px 0 0;
	float: left;
	box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
	border: #ffffff solid 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box; /*force border to inside edge*/
}

div.staff-list .staff-list-box-image img {
	width: 125px;
	height: 125px;
}

div.staff-list .staff-list-box-text .staff-box-text-name {
	font-family: "Roboto Light", sans-serif;
	margin-top: 22px;
	padding-top: 40px;
    font-size: 22px;
	line-height: 26px;	
}

div.staff-list .staff-list-box-text .staff-box-text-title1 {
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 18px;
}











p.caption {
    color: #808080;
    margin-bottom: 35px;
	font-size: 14px;
}

#research-content p + p img { 
    margin: 35px 0 10px 0; 
}




/* News */

.item-list ul.pager { margin-bottom: 25px; }

.pager li>a { border-radius: 0; }

.page-news .views-row .views-field-published,
.pr-date {
    font-size: 14px;
	text-transform: uppercase;
}

.page-news .views-row .views-field-title {
    font-family: "Roboto", sans-serif;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 6px;
}

.page-news .views-row .views-field-subheader,
.page-news .views-row .views-field-subheader2,
.page-news .views-row .views-field-subheader3 {
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	margin-bottom: 6px;
}

.page-news .views-row .views-field-subheader3 {
	margin-bottom: 0;
}



/* colored buttons */
a.button, input[type="submit"].button {
    transition: .4s;
    border: none;
    color: #ffffff;
    padding: 15px 32px;
	text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
}

p + p a.button { 
    margin-top: 20px; 
}

a.button.orange,        input[type="submit"].orange         { background-color: #f99d31; }
a.button.orange:hover,  input[type="submit"].orange:hover   { background-color: #db8a2b; }
a.button.green,         input[type="submit"].green          { background-color: #6cb33f; }
a.button.green:hover,   input[type="submit"].green:hover    { background-color: #3a6022; }
a.button.blue,          input[type="submit"].blue           { background-color: #00a4e4; }
a.button.blue:hover,    input[type="submit"].blue:hover     { background-color: #008fc7; }
a.button.red,           input[type="submit"].red            { background-color: #e82121; }
a.button.red:hover,     input[type="submit"].red:hover      { background-color: #891111; }
a.button.gray,          input[type="submit"].gray           { background-color: #656565; }
a.button.gray:hover,    input[type="submit"].gray:hover     { background-color: #2b2b2b; }


/* temprarily remove top menu */
#top-menu div.region { visibility: hidden; }
#top-menu { padding-top: 22px; }

.panel-title > a {
    border-bottom: none;
}
.panel-title > a img {
    transition: .25s;
}
.panel-title > a.collapsed img {
    transform: rotate(-90deg);
}
.panel-body h3 {
    margin: 20px 0px 20px 0px;
    padding: 0px 15px 0px 15px;
    font-size: 18px;
}
.panel-body .row:first-child h3 {
    margin-top: 0px;
}

/*
    mobile
*/
.navbar.navbar-default {
    background-color: transparent;
    border: none;
}

/* phones - xs */
@media (max-width: 767px) {
    .content .text-on-block #research-body {
        margin-top: -495px;
    }
    .content #research-body {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .content .text-on-block .breadcrumb {
        margin-left: -20px;
        margin-right: -20px;
        padding-right: 10px;   
        padding-left: 10px;
    }


    body .text-on-block .breadcrumb, 
    body .text-beside-image .breadcrumb, 
    body .text-on-image .breadcrumb {
        padding-left: 10px;
        padding-right: 10px;
        margin-right: -20px;
        margin-left: -20px;
    }
    body .text-beside-image .breadcrumb, 
    body .text-on-image .breadcrumb {
        margin-bottom: 20px !important;
    }

    
    body #webform-client-form-6615 input[type="text"],
    body #webform-client-form-6615 input[type="email"],
    body #webform-client-form-6615 select,
    body #webform-client-form-6615 #edit-submitted-email-message,
    body #user-login--2 input[type="text"],
    body #user-login--2 input[type="password"] {
        width: 100%;
    }
    
    body.node-type-home-page #research-header {
        height: 500px;
    }
    body.node-type-home-page #slideshow-nav {
        bottom: 10px;
    }
    body.node-type-home-page .research-image {
        z-index: 0;
    }
    body.node-type-home-page .research-header-text-container {
        bottom: 30px;
        left: 0%;
    }
    body.node-type-home-page .research-header-text-container > .row {
        margin: 0px;
    }
    body.node-type-home-page .research-header-text {
        padding: 0px 15px 25px 15px;
        left: 0%;
    }
    body.node-type-home-page #slideshow-nav {
        transform: translateX(-67%);
    }
    
    footer .menu {
        padding-left: 0px;
    }
    .panel.panel-view-list .col-md-4 {
        width: 100%;
    }
    body div.bio-board .bio-board-box-text .bio-leadership-box-text-name,
    body div.staff-list .staff-list-box-text .staff-box-text-name {
        margin-top: 0px;
        padding-top: 0px;
    }
    body div.bio-board-box-text,
    body .staff-list .row > div {
        margin-bottom: 15px;
    }
    body .panel-view-list .collection-name {
        padding-top: 0px;
    }
}

/* xs + sm */
@media (max-width: 991px) {
    #research-body #research-links-wrapper {
        border-left: none;
        padding: 0px;
        margin-left: 0px !important;
        border-top: 5px dotted #aaa;
        margin-top: 30px;
        padding-top: 30px;
    }

}

/* xs + sm + md */
@media (max-width: 1199px) {
    #the-main-menu .navbar-header {
        float: none;
    }
    #the-main-menu .navbar-toggle {
        display: block !important;
    }
    #the-main-menu .navbar-collapse.collapse {
        display: none !important;
    }
    #the-main-menu .navbar-collapse.collapse.in {
        display: block !important;
    }
    body header {
        padding-bottom: 0px;
    }
    #logo {
        z-index: 9999;
    }
    .project-header {
        margin-left: 10px;
        padding-left: 10px;
        font-size: 20px;
    }
    #menu-container {
        padding: 0px;
    }
    body #the-main-menu .navbar.navbar-default {
        margin-bottom: 20px;
    }
    body #the-main-menu .navbar.navbar-default.navbar-opened {
        margin-bottom: 0px;
    }
    .navbar .navbar-header button {
        background-color: white !important;
    }
    .navbar.navbar-opened .navbar-header button {
        background-color: #ddd !important;
    }
    .navbar.navbar-default {
        margin-top: -10px;
    }
    .navbar.navbar-default .navbar-collapse {
        border: none;
        margin-top: 15px;
        padding: 0px;
    }
    #main-menu.nav.nav-pills {
        overflow: hidden;
    }
    #the-main-menu ul {
        float: none;
    }
    #the-main-menu .nav-pills>li {
        float: none;
    }
    #the-main-menu li {
        margin-left: 0px;
        text-align: center;
    }
    #the-main-menu li.parent-link {
        border: none;
        border-top: 1px solid #bec0c2;
        border-radius: 0px !important;
    }
    #the-main-menu .dropdown-submenu {
        position: relative;
        box-shadow: none;
        border: none;
    }
    #the-main-menu .dropdown-submenu li {
        padding: 6px 10px 6px 10px;
    }
    #the-main-menu .dropdown-toggle.closed {
        background-color: white;
    }
    #the-main-menu .dropdown-toggle.opened {
        background-color: #eee;
    }
    #the-main-menu .dropdown-toggle.closed + .dropdown-submenu {
        display: none !important;
    }
    #the-main-menu .dropdown-toggle.opened + .dropdown-submenu {
        display: block !important;
    }
    #search-trigger {
        display: none;
    }
    body #the-main-menu .search-form {
        margin-bottom: 0px;
    }
    body #the-main-menu .parent-link:last-child #search-box {
        position: relative;
        top: 0px;
        right: auto;
        padding-top: 0px;
        display: inline;
    }
    body #the-main-menu .parent-link:last-child #search-box form > div:before {
        display: none;
    }
    .region-header .nav.nav-pills li:last-child a {
        padding: 0px;
    }
    body #the-main-menu .parent-link:last-child #search-box input[type="text"] {
        box-shadow: none;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    body #page #research-header-text-container {
        left: 0%;
        top: 0px;
        position: relative;
    }
    body #research-header {
        height: auto;
    }
    body #research-image {
        z-index: 0;
    }
    body #research-header-text {
        padding-top: 25px;
        left: 0%;
    }
    body .profile-header-text h1 {
        margin-top: 25px;
    }
    #research-header-text #research-links-wrapper.collections {
        border-left: none;
        margin-top: 0px;
        padding-left: 0px;
        margin-left: 0px;
    }
    
    body #research-body-container {
        margin-top: 0px !important;
    }
    
    .profile-snippet {
        margin-bottom: 10px;
    }
    .profile-snippet .profile-picture {
        margin-top: 0px;
    }
    .profile-snippet .profile-details {
        margin-left: 85px;
        margin-top: 0px;
    }

    body #research-body .panel-body > .row {
        margin-right: -15px;
    }
    body #research-body .panel-view-grid .collection-icon {
        width: 100%;
        height: auto;
    }
    body #research-body .panel-view-grid .collection-shadow {
        width: calc(100% - 30px);
    }
    
    body #research-body .panel-view-grid .collection-name {
        width: calc(100% - 50px);
        right: auto;
        left: 25px;
    }
    iframe {
        width: 100% !important;
        height: auto !important;
    }
    body .video-wrapper {
        height: auto;
    }
    body .video-wrapper iframe {
        position: relative;
    }
    body.page-publications #research-header-text,
    body.page-search #research-header-text {
        margin-top: 0px;
    }
    body.page-publications #research-header-text,
    body.page-search #research-header-text {
        padding: 15px 0px 15px 0px !important
    }   
}

/* sm + md */
@media (min-width: 768px) and (max-width: 1199px) {
    #the-main-menu .navbar-collapse {
        width: 100vw;
        position: relative;
        margin-left: -50vw;
        left: 50%;
    }
    #slideshow {
        height: 400px;
    }
    .node-type-home-page #slideshow .research-header-text-container {
        bottom: 50px;
    }
    #slideshow #slideshow-nav {
        bottom: 20px;
    }
    body iframe {
        height: 350px !important;
    }
    body.page-publications #research-header-text,
    body.page-search #research-header-text {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .text-on-block #research-header {
        height: 350px !important;
    }
}

/* tablets - sm only */
@media (min-width: 768px) and (max-width: 991px) {

}

/* small laptops - md only */
@media (min-width: 992px) and (max-width: 1199px) {
    #research-header-text-container {
        margin: auto;
    }
}

/* desktop - lg only */
@media (min-width: 1200px) {
    .dropdown:hover .dropdown-submenu {
        display: block;
        margin-top: 0; /* remove the gap so it does not close */
    }
    .dropdown-submenu li:hover {
        background-image: url('/sites/all/themes/jcvi/images/icon-arrow-right.svg');
        background-position: left 5px center;
        background-repeat: no-repeat;
        background-size: 10px 10px;
    }
    .dropdown-submenu>li:hover {
        background-color: #f5f5f5;
    }
    .nav li .dropdown-submenu li a:hover {
        color: #000000;
    }
    .dropdown-submenu li a:hover::before {
        content: "> ";
        margin-left: -12px;
    }
}