/*
Hawaii made Stylesheet
Updated: 2026-09-15 12:00:00
Theme Name: Hawaii Made Child Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: NIC Hawaii
Author URI: https://nichawaii.egov.com/
Description: A child theme based on the Hello theme by Elementor
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Libertinus+Math&display=swap');

:root {
	--color-primary: #44756E;
	--color-primary-dark: #1F403B;
	--color-primary-darker: #396861;
	--color-primary-light: #91AD96;
	--color-secondary: #826641;
	--color-secondary-dark: #624B2C;
	--color-secondary-light: #A8875C;
	--color-accent: #FFECCC;
	--color-accent-dark: #E8DCC8;
	--color-accent-light: #FFF6E8;
	--color-accent2: #E4DCC8;
	--color-gray:#656565;
	--color-gray-light:#B6B6B6;
	--color-gray-superlight:#e9e9e9;
	--color-text:#333333;
	--color-black:#000000;
	--color-white:#ffffff;
	--color-gold:#cca13d;
	--color-green-light:#EBF4F0;
	--color-green-extra-light:#EFF3E3;
}

a.skip-to-main {
    color: #fff;
    text-decoration: underline;
    background: 0 0;
    left: 0;
    padding: 0.5rem 1rem;
    position: absolute;
    top: -3.8rem;
    transition: .15s ease-in-out;
    z-index: 100;
}

a.skip-to-main:focus, a.skip-to-main:active {
    color: #fff;
    background-color: #000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 1rem;
    z-index: 999;
}
html {
	background-color: var(--color-primary);
}
body {
	background-color:var(--color-accent-light);
	font-family: "Libertinus Math", system-ui;
    font-weight: 400;
	font-size:1rem;
	color:var(--color-text);
	background-image: url('images/repeat-b2-30.webp');
	background-repeat: repeat-y;
    background-size: 10%;
    background-position: top right;
}
main {
	margin:0 !important;
	min-height:25rem;
}
h1, h2, h3, body h4, body h5, body h6{
  font-family: "Bitter", serif;
  font-weight: 600;
  color:var(--color-primary);
}
.elementor-heading-title{
	margin-bottom:1rem;
	line-height:initial;
}

h1{
	font-size:1.6rem;
	line-height:1.8rem;
}
h2{
	font-size:1.5rem;
	line-height:1.7rem;
}
h3{
	font-size:1.4rem;
	line-height:1.6rem;
}
h4{
	font-size:1.3rem;
	line-height:1.5rem;
}
h5{
	font-size:1.2rem;
	line-height:1.4rem;
}
h6{
	font-size:1.1rem;
	line-height:1.3rem;
}
h2, h2.elementor-heading-title{
	position:relative;
	margin-bottom:1.5rem;
}
h2::after{
	border-bottom: 3px solid var(--color-gold);
    display: inline-block;
    content: '';
    padding-bottom: 5px;
    position: absolute;
    bottom: -10px;
    left: 0; 
    width: 140px;
}
.h2-middle h2::after{
    left: calc(50% - 70px);
}

.archive-posts h2 {
	padding-bottom:1rem;
}

.archive-posts h2::after {
	display:none;
}

.elementor-posts .elementor-post__meta-data {
	color:var(--color-text);
	font-size: 0.9rem;
}

.elementor-posts .elementor-post__excerpt p, .elementor-posts .elementor-post__read-more {
	font-size: 0.9rem;
}

.elementor-posts .elementor-post__title {
	font-size:1.2rem;
	line-height:1.4rem;
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
	h1{
		font-size:1.8rem;
		line-height:2rem;
	}
	h2{
		font-size:1.7rem;
		line-height:1.9rem;
	}
	h3{
		font-size:1.6rem;
		line-height:1.8rem;
	}
	h4{
		font-size:1.5rem;
		line-height:1.7rem;
	}
	h5{
		font-size:1.35rem;
		line-height:1.5rem;
	}
	h6{
		font-size:1.2rem;
		line-height:1.4rem;
	}
	.elementor-posts .elementor-post__title {
		font-size:1.3rem;
		line-height:1.5rem;
	}
	h2::after{
		width: 170px;
	}
	main {
		min-height:35rem;
	}
}

@media (min-width: 992px) {
	h1{
		font-size:2.3rem;
		line-height:2.5rem;
	}
	h2{
		font-size:2rem;
		line-height:2.2rem;
	}
	h3{
		font-size:1.7rem;
		line-height:1.9rem;
	}
	h4{
		font-size:1.5rem;
		line-height:1.6rem;
	}
	h5{
		font-size:1.3rem;
		line-height:1.5rem;
	}
	h6{
		font-size:1.2rem;
		line-height:1.4rem;
	}
	#home-video	h1{
		font-size:2.6rem;
		line-height:2.4rem;
	}
}
@media (min-width: 1200px) {
	body {
		font-size:1.125rem;
	}
}


#page-header{
	color:var(--color-white);
}
#page-header h1 {
	font-size:2rem;
	color:var(--color-white);
}

.search-results .elementor-post {
    background-color: var(--color-white);
	border:1px solid  var(--color-gray-superlight);
	border-radius:7px;
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	overflow:visible;
}

.elementor-nav-menu a:focus-visible {
	outline-offset:2px;
}

.search-results .elementor-post__text {
    padding: 1.5rem;
}

body .elementor-search-form__submit:focus {
	color:var(--color-text);
}

.elementor-search-form__container {
	overflow:inherit;
}
.elementor-search-form button:focus-visible, .elementor-search-form input[type=search]:focus-visible {
	outline:2px solid var(--color-white);
	outline-offset:2px;
}

.elementor-posts .elementor-post__excerpt p {
	color: var(--color-text);
}

footer, footer a, footer a:hover {
	color:var(--color-white);
}

body a{
	color:var(--color-primary);
	font-weight:600 !important;
	text-decoration:underline !important;
}
a:hover{
	color:var(--color-primary-dark);
	text-decoration:none;
}

a.elementor-button {
  color:var(--color-secondary);
  font-weight: 600;
  font-size:1rem;
}
a.elementor-button:hover{
  color:var(--color-secondary-dark);
}

.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active  {
	text-decoration: underline !important;
}

.elementor a:hover {
	text-decoration: none !important;
}

.elementor nav a:link, .elementor .elementor-post-navigation a, .elementor a.elementor-button {
	text-decoration: none !important;
}

.elementor-sitemap-section ul li a:hover,
.elementor-text-editor p a:hover,
.elementor-text-editor ul li a:hover,
.elementor-text-editor ol li a:hover,
.news-post-text p a:hover, 
.news-post-text ul li a:hover,
.news-post-text ol li a:hover  {
	text-decoration: none;
}

.clickable a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.clickable .elementor-widget, .clickable .elementor-widget-wrap {
    position: static;
}

#footer-link a {
    color: white;
}

#footer-link a:hover {
    color: var(--color-accent);
}
.elementor-post-navigation-borders-yes .elementor-post-navigation__separator {
    margin: 0 10px;
}

.elementor-pagination {
	margin-top:1rem;
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	margin-top:0;
}

.elementor-search-form button, .elementor-search-form input[type=search] {
	padding:0.5rem;
}
.elementor-pagination{
	font-weight:600;
}
.elementor-pagination a.page-numbers:hover {
	color:var(--color-gray);
}

#toggleYTBtn {
	border-radius:7px;
	padding: 0.25rem 0.65rem;
}
.extra-top-margin {
	margin-top: 2rem;
}
#hero-credit {
	color:#fff;
	position: absolute;
    left: 65px;
    bottom: 11px;
}
#hero-credit p {
	margin-bottom:0;
}
#hero-overlay::before {
	opacity: 0.65;
}

body table.eael-data-table thead tr th, table.eael-data-table tbody tr td {
	font-size:1rem;
	font-family: "Libertinus Math", system-ui;
}

table.eael-data-table thead tr th {
	background-color: var(--color-primary);
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{
	background-color:var(--color-accent-light);
}
body .ea-advanced-data-table tbody>tr:nth-child(odd)>td, body .ea-advanced-data-table tbody>tr:nth-child(odd)>th{
	background-color:var(--color-accent-light) !important;
}

table tbody > tr:nth-child(2n) td {
	background-color:var(--color-accent2);
}
body .ea-advanced-data-table tbody > tr:nth-child(2n) td {
	background-color:var(--color-accent2) !important;
}

.eael-data-table .td-content {
	display:initial;
}

.hm-event-table table th:first-child  {
  width: 23%;
}

.ea-advanced-data-table thead {
	background-color: var(--color-primary) !important;
}
body .ea-advanced-data-table thead th{
	color:var(--color-white) !important;
}

body .ea-advanced-data-table tbody td {
	color:var(--color-text) !important;
}
body .ea-advanced-data-table tbody td a, table.eael-data-table tbody tr td a {
	color:var(--color-primary-darker) !important;
}
body .ea-advanced-data-table th:before {
	border-bottom-color:var(--color-white) !important;
}
body .ea-advanced-data-table th:after{
	border-top-color:var(--color-white) !important;
}
body .ea-advanced-data-table th, body .ea-advanced-data-table td {
	border-color: var(--color-accent-light) !important;
}

.ea-advanced-data-table-search-wrap input {
	border-color:var(--color-gray-light) !important;
}
.ea-advanced-data-table-search-wrap input::placeholder {
  color: var(--color-text);
  opacity: 1; 
}

.company-table table :nth-child(1) {
	width:10%;
}
.company-table table :nth-child(4) {
	width:13%;
}
.company-table table :nth-child(6) {
	width:9%;
}
@media (min-width: 768px) {
body table.eael-data-table thead tr th, table.eael-data-table tbody tr td, body .ea-advanced-data-table {
	font-size:1.125rem;
}
}