/*
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: 1.0
License: 
License URI:
*/

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

.pagetitle { border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; padding-bottom: 10px; }
.pagetitle span { margin-bottom: 1em; }
.post p.meta-info { border-top: none; }

.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: 767px) {
.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: #002073; 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: 42px !important;
  font-size: 110% !important;
  padding: 6px;
  background-color: #CE5250;
  color: #FFF;
  border: none;
}

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

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

#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;
}


/* 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: #002073;
}

#scheme_color_blue #navigation ul li a:hover { background-color: #002073 !important;}
#scheme_color_blue #navigation ul li li a { background-color: #0063a4 !important;}

#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: #002073 !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: #0063a4 !important; /* #SECOUNDARY */}

#scheme_color_blue #featured_buttons ul li a, 
#scheme_color_blue #featured_buttons ul li a:visited {
  background: #002073;
}

#scheme_color_blue #featured_buttons ul li a:hover{ background: #0063a4 !important; color: #ffffff; /* #SECOUNDARY */}



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

@media only screen and (min-width: 767px) {
#header .tagline { color: #002073 !important; }
}

#navigation ul li.current_page_item > a, #navigation ul li.current_page_ancestor > a, #navigation ul li.current_page_parent > a {
    background-color: #0063a4 !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: #002073 !important;
  font-weight: normal;
}

/* Read More Button */
.simple-border-button {
  display: inline-block;
  text-decoration: none;
  margin-top: 10px;
  margin-left: 5px;
  color: #009bcb !important;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.simple-border-button:hover {
  background-color: #00546e;
  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: #1d4e7b;}
#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
**********************************************************************/

  #page{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

#header {
  background: #fff none no-repeat scroll 0 20%;
}

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

#main-wrapper {
  margin: 0 auto;
  text-align: left;
  max-width: 1022px;  
}
#inner-wrapper {
padding: 10px 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;
}

@media only screen and (min-width: 767px) {
  .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: #009bcb;
color: #fff;
}

.simple-border-button a:hover {text-decoration: none; background-color: #00546e; 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: 767px) {
#stripe-row {
display:block;
}
}

.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;
  }
  .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: #002073;
  font-size: 2em;
  padding-bottom: .5em;
}



/* 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;}

#header #search_toggle { display: none;}

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

#footer-widgets { margin-top: 1em;}
#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
**********************************************************************/

/**********************************************************************
=SLIVER
**********************************************************************/
.statewide-header {
margin-bottom: 0;
background-color: #444;
}

/**********************************************************************
=NAV
**********************************************************************/
#navigation .grid-container {
  min-height: 60px;
}

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

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

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

/**********************************************************************
=FOOTER
**********************************************************************/
#footer-outer-wrapper {
  background-color: #002b5a;
  margin: 0;
  text-align: center;
}
#footer {
  margin-bottom: 0;
  background: none;
}


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

#footer ul li{
  font-size:1em;
  border: none;
  list-style: url('images/bullet-disc.png');
  display: list-item; 
  padding: 0;
  line-height: 2em; /*BF*/
}

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

  #copyright_info, .powered-by { margin-left: 1em; }

@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
**********************************************************************/


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

#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: 767px) {
  .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: #002073;
    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: #002073;
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: #ecdbb6;
padding: 10px 20px;
display: block;
text-decoration: none;
color: #002073;
font-size: 1.5em;
}

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

.vacancy-box {
 background-color: #9dd9eb;
}

/* Contact Us Page Buttons */
.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%; }

@media only screen and (min-width: 767px) {
  .contact-btn {
    width: 309px !important;
    height: 175px;
  }
}

/* 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;
  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 */

.home-bottom-background {
 background-color: #eee;
}

#quick-flickr-widget-2 { height: 400px; }
.quick-flickr-item { float: left; margin: 10px 14px 0px 0px; }
.quick-flickr-item img { max-width: 235px; }

.home-facebook h3 { padding: 1em; background-color: #1d568b; color: white !important; }
.home-flickr h3 { padding: 1em; background-color: #263441; color: white !important; }
.home-twitter h3 { padding: 1em; background-color: #4d9ce6; color: white !important; }
.home-twitter .twitterwidget{ background-color: white; height: 347px; }
.home-instagram h3 { padding: 1em; background-color: #125688; color: white !important; }

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

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

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

.home-instagram h3 { background: url(/wp-content/uploads/2015/10/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: #002073;
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: rgb(202, 91, 101);
    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 {
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;
}