@charset "utf-8";
/* CSS Document */

.landing-page-features {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items:stretch;
}
.landing-page-features a {
	display: flex;
	text-decoration: none; 
	color:#444;
}
.feature-block {
	display: flex;
	flex-direction: column;
	width:330px;
	margin:20px 10px;
	padding:12px;
	border-radius: 20px;
	background-color:rgba(217,217,217,0.12);
}
.feature-block:hover {
	box-shadow: 0px 10px 10px 5px rgba(217,217,217,0.40);
}
.feature-block-logo {
	height:120px;
	width:270px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center center;
}
.feature-block-title {
	text-align:center;
	font-size:1.6em;
	line-height:1.6em;
	font-weight:bold;
	margin:6px 0;
}
.feature-block-text {
	flex-grow: 2;
	font-size:1.4em;
	line-height:1.6em;
}
.feature-block-button {
	width:170px;
	height:50px;
	margin:20px auto;
	font-size:1.3em;
	line-height:50px;
	font-weight: bold;
	text-align: center;
	color:#ffffff;
	background-color: rgba(31,73,125,1.00);
}
.feature-block:hover .feature-block-button {
	background-color: rgba(251,209,37,1.00);
}

/***********************************************************************************************************************************/
.org-chart {
	width:100%;
	height:100%;
	padding:20px;
}
.lvl1, .lvl2, .lvl3 {
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items:flex-start;
	justify-content:flex-start;
}
.lvl4 {
	width:100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items:flex-start;
	justify-content:flex-start;
}
.lvl1 div {
	background-color:#DADEF1;
}
.lvl2 div {
	background-color:#C1DBC2;
}
.lvl3 div, .lvl4 div {
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	background-color:#E4DCCC;
}
.lvl3 .chart-block:last-child,
.lvl3 .chart-block:last-child div {background-color:rgba(220,180,128,1.00);}
.admin-color .chart-block:last-child,
.admin-color .chart-block:last-child div {background-color:#E4DCCC;}
.chart-block {
	position: relative;
	width: 220px;
	min-width:220px;
	height:100px;
	padding:20px;
	margin:20px 10px;
	display:flex;
	flex-direction: column;justify-content: center;
	flex-wrap: nowrap;border-radius: 12px;
	border:1px solid #000;
	background-color:rgba(255,255,255,0.80);
}
.chart-block:hover{opacity: .8;}
.lvl1 .chart-block::before {
	content: "";
  position: absolute;
  bottom: -22px;
  left: 110px;
  height: 2px;
  width: 240px;
  background: #000;
}
.lvl1 .chart-block::after {
	content: "";
  position: absolute;
  bottom: -35px;
  left: 50%;
  height: 35px;
  width: 2px;
  background: #000;
}
.lvl2 .chart-block::before {
	content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  height: 22px;
  width: 2px;
  background: #000;
}
.lvl2 .chart-block::after {
	content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  height: 22px;
  width: 2px;
  background: #000;
}
.lvl2 .chart-block:last-child:after {
	content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  height: 0px;
  width: 2px;
  background: #000;
}
.lvl2::after {
	content: "";
  position: relative;
  bottom: -137px;
  left: -360px;
  height: 2px;
  width: 100%;
  background: #000;
}
.fourth::after {
	content: "";
	display:block!important;
  position: relative;
  top:-24px!important;
  left: -107px!important;
  height: 2px!important;
  width: 100%!important;
  background: #f00;	
}
.lvl3 .chart-block::before,
.lvl4 .chart-block::before {
	content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  height: 22px;
  width: 2px;
  background: #000;
}
.lvl3 .chart-block::after,
.lvl4 .chart-block::after {
	content: "";
  position: absolute;
  bottom: -42px;
  left: 50%;
  height: 42px;
  width: 2px;
  background: #000;
}
.lvl4 .chart-block:last-child:after {display:none;}
.lvl3 .chart-block:nth-child(n+3):after,
.lvl3 .last::after {
	content: "";
	display: none;
}
.lvl .chart-block::before {
	content: "";
  position: absolute;
  top: -42px;
  left: 50%;
  height: 42px;
  width: 2px;
  background: #000;
}
.chart-title {
	font-size:1.1em;
	font-weight: bold;
	text-align: center;
}
.chart-name {
	margin-top: 5px;
	font-size:1.5em;
	font-weight: bold;
	text-align: center;
}


/***********************************************************************************************************************************/
.sub-links {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.sub-links a {transition: all .2s ease-in-out;}
.sub-links a:hover {transform: scale(1.05);}
.sub-links-box {
	width:250px;
	padding:15px;
	margin:20px auto;
	background-color: rgba(31,73,125,0.80);
	border: 1px solid rgba(31,73,125,0.90);
	border-radius: 15px;
	text-align: center;
	color:#fff;
	font-size:1.5em;
	line-height:1.6em;
	font-weight: bold;
}
.icn {
	width:60px;
	height:50px;
	margin:0 auto 10px auto;
	background-repeat: no-repeat;
	background-position: center;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(167deg) brightness(106%) contrast(105%);
}
.sl-wwa {}
.sl-wws {}
.sl-win {}
/*--------------------------*/
.slb-st .icn {background-image: url("../Images/icns/user-tie-solid.svg");}
.slb-ms .icn  {background-image: url("../Images/icns/comment-dots-solid.svg");}
.slb-oh .icn  {background-image: url("../Images/icns/clock-rotate-left-solid.svg");}
.slb-cwu .icn  {background-image: url("../Images/icns/rss-solid.svg");}
.slb-wvc .icn  {background-image: url("../Images/icns/users-solid.svg");}
.slb-pe .icn  {background-image: url("../Images/icns/building-user-solid.svg");}
.slb-lg .icn  {background-image: url("../Images/icns/landmark-solid.svg");}
.slb-ba .icn  {background-image: url("../Images/icns/vault-solid.svg");}
.slb-pr .icn  {background-image: url("../Images/icns/newspaper-regular.svg");}
.slb-rfp .icn  {background-image: url("../Images/icns/file-lines-regular.svg");}
.slb-eo .icn  {background-image: url("../Images/icns/person-circle-question-solid.svg");}

@media only screen and (max-width: 1200px) {
		.org-chart {
			width:1100px;
		}
		
}

@media only screen and (max-width: 900px) {	
	.org-chart {
		width:100%;
		padding:0;
		overflow-x: auto;
	}
	.lvl1, .lvl2, .lvl3, .lvl4 {width:1000px;}
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 450px) {
	.landing-page-features {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
	}
	.feature-block {margin:20px 0px;}
	.org-chart {
		width:310px;
		padding:0;
		overflow-x: auto;
	}
	#dnn_ctr1487_HtmlModule_lblContent{position: relative; overflow-x: hidden;}
	.org-chart:after,
	.org-chart:before {
	content: '';
  height: 100%;
  width: 15px;
  top: 0;
	position: absolute;
}

.org-chart:after {
	right: 0;
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.2));
}	
	.lvl1, .lvl2, .lvl3, .lvl4 {width:760px;}
	.chart-block {min-width:220px;width:220px;}
	.lvl2::after {
		width:482px;
		max-width: 482px;
		min-width:482px;
		height:2px;
		overflow:visible;}
}