/*

Theme Name: IMPACT LBP 
Description: A child theme of the DCRI 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  ------------------------------------- */

/*hides*/

	.loginout,
	.searches {
		display:none;
	}

/* Fonts, headings, Div, Tables */

	a:link {
		color:#23649f;
	}

	p,div,span,table {
		font-family: 'Roboto', sans-serif;
		font-size:1.8rem;
		color:#483e39;
	}



	h1,h2,h3,h4,h5,h6 {
		color:#0e4971;
		margin-bottom:14px;
		font-weight:500;
		font-family: 'Roboto', sans-serif;
	}

	h1 {font-size:3.6rem;}

	h2 {font-size:3rem;}

	h3 {font-size:2.6rem;}

	h4 {font-size:2.2rem;}

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

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

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

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

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




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

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

	body {
		background-color:white;
	}

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


	#secondary, 
	.rightwidgets {display:none;}


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

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



	.search-area,
	.search-results main,
	.single-post main,
	.menu,
	.fl-row,
	.fl-builder 
	.entry-header,
	.sponsors_block,
	.site-disclaimer,
	.menu-main-menu-container,
	.your_inner_div
  	{
		width:100%;
		max-width:1313px;
		margin:0px auto;
	}

	.menu-main-menu-container {
		max-width:1180px;
	}

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

/*adjustments for beaver builder layouts */

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

	.fl-builder h1.entry-title {
		margin-top:0px;
		padding-top:50px;
		margin-left:85px;
	} 

	.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 {
		background: #fff url("images/tempBanner.png") no-repeat top left;
		background-size:100%;
		width:100%;
		height:177px;
		padding-top:0px;
	}

	.home .site-branding {
		height:288px;
	}

	.your_inner_div {
		position:relative;
	}

	#site-header img {
		width:40%;
		margin-top:34px;
	}

	.home #site-header img {
		width:45%;
	
	}

	

/* navigation */

	.main-navigation {
		background-color:#454545;
		text-transform:capitalize;
	}

	.main-navigation li a {
		background-color:#454545;
		color:#fff;
		font-size:1.8rem;
	}

	.main-navigation ul ul {
		
	}

	.main-navigation ul ul a {
		width:auto;
		width:260px;
		background-color:#333131;
	}

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

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

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

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

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

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


	.toggled #nav-toggle span {
		background-color: transparent;
	}

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

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

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


/* Search Components */

	.search-results h1.page-title {
		margin-left:40px;
	}

	.search-box-wrapper {
		top: 70px;
		display:none;}

	.search-box {
		border: solid #666; 
		border-radius:0 5px 5px 0;
		position:absolute;
		left:48px;
		top:1px;
	}

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

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

	.search-toggle {
		top:40px;
		background:rgba(0,0,0,0.6); 
		border-radius:20px 0px 0px 20px; 
		margin:0px;
	}

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

	.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-color:transparent;
		clear:both;
		padding:0px;

		width:100%;
	}

	.footer_back {
		background-color:#696868;
		padding:32px;
	}

	.site-footer a {
		color: #fff !important;
	}
		
	.fundedby {
		display:flex;
		justify-content: center;
	}

	.sponsors_block h2 {
		font-size:2rem;
		text-transform: uppercase;
		color:white;
	}
	.sponsors_block h3 {
		color:white;
	}


	.sponsors_block {
		text-align:center;
		color:white;
		margin-top:10px;
	}

	.fundedby div {
		width:25%;
	}

	.site-disclaimer {
		text-align:center;
		margin-top:32px;
	}

	.footer_logo {
		width:424px;
		margin-bottom:-34px;
		margin-left:69px;
	}
	
	.contactus {
		padding-bottom: 10px;
	}



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

	.single-post main, .search-results main {
		padding-top:20px;
		padding-left:50px;
	}

/* -----------------------  CUSTOMIZATIONS    --------------------------------*/
	.clear {
		clear:both;
	}

	
	.hide {
		display:none;
	}

	.unhide {
		display:block;
	}

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

	.fl-row.feature_block {
		max-width:100%;
		width:100%;
		background-color:#0e4971;
		box-shadow: inset 0px 0px 20px rgba(0,0,0,0.6);
	}

	.fl-row.feature_block p {
		color:white;
	}

	.feature_block h2 {
		color:white;
	}

	.leadin p {font-size:2rem;}

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

	.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:auto;
		overflow: hidden;
	}

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



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


/*builder*/
	

	
	.fl-builder-content  a.fl-button, 
	.fl-builder-content  a.fl-button:visited {
		background:#427994;
		border-radius: 20px;
		
	}

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

	.fl-accordion-button {
		border-bottom:2px solid #0094b5;
	}

	.fl-accordion-button-label, 
	.fl-accordion-button-label:visited {
		font-size:2.2rem;
		line-height:2.8rem;
		color:#4c8aa9;
		font-style:italic;
	}

	.fl-accordion .fl-accordion-item {
		padding:0px;
		border:0px solid white;
		margin-bottom:20px;
	}

	.fl-accordion-button-icon, 
	.fl-accordion-button-icon:visited {
		font-size:3rem;
		color:#4c8aa9;
	}

	.fl-accordion-small .fl-accordion-content {
		background:#dbe8ee url("images/faq.svg") no-repeat top left;
		background-size:100px;
		
		padding:20px;
		padding-left:110px;
	}

	.fl-accordion-small .fl-accordion-content p {
		color:#0e4971;
	}

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



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

	.bullet_bones ol {
		list-style: none;
		font-size:2.4rem;
		font-weight:500;
	}

	.bullet_bones li {
		padding: 17px 0px 17px 32px;
		border-left:2px solid black;
		color:#154e74;
	}

	.bullet_bones li:nth-child(2) {
		color:#484341;
	}

	.bullet_bones li:nth-child(3) {
		color:#696868;
		padding-bottom:50px;
	}

	.bullet_bones li::before {
		content:" ";
		width:12px;
		height:12px;
		background:#4d94c4;
		padding-right:55px;
		margin-right:33px;
		margin-left:-89px;
	}

	.bullet_bones li:nth-child(2)::before {
		background:#786f6c;
	}

	.bullet_bones li:nth-child(3)::before {
		background:#cccccc;
	}

	.profile a:link, 
	.profile a:visited {
		display:block;
		padding-left:32px;
		font-weight:500;
		background:transparent url("images/profile_pic.svg") no-repeat top left;
		background-size:28px;
	}

	.tagline {
		display:none;
		position: absolute;
		top:0px;
		right:0px;
		   /*vertical gradient */
	background: rgb(14,104,144);
background: -webkit-linear-gradient(274deg, rgba(14,104,144,1) 0%, rgba(16,127,181,1) 38%, rgba(0,212,255,0) 100%);
background: -o-linear-gradient(274deg, rgba(14,104,144,1) 0%, rgba(16,127,181,1) 38%, rgba(0,212,255,0) 100%);
background: linear-gradient(4deg, rgba(14,104,144,1) 0%, rgba(16,127,181,1) 38%, rgba(0,212,255,0) 100%);
		
		border-bottom:2px solid #554741;
		padding:60px 40px;
		height:383px;
		width:321px;
		z-index:1;
		color:white;
		font-size:2.8rem;
		font-weight:500;
		letter-spacing: 1px;
		
	}

	.home .tagline {
		display:block;
	}

/*-----------------------404 Page */
.error404 #primary {
	max-width: 1313px; 
	margin: 0 auto;
}	

.error404 section.error-404 {
	margin: 0px 40px; 
	padding: 0px 20px; 
}

.error404 .site-main {
	padding: 20px;
}

.error404 .error-404 .page-header {
	margin-top: 20px;
}

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

.error404 .error-404 .widget_recent_entries ul, 
.error404 .error-404 .widget_archive p, 
.error404 .error-404 .widget_archive #archives-dropdown--1 {
	display: none;
}

/* maximum */

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

}

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

	
	.site-branding {
		height:241px;
	}
	
	#site-header {
		margin-left:20px;
		
	}
	
	#site-header img {
		width:44%;
		
	}
	
	.main-navigation a {
		padding:12px 18px;
	}
	
	.leadin p {font-size:1.9rem;}
	
	.tagline {
		right:42px;
		width:260px;
		height:310px;
		font-size:2.2rem;
		padding-top:30px;
	}
	
	.bullet_bones ol {
		font-size:2rem;
	}
	
	.fl-builder h1.entry-title {
		margin-left:60px;
	}
	
	.fl-accordion-button-label, 
	.fl-accordion-button-label:visited {
		font-size:2rem;
		line-height:2.7rem;
	}

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


	.error404 section.error-404 {
		margin: 0px; 
	}
}

@media screen and (max-width: 1023px){
	
	.site-branding {
		height:186px !important;
	}

	.main-navigation li a {
		font-size:1.6rem;
		padding: 12px;
	}
	
	.site-header img {
		margin-top:23px;
	}
	
	.fl-builder h1.entry-title {padding-top:32px;}
	
	.fl-row-content-wrap {
		padding-left:0px;
	}
	
		
	.leadin p {
		font-size:1.7rem;
	}
	
	
	.tagline {
		right:20px;
		font-size:1.9rem;
		line-height:2.6rem;
		height:256px;
		width:200px;
		padding:31px 22px;
	}
	
	.bullet_bones ol {
		font-size:1.7rem;
	}
}



/* tablets */
	
@media screen and (max-width: 800px) {
	
	
	
/* ---------------------------  GLOBAL  ------------------------------------- */
	
/* Fonts, headings, Div, Tables */
	p, div, span, table {
		font-size:1.6rem;
		line-height:2.2rem;
	}
	
	.fl-builder h1.entry-title {
		margin-left:20px;
	}
	
	h1,h2,h3,h4,h5,h6 {
		margin-bottom:14px;
	}
	
	h1 {font-size:2.4rem;}
	
	h2 {font-size:2rem;}
	
	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%;
	}
	
	

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

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


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

/* site branding */ 

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


/* Search Components */


/* ----------------------Footer */
	
	.footer-widgets .widget, .loginout {
		float: right;
		padding: 0 30px;
		width: auto;
	}
	
	.fundedby a:link {
		font-size:1.4rem;
		line-height:1.2rem!important;
	}
	
/* --------------Posts and Category pages */



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

	.leadin p {
		font-size:1.6rem;
	}

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

	.fl-module-content {
		margin-left:0px;
		margin-right:0px;
	}
	
	.fl-module {
		padding:0px 20px;
	}
	
	.fl-accordion-small .fl-accordion-button {
		padding-left:0px;
	}
	
	.fl-accordion-button-label, 
	.fl-accordion-button-label:visited {
		font-size:1.7rem;
		line-height:2.1rem;
	}
	
	.fl-accordion-small .fl-accordion-content p {
		font-size:1.6rem;
	}
	
	.fl-accordion-small .fl-accordion-content {
		background-size:80px;
		padding-left:88px;
		padding-top:16px;
	}
	
	.fl-node-5oqna7swmzk4 > .fl-module-content {margin-left:0px;}

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



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

	.bullet_bones li {
		padding:8px 0px 9px 26px;
	}
	
	.bullet_bones li::before {
		padding-right:33px;
		margin-left:-61px;
		margin-right:28px;
	}
	
	.tagline {
		right:40px;
	}
	
	.fl-node-tbp7wuyohcqg > .fl-module-content {
		margin-left:0px;
	}

/*-----------------------404 Page */
	.error404 section.error-404 {
		margin: 0px;
	}

	.error404 .error-404 .page-title {
		text-transform: uppercase;
	}

}
	

/* phones */

@media screen and (max-width: 500px){
	
	.site-branding {
		background-size:210%;
		height:146px !important;
	}
	
	#site-header img {
		width:80%;
		margin-top:20px;
	}

	div.centercol, .fl-builder .centercol {
		padding:15px;
	}
	
	.footer_logo {
		width: 320px;
		margin-bottom:-27px;
		margin-left:22px;
	}
	
	.sponsors_block {
		margin-top:32px;
	}
	
	.fundedby {
		flex-direction: column;
		justify-content: center;
	}
	
	.fundedby div {
		width:60%;
		margin:0px auto;
		margin-top:20px;
	}
	
	.fl-builder-content .fl-button-left {
		text-align:center;
	}
	
	.profile {
		text-align:center;
	}
	
	.tagline {
		position:relative;
		right:0px;
		width:100%;
		padding:10px 40px 6px 65px;
		font-size:1.7rem;
		line-height:2rem;
		height:89px;
		color:#1c4153;
		text-shadow:none;
		letter-spacing: 0px;
	}

	
}

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