@import url(http://fonts.googleapis.com/css?family=Tenor+Sans);

/*
Theme Name: State child Template
Theme URI: 
Author: HIC
Author URI: 
Description: Child template for State Templates (v2).
Template: hic_state_template_parent
Version: 1.0
License: 
License URI:
*/

@import url("../hic_state_template_parent/style.css");



/* BUDGET CUSTOM CSS STYLES:START */

.no-title .post { border-top: none !important; }

#home_bottom_widgets h3 { font-size: 1.2em !important; }

/* BUDGET CUSTOM CSS STYLES:END */


/* HR CSS STYLES: START */

.aloha-container {
	background-image: url("https://budget.hawaii.gov/wp-content/uploads/2019/03/hi-capitol.jpg");
	background-size: cover;
	position: relative;
	height: 375px;
}

.text {
	background-color: white;
	color: black;
	font-size: 8vw;
	font-weight: bold;
	margin: 0 auto;
	padding: 60px;
	width: 60%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-45%, -45%);
	mix-blend-mode: screen;
}

.button {
	border: none;
	color: white;
	padding: 16px 22px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	font-size: 18px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	cursor: pointer;
}
.button1 {
	background-color: #e9e9e9;
	border: 3px solid #94cd22;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button1:hover {
	background-color: #94cd22;
	color: white;
}
.button2 {
	background-color: #e9e9e9;
	border: 3px solid #6001b2;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2:hover {
	background-color: #6001b2;
	color: white;
}
.button3 {
	background-color: #e9e9e9;
	border: 3px solid #FFC300;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button3:hover {
	background-color: #FFC300;
	color: white;
}

table {
table-layout: fixed;
border-collapse: collapse;
width: 100%;
border: 2px solid #ddd;
}

th {
text-align: center;
font-size: 18px;
padding: 2px;
}

td {
text-align: center;
font-size: 14px;
padding: 3px;
}

th:first-child, td:first-child {
text-align: left;
width: 100%;
}

tr:nth-child(even) {
background-color: #f2f2f2
}

.fa-check {
color: green;
text-align: center;
}

.fa-remove {
color: red;
text-align: center;
}

.flex-container {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

#box-title {
	color: whitesmoke; 
	background-color: black;
	text-align: center;
	font-size: 31px;
}

/* HR CSS STYLES: END */


/**********************************************************************
=COMMON
**********************************************************************/

/**********************************************************************
=HEADER
**********************************************************************/

/**********************************************************************
=SLIVER
**********************************************************************/

/**********************************************************************
=NAV
**********************************************************************/

/**********************************************************************
=SIDEBAR
**********************************************************************/

/**********************************************************************
=TABLE
**********************************************************************/

/**********************************************************************
=FOOTER
**********************************************************************/


/**********************************************************************
=input gform
**********************************************************************/


/**********************************************************************
=SEARCH
**********************************************************************/


/**********************************************************************
=OTHER
**********************************************************************/

/**********************************************************************
=PAGE LAYOUT
**********************************************************************/
/** TOP PAGE LAYOUT **/
/***********************************************************************************************************/


/***********************************************************************************************************/
/** SUB PAGE LAYOUT **/
/***********************************************************************************************************/


/***********************************************************************************************************/
/** ftz FAQ page **/
/***********************************************************************************************************/

/***********************************************************************************************************/
/** ftz tab widget LAYOUT **/
/***********************************************************************************************************/

/***********************************************************************************************************/
/** ftz calculator widget LAYOUT **/
/***********************************************************************************************************/

/***********************************************************************************************************/
/** ftz Glossary Page **/
/***********************************************************************************************************/

/******************************************************************************************************************************************
=MEDIA QUERY
******************************************************************************************************************************************/