/*

Theme Name: CODI Theme
Description: Base Web Theme based on Master Parent theme
Author: Peter Anderson
Version: 2.1.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 */

	body {
		background:#fff;
		color:#3d4044;
		font-family: 'Lato', sans-serif;
	}

	div, p, span, table {
		font-size:1.8rem;
	}

	p {margin-bottom:24px;}

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

	h1 {font-size:3.8rem;}

	h2 {
		font-size:3.2rem;
		line-height:3.4rem;
		margin-bottom:16px;
	}

	h3 {font-size:2.6rem;}

	h4 {font-size:2rem;}

	h5 {
		font-size:1.8rem;
		color:black;
		font-weight:700;
	}

	h6 {
		font-size:1.6rem;
		text-transform:uppercase;
		font-weight:700;
	}

	h1.entry-title {
		margin-top:15px;
		text-transform:uppercase;
		font-size:3.2rem;
		font-weight:500;
	}

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

	.loginout {display:none;}


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

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

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

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

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

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

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

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

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

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

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


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


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

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

	main,
	#primary,
	#site-header,
	.site-branding,
	.search-area,
	.menu,
	.fl-row, 
	.fl-builder 
	.entry-header, 
	.fl-builder header.site-header, 
	.footer_container {
		width:100%;
		max-width:1330px;
		margin:0px auto;
	}

	main {
		padding-bottom:60px;
	}

	.search-results main {
		width:100%;
		max-width:957px;
		margin:0px auto;
	} 

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

	.entry-header {
		display:none;
	}

	.site-header img {width:600px;}

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

/*adjustments for beaver builder layouts */

	.fl-builder .centercol {
		padding:20px 0px 0px 0px;
	}
	
	.fl-module-content {
		margin-left:40px;
		margin-right:40px;
	}
	.fl-builder h1.entry-title {
		margin-top:0px;
		padding-top:32px;
		margin-left:80px;
	} 

	.fl-builder .entry-content {
		margin:0px;
	}
	.fl-builder-content-primary {
		margin-top:-16px;
	}
	.fl-builder article.hentry {
		width:100%;
		margin-bottom:0px;
		float:none;}

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

/* site branding */ 

	.site-branding {
		display:flex;
		background-image:none;
		background-color:transparent;
		height:auto;
		padding-top:30px;
		padding-left:18px;
		border-bottom:none;
	}

/* navigation */

	.main-navigation {
		display:flex;
		justify-content: flex-end;
		background-color:transparent;
		margin-right:20px;
		position:static;
	}

	.main-navigation ul.nav-menu {
		float:right;
	}

	.main-navigation li a {
		background-color:transparent;
		color:#000;
		font-size:1.7rem;
		text-transform: capitalize;
		font-weight:600;
		padding:10px 10px;
	}


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

	.main-navigation .current_page_item > a:link {
		color:#00385a!important;
	}

	button#nav-toggle {
		position:absolute;
		top:95px;
		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;
	}

	#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:28px;
		background:black;
		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);background:#ccd6dc;}

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


/* Search Components */

	.search-results .entry-header {
		display:block;
	}

	.search-results h1.entry-title {
		padding-top:0px;
		margin-left:0px;
	} 

	.search-results h1.page-title span {
		font-size:3.8rem;

	}

	.search-results p {
		margin-bottom:12px;
	}

	.searches {
		padding-top:6px;
		margin-right:20px;
	}

	.searches.newz {z-index:11!important;}

	.search-box-wrapper {
		top: 88px;
		right:17px;
		width:330px;
		display:none;}

	.search-box-wrapper.toggled {display:block;}

	.search-box {
		border: solid #666; 
		border-radius:0 5px 5px 0;
	}

	.search-box .search-field {
		width:100%;
		max-width:316px;
		border:1px solid #ccc;
	}

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

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

	.search-toggle {
		top:40px;
		background:#eb3e90; 
		border-radius:20px; 
		margin:0px;
		width:30px;
		height:30px;
		padding-top:1px;
		
	}

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


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

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

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

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

	.site-footer {
		background:#19465f url("images/final_footer2.svg") no-repeat top left;
		clear:both;
		width:100%;
		min-height:300px;
		background-size:500px;
		padding:0px;
	}

	.footer_container .company {
		display:flex;
		justify-content:flex-end;
		align-items:center;
		min-height:42px;
		text-transform: uppercase;
		font-weight:700;
		letter-spacing: 1px;
		margin-left:12px;
	}

	.footer_start {
		background-color:#b2b2b2;
		width:100%;
		}

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

	.site-disclaimer {
		width:70%;
		margin-top:32px;
	}

	.box_container {
		display:flex;
		justify-content: space-between;
		padding-top:32px;
		font-size:2rem;
		font-weight:600;
	}

	
	.foot_logo {
		flex:1;
	}

	.box_container ul {
		list-style: none;
		margin:0px;
	}

	.foot_nav {
		flex:1;
		color:#aaafbc;
		text-align:right;
		padding-right:32px;
		border-right:4px solid #4668b1;
	}


	.foot_nav a:link, 
	.foot_nav a:visited {		
		color:#aaafbc!important;
	}

	.other_nav {
		flex:.3;
		padding-left:22px;
	}

	.other_nav ul {
		color:white;
	}

	
	
		





/* end default table design */
	
/* --------------Posts and Category pages */



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



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

	

	.clear {
		clear:both;
	}

	
	.hide {
		display:none;
	}

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

	.fl-builder-content a.fl-button, 
	.fl-builder-content a.fl-button:visited {
		border-radius:26px;
		border:1px solid #bb3373;
		padding:12px 45px;
	}

	.fl-builder-content a.fl-button *, 
	.fl-builder-content a.fl-button:visited * {
			color:#4768b1;

	}

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

	.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-header, 
	.fl-builder .entry-footer {
		background-color:transparent;
	}

	.fl-accordion .fl-accordion-item {
		padding:20px 32px;
	}

	.fl-accordion-button-icon {
		text-decoration:none;
	}

/*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 fixed height and variable image */

	.image-shifter {
		height:450px;
		overflow: hidden;
	}
	.image-shifter img {min-width:1250px;}



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



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

	.faq_bullets {padding-right:500px;}

	.faq_bullets .fl-rich-text {
		background:transparent url("images/noun-checkmark-2193640-FF814A.svg") no-repeat top left;
		background-size:56px;
		
	}

	.faq_heading h3 {
		font-weight:600;
		color:black;
		text-transform:uppercase;
		font-size:1.8rem;
	}

	.faq_bullets ul {
		list-style: none;
		border-left:4px solid #ff814a;
		margin-left:92px;
	}

	.faq_bullets li {
		font-weight:600;
		font-size:1.8rem;
		padding:9px 0px 9px 38px;
	}

	.core_navigation .fl-row-content-wrap {
		padding-bottom: 45px;
	}

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


	body.home {
		background:white url("images/homepage_pattern.svg") left top no-repeat fixed;
		background-size:1600px;
		
	}

	body.home .subbanner {
		background:transparent url("images/bannergroup.svg") no-repeat top right;
		background-size:785px;
	}

	body.page-id-29 {
		background:white url("images/frontdoorv2.svg") right bottom no-repeat fixed;
		background-size:834px;
		
	}

	.subbanner {
		width:100%;
		max-width:1530px;
		margin:0px auto;
	}

	.home_first, .home_second, .home_last {
		font-size:2.2rem;
		font-style:italic;
		font-weight:600;
	}

	.home_first {
		background:transparent url("images/couple_child.svg") bottom left no-repeat;
		background-size:270px;
		padding-left:366px;
		padding-right:32px;
		padding-top:32px;
		min-height:500px;
	}

	.home_second {
		background:transparent url("images/smallgroup.svg") center right no-repeat;
		background-size:230px;
		min-height:467px;
		padding-right:369px;
		padding-left:32px;
	}

	.home_last {
		padding-left:354px;
}



	#key_nav .fl-rich-text {
		display:flex;
		gap:2%;
		justify-content:flex-start;
	}

	#key_nav h2, #key_nav li {
		color:white;
	}

	#key_nav h2 {
		margin-bottom:14px;
	}



	#key_nav a:link, #key_nav a:visited {
		text-decoration: none;
		color:white;
	}

	#key_nav a:hover {
		text-decoration:underline;
	}

	#key_nav ul {
		min-height:348px;
		position:relative;
		width:27%;
		display:block;
		list-style:none;
		text-align:center;
		padding:44px 20px 80px 20px;
		margin:0px;
		box-shadow:.2rem .2rem .3rem #369;
	}

	#key_nav li {
		font-size:1.8rem;
		line-height:2.4rem;
		margin:0px auto;
		display:block;
	}


	#key_nav ul ul {
		min-height:auto;
		position:static;
		padding:0px 20px;
		width:100%;
		display:block;
		border:0px solid white;
		box-shadow:none;
	}

	#key_nav li li::after {
		content:"";
		position:absolute;
		bottom:28px;
		left:0px;
		width:100%;
		height:50px;
	}


/*define secondary navigation large watermark images*/

	#key_nav.secondary_pages ul#net:nth-child(1) li {
		background:transparent url("images/networkpartners_whitewater.svg") no-repeat bottom right;
	}
	#key_nav.secondary_pages ul#data:nth-child(1) li {
		background:transparent url("images/data_whitewater.svg") no-repeat bottom right;
	}
	#key_nav.secondary_pages ul#front:nth-child(1) li {
		background:transparent url("images/front_whitewater.svg") no-repeat bottom right;
	}

/*remove watermark from sub UL to prevent two watermarks in the secondary key nav blocks */
	
	#key_nav.secondary_pages ul#net:nth-child(1) li li, 
	#key_nav.secondary_pages ul#data:nth-child(1) li li, 
	#key_nav.secondary_pages ul#front:nth-child(1) li li {background-image:none;}


/*set basic definition for logos on after element backgrounds */

	#key_nav #net li li::after {
		background:transparent url("images/networkpartners_white.svg") no-repeat center center;
	}

	#key_nav #data li li::after {
		background:transparent url("images/data_white.svg") no-repeat center center;
	}

	#key_nav #front li li::after {
		background:transparent url("images/frontdoor_white.svg") no-repeat center center;
		height:53px;
	}

	#net {
		background-image:linear-gradient(-45deg, #3256a6, 85%, white);
	}


	#data {
		background-image:linear-gradient(-45deg, #71082a, 85%, white);
	}

	#front {
		background-image:linear-gradient(-45deg, #546714, 85%, white);
	}

	.live_play {
		border-top:2px solid #4668b1;
		border-bottom:2px solid #4668b1;
		margin:28px 80px 30px 50px;
		color:#4668b1;
		
	}

	.live_play ul {
		list-style:none;
		font-size:3.2rem;
		text-align:center;
		margin:0px; 
	}

	.live_play p {
		font-size:2.2rem;
		font-weight:400;
		margin-bottom:4px;
	}

	.live_play p:first-child {
		font-weight:700;
		font-size:1.8rem;
		margin-bottom:1px;
		letter-spacing:1px;
	} 

	.live_play li {display:inline;}
	
	.live_play li:nth-child(1) {
		color:#588cc8;
	}
	.live_play li:nth-child(2) {
		color:#a93732;
	}
	.live_play li:nth-child(3) {
		color:#f19c5e;	
	}

	.live_play li:nth-child(4) {
		color:#629199;
	}


/* ----------------Secondary Pages */

	#key_nav.secondary_pages ul {
		min-height:295px;
		padding:0px;
	}

/* remove specs on nested ul */

	#key_nav.secondary_pages ul ul {
		min-height:auto;
		padding:0px;

	}

	#key_nav.secondary_pages li {
		padding:29px 20px 80px 20px;
		font-size:1.5rem;
		line-height:2.1rem;
	}

/* remove padding for nexted li */

	#key_nav.secondary_pages li li {
		padding:0px;
	}

/* define smaller logo element for secondary key navigations, */

	#key_nav.secondary_pages li li::after {
		height:40px;
	}

	#key_nav.secondary_pages ul:nth-child(1) li li::after {
		content:"";
		position:absolute;
		top:22px;
		left:81%;
		width:20%;
		height:60px;
	}

	#key_nav.secondary_pages ul#front:nth-child(1) li li::after {
		height:76px;
	}
	
/*special consideration for front page logo, needs to be slightly bigger */

	#key_nav.secondary_pages #front li li::after {
		height:42px;
	}

/* first position block exception defs for wider block */

	#key_nav.secondary_pages ul:nth-child(1) {
		width:55%;
		text-align:left; 
	}

	#key_nav.secondary_pages ul:nth-child(1) li {
		font-size:2rem;
		line-height:2.8rem;
		text-align:left;
		padding: 32px 105px 20px 40px;
		width:100%;
		height:calc(100%);
	}

	#key_nav.secondary_pages ul:nth-child(1) li li {
		padding:0px;
	}

/*width of second and third key nav non-home pages */

	#key_nav.secondary_pages ul:nth-child(2) {
		width:23%;
	}

	#key_nav.secondary_pages ul:nth-child(3) {
		width:23%;
	}

	#key_nav.secondary_pages ul:nth-child(1) ul,
	#key_nav.secondary_pages ul:nth-child(2) ul,
	#key_nav.secondary_pages ul:nth-child(3) ul
		{width:100%;}

/* gradient blends defined on secondary navigaiton boxes */

	#key_nav.secondary_pages ul#net:nth-child(1)
	{
		background: #3256a6;
		background-image:linear-gradient(-45deg, #3256a6, 95%, white);
	}

	#key_nav.secondary_pages ul#data:nth-child(1)
	{
		background: #71082a;
		background-image:linear-gradient(-45deg, #71082a, 95%, white);
	}

	#key_nav.secondary_pages ul#front:nth-child(1)
	{
		background:#546714;
		background-image:linear-gradient(-45deg, #546714, 95%, white);
	}



/*--------------------Partners page */

	.partners .fl-module {
		position: relative;
		padding-top:20px;
		padding-bottom:50px;
		border:1px solid #15479d;
		min-height:667px;
		margin-right:22px;
	}

	.partners .fl-module-content {
		padding-top:90px;
	}

	.partners h3 {
		font-size:2.8rem;
		line-height:3.8rem;
		color:#15479d;
	}

	.partner_title h2 {
		color:#15479d;
	}

	.partners p {
		color:#15479d;
	}

	.partners a {
		display:block;
		position: absolute;
		bottom:38px;
		right:47px;
	
	}

	#homeless .fl-module-content {
		background:transparent url("images/ncceh-logo-color-horizontalv2.png") no-repeat top left;
		background-size:289px;
	}

	#chp .fl-module-content {
		background:transparent url("images/chp.png") no-repeat top left;
		background-size:307px;
	}

	#dcp .fl-module-content {
		background:transparent url("images/dcodph_logo.png") no-repeat top left;
		background-size:213px;
	}

	#dpr .fl-module-content {
		background:transparent url("images/dpr.png") no-repeat top left;
		background-size:200px;
	}

	#ymca .fl-module-content {
		background:transparent url("images/YMCA-Triangle.png") no-repeat top left;
		background-size:298px;
	}

	#wic .fl-module-content {
		background:transparent url("images/wic.png") no-repeat top left;
		background-size:213px;
	}

	#duke_h .fl-module-content {
		background:transparent url("images/duke_health.png") no-repeat top left;
		background-size:288px;
	}

	#unc_h .fl-module-content {
		background:transparent url("images/unch_health.jpeg") no-repeat top left;
		background-size:137px;
	}

	#dcri .fl-module-content {
		background:transparent url("images/dcri_v2.png") no-repeat top left;
		background-size:90%;
	}

	#unc-cscc .fl-module-content {
		background:transparent url("images/cscc.png") no-repeat top left;
		background-size:90%;
	}

	#ncchc .fl-module-content {
		background:transparent url("images/nachcv3.png") no-repeat top left;
		background-size:325px;
	}

	#mitre .fl-module-content {
		background:transparent url("images/mitrev2.png") no-repeat top left;
		background-size:208px;
	}


/*--------------------404 page */

	.error404 #primary {
		padding: 20px;
	}

	.error-404 .search-form {
		margin: 25px 0;
	}

	.error404 .widget_recent_entries,
	.error404 .widget_archive {
		visibility: hidden;
	}


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

}

@media screen and (max-width: 1218px){
	
	.home_first {padding-left:203px;}
	
	.home_second {padding-right:181px;}
	.home_last {padding-left:259px;}
	
	body.home .subbanner{
		background-size:740px;
	}
	
	.foot_logo,.site-disclaimer {margin-left:22px;}
}

@media screen and (max-width: 1024px){
	
	.main-navigation li a {
		padding:10px 4px;
		font-size:1.6rem;
	}
	
	#key_nav ul {width:32%;}
	
	.home_first {
		padding-left:100px;
		padding-top:0px;
		background-size:253
	}
	.home_second {
		padding-right:120px;
		paddong-left:63px;
	}
	.home_last {
		padding-left:58px;
	}
	
	
	.faq_bullets {
		padding-right:0px;
	}
	
	.core_navigation .fl-row-content-wrap {
		padding-bottom: 35px;
	}
	
	.partners .fl-module {min-height:747px;}
	
	.search-results #primary {
		padding-left:24px;
		padding-right:24px;
		
	}

/*--------------------404 page */

	.error404 #primary {
		height: calc(555px + 365px);
	}
	
}

/* betweener */

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

/*--------------------404 page */

	.error404 #primary {
		height: calc(555px + 385px);
	}

}

/* tablets */
	
@media screen and (max-width: 800px) {
	
	
	
/* ---------------------------  GLOBAL  ------------------------------------- */

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

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

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

	.fl-module-content {
		margin-left:0px;
		margin-right:0px;
	}
	
	.fl-module {
		margin-right:32px;
		margin-left:32px;
	}
	
	#key_nav.fl-module {
		margin-top:120px;
		margin-right:0px;
		margin-left:0px;
	}
	
/*--------------------- Header */

/* site branding */ 

/* navigation */
	
	#site-header {
		width:75%;
		margin-left:20px;
		position:absolute;
		top:21px;
		left:0px;
		z-index:3;
	}
	
	.site-branding {
		display:inline;
	}
	
	.menu-toggle {display:block;}
	
	.main-navigation {
		display:inline;
		width:auto;
		padding-right:0px;
	}
	
	.main-navigation.toggled .nav-menu {
		border-top:1px solid #3d5da8;
	}
	
	.main-navigation li a {
		color:#ccd6dc;
	}
	
	
	.menu-menu-1-container {
		animation-name: my-animation;
  		animation-duration: .2s;
  		animation-timing-function: linear;
		background-color:#00385a;
		padding-top:142px;
		display:none;
		position:absolute;
		top:0px;
		right:0px;
		z-index:10;
		width:46%;;
		height: calc(100vh);
	}
	
	
	.menu-menu-1-container:before {
		content:"";
		position:absolute;
		top:10px;
		left:20px;
		background:transparent url("images/codi_search.svg") no-repeat top left;
		width:157px;
		height:70px;
	}
	
	
	.main-navigation.toggled .menu-menu-1-container {
		display:block;
	}
	
	.main-navigation li a {
		padding-left:50px;
	}
	
	.menu li:first-child {
		padding-top:16px;
	}
	
	.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:#00385a;}
	


/* Search Components */
	
	.search-results #primary {
		margin-top:140px;
	}
	
	.search-results.fl-builder .centercol {
		padding:8px 20px;
	}

	
	.searches {
		position:absolute;
		top:86px;
		right:20px;
		z-index:2;
		margin-right:0px;
		width:100%;
	}
	
	.search-box-wrapper {
		top:57px;
		right:-21px;
		background-color:#4a5861;
		width:100%;
	}
	
	.search-box .search-field {
		max-width:100%;
		border:0px solid transparent;
	}


/* ----------------------Footer */
	
	.footer-widgets .widget, .loginout {
		float: right;
		padding: 0 30px;
		width: auto;
	}
	
	
	
	.other_nav {
		flex:.5;
	}
		
/* 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:1.8rem;}
	
	h4 {font-size:1.6rem;}
	
	h5 {
		font-size:1.6rem;
		color:black;
		font-weight:700;
	}
	
	h6 {
		font-size:1.6rem;
		text-transform:uppercase;
		font-weight:700;
	}
	
	h1.entry-title {
		margin-top:15px;
		text-transform:uppercase;
		font-size:2.4rem;
		font-weight:500;
	}

	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%;
	}
	
	
/* --------------Posts and Category pages */



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

	.core_navigation .fl-row-content-wrap {
		padding-bottom: 7px;
	}
	
	.key_nav_secondary.fl-row[data-node] .fl-row-content-wrap {
		padding-bottom:5px;
	}
	
	.home #key_nav {
		margin-top:259px;
	}
	
	#key_nav .fl-rich-text {
		flex-wrap:
			wrap;gap:2}
	
	#key_nav ul {
		width:99%;
		margin-bottom:18px;
		min-height:233px;
		padding-top:30px;
	}
	
	#key_nav ul ul {margin-bottom:0px;}
	
	#key_nav.secondary_pages ul:nth-child(1) {width:100%;}
	
	#key_nav.secondary_pages ul:nth-child(2), 
	#key_nav.secondary_pages ul:nth-child(3) {width:49%;}
	
		.partners .fl-col[data-node] .fl-col-content {
		margin-bottom:22px;
	}
	
/*	.partners {
		margin-top:20px;
	}*/
	
	
	.partners .fl-module {
		margin-right:0px;
		margin-left:0px;
		padding-left:25px;
		padding-right:25px;
		min-height:500px;
	}

	
	.partners.fl-row[data-node] .fl-row-content-wrap {
		padding:0px 8px 1px 7px;
	}
	#unc-cscc .fl-module-content, #dcri .fl-module-content {
		background-size:60%;
	}
	
	body.page-id-29 {background-size:555px;}

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



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



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

	body.home .subbanner {background-size:994px;}


/*--------------------404 page */

	.error404 #main {
		margin-top: 120px;
	}

}




	
@media screen and (max-width: 768px){
	
	.fl-col-small:not(.fl-col-small-full-width) {
		max-width:100%;
	}
}



/* phones */

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

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

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

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

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

/* site branding */ 
	
	#site-header {
		width:70%;
		margin-left:18px;
		top:19px;
	}
	
	body.home .subbanner{
		background-size:746px;
	}
	

/* navigation */
	.main-navigation li a {
		padding-left:20px;
	}

	.menu-menu-1-container {
		padding-top:85px;
	}
	
	.menu-menu-1-container:before {
		width:70px;
	}
	
	button#nav-toggle {
		top:48px;
	}

/* Search Components */
	
	.search-results #primary {
		margin-top:95px;
	}
	
	.searches {
		top:39px;
		right:15px;
	}
	
	.search-box-wrapper {
		right:-15px;
	}

/* ----------------------Footer */
	
	.box_container {
		display:inline;
	}
	
	.foot_logo {
		margin-top:20px;
	}
	
	.company span {font-size:1.5rem;}
	
	.footer_container .company {
		justify-content:flex-start;
	}
		
/* Fonts, headings, Div, Tables */

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



/* -----------------------  CUSTOMIZATIONS    --------------------------------*/
	
	#key_nav.fl-module {
		margin-top:65px;
		margin-right:0px;
		margin-left:0px;
	}
	
	.home #key_nav.fl-module {
		margin-top:239px;
	}

	#key_nav.secondary_pages ul:nth-child(1)
 		{width:100%;
	}

	#key_nav.secondary_pages ul:nth-child(1) li  {
		padding-right:40px;
		text-align:center;
	}
	
	#key_nav.secondary_pages ul:nth-child(1) li li::after {
		top:3px;
		left:83%;
		width:15%;
	}
	
	#key_nav ul#front, 
	#key_nav ul#data, 
	#key_nav ul#net {
		display:none;
	}
	
	.home #key_nav ul#front, 
	.home #key_nav ul#data, 
	.home #key_nav ul#net {
		display:block;
	}
	
	/*show block on particular page */
	.page-id-29 #key_nav ul#front,
	.page-id-27 #key_nav ul#data,
	.page-id-25 #key_nav ul#net {
		display:block;
	}

	.fl-row[data-node] .fl-row-content-wrap {
		padding:0px 8px 30px 7px;
	}
	
	.fl-row.partner_title[data-node] .fl-row-content-wrap {
		padding-bottom:10px;
	}
	
	.key_nav_secondary {
		margin-bottom:24px;}

	

	


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



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

	


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

	
	.live_play {
		margin:20px 11px 30px 6px;
	}
	
	.live_play .fl-rich-text {
		padding-bottom:38px;
	}
	
	.home #key_nav ul {
		min-height:300px;
	}
	
	
	.home #key_nav ul ul {min-height:auto;}
	
	.home #key_nav li li::after {
		height:46px;
	}
	
	.home #key_nav #front li li::after {
		height:49px;
	}

/*----------------Front door */
	
	.faq_bullets .fl-rich-text {
		background-size:28px;
	}
	
	.faq_bullets ul {
		margin-left:35px;
	}
	
	.home_first {
		padding-right:0px;
	}
	.home_second {
		padding-left:0px;
	}
	
/*-------------Partners */
	
	.partners .fl-module-content {
		background-size:289px!important;
	}
	
	.partners #dcp .fl-module-content {
		padding-top:118px;
	}
	

	#dpr .fl-module-content {
		background-size:193px!important;
	}
	
	#dcp .fl-module-content {
		background-size:260px;
	}
	#wic .fl-module-content {
		background-size:214px!important;
	}
		
	#unc_h .fl-module-content {
		background-size:145px!important;
	}
	
	#duke_h .fl-module-content {
		background-size:241px!important;
	}
	
	#mitre .fl-module-content {
		padding-top:66px;
	}
	
	#ymca .fl-module-content 
	{
		background-size:273px!important;
	}
	
	#homeless .fl-module-content {
		background-size:272px!important;
	}
	
	#dcri .fl-module-content  {padding-top:55px;}
	
	#unc-cscc .fl-module-content  {
		background-size:276px;
		padding-top:66px;}
	
/*--------------------404 page */

.error404 #main {
	margin-top: 75px;
}


}

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