:root {
	--green: #6deb4f;
	--purple: #703096
}

#breadcrumb,
.pagetitle,
.sys_news-title span {
	display: none!important
}

#pagecontainer {
	max-width: 1600px!important;
	margin: 0 auto
}

h1 {
	background: var(--green);
	color: var(--purple);
	text-align: center;
	width: calc(100% - 60px) !important;
	padding: 30px 10px;
	margin: 0 auto 0 auto;
	align-self: flex-end
}

#pagecontainer {
	border: 0!important;
	background: 0 0!important;
	padding: 0!important
}

.homesect {
	color: #fff;
	background: var(--purple)
}

.inner {
	width: 1120px;
	max-width: 100%;
	margin: 0 auto;
	padding: 25px 0
}

.homesect ul {
	padding-left: 0;
	list-style: none;
	margin: 0 auto
}

.homesect li {
	display: inline-table
}


.homebox,
.expbox {
  background: #fff;
  border-bottom: 4px solid var(--green);
  height: fit-content;
  margin: .9em 12px !important;
  width: calc(33% - 24px);
  transition: background 0.3s;
}

.expbox {
  background: var(--purple);
}

.homebox a,
.expbox a {
  display: block;
  font-size: 1.5rem;
  text-decoration: none;
  padding: 20px;
}

.expbox .fa {
    color: var(--green);
}

.homebox a {
	height: 230px;
}

.expbox a {
    display: flex;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    justify-content: center;
}

.alt-content {
  color: var(--purple);
  display: flex;
  flex-direction: column;
  float: left;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.expbox .alt-content {
  color: #fff;
}

.altbox-content {
  display: block;
  font-style: normal;
  margin-top: 20px;
  padding: 0;
  font-weight: normal;
  text-align: center;
}

.alt-content .fa,
.alt-content .fas,
.alt-content .fal,
.alt-content .fad {
  margin: 0 auto;
  text-align: center;
  font-size: 35px;
  width: 100px;
  display: block;
}

/* Optional hover tweaks */
.homebox:hover {
  background: #f2f2f2;
}

.expbox:hover {
  background: var(--dark-purple);
}


.boxmid {
	display: table-cell;
	vertical-align: middle
}

.hmexpr {
	display: inline-block;
	padding-bottom: 3px;
	margin: 30px 0;
	padding-left: 12px
}

.hmexpr a {
	color: #fff;
	text-decoration: none
}

.hmexpr a:hover {
	border-bottom: 3px solid var(--green)
}

.homesect .fa-angle-down {
	color: var(--green);
	font-size: 1.3em
}

.expbox {
	background: var(--purple);
	color: #fff!important;
	height: 230px;
	margin: .9em 12px!important;
	width: calc(25% - 28px);
	border-bottom: 7px solid var(--green);
}

.sys_theme-simple .sys_faqs-control .sys_subitem .sys_subitem-summary {
	background: #e6dced!important
}

.homeimg {
	background-color: var(--purple);
	background-image: url(/homeimg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 450px;
	display: flex
}

.homeexpand,
.sys_faqs-summary .homeexpand {
	background: #e6dced
}

#article-list {
	margin: 40px auto 0 auto!important
}

#article-list .sys_theme-simple .sys_news-control .sys_subitem .sys_news-subheading a {
	min-height: 43px!important
}

@media only screen and (max-width :810px) {
	#article-list {
		color: var(--purple)!important;
		width: calc(100% - 40px)!important;
		display: block!important;
		margin: 25px auto 0 auto!important
	}
	.reportbox {
		display: none
	}
	.homesect {
		padding-top: 1px
	}
	.homesect li {
		display: block;
		height: auto!important;
		width: calc(100% - 80px)!important
	}
	.expbox,
	.homebox {
		margin: .9em auto!important;
		font-size: 1.8em;
		text-align: left
	}
	.homebox {
		display: block!important;
		width: calc(100% - 80px);
		height: 100px
	}
	.hmexpr {
		width: calc(100% - 50px)!important;
		display: block;
		margin: 30px auto
	}
	.boxmid {
		display: inline
	}
	.expbox em,
	.homebox em {
		margin-bottom: 0;
		font-size: 1.5em;
		float: left;
		margin-right: 20px
	}
	.homeexpand,
	.sys_faqs-summary .homeexpand {
		padding: 1px
	}
}

@media only screen and (max-width :1009px) {
	#pagebody {
		padding: 0!important
	}
}