@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600); 
/* home page */
body.home div.wrapper { /* fix slider from showing on top of buttons */
    z-index: 1000;
}
body.home .msm-news li h3 {
    font-weight: 300;
    font-family: "Open Sans";
    font-size: 1rem;
}
body.home .msm-news img, body.home .msm-news li h3{
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.msm-news img {
    height: 100px;
    width: auto;
}
span.caption {
    background: #339999;
    color: #fff;
    padding: 5px 20px;
}
span.caption-more {
    background: #cccbd8;
    opacity: .75;
    color: #000;
    text-shadow: none;
    padding: 5px 20px;
}
section.msm-news ul li a div span {
    font-size: 0.9rem;
}
section.msm-news [class*="block-grid-"] > li:last-child {
    padding-bottom: 0;
}
/* home page buttons */
.campaign-banners-wrapper img {
    height: 150px;
    width: auto;
}
/* sidebar adjust */
#sidebar-left ul.social a span.fa-stack,
body.home ul.social a span.fa-stack{
	margin-right: 0.5rem;
}
#sidebar-left h3{
	margin-top:1rem;
}
ul.msm-social-sidebar{
	margin:0;
	list-style-type:none;
	font-size:1rem;
}
#sidebar-left ul.social a{
	color:#636363;
}
#sidebar-left section.msm-news li {
    list-style-type: none;
    margin-bottom: 1rem; /* spacing for news items on sidebar */ 
}
#sidebar-left section.msm-news ul {
    margin-left: 0;
}

/* landing page thumbnail grid */
container[class*=thumbs] {
    margin-top: 1rem;
}
[class*=thumbs] p {
    margin-bottom: 0.5rem;
}
[class*=thumbs] h4 {
    line-height: 1.3rem;
    letter-spacing: -.05rem;
    width: 120%; /* allows more text on a single line*/
}
[class*=thumbs] h4{
    color: #444;
}
[class*=thumbs] a{
    color: inherit;
}
/* landing page image with captions*/
.img-caption{
    position: relative;
    margin-bottom: 1rem;
    display: block;
}
.img-caption a{
    color:inherit;
}
.img-caption a:hover{
    color:inherit;
}
.img-caption .h-group{
    bottom: 2rem;
    left: 2rem;
    position: absolute;
    width: 100%;
} 
.img-caption .headline span{
  padding: 0.5rem 1rem;
  color: #fff;
}
.img-caption .sub span{
  color: #4d4d4d;
  padding: 0.5rem 1rem;
}
.img-caption .sub {
    font-size: 0.9rem;
    margin-top: 0.8rem;
}
.img-caption .blue {
    background: rgba(61, 80, 134, 1);
}
.img-caption .green{
    background: rgba(27, 173, 170,1);
}
.img-caption .gray {
  background: rgba(212,212,212,1);
}
/*		right aligned caption */
.img-caption.right .h-group {
    left: 0rem;
}
.img-caption.right span{
	float: right;
	clear: both;
	margin-right: 2.5rem;
}
@media only screen  and (min-width : 1224px) {
    .img-caption .headline span{
        font-size: 1.5rem;
    } 
    .img-caption .sub span{
        font-size: 1rem;
    }
    .img-caption .blue {
      background: rgba(61, 80, 134, 0.9);  
    }
    .img-caption .green{
      background-color: rgba(21, 147, 142, 0.9);
    }
    .img-caption .gray {
      background: rgba(212,212,212,0.9);
    }
}
/* blockquote caption */
blockqoute.callout {
    background-color: #15938e;
    display: block;
    color: #FBFBFB;
    padding: 1rem 2rem;
    font-style: italic;
    margin-left: 1rem;
}
.attribution {
    font-style: normal;
    line-height: normal;
    display: block;
    text-align: right;
    font-family: 'Open Sans';
}

blockqoute.callout p {
    font-size: 1rem;
    letter-spacing: 0.02rem;
    line-height: 2rem;
    font-style: italic;
}
.name {
    font-weight: 600;
}
.title {
    font-weight: 300;
}
/* user enabled styles */
.smaller{
    font-size: smaller;
}
div.squarify{
    width: 100%;
    overflow: hidden;
}
/* add image float class back in */
img.float-img
{
    float: left;
    padding-right: 8px;	
}
/* reduce font size where p tag is not used. */
.main-content span {
    font-size: 0.875rem;
}
/* make h3 smaller */
.main-content h3 {
    font-size: 1.2rem;
}
/* archive */
.archive p {
    margin-bottom: 0;
}
.archive li {
    padding-bottom: 0.5rem;
}
/* make quick links fit */
.top-bar-section ul#quicklinks li > a {
    font-size: 0.87rem;
}


/* inline icons in nav */
ol.inlinenav li {
    float: left;
    clear: none;
    display: inline;
}
ol.inlinenav {
    display: inline-block;
    list-style: none;
    padding-top: 0;
    margin-top: 0;
}


a.button {
    color: #fff;
}

/* for accordion snippet - js 2017 */
.zurbaccordion { margin-left:0;}
.zurbaccordion .accordion-navigation>a:before {content: "\f067";margin-right: 10px;}
.zurbaccordion .accordion-navigation.active>a:before {content: "\f068";}

.zurbaccordion .accordion-navigation>a, .zurbaccordion dd>a {
	background: transparent;
	border-top: 1px solid #ccc;
	padding:10px;
}
.zurbaccordion .accordion-navigation:first-child>a { border-top:0;}
.zurbaccordion .accordion-navigation>a:before { font-family: 'FontAwesome';color: #15938e;}
/* end accordion snippet - js 2017 */

/* easy float right image */
.small-right, .small-left { margin-bottom: 5px; float:right; width:35%; padding: 0 0 10px 15px; font-size: .75rem;}
.small-left { float:left; padding: 0 15px 10px 0;}
@media (max-width: 480px) { .small-right, .small-left { float:none; width:80%; margin: 0 10%; padding: 5px; }}



/* print styles */
@media print {
	* {
		background: none !important;
		text-align: left !important;
		/* iframes height: auto !important; */
	}
	html {
		margin: 0 !important;
		padding: 0 !important;
	}
	body {
		background: #fff !important;
		font-size: 9pt !important;
		padding: 0 !important;
		margin: 10px !important;
	}
	a {
		color: #337ab7 !important;
		font-weight: 400;
		text-decoration: underline !important;
	}
	th,
	td {
		color: #2f2f2f !important;
		border-color: #ccc !important;
	}
	th {
		border-bottom: 1px solid #000 !important;
		font-size: 15px;
	}
	.no-print, .sidebar-offcanvas, #header-logo a, #header-nav, .primary-navigation, footer > .row > .medium-4, footer > .row > .medium-8, .show-for-small-only {
		display: none !important;
	}
 
	#header-logo {
		width: 95%;
		/* background-repeat: no-repeat !important; */
		/* margin-bottom: 15px; */
		margin-left: 15px;
		display: block;
		color: #000;
		padding: 0;
	}
	#header-logo:after {
		content: "Morehouse School of Medicine";
		padding: 0;
		margin: 0;
		font-size: 30px;
		width: 100%;
		text-transform: uppercase;
	}
	#header-logo:before { content: ''; }
	header, header.contain-to-grid { min-height: auto; padding:0; }
 
	blockquote {
		border: 0;
	}
	a[href]:after {
		content: "";
	}

	.main-content ul > li {
		margin-bottom: 5px;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 blockquote,
	pre {
		text-transform: none;
		font-style: normal;
		font-variant: normal;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	h1 {
		font-size: 24px;
		font-weight: 500;
		line-height: 26.4px;
	}
	h2,
	h3 {
		font-size: 16px;
		font-weight: 500;
		line-height: 17.4px;
	}
	h2 {
		font-size: 18px;
		line-height: 19.4px;
	}
	h4 {
		font-size: 15px;
		line-height: 16.4px;
	}
	h5 {
		font-size: 14px;
		line-height: 15.4px;
	}
	h6 {
		font-size: 13px;
		line-height: 14.4px;
	}
	p, li {
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
	}
	blockquote {
		font-size: 21px;
		font-weight: 400;
		line-height: 30px;
	}
	pre {
		font-size: 13px;
		font-weight: 400;
		line-height: 18.5714px;
	}
	ul li {
		list-style-type: initial !important;
	}
	ul.bread-crumbs li, .flex-nav-container ul li, .orbit-container ul li, ul.thumbnails li { list-style-type: none !important;}
	ul.bread-crumbs { clear:both;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	margin-bottom:15px;
}
	.accordion .accordion-navigation>.content, .accordion dd>.content { display:block;}

	.main-content ul > li:before {
		background: none;
		left: auto;
		top: auto;
		position: relative;
		content: none;
	} 
	.thumbs > .row > div { width:25%;  }
	.thumbs > .row > div img { width:100%; height:auto !important;}
	
	div.squarify, .main-content  > div { height: auto !important;	}
	.img-caption { padding: 0 15px;}
	.large-3 { width:25%;}
	.large-9 { width: 75%;}
	.small-4, .medium-4 { width:33.33%;}
}
/* end print styles*/


blockquote.simple{background:#f9f9f9;border-left:1em solid #eee;margin:1.5em 1em;padding:.5em 1em;quotes:"\201C""\201D"; color:#585858}
blockquote.simple p {color:#585858;}
blockquote.simple:before{color:#808080;content:open-quote;font-size:4rem;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}
blockquote.simple :first-child{display:inline;}
blockquote.simple :last-child{margin-bottom:0;}
blockquote.no-quote:before { display:none;}


/* component card */
.clearfix:before,
.breadcrumb:before,
.clearfix:after,
.breadcrumb:after {
  content: " ";
  display: table;
}

.component-card {
  border: 1px solid rgba(40, 156, 193, 0.59);
  text-align: left;
  margin-bottom: 10px;
}
.component-card .tags {
  padding: 10px 15px;
}
.component-card .tags ul {
  margin-bottom: 0;
  color: #2e3e72;
  font-size: .8rem;
}
.component-card .tags li {
  display: inline-block;
  margin-right: 10px;
}
.component-card .tags .learn-more-link {
  float: left;
}
.component-card .learn-more-link a {
  color: #000;
  padding: 7px 10px;
  padding: 11px 15px;
  float: left;
  font-size: .8rem;
}
.component-card .learn-more-link a:before {
  font-family: FontAwesome;
  content: "\f067";
  margin-right: 4px;
  display: inline-block;
}
.component-card.active .learn-more-link a:before {
  content: "\f068";
}
.component-card .tags {
  float: right;
}
.component-card .sub-info > div > div {
  border-top: 1px solid rgba(40, 156, 193, 0.59);
}
.component-card .component-content {
  -webkit-transition: opacity 600ms, visibility 600ms;
  transition: opacity 600ms, visibility 600ms;
}
.component-card.active .component-content {
  display: block;
  visibility: visible;
  opacity: 1;
  animation: fade 1s;
}
.component-card .component-content > div p {
  font-size: .95rem;
}
.component-card .page-title-background {
  padding: 0;
  color: #fff;
  background-size: cover;
}
.component-card .learn-more-link a:after {
  content: "View Description";
}
.component-card.active .learn-more-link a:after {
  content: "Hide Description";
}
.component-card .component-content-p {
  border-top: 1px solid rgba(40, 156, 193, 0.59);
  padding: 15px;
}
.component-card .page-title-background .img-container {
  background: #fff;
  padding: 3px;
  float: left;
  margin-right: 15px;
  margin-top: -10px;
  margin-left: -5px;
  margin-bottom: -10px;
}
.component-card .page-title-background .img-container img {
  height: 80px;
  width: auto;
}
.component-card .page-title-background > div {
  background-color: #289cc1;
  padding: 20px 15px;
}
.component-card .page-title-background.page-title-background-image > div {
  background-color: rgba(40, 156, 193, 0.7);
}
.component-card .page-title-background ul.list-carat {
  float: right;
  width: 35%;
  margin-bottom: 0;
}
.component-card .page-title-background h2 {
  width: 45%;
  float: left;
  color: #fff;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 300;
}
.component-card .page-title-background h2 a { color:inherit;} 
.component-card .list-carat {
  font-size: .82rem;
  list-style: none;
}
.component-card .list-carat li:before {
  font-size: .7rem;
  margin-right: 3px;
  content: "\f054";
  font-family: FontAwesome;
}

@media (max-width: 768px) {
  .component-card .page-title-background h2 {
    width: 70%;
  }
  .component-card .page-title-background ul.list-carat {
    clear: both;
    float: none;
    padding-top: 25px;
    margin-bottom: 0;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .component-card .page-title-background .img-container,
  .component-card .page-title-background h2 {
    width: 100%;
    float: none;
    clear: both;
    display: block;
    margin: 0;
  }
  .component-card .page-title-background .img-container {
    text-align: center;
    width: 80px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sr img.float-img {
width: 20%;
margin-right: 1rem;
}
	.sr:after {
content: "";
display: block;
clear: both;
}

.sr {
clear: both;
margin-top: 10px;
margin-bottom: 1rem;
display: block;
float: none;
width: 100%; 
}

/* for nonlinked subheadings in left menu */
ul.leftmenu li.menu-heading {
    color: #004f87;
    /* border-bottom: 1px solid #b3b4b4; */
    padding: 20px 10px 10px 3px;
    margin: 0 20px;
    text-transform: uppercase;
    font-size: .8rem;
} 
ul.leftmenu li.menu-heading:hover {
    background-color: initial;
}

/* gme */
.cols-grey-bg div.columns .col-inner { 
	padding: .5rem 1rem; background:#eee; margin-bottom: 1rem;   
}

.main-content a {
    text-decoration: underline;
}
.main-content .sidelinks a, .list-unstyled.social a, .main-content [class*=thumbs] a, .main-content .button-list a, .main-content .slider-container a, .main-content .accordion-navigation a, .main-content .button a, .main-content a.button, .main-content .leftmenu a, #sidebar-left h2 a {
    text-decoration: none;
}

.table p { margin:0; padding:0;}
.table p + p { margin-top: .5rem;}
table.table { width: 100%; border-spacing: 0;border-collapse: collapse;}
table.table.table-striped tr:nth-of-type(2n+1) td, table.table.table-striped tr:nth-of-type(2n+1) th {
    background: #eee;
}
.table th, .table td { border: 1px solid #ccc;  }

.profile {
    font-size: 14px;
}
.profile li + li {
    margin-top: .5rem;
}

/* responsive thumbnails for gallery */
.responsive-thumbnails ul.thumbnails li, .responsive-thumbnail ul.thumbnails li {
  width: 50% !important;
  margin: 0;
  height: auto !important;
  border: 0;
}
.responsive-thumbnail ul.thumbnails li {
	width: 100% !important;
} 
.responsive-thumbnails ul.thumbnails {
  margin-left: 0;
  width: 100%;
}
.responsive-thumbnails ul.thumbnails li img, .responsive-thumbnail ul.thumbnails li img {
  width: 100%;
}
.responsive-thumbnails ul.thumbnails li a, .responsive-thumbnail ul.thumbnails li a {
  border: 0;
}
@media (min-width: 768px) {
  .responsive-thumbnails ul.thumbnails li {
    width: 33.33% !important;
  }
}
@media (min-width: 992px) {
  .responsive-thumbnails ul.thumbnails li {
    width: 25% !important;
  }
  .responsive-thumbnails.responsive-thumbnails-thirds ul.thumbnails li {
    width: 33.33% !important;
  }
}


.flex-caption {
    padding: 8px 10px !important;
    text-align: left !important;
    font-size: 13px !important;
}

/* caption style for blockquote */
blockquote p { margin-bottom:0; font-size: 1.15rem; }
blockquote p + p { margin-top: .5rem;}
blockquote, blockquote p { 
	color: #333;}
blockquote { 
	font-style: italic;
	padding: 1rem 1rem .5rem 1rem; 
	line-height: 1.6;
	position: relative; 
	font-size: 1.15rem; 
}

blockquote::before{
	font-family: Arial;
	content: "\201C";
	color: #15938e;
	font-size: 4rem;
	position: absolute;
	left: -.8rem;
	top: -10px;
}

blockquote::after{
	content: '';
}

blockquote small:before {
	content: "— ";
}
blockquote small {
	display: block;
	color: #333333;
	font-style: normal;
	font-weight: normal;

	margin: 0;
	padding: 0;
	margin-top: 1em;
	font-size: .8rem;
}

blockquote.simple { font-style:normal; font-size: 1rem; }
blockquote.simple p {font-size: 1rem;}
blockquote.simple::before, .expanding-info-boxes blockquote::before {
	position: relative;
	left: 0;
	top: 0;
}
.expanding-info-boxes blockquote::after { display:none;}
.expanding-info-boxes blockquote { 
	font-size: 1rem; font-style:normal;
}
.expanding-info-boxes blockquote p, .expanding-info-boxes blockquote span { font-size: 1rem;}
.expanding-info-boxes.active-single div.reset a, .expanding-info-boxes a {
	text-decoration:none;
}
/* end caption style for blockquote */
.main-content form legend { 
	float: none !important;
	width: auto !important;
	clear:both !important;
	padding: 0 .1875rem !important;
	margin: 0 0 0 -.1875rem !important;
}
.main-content form .required { color: #f04124;padding-right:2px;font-weight:bold; }


ul.linklist {
    padding-top: 20px;
    list-style:none;
    margin-left:0;
    padding-left:0;
}
ul.linklist li a {
    font-size: 1rem;
    display:block;
    padding: 8px 12px;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}
ul.linklist li:first-child a {
    border-top: 1px solid #ccc;
}
ul.linklist li a:after {
	content: "\00bb";
	display: inline;
	padding-left: 3px;
}

/* form styles */
.main-content span.required {
	color: #e20000;
}
.main-content form legend { 
	float: none !important;
	width: auto !important;
	clear:both !important;
	padding: 0 .1875rem !important;
	margin: 0 0 0 -.1875rem !important;
}
.main-content form input[type=checkbox], .main-content form input[type=radio] {
	margin: .5em .5em; 
} 
.main-content button[type=reset] {
	float: right;
	background: rgba(255, 162, 162, 0.35);
	color: #000;
	padding: 8px 15px;
	font-size: 14px;
}

.photolisting:after {
	clear: both;
	content: "";
	display: table;
}