/*   
Theme Name: DRI
Theme URI: https://dermatologyresearch.ca
Description: Theme for DRI
Author: Mitch Wienecke
Author URI: http://crashcreative.ca
Version: 1.4
*/

/* -----  LAYOUT  ----- */


/* ---- RESET ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

html {
	background-color: #000;
}
a {
	text-decoration: none;
}


@font-face { font-family: Radikal-Bold; src: url('inc/fonts/Radikal-Bold.ttf'); }
@font-face { font-family: Radikal-Medium; src: url('inc/fonts/Radikal-Medium.ttf'); }
@font-face { font-family: Radikal-Regular; src: url('inc/fonts/Radikal-Regular.ttf'); }
@font-face { font-family: Radikal-Thin; src: url('inc/fonts/Radikal-Thin.ttf'); }


/* --- COLORS ---

DRI LAVENDER #AFA7AC;

font-family: 'Didact Gothic', sans-serif;
font-family: 'Archivo Narrow', sans-serif;

--- */

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ---- FONTS ----- */
/* ------------------------------------------------------------------------------------------------------------------------------ */
h1 {
	font-family: Radikal-Bold, sans-serif;
	font-size: 100px;
	color: #FFF;
	line-height: 0.75;
}
h2 {
	font-family: Radikal-Bold, sans-serif;
	font-size: 5em;
	line-height: 0.75;
}
h3 {
	font-family: Radikal-Regular, sans-serif;
	font-size: 4vw;
}
h4 {
	font-family: Radikal-Thin, sans-serif;
	font-size: 4vw;
}
p {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 27px;
	line-height: 34px;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ---- UNIVERSAL LAYOUT ---- UNIVERSAL LAYOUT ---- UNIVERSAL LAYOUT ---- UNIVERSAL LAYOUT ---- UNIVERSAL LAYOUT --------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */

/* ---- HEADER ---- HEADER ---- HEADER ---- HEADER ---- HEADER ---- HEADER ---- HEADER ---- HEADER ---- HEADER ---- HEADER ----- */

#header-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	background-color: #000;
	border-bottom: 1px solid #000;
}
.header-logo {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 24px 0 0;
}
.header-logo img {
	max-width: 80px;
	max-height: 96px;
}
#main-menu-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;	
	height: 60px;
	line-height: 0;
	padding: 0 5px;
}
.contact-icons ul {
	position: relative;
}
.contact-icons ul li {
	display: inline-block;
}
.contact-icons img, .social-media-icons img {
	max-width: 30px;
	max-height: 30px;
	padding: 0 !important;
}
.temp-spacer {
	width: 30px;
	height: 1px;
}


/* ---- MAIN MENU  ---- MAIN MENU ---- MAIN MENU ---- MAIN MENU ---- MAIN MENU ---- MAIN MENU ---- MAIN MENU ---- MAIN MENU ---- */


ul.main-menu {
	text-align: center;
	border-top: 1px solid #000;
}
ul.main-menu li {
	display: inline-block;
}
.main-menu {
	background-color:#000;
	padding: 0px !important;
	margin: 0px 0px 0px -15px !important;
	list-style-type:none;
	line-height: 0;
}
.main-menu li { 
	float:none;
	color:#fff;
}
.main-menu li a {
	padding: 29px 18px;
	display:block;
	text-decoration:none;
	border-bottom: none;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFF;
}
.main-menu a:hover  {
	background-color: #FFF;
}
/* Submenu */
.main-menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
.main-menu a:hover {
	color: #FFF;
	background-color: #949494;
}
.main-menu li:hover { 
	position: relative;
}
.main-menu li:hover ul {
	border: 1px solid #FFF;
	border-bottom: none;
	left:0px;
	top: 58px;
	background-color:#000;
	padding:0px;
	z-index: 10;
	margin-left: 0px;
}
.main-menu li:hover ul li a {
	padding: 9px 5px 9px 18px;
	display:block;
	width: 270px;
	text-indent:0px;
	color: #FFF;
	background-color:#000;
	text-align: left;
	border-bottom: 1px solid #FFF;
	text-transform: none;
	
	line-height: 1;
}
.main-menu li:hover ul li a:hover { 
	background: #afa7ac;
}
.main-menu li:hover ul ul, .main-menu li:hover ul ul ul { 
	display: none;
	margin-left: 0px;
}
/* show second nested level*/
.main-menu li li:hover ul, .main-menu li li li:hover ul {
	display: block;
	left: 100%;
	top: 0;
	margin-top: -1px;
}
/* make hover persistent on chosen item */
.main-menu li a:hover {
	color: #000;
	background-color: #FFF;
}
.main-menu li:hover > a {
	color: #000;
	background-color: #FFF;
}
/*
.astm-search-menu a {
    max-height: 30px !important;
    padding: 0px !important;
	
}
.is-menu path {
	fill: #FFFFFF !important;
}
*/
.is-menu {
	position: absolute;
	top: 0px;
	left: 136px;
}
.is-form-style {
	position: absolute;
	top: -40px !important;
	left: 35px;
}
.search-close {
	position: absolute;
	top: -33px !important;
	left: 7px;
}
body .popup-search-close::after, body .search-close::after, body .popup-search-close::before, body .search-close::before {
    border-color: #FFF !important;
}

/* ---- END of HEADER ---- END of HEADER ---- END of HEADER ---- END of HEADER ---- END of HEADER ---- END of HEADER ----------  */





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ---- UNIVERSAL LAYOUT ---- UNIVERSAL LAYOUT ---- UNIVERSAL LAYOUT ---- UNIVERSAL LAYOUT ---- UNIVERSAL LAYOUT --------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */

#page-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #FFF;
}
#page-heading {
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: #000;
	height: 80px;
	padding: 0 !important;
}
#page-heading.in-page-heading {
	padding-top: 25px !important;
	margin-bottom: 25px;
}
#page-heading h1, #page-heading.in-page-heading h1 {
	font-family: Radikal-Bold, sans-serif;
	font-size: 110px;
	color: #FFF;
}

/* SECTION LAYOUTS */
.section {
	display: flex;
	flex-direction: column;
	width: 98%;
	padding: 0 1% 25px;
}
.section.first-section {
	height: calc(100vh - 260px);
}
.section.dri-lavender {
	background-color: #afa7ac;
}
.content-wrap {
	width: 100%;
	display: flex;
	padding-bottom: 21px;
	align-items: stretch;
}
.center-text {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
}
.vertical-design-element {
	width: 15px;
	min-height: 60px;
	background-color: #000;
	margin-top: 6px;
	margin-bottom: 3px;
}
.section.dri-lavender .vertical-design-element {
	background-color: #FFF;
}
.content-paragraph {
	padding: 0 0 0 10px;
	width: 100%;
}

/* SECTION FONTS */
.heading {
	width: 100%;
	padding: 25px 0 20px;
}
.heading h2 {
	font-size: 81px;
	font-family: Radikal-Regular, sans-serif;
	text-transform: uppercase;
}
.section.dri-lavender .heading h2 {
	color: #FFF;
}
.sub-heading h2 {
	font-size: 81px;
	font-family: Radikal-Regular, sans-serif;
	text-transform: uppercase;
}

.section.dri-lavender .content-paragraph p {
	color: #FFF;
}
.content-paragraph.contact p {
	/*
	font-size: 40px;
	line-height: 50px;
	*/
	font-size: 27px;
	line-height: 34px;
	font-weight: bold;
}
ul.square {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 32px;
	list-style-type: square;
	margin-left: 40px;
	color: #FFF;
	line-height: 40px;
}







/* CONNECT PAGE */
.section.connect .content-wrap {
	width: 100%;
	display: flex;
	padding-bottom: 21px;
	/*
	align-items: center;
	*/
}
.content-wrap.address {
	padding-top: 10px;
}
.section.connect .vertical-design-element {
	width: 15px;
	height: 70px;
	flex-shrink: 0;
	background-color: #000;
	margin-top: 0px;
}
.sub-heading {
	background-color: #afa7ac;
	width: 100vw;
	margin-left: -1%;
	padding-top: 26px;
	margin-top: 5px;
	margin-bottom: 25px;
}
.sub-heading.address {
	margin-bottom: 8px;
}
.sub-heading h2 {
	color: #FFF;
	margin-left: 1%;
	line-height: 0.73;
}
.content-paragraph.address {
	padding-bottom: 10px;
}
.content-paragraph.single {
	display: flex;
	align-items: center;
	height: 70px;
}
.vertical-design-element.address {
	width: 15px;
	/*
	height: 140px;
	*/
	height: 93px;
	flex-shrink: 0;
	background-color: #000;
	margin-top: 7px;
}



img.address-marker {
	min-width: 300px !important;
	height: 300px !important;
	margin-top: -80px !important;
}
img.social-media-marker {
	min-width: 300px !important;
	height: 300px !important;
	margin-top: -87px !important;
}




/* HOME PAGE */

.video-text {
	color: #FFF;
	width: 100%;
	padding-top: calc(100vh - 350px);
}
.video-text h1 {
	/*
	font-size: 4.8vw;
	*/
	font-size: 81px;
	margin-bottom: 25px;
	text-align: center;
}
.video-text h2 {
	/*
	font-size: 3vw;
	*/
	font-family: Radikal-Thin, sans-serif;
	font-size: 42px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.075em;
}
span.pipe {
	position: relative;
	top: -3px;
}


/* HOME PAGE VIDEO */
#video-section {
  position: relative;
  background-color: #000;
  height: calc(100vh - 175px);	
  width: 100%;
  overflow: hidden;
  
}
#video-section video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 50%;
  min-height: 50%;
  max-height: 150%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
#video-section .video-text-wrap {
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
    top: 0;
    left: 0;
}
#video-section .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}



.home-page .section {
	padding: 0 1% 25px !important;
}
.counters-wrap {
	display: flex;
	width: 100%;
	padding: 25px 0;
}
.numbers-wrap {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	width: 33%;
	padding: 15px 0;
}
.numbers-wrap.two {
	width: 50%;
}
.numbers-wrap p {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 32px;
	padding-bottom: 3px !important;
	text-align: center;
}
.numbers-wrap p span.counter, .numbers-wrap p span.counterTwo, .numbers-wrap p span.counterThree {
	font-family: Radikal-Bold, sans-serif;
	font-size: 80px;
	color: #afa7ac;
}
.section.dri-lavender .numbers-wrap p span.counterTwo {
	color: #000;
}
.home-page .content-paragraph p {
	/*
	padding-bottom: 25px;
	*/
}

.columnsWrap {
	display: flex;
	width: 98%;
	padding: 18px 1%;
}




.squareButtonWrap {
	width: 25%;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: flex-end;
}
a.squareButton {
	width: 100px;
	height: 100px;
	background-color: #B3B3B3;
	margin: 0 auto;
}
.squareButtonWrap a {
	font-size: 26px;
	margin-bottom: 12px;
	text-align: center;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}
.squareButtonWrap a.main-link {
	font-size: 32px;
	margin-bottom: 50px;
	margin-top: -75px;
	z-index: 100 !important;
}
.squareButtonWrap a.main-link:hover {
	color: #000;
}
.squareButtonWrap a:hover {
	color: #afa7ac;
}
.squareButtonWrap a:hover ~ a.squareButton {
	background-color: #afa7ac;
}
a.squareButton:hover {
	background-color: #afa7ac;
}














/*
.columnsWrap .mapSide img {
	width: 100%;
}
.columnsWrap .mapSide {
	position: relative;
}
.columnsWrap .mapSide .fas {
	position: absolute;
	top: 51%;
	left: 39%;
	color: #FFF;
	font-size: 1.5em;
}
.columnsWrap .mapSide a:hover .fas {
	color: #afa7ac;
}
.squareButtonWrap {
	width: 33%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 56px;
	padding-bottom: 40px;
}

.squareButton a h2 {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 2.1em;
	font-weight: bold;
	text-transform: uppercase;
	
	margin-bottom: 20px;
	
	position: relative;
	z-index: 1 !important;
}
.squareButton a h6 {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	z-index: 1 !important;
}
.squareButton a::before {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	background-color: #B3B3B3;

	z-index: 0 !important;
}
.squareButton a {
	text-decoration: none;
	position: relative;
	z-index: 1 !important;
}
.squareButton a:hover h2 {
	color: #333;
}
.squareButton a:hover h6 {
	color: #afa7ac;
}
.squareButton a:hover::before {
	background-color: #afa7ac;
}
*/

.contact-icon-wrap {
	display: flex;
	align-items: center;
}
.contact-icon-wrap img {
	width: 75px;
	height: 75px;
	margin-left: -3px;
	margin-right: 8px;
}







/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* ---- STUDIES - OLD STYLE ---- STUDIES - OLD STYLE ---- STUDIES - OLD STYLE ---- STUDIES - OLD STYLE ---- STUDIES - OLD STYLE ----- */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
#page {
	padding-top: 8px;
	float: left;
	width: 100%;
	/*
	min-height: calc(100vh - 460px);
	*/
	background-color: #FFF;
}
.title {
	width: calc(100% - 1.25em);
	/*
	width: 100%;
	*/
	max-width: 980px;
	background-color: #000;
	margin: 0 auto;
	padding: 1em 0em 1em 1.25em;
}
.currentTrialsGray {
	background-color: #777;
}
.currentTrialsLtGray {
	background-color: #B3B3B3;
}
.currentTrialsDRI {
	background-color: #afa7ac;
}
.content {
	width: 100%;
	float: left;
	padding-bottom: 0em;
	
	padding-top: 2px;
}
.content .section {
	width: 100%;
	max-width: 1000px;
}
.clear {
	clear: both;
}


#projectWrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
#projectWrap p {
	font-size: 16px;
}
#projectWrap .title {
	margin-bottom: 0.125em;
}
#projectWrap .title h1 {
	display: inline-block;
	font-size: 1.75em;
	color: #FFF;
	text-transform: uppercase;
}
#toggleContentLink0, #toggleContentLink1, #toggleContentLink2, #toggleContentLink3, #toggleContentLink4, #toggleContentLink5 {
	cursor: pointer;
}
.arrowUp {
    background-position: 96% 50%;
    background-image: url("images/upArrow.png");
    background-repeat: no-repeat;
	background-size: 1.25em 0.6875em;
}
.arrowDown {
    background-position: 96% 50%;
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
	background-size: 1.25em 0.6875em;
}
#projectWrap  h3 {
	color: #000;
	text-transform: uppercase;
	font-size: 1.0625em;
	padding-left: 1.25em;
}
#projectWrap p {
	line-height: 1.25em;
	padding: 0 1.25em;
	margin-bottom: 0.15em;
}
#projectWrap .propertyHighlights p, #projectWrap .propertyDetails p {
	padding-left: 2em;
	padding-right: 1.25em;
}
#projectWrap .propertyOverview p {
	padding: 0em 1.25em;
}
#projectWrap .section {
	padding: 0.5em 0em;
}
#projectWrap.clinical-trials-current .title {
	margin-bottom: 10px;
}

#clinical-trial-wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	
	padding-bottom: 20px;
}
#clinical-trial-box {
	border: 1px solid #000;
	width: 493px;
	margin-bottom: 10px;
}


/* SAMPLE SAMPLE SAMPLE */
#clinical-trial-wrap.summaries-example #clinical-trial-box {
	height: 100%;
	min-height: 300px;
}






/* OVERVIEW */

#pharmaCompaniesWrap {
	display: inline-flex;
	align-items: center;
	
	width: 100%;
}
#pharmaCompaniesWrap .mapSide {
	width: 50%;
}
#pharmaCompaniesWrap .mapSide img {
	width: 100%;
}
#pharmaCompaniesWrap .dynamicNumbers {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 375px;
}
.phaseDescriptionWrap {
	width: calc(100% - 0em);
	display: flex;
	flex-direction: row;
	padding: 0.0em 0em 0.15em;
}
.phaseDescription {
	width: 25%;
	background-color: #F1F1F1;
	border-right: 1px solid #000;
}

.phaseDescriptionTitle {
	background-color: #000;
}
.phaseDescriptionTitle h2 {
	text-align: center;
	color: #FFF;
	padding: 0.5em 0;
}
.phaseDescription p {
	padding: 0.6em 0.675em !important;
	margin: 0 !important;
	font-size: 0.9em;
	text-align: left;
}
.phaseDescription:first-of-type p {
	padding-left: 0.675em !important;
}
.phaseDescription:last-of-type p {
	padding-right: 0.675em !important;
}
.phaseDescription:last-of-type {
	border: none;
}

#pharmaCompaniesWrap .dynamicNumbers p {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 0.8;
}
#pharmaCompaniesWrap .dynamicNumbers p span.counter {
	font-size: 2em;
	font-weight: bold;
}
ul.square {
	margin-left:2.25em;
}
ul.square li {
	padding: 0em 0 0.25em 0em;
	margin-bottom:0em;
	list-style-type: square;
	line-height: 1.2;
}
.clinicalTrialsOverview .section p {
	margin-bottom: 0.55em !important;
}
.clinicalTrialsOverview .section p:last-of-type {
	margin-bottom: 0.15em !important;
}
.video {
	
}
.padding {
	padding: 0.6em 1.25em 0.15em;
}
.videoWrap iframe {
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.videoWrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

/* DRUG SAFETY */
.drug-safety h3 {
	margin-top: 0.675em;
	line-height: 1.35em;
}
.drug-safety p span {
	font-weight: bold;
}









#clinical-trial-box:nth-child(odd) {
	margin-right: 10px;
}
/*
#clinical-trial-box:nth-last-child(1) {
	margin-bottom: 40px;
}
*/
.last-trials #clinical-trial-box:nth-last-child(1) {
	margin-bottom: 10px;
}
#phase-and-status {
	display: flex;
	justify-content: space-between;
	padding: 1em 1.25em;
	background-color: #E1E1E1;
}
.clinical-trial-title {
	background-color: #000;
	padding: 1em 0em 1em 1.25em;
}

.clinical-trial-title h1 {
	font-size: 1.5em;
	color: #FFF;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}
.clinical-trial-title h1 span {
	font-size: .75em;
	text-transform: none;
}
.clinical-trial-title h1 span.years-active {
	float: right;
	margin-right: 1.1em;
	margin-top: 0.25em;
}

.clinical-trial-phase h5 {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	
	
}
.clinical-trial-phase h5 span {
	font-weight: normal;
}
.clinical-trial-status h4 {
	font-size: 100%;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.clinical-trial-status h4 span {
	text-transform: uppercase;
}
.clinical-trial-status h4 span.green {
	color: green;
}
.clinical-trial-status h4 span.yellow {
	color: #d2b201;
}
/*
.clinical-trial-status h4 span.yellow1 {
	color: #d2b201;
}
.clinical-trial-status h4 span.yellow2 {
	color: #c2a503;
}
.clinical-trial-status h4 span.yellow3 {
	color: #a89216;
}
*/
.clinical-trial-status h4 span.red {
	color: red;
}

.clinical-trial-status h4 span.not-recruiting {
	color: #999;
}
.clinical-trial-summary {
	margin-bottom: auto;
}

.clinical-trial-summary h4 {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	padding-bottom: 0.5em;
	font-size: 16px;
}
.clinical-trial-summary p {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 16px;
}
#summary-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.25em 1.25em 0.675em;
	
	height: 160px;
}
a.clinicalTrialButton {
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	background: #000000;
	padding: 6px 18px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	border: solid #FFF 2px;
	margin-top: 0.75em;
}
.clinical-trial-button {
	display: flex;
	justify-content: center;
	margin-top: auto;
}
a.clinicalTrialButton:hover {
	background: #FFF;
	text-decoration: none;
	color: #000;
	border: solid #000 2px;
}





#projectWrap.clinical-trial-individual .title {
	margin-bottom: 0px;
}
#clinical-trial-table {
	width: 100%;
	display: flex;
	/*
	flex-direction: column;
	*/
	flex-wrap: wrap;
	margin-bottom: 10px;
	
	border-bottom: 1px solid #4F4F4F;
}
.gray-cell p, .white-cell p, .light-gray-cell p {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	margin: 0 !important;
	padding: 0 !important;
}
.gray-cell {
	border-top: 1px solid #FFF;
	padding: 1em 1.25em;
	background-color: #3C3C3C;
	width: 25%;
	color: #FFF;
}
.white-cell, .light-gray-cell {
	padding: 1em 1.25em;
	width: calc(75% - 5em - 1px);
	border-top: 1px solid #4F4F4F;
	border-right: 1px solid #4F4F4F;
}
.white-cell {
	background-color: #FFF;
}
.white-cell.first {
	border-top: 1px solid #FFF;
}
.light-gray-cell {
	background-color: #F1F1F1;
}
#clinical-trial-table .white-cell:nth-child(odd) {
	
}
.white-cell a {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	color: #000;
}
.white-cell a:hover {
	color: #A1A1A1;
}







/* PRIOR TRIALS */

.priorTrials ul:first-of-type {
	margin-top: 0.85em;
}
.priorTrials ul:last-of-type {
	border-bottom: none !important;
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}
#projectWrap .priorTrials ul h3 {
	color: #000;
	text-transform: uppercase;
	font-size: 1.0625em;
	padding-left: 1.25em;
	line-height: 0em;
	padding-bottom: 0;
}
#projectWrap .priorTrials ul h3.years {
	font-size: 1.0625em;
	line-height: 1.5em;
	padding-bottom: 0;
	
	font-weight: normal;
}
#projectWrap .priorTrials ul {
	list-style-type: none;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 0em;
	
	padding-bottom: 1.2em;
	margin-bottom: 2em;
	
	border-bottom: solid 1px #000;
}
#projectWrap .priorTrials ul li {
	line-height: 1.25em;
	margin-left: 1.35em;
	padding-right: 1em;
} 
#projectWrap .priorTrials ul li:nth-child(2) {
	margin-top: 0.7em;
} 
li.noBullet {
	list-style: none;
}
#projectWrap .priorTrials {
	padding-bottom: 1.0em;
}















/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ---- BLOG ---- BLOG ---- BLOG ---- BLOG ---- BLOG ---- BLOG ---- BLOG ---- BLOG ---- BLOG ---- BLOG ---- BLOG ---- BLOG ----- */
/* ----------------------------------------------------------------------------------------------------------------------------- */




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ---- Contact Form ---- Contact Form ---- Contact Form ---- Contact Form ---- Contact Form ---- Contact Form ----------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ---- FOOTER ----- */
/* ----------------------------------------------------------------------------------------------------------------------------- */

footer {
	display: flex;
	width: 100%;
}
#footer-wrap {
	display: inline-flex;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	justify-content: space-between;
	
	padding-top: 15px;
	padding-bottom: 5px;
}
#footer-wrap .center {
	width: 400px;
}
#footer-wrap .center img {
	max-width: 200px;
	margin: 0 0 0 95px;
}
#footer-wrap .left-side, #footer-wrap .right-side {
	width: 145px;
}
#footer-wrap .right-side iframe {
	margin-top: -13px !important;
}
.apple-business-chat-banner-container {
	width: 145px !important;
	padding: 0px !important;
	margin: 0px !important;
}
footer .copyright p {
	color: #CDCDCD;
	line-height: 3em;
	font-size: 0.7em;
	text-align: center;
}


/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ---- MOBILE FRIENDLY ---- MOBILE FRIENDLY ---- MOBILE FRIENDLY ---- MOBILE FRIENDLY ---- MOBILE FRIENDLY -------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1000px) {
	
}
@media screen and (max-width: 500px) {
	
}