@charset "utf-8";
@page { margin: 0.5cm; }

#nciBanner, .searchWrapper, .nav, .subNav,
footer, .sites_buttons, input.expand-collapse-btn,
.btn-white, .totop, #leftNav, .returnTop, .jump-to-links, #backtotop,
button#reloadAnchor, .Hero .blur-BG, .twitter-news, .findasite main .sidebox .tile p.textRight {
	display: none !important;
}
details, details > * { 
	display:block !important; 
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~GENERAL~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.mainContainer, body:not(.home) main {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
    padding: 15px 23px !important;
}
div#content.col-m-9 {
    width: 100% !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~LINKS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.logo a[href]:after {
    content: "" !important;
}
a[href]:after {
    content: " (" attr(href) ")" !important;
    word-break: break-all !important;
    display: block !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~TEXT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
p.white, h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, a.white, .white {
	color: #000 !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~CALLOUTS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.trial-details .tile {
    width: 100% !important;
    float: none !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~HOMEPAGE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Hero .mainContainer {
    overflow: visible !important;
    height: auto !important;
	min-height: auto !important;
}
.Hero .statsbox + img {
    position: relative !important;
    width: 100% !important;
}
.Hero {
    border: 1px solid #f1f1f1 !important;
    background-color: #f1f1f1 !important;
}
.highlight-text, .font-35, .font-86, .Hero .statsbox {
    font-size: 16px !important;
    padding: 0 !important;
    font-weight: normal !important;
    display: inline !important;
	border: none !important;
	clear: none !important;
	line-height: 1em !important;
}
.Hero .statsbox {
    width: 100% !important;
    background-color: #fff !important;
    margin: 0 !important;
	    max-width: none !important;
	padding: 15px !important;
}
.Hero .statsbox p {
    display: inline !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~NEWS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newsfeed .hasimg .newsdate, .newsfeed .hasimg .newstitle {
    position: relative !important;
    width: 100% !important;
    overflow: visible !important;
}
.newsfeed a {
    max-height: none !important;
    width: 100% !important;
    border-bottom: 1px solid #000 !important;
    padding-bottom: 1em !important;
	page-break-inside: avoid !important;
}
.newsfeed img {
    width: 200px !important;
    float: left !important;
	margin-right: 1em !important;
	page-break-inside: avoid !important;
}
.newsfeed .hasimg .newssource {
    text-align: left !important;
    clear: none !important;
    margin-top: 1em !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~FIND A SITE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sitesList tr, .componentSitesList .flex-boxes-item {
    border: 1px solid #ccc !important;
}
.findasite main .sidebox .tile img {
	float: left !important;
	max-width: 200px !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~FIND A STUDY~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.find-a-study main a img {
    max-width: 200px !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ABOUT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.flex-boxes .flex-boxes-item.gray  {
	max-height: none !important;
	height: auto !important;
	width: 100% !important;
    border: 1px solid #f1f1f1 !important;
	flex-basis: 100% !important;
}
/*~~~~~~~STAFF LIST~~~~~~~*/
.staffmember {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
    text-align: left !important;
    border: none !important;
    clear: both !important;
}
.staffmember .staff-img {
    width: 150px !important;
    margin: 0 !important;
    margin-right: 1em !important;
    overflow: visible !important;
    border-radius: 0 !important;
    float: left !important;
}
.staffmember .staff--name {
    width: auto !important;
    border: none !important;
    float: left !important;
}
/*~~~~~~~~~~GALLERY~~~~~~~~*/
 .flipcard-overlay, .flipcard-text{
    position: relative !important;
    width: 100% !important;
    overflow: visible !important;
}
.flipcard-text {
    float: right !important;
    width: 69% !important;
    left: 0% !important;
}
#randomGallery .tile  {
	max-height: none !important;
	height: auto !important;
	width: 100% !important;
    border: 1px solid #f1f1f1 !important;
}
.flipcard-img {
    float: left !important;
    width: 30% !important;
}
div#randomGallery .tile {
    outline: none !important;
	overflow: visible !important;
}