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

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


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

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  display:flex;
  flex-direction: row;
}

/* Style the buttons that are used to open the tab content */
.tablinks {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tablinks:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tablinks.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
/* Overview Tab not hidden */
#Overview {
  display:block;
}

/* Remove extra space on sidebar pages  */
.clearfix{
	display:none;
}
div#footer .clearfix {
        display:block;
}

#page, #footer, .statewide-banner { max-width: 1280px; }
#sohAlert .alertContent { max-width: 1280px; }

ol li { padding-bottom: 1em; }

.paginate_button.disabled { display:none !important; }

.juiz_last_tweet_tweetlist a { font-weight: bold !important; }

.statewide-header { background-color: #444 !important; }

.scheme_bg_teal { background-color: #18828C !important; }

#footer #copyright_info span { color: #FFF !important; }

#header_search input:focus, #header_search button:focus { border: 1px solid red; }

#phish-banner { font-size: 150%; background: #ff4001 url("//ets.hawaii.gov/wp-content/uploads/2018/06/phish-bg.jpg") no-repeat scroll center; }
#phish-banner p { margin-bottom: 0.8em; }
#phish-banner h3 { color: #fff !important; font-size: 150%; }
#phish-banner ul li { font-size: 80%; margin: 0 0 0 0; }
.noborder {
	padding: 0em !important;
    background: #fff;
    background: rgba(255,255,255,.8);
    border: 0px solid rgba(0,0,0,.2) !important;
}
.wp-block-embed {
	height: 300px;
}
#state_home_buttom-8 { margin-top: 46px !important; }

/* Disclaimer */
.btn-ok {
	background-color: #1F8098;
	padding: 1em 1.5em;
	color: white !important;
    text-decoration: none !important;
	float: right;
}

.btn-ok:hover {
	background-color: #2F95A1;
}

/* Accordion Menu */
#dc_jqaccordion_widget-2-item ul a {
    padding: 10px 10px 10px 10px !important; }

.current-menu-item a { 
background-color: #0B7482 !important;
color: #fff !important;
text-shadow: 0px 0px 0px #fff !important;
border-top: 1px solid #0B7482 !important;
}

#google_cloud_translation_selector { margin-top: -6px !important; }
#google_translate_element a { color:#444 !important; }


/* Service Status Alert Colors */
.tablepress .green { color: #008000; }
.tablepress .yellow { color: #9E5F00; font-weight: bold; }
.tablepress .red { color: #E00000; font-weight: bold; }




#tbl-o365 td, #tbl-o365 th { border: 0px solid #ddd; }

.juiz_last_tweet_inside { padding: 1.5em; }
.juiz_last_tweet_follow_us { background: url(//ets.hawaii.gov/wp-content/uploads/2015/03/twitter-blue.png) 6px 11px no-repeat !important; }

.statewide-banner #accessibility { padding-right: 1.6em; font-size: 1.2em; padding-top: 4px; margin-bottom: 0; font-weight: 500; }


.post-snippet .ui-widget { width: 95%; }
.post-snippet h3 { font-size: 1.2em; }


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

/* Remove 'Comments are closed.' text */
.nocomments { display: none !important; }

/* Annual Report Achievement table styles */
#ar-achievements .ar-title { background-color: #183c6e; color: #fff; }
#ar-achievements .ar-title td { padding: 1em; font-size: 130%; }
#ar-achievements .ar-row1 td:first-child { background-color: #4ea0b3; color:#111; font-size: 110%; }
#ar-achievements .ar-row2 td:first-child { background-color: #ecb726; color:#111; font-size: 110%; }
#ar-achievements .ar-row3 td:first-child { background-color: #da4d29; color:#111; font-size: 110%; }

#ar-achievements .ar-row3 .p1 { width:48%; float: left; }
#ar-achievements .ar-row3 .p2 { width:48%; float: right; }

/* Annual Report Strategies table styles */
#ar-strategies .ar-title { background-color: #183c6e; color: #fff; }
#ar-strategies .ar-title td { padding: 1em; font-size: 130%; }
#ar-strategies .ar-row1 td { padding-bottom: 2em; }
#ar-strategies .ar-row2 td { padding: 2em; color:#111; font-size: 110%; font-weight: bold; }
#ar-strategies .ar-row3 td { padding: 2em 1em; }
#ar-strategies .ar-row3 td:first-child { background-color: #183c6e; color: #fff; }

/* Box for Safe Travels */
#travelhelp-red-box {
  border: 1px solid;
  padding: 5px;
  box-shadow: 5px 10px red;
  margin-bottom:20px;
}

#header_search {
    overflow: auto;
}

.tablepress.tablewFooter > tbody > tr:last-child td { 
	background-color: #d9edf7;
    font-weight: 700;
    vertical-align: middle;
    font-style: italic;
}

#safeVideoRow{
    display:flex !important;
    justify-content: space-evenly;
}
@media screen and (max-width: 800px) {
#safeVideoRow{
    flex-direction: column;
}
}

.su-button-style-default span {
	background-color: #205DA2
}
body .su-button-style-default:hover {
	opacity: .9;
}
#ctf .ctf-header .ctf-header-follow {
	background: #1C7AB5;
}
#ctf .ctf-item a {
	background-color:#fff;
}

.color-red {
	color:#BF1722;
}
/**********************************************************************
=COMMON
**********************************************************************/

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

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

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

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

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

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


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


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


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

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


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


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

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

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

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

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