/*

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

body {background: #fff;}
.home #rightbar-widgets {display:none;}
.site-content {width:100%;max-width:1330px;margin:0px auto;}
.home .centercol {width:100%;}

/* .home .menu-main-menu-container, .home logo.right, .home header.entry-header {display:none;} */
.home header.entry-header, .home #site-navigation {display:none;}


#site-header a {float: right;
	padding-right: 100px;}

.site-header {background-color:#fcf7f3;}

.home .site-header {background:transparent url(images/bannerback.png) repeat-x top right;}
.home h2 {text-align:center;text-transform:uppercase;line-height:3.6rem;}
.home h2 a:link, .home h2 a:visited {text-decoration:none;}
.home h2 a:hover {text-decoration:underline;}
#site-header img {
	width:180px;
	margin: 10px 0px; 
	position:absolute; 
	z-index:100;
	margin-top:24px;
	top:0px;
	right:8%;}

/*.featured-banner {height:119px;float:left; max-width: 1906px; height: calc(100vw * 153 / 1317); max-height: 221px;}
.featured-banner img {height:119px; max-width: 1906px;max-height: 221px;height: calc(100vw * 153 / 1317);width: auto;}*/
/*.featured-banner img {object-fit:none;}*/
.featured-banner img {height:200px;object-fit:cover;}
.site-branding {
	position:relative;
	background:transparent;
	clear:both;
	padding-top:0px; 
	max-width: 1660px;
	margin:auto;
	height:1%;
	}

body.home{font-family: 'Noto Sans', sans-serif;border-top: 5px solid #a92031;}

.home .site-branding {
	background: transparent url(images/bannerhome2.png) top left no-repeat;
	background-size: contain;
	display:block;
	margin: auto;
	max-height: 500px;
	height: calc(100vw * 458 / 1746);
	height: 356px;
	background-color: white;}

.main-navigation {background: #a92031;}
.main-navigation a {font-size: 1.2em;}

.search-toggle, .search-box {display: block;position:absolute;}
.search-toggle {z-index:1000;color:#fff;padding-top:10px;}
.search-box .search-field {position:static;}



.search-box-wrapper {
	width:300px;
	height:74px;
	background-color:#bb999d;
	z-index:900;
	padding-top:14px;
	padding-left:18px;}

.home .search-box-wrapper {height:60px;padding-top:5px;}
.home .search-toggle {top:3px;}

i.fa.fa-search {font-size:3rem;}

h4 {text-transform: uppercase;}
.site-content h4 a:link {text-decoration: none;}
.site-content a:visited {color: #0556b1;}

.home h2 {font-weight: 700;}

h2.widget-title {text-transform: uppercase;
	color: #fff;
	height: 59px;
	padding: 16px 0px 0px 20px;}

#rightbar-widgets .widget-title {margin-top: 34px;
	font-weight: 300;
background-size:100px;
	background: #597cbd; /* For browsers that do not support gradients */ 
    	background: url(images/logo-rightbar.png) 90% 0% no-repeat, -webkit-linear-gradient(left, #597cbd 60%, #fff); /* For Safari 5.1 to 6.0 */
   	background: url(images/logo-rightbar.png) 90% 0% no-repeat, -o-linear-gradient(left, #597cbd 60%, #fff); /* For Opera 11.1 to 12.0 */
  	background: url(images/logo-rightbar.png) 90% 0% no-repeat, -moz-linear-gradient(left, #597cbd 60%, #fff); /* For Firefox 3.6 to 15 */
    	background: url(images/logo-rightbar.png) 90% 0% no-repeat, -gradient(to left, #597cbd 60%, #fff); /* Standard syntax (must be last) */}

.clear {clear:both;}

/*.featured-banner .image-shifter {margin-top: 6px;}*/

.logo.right {position:absolute;bottom:2px;right:12px;}

/* set the current background menu color:*/


.main-navigation ul a:hover, .main-navigation ul ul {background:#a92031;}
.main-navigation .sub-menu .current-menu-item > a:link, .main-navigation .sub-menu .current-menu-item > a:visited {background-color:#922030;}
.main-navigation .sub-menu .current-menu-item > a:hover {background:#555;}

.footer-content {max-width: 1320px;
       margin: auto;
}

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

.footer-widgets .menu {width: auto;}

.footer-widgets .menu li {display: block;
	float: left;
    	padding: 0px 20px;
}
	
#menu-main-menu-1 {list-style-type: none;
	text-transform: uppercase;
	padding-bottom: 2px;
}

#menu-main-menu-1 a:link {text-decoration: none;}
.menu-toggle {color:#fff;border-radius:0px;box-shadow:none;border:2px solid #fff;}

.footer-content .sub-menu {display: none}
.loginout {display: none;}


button.menu-toggle.fa.fa-bars {background-color:transparent;}


p, div, a {font-family: 'Noto Sans', sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family: 'Noto Sans', sans-serif;color:#c32033;margin-bottom:12px;font-weight:500;}

/*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;}
	
table td {
	border-bottom:1px solid #b8ced3;
	padding:14px;
	text-align:left;}

table th {
	background-color:#018fb0;
	color:#fff;
	text-align:left;
	border-right:1px solid #fff;
	font-weight:normal;
	padding:8px 15px;
	font-weight:bold;}
	
tbody tr:nth-of-type(2n) {
	background-color: #e1f1f3;}
	
table td.first.cell  {
	border-bottom:1px solid #fff;
	font-weight:bold;
	border-bottom:1px solid #b9ced3;}

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

.site-footer {background-color:#587bb7;
	margin-top: 20px;
	height: 242px;}

div.footer-content {background: #587BB7 url(images/logo-footer.png) 2% 10% no-repeat;background-size:250px;}


/* end default table design */

.main-navigation .menu{margin:auto; max-width:1320px;}
.main-navigation .current_page_item > a:link {color:red!important;}

/* 404 page styling */

.error404 #primary {
	padding: 20px;
}

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

.error404 .search-toggle {
	display:none;
}

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


@media screen and (min-width: 270px){
	.home i.fa.fa-search {color:#fff;}

	.search-toggle, .home .search-toggle {top:191px;right:0px;}
	
	.home .search-box-wrapper, .search-box-wrapper {
		top:185px;
		right:0px;}
	
	.search-box .search-field {padding-top:10px;}
	 

	
.home .entry-content {margin:0px;}
#primary {padding-left:10px;}
.home .fl-row-content-wrap {
padding-bottom:0px;margin-top:0px;}
.site-branding {min-height:0px;}
.main-navigation ul ul a {width:100%;}

.main-navigation ul a:hover, 
.main-navigation ul ul a:hover,
.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:#922030;}

.logo.right {display:block;} #site-header img {display:none;}
.home #site-header img {display:block;}
#site-header img {width:180px;}

.fl-builder-content .fl-node-58ef9c47a59d0, 
.fl-builder-content .fl-node-58ef9c47a5a39,
.fl-builder-content .fl-node-58ef9c47a5a91,
.fl-builder-content .fl-node-58ef9c47a5ae7 
{width:100%!important;margin-bottom:20px;}

.about, .disease, .partners, .surveil {padding:18px;}
.about {background-color:#fbeef2;min-width:300px;min-height:300px;}	
.about .mobile {display:none;}
.about .not {display:block;}
.about p, .about h2 a:link, .about h2 a:visited {color:#333;}

.disease {background-color:#edf0f7;min-width:300px;min-height:300px;}	
.disease .mobile {display:none;}
.disease .not {display:block;}
.disease p, .disease h2 a:link, .disease h2 a:visited {color:#333;}

.partners {background-color:#eef3e8;min-width:300px;min-height:300px;}	
.partners .mobile {display:none;}
.partners .not {display:block;}
.partners p, .partners h2 a:link, .partners h2 a:visited {color:#333;}

.surveil {background-color:#f9f2ed;min-width:300px;min-height:300px;}	
.surveil .mobile {display:none;}
.surveil .not {display:block;}
.surveil p, .surveil h2 a:link, .surveil h2 a:visited {color:#333;}


 .about h2 a:link, .about h2 a:visited,
 .disease h2 a:link, .disease h2 a:visited,
 .partners h2 a:link, .partners h2 a:visited,
 .surveil h2 a:link, .surveil h2 a:visited {color:#587bbd;font-size:2.4rem;}


.home  .site-branding {
background:transparent url(images/homebanner3.png) no-repeat top left;
background-size:350px;
height: 250px;}

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

	h1 {font-size:2.4rem;margin-bottom:14px;}
	h2 {font-size:2rem;margin-bottom:14px;}
	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;}
	
	.footer-widgets .widget, .loginout {
		float: right;
		padding: 0 30px;
		width: auto;
	}
	
	div.centercol {
		padding:20px 0px;
	}

	/*adjustments for beaver builder layouts*/

	.fl-module-content {
		margin-left:0px;
		margin-right:0px;
	}
	.footer-widgets .menu {display:none;}
	
	/*table in mobile definition*/

	.mobile {display:block;}

	thead {
		visibility: hidden; 
		display:none;}
	
	table td  {
		display: block; 
		overflow-x: auto;
		text-align:left;
		padding-left:34px; 
		width:99%;}
	
	table td.first {
		font-size:1.8rem;
		background-color:#72a5bf;
		color:#fff;
		width:99%;}
	.footer-content {background: #587BB7 url(images/logo-footer.png) 0% 20% no-repeat;}


}



@media screen and (min-width: 375px){#primary {padding-left:22px;}.home i.fa.fa-search {color:#000;}

.error404 #primary {
	height: calc(452px + 145px);
}

}

@media screen and (min-width: 480px){
.about, .disease, .partners, .surveil {padding: 10px 28px 28px 28px;}
#site-header img {width:220px;right:18px;}
.home h2 {font-size:2.8rem;}

 }


@media screen and (min-width: 640px){
#primary {padding-left:32px;}
#site-header img {width:350px;top:0px;right:32px;}




.site-disclaimer {text-align:center;
	padding:12px 20px;
	margin-top: 100px;}

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


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

	/*adjustments for beaver builder layouts */

	.fl-builder h1.entry-title {
		margin-left:40px;
	} 
	.fl-module-content {
		margin-left:40px;
		margin-right:40px;
	}
.home .site-branding {
background: transparent url(images/bannerhome2.png) top left no-repeat;background-size:contain;
height:160px;

}

.error404 #primary {
	height: calc(597px + 250px);
}

}

@media screen and (min-width: 769px) {

.fl-builder-content .fl-node-58ef9c47a5a39,
.fl-builder-content .fl-node-58ef9c47a5a91
{width:50%!important;margin-bottom:20px;}
.fl-builder-content .fl-node-58ef9c47a5a39 {padding-right:20px;}

.disease, .partners {min-height:480px;}
.about, .disease, .partners, .surveil {padding:0px;}

.about .fl-module-content {padding-bottom:32px;border-bottom:1px solid #dce2f0;}


.about, .disease, .partners, .surveil {background-color:#fff;min-width:100px;min-height:100px;}	
.about .mobile, .disease .mobile, .partners .mobile, .surveil .mobile {display:none;}
.about .not, .disease .not, .partners .not, .surveil .not {display:block;}

.about p, .disease p, .partners p, .surveil p {color:#333;}
.about p {font-size:2rem;}
.surveil p, .about p {padding:0px 50px;}


	h1 {font-size:3.2rem;margin-bottom:14px;}
	h2 {font-size:2.8rem;margin-bottom:14px;}
	h3 {font-size:2.4rem;}
	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;}

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

	/*adjustments for beaver builder layouts */

	.fl-builder h1.entry-title {
		margin-left:60px;
	} 
	
	/*responsive table code */
	
.mobile {display:none;}

thead {
	visibility:visible;
		display:table-header-group;}
		
table td {
	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;}

}

@media screen and (min-width: 800px){

.main-navigation ul ul a {width:280px;}


	
	.menu{width:800px;}
	.home #site-header a {padding-right: 10px;width:390px;}

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


@media screen and (min-width: 900px){
	
.search-toggle {top:15px;right:0px;}
	
.search-box-wrapper {
		top:0px;
		right:0px;}
	
	.home .search-box-wrapper {height:60px;padding-top:5px;}
.home .search-toggle {top:3px;}
	
	.search-box .search-field {padding-top:5px;}
	
.site-branding {min-height:160px;}
.featured-banner img {width:70%;}
.logo.right {display:none;} #site-header img {display:block;}
	.menu{width:900px;}
	.home #site-header a {width:auto;}
}


@media screen and (min-width: 1024px){


#site-header img {width:380px;}
.home  .site-branding {height:320px;background-size:1200px}
	.menu{width:1024px;}
	.home #site-header a {padding-right: 100px;}
	/*.featured-banner .image-shifter{position:absolute; left:0px;}*/
	.footer-content {background: #587BB7 url(images/logo-footer.png) 0% 20% no-repeat;
	}

}

@media screen and (min-width: 1218px){
.home .entry-content {padding-top:1.5rem;}
.home .fl-row-content-wrap {
padding-bottom:0px;margin-top:20px;}
.about .fl-module-content {padding-bottom:0px;border-bottom:0px solid #fff;}

.featured-banner img {width:894px;}

.about p {font-size:1.6rem;}
.surveil p, .about p {padding:0px;}

.fl-builder-content .fl-node-58ef9c47a59d0, 
.fl-builder-content .fl-node-58ef9c47a5a39,
.fl-builder-content .fl-node-58ef9c47a5a91,
.fl-builder-content .fl-node-58ef9c47a5ae7 
{width:25%!important;margin-bottom:20px;}
.fl-builder-content .fl-node-58ef9c47a5a39 {padding-right:0px;}

.featured-banner {padding-left:0px;}
.home h2 {text-align:center;text-transform:uppercase;min-height: 88px;}




	.menu{width:1218px}
	/*adjustments for beaver builder layouts */

	.fl-builder h1.entry-title {
		
	} 
	.footer-widgets .menu {display:block;}
	.footer-content {background: #587BB7 url(images/logo-footer.png) 6% 10% no-repeat;}
}

@media screen and (min-width: 1320px){

	#site-header img {
	width:450px;
	top:0px;
	right:162px;}

	.home #site-header img {width:480px;top:0px;
	right:185px;}

	.home  .site-branding {
	height:420px;
	background-size:contain;
	background-size:1650px;}

	.menu{width:1320px;}
	div.centercol {
		padding:20px 107px;
	}

	/*adjustments for beaver builder layouts */
	.fl-module-content {
		margin-left:20px;
		margin-right:20px;
	}
	.fl-builder h1.entry-title {
		margin-left:40px;
	} 
	.footer-content {background: #587BB7 url(images/logo-footer.png) 2% 10% no-repeat;}
}

@media screen and (min-width: 1600px){

	.featured-banner {padding-left:70px;}


}

.site-disclaimer {text-align:left;
	margin-top: 80px;}

/* adjustments for beaver builder layouts */

.fl-builder .centercol {padding:20px 0px;}
.fl-builder .entry-content {margin:0px;}
.fl-builder-content-primary {margin-top:-16px;}