/*

Theme Name: Calerie Network Theme
Description: a child theme off of our DCRI parent theme/ 
Author: Peter Anderson
Version: 2.0.1
Template: master_parent


*/

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

/* begin custom code */
/* in order for this to work you master parent needs to be also checkout into the
theme folder and place in a folder named "master_parent" */

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


*/


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

/* Fonts, headings, Div, Tables */


/*general example of font formats */

	.roboto-slab {
	  font-family: "Roboto Slab", serif;
	  font-optical-sizing: auto;
	  font-style: normal;
	}

	.roboto {
	  font-family: "Roboto", sans-serif;
	  font-optical-sizing: auto;
	  font-style: normal;
	  font-variation-settings:
		"wdth" 100;
	}

	h1,h2,h3,h4,h5,h6 {
		color:#b34e5a;
		margin-bottom:14px;
		font-weight:500;
		font-family: "Roboto Slab", serif;
  		font-optical-sizing: auto;
		
	}

	h1 {font-size:3.8rem;}

	h2 {
		font-size:3rem;
		color:#b34e5a;
		margin-top:20px;
	}

	h3 {
		font-size:2.4rem;
		line-height: normal;
	}

	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 {
		margin-top:15px;
		
		font-size:3.8rem;
		line-height:normal;
		font-weight:500;
	}



	p, ul, ol, table td, table th {
		   font-family: "Roboto", sans-serif;
	  font-optical-sizing: auto;
	  font-style: normal;
	  font-variation-settings:
		"wdth" 100;
		font-weight: 400;
		font-size:1.8rem;
		
	}

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

	.fl-rich-text ul {
		list-style-type: none;
		padding-left: 0;
		margin-left:30px;
	}

	.fl-rich-text  ul li {
		position: relative;
		padding-left:25px;
		margin-bottom:13px;
	}

	.fl-rich-text  ul li::before {
		content: '';
		position: absolute;
		left: 0;
		top: 7px;
		width: 12px; /* Adjust size as needed */
		height: 12px; /* Adjust size as needed */
		background-color: #713282; /* Your desired color */
	
	}

/*default table colors*/
	
	.table .mobile {
		font-weight:bold; 
		text-transformation:uppercase;
		font-size:1.8rem;
	}

	table {
		background-color:#fff; 
		color:#31143d; 
		border-top:2px solid #31143d;
		border-right:1px solid #fff;
		height:auto !important;
	}

	thead {
		visibility:visible;
		display:table-header-group;
	}

	table th {
		color:#fff;
		background-color:#2d363d;
		text-align:left; 
		border-right:1px solid #31143d;;
		border-bottom:1px solid #31143d;
		font-size:1.8rem;
		padding:20px 40px 20px 20px; 
		font-weight:bold;
		
	}


	table td {
		border-bottom:1px solid #31143d;
		padding:20px 80px 20px 40px; 
		text-align:left;
		display:table-cell;
		text-align:left;
		width:37%;
		border-right:1px solid #ccc;
		
	}

	table td:first-child {
		border-left:1px solid #ccc;
	}

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

	/* Target even rows */
	tr:nth-child(even) td,
	tr:nth-child(even) th {
	  background-color:#fff3f2; /* Light grey background */
	}

	/* Target odd rows */
	tr:nth-child(odd)td,
	tr:nth-child(odd) th {
	  background-color: #ffffff; /* White background */
	}

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

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




/* end default table design */

	#secondary, 
	.rightwidgets,
	.entry-footer {
		display:none;
	}

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

/* turn off global browser user agents*/

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

	body {
		background-color:#fff;
	}

	main {
		height: auto;
		position:relative;
	}

	div.centercol {
		padding:20px 40px;
		background-color:white;
	}

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

	.site-content {
		background-color:transparent;
	}

	.loginout {
		display:none;
	}

	#primary,
	.search-area,
	.menu,
	.fl-row, 
	.fl-builder .entry-footer,
	.fl-row-fixed-width,
	#supplementary,
	.site-disclaimer,
	#breadcrumbs,
	.footer_nav,
	.site-main .comment-navigation, 
	.site-main .paging-navigation, 
	.site-main .post-navigation,
.pagination 
	{
		width:100%;
		max-width:1330px;
		margin:0px auto;
	}

	#primary {
		background-color:#fff;
		padding:0px;
		position:static;
		margin-bottom:60px;
	}



	#breadcrumbs {
		padding-left:60px;
		margin-top:30px;
		margin-bottom:10px;
	}

	.menu {
		max-width:1115px;
	}


/* adjust title to align with default builder text*/

	.fl-builder 
	.entry-header,
	.page .entry-header {
		display:block;
		background-color:transparent;
		margin-left:12%;
		width:60%;
		margin-top:-44px;
	}

	.search-results .entry-header {
		width:100%;
		margin-top:0px;
		margin-left:0px;
	}

	.home .entry-header {
		display:none;
	}

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

/*adjustments for beaver builder layouts */

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

	.search-results .centercol,
	.search-results .page-header {
		max-width:900px;
		margin:0px auto;
		padding:0px;
	}
	
	.fl-module-content {
		margin-left:40px;
		margin-right:40px;
	}

	.fl-builder h1.entry-title {
		width:100%;
		margin:0px auto;
		padding-left:60px;
		margin-bottom:20px;
	} 

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

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

	.fl-builder article.hentry {
		width:100%;
		margin-bottom:0px;
		float:none;
	}

	.fl-row-fixed-width {
		padding:0px;
	}

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

/* site branding */ 


	.site-branding {display:none;
		height:216px;
	}

	.logo_space {
		position:relative;
		display:flex;
		justify-content: space-between;
	}

	.home .logo_space {
		margin-bottom:24px;
	}

	#site-header {
		padding:18px 0px 0px 0px;
		width:290px;
		margin-left:40px;
	}

	.home #site-header {
		width:330px;
		padding-top:32px;
	}

	.image-shifter {
		overflow: hidden;
		height:400px;
		background-color:#1f3c5d;
		position:relative;
	}

	.home .image-shifter {
		height:500px;
	}

	.image-shifter img {
		width:100%;
	}



/* navigation */

	 .main-navigation {
		 margin-right:0px;
		 margin-top:30px;
		margin-bottom:0px;
		text-transform: none;
		float:none;
		background-color:transparent;
		 width:320px;
		 padding-left:35px;
		 background:transparent url("images/nav_icon.svg") no-repeat top left;
		 background-size:18px;
		 background-position:top 6px left;
		 z-index:1000;
	}

	.main-navigation li {
		float:none;
	}

	.main-navigation ul li {
		padding-left:0px;
		margin-bottom:5px;
	}

	.main-navigation li a {
		background-color:transparent;
		color:#5a1704;
		font-size:2rem;
		padding:4px;
		font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
		font-weight:600;
		display:inline;
	}

	.main-navigation li.menu-item-has-children > a {
		background:transparent url("images/navarrow.svg") no-repeat center right;
		background-size:20px;
		padding-right:26px;
	}

	.main-navigation ul li::before {
		position:relative;
	}


/* 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:#e7e7e7 !important;
		
	}

	.main-navigation .current_page_item > a:link {
		color: inherit;
	}

	.nav-menu {
		display:inline;
		justify-content: flex-start;
	}

	.main-navigation ul ul {
		background-color:rgba(165,165,165,0.92);
		float:none;
		right:0px;
		width:300px;
		left:auto;
		position: relative;
		margin-left:32px;
	}

	.main-navigation ul ul li a {
		width:300px;
		text-transform: none;
		font-weight:300;
	}

	.main-navigation ul ul li:hover {
		background-color:#ccc;
	}


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

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

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

	#nav-toggle span, 
	#nav-toggle span:before, 
	#nav-toggle span:after {
		cursor:pointer; 
		border-radius:1px; 
		height:4px; 
		width:35px;
		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);}

	.toggled .menu {
		display:block;
	}

	.main-navigation li > a:hover {
		color:#7e382b;
		background-color:transparent;
	}

	/* Prevent hover submenu only in the main nav — NOT in the drawer */
	.menu-main-nav-container > ul.menu > .menu-item-has-children:hover > .sub-menu {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
	/* Completely hide all submenus in the original nav menu */
	.menu-main-nav-container > ul.menu .sub-menu {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		position: absolute !important; /* keeps it from affecting layout */
		height: 0 !important;
		overflow: hidden !important;
	}



	/* Hide nested sub-menus by default */

	.menu-drawer ul.sub-menu {
		margin-left:32px;
		font-weight:300;
		list-style: none;
	}

	.menu-drawer .sub-menu .sub-menu {
		display: none!important;
	}

	/* Only show nested sub-menus when drawer is open */
	.menu-drawer.open .sub-menu .sub-menu {
		display: block!important;
		margin-left:32px;
		font-size:1.5rem;
		margin-top:5px;
	}

	.menu-drawer ul.sub-menu > li a {
		display:block;
		margin-top:10px;
	}

	.menu-drawer ul ul.sub-menu > li a {
		margin-top:4px;
	}

	.menu-drawer {
	   position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 400px; /* Adjust as needed */
    height: 100vh;
    background: white;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    transition: right 0.3s ease-in-out;
    z-index: 2100;
    padding: 20px;
	}

.pagination {
	margin-top:72px;
}

	.pagination,
	.page-numbers {
	  display:flex; justify-content:center;gap:.5rem; flex-wrap:wrap; align-items:center;
	}
	.page-numbers { list-style: none; padding:.4rem .7rem; border:1px solid #ddd; border-radius:.375rem; text-decoration:none; }
	.page-numbers.current { font-weight:700; background:#f5f5f5; }
	.page-numbers:hover { background:#fafafa; }

	.menu-drawer.open {
		background-color:rgba(64,26,27,0.96);
		right: 0;
	}

	.menu-drawer.open .menu-main-nav-container {
		pointer-events: none; /* Optional: prevents clicks on the obscured main nav */
		opacity: 0.5;         /* Optional: dims the main nav when drawer is open */
	}

	.menu-drawer.open li a:link,
	.menu-drawer.open li a:visited {
		color:white;
		text-decoration:none;
	}

	.menu-drawer.open li a:hover {
		text-decoration: underline;
	}

	.back-button,
	.back-button:hover {
		background: none;
		border: none;
		cursor: pointer;
		margin-bottom: 10px;
		color: #fff;
		box-shadow: none;
		text-shadow:none;
		padding:0px;
		font-size:1.4rem;
		font-weight: 400;
		float:right;
	}

/* Search Components */

	.search-results #primary {
		width:100%;
		max-width:100%;
	}

	.search-results .page-header {
		margin-top:62px;
	}

	.search_again_inner {
		max-width:1100px;
		margin:0px auto;
	}

	.search-results .centercol h1.entry-title {
		padding-left:0px;
		padding-top:10px;
		font-size: 2.4rem;
		font-weight:500;
		margin-bottom:0px;
	}

	.search-results .centercol footer {
		display:none;
	}

	.search-results .centercol .entry-summary {
		margin-top:10px;
	}

	.alt_search {
		position:absolute;
		top:12px;
		right:20px;
		width:25px;
		z-index:2000;
	}

	.searches {
		display:none;
		justify-content: flex-end;
		flex:3;	
		margin-top:65px;
	}

	.fa-search {font-size:2.4rem;}

	.search-box-wrapper {
		margin-top:5px;
		position:static;
		width:auto;
	}

	.search-box {
		border: solid #666; 
	}

	.search-area {
		position:relative;
		width:48px; 
		transition: width 0.5s;
		overflow: hidden;
	}

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

	.search-toggle {
		color:black;
		top:40px;
		background:#fff; 
		border-radius:20px 0px 0px 20px; 
		margin: 7px 0px;
	}

	.search-toggle:hover {
		background:#652f6c;
	}

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

	.search-box-wrapper.toggled  {
		animation-name:search-animation;
		animation-duration: .2s;
		animation-timing-function: linear;
		display:block;
		width:auto;
	}
	
	.search_again {
		padding: 14px 0px 0px 20px;
		background-color:#f5e7dc;
		width:100%;
		border-top:4px solid #ccc;
		margin-top:32px;
		margin-bottom:32px;
	}

	.search_again strong {
		float:left;
		padding-top:7px;
		margin-left:0px;
		text-transform:uppercase;
		font-size:2rem;
	}

	.search_again #s {
		width:50%;
		margin-left:32px;
	}

	.search_again #searchsubmit {
		margin-left:12px;
		width:100px;
		height:30px;
	}

	.search_again form {
		padding-top:6px;
	}

	/* ----------------------Footer */



	.footer_nav {
		display:flex;
		margin-top:20px;
		gap:40px;
	}

	.fake_nav {
		flex:4;
		margin-left:auto;
		position:relative;
		margin-top:20px;
	}

	.fake_nav ul {
		float:right;
		list-style: none;
		position: relative;
	}

	.fake_nav li a:link,
	.fake_nav li a:visited {
		text-decoration:none;
		font-family: "Roboto Condensed", sans-serif;
		font-size:2rem;
		color:white;
		font-weight:500;
	}

	.fake_nav ul li {
		padding-left:32px;
	}

	.fake_nav ul::before {
		content:'';
		position: absolute;
		top:0px;
		left:0px;
		width:30px;
		height:30px;
		background:transparent url("images/nav_icon_w.svg") no-repeat top left;
		background-position:top 4px left;
		background-size:19px;
	}


	.mission {
		position: relative;
		color:white;
		padding-top:32px;
		margin-bottom:40px;
		flex:4;
	}

	.mission::before {
		content:"";
		position:absolute;
		top:-110px;
		width:250px;
		height:120px;
		background:transparent Url("images/calerie_logo_wTM.svg") no-repeat top left;
		background-size:100%;
		
	}

	.site-footer {
		background-color:#2d363d;
		clear:both;
		margin-top:100px;
		padding-top:0px;
	}

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

	.footer-widgets {
		padding-top:10px;
	}

	.footer-widgets .widget {
		width:60%;
	}

	.footer-widgets .menu {
		display:flex;
		justify-content: flex-end;
		flex-direction:column;
	}

	.widget_nav_menu ul {
		list-style:none;
	}

	.widget_nav_menu li {
		float:left;
	}

	.widget_nav_menu li a:link {
		color:white;
		padding-right:20px;
	}

	.site-disclaimer {
		color:#c7c7c7;
	}

	

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

	.category_page h1.page-title {
		margin-left:38px;
		text-transform: capitalize;
	}

	.single h1.entry-title {
		margin-left:38px;
		text-transform: capitalize;
		margin-left:0px;
	}

	#comments, article {
		width:65%;
		margin:0px auto!important;
		float:none;
	}

	.search-results article {
		width:100%;
	}

	.author {
		display:none;
	}

	.single .byline {
		display:none!important;
	}

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

	.samples_data img {
		float:right;
		width:80%;
		

	}
/*back to top shortcode styling */

	.back-to-top-box {
	  position: fixed;
	  right: 150px;
	  bottom: 340px;
	  width: 72px;
	  height: 120px;
	  background: #ccc; /* gray background */
	  border-radius: 6px;
	  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: flex-start;
	  padding-top: 20px;
	  cursor: pointer;
	  opacity: 0;
	  visibility: hidden;
	  transition: opacity 0.3s ease, visibility 0.3s ease;
	  z-index: 9999;
	}

	.back-to-top-box.visible {
	  opacity: 1;
	  visibility: visible;
	}

	.back-to-top-box .arrow {
	  font-size: 32px;
	  line-height: 1;
	  margin-bottom: 12px;
	}

	.back-to-top-box .label {
	  font-size: 1.2rem;
	  text-transform: uppercase;
	  text-align: center;
	  line-height: 1.4;
	}

	.fl-builder-content a.fl-button, 
	.fl-builder-content a.fl-button:visited {
		background-color:#b25761;
		border-radius:0px;
		border:1px solid #ccc;
		color:white;
		text-decoration:none;
	}

	.fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:visited * {
		color:white;
		text-decoration:none;
	}

	.events .lcp_excerpt {
		margin-top:8px;
	}

	.events ul li {
		margin-top:20px;
		padding-left:0px;
	}

/*	.events ul li .lcp_excerpt ul {
		list-style: circle;
	}*/

	.events ul li .lcp_excerpt li {
		padding-left:25px;
		margin-bottom:8px;
		position:relative;
	}

/* 1) Kill the native bullets so your pseudo-element isn’t “behind” them */
	.hp_events .lcp_excerpt ul {
	  list-style: none;
	  margin: 0;
		margin-left:20px
	  padding-left: 1.25rem; /* room for the custom bullet */
	}

	/* 2) Anchor the ::before inside each LI */
	.hp_events .lcp_excerpt ul > li {
	  position: relative;
	 padding-left:25px;
	}

	/* 3) Draw the bullet */
	.hp_events .lcp_excerpt ul > li::before {
	  display:block!important;
	  content: "";
	  position: absolute;
	  left: 0;                /* aligns with the UL’s padding-left */
	  top: 7px;            /* vertically centers-ish with text */
	  width: 12px;
	  height: 12px;
	  background: #713282;
	  
	}



	.events .summary ul li {
		padding-left:30px;
	}

	.hp_events ul, .hp_events ul ul {
		margin-top:0px;
		padding-top:4px;
		margin-bottom:0px;
	}

	.hp_events ul ul li {
		margin-bottom:0px;
		margin-top:0px;
	}


	a.event_title:link,
	a.event_title:visited {
		font-family: "Roboto Slab", serif;
		font-size:3rem;
		line-height:3.8rem;
		color:#b34e5a;
		font-weight:600;
		text-decoration:none;
		background-image:url("images/icon_linkv2_red.svg");
		background-size:20px;
		background-position:center right;
		background-repeat:no-repeat;
		padding-right:32px;
		padding-bottom:10px;
		padding-top:0px;
	}

	.events li:first-child ,
	.events li:first-child {
		margin-top:0px;
	}

	.events h2 {
		font-size:2rem;
		font-family: "Roboto", sans-serif;
	}

	.feature_blue h2,
	.feature_blue p {
		color:white; 
	}



	.parent-title {
		font-weight: 400;
		margin-bottom: 15px;
		margin-top:50px;
		color:white;
		text-transform: uppercase;
		font-size:1.7rem;
		
	}

	.clear {
		clear:both;
	}

	.clearboth {
		height:0px;
	}
	
	.hide {
		display:none;
	}

	.unhide {
		display:block;
	}

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

	.featured_block {
		background-color:blue;
	}

	@keyframes drawer_animation {
	  from {
		margin-right:-300px;
		
	  }
	  to {
		margin-right:0px;
	  }
	}

	@keyframes search-animation {
	  from {
		margin-top:-100px;
		
	  }
	  to {
		margin-top:0px;
	  }
	}

/*use to hide from sighted users but have item read by screen readers, best in use with aria-labeledby */

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


/*508 fix*/
/*hide empty paragraphs */

	p:empty, h1:empty, h2:empty, h3:empty, h4:empty {
		display: none;
	} 

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

	.leadin p {
		font-size:2rem;
		margin-right:100px;
	}

	 
	.fl-row.fl-row-full-width {
		max-width:100%;
	}

	.fl-builder #primary {
		margin:0px;
		max-width:100%;
		background-color:transparent;
		margin-bottom:60px;
	}

	.fl-row, 
	.fl-builder .entry-footer {
		background-color:white;
	}

	.fl-builder .entry-header {
		background-color:transparent;
		position:relative;
		z-index:1;
	}

	.fl-accordion .fl-accordion-item {
		padding:0px 32px 15px 20px;
		border:0px solid #fff;
		border-bottom:2px solid #e3783a;
	}

	.site-content a.fl-accordion-button-icon:link {
		text-decoration:none;
		color:#f3752a;
	}

	.site-content a.fl-accordion-button-label {
		font-size:2rem;
		color:#713282;
		font-weight:700;
	}

/*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%;
	}

/*feataured image space with logo watermark */

	.image-shifter::before {
		
		content:" ";
		position:absolute;
		bottom:-120px;
		left:50%;
		width:1300px;
		height:400px;
		transform: translateX(-50%);
		background-color: #007bff; /* Just for visibility */
		background:transparent url("images/logo_icon_watermark.png") no-repeat bottom right;
		background-size:380px;
		display:none;
		justify-content: center;
		align-items: center;
	}

	.home .image-shifter::before {
		bottom:0px;
	}

	#content-display {
		display: none;
		position:absolute;
		top:0px;
		right:14%;
		width:380px;
		height:400px;
		background: rgb(137,60,151);
background: linear-gradient(180deg, rgba(137,60,151,0.8) 0%, rgba(137,60,151,0.8) 64%, rgba(137,60,151,0) 100%);
		padding:12px;
	}

	.article_image {
		width:350px;
		height:auto;
		float:left;
		margin: 0px 20px 20px 0px;
	}

/*adjust for pages that need a wider footprint/*/



/*shift content display on pages where the banner sits right */

	.page-id-25 #content-display,/*about*/
	.page-id-27 #content-display,/*our why*/
	.page-id-33 #content-display {
		left:20%;
	}

	.page-id-25 .image-shifter::before ,/*about*/
	.page-id-27 .image-shifter::before ,/*our why*/
	.page-id-33 .image-shifter::before  {
		background-position:bottom left;
	}


	#content-display .inner-border {
		padding:20px 32px 24px 20px;
		display:flex;
		flex-direction: column;
		
	}

	.home_banner .fl-row-content-wrap h1,
	.home_banner .fl-row-content-wrap h2, 
	.home_banner .fl-row-content-wrap p,
	#content-display h1,
	#content-display h2,
	#content-display p {
		color:white;
	}
	
	.home_banner .fl-row-content-wrap p,
	#content-display p {
		font-size:2.6rem;
		line-height:3.8rem;
		font-style:italic;
	}
	
	
	.inner-border p:last-child {
		align-self: flex-end;
	}

	.home_banner .fl-row-content-wrap a:link,
	.home_banner .fl-row-content-wrap a:visited,
	#content-display .inner-border a:link,
	#content-display .inner-border a:visited {
		color:white;
		font-style:normal;
		font-size:1.8rem;
		line-height:2.6rem;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		border:1px solid white;
		padding:5px 15px;
		display:block;
		margin-top:18px;
		margin-right:22px;
		margin-left:auto;
	}

	.home_banner .fl-row-content-wrap a:hover,
	#content-display .inner-border a:hover {
		background-color:lightsteelblue;
	}

	.fl-builder-edit .home_banner .fl-row-content-wrap h1,
	.fl-buiålder-edit .home_banner .fl-row-content-wrap h2,
	.fl-builder-edit .home_banner .fl-row-content-wrap p,
	.fl-builder-edit .home_banner .fl-row-content-wrap a:link,
	.fl-builder-edit .home_banner .fl-row-content-wrap a:visited {
		color:black;
	}

 .gradient-border {
	 display:none;
	/* Adjust the width and height as needed */
	width: 100%;
	height: 0px;
	margin:0px auto;

	/* Centering the content */
	display: flex;
	justify-content: center;
	align-items: center;

	/* Setting up the border */
	border: 6px solid transparent;
	border-radius: 10px; /* Optional, for rounded corners */

	/* Creating a gradient for the border */
	border-image: linear-gradient(to right, rgba(0,0,0,0), #5e1690, rgba(0,0,0,0)) 1 stretch;
  }

/*database and documentation pages */


	.page-id-389 .gradient-border, /*landing page*/
	.page-id-287 .gradient-border, /*about database*/
	.page-id-37 .gradient-border, /*guide to using pub. database*/
	.page-id-39 .gradient-border, /*data contents*/
	.page-id-41 .gradient-border, /*data handling*/
	.page-id-43 .gradient-border, /*forms*/
	.page-id-45 .gradient-border, /* table of avail. measures*/
	.page-id-221 .gradient-border /*cts*/
	{
		border-image: linear-gradient(to right, rgba(0,0,0,0), #5e1690, rgba(0,0,0,0)) 1 stretch;
	}

	.page-id-21 .gradient-border /*events*/
	{
		border-image: linear-gradient(to right, rgba(0,0,0,0), #1236a5, rgba(0,0,0,0)) 1 stretch;
	}

	.page-id-23 .gradient-border /*publications*/
	{
		border-image: linear-gradient(to right, rgba(0,0,0,0), #025b00, rgba(0,0,0,0)) 1 stretch;
	}

/*about pages*/

	.page-id-227 .gradient-border,
	.page-id-229 .gradient-border,
	.page-id-231 .gradient-border,
	.page-id-233 .gradient-border,
	.page-id-235 .gradient-border,
	.page-id-272 .gradient-border,
	.page-id-523 .gradient-border,
	.page-id-17 .gradient-border,
.page-id-1103 .gradient-border
	{
		border-image: linear-gradient(to right, rgba(0,0,0,0), #960202, rgba(0,0,0,0)) 1 stretch;
	}



	.banner_text .fl-rich-text {
		display:none;
	}

	.banner_text .fl-module-content {
		margin-top:0px;
		margin-bottom:0px;
	}

	.fl-builder-edit .banner_text .fl-rich-text {
		display:block;
	}

	.quote p,
	.h_quote p {
		color:rgb(137,60,151);
		font-size:2.4rem;
		line-height:3.6rem;
		font-style:italic;
	}

	.quote {
		padding:32px;
		text-align:center;
		border-top:2px solid rgb(137,60,151);;
		border-bottom:2px solid rgb(137,60,151);;
	}

	.h_quote {
		text-align:center;
		padding:22px 52px;
		border-top:2px solid rgb(137,60,151);;
		border-bottom:2px solid rgb(137,60,151);;
	}

/*features */

	.feature_text p {
		font-size:1.6rem;
		line-height:2.2rem;
	}

	.fl-row.feature_blue {
		background-color:rgba(26,42,77,1.00);
	}

	.fl-row#biorepository {
		background:rgba(28,42,84,1.00) url("images/watermark_feature1.png") no-repeat bottom left;
		background-size:760px;
	}

	.feature_blue .fl-rich-text {
		padding:30px 60px 20px 40px;
	}

	.feature_blue .fl-photo-content img {
		padding:8px;
		border: 1px solid #0E759D;
	}

	.fl-builder-content .feature_blue a.fl-button, 
	.fl-builder-content .feature_blue a.fl-button:visited {
		background-color:#4859b0;
		float:right;
		margin-right:62px;
	}

	.fl-button-left {
		margin-top:0px;
	}


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

	.small_column .fl-row-fixed-width {
	  max-width: 1000px !important;
	}

	.fl-row-fixed-width {
	  max-width: 1200px !important;
	}

	.narrow_page .fl-row-fixed-width {
	  max-width: 1000px !important;
	}

	

	.mfp-figure {
		background-color:white;
	}

	/*testimonial builder homepage */
	.home .bx-viewport {
		min-height:200px!important;
	}

	.bx-controls {
		display:none;
	}

	.fl-testimonial {
		padding-left:12px;
		padding-right:12px;
	}

	.fl-module-testimonials .bx-wrapper {
		margin-bottom:0px;
	}

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


/* events ---------------------*/

	.events_page ul, 
	.events_page ul li {
		margin-left:0px;
		padding-left:0px;
	}

	.events_page a.event_title:visited,
	.events_page a.event_title:link {
		font-size:3rem;
		line-height:normal;
	}

/*------------------publications ------------------*/

	.listing-item {
		margin-bottom:20px;
	}

	.pub_filters {
		display:flex;
		gap:20px;
		align-items: center;
	}

	.facetwp-facet {
		margin-bottom:0px!important;
	}

	.facetwp-date-min {
		margin-right:18px;
	}

/* image shifter set image right on pages*/



	.page-id-25 .image-shifter img,/*about*/
	.page-id-27 .image-shifter img,/*our why*/
	.page-id-33 .image-shifter img
	{
		float:right;
	}



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

	.events ul {
		margin-left:0px;
	}

	.events li {
		padding-left:0px;
	}

	.factoid {
		border-left:4px solid #a61d2e;
		padding-left:20px;
	}


	.factoid h3 {
		font-size:4rem;
		font-family: "Roboto Condensed", sans-serif;
		color:#5a1704;
		font-weight:300;
		margin-bottom:10px;
	}

	.factoid h3 strong {
		font-weight:700;
	}

	.factoid p {
		font-weight:500;
		font-size:1.6rem;
		color:#a61d2e;
	}

	
	
	.home #breadcrumbs {
		display:none;
	}

	.home_3button_feature .fl-col {
		float:none;
	}

	.home_3button_feature .fl-col-group {
		display:flex;
		gap:17px;
	}

	.bigbutton {
		position:relative;
		min-height:540px;
		padding:45px 40px 45px 40px;
		border-radius:6px;
		margin:0px;
	}


	.home_3button_feature .fl-col {
		margin-top:-260px;
	}

	.bigbutton h2 {
		font-family: "Roboto Condensed", sans-serif;
	}

	.bigbutton h2, 
	.bigbutton p {
		color:white;
	}

	.button_col {
		position: relative;
	}

	.button_col .fl-photo {
		position:absolute;
		top:0px;
		right:40px;
		width:100px;
	}

	.fl-builder-edit .button_col .fl-photo {
		position:relative;
	}

	.bigbutton p {
		margin-bottom:24px;
	}

	.bigbutton a:link,
	.bigbutton a:visited {
		display:block;
		margin:0px auto;
		margin-top:40px;
		width:200px;
		color:white;
		border:1px solid white;
		padding:10px 15px;
		text-decoration: none;
	}

	.bigbutton p:last-child {
		position: absolute;
		bottom:55px;
		left:0px;
		width:100%;
	}

	.bigbutton a:hover {
		color:#ed832d;
		border:1px solid #ed832d;
		
	}
	
	.bigbutton img {

	  filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 1.0));

	}

	.bigbutton.button_one {
		background-color:rgba(166,29,46,0.90);

	}

	.bigbutton.button_two {
		background-color:rgba(164,58,71,0.90);

	}

	.bigbutton.button_three {
		background-color:rgba(179,78,90,0.90);

	}

/*samples feature row*/

	.full_featured.Samples {
		position:relative;
		background:#252a62 url("images/hp_feature1.png") no-repeat top left;
		background-size:100%;
		min-height:475px;
	}

	.full_featured .fl-row-content-wrap {
		position: initial;
	}

	.full_featured .fl-col-group:last-child {
		position: absolute;
		bottom:-70px;
		left:50%;
		transform: translateX(-50%); /* shift back by half its own width */
		width:53%;
	}

	.fl-builder-edit .full_featured .fl-col-group:last-child {
		position:relative;
	}

	.full_featured.Samples h2,
	.full_featured.Samples h3,
	.full_featured.Samples p {
		color:white;
		margin-top:32px;
	}

	.full_featured.Samples a:link,
	.full_featured.Samples a:visited {
		font-size:2.4rem;
		text-decoration:none;
		color:white;
		padding-right:40px;
		background:transparent url("images/icon_linkv2_white.svg") no-repeat center right;
	}

	.full_featured h2 {
		font-family: "Roboto", sans-serif;
		font-size:2rem;
	}

	.full_featured h3 {
		font-size:3.2rem;
	}

	.home #content-display
	#content-display {
		display:none;
	}

	.home_banner {
		
	}

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

	.home_banner .fl-module-content {
		margin-top:0px;
		margin-bottom:0px;
	}

	.home_banner .fl-row-content-wrap {
		position:absolute;
		top:0px;
		right:32px;
		
		width:400px;
		padding:20px;
		display:flex;
		justify-content: flex-end;
		background: rgb(137,60,151);
		background: linear-gradient(180deg, #00539b 0%, rgb(60 110 151 / 80%) 64%, rgba(137, 60, 151, 0) 100%);
		
	}

	.home_banner .fl-row-content {
		border:4px solid #FF8D00;
		align-items:baseline!important;
		padding:20px 0px;
		min-height:320px;
	}



	.fl-builder-edit .home_banner .fl-row-content-wrap {
		position:static;
		
	}

	.featured_one .fl-col-group {
		display:flex;
		justify-content: center;
	}

	.featured_one .fl-col {
		width:35%;
		background-color:purple;
		margin-left:12px;
		margin-right:12px;
		min-height:450px;
	}

	.featured_one .fl-col:first-child {
		background:#501f5d url("images/feat_leftv3.png") no-repeat bottom left;
		background-size:100%;
	}

	.featured_one .fl-col:last-child {
		background:#501f5d url("images/feat_rightv3.png") no-repeat bottom left;
		background-size:100%;
	}

	.featured_one .fl-col .fl-col-content {
		padding:22px 26px 28px 22px;
		position:relative;
		z-index:10;
	}

/*	.featured_one .fl-col:first-child .fl-col-content {
		background:transparent url("images/arr_leftv2.png") no-repeat bottom right;
	}

	.featured_one .fl-col:last-child .fl-col-content {
		background:transparent url("images/arr_rightv3.png") no-repeat bottom left;
		background-size:56.6%;
	}*/

	.featured_one .fl-col-group {
		position:relative;
	}

	.featured_one .fl-col-group::before {
		content:"";
		 position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 400px;
		height: 400px;
		background:transparent url("images/logo_icon_watermark_featv2.png") no-repeat center center;
		background-size:100%;
		z-index:0;
	}

	

	.featured_one p,
	.site-content .featured_one a:link,
	.site-content .featured_one a:visited {
		color:white;
		font-weight:600;
	}

	.featured_one h2 {
		color:#ff8b46;
	}

	.featured_investigators .facetwp-template {
		display:flex;
		gap:20px;
	}

	.featured_investigators .listing_wrapper {
		width:30%;
	}

	.featured_investigators .listing_thumb {
		height:340px;
		width:340px;
		overflow:hidden;
		 
	}

	.featured_investigators .listing_thumb img {
width: 100%;
  height: 100%;
  object-fit: cover;  /* fill box, crop if needed */
  object-position: center; /* keep center focus */
	}



	.featured_investigators .listing_title,
	.featured_investigators .listing_date,
	.featured_investigators .listing_authors,
	.featured_investigators .listing_publication,
	.featured_investigators .listing_excerpt {
		padding:0px 20px;
	}

	.featured_investigators .listing_title {
		margin-top:30px;
		margin-bottom:25px;
	}

	.featured_investigators .listing_date {
		font-weight:600;
	}

	.featured_investigators .listing_excerpt {
		margin-top:25px;
	}

	.featured_investigators .listing_title a:link,
	.featured_investigators .listing_title a:visited {
		color:#b34e5a;
		font-weight:600;
		text-decoration:none;
		background-image:url("images/icon_linkv2_red.svg");
		background-size:20px;
		background-position:center right;
		background-repeat:no-repeat;
		padding-right:32px;
	}

	/* Layout */
	.investigator_page .facetwp-template .listing_item {
	  margin: 20px 30px 20px 0px!important;
		width:85%;
	}

	.facetwp-template .listing-inner {
	  display: flex;
	  gap: 20px;
	  align-items: flex-start;
		margin-bottom:24px;
	}

	/* Media (left column) */
	.facetwp-template .listing-media {
	  flex: 0 0 auto;
	}

	.facetwp-template .listing-thumb {
	  width: 300px;
	  height: 300px;
	  overflow: hidden;
	  background: #f3f5f8;
	  box-shadow: 0 1px 3px rgba(0,0,0,.08);
	}

	.facetwp-template .listing-thumb-img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;      /* fills 300x300, crops if needed */
	  display: block;
	}

	/* Placeholder when no image */
	.facetwp-template .listing-thumb.placeholder {
	  background: linear-gradient(135deg, #e9edf3, #f7f9fc);
	}

	/* Meta (right column) */
	.facetwp-template .listing-meta {
	  flex: 1 1 auto;
	  min-width: 0; /* prevents overflow with long content */
	}

	.facetwp-template .listing-title {
	  margin: 0 0 8px;
	  font-size: 2.2rem;
	  line-height: 3rem;
	}

	.facetwp-template .listing-title a {
	  text-decoration: none;
	}

	.facetwp-template .listing-title a:hover {
	  text-decoration: underline;
	}

	.facetwp-template .meta-line {
	  margin: 6px 0;
	  line-height: 1.5;
	}

	.facetwp-template .meta-line strong {
	  font-weight: 600;
	  margin-right: 6px;
	}

	/* Keep publication link tidy */
	.facetwp-template .meta-publication a {
	  text-decoration: none;
	  border-bottom: 1px dotted currentColor;
	}
	.facetwp-template .meta-publication a:hover {
	  border-bottom-style: solid;
	}

	/* Responsive tweak */
	@media (max-width: 700px) {
	  .facetwp-template .listing-inner {
		flex-direction: column;
		gap: 12px;
	  }
	  .facetwp-template .listing-thumb {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;  /* keeps a square on mobile while allowing responsive width */
	  }
	  .facetwp-template .listing-thumb-img {
		height: 100%;
	  }
	}

/*-------------Our Work--------*/

	.schools_table h3 {

		font-weight:600;
		margin-bottom:18px;
	}

/*--------News page -----------*/

	.news_title {
		font-size:2.4rem;
		display:block;
		margin-bottom:12px;
	}

	.news_date {
		display:block;
		font-size:1.8rem;
		font-weight:500;
		text-transform:uppercase;
		margin-bottom:12px;
	}
	
	.fl-rich-text ul.lcp_catlist li::before {
		display:none;
	}

/*-----------------------404 Page */

	.error404 #primary {
		padding: 20px;
	}

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

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

	
	.page-id-25 #content-display,/*about*/
	.page-id-27 #content-display,/*our why*/
	.page-id-33 #content-display {
		left:11%;
	}

}

@media screen and (max-width: 1580px){
	
	.image-shifter {
		height:300px;
	}
	
	.home_3button_feature .fl-col {
		margin-top:-410px;
	}
	
	.fl-builder .entry-header {
		margin-left:4%;
	}
	
	.fl-builder.search-results .entry-header {
		margin-left:0px;
	}
	
	.back-to-top-box {
		right:15px;
		bottom:50px;
	}
	
}

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

	.page-id-25 #content-display,/*about*/
	.page-id-27 #content-display,/*our why*/
	.page-id-33 #content-display {
		left:4%;
	}
	
	.fl-builder .entry-header {
		margin-top:-20px;
		margin-bottom:14px;
		margin-left:3%;
	}
	
	.fl-builder.search-results .entry-header {
		margin:0px;
	}
	
	.fl-builder h1.entry-title {
		padding-left:0px;
		font-size:3.4rem;
	}
	
	.home_3button_feature .fl-col {
		margin-top:-380px;
	}
	
	
}

@media screen and (max-width: 1218px){
	
	
	
	.full_featured.Samples {
		background-size:180%;
	}
	
	#breadcrumbs {
		padding-left:40px;
	}
	
	.image-shifter img {
		width:100%;
	}
	
	.main-navigation {
		margin-top:0px;
		background-position-y:31px;
		background-size:16px;
		margin-right:10px;
		padding-left:30px;
		width:270px;
	}
	
	.main-navigation ul {
		margin-left:42px;
	}
	
	.main-navigation ul li {
		margin-bottom:0px;
	}
	
	.main-navigation li a {
		font-size:1.8rem;
	}
	
	.main-navigation li.menu-item-has-children > a {
		background-size:16px;
	}
	
	#site-header {
		margin-left:0px;
		padding-left:30px;
	}
	
	.full_featured .fl-col-group:last-child {
		bottom:-55px;
		width:64%;
	}
	
	.bigbutton {
		min-height:610px;
	}
	
	.bigbutton p {
		line-height:2.8rem;
	}
	
}

/* betweener */

@media (max-width:1023px) {
	
	.fl-builder .entry-header {
		width:90%;
	}
	
	.home_3button_feature .fl-col-group {
		display:block;
		margin-top:-500px;
	}
	
	.home_3button_feature .button_col {
		width:100%;
	}
	
	.home_3button_feature .fl-col {
		margin-top:20px;
		margin:20px auto;
	}
	
	.bigbutton {
		min-height:300px;
		padding:30px;
	}
	
	.bigbutton h2 br {
		display:none;
	}
	
	.home .image-shifter {
		height:450px;
	}
	
	.events .fl-col:first-child {
		width:24%;
	}
	
	.events .fl-col:last-child {
		width:76%;
	}
	
	.events .fl-col-has-cols .fl-col:first-child,
	.events .fl-col-has-cols .fl-col:last-child {
		width:auto;
	}
	
	.featured_investigators .listing_wrapper {
		width:100%;
		position:relative;
	}
	
	.featured_investigators .listing_thumb {
		width:200px;
		position:absolute;
		top:0px;
		left:0px;
		height:180px;
	}
	
	.featured_investigators .listing_title, 
	.featured_investigators .listing_date,
	.featured_investigators .listing_authors,
	.featured_investigators .listing_publication,
	.featured_investigators .listing_excerpt {
		padding-left:230px;
	}
	
	.full_featured h3 {
		font-size:2.8rem;
	}
	
	.full_featured.Samples {
		min-height:400px;
	}
	
	.featured_investigators .facetwp-template {
		display:block;
	}
	
	.search-results .centercol,
	.search-results .page-header{
		margin:10px 30px;
	}
	
	.search-results h1 {
		font-size: 3rem;
	}
}

/* tablets */
	
@media screen and (max-width: 800px) {
	
	#site-header {
		flex:4;
		margin-top:8px;
		padding-left:13px;
	}
	
	#site-header img {
		width:60%;
	}
	

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


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

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

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

	.fl-row-fixed-width {
		padding:0px ;
		padding-right:10px;
	}
	
	.fl-row-content-wrap {
		padding-top:0px;
	}
	

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

/* site branding */ 

/* navigation */
	
	.menu-toggle {display:block;}

	
	.footer-widgets .menu {
		position:relative;
		transform:none;
		right:auto;
		top:auto;
		width:auto;
		background-color:transparent;
	}
	
	

/* Search Components */
	
	.search-toggle {
		margin-right:18px;
	}

/* ----------------------Footer */
	.footer-widgets .widget, .loginout {
		float: right;
		padding: 0 30px;
		width: auto;
	}
		
/* Fonts, headings, Div, Tables */

	
	h1,h2,h3,h4,h5,h6 {
		margin-bottom:14px;
	}
	
	h1 {font-size:3.2rem;}
	
	h2 {font-size:2.8rem;}
	
	h3 {font-size:2.4rem;}
	
	h4 {font-size:2rem;}
	
	h5 {
		font-size:1.8rem;
		color:black;
		font-weight:700;
		text-transform: uppercase;
	}
	
	h6 {
		font-size:1.6rem;
		text-transform:uppercase;
		font-weight:700;
	}
	
	.fl-builder h1.entry-title {

		font-size:3rem;
		font-weight:500;
		padding-left:10px;
		padding-top:24px;
	}

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

/*table in mobile definition*/

	.mobile {display:block;}

	thead {
		visibility: hidden; 
		display:none;
	}

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

	table td.first {
		font-size:1.8rem;
		background-color:#72a5bf;
		color:#fff;
		width:99%;
	}
	
	
	/*animated drawer code right align */
	
	.menu-toggle {
		display:none;
	}
	
	.main-navigation {
		position:initial;
		overflow: hidden;
	}
	
	.main-navigation ul {
		display:block;
		margin-left:0px;
	}
	
	.main-navigation li {
		border-top:0px solid transparent;
	}
	
	.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, .main-navigation li a {
		background-color:transparent;
	}
	
	
	.main-navigation .current_page_item > a, 
	.main-navigation .current_page_item > a:hover, 
	.main-navigation .current_page_item li:hover, 
	.main-navigation .current_page_parent .current_page_item > a {
		color:#313131 !important;
	}
	
	.menu-toggle {
		position:absolute;
		top:44px;
		right:8px;
		z-index:22;
	}
	
	.toggled button#nav-toggle {
		background-color:transparent;
	}
	
	
	.toggled #nav-toggle span:before, 
	.toggled #nav-toggle span:after
	{
		background:white;
	}
	
/*	.menu {
		display:none;
		position:absolute;
		top:0px;
		right:0px;
		transform: translateX(100%);
		width:300px;
		background-color:#3F1646;
		height:100vh;
		z-index:20;
		transition: all 0.8s ease;
	}*/
	
	.toggled .menu {
		transform: translateX(0);
		display:block;
	}
	
	.main-navigation ul.nav-menu {
		width:100%;
		margin-top:30px;
	}
	
	
	
	
/* --------------Posts and Category pages */



/* -----------------------  CUSTOMIZATIONS    --------------------------------*/
	
	.leadin p {
		font-size:2rem;
	}
	
	#content-display {
		width:280px;
		height:300px;
	}
	
	#content-display p {
		font-size:2.3rem;
		line-height:3.2rem;
	}
	
	#content-display h1 {
		font-size:3.6rem;
	}

	#content-display .inner-border {
		padding:13px;
	}
	
	.home .image-shifter,
	 .image-shifter{
		height:320px;
	}
	
	.image-shifter::before {
		display:none;
		left:20%;
		background-size:280px;
	}

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

	.fl-testimonial {
		width:300px;
	}

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



/*-----------------------Home Page */
	
	.event_two .fl-col:last-child .fl-col-group {
		display:flex;
	}
	
	.bigbutton h2 {
		font-size:2.8rem;
	}
	
	.bigbutton {
		min-height:340px;
	}
	
	.home_3button_feature .fl-col-group { 
		margin-top:-300px;
	}
	
	.events .fl-col:first-child,
	.events .fl-col:last-child{
		width:100%;
	
	}
	
	.events .fl-col:first-child .fl-module {
		margin-top:0px;
		margin-bottom:0px;
	}

	.home_banner .fl-row-content {
		padding:30px;
		padding-bottom:10px;
		min-height:200px;
		
	}
	
	.home_banner .fl-row-content-wrap {
		width:350px;
	}
	
	.event_two .fl-col:last-child .fl-module {
		margin-top:20px;
	}
	
	.full_featured h3 {
		font-size:2.6rem;
	}
	
	.full_featured.Samples {
		background-size:250%;
	}
	
	.full_featured .fl-col-group:last-child {
		bottom:-50px;
	}


}
	
@media screen and (max-width: 768px){
	
	.fl-col.fl-node-oa3d6rxy5vcg, 
	.side_nav_2col,
	.mob_col .fl-col,
	.fl-col-small:not(.fl-col-small-full-width){
		max-width:100%!important;
	}

	.fl-builder h1.entry-title {
		padding-left:0px;
	}
	
	.fl-row-content-wrap {
		padding-left:20px!important;
	}
	
	.home .image-shifter, 
	.image-shifter {
		height:120px;
	}
	
	.home_3button_feature .fl-col-group {
		margin-top:0px;
	}
	
	.full_featured.Samples {
		min-height:470px;
	}
	
	.Samples .fl-col-group:last-child {
		display:flex;
	}
	
	.Samples .fl-col-group:last-child img {width:90%;}
	
	.Samples .fl-col-group:last-child .fl-col {
		width:30%!important;
		
	}
	
	.Samples .fl-col-group:last-child .fl-module {
		margin:0px;
	}
	
	.full_featured .fl-col-group:last-child {
		width:100%;
		bottom:-26px;
	}
	
	.event_two .fl-col:last-child .fl-col-group .fl-module {
		margin-left:0px;
	}
	
	.featured_investigators_row {
		margin-top:32px;
	}
	
	.featured_investigators .listing_thumb {
		position:inherit;
	}
	
	    .featured_investigators .listing_title, .featured_investigators .listing_date, .featured_investigators .listing_authors, .featured_investigators .listing_publication, .featured_investigators .listing_excerpt {
			padding-left:0px;
	}
	
	.listing_excerpt {
		margin-bottom:40px;
	}
	
	.samples_data img {
		width:40%;
		float:none;
	}
}


/* phones */

@media screen and (max-width: 767px) {
	
	.pub_filters {
		display:inline;
		margin-left:20px;
	}
	
	.pub_filters strong {
		display:block;
		margin:20px 0px 12px 0px;
	}
	
}

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



	
/* ---------------------------  GLOBAL  ------------------------------------- */
	
	.fl-row-fixed-width {
		padding:0px 12px;
	}
	
	.main-navigation {
		flex:6;
		width:auto;
		margin-top:12px;
		padding-left:12px;
		background-image:none;
		margin-right:-10px;
		position: relative;
		z-index:100;
	}
	
	.main-navigation ul {
		margin-left:6px;
	}
	
	.menu-drawer.open ul {
		font-size:2rem;
		line-height:3rem;
		margin-top:20px;
	}
	
	.menu-drawer.open .sub-menu .sub-menu {
		font-size:1.8rem;
		
	}
	
	.menu-drawer ul ul.sub-menu > li a {
		margin-top:10px;
	}
	
	.main-navigation li a {
		font-size:1.7rem;
	}
	
	.alt_search {
		right:10px;
	}
	
	.fl-builder h1.entry-title {
		font-size:2.6rem;
		text-transform: capitalize;
		padding-left:5px;
		margin-top:0px;
	
	}
	
	.fl-builder .entry-header {width:100%;}
	
	.full_featured.Samples h2, .full_featured.Samples h3, .full_featured.Samples p {
		margin-top:20px;
		margin-left:24px;
	}
	
	.Samples .fl-col-group:first-child .fl-col:first-child .fl-module {
		margin-left:0px!important;
		margin-bottom:0px;
	}
	
	.full_featured.Samples {
		min-height:420px;
	}
	
	.full_featured.Samples a:link, .full_featured.Samples a:visited {
		font-size:2.2rem;
	}
	
	.footer_nav {
		display:inline;
	}

	
	.side_nav_2col ul {
		margin-left:0px;
		margin-bottom:10px;
	}
	
	.side_nav_2col ul li {
		margin-bottom:5px;
	}
		
/*-------------------- Core Architecture */
	
	.main-navigation ul.nav-menu {
		margin-top:5px;
	}
	
	.fl-row-content-wrap {
		padding-left:0px!important;
	}
	
	.fl-builder h1.entry-title {
	margin-top:5px;
	margin-bottom:10px;
	}
	
/*--------------------- Header */

/* site branding */ 
	.site-branding {padding-top:24px;}
	
	#site-header {
		margin:0px;
		width:70%;
		padding-left:10px;
		flex:5;
	}
	
	#site-header img {
		width:100%;
	}

	.logo_space {display:flex;}

/* navigation */

/* Search Components */
	.searches {margin-top:0}

/* ----------------------Footer */
	
	.fake_nav ul {
		float:none;
	}
	
	.footer-widgets .menu {
		position:static;
		transform:none;
		background:orange;
		height:auto;
	}
		
/* Fonts, headings, Div, Tables */

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

	#comments, article {
		width:95%;
		margin:0px auto!important;
		float:none;
	}

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

	/* resized images for page banners on mobile */
	

	.fl-node-d1psjclo0n4q .fl-row-content-wrap {
		padding-bottom:0px;
	}
	
	#breadcrumbs {
		padding-left:20px;
	}

	.page-id-18 .image-shifter img,
	.page-id-25 .image-shifter img,/*about*/
	.page-id-27 .image-shifter img,/*our why*/
	.page-id-29 .image-shifter img,/*our work*/
	.page-id-31 .image-shifter img,/*news*/ 
	.page-id-33 .image-shifter img/*resources*/	{
		display:none;
	}

	.page-id-18 .image-shifter {
		background:url("images/banner_hp_imagev3.png") no-repeat;
		background-size: 100%;
	}

	.page-id-25 .image-shifter {
		background:url("images/about_imagev2.png") no-repeat;
		background-size: 100%;
	}

	.page-id-27 .image-shifter {
		background:url("images/ban_our_why_imagev2.png") no-repeat;
		background-size: 100%;
	}

	.page-id-29 .image-shifter {
		background:url("images/our_work_imagev2.png") no-repeat;
		background-size: 100%;
	}

	.page-id-31 .image-shifter {
		background:url("images/news_imagev3.png") no-repeat;
		background-size: 100%;
	}

	.page-id-33 .image-shifter {
		background:url("images/resources_imagev3.png") no-repeat;
		background-size: 100%;
	}

	#content-display {
		width:100%;
		top:inherit;
		bottom:0px;
		height:350px;
		top:0px;
		left:0;	
		right:0;
	}

	.page-id-25 #content-display,/*about*/
	.page-id-27 #content-display,/*our why*/
	.page-id-33 #content-display /*resources*/ {
		left:0;
		right:0;
	}


	.leadin p {
		font-size:2rem;
		margin-right:0px;
	}

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


	.bx-viewport {
		min-height:58px;
	}
	
	.fl-module {
		margin-left:0px;
		margin-right:0px;
	}


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

	.investigator_page .facetwp-template .listing_item {
		width:100%;
		margin:20px 20px 60px 0px!important;
		
	}
	
	.facetwp-template .listing-title {
		margin-top:20px;
	}
	

/*-----------------------Home Page */
	
	a.event_title:link, a.event_title:visited {
		font-size:2.6rem;
		line-height:normal;
	}
	
	.event_two .fl-col:last-child .fl-col-group {
		display:inline;
		margin-bottom:40px;
	}
	
	.event_two .fl-col:last-child .fl-col-group .fl-col {
		text-align:center;
		margin-bottom:20px;
	}
	
	.factoid {
		border-right:4px solid #a61d2e;
		width:280px;
		margin:0px auto!important;
	}
	
	
	.bigbutton {
		min-height:500px;
	}
	
	.featured_one .fl-col-group {flex-direction:column;}

	.featured_one .fl-col:first-child {margin-bottom:12px;}
	
	.home_banner .fl-row-content-wrap {
		right:12px;
	}	
	
	.home_banner .fl-row-content-wrap p {
		font-size:2rem;
		line-height:3rem;
	}
}

/* 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) {
	
}

/* Alternate Custom Animated nav drawer for mobile opens from the right 

	.main-navigation {position:initial;}

	.main-navigation.toggled .menu-menu-1-container {
		display:block;
	}
	
	button#nav-toggle {
		position:absolute;
		top:20px;
		right:50px;
		height: 3px;
		border:none; 
		box-shadow:none;
		text-shadow:none; 
		background:transparent; 
		font-size:3rem; 
		cursor: pointer; 
		padding:0px 2px 4px; 
		margin:10px;
		width:31px;
		z-index:1000;
	}

@media screen and (max-width: 800px){
	
	.searches {
		position:absolute;
		top:0px;
		right:0px;
		z-index:2;
		margin-right:0px;
		width:100%;
	}
	
	.searches.search_mod {
		z-index:11!important;
	}
	
	.menu-menu-1-container {
		animation-name: drawer_animation;
		  animation-duration: .2s;
		  animation-timing-function: linear;
		background-color:#00385a;
		padding-top:70px;
		display:none;
		position:absolute;
		top:0px;
		right:0px;
		z-index:10;
		width:66%;;
		height: calc(100vh);
	}
	
	
	
}

*/