/*
Theme Name: State of Hawaii Scroll Template for the Governor
Theme URI: 
Author: HIC
Author URI: 
Description: Child template for State Templates (v2) Scroll template - Governor.
Template: hic_state_template_parent
Version: 2.0
License: 
License URI:
*/

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

.social-icons.stripe-row span.fa3icon.icon_large {
    font-size: 50px;
    margin-top: 20px;
}

.four-col.social-icons span.fa3icon.icon_large {
    font-size: 25px !important;
    padding-top: 10px;
}

span.fa3icon.icon_large::before {
    width: 100%;
    padding-top: 10px;
}

.social-icons.stripe-row span {
    display: contents;
}

.four-col.social-icons span {
    display: contents !important;
}

ol {margin: 0 0 1.3em 0.1em;}

#post_65 #page{
	max-width: 1000px !important;
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + #main-content {
  padding-top: 0px;
}


/* Gold buttons */
.gold-button ul {
  width:100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: table;
}

.gold-button ul>li:last-child {
  margin-right: 0;
}

.gold-button ul>li>a {
  display: block;
  color: #fff;
  background: #745A4E;
  font-weight: 400;
  text-align: center;
  padding: 10px 0;
  margin: 8px;
}

.gold-button ul>li>a:hover {
  text-decoration: none;
  background: #7b6459;
}

.gold-button ul>li>a>i {
  font-size: 30px;
}

.gold-button ul>li>a>span {
  font-size: 14px;
}

.gold-button ul>li>a>span, .gold-button ul>li>a>i {
  display: block;
  width: 100%;
}

#header_search input[type="text"], #main_search input[type="text"] { background: #fff !important; }


/* Sustainable Hawaii Initiative page:START */

#shi-bg { background: #0098a6 url("https://governor.hawaii.gov/wp-content/uploads/2017/01/10.-Web-Infographic_Background-sliver.jpg") repeat-x left top; min-height: 950px; }
.shi-circle { min-height:350px; }
.shi-imgcircle { color: #555555; font-weight: normal; letter-spacing: 2px; }
.shi-imgcircle a:hover { color: #FFFFFF; text-decoration: underline !important; }
.shi-imgtxt { color: #555555; font-weight: normal; letter-spacing: 2px; }
.shi-imgtxt a:hover { color: #FFFFFF; text-decoration: underline !important; }
.shi-brochuretxt a { color: #FFFFFF; font-size: 1.5em; }
.shi-brochuretxt a:hover { color: #0B7482; }


/* Sustainable Hawaii Initiative page:END */


#tribe-events { padding-top: 20px; }

html, body {
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'OpenSansSemibold', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 600;
color: #222;
font-weight: bold;
line-height: 1.4em;
}

body {
//  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #222;
  background-image: none !important;
}

p {
  line-height: 1.6em;
}

html {
   background: #fff;
   height: 100%;
 }

a {
  color: #1E3B66;
}

a:hover, a:active {
  color: #4B6285;
}

.pagetitle {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.pagetitle span {
  margin-bottom: 1em;
}

.post p.meta-info {
  border-top: none;
  line-height: 1.25em;
}

.bills-signed a {
  color: #fff;
}

.bills-signed a:hover {
  text-decoration: none;
}


/* Fix z-index for video overlay and slider dots */

#fancybox-wrap {
  z-index: 9999 !important;
}


/* Gravity Forms Contact Styles */


/* .name_prefix { width: 50% !important; } */

.form-contact li {
  margin-bottom: 1em;
}

.field-nospace input {
  margin-bottom: 0px !important;
}

.field-spacing {
  margin-bottom: 20px;
}


/* Slider caption styles */

.theme-default .nivo-controlNav {
  display: inline-block;
  float: right !important;
  margin: -55px auto !important;
  min-width: 13% !important;
  text-align: center !important;
}

@media only screen and (min-width: 768px) {
  .theme-default .nivo-controlNav {
    min-width: 10% !important;
  }
}

@media only screen and (min-width: 900px) {
  .theme-default .nivo-controlNav {
    min-width: 20% !important;
  }
}

@media only screen and (min-width: 1200px) {
  .theme-default .nivo-controlNav {
    min-width: 30% !important;
  }
}

@media only screen and (min-width: 1400px) {
  .theme-default .nivo-controlNav {
    min-width: 48% !important;
  }
}


/* Announcer Single Page Section style */

.announcement {
  color: #fff;
  padding: 2em 0;
}

.announcement a {
  color: #fff;
}


/* Mailchimp archive link */

.archive-link {
  margin-top: 1.0em;
}

.archive-link a {
  color: #1E3B66;
  font-weight: bold;
}

.archive-link a:hover {
  color: #fff;
}

.bc-section p:first-child {
  margin-bottom: 0.4em;
}


/* Events listing on home page*/

.ecs-event-list li {
  padding: 1.5em 0;
  border-bottom: 1px solid #CCC;
}

.ecs-event-list li:first-child {
  padding-top: 0em;
}

.ecs-event-list li h4 {
  padding: 0px !important;
}

.ecs-event-list .time {
  font-size: 95%;
}


/* Remove bullets from ET tabs */

.et-tabs-container li {
  list-style-type: none !important;
}


/* Subcription Email Home */

#mc_embed_signup .button {
  display: inline !important;
  font-weight: normal !important;
  height: 46px !important;
  font-size: 18px !important;
  padding: 6px;
  background-color: #745A4E;
  color: #FFF;
  border: none;
}

#mc_embed_signup input.button {
  padding: 0 64px !important;
}

#mc_embed_signup .button:hover {
  background-color: #7b6459;
}

#mc_embed_signup input[type=email] {
  float: left;
  width: 74% !important;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

input:invalid, textarea:invalid {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.su-box-gray .su-box-title {
  border-bottom: 1px solid #c6c6c6;
  text-transform: uppercase;
}

/* Custom color scheme */

.scheme_color_blue #header h1.title a {
  color: #000;
}

.scheme_bg_blue, #navigation .scheme_bg_blue .children, .scheme_bg_blue .children a {
  background-color: #1E3B66;
}

.scheme_color_blue #navigation ul li a:hover {
  background-color: #4B6285 !important;
}

.scheme_color_blue #navigation ul li li a {
  background-color: #1E3B66;
}

.scheme_color_blue #search-submit, .scheme_color_blue #sidebar #searchform input[type="submit"], .scheme_color_blue #header_search button, .scheme_color_blue #main_search button {
  background-color: #1E3B66 !important;
  /* #MAIN */
}

.scheme_color_blue .theme-default .nivo-controlNav a.active, .scheme_color_blue #sidebar #searchform input[type="submit"]:hover, .scheme_color_blue #header_search button:hover, .scheme_color_blue #main_search button:hover {
  background: #4B6285 !important;
  /* #SECOUNDARY */
}

.scheme_color_blue #featured_buttons ul li a, .scheme_color_blue #featured_buttons ul li a:visited {
  background: #1E3B66;
}

.scheme_color_blue #featured_buttons ul li a:hover {
  background: #1E3B66 !important;
  color: #ffffff;
  /* #SECOUNDARY */
}

#footer-outer-wrapper {
  background-color: #1E3B66 !important;
}


/*
@media only screen and (min-width: 768px) {
#header .tagline { color: #1E3B66 !important; }
}
*/

#navigation ul li.current_page_item>a, #navigation ul li.current_page_ancestor>a, #navigation ul li.current_page_parent>a {
  background-color: #4B6285 !important;
}


/* Aloha Style */

.home-aloha h2 {
  font-family: Playfair Display !important;
  letter-spacing: -0.5px !important;
  font-size: 56px !important;
  line-height: 56.7px !important;
  color: #1E3B66 !important;
  font-weight: normal;
}


/* Read More Button */

.simple-border-button {
  display: inline-block;
  text-decoration: none;
  margin-top: 10px;
  margin-left: 5px;
  color: #1E3B66 !important;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.simple-border-button:hover {
  background-color: #4B6285;
  color: #fff !important;
  text-decoration: none !important;
}

.simple-border-button p {
  margin: 0;
}

#featured_buttons_ex, #featured_slider_wrapper {
  clear: both;
  display: block;
  float: none;
  margin: 0 auto;
  max-width: 1022px;
}

#featured_buttons_ex ul li {
  float: left;
  list-style: none;
  text-align: center;
  margin: inherit;
  background-color: #263441;
  padding-bottom: 1em;
  margin-bottom: 0;
}

#featured_buttons_ex ul li a {
  color: #fff;
  font-size: 1.2em;
  padding: 15px;
}

#featured_buttons_ex ul li:hover {
  background-color: #1E3B66;
}

#featured_buttons_ex ul li a:hover {
  text-decoration: none;
}

#featured_buttons_ex ul li a i, #featured_buttons_ex ul li a img {
  display: block;
  font-size: 2em;
  margin: 0 auto;
  padding-top: 15px;
  text-align: center;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  #featured_buttons_ex.twelve-col .two-col {
    width: 19.4%;
  }
  #featured_buttons_ex.twelve-col .two-col {
    margin-right: .3%;
    margin-left: .3%;
  }
  #featured_buttons_ex.twelve-col .two-col.last-col {
    margin-right: 0%;
  }
  #featured_buttons_ex.twelve-col .three-col {
    margin-right: .39%;
    margin-left: .39%;
  }
  #featured_buttons_ex.twelve-col .three-col.last-col {
    margin-right: 0%;
  }
  #featured_buttons_ex.twelve-col .four-col {
    margin-right: .35%;
    margin-left: .35%;
  }
  #featured_buttons_ex.twelve-col .four-col.last-col {
    margin-right: 0%;
  }
  #featured_buttons_ex.twelve-col .six-col {
    margin-right: .26%;
    margin-left: .26%;
  }
  #featured_buttons_ex.twelve-col .six-col.last-col {
    margin-right: 0%;
  }
}


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

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
  /* ie 6/7 */
}

.post {
  float: left;
  width: 100%;
}

#page {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 10px;
}

#stripe-row, .stripe-row {
  width: 100%;
  padding: 8px 0 7px;
  display: table;
}

#main-wrapper, .main-wrapper {
  margin: 0 auto;
  text-align: left;
  max-width: 1022px;
}

#inner-wrapper, .inner-wrapper {
  padding: 20px 30px;
}

.reverse ul li.six-col a {
  color: #fff;
}

.section-title, .our-number {
  font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 30px;
  text-align: center;
}

.section-title-home {
  font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 30px;
  text-align: center;
  text-shadow: 1px 1px 2px black;
}

.section-subtitle {
  font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 30px;
}

#inner-wrapper div.entry-content h4 {
  padding: 10px;
}

#sidebar ul li {
  margin: 0 0 0.75em 2em;
}


/* Front page email section */
.post-3490 {
  background: #1E3B66 url('images/state-seal-blue.png') no-repeat center 112px fixed !important;
  min-height: 300px;
  position: relative;
  display: block;
}

.post-3490 .inner-wrapper {
  padding-top: 30px;
}

.post-3490 a {
  color: #D8AA46;
}

.post-3490 a:hover {
  color: #EECB58;
}

@media only screen and (min-width: 768px) {
  .section-title {
    font-size: 30px;
    margin-top: 0.8em;
    margin-bottom: 0.4em;
  }
  .our-number {
    font-size: 30px;
  }
  .section-title-home {
    font-size: 30px;
  }
  .section-subtitle {
    font-size: 25px;
  }
}

.simple-border-button a {
  padding: 5px 20px;
  display: inline-block;
  text-decoration: none;
  background-color: #1E3B66;
  color: #fff;
}

.simple-border-button a:hover {
  text-decoration: none;
  background-color: #4B6285;
  color: #ffffff;
}

.simple-border-button.reverse a {
  border: 1px solid #fff;
  padding: 20px;
}

.simple-green-button {
  margin: 0 auto
}

.simple-border-button a img {
  vertical-align: middle;
  padding: 10px 0 10px 20px;
}

h4.homesub {
  font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 35px;
  text-align: left;
  text-shadow: 1px 1px 2px black;
  color: #fff;
}

.story-detail-topbar-left {
  border: 2px solid #022c5c;
  ;
  width: 150px;
  display: block;
  margin: 5px;
}

hr.style-orange {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #d17f09;
  border-image: none;
  border-style: solid none none;
  border-width: 4px 0 0;
  display: block;
  height: 4px;
  margin: 0 auto;
  padding: 0;
  width: 50%;
}

@media only screen and (min-width: 768px) {
  #stripe-row {
    display: block;
  }
.simple_announcer {
  margin-bottom:0;
}
}

#content-wrapper, .content-wrapper {
  max-width: 1022px;
  margin: 1em auto;
  padding-right: .5em;
  padding-left: .5em;
}

#stripe-row img.scp_post_thumbnail {
  width: 100px;
}

.scp_posts .scp_post .scp_post_read_more {
  display: block;
  margin-top: 10px;
  text-align: right;
}

.primary-content .scp_post_read_more a {
  text-decoration: none;
}

.scp_posts .scp_post .scp_post_thumbnail, .scp_posts .scp_post .scp_post_thumbnail_f {
  width: 100px !important;
}

span.scp_post_read_more a {
  border: 1px solid #000;
  padding: 5px 20px;
  display: inline-block;
}

span.scp_post_read_more a:hover {
  text-decoration: none;
  background-color: #022c5c;
  color: #ffffff;
}

.subpage-top-main-img {
  text-align: center;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 250px;
}

.subpage-top-main-img h2 {
  color: #fff;
  font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-top: 1.5em;
  font-size: 2em;
}

a.btn_green, a:visited.btn_green {
  background-color: #022c5c;
  display: block;
  padding: 1.2em 0;
  text-align: center;
  color: #ffffff;
  font-size: 1.2em;
  clear: both;
}

a:hover.btn_green {
  background-color: #0E886A;
  text-decoration: none;
  color: #ffffff;
}

.sidebar-section {
  margin-top: 1em;
}

.sidebar-section.first {
  margin-top: 0;
}


/* sidebar */

#sidebar_wrapper h3 {
  border-bottom: 3px solid #022c5c;
  color: #333333;
  font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-bottom: 0 !important;
  margin-bottom: .5em;
  text-transform: capitalize;
}

#sidebar .sidebar_widget {
  border-bottom: none;
}

#sidebar_wrapper.sidebar_bg, #sidebar_wrapper_home.sidebar_bg {
  background-color: transparent;
  border-left: none;
}


/* pages */

#page-title-header {
  font-size: 2em;
  font-weight: 700;
  color: #fff;
  font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding-top: 2.5em;
  padding-bottom: .5em;
  line-height: 1.1em;
}

.section-title-home.main-sec {
  text-align: center;
  color: #fff;
  padding-top: .5em;
  padding-top: 1em;
}

.main-sec-sub-title {
  font-weight: bold;
  padding-top: 1.5em;
  padding-bottom: .7em;
  text-align: center;
  color: #fff;
}

.main-sec-sub-content {
  text-align: center;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .section-title-home.main-sec {
    font-size: 3.2em
  }
  .main-sec-sub-title {
    font-size: 1.5em;
  }
  .main-sec-sub-content {
    font-size: 1.4em;
  }
}

.pagetitle h2 {
  font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1E3B66;
  font-size: 2em;
  padding-bottom: .5em;
  line-height: 1.1em;
}


/* little HIC stylings */

.text-large {
  font-weight: 700;
  font-size: 2em;
}

.primary-content ul, ul.w-icon-disc {
  list-style-image: url('images/bullet-disc.png');
}

.primary-content ul.w-icon-check {
  list-style-image: url('images/bullet-check.png');
}

.primary-content ul.w-icon-break {
  list-style-image: url('images/bullet-break.png');
}

q {
  quotes: "“" "”" "‘" "’";
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

.text-center {
  text-align: center;
}

.font-small {
  font-size: 0.8em;
}

#content_wrapper h3 {
  font-size: 1.5em;
}

#footer .widgettitle {
  font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.4em;
  padding-bottom: 0.5em;
  /*BF*/
}

.gform_wrapper .gform_page_footer .button.gform_button, .gform_wrapper .gform_page_footer .button.gform_next_button, .gform_wrapper .gform_page_footer .gform_previous_button {
  padding: 1em 1.5em;
}


/* background color with point bottom */

.bubble-style01 {
  position: relative;
  height: auto;
  background: #eeeeee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 1em;
}

.bubble-style01:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #eeeeee transparent;
  display: block;
  width: 0;
  z-index: 1;
  bottom: -15px;
  left: 158px;
}


/* background color with point top */

.bubble-style02 {
  position: relative;
  height: auto;
  background: #eeeeee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1em;
  margin-top: 1em;
}

.bubble-style02:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #eeeeee transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 158px;
}


/* Background color and no point top */

.bubble-style03 {
  position: relative;
  height: auto;
  background: #eeeeee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 1em;
}

@media only screen and (max-width: 767px) {
  .bubble-style01:after {
    left: 50%;
  }
}


/* news */

.scp_posts .scp_cat_read_more {
  display: none !important;
}

.scp_pagination a {
  background-color: #eeeeee;
  padding: 1em 1.5em;
  border: 1px solid #aaaaaa;
  text-decoration: none;
  display: inline-block;
}


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

#header {
  display: block;
  width: 100%;
  z-index: 2;
	-webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    background-color: transparent; 
}

#navigation {
	-webkit-box-shadow: 0 2px 2px -2px #000000;
    -moz-box-shadow: 0 2px 2px -2px #000000;
    box-shadow: 0 2px 2px -2px #000000;
}


#header ul li a, #navigation ul li a {
  font-family: 'Open Sans' , sans-serif;
  font-weight: 400;
}

main {
  width: 100%;
  min-height: 100%;
}

main:after {
  content: "";
  display: block;
}

footer, main:after {
  height: auto;
}

footer#footer {
  width: 100%;
  max-width: 100%;
  background-color: #1E3B66;
  margin: 0;
  padding: 0;
  text-align: center;
}


footer .main-wrapper {
  padding-top: 20px;
}

.btn-slider, a.read-more {
  color: #000 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  background: #F5D25A !important;
  border: none !important;
}

.btn-slider:hover, a.read-more:hover {
  color: #000 !important;
  background: #EECB58 !important;
}

.simple-border-button-boards a {
  background-color: #1E3B66 !important;
}

.simple-border-button-boards a:hover {
  background-color: #4B6285 !important;
}

a.read-more {
  float: right;
}

a.read-more:after {
  clear: both;
}

#header .logo {
  float: left;
  display: block;
  position: relative;
  z-index: 2;
  left: 0;
  line-height: 1em;
  margin-left:1.5em;
}
#header .logo a {
  display: block;
  padding: 3px 8px;
}
#header .logo a:hover {
  background-color: #7b6459 !important;
}

#header .logo img {
  display: block;
  height: 60px;
  width: 60px;
  max-width: none;
  padding: 0;
  float: left;
  margin: 0;
}
#header .title_tagline {
  float: left;
  padding: 0;
  max-width: 100%;
  margin-left: 16px;
}
#header .tagline {
  color: #fff;
  font-size: 12px;
  text-shadow: none;
  max-width: none;
  padding: 0;
  margin: 0;
}
#header h1.site-title {
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  padding: 0;
}
/*
#header .title_tagline {
  float: left;
  padding: 0;
  max-width: 100%;
  margin-left: 20px;
}

#header .tagline {
  color: #fff;
  text-shadow: none;
  max-width: none;
  padding: 0;
  margin: 0;
}

#header h1.site-title {
  color: #fff;
  font-size: 40px;
  padding: 0;
}
*/

#header .nine-col, #header .three-col {
  margin: 0;
}

#header_search form {
  padding: 0;
}


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

.statewide-header {
  margin-bottom: 0;
  background-color: #444;
}


/**********************************************************************
=NAV
**********************************************************************/
#header_search {
  float:right;
}

#navigation .grid-container {
  min-height: 60px;
}

#navigation .grid-container {
  line-height: 60px;
}
#menu-very-top {
  background:#745A4E;
}
/* Gold styling for Very Top Menu */
.scheme_color_blue #navigation ul#menu-very-top>li>a { color: #fff !important; }
.scheme_color_blue #navigation ul#menu-very-top>li>a:hover { background-color: #7b6459 !important; }

.top-header {
  background-color: #745A4E;
  width: 100%;
  min-height: 42px;
}
@media only screen and (min-width: 768px) {
  #navigation {
	position: relative;
  }
  .very-top {
    position: absolute;
    top: -54px;
    left: 390px;
    font-size: 0.9em;
  }
  .very-top a {
	border: 1px solid #a2a2a2;
    border-radius: 5px;
  }  
  #navigation .grid-container .very-top {
    line-height:42px;
  }
  #navigation .grid-container .main-nav {
    line-height:60px;
  }
  #header_search {
    padding-top:5px;
  }
}
@media only screen and (max-width: 767px) {
  .top-header {
    min-height: 0;
  }
}


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


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


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

#footer ul {
  padding-left: 1.2em;
}

#footer ul li {
  font-size: 1em;
  border: none;
  list-style: disc;
  display: list-item;
  padding: 0;
  line-height: 2em;
  /*BF*/
}

#footer .tel, #footer .email {
  list-style: none;
  margin-bottom: 1em;
}


/*BF*/

#footer #copyright_info, #footer #copyright_info span,  #footer .powered-by {
  margin:0;
}

#footer .powered-by a {
  text-indent: -9999em;
  display: inline-block;
  width: 213px;
  height: 18px;
  opacity: .8;
  float: right;
}

#footer-widgets {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  #footer {
    background-color: #000000;
  }
  #footer dt, #footer .widgettitle {
    color: #ffffff;
    text-shadow: none;
  }
  #footer a {
    color: #ffffff;
  }
  #footer .widgettitle {
    margin-top: 0em;
  }
}


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


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

#header_search input[type="text"], #main_search input[type="text"] {
  background: none;
  border: 1px solid #ccc;
  box-shadow: none;
  float: left;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  height: 40px;
  line-height: 30px;
  padding: 0 2%;
  position: relative;
  width: 74%;
  margin-top: 7px
}

#header_search button, #main_search button{
  height: 42px;
  margin-top: 7px
}

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

.social-icons ul {
  width:100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: table;
}

.social-icons ul>li {
  display: table-cell;
  margin-right: 10px;
  width: 2%;
}

.social-icons ul>li:last-child {
  margin-right: 0;
}

.social-icons ul>li>a {
  display: block;
  color: #fff;
  background: #745A4E;
  font-weight: 400;
  text-align: center;
  padding: 10px 0;
  margin: 8px;
}

.social-icons ul>li>a:hover {
  text-decoration: none;
  background: #7b6459;
}

.social-icons ul>li>a>span {
  font-size: 18px;
}
.social-icons ul>li>a>span.fa {
  font-size: 30px;
}

.social-icons ul>li>a>span {
  display: block;
  width: 100%;
}


/* Footer Social */

#footer .social-icons ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

#footer .social-icons ul>li {
  display: block;
  margin-right: 0;
  width: auto;
  float: left;
}

#footer .social-icons ul>li:last-child {
  margin-right: 0;
}

#footer .social-icons ul>li>a {
  display: block;
  color: #fff;
  background: #745A4E;
  font-weight: 400;
  text-align: center;
  padding: 0;
  margin: 8px;
  height: 80px;
  width: 80px;
}

#footer .social-icons ul>li>a:hover {
  text-decoration: none;
  background: #7b6459;
}
#footer .social-icons ul>li>a>span:not(.fa) {
  font-size: 14px;
  font-weight: bold;
}
#footer .social-icons ul>li>a>span.fa {
  font-size: 30px;
  padding-top: 16px;
}

#footer .social-icons ul>li>a>span.fa-envelope {
  padding-top: 8px;
}

#footer .social-icons ul>li>a>span.icon-globe {
  padding-top: 8px;
}

#footer .social-icons ul>li>a>span {
  display: block;
  width: 100%;
}

.top-priorities.row-stripe {
  background: #fff;
  width: 100%;
  display: table;
  padding-top: 22px;
}

.top-priorities h2 {
  margin-bottom: 15px;
}

.top-priorities hr.style-mauve {
  margin-bottom: 30px;
}

.top-priorities .col-inner {
  padding: 8px;
}

.top-priorities img {
  display: block;
  margin: 0px auto;
}

.about-gov-content {
  margin-top:120px;
}
.post-3487 {
  background-position: right !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#scp0Hv {
  float: right;
  height: 47px;
  margin-top: 19px;
}

.dashboard-energy-box {
  background-color: #012476;
  color: #fff;
}

.dashboard-cip-box {
  background-color: #555;
  color: #fff;
}

.dashboard-fiscal-box {
  background-color: #109ccd;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .dashboard-energy-box, .dashboard-cip-box, .dashboard-fiscal-box {
    min-height: 300px;
  }
}

.dashboard-title h3 {
  color: #fff;
  padding: 10px;
  text-transform: capitalize;
}

.dashboard-wrapper {
  padding: 10px;
}

#energy-total {
  font-size: 33px;
  color: #fff;
  padding: 10px;
  font-weight: 700;
}

#cip-total {
  font-size: 33px;
  color: #fff;
  padding: 10px;
  font-weight: 700;
}

#fiscal-total {
  font-size: 33px;
  color: #fff;
  padding: 10px;
  font-weight: 700;
}

.dashboard-button i.icon_large {
  font-size: 1.6em;
  padding: 5px 5px 0 0;
  vertical-align: middle;
  float: right;
}

a.dashboard-button {
  background-color: #c01727;
  padding: 5px;
  width: 150px;
  color: #fff;
  margin: 10px;
}

.dashboard-button:hover {
  background-color: #9E1421;
  text-decoration: none;
}

.dashboard-metric {
  color: #fff;
  margin: 10px;
}

.grey-bg {
  background-color: #f3f3f3;
}

.inside-wrapper {
  padding: 0 15px;
}

.news-title {
  color: #1E3B66;
  padding: 10px 0 20px;
  text-align: center;
}

.inside-wrapper a span {
  font-size: .9em;
}

.simple-border-button-request a {
  background-color: #fff;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  color: #1E3B66;
  font-size: 1.5em;
}

.simple-border-button-request a:hover {
  text-decoration: none;
  background-color: #0063a4;
  color: #ffffff;
}

.simple-border-button-boards p {
  margin: 5px;
}

.simple-border-button-boards a {
  background-color: #1E3B66;
  padding: 10px 20px;
  display: block;
  text-decoration: none;
  color: #ffffff;
}

.simple-border-button-boards a:hover {
  text-decoration: none;
  background-color: #4B6285;
}

.vacancy-box {
  background-color: #eee;
  min-height: 216px;
}

.vacancy-box h4 {
  padding: 8px 0;
}


/* Contact Us Page Buttons */

.connect-with-us {
  background:#eee;
}

.contact-btn {
  display: block;
  background-color: #263441;
  color: #FFF;
  text-align: center;
}

.contact-btn span {
  display: block;
}

.contact-btn:hover {
  background-color: #1d4e7b;
}

.contact-btn {
  color: #FFF !important;
  text-decoration: none !important;
}

.contact-btn .btn-title {
  margin: 0 1em 0.5em 1em;
  font-weight: bold;
  font-size: 1.2em;
}

.contact-btn .fa {
  margin: 0px 0;
}

.contact-btn .btn-desc {
  margin: 0.5em 1em;
  font-size: 90%;
  line-height: 1.3em
}

@media only screen and (min-width: 768px) {
  .contact-btn {
    width: 230px !important;
    height: 212px;
  }
}


/* Float */

.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.contact-btn.hvr-float i.icon_large {
  font-size: 2em;
}


/* Home Page Bottom Widgets */

#quick-flickr-widget-2 {
  height: 403px;
}
.flickr-widget-wrapper {
  overflow-y:scroll;
  height:350px;
}

.quick-flickr-item {
  float: left;
  margin: 10px 14px 0px 0px;
}

.quick-flickr-item img {
  max-width: 235px;
}

.home-facebook .widgettitle {
  padding: 1em;
  background-color: #1d568b;
  color: white !important;
}

.home-facebook > .textwidget {
  max-height:350px;
  overflow-y:auto;
}

.home-flickr .widgettitle {
  padding: 1em;
  background-color: #263441;
  color: white !important;
}

.home-twitter .widgettitle {
  padding: 1em;
  background-color: #4d9ce6;
  color: white !important;
}

.home-twitter .twitterwidget {
  background-color: white;
  height: 347px;
}

.home-instagram .widgettitle {
  padding: 1em;
  background-color: #125688;
  color: white !important;
}

.home-facebook .widgettitle {
  background: url(/wp-content/uploads/2022/11/logo-facebook.png);
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-color: #1d568b;
  text-align: left;
  padding-left: 3em;
}

.home-flickr .widgettitle {
  background: url(/wp-content/uploads/2022/11/logo-flickr.png);
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-color: #263441;
  text-align: left;
  padding-left: 3em;
}

.home-twitter .widgettitle {
  background: url(/wp-content/uploads/2022/11/logo-twitter.png);
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-color: #4d9ce6;
  text-align: left;
  padding-left: 3em;
}

.home-instagram .widgettitle {
  background: url(/wp-content/uploads/2022/11/logo-instagram.png);
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-color: #125688;
  text-align: left;
  padding-left: 3em;
}

#home_bottom_widgets .widgettitle {
  color: #26486E;
  border-bottom: 3px solid;
  padding: .5em 0 .5em 2.5em;
  font-size: 1.3em;
}

#footer .five-col .one-col {
  width: 23.949%;
}

.simple-border-button-footer p {
  margin: 5px;
  background-color: #081832;
}

.simple-border-button-footer a {
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  color: #1E3B66;
  font-size: .8em;
}

.simple-border-button-footer a:hover {
  text-decoration: none;
  background-color: #0063a4;
  color: #ffffff;
}

hr.style-mauve {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #b5892c;
  border-image: none;
  border-style: solid none none;
  border-width: 4px 0 0;
  display: block;
  height: 4px;
  margin: 0 auto;
  padding: 0;
  width: 50%;
}

hr.style-white {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgb(255, 255, 255);
  border-image: none;
  border-style: solid none none;
  border-width: 4px 0 0;
  display: block;
  height: 4px;
  margin: 0 auto;
  padding: 0;
  width: 50%;
}

.main-wrapper.contact-us {
  min-height: 600px;
}

#featured_slider {
  margin: 0;
}

.theme-default .nivo-caption {
  max-width: 1022px;
  margin: 0 auto;
}

html body div.scheme_color_blue div.twelve-col.last-col.theme-default {
  margin: 0;
}

.theme-default .nivoSlider {
  margin: 0 !important;
}

#main_search form span {
  margin-right: 0;
}

@media screen and (max-width: 899px) {
  .slider-title {
    font-size: 36px !important;
    line-height: 36px !important;
  }
}


@media only screen and (max-width: 767px) {
  .pagetitle h2 {
    font-size: 1.5em;
  }

  #nav_toggle { display: block;}
  #search_toggle { display: block;}

  #header {
    background: #1E3B66;
  }
  #header .logo {
    float: left;
    display: block;
    position: relative;
    z-index: 2;
    float: left;
    left: 0;
     margin-left:0;
  }
  #header .logo a {
    display: block;
    padding: 6px 8px;
  }
  #header .logo a:hover {
    background-color: #4B6285 !important;
  }
  #header .logo img {
    display: block;
    height: 40px;
    width: 40px;
    max-width: none;
    padding: 0;
    float: left;
    margin: 0;
    margin-top:10px;
  }
  #header .title_tagline {
    float: left;
    padding: 0;
    max-width: 100%;
    margin-left: 8px;
  }
  #header .tagline {
    color: #fff;
    font-size: 12px;
    text-shadow: none;
    max-width: none;
    padding: 0;
    margin: 0;
  }
  #header h1.site-title {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    padding: 0;
  }
  #nav_toggle, #header #search_toggle {
    float: right;
    width: 40px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    margin: 20px 5px 0 0;
    background: transparent;
    color: #fff;
    font-size:1.5em;
  }
  #header_search form {
    position: relative;
    width:100%;
  }
  #header_search {
    background:#745A4E;
    height:auto;
    padding:10px 7px;
    position: relative;
  }
  #header_search input[type="text"] {
    margin:0;
    left: 20px
  }
  #header_search button {
    margin:0;
    float: none;
    z-index: 10;
    position: relative;
  }
  .slider-title {
    font-size: 24px !important;
    line-height: 24px !important;
    width: 100% !important;
  }
  .btn-slider-wrapper {
    margin-top: 25px;
  }
  .social-icons ul>li>a>span:not(.fa) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .top-priorities h2 {
    text-align: center;
  }
  #mc_embed_signup input[type="email"] {
    display: block;
    float: none;
    padding: 10px;
    margin: 10px auto;
  }
  #mc_embed_signup input.button {
    display: block !important;
    max-width: 213px;
    margin: 0px auto;
  }
  #footer .social-icons ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
  }

  #footer .social-icons ul>li {
    display: table-cell;
    margin-right: 10px;
    width: 2%;
    float:none;
    padding:4px;
  }

  #footer .social-icons ul>li:last-child {
    margin-right: 0;
  }
  #footer .social-icons ul > li > a {
    display: block;
    height: 65px;
    width: 100%;
  }
  #footer .social-icons ul > li > a > span.fa-envelope {
    padding-top: 16px;
}
  main {
    margin-bottom:0;
  }
  footer, main:after {
    height: auto;
  }
  #footer .powered-by a, #footer #copyright_info span {
    float:none;
    text-align: left;
    margin:0px auto;
  }
}
/* IE10+ fixes */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  main {
    min-height: auto !important;
    /* equal to footer height */
    margin-bottom: auto !important;
  }

  main:after {
    content: none;
    display: none;
  }

  footer, main:after {
    height: auto !important;
  }
}

/*Accessibility Updates 2018.09.20*/
.cff-post-text a { font-weight:bold !important; }

#tribe-events-content a, .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-adv-list-widget .tribe-events-widget-link a:hover, .tribe-events-back a, .tribe-events-back a:hover, .tribe-events-event-meta a, .tribe-events-list-widget .tribe-events-widget-link a, .tribe-events-list-widget .tribe-events-widget-link a:hover, ul.tribe-events-sub-nav a:hover { text-decoration: underline !important; }

#tribe-events-content ul.tribe-events-sub-nav a { text-decoration: none !important; font-weight: bold !important; }

#cff .cff-author .cff-date {
  color:#6F7585;
}
#footer span {
  color:#fff;
}

header{ 
  margin-top: 70px; 
}

@media only screen and (max-width: 767px) {
  header{ 
  	margin-top: 0; 
  }
}

.su-tabs-pane  { font-size: 16px !important; }
.su-tabs-nav span  { font-size: 14px !important; }
@media only screen and (min-width: 768px) {
  .su-tabs-vertical .su-tabs-nav { width: 20% !important; }
  .su-tabs-vertical .su-tabs-panes { width: 80% !important; }
  .su-tabs-vertical {
    flex-direction: initial !important;
  }

}


/* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}

/* COVID page box */
.box-blue {
  background-color: #1F3A66;
  display: inline-block;
  text-align: center;
}

.box-blue img{
  height:auto;
  width:150px;
}

.tabs-left .et-tabs-control li a {
  color: #6F6F6F !important;
}

@media screen and (min-width: 768px) {
  .eight-col .four-col {
      width: 32.2%;
      margin-right: 1.5873%;
  }
  .eight-col .last-col {
      margin-right: 0;
  }
  .box-blue img{
    width:200px;
  }
  #main-content .social-icons {
    display: flex;
  }

  #main-content .social-icons ul {
    margin-left: 10px;
  }

  #main-content .social-icons ul>li {
    flex: 1;
    margin: 10px 5px;
  }

  #main-content .social-icons ul>li a {
    display: block;
    font-weight: 400;
    text-align: center;
    margin: 0;
    height: 100%;
    width: 90%;
    padding: 2% 2%;
  }

  #main-content  .social-icons ul>li>a>span {
    margin-bottom: 10px;
  }

  #main-content  .social-icons ul>li>a>span.fa {
    margin-top: 10px;
    margin-bottom: 0px;
    height: 35px;
  }


}

#sidebar ul li ul.sub-menu li {
  margin: 0 0 0.75em 1.3em;
}

p.gov_pri_header {
  font-weight: bold;
  padding-bottom: 0.25em;
  margin-bottom: 0;
}

h2.widgettitle {
  padding-bottom: 0.25em;
}

/* page spacific css */
#post_27876 .su-row {
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  #post_27876 .su-column-size-1-3 {
    text-align: center;
    background-color: #1F3A66;
    margin-bottom: 0.75em;
  }
  #post_27876 .su-column-size-1-3 a {
    width: 100%;
    display: inline-block;
  }
  #post_27876 .su-column-size-1-3 a img {
    width: 175px;
    margin: 0 !important;
  }
  #post_27876 .su-row {
    margin-bottom: 0;
  }
  #post_27876 .su-row .su-column+.su-column {
    margin: 1.25em 0 !important;
  }
  #post_27876 .su-row img.aligncenter {
    display: inline-block !important;
  }
}

/* progress page */
#post_10684 iframe {
  width: 100%;
  height: 800px;
  border: 0px;
  overflow: scroll; 
}

/* first lady page */
#post_754 .gform_wrapper h3.gform_title{
  margin: 0;
  color: #222;
  padding: 0 0 0.5em;
}

#header .hawaiianTitle {color:#fff; font-size: 14px;}
.languageBar-container {
    max-width: inherit;
    padding: 0 1em; 
    text-align: left;
}

#sohAlert .alertContent {
  max-width: inherit;
  text-align: left;
  font-size: 1em;
}

#sohAlert {
  padding: 0.75em 0.5em;
}

@media only screen and (min-width: 768px) {
  .languageBar-container {
    padding: 0 3em; 
  }
  #sohAlert {
    padding: 0.75em;
  }
}