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

/*
Theme Name: State child Template SHARKS
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");
@import url(//fonts.googleapis.com/css?family=Crimson+Text:400,700);

/**********************************************************************
=COMMON
**********************************************************************/
.totop{ float: right;}
#main ol li {margin-bottom: 0.75em;}
/**********************************************************************
=HEADER
**********************************************************************/

/**********************************************************************
=SLIVER
**********************************************************************/
#dlnr-home, #dar-home{font-size:1.1em; margin-right:1.3em;margin-top:.15em}
#dlnr-home i {font-size: 1.5em;}
#dar-home a{vertical-align: text-bottom;}

#font-resize{width: 20em;}
/**********************************************************************
=NAV
**********************************************************************/

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

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

/**********************************************************************
= chatbot
**********************************************************************/
#ai-chatbot-start h2 {
  font-family: 'OpenSansSemibold', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 0;
}

/**********************************************************************
=SEARCH
**********************************************************************/
#main_search input[type="text"] {background-color: #ffffff;}

/**********************************************************************
=OTHER
**********************************************************************/
/** images on page Geology, and Anuenue Fisheries Research Center **/

/**********************************************************************
=PAGE LAYOUT
**********************************************************************/
/** TOP PAGE LAYOUT **/
/***********************************************************************************************************/
body {color: #ffffff;}
h2, h3, .second-row h3, .primary-content h3 {font-family: 'Crimson Text', serif; color: #ea9712; letter-spacing: 1px;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4, h5{color: #CCCCCC;}
#page, .home-box { background: rgba(0,0,0,.4)}
#home_content_wrapper { background: none; box-shadow: none;}
.scheme_text_teal, #scheme_color_teal #sidebar .widgettitle, #scheme_color_teal .home_top_widget .widgettitle, #scheme_color_teal .home_bottom_widget .widgettitle {color: #ea9712;}
#scheme_color_teal #page a, #scheme_color_teal #page a:visited {color: #04bcba;}
#sidebar h3 {line-height: 1em;}

.home-box-h{ 
    font-family: 'Crimson Text', serif;
    color: #ea9712;
    font-weight: bold;
    padding: 0 10px;;
    text-transform: uppercase;
    font-size: 1.3em;
    margin: 10px 0 0;
    letter-spacing: 1px;
    line-height: 1.2em;
    }

#home_content_wrapper.wsidebar #content_wrapper {padding: 0;}
.home-box, .home-sbox  { margin-right: 2%; width: 48%; float: left; margin-bottom: 15px; line-height: 0;}
.home-box img.alignnone { margin: 0 0;}
.home-box p { padding: 0; margin: 0;}
.home-box p.vis { padding:0 10px 15px; display: block;}
.home-box p.vis a{color:#ffffff !important; }
a.home-box-a {color: #ffffff !important;}

a.cus_buttons {
    display: block;
    color: #ffffff;
    text-decoration: none;
}
a.cus_buttons:hover {
    background-color:#004B5A ;
}

.cus_buttons {
    background-color: #036b6c;
    clear: both;
    color: #ffffff !important;
    margin-top: 7px;
}
.cus_buttons span {display: inline-block;padding-top: 20px;}

img.toSharkTrack {
    float: left;
    margin: 10px 10px 10px 20px;
    width: 55px;
}

.home-sbox { font-weight: bold; font-size: 1.3em;line-height: 1.3em; }
#sharks.home-sbox { font-size: 1.1em;}
.home-sbox a{ font-weight: bold; font-size: 1em;
  line-height: 1.3em; 
    color: #eeeeee !important; 
    display: block; 
}
#game a { 
    background: url("images/shark_game.jpg"); 
    background-repeat: no-repeat; 
    background-size: 100%;
    height: 65px;  
    margin-bottom: 10px; 
     padding: 5px; 
 }
#game a:hover { background: url("images/shark_game_hover.jpg");
    background-repeat:
    no-repeat;background-size: 100%; 
    color: #ffffff !important;
  }

#quiz a { 
    background: url("images/shark_quiz.jpg"); 
    background-repeat: no-repeat; 
    background-size: 100%;
    height: 65px;  
     padding: 5px; 
 }
#quiz a:hover { 
    background: url("images/shark_quiz_hover.jpg");
    background-repeat: no-repeat;
    background-size: 100%; 
    color: #ffffff !important;
  }

#sharks a {
    background: url("images/Tiger_shark.jpg") no-repeat;
    width: 100%;
    height: 160px;
    display: block;
    text-align: center;
    background-size: 100%;
    background-position: center top;
}

#sharks a:hover {
    background: url("images/Tiger_shark_hover.jpg") no-repeat;
    background-repeat: no-repeat;
    background-size: 100%; 
    color: #ffffff !important;
}

table {color: #000000; font-family: 'OpenSansRegular','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: normal;}
table.most-recent-incident {color: #ffffff;}
table.most-recent-incident th, table.most-recent-incident td {
    background-color: none; 
    border: none; 
    padding: 4px 2px; 
    font-size: 1.1em;
    line-height: 1.2em; 
    vertical-align: top;
}
table.most-recent-incident tbody th, table.most-recent-incident tbody tr  { background-color: transparent;}
table.most-recent-incident tbody th{color: #ea9712; font-weight: normal; text-align: right; padding-right: 10px; width: 35%; }

.incident_year{text-align: center; background: url("images/bg_year.png"); background-repeat: no-repeat; height: 56px; background-position: center;}
.incident_year span{padding-top: 18px; display: inline-block; font-weight: bold;}

#sidebar_wrapper_home h3 {border-bottom: 3px solid #EA9716; padding: 0.3em 0 0; margin-bottom: .3em;}
#sidebar_wrapper_home #sidebar .sidebar_widget { padding: 5px 0;}

#middle_wrapper .pagetitle {color: #cccccc;}

/***********************************************************************************************************/
/** SUB PAGE LAYOUT **/
/***********************************************************************************************************/
#sidebar_wrapper.sidebar_bg, #sidebar_wrapper_home.sidebar_bg{background-color: rgba(0,0,0,.4);border-left:1px solid #000000;}


.featured-content-block {clear: both;}
/***********************************************************************************************************/
/** sharks list page **/
/***********************************************************************************************************/

.featured-shark table {width: auto; color:#000000;}
#shark-content h4 {border-bottom: 1px solid #cccccc; margin: 10px 0; font-size: 1.4em; color: #ea9712; clear: right;}
.shark-name {font-size: 1.2em; font-weight: bold; color: #cccccc;}
ul.shark-controller {padding-left: 0;}
ul.shark-controller li {list-style: none !important;}
ul.shark-controller li a {display: inline-block; width: 100%; padding: 10px; background-color: #001019; border-bottom: 1px solid #003652; text-decoration: none;}
#scheme_color_teal #page ul.shark-controller li a:hover {background-color: #004161; color: #04bcba;}
#main ul.shark-controller li {margin-bottom: 0;}
.shark-content p {margin-bottom: .3em; }
ul.shark-controller li a:active, ul.shark-controller li.ui-tabs-active a { background-color: #0c5376; color:#fff !important}

/***********************************************************************************************************/
/** Table LAYOUT **/
/***********************************************************************************************************/
#table-content { color: #000000;}
table p {margin-bottom: 0;}
.footable-filter-container {margin-bottom:30px}
label {color: #ffffff;}
.column-filter-widgets {float: left;}
.column-filter-widgets label {float: left; margin-right: 5px;}
.column-filter-widget {float: left}

/***********************************************************************************************************/
/** visualizer **/
/***********************************************************************************************************/
#visualizer-78 { z-index: 1;}
#visualizer-19{ position: absolute !important; width: 100%; z-index: 2;}



/***********************************************************************************************************/
/** quiz **/
/***********************************************************************************************************/
.quizArea ol li, .quizArea ul li {list-style-type:none !important;}
.questions h3 {color: #ffffff; text-transform:none;}


#footer .quizArea ul.answers li{ border: none;}
#footer .quizArea ul.responses li{ border: none; display: none;}

#footer .questionCount { color: #EDEDED;}
#footer .questionCount span {font-size: 1em; display: inline-block;}
#footer .responses{line-height: 1.2em; font-size: 1.2em;}

#footer h2, #footer h3 {color: #ffffff; font-family: 'Crimson Text', serif; letter-spacing: 1px;}
#footer h2 {font-size: 1.4em;}

h2.quizName { font-size: 1.2em}

.questions h3{font-weight: normal; font-family: 'OpenSansSemibold','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; }
#footer .questions h3, #footer .quizResultsCopy h3, .questions h3, .quizResultsCopy h3 {letter-spacing:0;font-weight: normal; font-size: 1.1em; font-family: 'OpenSansSemibold','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; }
#footer .slickQuizWrapper span{ font-size: 1em;}
#footer .quizShare a span , #footer .quizShare a {color:#04BCBA; text-shadow:none;}

.toDLNR { background: url("images/logo_DLNR.png"); width: 75px; height: 75px; background-repeat: no-repeat; background-size: 100%; display: inline-block; text-indent: -9999px;}
.toSF { background: url("images/logo_sportfishing.png"); width: 75px; height: 75px; background-repeat: no-repeat; background-size: 100%; display: inline-block; text-indent: -9999px;}
.toDLNR:hover { background: url("images/logo_DLNR_hover.png"); }
.toSF:hover { background: url("images/logo_sportfishing_hover.png");}

/******************************************************************************************************************************************
=MEDIA QUERY
******************************************************************************************************************************************/
@media only screen and (max-width: 767px) {
  #footer{background-color: #033F64;}
  #footer dt, #footer .widgettitle{color:#ffffff;}
  #footer a { color: rgba(255, 255, 255, 0.85);}
  #home_main { padding:0 !important; } 
  #footer-widgets .widget-4.footer_widget.two-col {clear: both;}
  #page, .home-box { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);}
  #dlnr-home, #dar-home { display: none;}
  .home-box , .home-sbox { width: 49%;}
  .home-box.last-col , .home-sbox.last-col {margin-right: 0;}
}

@media only screen and (min-width: 768px) {
  #footer-widgets .widget-3.footer_widget.four-col {width: 30% !important; margin-right: 8%}
  #footer-widgets .widget-4.footer_widget.two-col {width: 24.2105% !important;}
}

@media only screen and (max-width: 684px){
  .home-sbox { width: 100% ;}
  #game a, #quiz a{  background-position: center;}
}