@charset "utf-8";
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

* {
min-height: 0;
min-width: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
  
html, body {
	margin: 0px;
	padding: 0px;
}

body {
	display: flex;
	flex: 0 0 100%;
	flex-flow: column nowrap;
	justify-content: flex-start;
	background-color: #003471;
	border: none;
	min-height: 100%;
	min-width: 100%;
	text-decoration: none;
}

h1, h3 {
	font-family: 'Inter', sans-serif;	
}

h2 {
	font-family: 'Zilla Slab', serif;	
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #003471;
}

.main-content {
	flex-grow: 1;
}

.home-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}

.home-grid-banner-row-container {
	grid-column: 1;
	grid-row: 1;
	z-index: 2;
}

.home-banner-row-container {
	display: flex;
	/*flex: 0 0 100%;*/
	flex-flow: row nowrap;
	justify-content: space-between;
    align-items: center;
	height: 100%;
	width: 100%;
}

.home-column-container {
	/*display: flex;
	flex: 0 0 100%;
	flex-flow: column nowrap;
	justify-content: center;
	justify-content: flex-start;
	align-content: flex-start;*/
	width: 100%;
    align-items: center;
	height: 100%;
}

.banner-row-container {
	display: flex;
	/*flex: 0 0 100%;*/
	flex-flow: row nowrap;
	justify-content: space-between;
    align-items: center;
	/*height: 100vh;*/
	min-height: 100%;
	/*min-height: 100vh;*/
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.other-banner-row-container {
	display: flex;
	/*flex: 0 0 100%;*/
	flex-flow: row nowrap;
	justify-content: space-between;
    align-items: center;
	height: 75vh;
	/*min-height: 100%;*/
	/*max-height: 100vh;*/
	/*min-height: 100vh;*/
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.column-container {
	/*display: flex;
	flex: 0 0 100%;
	flex-flow: column nowrap;
	justify-content: center;
	justify-content: flex-start;
	align-content: flex-start;*/
    align-items: center;
	height: 100%;
	width: 100%;
}

.left-column-container {
	/*display: flex;*/
	justify-self: flex-start;
	align-self: flex-start;
	margin-top: .5%;
}

.right-column-container {
	display: flex;
	justify-self: flex-end;
	flex-direction: column;
	justify-content: space-between;
	align-self: flex-start;
	align-items: flex-start;
	margin-right: 2%;
	min-height: 100%;
	/*min-height: 100vh;*/
}

.ynvLogo {
	align-self: flex-start;
}

.outer-menu-div {
	display: flex;
	flex: 0 0 100%;
	flex-flow: column nowrap;
}

.catMenu {
	display: flex;
	flex-flow: row wrap;
	justify-self: flex-start;
	align-self: flex-start;
	justify-content: space-evenly;
	justify-items: space-evenly;
	margin-top: 1%;
	background-color: rgba(255,194,14,.3);
	border-radius: 10px;
}

.catDiv, .hamMenu {
	display: flex;
	justify-self: flex-start;
	justify-content: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 8.75em;
	height: 8.75em;
}
.catDiv > a {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	padding-bottom: 5%;
	font-family: 'Zilla Slab', serif;
	font-size: 1.25em;
	font-weight: 500;
	text-align: center;
	color: #FFFFFF;
}

.catDiv:hover, .catDiv:hover div  {
	background-color: #FFC20E;
}

.catDiv > a:hover {
	text-decoration: inherit;
}

.catDiv > a:active {
	text-decoration: inherit;
}

.menuImg {
	width: 100%;
	height: 100%;
}

#A0.initial {
	background-image: url('/images/cat_icons/people_icon_complete.png');	
}
a:hover#A0 {
	background: url('/images/cat_icons/people_selected.png') no-repeat;
	color: #003471;
}
a:active#A0 {
	background-color: #FFC20E;
}

#A1.initial {
	background-image: url('/images/cat_icons/econ_icon_complete.png');	
}
a:hover#A1 {
	background: #FFC20E url('/images/cat_icons/econ_selected.png') no-repeat;
	color: #003471;
}
a:active#A1 {
	background-color: #FFC20E;
}

#A2.initial {
	background-image: url('/images/cat_icons/edu_icon_complete.png');
}
a:hover#A2 {
	background: url('/images/cat_icons/edu_selected.png') no-repeat;
	color: #003471;
}
a:active#A2 {
	background-color: #FFC20E;
}

#A3.initial {
	background-image: url('/images/cat_icons/health_icon_complete.png');	
}
a:hover#A3 {
	background: url('/images/cat_icons/health_selected.png') no-repeat;
	color: #003471;
}
a:active#A3 {
	background-color: #FFC20E;
}

#A4.initial {
	background-image: url('/images/cat_icons/housing_icon_complete.png');	
}
a:hover#A4 {
	background: url('/images/cat_icons/housing_selected.png') no-repeat;
	color: #003471;
}
a:active#A4 {
	background-color: #FFC20E;
}

#A5.initial {
	background-image: url('/images/cat_icons/nat_res_icon_complete.png');	
}
a:hover#A5 {
	background: url('/images/cat_icons/nat_res_selected.png') no-repeat;
	color: #003471;
}
a:active#A5 {
	background-color: #FFC20E;
}

#hamBtn.initial {
	background-image: url('/images/cat_icons/ham_icon_complete.png');	
}
#hamBtn:hover {
	background-image: url('/images/cat_icons/ham_selected.png');
	color: #003471;
}
#hamBtn:active {
	background-color: #FFC20E;
}

.indList {
	background-color: rgba(255,194,14,.85);
	background-image: url('/images/full_aztec_pattern.png');
	display: flex;
	justify-content: space-evenly;
	font-family: 'Zilla Slab', serif;
	font-weight: 500;
	font-size: 1em;
	padding-bottom: 1%;
}

.hamList {
	background-color: rgba(255,194,14,.85);
	background-image: url('/images/full_aztec_pattern.png');
	display: flex;
	justify-content: flex-end ;
	font-family: 'Zilla Slab', serif;
	font-weight: 500;
	font-size: 1em;
	padding-bottom: 1%;
}

.hidden {
  display: none; /* Initially hide the flex item */
}

.sub-ham-list {
	margin-top: 2%;
	margin-right: 2%;
	
}

.sub-cat-title {
	margin-top: 2%;
}

.subCatTitle {
	display: flex;
	justify-self: center;
	font-size: 1.5em;
}

.specialArrows {	
	color: #003471;
}

a:visited.active{
	color:  #FFFFFF;
}
a:hover.active {
	font-weight: 700;
	color:  #003471;
}
a:visited.inActive {
	color:  #000000;
}
a:hover.inActive {
	font-weight: 700;
	color:  #003471;
}

.catTitle {
	display: flex;
	font-size: 6em;
	font-weight: 800;
	justify-self: flex-end;
	align-self: flex-end;
	color: #FFFFFF;
	margin-bottom: none;
}

.blueBG {
	background-color: #003471;
}

.aztecBorder {
	background: url('/images/aztecBorder.png') repeat center center;
	width: 100%;
	/*height: 100%;*/
	margin-top: .5%;
	font-size: 2em;
}

.aboutUsTitle, .totalIndListTitle {
	display: flex;
	font-size: 4em;
	font-weight: 800;
	justify-self: center;
	color: #FFC20E;
}

.aboutUsTextFormat {
	justify-self: center;
	align-self: center;
	margin-bottom: 2%;
	width: 60%;
	font-family: 'Inter', sans-serif;
	font-weight: 200;
	font-size: 2em;
	color: #FFC20E;
}

.catTextFormat {
	align-items: center;
	margin-top: 2%;
	margin-left: 2.5%;
	width: 45%;
	font-family: 'Yadelvi', sans-serif;
	font-size: 1.5em;
	color: #FFFFFF;
}

.totalIndFormat {
	align-items: center;
	margin-top: 2%;
	margin-left: 2.5%;
	font-family: 'Yadelvi', sans-serif;
	color: #FFFFFF;
}

.totalIndList {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-content: flex-start;
}

.totalIndList h2 {
    color: #FFC20E;
    margin-top: .6em;
    margin-bottom: 0;
}

.totalIndList h2.title {
	font-size: 2.5em;
}

.totalIndList h2 a {
    color: #FFC20E;
	text-decoration: none;
}

.totalIndList h2 a:link {
    color: #FFC20E;
	text-decoration: none;
}

.totalIndList h2 a:visited {
    color: #FFC20E;
	text-decoration: none;
}

.totalIndList h2 a:hover {
    color: #FFFFFF;
	text-decoration: none;
}

.totalIndList h2 a:active {
    color: #FFC20E;
	text-decoration: none;
}

.totalIndList h2 a.returnLinks {
	font-size: .5em;
	text-decoration: none;
}

.totalIndList h3 {
	font-size: 1.5em;
	margin-left: 1em;
	color: #FFC20E;
	text-decoration: none;
	margin-top: .5em;
	margin-bottom: 0;
}

.totalIndList h3 a {
	color: #FFC20E;
	text-decoration: none;
}

.totalIndList a:link {
	color: #FFC20E;
	text-decoration: none;
}

.totalIndList a:visited {
	color: #FFC20E;
	text-decoration: none;
}

.totalIndList a:hover {
	color: #FFFFFFF;
	text-decoration: none;
}

.totalIndList a:active {
	color: #FFC20E;
	text-decoration: none;
}

.totalIndList ul {
	margin-left: -1em;
	margin-top:  0;
}

a.azLinks:link {
	color: #FFC20E;
	text-decoration:none;
}

a.azLinks:visited {
	color: #FFC20E;
	text-decoration:none;
}

a.azLinks:hover {
	color: #FFFFFF;
	text-decoration:none;
}

a.azLinks:active {
	color: #FFC20E;
	text-decoration:none;
}

a.azLinks {
	display:  block;
	margin-left: 2em;
	font-size: 1.25em;
	color: #FFC20E;
	text-decoration:none;
}

.catList {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: flex-start;
	margin-top: .25em;
}

a.returnLinks:link {
	color: #FFC20E;
	text-decoration:none;
}

a.returnLinks:hover {
	color: #999999;
	text-decoration:none;
}

a.returnLinks {
	justify-self: center;
	font-size: 1.5em;
    color: #FFC20E;
	text-decoration:none;
}

.graphContentWrapper {
	display:flex;
	flex-flow: column nowrap;
	justify-self: center;
	margin-top: 2%;
	width: 80%;
}

#graphNav {
	display: flex;
	flex-flow: row nowrap;
	justify-self: flex-end;
	justify-content: flex-end;
	justify-items: flex-end;
    align-items: center;
	min-height: 100%;
	width: 100%;
}

.graphNavBtn {
	display: flex;
	font-family: 'Zilla Slab', serif;
	font-size: 1.5em;
	background-color: #FFC20E;
	padding: .25em;
	margin: .5em;
	border-radius: 1em;;
}

#ynvGraphWrapDiv {
	margin-top: 2%;
	text-align: center;
}

#ynvMoreinfoDiv, #ynvMoreinfoDiv a, #ynvMoreinfoDiv h2 {
	margin-top: 2%;
	text-align: left;
	font-family: 'Yadelvi', sans-serif;
	color: #FFFFFF;
}

#ynvMoreinfoDiv h2 {
	margin-bottom: 0;
}
#ynvWhy > :first-child, #ynvWhere > :first-child, #ynvSources > :first-child {
	margin-top: 0;
}
#ynvMoreinfoDiv p {
	margin-left: 2%;
}
#ynvMoreinfoDiv p:has(+ ul) {
	margin-bottom: 0;
}
#ynvMoreinfoDiv ul {
	margin-top: 0;
	margin-left: 2%;
}
#ynvIndTitle {
	text-align: center;
}
#ynvMoreinfoDiv  a:link{
	color: #FFC20E;
}
#ynvMoreinfoDiv  a:visited {
	color: #FFC20E;	
}
#ynvMoreinfoDiv  a:hover {
	color: #999999;	
}
#ynvMoreinfoDiv  a:active {
	color: #FFC20E;	
}

.graphDirs, .graphAttr, .graphAttr > a, #disclaimer {
	font-family: 'Inter', sans-serif;
	color: #FFC20E;
}

.graphAttr > a:link {
	color: #FFFFFF;	
}
.graphAttr > a:visited {
	color: #FFFFFF;	
}
.graphAttr > a:hover {
	color: #999999;	
}
.graphAttr > a:active {
	color: #FFFFFF;	
}

#disclaimer {
	display: flex;
	justify-self: center;
	width: 50%;
}

.bottom-border {
	display: flex;
	justify-self: flex-end;
	align-self: center;
	width: 100%;
	background: #FFC20E;
	font-size: 2em;
}