/*

Theme Name: Dietary Biomarker
Description: Base Web Theme based on Master Parent theme
Author: Peter Anderson & Daniel Beyer
Version: 2.0.1
Template: master_parent


*/

@import url('../master_parent/style.css');




/*jump index 
-- 1650 and 1218 : "maximum"
-- 801 to 1023 : "Between"
-- 800 : "tablets"
-- 500 : "phones"
-- 508 compliance for animations

*/
	
/* ---------------------------  GLOBAL  ------------------------------------- */

/* Fonts, headings, Div, Tables */

	p,div,table,td,h1,h2,h3,h4,h5,span,
	.search-form input[type="search"]::placeholder,
	.fl-form-field input[type=search]::placeholder {
		font-family: 'Comfortaa', sans-serif;
	}

	p,div,table,span,
	.search-form input[type="search"]::placeholder,
	.fl-form-field input[type=search]::placeholder {
		font-size:1.8rem;
	}

	h1,h2,h3,h4,h5,h6 {
		color:#a4343f;
		margin-bottom:12px;
		font-weight:500;
	}

	h1 {font-size:4rem;margin-bottom:14px;}
	h2 {font-size:3.2rem;margin-bottom:14px;}
	h3 {font-size:2.6rem;}
	h4 {font-size:2rem;}
	h5 {font-size:1.8rem;color:black;font-weight:700;}
	h6 {font-size:1.6rem;text-transform:uppercase;font-weight:700;}
	h1.entry-title, .search h1.page-title {margin-top:25px;font-size:4rem;font-weight:500;}
	.search h1.page-title span {font-size:4rem}
	.search h1.entry-title {font-size:3rem;margin-left:0!important;}

	.table .mobile {
		font-weight:bold; 
		text-transform:uppercase;
		font-size:1.8rem;
	}

	ul, ol {
		margin:0 0 1.5em 3em;
	}

	table {
		background-color:#fff; 
		color:#135c6d; 
		border-top:1px solid #06809c; 
		height:auto !important;
	}

	thead {
		visibility:visible;
		display:table-header-group;
	}
		
	table td {
		border-bottom:1px solid #b8ced3; 
		padding:14px; 
		text-align:left;
		display:table-cell;
		padding-left:0px;
		width:37%;
		border-right:1px solid #ccc;
	}

	table th {
		background-color:#018fb0;
		color:#fff;
		text-align:left; 
		border-right:1px solid #fff;
		font-weight:normal;
		padding:8px 15px; 
		font-weight:bold;
	}

	tbody tr:nth-of-type(2n) {
		background-color: #e1f1f3;
	}

	table td.first.cell  {
		border-bottom:1px solid #fff;
		font-weight:bold;
		border-bottom:1px solid #b9ced3;
	}

	table th.first.cell, 
	table td.first.cell {
		padding-left:20px;
		text-align:left;
	} 

	Table:focus, 
	caption:focus, 
	tbody:focus, 
	tfoot:focus, 
	thead:focus, 
	tr:focus, 
	th:focus, 
	td:focus {
		outline: #00569d dotted 2px;
	}

	table td.first {
		font-size:1.8rem;
		background-color:#72a5bf;
		color:#fff;
		width:200px;
	}

/* end default table design */



/*-------------------- Core Architecture */

    * {
        margin:0px;
        padding:0px;
        box-sizing:border-box;
    }

	.element-invisible {
	  position: absolute;
	  top: -999999em;
	  left: auto;
	  width: 1px;
	  height: 1px;
	  overflow:hidden;
	}

	body {
		background-color:white;
		line-height:1.35;
	}

	.menu-main-menu-container,
	.site-branding,
	.site-main {
		max-width:1330px;
		margin:0px auto;
	}

	div.centercol {
		padding:20px 45px;
	}

	#primary {
		width:100%;
		max-width:1330px;
	}

	#primary {
		background-color:#fff;
		margin:0px auto;
		padding:0px 18px 12px 18px;
	}

	#site-header {
		max-width:750px;
		/* margin:0px auto; */
		width:100%;

	}

	#site-header {
		padding-left:0;
	}

	#site-header img {
		margin-top:10px;
	}

	.entry-header,
	.search .entry-summary,
	.search .entry-footer {
		max-width:1145px;
		margin:0px auto;
		width:100%;
	}

	article:focus, 
	main:focus{
		outline:none;
	}

	/* 404 Page */
	/* fix height of pages */
	.error404 #primary {
		height: calc(511px + 407px);
		padding: 18px;
	}

	.error404 .page-content .search-field {
		margin: 20px 0;
	}

	.error404 .widget_recent_entries ul,
	.error404 .widget_archive p,
	.error404 .widget_archive #archives-dropdown--1 {
		visibility: hidden;
	}


/*--------------------- Header */

/* site branding */ 

	.site-branding {
		background:transparent url("images/banner_dots.svg") no-repeat bottom right;
		background-size:cover;
		height:auto;
		clear:both;
		padding-top:0;
		padding-left:0;
		border-top:5px solid #f15e21;
	}

/* navigation */


	.main-navigation {
		background-color:transparent;
		text-transform: capitalize;
		position: initial;
	}

	.main-navigation ul {
		display:flex;
		flex-flow:row wrap;
	}

	.main-navigation a {
		padding:15px 14px;
	}

	.main-navigation li a {
		background-color:transparent;
		color:#000000;
		font-size:2rem;
	}

	.main-navigation li:hover > a {
		background:none;
		color:#000000;
		/* border-bottom:6px solid #fff; */
		margin-bottom:-5px;
	}

	.current-menu-ancestor li:hover > a {
		border-bottom:6px solid #fff;
	}

	.main-navigation ul ul {
		background-color:#fff;
	}

	.main-navigation ul ul a {
		width:250px;
		font-size:1.8rem;
	}

	.main-navigation ul ul a:hover {
		color:#fff!important;
	}

	/* set the current background menu color:*/
	.main-navigation .current_page_item > a, 
	.main-navigation .current-menu-item > a, 
	.main-navigation .current_page_item > a:hover, 
	.main-navigation .current-menu-item > a:hover {
		background-color:transparent!important;
		border-bottom:6px solid #404349;
	}

	.main-navigation .current_page_item > a:link,
	.main-navigation .current_page_item > a:visited,
	.main-navigation .current-menu-ancestor a {
		color:#000!important;
		border-bottom:6px solid #fff;
		margin-bottom:-5px;
	}

	.sub-menu .current_page_item > a:link,
	.sub-menu .current_page_item > a:visited {
		color:#fff!important;
		background-color:#757575!important;
		border-bottom:6px solid #404349;
	}

	button#nav-toggle {
		height: 32px;
		border:none; 
		box-shadow:none;
		text-shadow:none; 
		background:#fff; 
		font-size:3rem; 
		cursor: pointer; 
		padding:0px 2px 4px; 
		margin:10px;
		margin-left:30px;
		width:39px;
	}

	#nav-toggle span:before {
		top: -8px;
	}

	#nav-toggle span:after {
		bottom: -8px;
	}

	#nav-toggle span, 
	#nav-toggle span:before, 
	#nav-toggle span:after {
		cursor:pointer; 
		border-radius:1px; 
		height:3px; 
		width:27px;
		background:#000;
		position:absolute;
		display:block;content:''; 
		transition: all 200ms ease-in-out;
	}

	.toggled #nav-toggle span {
		background-color: transparent;
	}
	.toggled #nav-toggle span:before, 
	.toggled #nav-toggle span:after {
		top: 0;
	}

	.toggled #nav-toggle span:before {
		transform: rotate(45deg);
	}

	.toggled #nav-toggle span:after {
		transform: rotate(-45deg);
	}


/* Search Components */


	.search-toggle {
		color:rgba(0,0,0,0.6); 
		margin:0px;
		top:40px;
		padding-top:10px;
		margin-right:12px;
		height:38px;
	}

	.search-toggle:hover,
	.mobile-search .fa-search:hover {
		color:#652f6c;
		background:none;
	}	

	.search-box-wrapper {
		top:0;
		left:0;
	}

	.search-box {
		position:absolute;
		left:68px;
		top:1px;
	}

	.search-box .search-field {
		background:transparent;
	}

	.member .search-form input[type="search"]::placeholder {
		color:#cb5411;
		text-align:right;
	}

	.search-area {
		/* position:absolute;
		right:0px;
		top:0px; 
		width:48px; 
		transition: width 0.5s;
		overflow: hidden;
		z-index:100; */
		flex:3;
		position:relative;
	}

	.mobile-search {
		display:none;
		position:absolute;
		top:0;
		right:0;
	}

	.mobile-search a {
		padding:0;
	}

	.mobile-search .fa-search {
		color:rgba(0,0,0,0.6);
		margin:12px;
	}

	
	
	/* search toggle */
	/* .search-area.toggled{
		width:265px;
	}

	.toggled .search-toggle {
		float: none; 
		position: static; 
		margin-top: 1px; 
		height: 49px; 
		display: inline-block;
	}

	.toggled #search-container {
		position:static;
		width:auto;
		display:block;
	} */


/* ----------------------Footer */
	
		
	.site-footer {
		background:#cb5411 url("images/logo_bio_white.svg") no-repeat;
		clear:both;
		background-position:20px 50px;
		background-size:500px;
		padding:152px 0 0 0;
	}

	.site-footer a {
		color: #DDD !important;
	}

	.site-disclaimer {
		font-size: .9em;
		background-color:#393637;
		padding:8px 18px 12px 18px;
	}

	.supportedby {
		font-size: 1em;
		margin-bottom: 10px;
	}

	.privacy {
		font-size: 1em;
		margin-bottom: 5px;
	}

	.footer-widgets .widget, .loginout {
		float: right;
		padding: 0 30px;
		width: auto;
	}

	
	
/* --------------Posts and Category pages */

	.single-post .entry-meta,
	.single-post .entry-footer,
	.single-post .wp-post-image,
	.single-post .nav-links {
		display:none;
	}

	.post .entry-header {
		padding-bottom:20px;
	}

	.post .entry-content {
		padding:20px;
	}

	.pubs-list ul.lcp_catlist,
	.pres-list ul.lcp_catlist {
		margin:0;
	}

	.pubs-list .lcp_catlist li,
	.pres-list .lcp_catlist li {
		list-style:none;
	}

	.pubs-list a {
		font-weight:bold;
	}

/* -----------------------  CUSTOMIZATIONS    --------------------------------*/
/* 404 */

	.loginout, 
	.home .entry-header,
	p:empty,
	.hide,
	.mobile {
		display:none;
	}


	.fl-builder-edit .hide {
		display:block;
	}

	.clear {
		clear:both;
	}


	/*feataured image space with fixed height and variable image */

	.image-shifter {
		height:450px;
		overflow: hidden;
	}

	.image-shifter img {
		min-width:1250px;
	}




/* -----------------------  Plug-in CUSTOMIZATIONS    -------------------------*/

	.fl-module-content {
		margin-left:20px;
		margin-right:20px;
	}

	.fl-builder h1.entry-title {
		margin-left:45px;
	} 

	.fl-builder .centercol {
		padding:20px 0px;
	}

	.fl-builder .entry-content {
		margin:0px;
	}

	.fl-builder-content-primary {
		margin-top:-16px;
	}


/* -----------------------  General Global Unique styles    -------------------*/

	.mem-back {
		background:#f8f8fb;
	}

	.member {
		position: relative;
		top: 0;
		left: 0;
		display: flex;
		background:#f8f8fb;
		max-width:1330px;
		margin:0px auto;
	}	

	.member a {
		color:#000000;
		font-size:1.5rem;
		padding-bottom:7px;
		padding-right:0;
	}

	.member-login {
		flex:2;
	}

	.member-files {
		flex:7;
	}

	.memberbox {
		position:absolute;
		top:50px;
		right:40px;
	}	

	.memberbox a {
		color: #000000;
		font-size: 2rem;
	}

	.sub-home {
		background-image:url("images/noun-home-v2.svg");
		background-repeat:no-repeat;
		background-size:25px;
		background-position:10px 7px;
		padding-left:45px!important;
		height:40.2px;
	}

	.login {
		background-image:url("images/noun-user.svg");
		background-repeat:no-repeat;
		background-size:27px;
		background-position:5px 9px;
		padding-left:45px!important;
	}

	.files {
		background:#efeef3 url("images/noun-login.svg");
		background-repeat:no-repeat;
		background-size:22px;
		background-position:8px 12px;
		padding-left:40px!important;
		border-top-left-radius:30px;
    	border-bottom-left-radius:30px;
	}

	.menu-main-menu-container {
		margin-top:15px;
	}

	#menu-main-menu li:nth-child(1) {
		background:transparent url("images/icn_about.svg") no-repeat;
		background-size:18%;
		padding-left:40px;
		padding-right:38px;
		background-position:1% 20%;
	}

	#menu-main-menu li:nth-child(2) {
		background:transparent url("images/icn_collaborators.svg") no-repeat;
		background-size:18%;
		padding-left:40px;
		padding-right:38px;
		background-position:1% 20%;
	}

	#menu-main-menu li:nth-child(3) {
		background:transparent url("images/icn_ongoing.svg") no-repeat;
		background-size:16%;
		padding-left:40px;
		padding-right:38px;
		background-position:1% 20%;
	}

	#menu-main-menu li:nth-child(4) {
		background:transparent url("images/icn_publications.svg") no-repeat;
		background-size:18%;
		padding-left:40px;
		padding-right:38px;
		background-position:1% 20%;
	}

	#menu-main-menu li:nth-child(5) {
		background:transparent url("images/icn_ancillary.svg") no-repeat;
		background-size:16%;
		padding-left:40px;
		padding-right:38px;
		background-position:1% 20%;
	}

	#menu-main-menu .sub-menu {
		outline:1px solid #cccccc;
	}

	#menu-main-menu .sub-menu li {
		background-image:none;
		padding:0;
	}

	.intro {
		font-size:2.8rem;
		font-weight:600;
	}

	.intro p {
		font-size:2.3rem;
		font-weight:600;
	}

	.bracket {
		padding-top:32px;
		padding-left:32px;
		background:transparent url("images/leg.svg") top right no-repeat;
		background-size:40px;
		width:90%;
	}

	.bracket ul {
		list-style:none;
		background:transparent url("images/brick.svg") bottom right no-repeat;
		padding-bottom:32px;
		background-size:45px;
		padding-right:80px;
		margin-left:2em;
	}


	.bracket li {
		text-transform:uppercase;
		padding:6px 0px 24px 50px;
		color:#427dc5;
		font-weight:bold;
		background:transparent url("images/hex.svg") no-repeat top left;
		background-size:40px;
	}

	.biomark .fl-row-content-wrap {
		background:transparent url("images/biomarker_final.svg") no-repeat top left;
		background-size:163px;
	}

	/*singing cat code*/
	/*code for making videos responsive -- wrap the iframe in a div with wrapper class if you need to control the width of the video do a second parent div around the wrapper and set width on that. */
	.wrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;

	}
	.wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.page-btn a {
		background:#fafafa;
    	border:1px solid #ccc;
    	color:#333;
    	padding:10px 20px;
    	border-radius:12px;
		display:inline-block;
    	margin:5px;
		text-decoration:none;
	}





/* --------------------------  PAGE SPECIFIC  --------------------------------- */ 



/*-----------------------Home Page */

	
	.home .fl-col-small {
		max-width:900px;
	}

	.home .bracket {
		width:100%;
		padding-top:12px;
	}

	.home .bracket ul {
		margin-left:16px;
	}

	.home_intro {
		padding-left:40px;
	}

	.home #primary {
		padding:0;
	}

	.modules-banner .fl-row-content-wrap{
		padding:0;
	}
	
	/* to fix home modules banner width */
	#comments, article {
		width: 100%;
	}	

	.studies-text p,
	.pubs-text p,
	.pres-event-yes p,
	.pres-event-no p {
		font-size:2rem;
	}

	.studies-text {
		background:#710053 url("images/icn_feat_studies.svg") no-repeat;
		background-size:100px;
		background-position:top left;
		padding-left:125px;
    	padding-right:100px;
		position:relative;
	}

	.studies-text .fl-module-content:before {
		content:"";
		background: url("images/back_digital_studies.png") no-repeat;
		position:absolute; 
		width:100%;
		height:100%;
		z-index:3;
		top:0;
		left:0;
		pointer-events:none;
	}

	.pubs-text {
		background:#14265b url("images/icn_feat_publications.svg") no-repeat;
		background-size:100px;
		background-position:top left;
		margin-top:10px;
		padding-left:125px;
		padding-right:225px;
		position:relative;
		height:100%;
	}

	.pubs-text .fl-module-content:before {
		content:"";
		background:url("images/back_digital_pubs.png") no-repeat;
		position:absolute; 
		width:100%;
		height:100%;
		z-index:3;
		top:0;
		left:0;
		pointer-events:none;
	} 


	.back-pubs {
		margin-top: 10px;
		background:#14265b url("images/back_pub.png") no-repeat;
		background-size:cover;
		height:100%;
		min-height:165px;
	}

	/* Presentations module block - icon to display with presenter image */
	/* .pres-text {
		background:url("images/icn_feat_event.svg") no-repeat;
		background-position-x:345px;
    	background-position-y:50px;
    	background-size:40px;
    	padding-left:25px;
    	padding-right:395px;
	} */

	/* Presentations module block - presenter images */
	/* .pres-text img {
		position:absolute;
		top:0;
		right:0;
		/* object-fit:cover; 
		height:100%;
		width:270px;
	}
	*/

	.pres-columns {
		background:#ce6715 url("images/back_event_yes.png") no-repeat;
		background-size:cover;
		position:relative;
	}
	
	/* Presentation module - presentation/event */
	.pres-block-right img {
		width:300px;
    	height:427px;
    	max-height:427px;
    	object-fit:cover;
	}

	.pres-event-yes {
		margin-bottom:20px;
	}

	.pres-event-yes .fl-rich-text {
		position:relative;
		top:3px;
		padding-left:0px;
		padding-right:45px;
	}

	.pres-event-yes ul.lcp_catlist {
		margin:0;
	}

	.pres-event-yes .lcp_catlist li {
		list-style:none;
		font-size:2rem;
	}

	.studies-text a:link,
	.studies-text a:visited,
	.pubs-text a:link,
	.pubs-text a:visited,
	.pres-event-yes a:link,
	.pres-event-yes a:visited,
	.pres-event-yes .lcp_catlist a {
		color:#fff;
		text-decoration:none;
	}

	.studies-text strong a:link,
	.pubs-text strong a:link,
	.pres-event-yes strong a:link,
	.pres-event-yes .lcp_catlist strong a:link {
		text-decoration:underline;
	}

	/* .pres-block {
		background:url("images/icn_feat_event.svg") no-repeat;
		background-position-x:100%;
		background-position-y:55%;
		background-size:45px;
		padding-left:25px;
		padding-right:75px;
	} */

	.pres-event-yes .fl-module-content::after {
		content:"";
		background:url("images/icn_feat_event.svg") no-repeat;
		background-size:50px;
		width:50%;
		height:50%; 
		position:absolute;
		top:14%;
		left:48%;
	}

	/* Presentation module - when no presentation or event */
	/* .pres-columns-no {
		background:url("images/back_event_no.png") no-repeat;
		background-size:cover;
	} */

	.pres-columns-no {
		background-color:#e09961;
	}

	.pres-columns-no .fl-col-group {
		height:100%;
	}

	.event-no {
		background:url("images/back_event_no_text.png") no-repeat;
		background-size:cover;
	}

	.event-no-right {
		background:url("images/back_event_no_img.png") no-repeat;
		background-size:cover;
	}

	.pres-event-no {
		padding:30px 25px 0 45px;
	}

	.modules-banner h2,
	.modules-banner {
		color:#ffffff;
	}

	.pres-event-no {
		color:black;
	}

	.logo-row img {
		width:350px;
	}

	.logo-row .harvard img {
		width:450px;
	}

	.home-logo-left {
		position:relative;
		right:50px;
	}
	

/*-----------------------Collaborators Pages */
/* Personnel */

	.bio-member strong {
		font-size:2rem;
		color:#a4343f;
	}

	.bio-member p {
		font-size:1.7rem;
	}

	.personnel .fl-photo-content img,
	.personnel .fl-accordion-content img {
		width:200px;
		height:250px;
		object-fit:cover;
	}



/* site logos */

	/* .page-id-1891 .entry-header {
		background:url("images/Harvard-logo.png") center right no-repeat;
		background-size:200px;
		font-size:3.6rem;
		padding:18px 200px 18px 0;
	} */

	/* .page-id-1937 .entry-header {
		background:url("images/UCDavis-logo.png") center right no-repeat;
		background-size:200px;
		font-size:3.6rem;
		padding:18px 210px 18px 0;
	} */

	/* .page-id-1878 .entry-header {
		background:url("images/FredHutch-logo.png") center right no-repeat;
		background-size:200px;
		font-size:3.6rem;
		padding:18px 200px 18px 0;
	} */

	/* .page-id-1865 .entry-header {
		background:url("images/Duke-logo.png") center right no-repeat;
		background-size:285px;
		font-size:3.6rem;
		padding:18px 250px 18px 0;
	} */

	.page-id-1865 .entry-title {
		width:65%;
	}


/* maximum */
@media screen and (max-width: 1650px){

}

@media screen and (max-width: 1330px){
	
	.member-login {
		flex:3;
	}

	.member-files {
		flex:6;
	}

	.search-box {
		left:0;
	}

	.member .search-form input[type="search"]::placeholder {
		text-align:left;
	}

	.pubs-text {
    	padding-right:100px;
	}
	
	.main-navigation li a {
		font-size:1.8rem;
	}
	
	#menu-main-menu li:nth-child(1) {
		margin-left:12px;
	}

	#menu-main-menu li:nth-child(1),
	#menu-main-menu li:nth-child(2),
	#menu-main-menu li:nth-child(3),
	#menu-main-menu li:nth-child(4),
	#menu-main-menu li:nth-child(5) {
		padding-right:18px;
	}
	

}

@media screen and (max-width: 1218px){

	div.centercol {
		padding:20px 60px;
	}
	
	/* .fl-module-content {
		margin-left:0px;
		margin-right:0px;
	} */
	
	#menu-main-menu li:nth-child(1),
	#menu-main-menu li:nth-child(2),
	#menu-main-menu li:nth-child(3),
	#menu-main-menu li:nth-child(4),
	#menu-main-menu li:nth-child(5) {
		background-size:16%;
		background-position:left center;
	}
	
	
	
}

@media screen and (max-width: 1140px){
	
	.main-navigation li a {
		font-size:1.7rem;
		padding-left:0px;
		
	}
}

@media screen and (max-width: 1023px){
	
	p,div,table,span {
		font-size:1.8rem;
	}
	
	.main-navigation {
		position:relative;
	}
	
	.main-navigation ul {
		display:none;
	}
	
	.main-navigation ul ul,
	.main-navigation ul ul a{
		width:100%;
	}
	
	.main-navigation ul ul,
	.main-navigation ul ul ul {
		position:relative;
		top:inherit;
		left:0;
		float: none;
	}
	
	.main-navigation li {
		float:none;
	}
	
	.main-navigation li a {
		background-color:#ccc;
		font-weight:bold;
	}
	
	
	.main-navigation a {
		padding-left:2rem;
	}

	.main-navigation ul ul a {
		padding:10px 10px 10px 2.5em;
		font-size:1.8rem;
		font-weight:lighter;
	}
	
	
	.main-navigation.toggled ul {
		display:block;
	}
	
	.menu-toggle {
		display:block;
	}

	/* menu background icons */
	#menu-main-menu li:nth-child(1),
	#menu-main-menu li:nth-child(2),
	#menu-main-menu li:nth-child(3),
	#menu-main-menu li:nth-child(4),
	#menu-main-menu li:nth-child(5) {
		background-image:none;
		padding:0;
	}
	
	.fl-builder h1.entry-title {
		margin-left:20px;
	}  
	
	.member {
		top:0px;
	}

	input.search-field {
		width:150px;
	}
	
	.intro {
        font-size:2rem;
        font-weight:600;
	}
	
	.intro p {
		font-size:2rem;
		font-weight:600;
	}
	
	.bracket {
		background-size:30px;
		padding-left:0px;
		width:90%;
	}

	.bracket ul {
		margin-left:0px;
		padding-right: 30px;
		background-size:30px;
	}

	.studies-text,
	.pubs-text {
		padding-right:0;
		padding-left:100px;
	}

	.pres-event-no {
		padding-left:5px;
		padding-top:5px;
	}

}

@media screen and (max-width:900px) {
	.pres-block-right img {
		position:relative;
		top:80px;
		left:0;
		height:auto;
	}
}

/* tablets */
	
@media screen and (max-width: 800px) {
	
	.main-navigation li a {
		padding:2rem 2rem 1rem;
	}

	h1 {font-size:3.2rem;margin-bottom:14px;}
	h2 {font-size:2.7rem;margin-bottom:14px;}
	h3 {font-size:2.2rem;}
	h4 {font-size:1.6rem;}
	h5 {font-size:1.6rem;color:black;font-weight:700;}
	h6 {font-size:1.6rem;text-transform:uppercase;font-weight:700;}
	h1.entry-title {margin-top:15px;font-size:2.8rem;font-weight:500;}
	
	.home #primary {
		padding:12px 18px 12px 18px;
	}

	div.centercol {
		padding:20px 40px;
	}
	
	.member {
		position: relative;
		/* top: 0px;
		right: 40px; */
	}

	.studies-text,
	.pubs-text {
		background-size:65px;
		background-position:top 10px left 0;
		padding-left:55px;
    	padding-right:0;
	}

	.studies-text .fl-module-content:before,
	.pubs-text .fl-module-content:before {
		background-size:100px;
	}

	.pres-event-no {
		padding:0;
	}

	.presi {
		padding-top:0;
	}

	.logo-row img {
		width:300px;
		float:none;
		margin:0;
	}

	.home-logo-left {
		right:0;
	}


}

@media screen and (max-width:768px) {

	.fl-col-small:not(.fl-col-small-full-width) {
		max-width:100%;
	}

	.member-login {
		flex:4;
	}

	.member-files {
		flex:5;
	}

	input.search-field {
		width:120px;
	}

	.pres-columns,
	.pres-columns-no {
		margin-top:10px;
	}

	.pres-event-yes .fl-module-content::after {
		left:0;
	}

	.pres-event-yes .fl-rich-text {
		padding-left:55px;
		padding-right:0;
		top:25px;
	}

	.pres-block-right {
		padding-top:10px;
	}

	.pres-block-right img {
		width:200px;
		top:0;
		left:75px;
	}

	.logo-column img {
		width:350px;
	}

}


 
/*duo*/
@media screen and (max-width: 640px){
	
	ul, ol {
		margin:0 0 1.5em 2em;
	}
	
	div.centercol {
		padding:20px 0px;
	}
	
	.mobile {
		display:block;
	}
	
	thead {
		visibility: hidden; 
		display:none;}

	table td  {
		display: block; 
		overflow-x: auto;
		text-align:left;
		padding-left:34px; 
		width:99%;
	}

	table td.first {
		font-size:1.8rem;
		background-color:#72a5bf;
		color:#fff;
		width:99%;
	}
	
	
	button#nav-toggle {
		margin-left:22px;
	}
	
	.site-footer {
		background-size:385px;
	}

	.member {
		right:20px;
	}
	
	.search-area {
		display:none;
	} 

	.mobile-search {
		display:block;
	}

	.intro {
		font-size:2.8rem;
		font-weight:600;
	}
	
	.intro p {
		font-size:2.2rem;
		font-weight:600;
	}

	.pres-event-yes .fl-module-content::after {
		background-size:40px;
	}
	
	.page-id-1865 .entry-header,
	.page-id-1937 .entry-header,
	.page-id-1891 .entry-header,
	.page-id-1878 .entry-header {
		background:none;
		padding:0;
	}

	/* .page-id-1865 .entry-content::before {
		background:url("images/Duke-logo.png") center no-repeat;
		background-size: 300px;
		padding: 18px 10px 18px 0;
		width:100%;
		height: 50px;
	}

	.page-id-1937 .entry-content::before {
		background:url("images/UCDavis-logo.png") center no-repeat;
		background-size: 200px;
		padding: 18px 10px 18px 0;
		width:100%;
		height: 50px;
	}

	.page-id-1891 .entry-content::before {
		background:url("images/Harvard-logo.png") center no-repeat;
		background-size: 150px;
		padding: 18px 10px 18px 0;
		width:100%;
		height: 150px;
	}

	.page-id-1878 .entry-content::before {
		background:url("images/FredHutch-logo.png") center no-repeat;
		background-size: 200px;
		padding: 18px 10px 18px 0;
		width:100%;
		height: 100px;
	} */

	.page-id-1865 .entry-title,
	.page-id-1878 .entry-title {
		width:100%;
	}	
	
	.bracket {
		padding-left:20px;
		width:96%;
	}


}
    
    /* phones */




@media screen and (max-width: 400px){

	.member {position:relative;display:inline-block;/*top:0px;right:10px;*/}

	.sub-home {background-position:7px 7px;}

	.site-footer {background-size:290px;}

}


/*fold*/
@media screen and (max-width: 300px){

}

/* Tone down the animation to avoid vestibular motion triggers like scaling or panning large objects. SEE: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion */

@media (prefers-reduced-motion) {
	
}