/* centers-and-institutes-templates v1.0.0 - 2016-06-22 - Written by Mike Riley, Jonathan Herndon, and Audra Macri (jhsph.webadmin@jhu.edu) */

/* @override*/
/* custom colors */
.header-watermark {
  height: 18.75em;
  background: url("/sebin/j/j/header-watermark.png") no-repeat center -30px !important; }

#paint_bucket, #footer, .siteTitle.opaque h4 a, #sidebar.horizontal.landing, #sidebar.horizontal, .secondary-nav, .fade {
  transition: background-color .0s linear,border-color .0s linear,color .0s linear,opacity .0s linear !important; }

#paint_bucket, #footer {
  background: #6F2C3F; }

#footer .linkset a, #footer .address {
  color: silver; }

#footer .linkset a:hover {
  color: #fff; }

@media screen and (max-width: 1009px) {
  .siteTitle {
    background: #6F2C3F !important; } }
.cent-inst_header a.one {
  background: url("http://www.jhsph.edu/sebin/b/r/CenterLogoFPO-rev.png") no-repeat center left;
  width: 246px; }
.cent-inst_header a.two {
  background: url("http://www.jhsph.edu/sebin/z/x/ProjectLogoFPO-rev.png") no-repeat center right;
  width: 181px; }

.siteTitle.opaque h4 a, #sidebar.horizontal.landing {
  background-color: #754956; }

#sidebar.horizontal ul li.activenavpath ul li a:hover {
  border-bottom-color: #6F2C3F; }
#sidebar.horizontal ul li.activenavpath ul li.activenavpage, #sidebar.horizontal ul li.activenavpath ul li.activenavpage > a, #sidebar.horizontal ul li.activenavpath ul li.activenavpath > a {
  border-bottom-color: #6F2C3F; }

.secondary-nav li.activenavpath > a,
.secondary-nav li.activenavpage,
.secondary-nav li.activenavpage > a {
  background-color: #754956;
  color: #fff; }

.secondary-nav {
  border-top-color: #6F2C3F;
  border-bottom-color: #6F2C3F; }
  .secondary-nav ul li {
    background-color: #e7e7e7; }
    .secondary-nav ul li:hover {
      background-color: silver; }

.cent-inst_featuredImg {
  background-color: #4a1e2a; }

@media screen and (min-width: 1105px) {
  .fade {
    background: linear-gradient(to right, rgba(74, 30, 42, 0.25) 0%, rgba(74, 30, 42, 0) 10%, rgba(74, 30, 42, 0) 90%, rgba(74, 30, 42, 0.25) 100%); } }
@media screen and (min-width: 1175px) {
  .fade {
    background: linear-gradient(to right, rgba(74, 30, 42, 0.5) 0%, rgba(74, 30, 42, 0) 10%, rgba(74, 30, 42, 0) 90%, rgba(74, 30, 42, 0.5) 100%); } }
@media screen and (min-width: 1250px) {
  .fade {
    background: linear-gradient(to right, rgba(74, 30, 42, 0.75) 0%, rgba(74, 30, 42, 0) 10%, rgba(74, 30, 42, 0) 90%, rgba(74, 30, 42, 0.75) 100%); } }
@media screen and (min-width: 1280px) {
  .fade {
    background: linear-gradient(to right, #4a1e2a 0%, rgba(74, 30, 42, 0) 15%, rgba(74, 30, 42, 0) 95%, #4a1e2a 100%); } }

 /* ===========================================================================
==== OVERRIDES FOR FULL-WIDTH MULTIDIVISIONAL TEMPLATE
==== ** only uncomment when using on a multidivisional template **
============================================================================== */
#paint_bucket,
#footer,
.cent-inst_featuredImg {
  background: #6F2C3F; }

#main_nav,
#breadcrumb {
  display: none; }

#header .branding {
  background: url("http://www.jhsph.edu/sebin/v/a/clf-logo-final.png") no-repeat left center;
  width: 306px; }

#page {
  margin: -7em auto 0; }

@media screen and (min-width: 1105px) {
  .fade {
    background: linear-gradient(to right, rgba(111, 44, 63, 0.25) 0%, rgba(111, 44, 63, 0) 10%, rgba(111, 44, 63, 0) 90%, rgba(111, 44, 63, 0.25) 100%); } }
@media screen and (min-width: 1175px) {
  .fade {
    background: linear-gradient(to right, rgba(111, 44, 63, 0.5) 0%, rgba(111, 44, 63, 0) 10%, rgba(111, 44, 63, 0) 90%, rgba(111, 44, 63, 0.5) 100%); } }
@media screen and (min-width: 1250px) {
  .fade {
    background: linear-gradient(to right, rgba(111, 44, 63, 0.75) 0%, rgba(111, 44, 63, 0) 10%, rgba(111, 44, 63, 0) 90%, rgba(111, 44, 63, 0.75) 100%); } }
@media screen and (min-width: 1280px) {
  .fade {
    background: linear-gradient(to right, #6f2c3f 0%, rgba(111, 44, 63, 0) 15%, rgba(111, 44, 63, 0) 95%, #6f2c3f 100%); } }

#footer {
  height: 150px; }
  #footer .branding {
    float: left;
    margin-right: 2em; }
  #footer .address {
    float: left; }
  #footer .social {
    margin-left: 20px; }

.leftCol p.silk-light,
.rightCol p.silk-light {
  margin-bottom: 10px; }

.content .rightCol .button.button_inline,
.content .leftCol .button.button_inline,
.content .fullCol .button.button_inline {
  display: inline-block; }
  @media print {
    .content .rightCol .button.button_inline,
    .content .leftCol .button.button_inline,
    .content .fullCol .button.button_inline {
      display: none; } }
.content .rightCol hr,
.content .leftCol hr,
.content .fullCol hr {
  display: none;
  clear: both; }
  @media print {
    .content .rightCol hr,
    .content .leftCol hr,
    .content .fullCol hr {
      display: block;
      clear: both; } }
.content .rightCol .click-to-view,
.content .leftCol .click-to-view,
.content .fullCol .click-to-view {
  color: #7E7E7C; }
  @media screen {
    .content .rightCol .click-to-view,
    .content .leftCol .click-to-view,
    .content .fullCol .click-to-view {
      font-size: 12px; } }
  .content .rightCol .click-to-view em,
  .content .leftCol .click-to-view em,
  .content .fullCol .click-to-view em {
    color: #7E7E7C; }

@media print {
  body .content p,
  body .content li {
    color: #2C2C33; } }
body .content p sup,
body .content li sup {
  font-size: 9.75px; }

@media print {
  body p.silk-caption {
    color: #7E7E7C; } }
body p.silk-caption a {
  color: #B4B2AD; }
  @media print {
    body p.silk-caption a {
      color: #2C2C33; } }

.silk-caption + hr {
  display: none;
  clear: both; }

@media print {
  .silk-caption + hr {
    display: block;
    clear: both; } }
.silk-wrapper:after {
  content: "";
  display: table;
  clear: both; }

@media print {
  body .content a.print {
    display: none; } }

@media print {
  body #paint_bucket {
    display: none; }
  body #page {
    margin-top: 0;
    background: #FFF;
    box-shadow: none;
    width: 100%;
    padding: 0.75in;
    box-sizing: border-box; }
  body #sidebar, body .local-section-search {
    display: none; }
  body .content {
    width: 100%;
    /*max-width: 7in;*/
    margin: 0 auto;
    padding: 0;
    float: none; }
  body .siteTitle h4 {
    /*max-width: 7in;*/
    margin: 0 auto;
    color: #000;
    background: #FFF; }
  body .siteTitle h4 a {
    padding-left: 0 !important;
    color: #000 !important; }
  body .leftCol, body .rightCol, body .fullCol {
    width: 100%; }
  body .leftCol:after, body .rightCol:after, body .fullCol:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  body .leftCol img, body .rightCol img, body .fullCol img {
    width: 100% !important;
    height: auto;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-left: solid 1px #CCC; }
  body .silk-light {
    float: left;
    width: 40%;
    /* 		max-width: 2.67in !important; */ }
  body .silk-caption {
    display: block;
    position: static;
    color: #000;
    background: none;
    margin-bottom: 1em;
    float: left;
    /* 		width: calc(100% - 3.0in) !important; */
    /* 4.33in max */
    width: 60% !important;
    clear: right;
    border: none;
    background: none;
    box-shadow: none !important;
    	/* border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-left: solid 1px #CCC; */
    padding: 0 .25in; }
  body .pintoscroll,
  body .click-to-view {
    display: none; } }