/*

Theme Name: PTN 2025 Theme
Description: a child theme off of our DCRI parent theme 
Author: Peter Anderson
Version: 1.0.0
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 */



// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 300 to 800


	h1,h2,h3,h4,h5,h6 {
		color:#1d0648;
		margin-bottom:14px;
		font-weight:700;
		font-family: "Roboto", sans-serif;
  		font-optical-sizing: auto;
	}

	h1 {
		font-size:3.8rem;
		font-weight:600;
		color:#012169;}

	h2 {
		font-size:3rem;
		line-height:normal;
		color:#012169;
		margin-top:10px;
		margin-bottom:14px;
	}

	h3 {font-size:2.3rem;
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:25px!important;
		font-size:3.8rem;
		line-height:5rem;
		font-weight:600;
		color:#012169;
	}


	p {
	 	font-family: "Roboto", sans-serif;
		font-weight: 400;
		font-size:1.8rem;
		color:#4e4e4e;
		
	}

	ul, ol {
		margin:0 0 1.5em 3em;
		font-family: "Roboto", sans-serif;
		font-size:1.8rem;
	}

	.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;
	}

	.paginationjs-pages ul li {
		padding-left:0px;
	}

	.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 */
	
	}

	.paginationjs-pages ul li::before {
		display:none;
	}

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

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

	table th {
		color:#31143d;
		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;
		font-family: "Open Sans", sans-serif;
	}


	table td {
		border-bottom:1px solid #31143d;
		padding:10px 4px 10px 10px; 
		text-align:left;
		display:table-cell;
		text-align:left;
		width:37%;
		border-right:1px solid #ccc;
		font-family: "Open Sans", sans-serif;
	}

	.methods table td {
		font-weight:700;
	}

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

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

	/* Target even rows */
	tr:nth-child(even) td,
	tr:nth-child(even) th {
	  background-color:aliceblue /* 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,
	.loginout {
		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;
	}


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


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

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


	#primary,
	#site-header,
	.search-area,
	.menu,
	.fl-row, 
	.entry-header, 
	.fl-builder .entry-footer,
	.fl-row-fixed-width,
	#supplementary,
	.site-disclaimer,
	.logo_space {
		width:100%;
		max-width:1330px;
		margin:0px auto;
	}

	.menu {
		max-width:1115px;
	}


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

	.fl-builder 
	.entry-header {
		max-width:1182px;
	}
	
	.fl-builder
	.narrow_page 
	.entry-header {
		max-width:1000px;
	}
	.home .fl-col-small {
		max-width:900px;
	}

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

/*adjustments for beaver builder layouts */

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

	.home.fl-builder .centercol {
		padding:30px 0px;
	}
	
	.fl-module-content {
		margin-left:40px;
		margin-right:40px;
	}

	.fl-builder h1.entry-title {
		width:100%;
		margin:0px auto;
		padding-left:10px;
		padding-top:40px;
	} 

	.home.fl-builder h1.entry-title {
		padding-top:18px;
	}

	.fl-builder .narrow_page h1.entry-title {
		padding-left:8px;
	}

	.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 */ 

	.subhead {
		position:absolute;
		top:20px;
		right:20px;
		color:white;
		display:flex;
		align-items:center;
		justify-content: flex-end;
		width:300px;
	}

	.subhead a {
		display:block;
		
		margin-right:20px;
	}

	.subhead a:first-child {
color:#40286b;
		border:1px solid #794487;
		border-radius: 14px;	
		text-decoration:none;
		padding:4px 10px;
	}

	.subhead a:last-child {
		padding:0px;
	}

	.subhead img {
		width:35px;
		margin-top:6px;
	}

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

	.logo_space {
		position:relative;
		display:flex;
		background-color:#fff;
		height:164px;
	}

	#site-header {
		padding-left:0px;
		flex:5;
		padding-top:12px;
		position: relative;
		margin-left:0px;
	}

	#site-header a {
		display:block;
		position:absolute;
		top:0px;
		left:30px;
		z-index:10000;
	}

	#site-header img {
		width:455px;
		margin:24px;
	}



	.image-shifter {
		overflow: hidden;
		height:386px;
		background: #1F0748;
background: -webkit-linear-gradient(266deg, rgba(31, 7, 72, 1) 0%, rgba(89, 36, 128, 1) 100%);
background: -o-linear-gradient(266deg, rgba(31, 7, 72, 1) 0%, rgba(89, 36, 128, 1) 100%);
background: linear-gradient(356deg, rgba(31, 7, 72, 1) 0%, rgba(89, 36, 128, 1) 100%);
		position:relative;
	}

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

	.home .image-shifter img {
		width:70%;
		height:auto;
		position:absolute;
		bottom:-180px;
		right:0px;
	}

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

	.loginout {
		display:none;
	}

	.image-shifter { position: relative; overflow: hidden; }
	.image-shifter__img { display:block; width:100%; height:auto; }

/* navigation */

	 .main-navigation {
		 display:flex;
		 align-items: flex-end;
		 width:auto;
		float:none;
		background-color:transparent;
		 margin-bottom:20px;
		 margin-right:32px;
	}

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

	.main-navigation li a {
		background-color:transparent;
		color:#40286b;
		font-size:1.7rem;
		font-weight:500;
		padding:10px 16px;
	}

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

	.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:transparent !important;
		border-bottom:4px solid #623c7a;
	}

	.main-navigation .current_page_item .sub-menu > a, 
	.main-navigation .sub-menu .current-menu-item > a, 
	.main-navigation .current_page_item .sub-menu > a:hover, 
	.main-navigation .sub-menu .current-menu-item > a:hover {
		background-color:transparent !important;
		color:#B3A9FF!important;
	}

	.main-navigation .current_page_item > a:link,
	li.current-menu-parent > a:link {
		color:#000;
		border-bottom:4px solid #623c7a;
	}

	.main-navigation .sub-menu .current_page_item > a:link {
		color:#d0aee5;
	}

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

	.main-navigation ul ul {
		background-color:rgba(80,70,90,0.92);
		float:none;
		right:0px;
		width:300px;
		left:auto;
	}

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

	.main-navigation li > a {
		border-bottom:4px solid transparent;
	}

	.main-navigation li:hover > a {
		background-color:transparent;
		color:#d0aee5;
		border-bottom:4px solid #623c7a;
	}

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

	.main-navigation ul ul li:hover > a {
		border-bottom:4px solid transparent;
	}

	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:3px; 
		width:30px;
		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;
	}

	.nav_border {
		width:100%;
		height:2px;
		background-color:
			#5b4a7c;
	}

/* Search Components */

	.search-results .entry-summary,
	.search-results .page-header,
	.search-results .entry-footer,
	.search-results .paging-navigation {
		max-width:1182px;
		margin:0px auto;
	}

	.search-results h1.entry-title {
		padding-left:0px;
		padding-top:0px;
		margin-bottom:6px;
		margin-top:16px!important;
	}

	.search-results h1 {
		font-size:2.8rem;
		line-height:normal;
	}

	.search-results article,
	.category article,
	.tag article {
		width:95%;
	}

	.search-results div.centercol {
		padding:4px 40px; 
	}

	.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:32px;
		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 */

	#block-9 {
		display:none;
	}

	.site-footer a:link,
	.site-footer a:visited {
		font-family: "Lato", sans-serif;
		font-weight: 700;
		font-style: normal;
		
	}


	.footer_logo_space {
		display:flex;
		align-items: flex-start;
	}

	.footer_logo_space img {
		width:400px;
		margin:32px;
	}

	.site-footer {
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		background-color:#fff;
		clear:both;
		margin-top:100px;
		padding-top:0px;
	}

	.site-footer a,
	.site-footer p {
		color:#369 !important;
	}

	.footer-widgets {
		display:flex;
		padding-top:10px;
		margin-top:20px;
	}

	.footer-widgets h3 {
		font-size:1.8rem;
	}

	.footer-widgets ul {
		margin-left:0px;
	}

	.footer-widgets li {
		font-size:1.6rem;
		padding:6px 0px;
	}

	.footer-widgets  a:link,
	.footer-widgets  a:visited {
		color:#78787f!important;
		text-decoration:none;
	}

	.footer-widgets .widget {
		width:60%;
		text-align:left;
		padding:0px;
	}

	#block-6 a:first-child:link,
	#block-6 a:first-child:visited {
		font-weight:600;
		font-size:1.8rem;
		color:#32245d!important;
		padding-left:32px;
		text-decoration:underline;
		background:transparent url("images/icn_mail2.svg") center left no-repeat;
		background-size:23px;
	}

	#block-6 a:last-child:link,
	#block-6 a:last-child:visited {
		font-weight:600;
		font-size:1.8rem;
		color:#32245d!important;
		padding-left:32px;
		text-decoration:underline;
		background:transparent url("images/linkedin.svg") center left no-repeat;
		background-size:23px;
	}

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

	.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:#369;
	}

	#supplementary {
		position: relative;
	}

	#supplementary::before {
		display:none;
		content:"";
		position:absolute;
		top:-100px;
		width:300px;
		height:100px;
		background:transparent Url("images/logo.svg") no-repeat top left;
		background-size:100%;
	}

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

	.category-lay-summary img:first-child {
		display:none;
	}

	.post-navigation {
		display:none;
	}

	.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;
	}

	.author {
		display:none;
	}

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

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

	.wpgmza_infowindow_address {
		  white-space: normal;
		  display: none;
	}

	.wpgmza-basic-list-item.wpgmza_div_address {
		font-size: 0.8em;
		display: none;
	}

	.news {
		display:none;
	}

/* ====== Top Drawer (CSS-only via :target) ====== */

/* Tweakables */
	:root {
	  --tray-height: 600px;      /* requested height */
	  --tray-max-h: 85vh;        /* safety on short screens */
	  --tray-bg: #fff;
	  --tray-shadow: 0 12px 32px rgba(0,0,0,.22);
	  --tray-z: 9998;
	  --overlay-z: 9997;
	  --speed: 220ms;
	  --easing: cubic-bezier(.2,.8,.2,1);
	}

	/* Overlay (hidden by default) */
	#site-tray-overlay {
	  position: fixed;
	  inset: 0;
	  background: rgba(0,0,0,.35);
	  opacity: 0;
	  pointer-events: none;
	  transition: opacity var(--speed) var(--easing);
	  z-index: var(--overlay-z);
	}

	/* Drawer shell */
	#site-tray {
	  position: fixed;
	  left: 0;
	  right: 0;
	  top: 0;                     /* slides down from top */
	  height: var(--tray-height);
	  max-height: var(--tray-max-h);
	   background: rgba(255, 252, 255, 9.15);
background: linear-gradient(135deg, rgba(255, 252, 255, 1.0) 0%, rgba(164, 121, 224, 0.91) 100%);
	  box-shadow: var(--tray-shadow);
	  transform: translateY(-100%);          /* start off-screen */
	  transition: transform var(--speed) var(--easing);
	  z-index: var(--tray-z);
	  overflow: auto;             /* scroll content if it overflows */
	  -webkit-overflow-scrolling: touch;
	}

	/* If you're logged in, avoid the admin bar */
	body.admin-bar #site-tray {
	  top: 32px; /* adjust if needed for mobile admin bar */
	}

	/* OPEN STATE (no JS): when #site-tray is targeted by an anchor */
	#site-tray:target {
	  transform: translateY(0);
	}

	/* Show overlay when tray targeted */
	#site-tray:target ~ #site-tray-overlay {
	  opacity: 1;
	  pointer-events: auto;
	}

	/* Optional: also support a class-based open state for future JS upgrades */
	#site-tray.is-open {
	  transform: translateY(0);
	}
	#site-tray.is-open ~ #site-tray-overlay {
	  opacity: 1;
	  pointer-events: auto;
	}

	/* Accessibility: respect reduced motion */
	@media (prefers-reduced-motion: reduce) {
	  #site-tray,
	  #site-tray-overlay {
		transition: none;
	  }
	}

	/* Example inner padding (optional) */
	#site-tray .site-tray__inner {
	  padding: 24px clamp(16px, 3vw, 40px);
		display:flex;
		gap:20px;
		align-items: center;
		max-width:1100px;
		margin:0px auto;
	}

	/* Example close link placement (optional) */
	#site-tray .site-tray__close {
	  position: absolute;   /* sticks to top as you scroll */
	  top: 40px;
		right:80px;
	  display: inline-block;
	  margin: 0 0 16px auto;
	  padding: 8px 12px;
	  text-decoration: none;
	}

	/* style the link as an icon-only "X" */
	.site-tray__close {
	  position: absolute;      /* place relative to #site-tray */
	  top: 16px;
	  right: 20px;
	  width: 32px;
	  height: 32px;
	  text-indent: -9999px;    /* hide the word "Close" */
	  overflow: hidden;
	  background: transparent;
	  cursor: pointer;
	  z-index: 10000;
	}

	/* create the X with pseudo-elements */
	.site-tray__close::before,
	.site-tray__close::after {
	  content: '';
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 20px;
	  height: 2px;
	  background-color: #16182A; /* white on your purple gradient tray */
	  transform-origin: center;
	}

	.site-tray__close::before {
	  transform: translate(-50%, -50%) rotate(45deg);
	}
	.site-tray__close::after {
	  transform: translate(-50%, -50%) rotate(-45deg);
	}

	/* hover/focus states */
	.site-tray__close:hover::before,
	.site-tray__close:hover::after,
	.site-tray__close:focus::before,
	.site-tray__close:focus::after {
	  background-color: #ffccff; /* lighter accent color */
	}

	.tray_left {
		padding-left:32px;
		padding-right:100px;
		color:#32005C;
		flex:4;
		padding-top:90px;
	}

	.tray_left h2 {
		color:#32005C;
		font-size:4rem;
		margin-bottom:20px;
	}

	.tray_subtext {
		font-size:1.6rem;
		color:#32005C;
		display:block;
		margin-top:30px;
	}

	.tray_left p {
		font-size:2.2rem;
		color:#32005C;
		margin-bottom:30px;
	}

	.tray_left a {
		background-color:#32005C;
		border-radius:20px;
		font-size:1.8rem;
		color:#fff;
		padding:10px;
		margin-bottom:18px;
		margin-top:24px;
		text-decoration:none;
		font-weight:600;
	}

	.tray_right {
		flex:4;
		padding-top:30px;
	}

	.tray_right img {
		width:500px;
		height:auto;
	}


/*end site tray*/


	.social_icons {
		position:relative;
		width:100%;
		background-color:red;
	}

	.banner_social {
		display:none;
		position:absolute;
		top:20px;
		right:50px;
	}

	.banner_social img {
		width:30px;
		margin-right:6px;
	}

	.banner_social a {
		display:none;
	}

	.banner_social a:nth-child(2) {
		display:block;
	}

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

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

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

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

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


	.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:2.4rem;
		font-weight:700;
		margin-right:100px;
	}

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

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

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

	.fl-builder .entry-header {
		background-color:white;
	}

	.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 {
		display:none;
		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;
        justify-content: center;
        align-items: center;
	}

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

	#content-display {
		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;
		display:none;
	}

/*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-family: "Roboto Condensed", sans-serif;
        font-size:3.6rem;
        line-height:4.9rem;
		font-weight:300;
    }
	
	
	.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 */
    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), #ffa200, 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);;
	}




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

	.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;
	}

	.fl-row:first-child .fl-row-content-wrap,
	.fl-row:first-child .fl-row-content-wrap .fl-module-content:first-child {
		padding-top:0px;
		margin-top:13px;
	}

	.facetwp-facet-paginate {
		font-weight:600;
		margin-top:32px;
}

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

/*include */



	/* resources facetwp listing */



	.resource_table .facetwp-template {
		display:flex;
		flex-wrap: wrap;
		gap:16px;
	}

	.resource_table .listing_wrapper {
		box-sizing: border-box;
	  /* EXACTLY 3 per row */
	  flex: 0 0 calc((100% - 2 * 16px) / 3);  /* 2 gaps per row */
	  max-width: calc((100% - 2 * 16px) / 3);
		border:1px solid #ccc;
		position: relative;
		padding:75px 26px 30px 26px;
		background-color:#ebe9f1;
	}

	.external-link::before {
		content:"External Link";
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
		background:#575757 url("images/icn_link.svg") no-repeat center right;
		background-size:32px;
		background-position:center right 10px;
		padding:10px 20px;
		color:white;
	}

	.pdf::before {
		content:"PDF Document";
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
		background:#467776 url("images/icn_pdf.svg") no-repeat center right;
		background-size:32px;
		background-position:center right 10px;
		padding:10px 20px;
		color:white;
	}

	.powerpoint::before {
		content:"PowerPoint Document";
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
		background:#966540 url("images/icn_ppt.svg") no-repeat center right;
		background-size:32px;
		background-position:center right 10px;
		padding:10px 20px;
		color:white;
	}

	.video-format::before {
		content:"Video";
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
		background:#5f4e9b url("images/icn_video.svg") no-repeat center right;
		background-size:32px;
		background-position:center right 10px;
		padding:10px 20px;
		color:white;
	}

	.word-doc::before {
		content:"Word Document";
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
		background:#4a6ab0 url("images/icn_doc.svg") no-repeat center right;
		background-size:32px;
		background-position:center right 10px;
		padding:10px 20px;
		color:white;
	}


	.resource_type {
		font-weight:600;
		font-size:1.5rem;
		margin-bottom:12px;
		text-transform: uppercase;
		color:#473e67;
	}

	h3.listing__title a:link,
	h3.listing__title a:visited {
		color:#473e67;
	}


	.filter_bar .fl-rich-text {
		display:flex;
		gap:20px;
	}

	.filter_bar .facetwp-dropdown {
		padding:5px;
	}

	.filter_bar .facetwp-reset {
		padding:7px 30px;
	}



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

/*-------------------Contact Us -------*/

	.contact_buttons .fl-module-content {
		background-color:#ccc; 
		padding:40px;
		border-radius:12px;
		display:flex;
		align-items:center;
		margin:0px;
		margin-right:20px;
		min-height:300px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);

	}

	.contact_buttons h2 {
		font-size:2.4rem;
	}

	.contact_buttons #c_join .fl-module-content {
		background-color:#d6d3de;
		border:3px solid #6d6092;
	}

	.contact_buttons #c_request .fl-module-content {
		background-color:#e8d6d6;
		border:3px solid #926076;
	}

	.submit_request {
		background: #7b519e;
background: linear-gradient(135deg, rgba(123, 81, 158, 1) 0%, rgba(80, 33, 145, 1) 89%);
		border-radius:12px;
	}

	.submit_request p {
		font-size:2rem;
		font-weight:700;
		color:white;
		margin-top:12px;
	}

	.submit_request .fl-module-content {
		margin:0px;
		min-height:100px;
		display:flex;
		align-items: center;
		justify-content: center;
	}

	.submit_request a.fl-button  {
		border-radius:20px;
	}

	.fl-builder-content .submit_request .fl-button:is(a, button) *, 
	.fl-builder-content .submit_request  a.fl-button:visited * {
		font-weight:700;
		color:white;
		
	}

	.fl-builder-content .fl-button:is(a, button), 
	.fl-builder-content a.fl-button:visited {
		background-color:transparent;
		border:1px solid white;

	}

	.follow {
		margin-left:18px;
	}

	.follow h3 {
		font-size:2rem;
		margin:10px 0px;
		padding:6px 0px;
		padding-left:52px;
	}

	.follow h3:first-child {
		background:transparent url("images/icn_linkedin.svg") no-repeat left center;
	}

	.follow h3:nth-child(2) {
		background:transparent url("images/icn_email.svg") no-repeat left center;
	}

	.follow h3:last-child {
		background:transparent url("images/icn_newsletter.svg") no-repeat left center;
	}



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

.3col_feature a:link,
.3col_feature a:visited {
	overflow-wrap: break-word;
word-wrap: break-word;
}

	.pointers .fl-module-content {
		background: #fcfaff;
background: linear-gradient(169deg, rgba(252, 250, 255, 1) 0%, rgba(246, 245, 255, 1) 100%);
		border-radius:12px;
		min-height:320px;
		margin:0px 8px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
		border:1px solid #795D9A;
	}
	
	.pointers li {
		font-size:1.9rem;
		font-weight:500;
	}

	.pointers h2 {
		letter-spacing: 1px;
		font-size:2rem;
		text-transform: uppercase;
		padding:22px;
		padding-bottom:20px;
		margin:0px;
		margin-bottom:18px;
		font-weight:700px;
		border-bottom:1px solid #795D9A;
		
	}

	#p_metrics.pointers h2 {
		background:#dabb9d url("images/icn_metrics.svg") center right no-repeat;
		background-position: center right 15px;
		background-size:55px;
		border-top-right-radius:10px;
		border-top-left-radius:10px;
		color:#32245d;

	}

	#p_researchers.pointers h2 {
		background:#b3cce6 url("images/icn_researcher.svg") center right no-repeat;
		background-position: center right 15px;
		background-size:55px;
		border-top-right-radius:10px;
		border-top-left-radius:10px;
		color:#32245d;
	}

	#p_caregivers.pointers h2 {
		background:#b1accb url("images/icn_caregiver.svg") center right no-repeat;
		background-position: center right 15px;
		background-size:55px;
		border-top-right-radius:10px;
		border-top-left-radius:10px;
		color:#32245d;
	}

	#p_metrics .fl-rich-text  ul li::before {
		background-color: #c38d32; /* Your desired color */
	
	}

	#p_researchers .fl-rich-text  ul li::before {
		background-color: #4176ae; /* Your desired color */
	
	}

	#p_caregivers .fl-rich-text  ul li::before {
		background-color: #4a3083; /* Your desired color */
	
	}


	.hp_resource {
		position:relative;
	}

	.hp_resource .fl-col-content {
		display:flex;
	}

	.hp_resource .fl-module:first-child {
		flex:4;
	}

	.hp_resource .fl-module:last-child {
		flex:7;
	}

	.featured_tabs {
		margin-top:80px;
	}

	.featured_tabs .fl-tabs-labels {
		text-align:center;
		font-size:1.9rem;
	}

	.featured_tabs .fl-tabs-labels strong {
		display:block;
		font-size:5.8rem;
		font-family: "Roboto Condensed", sans-serif;
  		font-optical-sizing: auto;
		margin-bottom:10px;
		margin-top:4px;
	}

	.featured_tabs a.fl-tabs-label {
		display:block;
		width:24%;
		background-color:#ccc;
		border-right:12px solid white!important;
		height:200px;
		text-decoration:none; 
		color:black;
		line-height:normal;
		position:relative;
	}

	.fl-node-4qbgd3zcx67t .fl-tabs-panels, 
	.fl-node-4qbgd3zcx67t .fl-tabs-panel 
	 {
		border-color:transparent;
		 margin-right:5.5px;
	}


	.featured_tabs .fl-tabs-panel .fl-tabs-panel-content p {
		font-size:2.2rem;
		line-height:normal;
		font-weight:500;
		width:70%;
		margin:10px auto;
		color:#31245f;
		text-align: center;
	}


	/*.featured_tabs a.fl-tabs-label::before {
		content:'';
		position:absolute;
		bottom:-23px;
		left:0px;
		width:100%;
		height:100px;
		background:transparent url("images/icn_downarrow.svg") no-repeat center center;
		text-align:left;
		background-size:25px;
	}*/


	.featured_tabs a.fl-tabs-label {
	
		position:relative;
	}

	.featured_tabs a.fl-tabs-label strong {
		margin-top:60px;
	}

	.featured_tabs a.fl-tabs-label::before {
		content:'';
		position:absolute;
		top:-60px;
		left:0px;
		width:100%;
		height:120px;
		background:transparent url("images/icn_labels.svg") no-repeat center top;
	}

	.featured_tabs a.fl-tabs-label.fl-tab-active {
		color:#37235f;
	}


	.featured_tabs a.fl-tabs-label:first-child {
		background-color:#bcb5d2;
	}


	.featured_tabs a.fl-tabs-label.fl-tab-active:first-child {
		background-color:#bcb5d2;
		
	}

	.featured_tabs a.fl-tabs-label:first-child strong {
		color:#37235f;
	}

	.featured_tabs a.fl-tabs-label.fl-tab-active:first-child strong {
		color:#37235f;
	}

	.featured_tabs .fl-tabs-panel .fl-tabs-panel-content {
		text-align: center;
		padding:20px 50px;
		background-color:#d4d4d4;
		border:1px solid #31245f;
		border-bottom:20px solid #37235f;
		
	}

	.featured_tabs .fl-tabs-panels {
		display:none;
	}



	.featured_tabs a.fl-tabs-label:nth-child(2) {
			background-color:#b2d2ea;
		
		}

	.featured_tabs a.fl-tabs-label.fl-tab-active:nth-child(2) {
			background-color:#b2d2ea;
		
		}

	.featured_tabs a.fl-tabs-label:nth-child(2) strong {
		color:#37235f;
	}

	.featured_tabs a.fl-tabs-label.fl-tab-active:nth-child(2) strong {
		color:#37235f;
	}

	.featured_tabs a.fl-tabs-label:nth-child(2)::before {
		background:transparent url("images/icn_studies.svg") no-repeat center top;
	}

/*	.featured_tabs .fl-tabs-panel:nth-child(2) .fl-tabs-panel-content {
		text-align: center;
		padding:20px 50px;
		background-color:#e9ecf4;
		border:1px solid #5d9e46;
		border-bottom:20px solid #28498f;
		
	}*/

	.featured_tabs .fl-tabs-panel:nth-child(2) .fl-tabs-panel-content p {
		color:#37235f;
	}

	.featured_tabs a.fl-tabs-label:nth-child(3) {
			background-color:#e9c3a6;
		
		}

	.featured_tabs a.fl-tabs-label.fl-tab-active:nth-child(3) {
			background-color:#e9c3a6;
		
		}


	.featured_tabs a.fl-tabs-label:nth-child(3) strong {
		color:#37235f;
	}

	.featured_tabs a.fl-tabs-label.fl-tab-active:nth-child(3) strong {
		color:#37235f;
	}

/*	.featured_tabs .fl-tabs-panel:nth-child(3) .fl-tabs-panel-content {
		text-align: center;
		padding:20px 50px;
		background-color:#eef2f2;
		border:1px solid #cf5b23;
		border-bottom:20px solid #3c5858;
		
	}*/

	.featured_tabs .fl-tabs-panel:nth-child(3) .fl-tabs-panel-content p {
		color:#37235f;
	}

	.featured_tabs a.fl-tabs-label:nth-child(3)::before {
		background:transparent url("images/icn_sites.svg") no-repeat center top;
	}

	.featured_tabs a.fl-tabs-label:nth-child(4) {
		background-color:#b2d2ea;
		
	}

	.featured_tabs a.fl-tabs-label.fl-tab-active:nth-child(4) {
		background-color:#b2d2ea;
		
	}



	.featured_tabs a.fl-tabs-label:nth-child(4) strong {
		color:#37235f;
	}

	.featured_tabs a.fl-tabs-label.fl-tab-active:nth-child(4) strong {
		color:#37235f;
	}

/*	.featured_tabs .fl-tabs-panel:nth-child(4) .fl-tabs-panel-content {
		text-align: center;
		padding:20px 50px;
		background-color:#eeeaf3;
		border:1px solid #31245f;
		border-bottom:20px solid #583289;
		
	}*/

	.featured_tabs .fl-tabs-panel:nth-child(4) .fl-tabs-panel-content p {
		color:#37235f;
	}


	.featured_tabs a.fl-tabs-label:last-child {
		width:28%;
		background-color:#bcb5d2;
		
	}

	.featured_tabs a.fl-tabs-label.fl-tab-active:last-child {
		width:28%;
		background-color:#bcb5d2;
		
	}


	.featured_tabs a.fl-tabs-label:last-child strong {
		color:#37235f;
	}

	.featured_tabs a.fl-tabs-label.fl-tab-active:last-child strong {
		color:#37235f;
	}

	.featured_tabs a.fl-tabs-label:last-child::before {
		background:transparent url("images/icn_participants.svg") no-repeat center top;
	}

/*	.featured_tabs .fl-tabs-panel:last-child .fl-tabs-panel-content {
		text-align: center;
		padding:20px 50px;
		background-color:#eef2f2;
		border:1px solid #cf5b23;
		border-bottom:20px solid #3c5858;
		
	}*/

	.featured_tabs .fl-tabs-panel:last-child .fl-tabs-panel-content p {
		color:#37235f;
	}

	.resources_tabs {
		border:1px solid #ccccdc;
		border-top-left-radius:12px;
		border-bottom-left-radius:12px;
		margin-right:0px;
		padding:24px;
		min-height:480px;
	}

	.f_resources {
		min-height:inherit;
	}

	.resources_tabs.f_news {
		margin-right:20px;
	}

	.img_parents img{
		border-left:6px solid #5181e5;
	}

	.img_researcher img {
		border-left:6px solid #704fd4;
	}

	.resources_tabs h3 {
	
		margin-bottom:10px;
		font-weight:600;
		color:black;
	}

	.resources_tabs p {
		font-size:1.8rem;
		line-height:2.4rem;
		color:#72727a;
	}

	.resources_tabs a:link,
	.resources_tabs a:visited {
		text-decoration:none;
		color:#342458;
		font-weight:600;
	}

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


	.resources_tabs.f_news,
.resources_tabs.f_study{
		padding:60px 40px;
		border-radius:20px;
		background-color:#e1ebf5;
	}

	.resources_tabs.f_study {
		background-color:#e0deea;
	}


	.resources_tabs.f_resources {
		padding:30px 40px 60px 40px
	}

	.resources_tabs.f_news h3 {
		
		margin-bottom:30px;
	}

	.resources_tabs.f_news p {
		margin-bottom:20px;
	}

	.home #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;
		left:0px;
		width:100%;
		padding:20px;
		display:flex;
		justify-content: flex-end;
		background: transparent;
		
		
	}

	.home_banner .fl-row-content {
		align-items:baseline!important;
		padding:20px 18px;
		min-height:320px;
		max-width:1330px!important;
	}

	.home_banner .fl-col {
		width:550px;
	}



	.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;
	}

/*-----------facet At a glance page -------------*/




	.facet_glance .listing_wrapper{
	  display: flex;
	  gap: 20px;
	  align-items: flex-start;
	  margin: 30px 20px;
		border-bottom:1px solid #ccc;
		padding-bottom:20px;
	}

	.facet_glance .listing_thumb_wrap{
	  flex: 0 0 160px; /* adjust */
	}

	.facet_glance .listing_thumb{
	  width: 160px;    /* adjust */
	  height: auto;
	  display: block;
	}

	.facet_glance .listing_text{
	  flex: 1 1 auto;
	}

	.facet_glance .listing_title a{
	  font-size:2.2rem;
		font-weight:600;
	}

	.facet_glance .listing_video {
	  flex: 0 0 300px;   /* was 240px */
	  min-height: 200px;
	}



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

	.schools_table h3 {

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

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

	.news_posts article {
		width:100%;
		margin-bottom:20px;
	}

	/* Layout container */
		.news_posts article.listing-row {
		display: flex;
		align-items: flex-start;
		gap: 15px;
		margin:0px!important;
		margin-bottom: 25px!important;
		width:100%;

	}

	/* Thumbnail wrapper */
	.news_posts .listing-thumb-wrapper {
		flex: 0 0 auto;
		width: 100px;
		height: 100px;
		overflow: hidden;
		border-radius: 6px; /* optional: soften corners */
	}

	/* Image inside wrapper – ensures perfect crop */
	.news_posts .listing-thumb {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	/* Text area */
	 .news_posts .listing-text {
		flex: 1;
	}

	/* Title */
	.news_posts .listing-title {
		margin: 0 0 8px;
	}

	/* Excerpt adjustments */
	.news_posts .listing-excerpt {
		line-height: 1.4;
		color: #444;
	}

	.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;
	}

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

	.facet_pubs .facetwp-facet {
		margin-top:20px;
		margin-bottom:0px;
	}

	.facet_pubs select {
		font-size:1.4rem;

	} 

	.middle_pubs {
		display:flex;
	}

	.new_pubs .listing_wrapper {
		margin-bottom:30px;
	}

	.listing__cats {
		margin-top:16px;
	}

	.listing__cats a.listing__cat {
		font-weight:bold;
	}

	.listing__grid-publications {
		font-style:italic;
	}

	h3.listing__title {
		margin-bottom:12px;
		 overflow-wrap: anywhere;
  word-break: break-word;  /* older browsers */
  white-space: normal;
	}

	.listing__grid-description {
		flex:7;
		padding-right:30px;
	}

	.listing__grid-authors {
		flex:2;
		font-size:1.4rem;
		font-weight:600;
	}

/*----------ICAN Video page ---------------*/

	.at_a_glance_videos .listing_wrapper {
		display:flex;
		width:80%;
		margin:0px auto;
		margin-bottom:14px;
		border:1px solid #ccc;
		border-top-left-radius:20px;
		border-bottom-left-radius:20px;

	}
	.at_a_glance_videos .listing_info {
		padding:20px 40px;
		flex:7;
	}

	.at_a_glance_videos .listing__video {
		flex:3;
	}

	.at_a_glance_videos .listing__video p {
		margin-bottom:0px;
	}

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

	.error404 #primary {
		padding: 20px;
	}

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

/* maximum */
@media screen and (max-width: 1750px){
	
	.home .image-shifter img {
		bottom:-140px;
	}
	
	.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: 1550px){
	
	.home .image-shifter img {
		width:80%;
	}
	
	.home_banner .fl-row-content-wrap p, 
	#content-display p {
		font-size:3rem;
		line-height:4rem;
	}
	
	
	.home .image-shifter {
		height:400px;
	}
}

@media screen and (max-width: 1330px){
	
	#site-tray .site-tray__inner {
		max-width:80%;
	}
	
	#site-tray .site-tray__close {
	top:20px;
	right:30px;}
	
	.tray_right img {
		width:430px;
	}
	
	.tray_left {
		padding-right:30px;
	}
	
	.image-shifter {
		height:286px;
	}
	
	.home .image-shifter img {
		bottom:-100px;
	}

	
	.home_banner .fl-row-content-wrap p, 
	#content-display p {
		font-size:2.6rem;
		line-height:3.6rem;
	}
	.home_banner .fl-row-content-wrap {
		width:42%;
	}

	.page-id-25 #content-display,/*about*/
	.page-id-27 #content-display,/*our why*/
	.page-id-33 #content-display {
		left:4%;
	}
	
	.site-footer {
		margin-top:50px;
	}
	
}

@media screen and (max-width: 1218px){
	
	.search-results .page-header {
		margin-left:40px;
	}
	
	#site-tray .site-tray__inner {
		max-width:90%;
	}
	
	.home .image-shifter {
		height:346px;
	}
	
	.image-shifter img {
		width:100%;
	}
	
	#site-header a {
		left:20px;
	}
	
	#site-header img {
		margin:24px 0px;
	}
	
	.home_banner .fl-col {width:500px;}
	
	.home_banner .fl-module-content {
		margin-left:0px;
	}
	
	
	.main-navigation ul {
		margin-left:42px;
	}
	
	.main-navigation li a {
		font-size:1.8rem;
		padding:10px;
	}
	
	#site-header {
		padding-left:18px;
	}
	
	.footer_logo_space img {
		width:300px;
	}
	
	.banner_social {
		right:30px;
	}
	
	.leadin p {
		font-size:2rem;
	}
	
	.pub_left, .pub_right {
		width:100%;
	}
	
	.facet_pubs .fl-rich-text {
		display:flex;
		flex-wrap:wrap;
		gap:10px;
	}
	
	.facet_pubs .fl-rich-text .facetwp-facet {
		flex: 1 1 20%; 
		margin-top:10px;
	}
	
	.facet_pubs {
		margin-bottom:20px;
	}
	
	.fl-builder .centercol {
		padding:0px 40px;
	}
	
	.facet_pubs .fl-module-content {
		margin:0px;
	}
	
	.completed_study table {
		border-right:0px solid transparent;
	}

	.completed_study thead {
		visibility: hidden; 
		display:none;
	}
	
	.completed_study table td  {
		display: block; 
		text-align:left;
		padding-left:34px; 
		width:99%!important;
		height:auto!important;
	}

	.completed_study table td.first {
		font-size:1.8rem;
		background-color:#507795;
		color:#fff;
		width:99%!important;
		height:auto!important;
	}
	
	.completed_study table td.first a:link, 
	.completed_study table td.first a:visited {
		color:white;
	}
	
	.include_videos .fl-col {
		width:100%;
 }
	
	
	
}

/* betweener */

@media (min-width: 801px) and (max-width:1023px) {

	
	.resource_table .listing_wrapper {
		flex-basis: calc((100% - 16px) / 2);
		max-width:  calc((100% - 16px) / 2);
	} 
	
	.home .image-shifter img {
		bottom:-40px;
	}
	

	
}

/* tablets */

@media screen and (max-width: 1023px) {
	
	#comments, article {
		width:100%;
	}
	
	.tray_logo {
		display:block;
		width:43%;
		height:50px;
		position:absolute;
		top:32px;
		left:32px;
	}
	
	#site-tray .site-tray__inner {
		max-width:100%;
	}
	
	.tray_left {
		padding-top:150px;
	}
	
	.tray_right {
		padding-top:50px;
	}
	
	.tray_right img {
		width:380px;
	}
	
	#site-tray {
		z-index:10004;
	}
	
	.facet_glance .listing_video {
	  flex: 0 0 150px;   /* was 240px */
	  min-height: 200px;
	}
	
	.menu-toggle {
		display:block;
	}
	
	.main-navigation ul.nav-menu {
		display:none;
		width:10%;
	}
	
	.main-navigation ul li {
		margin-top:20px;
	}
	
	.main-navigation ul ul li {
		margin-top:0px;
	}
	
	.main-navigation.toggled ul.nav-menu {
		display:block;
		padding-left:50px;
	}
	
	.main-navigation li {
		float:none;
	}
	
		/*animated drawer code right align */
	.main-navigation {
		position:initial;
		overflow: hidden;
	}
	
	.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:#fff !important;
	}
	
	.main-navigation li a,
	.main-navigation .current_page_item > a:link, 
	li.current-menu-parent > a:link {
		color:white;
	}
	
	.menu-toggle {
		position:absolute;
		top:100px;
		right:20px;
		z-index:10003;
		
	}
	
	.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:#3F1646 url("images/ptn_white2.svg") no-repeat top left;
		background-position:top 24px left 24px;
		height:auto;
		z-index:10001;
		transition: all 0.8s ease;
		padding-bottom:30px;
		background-size:455px;
	}
	
	.toggled .menu {
		transform: translateX(0);
		display:block;
	}
	
	.main-navigation ul.nav-menu {
		width:100%;
		margin-top:0px;
		padding-top:180px;
	}
	
	.main-navigation ul ul,
	.main-navigation ul ul ul {
		position: relative;
		top: inherit;
		left: 0;
		display: block;
		float: none;
		background-color: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 {
		border-bottom:4px solid #B3A9FF;
	}
	
	
	.filter_bar .fl-rich-text {
		display:inline;
	}
	
		.resource_table .listing_wrapper {
		/* EXACTLY 2 per row */
		flex: 0 0 calc((100% - 16px) / 2);  /* 1 gap per row */
		max-width: calc((100% - 16px) / 2);
	}
	
	.image-shifter {
		height:200px;
	}
	
	.home .image-shifter {
		height:300px;
	}
	
	.home_banner .fl-col {width:420px;}
	
	.home_banner .fl-module-content {
		margin-left:0px;
	}
	
	.home_banner .fl-row-content-wrap p, #content-display p {
		font-size:2rem;
		line-height:3rem;
		font-weight:400;
	}
	
	.hp_resource .fl-col-content {
		display:inline;
	}
	
	.resources_tabs {
		border-bottom-left-radius:0px;
		border-top-right-radius:12px;
	}
	
	.fl-builder h1.entry-title,
	.fl-builder .narrow_page h1.entry-title {
		padding-top:20px;
		padding-left:57px;
	}
	
	.search-results h1.entry-title {
		padding-top:0px;
		padding-left:0px;
		margin-bottom:18px;
	}
	
	
	.at_a_glance_videos .listing_wrapper {
		width:100%;
	}
	
	
}

@media screen and (max-width: 900px) { 
	
	.tray_logo {
		width:58%;
	}
	
	.tray_left {
		padding-top:110px;
	}
	
	.featured_tabs .fl-tabs-labels strong {
		font-size:3.8rem;
	}
	
	#site-tray .site-tray__inner {
		padding-top:90px;
	}
	
	.fl-col.pointers {
		margin-bottom:20px;
		float:none;
		width:100%;
	}
	
	.pointers .fl-module-content {
		min-height:auto;
	}
	
	.main-navigation li a {
		color:white;
		flex-direction: 
	}
	
	.footer_logo_space {
	display:inline;
	}
	
	#block-6 {
		padding-left:32px;
	}
	#block-6 a:link, 
	#block-6 a:visited {
		font-size:1.6rem!important;
	}
	
	.footer-widgets {
		margin-left:42px;
	}
	
	.footer-widgets .widget {
		flex-grow:0;
	}

	.home_banner .fl-col {
		width:320px;
	}
	
	table {
		border-right:0px solid transparent;
	}

	thead {
		visibility: hidden; 
		display:none;
	}
	
	table td  {
		display: block; 
		text-align:left;
		padding-left:34px; 
		width:99%!important;
		height:auto!important;
	}

	table td.first {
		font-size:1.8rem;
		background-color:#507795;
		color:#fff;
		width:99%!important;
		height:auto!important;
	}
	
	table td.first a:link, 
	table td.first a:visited {
		color:white;
	}
	
}
	
@media screen and (max-width: 800px) {
	
	

	
	#site-header {
		flex:4;
		margin-top:8px;
		padding-left:13px;
	}
	.home .image-shifter img {
		bottom:-20px;
	}
	
/* ---------------------------  GLOBAL  ------------------------------------- */


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

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

	.fl-module-content {
		margin-left:0px;
		margin-right:0px;
	}
	
	.fl-row-fixed-width {
		padding:0px 25px;
	}
	
	.fl-builder .narrow_page h1.entry-title {
		padding-left:50px;
	}
	
	.fl-builder .centercol {padding-top:0px;}
	
	h1.entry-title {
		margin-top:0px!important;
		font-size:3.2rem;
		line-height:normal;
	}
/*--------------------- Header */

/* site branding */ 

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

	.main-navigation li li a {
		padding-left:0px;
	}
	
	.footer-widgets .menu {
		position:relative;
		transform:none;
		right:auto;
		top:auto;
		width:auto;
		background-color:transparent;
	}
	
	.banner_social img {
		width:30px;
	}


/* 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.6rem;}
	
	h3 {font-size:2.2rem;}
	
	h4 {font-size:2rem;}
	
	h5 {
		font-size:1.8rem;
		color:black;
		font-weight:700;
	}
	
	h6 {
		text-transform: uppercase;
		font-size:1.6rem;
		font-weight:700;
	}
	
	.fl-builder h1.entry-title {
		font-size:3.2rem;
		font-weight:600;
		padding-left:70px;
	}
	
	.search-results .entry-summary,
	.search-results .entry-meta,
	.search-results .entry-footer {
		padding-left:70px;
	}

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

/*table in mobile definition*/

	.mobile {display:block;}
	
	
	
	

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



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

	
	#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 {
		left:20%;
		background-size:280px;
	}

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

	.fl-testimonial {
		width:300px;
	}

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



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

	.home_banner .fl-row-content {
		padding:10px 0px 20px 30px;
		padding-top:10px;
		padding-bottom:10px;
		min-height:200px;
		
	}
	
	.home_banner .fl-row-content-wrap {
		width:350px;
		left:0px;
	}
	
	.home_banner .fl-row-content-wrap p, #content-display p {
		font-size:2rem;
		line-height:2.7rem;
	}




}

@media screen and (max-width: 768px){
	
	.middle_pubs {
		display:inline;
	}
	
	.featured_tabs {
		margin-top:20px;
	}
	
	.featured_tabs .fl-tabs-panels, html .fl-visible-desktop:not(.fl-visible-mobile), html .fl-visible-large:not(.fl-visible-mobile), html .fl-visible-medium:not(.fl-visible-mobile) {
		display:block;
	}
	

	.fl-tabs-panel .fl-tabs-label {
		font-size:2.8rem;
		padding:20px;
	}

	
	.fl-tabs-panel .fl-tabs-label strong {
		color:#302054;
	}
	
	
	.fl-tabs-panel:first-child .fl-tabs-label {
		background-color:#b4accc!important;
	}
	
	
	.fl-tabs-panel:nth-child(2) .fl-tabs-label {
		background-color:#a9cce7!important;
	}
	
	
	.fl-tabs-panel:nth-child(3) .fl-tabs-label {
		background-color:#a7d0ce!important;
	}
	
	
	.fl-tabs-panel:nth-child(4) .fl-tabs-label {
		background-color:#b4accc!important;
	}
	
	
}

@media screen and (max-width:768px) {
	
	.fl-builder h1.entry-title,
	.search-results .entry-meta,
	.search-results .entry-summary,
	.search-results .entry-footer {
		padding-left:50px;
	}
	
	.fl-col {
		max-width:100%!important;
	}
	
	
}
	
@media screen and (max-width: 767px){


	
	.footer_logo_space {
		display:inline;
	}
	
	.subhead {
		top:0px;
		right:0px;
	}
	
	.menu-toggle {
		top:100px;
		right:4px;
	}
	

	
	.fl-builder .narrow_page h1.entry-title {
		padding-left:50px;
	}
	
	.footer-widgets #block-6 {
		padding:0px;
	}
	
	.footer-widgets .widget, .loginout {
		float:none;
	}
		
	.home .image-shifter{
		height:250px;
	} 
	
	.resources_tabs {
		margin-top:20px;
		min-height:380px;
	}
	
	.resources_tabs.f_news {
		margin-right:0px;
	}


}

@media (max-width: 650px){
	
	h1,h2,h3,h4 {
		margin-top:14px;
	}
	
	.at_a_glance_videos .listing_wrapper {
		display:inline;
	}
	
	.at_a_glance_videos .listing_info {
		padding:20px 0px;
	}
	
	.logo_space {
		height:174px;
	}
	
	#site-header {
		margin-top:18px;
	}
	
	.tray_left {
		padding-top:100px;
	}
	
	.tray_left h2 {
		font-size:3rem;
	}
	
	.tray_right {
		display:none;
	}
	
	#site-tray {
		height:560px;
	}
	
	#site-tray .site-tray__inner {
		padding-top:50px;
		padding-left:0px;
	}

	
	  .facet_glance .listing_wrapper{
		flex-direction: column;
	  }

	  .facet_glance .listing_thumb_wrap,
	  .facet_glance .listing_thumb{
		width: 70%;
		max-width: 100%;
	  }
	
	.resource_table .listing_wrapper {
	  flex-basis: 100%;
		max-width: 100%; 
	} 
	
	.facet_glance .listing_video {
	  flex: auto;   /* was 240px */
	  min-height: auto;
	}
	
	.menu {
		background-size:75%;
	}
	
	.site-footer {
		margin-top:10px;
	}
	
	.home_banner .fl-row-content-wrap {
		width:270px;
	}
	
	.home_banner .fl-row-content-wrap p, 
	#content-display p {
		font-size:2rem;
		line-height:2.4rem;
	}
	
	.home_banner .fl-col {
		width:auto!important;
		margin-left:20px;
	}
	
	.home_banner .fl-row-content {
		padding-left:4px;
		padding-top:0px;
	}
	
	.fl-row:first-child .fl-row-content-wrap, 
	.fl-row:first-child .fl-row-content-wrap .fl-module-content:first-child {
		margin-top:8px;
	}
	
	.image-shifter {
		height:120px;
	}
	
	.home .image-shifter {
		height:220px;
		overflow:hidden;
	}
	
	.home .image-shifter img {
		bottom:5px;
		margin-right:-110px;
		width:100%;
	}
	
	.footer-widgets {
		margin-top:0px;
		margin-left:0px;
	}
	


}



/* phones */

@media screen and (max-width: 500px){
	
	.menu {
		background-position:top 34px;
	}
	
	 .fl-builder .narrow_page h1.entry-title {
		padding-left:20px;
	}
	
	.image-shifter {
		height:160px;
	}
	
	.image-shifter img {
		width:150%;
		max-width:200%;
	}



	
/* ---------------------------  GLOBAL  ------------------------------------- */
	
	.fl-row-fixed-width {
		padding:0px 10px;
	}
		
/*-------------------- Core Architecture */
	.main-navigation ul.nav-menu {
		padding-top:150px;
	}
	
/*--------------------- Header */

/* site branding */ 
	.site-branding {padding-top:24px;}
	
	#site-header {
		margin:0px;
		width:80%;
		padding-left:20px;
	}
	
	#site-header img {
		margin-top:0px;
	}

	.logo_space {
		display:block;
		height:130px;
		padding-top:40px;
		margin-bottom:12px;
		margin-left:-4px;
	}
	
	#site-tray .site-tray__close {
		top:25px;
		right:20px;
	}
	
	.menu {
		background-size:75%;
		padding-left:20px!important;
	}
	
	.menu-toggle {
		top:80px;
		right:0px;
		
	}
	
	button#nav-toggle {
		margin-right:5px;
	}
	
	#nav-toggle span, 
	#nav-toggle span:before, 
	#nav-toggle span:after {
		width:26px;
	}
	
	#nav-toggle span:before {
		top:-8px;
	}
	
	#nav-toggle span:after {
		bottom:-8px;
	}
	
	.subhead a {
		margin-right:6px;
	}
	
	.subhead a:first-child {
		padding:1px 10px;
		font-size:1.4rem;
	}
	
	.subhead img {
		width:30px;
	}


/* navigation */

/* Search Components */
	.searches {margin-top:0}
	.search-results .entry-summary,
	.search-results .entry-meta,
	.search-results .entry-footer {
		padding-left:20px;
	}
	
	.search-results .page-header {
		margin-left:20px;
	}


/* ----------------------Footer */
	
	.site-footer {
		padding:0px;
	}
	.footer-widgets .menu {
		position:static;
		transform:none;
		background:orange;
		height:auto;
	}
	
	.footer-widgets {
		display:inline;
	}
	
	#block-6 {
		margin-left:32px;
	}
		
/* Fonts, headings, Div, Tables */

	.fl-builder h1.entry-title {padding-left:20px;}
	
/* --------------Posts and Category pages */

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

/* -----------------------  CUSTOMIZATIONS    --------------------------------*/
	
	.featured_tabs .fl-tabs-panel .fl-tabs-panel-content {
		padding:10px;
	}
	
	.featured_tabs .fl-tabs-panel .fl-tabs-panel-content p {
		width:95%;
		font-size:1.9rem;
	}

	/* resized images for page banners on mobile */

	.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;
	}


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



/*-----------------------Home Page */
	.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:1.8rem;
		line-height:2.4rem;
		text-align:left;
	}
	
	 .fl-tabs-panel .fl-tabs-label {
		 font-size:2.2rem;
	}
	
	
}

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

*/