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

/*
Theme Name: State child Template DAR
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");


/**********************************************************************
=COMMON
**********************************************************************/
.totop{ float: right;}
.font_a{font-size: 2em;}
/**********************************************************************
=HEADER
**********************************************************************/

/**********************************************************************
=SLIVER
**********************************************************************/
#dlnr-home{font-size:1.3em; margin-right:1.3em;margin-top:.15em}
#dlnr-home i{font-size: 1.5em;}

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

/**********************************************************************
=SIDEBAR
**********************************************************************/
#sidebar_wrapper.sidebar_bg_left {
    background: none repeat scroll 0 0 rgba(220, 220, 220, 0.8);
    border-right: 1px solid #CCCCCC;
}


#sidebar #dc_jqaccordion_widget-2-item ul li ul li ul li { margin: 0 !important;}
#dc_jqaccordion_widget-2-item ul ul ul a { background: #eeeeee !important;}



div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.opening span.inner span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.opening span.inner span span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.opening a, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.opening a span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.opened span.inner span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.opened span.inner span span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.opened a, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.opened a span
{ font-weight: normal !important; }


div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.active span.inner span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.active span.inner span span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.active a, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-1 dl.level2 dt.active a span,
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level2 dt.active span.inner span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level2 dt.active span.inner span span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level2 dt.active a, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level2 dt.active a span,
div#nextend-accordion-menu-nextendaccordionmenuwidget-3 dl.level2 dt.active span.inner span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-3 dl.level2 dt.active span.inner span span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-3 dl.level2 dt.active a, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-3 dl.level2 dt.active a span,
div#nextend-accordion-menu-nextendaccordionmenuwidget-4 dl.level2 dt.active span.inner span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-4 dl.level2 dt.active span.inner span span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-4 dl.level2 dt.active a, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-4 dl.level2 dt.active a span
{ font-weight: bold !important; }


/**********************************************************************
=TABLE
**********************************************************************/
.tablepress-id-13 .column-1,.tablepress-id-14 .column-1,.tablepress-id-15 .column-1,.tablepress-id-16 .column-1,.tablepress-id-17 .column-1 ,.tablepress-id-18 .column-1{
  width: 20%;
}

@media only screen and (min-width: 768px) {
#tablepress-1 .column-1, #tablepress-2 .column-1{ width: 40%}
}
/**********************************************************************
=FOOTER
**********************************************************************/
@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);
}
}

#footer-widgets .four-col, #footer-widgets .last-col.two-col{width:20%;}
#footer-widgets .last-col.two-col img{margin: 0; float: left;}

@media only screen and (max-width: 767px) {
#footer-widgets .four-col, #footer-widgets .last-col.two-col {width:100%;}
#footer-widgets .last-col.two-col img{margin: 0; float: left;}
}
 
.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");}


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


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


/**********************************************************************
=OTHER
**********************************************************************/
/** images on page Geology, and Anuenue Fisheries Research Center **/
.div_center{ text-align: center;}
#attachment_2583, #attachment_2581, #attachment_2579, #attachment_2577, #attachment_2575, #attachment_2573, #attachment_679, #attachment_677, #attachment_675, #attachment_2893, #attachment_2891 {float: none; display: inline-block;}

.primary-content .current-menu-item {font-weight: bold;}

/**********************************************************************
=PAGE LAYOUT
**********************************************************************/
/** TOP PAGE LAYOUT **/
/***********************************************************************************************************/
#home_content_wrapper h3 {color: #087482;}
#home_content_wrapper .display-posts-listing {margin-bottom: 0; margin-top: -20px;}

@media only screen and (min-width: 768px) {
  #home_content_wrapper .twelve-col .six-col {margin-right: 1.05263%; width: 49.4737%;}
  #home_content_wrapper .twelve-col .six-col.last-col {margin-right: 0;}
}

#home_content_wrapper .twelve-col {margin-bottom: 0;}

#game a { background: url("images/ReefDefender.jpg"); background-repeat: no-repeat; background-size: 100%;height: 230px;  display: block; text-indent: -9999px;}
#game a:hover { background: url("images/ReefDefender_hover.jpg");background-repeat: no-repeat;background-size: 100%; }

.hasHover:hover {opacity: 0.85; }

#sharks { background: url("images/Tiger_shark.jpg"); background-repeat: no-repeat; background-size: 100%; height: 230px; }
#aquatic { background: url("images/aquatic.jpg") ; background-repeat: no-repeat; background-size: 100%;  min-height: 145px; }

#sharks a, #aquatic a{ color: #ffffff !important; display: inline-block; text-align: center; padding: 3%; line-height: 1.3em;}

#sharks div{ float: left; width: 33%; padding: 15% 8%;}
#aquatic div{ float: left; width: 38%; padding: 5% 5%;}

#sharks a:hover, #aquatic a:hover{ 
  color: #eeeeee !important;
  background-color: rgba(256, 256, 256, .2 ); 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; 
}

.cus_buttons {border: 1px solid #999999; margin-top: 7px; color: #565656; clear: both; background-color: #ADD1D7; }
.cus_buttons h4{color: #323A68; }
.cus_buttons i { font-size: 4em; margin: 0 10px 10px 20px; padding-top: 15px; float: left;}
.reportit{ float: left; margin: 10px 10px 10px 20px; padding-top: 10px;}

.cus_buttons_con {float: left; margin-left: 10px; margin-top: 10px;}
.phone_n {font-weight: bold; font-size: 1.3em;}
.toMoreinfo{display: block; text-align: right;}

@media only screen and (min-width: 684px) and (max-width: 969px) {
  .reportit {width:40px; margin: 5px 0 0 5px;}
}

a.cus_buttons {display: block;}
a.cus_buttons i{padding-top: 5px;}
a:hover.cus_buttons {background-color: #bbdce2; text-decoration: none; color:#108898 !important;}
/***********************************************************************************************************/
/** SUB PAGE LAYOUT **/
/***********************************************************************************************************/
#sidebar h4, #sidebar h5{margin-bottom: 10px;}

#sidebar ul li {
    list-style-type: none;
    margin-left: 0;
}

/***********************************************************************************************************/
/** archive pages **/
/***********************************************************************************************************/
#category-controller{
  background-color:#CFD5D7;
}

ul.archive-nav{ padding: 0; margin-bottom:6em;}

@media only screen and (max-width: 767px) {
  ul.archive-nav{ margin-bottom: 0;}
}

ul.archive-nav li{ margin: 0;}

ul.archive-nav li a{
  display: block;
  padding: 1em;
  font-weight: bold;
  color: #000;
}

ul.archive-nav li a:hover{ background-color:#B9C9D3;}
ul.archive-nav li a:active, ul.archive-nav li.ui-tabs-active{  background-color:#B9C9D3; box-shadow: 0 0 5px 0 #666 inset;}

h3.featured-content-header{background-color:#CFD5D7;padding: .5em;}
.featured-content h4 { margin-top: 10px; padding-bottom: 5px;clear: both;}

#main ul.archive-nav li {margin-bottom: 0;}



/***********************************************************************************************************/
/** Regulations pages **/
/***********************************************************************************************************/
.box_links { float: left; width: 146px;margin: 0 20px 10px; }
.box_links a { display: inline-block;width: 146px; font-weight: bold; text-align: center; }
.box_links a img{ background-color: #E1E1E1 !important; }
.box_links a:hover img{ background-color: #eefbfd !important; }


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

@media screen and (min-width: 768px){
  #regarea-content table {width: auto;}
  #aquatic a{ min-height: 100px;}
}

@media screen and (max-width: 767px){
  #sharks div { padding: 4%;}
  #sharks img, #aquatic img{ float: left;}
  #dlnr-home { display: none; }
}

@media screen and (max-width: 684px){
  #sharks, #game a, #game a:hover { height: 130px; background-position: center;}
  #home_bottom_widgets .home_bottom_widget { margin-top: 0px; }
}

#sidebar_wrapper_home {
padding-top:0;
}