/*
Theme Name: HIC Mobile Child Theme for the DHRD - Larger rotating Banner
Description: Child theme for the DHRD
Author: Hawaii Information Consortium
Template: Chameleon-State-Template-Larger-Rotating-Banner
*/


#supermenu {
  background: -moz-linear-gradient(center top , #4d76a4 1%, #365473 100%) repeat scroll 0 0 transparent;
  clear: both;
  font-family: 'Open Sans',Arial,sans-serif;
  overflow: visible;
  width: 100%;
}

#supermenu { 
  font-family: 'Open Sans', Arial, sans-serif; 
  width: 100%; 
  overflow: visible; 
  /*height: 2.75em; // remove fixed height ~Corey */ 
  clear: both; 
  
  
  /*
  
  background: #047482; 
  background: -moz-linear-gradient(top,  #047482 0%, #065e6f 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#047482), color-stop(100%,#065e6f));
  background: -webkit-linear-gradient(top,  #047482 0%,#065e6f 100%); 
  background: -o-linear-gradient(top,  #047482 0%,#065e6f 100%); 
  background: -ms-linear-gradient(top,  #047482 0%,#065e6f 100%); 
  background: linear-gradient(top,  #047482 0%,#065e6f 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047482', endColorstr='#065e6f',GradientType=0 ); 
  */

  
  background: #2ba8b4; /* Old browsers */ /*CC IE fallback menu background color*/
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzJiYThiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDhiOTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2ba8b4 1%, #308b98 100%); /* FF3.6+ */ /*CC Background gradient for menu*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2ba8b4), color-stop(100%,#308b98)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2ba8b4 1%,#308b98 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2ba8b4 1%,#308b98 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2ba8b4 1%,#308b98 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2ba8b4 1%,#308b98 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba8b4', endColorstr='#308b98',GradientType=0 ); /* IE6-8 */




}
html.no-rgba ul#supermenu li.current_page_item a {background: #378793 url("images/design/icons/icon-sprite.png") no-repeat scroll 50% -2186px #6F8FB3; font-weight: normal;} /*CC* IE fallback for menu current item color */
#flickr ul {
padding: 10px 10px 0 0;
list-style: none outside none;
}
/*
#wrap .top-feature ul li {
  padding: 1.52em 0 1.52em 1em;
}
*/
/* Full Button Click Fix Begin -jc */
#wrap .top-feature ul li a {
  padding: 1.52em 0 1.52em 1em;
}
/* Full Button Click End Begin -jc */
/* .twitterfd ul {
padding: 10px 10px 0 0;
list-style: none outside none;
} */

.twitterfd p {
	padding-bottom: 10px;
	border-bottom: 1px dotted #C2C2C2;
}

.twitterfd img {
	float: left;
	padding: 0 10px 10px 0;
}

.twitterfd .twitter-date {
	display: block;
	font-size: smaller;
}


.top-feature {
  background: none repeat scroll 0 0 #29AACB; /*CC Button color */
  color: #FFFFFF;
  font-size: 1.2em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
/* IE fallback for button hover color */
#wrap .top-feature ul li:hover {background: #2498b6; background: rgba(0,0,0,.1);}

form.search-form input#search-input {
  border: 2px solid #2BABCC;  /*CC Search input border color*/
}
#header form.search-form input#search-submit {
  background: url("images/design/icons/icon-sprite.png") no-repeat scroll 0 -175px #2BABCC;

}
#header form.search-form #search-submit:hover, #header form.search-form #search-submit:focus {background: #308b98 url(images/design/icons/icon-sprite.png) 0px -175px no-repeat;} /*CC Search button hover color*/
#header h1.title a {
  color: #2BABCC; /*CC Site title color*/
}

#supermenu ul {
  background-color: #034853; /*CC First level drop down background color*/
}
#supermenu ul ul {
  background-color: #00353E; /*CC Second level drop down background color*/
}
#supermenu ul ul ul {
  background-color: #218e9e; /*CC Third level drop down background color*/
}

a.view, #wrap #main a.readmorefl {
  background: url("images/design/icons/icon-sprite.png") no-repeat scroll 100% -238px transparent;
  clear: both;
  color: #58585B;
  display: inline;
  float: none;
  font-size: 1em;
  font-weight: bold;
  line-height: 1em;
  padding: 0.3em 2.4em 0.3em 0;
  text-align: left;
}
.top-feature {
  font-size: 1.1em;
}
/*
.banner {float:none; width: 85%; margin: 2.5em 0 0 3em;}
*/

.logi_report{
    
}

/* Change link colors */
a:hover, a:active { color:#1383ff; }

/* Change heading colors in sidebar */
.sidebar h3, .sidebar h4, .sidebar h5 { color:#26486e; }

/* Change search widget button color */
.sidebar form input[type="submit"] { background:#4D76A4; }

/* Change slider pagination image color */
#flex_controllers a.active, #flex_controllers a:hover { background: #26486e; }

/* Change read more color on category pages */
a.read-more, .reply-container a, #commentform input#submit { background: #26486e; }

/* post thumbnail and video fix. -jc -jc */
.post-thumbnail {
	margin-bottom: 20px;
}

.fluid-width-video-wrapper {
	clear: both;
}

/* Mobile fix to fit long titles in slider */
.featured-description { height: 100%; width:95%; position:relative;} 
.featured-title { border-bottom: 0px solid #EEE; width:95%; }
.featured-title a { color: #fff; font-weight:normal; }
#header h1.title a {
  color: #fff;
}

/* Position slider text at bottom and make text color white */
@media screen and (min-width: 684px) {
.featured-description { width:95%; position:absolute; height:55px; }
.featured-title { border-bottom: 0px solid #EEE; width:95%; }
.featured-title a { color: #fff; font-weight:normal; }
#header h1.title a { color: #4D76A4; }
} 

/***** Custom MAKAI CSS ~BF *****/

/*CC Hover color with IE fallback*/
#supermenu a:hover {
    background: #23818b; background: rgba(0,0,0,.2)
} 

/* IE fallback border colors for drop down menu items */
html.no-rgba #supermenu li {
    border-bottom: 1px solid #02404a;
}
html.no-rgba #supermenu li {
    border-top: 1px solid #1b5963;
}

/* Larger site title */
#header h1.title {
    font-size: 0.9em;
    line-height: 1.8em;
}

/* Main Story heading styles */
.headline {
    border-bottom: 1px solid #D6D5C4;
    margin-right: 1em;
}
.second-row .headline {
    color: #731F00;
    margin-bottom: 1em;
    padding: 0.5em 0 0;
}

/* 3 box style fix, apply top padding to all .content instead of individually */
.content {
    padding: 1em 5% 0 0;
}
.twitterfd ul {
    padding: 0 10px 0 0;
}
#flickr ul {
    padding: 0 10px 0 0;
}

/* Change link colors */
a, a:visited {
    color: #0B7482;
}
a:hover, a:active {
    color: #14A2D7;
}

/* Fix visibility for hover links on statewide sliver */
.statewide-banner-left a:hover,
.statewide-banner-right a:hover { color:#FFFFFF; }
.statewide-banner-left a:hover,
.statewide-banner-right a{color: #FFFFFF !important;}
.statewide-banner a {
  color: #FFFFFF !important;
  cursor: pointer;
}

/* Fix visibility for hover and visited link on category pages */
a:hover.read-more { color:#FFFFFF; text-decoration:underline; }
a:visited.read-more { color:#FFFFFF; }

/* Change read more color on category pages */
a.read-more, .reply-container a, #commentform input#submit { background: #015F73; }
/* Change heading colors in sidebar */
.sidebar h3, .sidebar h4, .sidebar h5 {
    color: #015F73;
}

/* Change search widget button color */
.sidebar form input[type="submit"] {
    background: none repeat scroll 0 0 #0E7D89;
}

/* Change slider pagination image color */
#flex_controllers a.active, #flex_controllers a:hover {
    background: none repeat scroll 0 0 #308B98;
}

/* Change accordion heading colors */
.accordion h6 a, .accordion h6 a:visited {
    color: #0B7482;
}
.accordion h6 a:hover {
    color: #14A2D7;
}

/* Sidebar button styles and remove default styling for side bar button icons */
.sidebar-btns img {

    background: none !important;
    padding: 0em !important;
    border: 0px solid rgba(0, 0, 0, .1) !important;
}
.sidebar-btns ul li:hover {background: #456a93; background: rgba(0,0,0,.1);}

#wrap .sidebar-btns ul {list-style: none; margin: 0; padding: 0; width: 100%;}
#wrap .sidebar-btns ul li {list-style: none; margin: 0; padding: 1.4em 0 1.4em 1em; border-bottom: 1px solid rgba(255,255,255,.5); display: block;}
#wrap .sidebar-btns ul li a {color: #fff;}
#wrap .sidebar-btns ul li:hover {background: #2699b7; background: rgba(0,0,0,.1);}

#wrap .sidebar-btns ul li img {margin: 0 .5em 0 0; vertical-align: middle;}

.sidebar-btns {
    background: #2BABCC;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.4);
    font-size: 1.1em;
    margin: 0; padding: 0;
}

/* Mobile fix to fit long titles in slider */
.featured-description { height: 100%; width:95%; position:relative;} 
.featured-title { border-bottom: 0px solid #EEE; width:95%; }
.featured-title a { color: #fff; font-weight:normal; }
#header h1.title a {
  color: #fff;
}

/* Position slider text at bottom and make text color white */
@media screen and (min-width: 684px) {
.featured-description { width:95%; position:absolute; height:55px; }
.featured-title { border-bottom: 0px solid #EEE; width:95%; }
.featured-title a { color: #fff; font-weight:normal; }
#header h1.title a { color: #2BABCC; }
} 


/***** Custom CSS ~BF *****/
/* accordion styles */
.accordion section {
    line-height: 1.5em;
    margin: 0;
    padding: 10px;
}
.accordion section ul, .accordion section ul li {
    margin: 0;
}
.accordion h6 {
    background: none repeat scroll 0 0 #D4D4D4;
    border-bottom: 1px solid #FDFDFD;
    color: #FFFFFF !important;
    display: block;
    height: 35px;
    padding: 10px;
}
.accordion {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #F0F0F0;
	margin-bottom: 1.5em;
}

/* Shorten bottom padding of main body heading */
.second-row h3 {
    padding: 0.5em 0;
}

/* IE fallback for Announcer white text */
.topnews a {
    color:#fff !important;
}

/* Add margin between image and text */
img.alignleft { margin-right: 15px !important; }
img.alignright { margin-left: 15px !important; }

/* Remove background for images */
img.noborder,
#main .icon {
 padding: 0em !important;
 background: none !important;
 border: 0px solid rgba(0, 0, 0, .2) !important;
-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .2) !important;
}

/* Media Category Library file listing styles */
.divlist span { padding-top: 0.5em; padding-bottom: 1em; line-height: 1.5; }
.divlist .cell-date { font-weight: bold; }
.divlist .cell-name,
.divlist .cell-caption { display: none; }
.divlist .cell-desc { display: block; margin-left: 2em; }

/* Display Posts Shortcode styles */
.display-posts-listing { line-height: 1.5; }
.display-posts-listing li { margin: 0; }
.display-posts-listing .date { color: #808080; font-size:85%; }
.display-posts-listing .image { padding: 2em 2em 2em 0; }
.listing-item { border-bottom: 1px solid #EEE; padding: 0.5em 0 0.5em 0;  }
.excerpt-dash { display: none; }

/* Condensed styles for Simple Category Posts plugin */
.scp_condensed .scp_post {
margin-bottom: 10px;
padding-bottom: 10px;
}
.scp_condensed .scp_posts { font-size: 80%; margin: 20px;}
.scp_condensed .scp_posts .scp_post .scp_title {
display: block;
font-size: 120%;
font-weight: bold;
}
.scp_condensed .scp_posts .scp_post .scp_date {
display: block;
margin-top: 5px;
}
.scp_condensed .scp_posts .scp_post .scp_post_content {
margin-top: 10px;
line-height: 1.5;
}
.scp_condensed .scp_posts .scp_post .scp_post_read_more {
display: block;
margin-top: 10px;
}

/* Fix for body margin */
.second-row .five-col {
margin-bottom: 0;
}

/* Override functions.php for custom menu sub menu background color */
.sidebar .sub-menu,
#wp-realtime-sitemap-menu .sub-menu { background-color: transparent !important; }


/***************** Announcer Custom Style *****************/
.simple_announcer {
	margin-bottom: 20px;
}

/***************** Stay connected *****************/

.expand_top {
	padding:5px 10px;
	margin:0px 0px 5px 0px;
	font-size:.8em;
	background: #ccc;
	float:right;
	cursor: pointer; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#stay_connected h4, #stay_connected .boxestitle {
	padding: 2% 3%;
	margin: 0 0 5px 0;
	background: #999;
	line-height: 1.2em;
	font-size: 1.1em;
	font-weight: normal;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear:both;
}

#stay_connected .boxestitle {
	background: #ccc;
}

.expand_all {
	cursor:default;
}

#stay_connected h4 a {
	color: #fff;
	text-decoration: none;
	display: block;
}

#stay_connected h4 a:hover {
	color: #333;
}

#stay_connected .stay_more {
	font-size: .8em;
	clear:right;
}

#stay_connected .btn_more {
	background: url(images/design/stay_connect/btn_moreinfo.png) right top no-repeat ;
	display:block;
	float:right;
	width:75px;
	height:20px;
	margin-bottom:5px;
	clear:right;
}

#stay_connected .btn_more.collapse-close {
	background: url(images/design/stay_connect/btn_moreinfo.png) right top no-repeat ;
}

#stay_connected .btn_more.collapse-open {
	background-position: right bottom;
}

#stay_connected .stay_description {
	padding: 0;
	font-size: .8em;
}

#stay_connected .stay_description, #stay_connected .stay_more {
  padding-right:2%;
  padding-left:2%;
}

#stay_connected .eight-col .four-col{
	width: 49.00634%;
	margin-right: 1.9873%;
}

.url_wrap {
-ms-word-break: break-all;
    word-break: break-all;
     /* Non standard for webkit */
     word-break: break-word;
/*-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
*/}

#stay_connected .holder {
	width: 100%;
}

#stay_connected h6 {
	clear: both;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom:10px;
}

.expanded{
	background-position:bottom left;
}

#areas .boxesbody ul{
	padding-left:2em ;
	margin-left:.5em;
}

.boxesbody{
  font-size: .9em;
  padding-right:1%;
  padding-left:1%;
}

#areas h5{
	margin-bottom:5px;
}

  /*===== custom info =====*/
a.icon {float:right; margin:0 0 5px 5px;  display:block;}
#infogov a.icon {height:50px; width:40px; background:transparent url(images/design/stay_connect/logo-gov.jpg) top right no-repeat !important;}
#infoltgov a.icon {height:50px; width:40px; background:transparent url(images/design/stay_connect/logo-ltgov.jpg) top right no-repeat !important;}
#infodags a.icon {height:50px; width:70px; background:transparent url(images/design/stay_connect/logo-dags.png) top right no-repeat  !important;}
#infohdoa a.icon {height:50px; width:47px; background:transparent url(images/design/stay_connect/logo-hdoa.jpg) top right no-repeat  !important;}
#infoatg a.icon {height:50px; width:50px; background:transparent url(images/design/stay_connect/logo-atg.png) top right no-repeat  !important;}

#infodbedt a.icon {height:15px; width:83px; background:transparent url(images/design/stay_connect/logo-dbedt.png) top right no-repeat  !important;}
#infodcca a.icon {height:45px; width:60px; background:transparent url(images/design/stay_connect/logo-dcca.png) top right no-repeat  !important;}
#infodod a.icon {height:50px; width:80px; background:transparent url(images/design/stay_connect/logo-dod.png) top right no-repeat  !important;}
#infodoe a.icon {height:50px; width:50px; background:transparent url(images/design/stay_connect/logo-doe.png) top right no-repeat  !important;}

#infodhhl a.icon {height:50px; width:46px; background:transparent url(images/design/stay_connect/logo-dhhl.jpg) top right no-repeat  !important;}
#infodoh a.icon {height:50px; width:50px; background:transparent url(images/design/stay_connect/logo-doh.png) top right no-repeat  !important;}
#infodhrd a.icon {height:50px; width:55px; background:transparent url(images/design/stay_connect/logo-dhrd.png) top right no-repeat  !important;}
#infodhs a.icon {height:50px; width:55px; background:transparent url(images/design/stay_connect/logo-dhs.png) top right no-repeat  !important;}
#infodlnr a.icon {height:51px; width:50px; background:transparent url(images/design/stay_connect/logo-dlnr.png) top right no-repeat  !important;}
#infodot a.icon {height:50px; width:50px; background:transparent url(images/design/stay_connect/logo-dot.png) top right no-repeat  !important;}

#stay_connected p.usa-search {
  text-indent: -9999em;
  height: 25px;
  width: 100%;
  margin: .5em .5em 0 0%;
  display: block;
  background: url("images/design/header/usagov.png") top right no-repeat; 
}

#stay_connected form.search-form {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom:10px;
}

#stay_connected form.search-form input#search-input {
	width:90%;
}

#stay_connected  form.search-form input#search-submit {
  -webkit-transition-property: all;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: all;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease-in-out;
  float: none; 
  background: #2BABCC url(images/design/icons/icon-sprite.png) 0px -175px no-repeat; 
  border: none;
  display: inline-block;
  width: 3em;
  height: 30px;
  margin: 0;
  text-indent: -9999em;
  border-radius: 0 1em 1em 0;
}

#stay_connected  form.search-form #search-submit:hover, #header form.search-form #search-submit:focus {background: #829C46 url(images/design/icons/icon-sprite.png) 0px -175px no-repeat;}


/* Stay Connected Search Begin - jc */
/*
.stay-connected-search-form #stay-connected-search-input {
	-webkit-appearance: none;
	height: 28px;
	width: 85%;
	background-color: #FFF;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-ms-border-radius: 4px 0 0 4px;
	-o-border-radius: 4px 0 0 4px;
	box-shadow: rgba(0, 0, 0, 0.199219) 0px 0px 5px 0px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 0px 5px 0px inset;
	-moz-box-shadow: rgba(0, 0, 0, 0.199219) 0px 0px 5px 0px inset;
	-ms-box-shadow: rgba(0, 0, 0, 0.199219) 0px 0px 5px 0px inset;
	-o-box-shadow: rgba(0, 0, 0, 0.199219) 0px 0px 5px 0px inset;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
}

.stay-connected-search-form #stay-connected-search-input:focus {
	border-color: #429EB9;
}

.stay-connected-search-form #stay-connected-search-submit {
	height: 32px;
	width: 14%;
	background: url(images/design/icons/icon-sprite.png) center -175px no-repeat;
	margin-left: -4px;
	background-color: #49AFCD;
	border-top: 1px solid rgba(0, 0, 0, 0.0976563);
	border-right: 1px solid rgba(0, 0, 0, 0.0976563);
	border-bottom: 1px solid rgba(0, 0, 0, 0.0976563);
	border-left: 0;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-ms-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
	text-indent: -9999em;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
}

.stay-connected-search-form #stay-connected-search-submit:hover {
	background-color: #398BA3;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px inset;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px inset;
	-ms-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px inset;
	-o-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px inset;
}
*/

@media only screen and (max-width: 684px) {
#stay_connected .eight-col .four-col{
	width: inherit;
	margin-right: inherit;
}
}

.flexslider .slides .slide img {
	width: 100%;
}

/* Homepage Widget Styles - jc */
.main-widget {
	float: left;
}