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


/**********************************************************************
= color = Sandy - Brown park custom
**********************************************************************/
#scheme_color_brown #page a, 
#scheme_color_brown #page a:visited { color: #4B8606;}

#scheme_color_brown #page a:hover { color: #1A6954;}

#scheme_color_brown #header h1.title a { color: #1A6954;}

#scheme_color_brown #search-input { border-color: #a88c5a !important;}

#scheme_color_brown #search-submit, 
#scheme_color_brown #sidebar #searchform input[type="submit"],
#scheme_color_brown #header_search button, 
#scheme_color_brown #main_search button { background-color: #1A6954 !important;}

#scheme_color_brown .theme-default .nivo-controlNav a.active,
#scheme_color_brown #sidebar #searchform input[type="submit"]:hover,
#scheme_color_brown #header_search button:hover, 
#scheme_color_brown #main_search button:hover {background: #4B8606 !important;}

#scheme_color_brown #search-input:focus { border-color: #4B8606 !important;}
#scheme_color_brown #search-submit:hover { background-color: #4B8606 !important;}

/**********************************************************************
=COMMON
**********************************************************************/
#page, #footer, .statewide-banner, header, #sub_head_img{max-width: none; width: 0 auto;}
.statewide-header{margin-bottom: 0;}
.topnews{margin: 10px auto 0; max-width: 1022px; float: none; display: block;}
#page {background:none; box-shadow:none;}
#middle_wrapper{
    text-align: left;
    clear: both;
}
#main{ padding: 0;}



#home_main h3, .primary-content h3 { color: #1a6954;}

.float_R {float: right;}
.float_C {text-align: center;}

#inner-wrap {padding: 0;}
#sub-main {margin: 1em auto; padding: 20px 30px; max-width: 962px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.96);}

@media screen and (max-width: 767px){
  #middle_wrapper{ margin: 0; }
  #home_main { margin: 2%;}
  #sub-main {padding: 0.5em;}
  #main {margin-top: 0;}
  .topnews{padding-right: 10px; padding-left: 10px}
}

#main.wsidebar #sub-main {
  table-layout: fixed;
  max-width: 1022px;
}

@media screen and (min-width: 768px){
  #main.wsidebar #sub-main {padding: 0 !important; width: 100%; display: table;}
}

#loading {text-align: center;}
/**********************************************************************
=HEADER
**********************************************************************/
 #island_rotate
 {
   margin:0;
   position:relative;
 }
 .fade
 {
   position:absolute;
   display:none;
 }

#header {background-image:none; background-color: #fff;}
@media screen and (min-width: 768px){
  .inner-header{background: url("../hic_state_template_parent/images/design/header/background.jpg") no-repeat scroll 0 20% #fff;}
}


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

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

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

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

/**********************************************************************
=FOOTER
**********************************************************************/
#footer { margin-bottom: 0;background: #2D3625;}
#footer-widgets, .powered-by, #copyright_info, #header .inner-header, #navigation ul, .statewide-banner, #sub_img_con {max-width: 1022px;  margin: 0 auto;}
#copyright_info {float: none; display: block;}

#text-2{
width:25%;
}
#list-5{
width:15% !important;
}

#custom_html-2 {
    width: 300px !important;
}

.toASP, .toDLNR, .toMIH {
    display: inline-block;
    opacity: 0.5;
    max-width: 80px;
    vertical-align: top !important;
}    

.toASP:hover, .toDLNR:hover, .toMIH:hover { 
  opacity: 1;
}

@media screen and (min-width: 768px){
  #footer-widgets .widget-4.footer_widget.four-col {width: 24.2105%;}
}

@media screen and (max-width: 767px){
  #footer dt, #footer .widgettitle{color: #ffffff;}
  #footer a {color: rgba(255,255,255,.95);}
}

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


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


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

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

#home_content_wrapper {box-shadow: none; max-width: 1022px; margin: 0 auto 1em; float: none; }
#home_content_wrapper.wsidebar {max-width: 1022px; }
#sidebar_wrapper.sidebar_bg, #sidebar_wrapper_home.sidebar_bg { background-color: #DDE8EA;}

#top_slider_cont{display: block; float: none;}
#topslider_bg_img{
  min-height: 400px;
	background: url("images/topslider_bg1.jpg") no-repeat scroll center bottom / cover  rgba(0, 0, 0, 0);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media screen and (max-width: 767px){
  #topslider_bg_img { min-height: 200px;}
}

@media screen and (min-width: 768px){
  #home_top_widgets{margin: 5px 30px 20px;}
}

#home_top_widgets{border-top: 1px solid #eeeeee;}

/** nivoSlider **/
.nivoSlider {overflow: visible !important;}
.theme-default .nivo-caption { top:0; }
.theme-default .nivoSlider { background: transparent !important; box-shadow: none !important;}
.theme-default .nivo-caption a{  padding: 5px;}
.theme-default .nivo-caption a span.nivo-cap {text-transform: uppercase !important; line-height: 1.5em;margin-bottom: 5px; }
#featured_slider .nivo-caption a span.s_readmore {background-color: rgba(75,134,6,.85); padding: 5px 10px; display: inline-block; margin-top: 10px;}
#featured_slider #slides {max-height: 400px;}

@media screen and (min-width: 768px){
  .theme-default .nivo-caption { 
    text-align: center; 
    top:20%;
    margin: 0 auto; 
    background: transparent; color: #ffffff; font-weight: bold; opacity:1; line-height: 1.1em; 
    text-shadow: 0 0 1px rgba(0,0,0,.80);
    -webkit-text-shadow: 0 0 1px rgba(0,0,0,.80);
    -moz-text-shadow: 0 0 1px rgba(0,0,0,.80);
    -ms-text-shadow: 0 0 1px rgba(0,0,0,.80);
    -o-text-shadow: 0 0 1px rgba(0,0,0,.80);
  }
  .theme-default .nivo-caption a span.nivo-content {font-size: 1.2em;  font-weight: 400 !important; background-color: rgba(0,0,0,.5); padding: 3px;}
  .theme-default .nivo-caption a span.nivo-cap {font-size: 2.3em; margin-bottom: 5px; background-color: rgba(0,0,0,.5); padding: 3px;}
	#featured_slider .nivo-caption a {
		padding: initial;
		float: none;
		line-height: 2em;
	}
}


@media screen and (max-width: 767px){
  .theme-default .nivo-caption a span.nivo-content { font-weight: 300 !important;}
  .theme-default .nivoSlider { width: 100% !important;}
  #home_main { padding: 0 !important;}
  .theme-default .nivo-caption a{ line-height: .8em !important;padding: 0;}
}

@media screen and (max-width: 480px){
}


/**********************************************************************
=Home announcement
**********************************************************************/
.home-announce ul {padding: 0;}
#main .home-announce ul li{ background-color: #F8EBDB; border: 1px solid #DCE0A5; margin-bottom: 5px; padding: 10px; list-style:none;}
#main .home-announce ul li p{margin-bottom:0;}
.home_ann_dates {background-color: #3B2F05; color: #FDC125; float: left; width: 13%; text-align: center; padding: 5px 0; margin-right: 5px;}
.home_ann_date { font-size: 2em;}
.home_ann_title {font-weight: bold; display: block; line-height: 1.4em; margin-bottom:.5em;}

@media screen and (max-width: 480px){
  .home_ann_dates { width: 20%;}
}


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

#main 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.selected{  background-color:#B9C9D3; box-shadow: 0 0 5px 0 #666 inset;}


/**********************************************************************
=FEATURED BUTTONS
**********************************************************************/
#scheme_color_brown #featured_buttons_ex ul li a, 
#scheme_color_brown #featured_buttons_ex ul li a:visited { background: #437969; color: #ffffff;}
#scheme_color_brown #featured_buttons_ex ul li a:hover { background: #315d50; color: #ffffff;}

@media screen and (min-width: 768px){
  #featured_buttons_ex { margin: 20px 30px;}
}
#featured_buttons_ex ul{ padding: 0;}
#main #featured_buttons_ex ul li { list-style: none; float: left; margin-right: 1.05263%;}
#main #featured_buttons_ex ul li.last-col { margin-right: 0;}

#featured_buttons_ex ul li a {
  display: block;
  padding: 0 15px;
  color: #FFF;
  font-size: 1.2em;
  text-decoration: none;
  border-bottom: 1px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0,0,0,.40);
  -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
  -moz-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
  -ms-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
  -o-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
  overflow: hidden;
}

#featured_buttons_ex ul li a:hover {
  text-decoration: none;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -ms-transition: background 0.5s;
  -o-transition: background 0.5s;
  
}

#featured_buttons_ex ul li a i, #featured_buttons_ex ul li a img {
  padding-top: 15px;
  font-size: 3em;
  vertical-align: middle;
  text-align: center;
  display: block;
  margin: 0 auto;
}

#featured_buttons_ex ul li a span {
  display: block;
  line-height: 1.2em;
  vertical-align: middle;
  text-align: center;
  padding-bottom: 10px;
}

#home-google a, #home-napali a, #home-noaa a {
    display: block;
    height: 210px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.2em;
    padding: 10px;
    position: relative;
}

.color_y {color: #FFC207; font-size: .9em;}

#home-napali a span, #home-noaa a span{
  position: absolute;
  bottom: 10px;
  width: 90%;
}

#scheme_color_brown #page #home-google a, #scheme_color_brown #page #home-google a:visited,
#scheme_color_brown #page #home-napali a, #scheme_color_brown #page #home-napali a:visited,
#scheme_color_brown #page #home-noaa a, #scheme_color_brown #page #home-noaa a:visited
{ color: #ffffff; text-decoration: none;}
  #home_top_widgets .home_top_widget.four-col{background-color: #000000;}

#home-google a { background: url("images/home-google.jpg") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);}
#home-napali a { background: url("images/home-napali.jpg") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);}
#home-noaa a   { background: url("images/home-noaa.jpg") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);}

@media screen and (min-width: 768px){
  #home_top_widgets .home_top_widget.four-col{ padding: 0 0 ; width: 32.6316%; }
}
@media screen and (max-width: 767px){
  #home-google a, #home-napali a, #home-noaa a { height: 150px;}
}

/***********************************************************************************************************/
/** SUB PAGE LAYOUT **/
/***********************************************************************************************************/
#sub_head_img {background-color: #312916;}
#sub_img_con { position: relative; height: 100%; max-height: 260px; overflow:hidden}
/* #sub_img_main{display:inline;position:relative;max-width:580px;max-height:180px;} */
#sub_img_main {position: relative;}
.photo-credit-sub {
  bottom: 5px;
  color: #eee;
  font-size: 0.8em;
  position: absolute;
  left: 5px;
  z-index: 1;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.photo-credit-top {
  bottom: 0;
  color: #fff;
  font-size: 0.8em;
  position: absolute;
  left: 15px;
  z-index: 1;
  font-weight: normal;
}

#sub_img_main img{width:100%;max-height:100%;}
#main_content_sub{ padding-top:43.2px;}
#sub_img_con #page_title { position: absolute; bottom: 1em; line-height:1em; right: 1em; color: #ffffff; z-index: 1; font-weight: bold; font-size: 2.2em;
  text-shadow: 0 0 1px rgba(0,0,0,.80);
  -webkit-text-shadow: 0 0 1px rgba(0,0,0,.80);
  -moz-text-shadow: 0 0 1px rgba(0,0,0,.80);
  -ms-text-shadow: 0 0 1px rgba(0,0,0,.80);
  -o-text-shadow: 0 0 1px rgba(0,0,0,.80);
}
#sub_img_main img.wp-post-image {margin-bottom: 0 !important;}

#sub_img_top {
	z-index: 1;
	height: 100%;
	position: absolute;
	width: 100%;

background: rgba(49,41,22,1);
background: -moz-linear-gradient(left, rgba(49,41,22,1) 3%, rgba(49,41,22,0) 26%, rgba(49,41,22,0) 75%, rgba(49,41,22,0.09) 77%, rgba(49,41,22,1) 97%);
background: -webkit-gradient(left top, right top, color-stop(3%, rgba(49,41,22,1)), color-stop(26%, rgba(49,41,22,0)), color-stop(75%, rgba(49,41,22,0)), color-stop(77%, rgba(49,41,22,0.09)), color-stop(97%, rgba(49,41,22,1)));
background: -webkit-linear-gradient(left, rgba(49,41,22,1) 3%, rgba(49,41,22,0) 26%, rgba(49,41,22,0) 75%, rgba(49,41,22,0.09) 77%, rgba(49,41,22,1) 97%);
background: -o-linear-gradient(left, rgba(49,41,22,1) 3%, rgba(49,41,22,0) 26%, rgba(49,41,22,0) 75%, rgba(49,41,22,0.09) 77%, rgba(49,41,22,1) 97%);
background: -ms-linear-gradient(left, rgba(49,41,22,1) 3%, rgba(49,41,22,0) 26%, rgba(49,41,22,0) 75%, rgba(49,41,22,0.09) 77%, rgba(49,41,22,1) 97%);
background: linear-gradient(to right, rgba(49,41,22,1) 3%, rgba(49,41,22,0) 26%, rgba(49,41,22,0) 75%, rgba(49,41,22,0.09) 77%, rgba(49,41,22,1) 97%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312916', endColorstr='#312916', GradientType=1 );
}


@media screen and (max-width: 767px){
	#sub_img_top{ background: transparent;height: auto;}
	#sub_img_con{height: auto;}
	#sub_head_img{ background-color: transparent;}
	#sub_img_con #page_title {font-size: 1.5em; bottom: 1.5em;}
  .photo-credit-top{ right: 5px; left:auto; bottom:-2px;}
}


/***********************************************************************************************************/
/** park, hiking, map page **/
/***********************************************************************************************************/
#page .primary-content .islands-nav ul {padding-left: 0;}
#page .primary-content .islands-nav ul li {list-style: none; float: left; margin-bottom: 25px;}
.islands-nav ul li a{ padding: 10px 20px; margin: 0 15px 0 0; background-color: #4b8574; font-weight: bold; text-decoration: none;}
.islands-nav ul li a:hover, .islands-nav ul li a.active { background-color:#165e4b; }
#scheme_color_brown #page .islands-nav a, #scheme_color_brown #page .islands-nav a:visited {color: #ffffff;}

/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#DFDFDF;
            font-size:16px;
            font-weight:600;
            color:#4c4c4c;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            background:#a7cce5;
            text-decoration:none;
        }
    ul.tab-links {margin: 0; padding: 0; }
    #main ul.tab-links li{margin-bottom: 0;}
    #page .primary-content ul.tab-links li{ list-style: none;}
    .tab-links li.active a, .tab-links li.active a:hover {
        background:#ffffff;
        color:#4c4c4c;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#fff;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }


.dataTables_wrapper a:hover, a.areamap:hover { text-decoration: none;}

@media screen and (max-width: 767px){
  .tab-content, .tab-links li.active a, .tab-links li.active a:hover {background: #FAFAFA;}
}


/** google map in Tab **/
#map_canvas img {max-width: none;}
#main .primary-content #map_canvas img, .inner-main .primary-content #map_canvas img {background: transparent;}

.cc-map-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}
.cc-map-wrapper .googlemap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.google_direction input{
  color: #fff;
  background-color: #1A6954;
  border-radius: 4px;
  border: none;
  width: 100%;
  padding: 5px;
}

.google_direction input:hover{ background-color: #4B8606;}


.google_street a{
  background: url('images/google_street.png'); 
  background-color: #FEFEDA; 
  background-position: center center;
}

.google_street a:hover{ background-color: #F8D84F; }
.google_street a span{ text-indent: -9999px; display: inline-block;}

.hike_brochure a{
  background: url('images/hiking_in_hawaii.gif');
  background-position: bottom right; 
  background-color: #ffffff; 
  font-weight: bold;
}
.hike_brochure a:hover{ background-color: #FEFEDA; }

.park_rules a{
  background: url('images/park_rules.gif');
  background-position: bottom right;
  background-color: #ffffff; 
  font-weight: bold;
}
.park_rules a:hover{ background-color: #FEFEDA; }

.weathertile, .weathertile_home {
  background-color: #ffffff; 
  padding: 0 5%; 
}

.weathertile span { display: inline-block; width: 50%;}
.weathertile .weather_icon { display: inline-block; width: 50%; font-size:3em; }
.weathertile_home #weatherfeed {height: 65px;}
.weathertile_home span { display: inline-block;}
.weathertile_home .weather_icon { display: inline-block; font-size:3em; margin-left: 20px; }
#sidebar_wrapper_home .weathertile_home{padding-top: 10px; padding-bottom: 10px;}
.wi-day-cloudy:before {width: 120px;}


/******* Google Trails *******/
.trail {position: relative;}
.trail a {display: block; }
.trail a.trail-header {background-color: rgba(0, 0, 0, 0.7); }

#main .primary-content .trail img {   
  border: none;
  padding: 0em;
  width: 100%;
}

.trail a .trail-hd {background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bold;
  left: 15px;
  padding: 5px;
  position: absolute;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  top: 15px;
  width: 85%;
}
.trail a:hover span{background-color:#000;}

/******* camping *******/

@media screen and (max-width: 767px){
  .tiles.four-col {margin-bottom: 0em;}
}

.camp_tile01 a{
  background: url('images/camping_video.png');
  background-position: center 10px; 
  background-color: #54874C; 
}
.camp_tile02{
  background: url('images/camping_permit.png');
  background-position: bottom right; 
  background-color: #54874C; 
}
.camp_tile03 a{
  background: url('images/camping_fee.png');
  background-position: center 10px; 
  background-color: #54874C; 
}

.camp_tile01 a:hover, .camp_tile03 a:hover{
  background-color: #3E850B;
  text-decoration: none;
}

.camp_tile02 span {
  display: block;
  font-size: 2.9em;
  line-height: 1.4em;
}

.tiles a{
  display: block; 
  margin: 5px 0;
  padding: 10px 20px 40px;
  background-repeat: no-repeat; 
}

.tiles.weathertile a, .tiles.weathertile_home a { padding: 5px 0; font-size: .85em;}

#scheme_color_brown #page .camp-content .tiles a{
  padding: 80px 20px 10px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

#scheme_color_brown #page .camp-content .tiles.camp_tile02 {
  display: block; 
  background-repeat: no-repeat; 
  padding: 22px 0 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.camp-content{ background-color: #F0EDCA; padding: 2%; margin-bottom: 2%;}
.camp-content h4{ color: #683929;}
.camp-content h4 i{ font-size: 1.5em;}
#main .primary-content .camp-content img {background: transparent;border: none;padding: 0; -webkit-box-shadow:none;   }
#main .primary-content .camp-content img.i-small {width: 10%; }



/*----- icons -----*/
/* Beachgoing */         .parkicon.activities.icon01{background: url('images/icons/activities/beachgoing.gif');}
/* Bicycles */           .parkicon.activities.icon02{background: url('images/icons/activities/bicycle.gif');}
/* Boat Tours */         .parkicon.activities.icon03{background: url('images/icons/activities/boat-tours.gif');}
/* Bow hunting */        .parkicon.activities.icon04{background: url('images/icons/activities/bow-hunting.gif');}
/* Camping */            .parkicon.activities.icon05{background: url('images/icons/activities/camping.gif');}
/* Canoe */              .parkicon.activities.icon06{background: url('images/icons/activities/canoe.gif');}
/* Diving */             .parkicon.activities.icon07{background: url('images/icons/activities/diving.gif');}
/* Dogs on Leash */      .parkicon.activities.icon08{background: url('images/icons/activities/dog-with-leash.gif');}
/* Fishing */            .parkicon.activities.icon09{background: url('images/icons/activities/fishing.gif');}
/* Hiking */             .parkicon.activities.icon10{background: url('images/icons/activities/hiking.gif');}
/* Horse */              .parkicon.activities.icon11{background: url('images/icons/activities/horse.gif');}
/* Hunting */            .parkicon.activities.icon12{background: url('images/icons/activities/hunting.gif');}
/* Jeep */               .parkicon.activities.icon13{background: url('images/icons/activities/jeep.gif');}
/* Motorcycle */         .parkicon.activities.icon14{background: url('images/icons/activities/motor-bike.gif');}
/* Rock Climbing */      .parkicon.activities.icon15{background: url('images/icons/activities/rock-climbing.gif');}
/* Scuba Diving */       .parkicon.activities.icon16{background: url('images/icons/activities/scuba-diving.gif');}
/* Sightseeing */        .parkicon.activities.icon17{background: url('images/icons/activities/sightseeing.gif');}
/* Skateboarding */      .parkicon.activities.icon18{background: url('images/icons/activities/skateboarding.gif');}
/* Snorkeling */         .parkicon.activities.icon19{background: url('images/icons/activities/snorkeling.gif');}
/* Swimming */           .parkicon.activities.icon20{background: url('images/icons/activities/swimming.gif');}
/* Wildlife Viewing */   .parkicon.activities.icon21{background: url('images/icons/activities/wildlife-viewing.gif');}
/* Entry/Parking Fees */ .parkicon.activities.icon22{background: url('images/icons/activities/entry-fee.gif');}
/* Lifeguard */          .parkicon.activities.icon23{background: url('images/icons/activities/lifeguard.gif');}

/* ADA Accessible */    .parkicon.facilities.icon01{background: url('images/icons/facilities/ADA.gif');}
/* Boat Ramp */         .parkicon.facilities.icon02{background: url('images/icons/facilities/boat-ramp.gif');}
/* Campsites */         .parkicon.facilities.icon03{background: url('images/icons/facilities/campsites.gif');}
/* Food Concession */   .parkicon.facilities.icon04{background: url('images/icons/facilities/food-concession.gif');}
/* Lodging */           .parkicon.facilities.icon05{background: url('images/icons/facilities/cabin.gif');}
/* No Drinking Water */ .parkicon.facilities.icon06{background: url('images/icons/facilities/no-drinking-water.gif');}
/* Picnic Pavilion */   .parkicon.facilities.icon07{background: url('images/icons/facilities/picnic-pavilion.gif');}
/* Picnic table */      .parkicon.facilities.icon08{background: url('images/icons/facilities/picnic.gif');}
/* Pier Fishing */      .parkicon.facilities.icon09{background: url('images/icons/facilities/pier-fishing.gif');}
/* Restroom */          .parkicon.facilities.icon10{background: url('images/icons/facilities/restroom.gif');}
/* Showers */           .parkicon.facilities.icon11{background: url('images/icons/facilities/showers.gif');}
/* Trash Cans */        .parkicon.facilities.icon12{background: url('images/icons/facilities/trash.gif');}
/* Walking Path */      .parkicon.facilities.icon13{background: url('images/icons/facilities/walking-path.gif');}
/* Water Fountain */    .parkicon.facilities.icon14{background: url('images/icons/facilities/water-fountain.gif');}
/* Gift Shop */         .parkicon.facilities.icon15{background: url('images/icons/facilities/gift-shop.gif');}
/* Scenic Viewpoint */  .parkicon.facilities.icon16{background: url('images/icons/facilities/scenic-viewpoint.gif');}

/* No Motorized Vehicles/ATV's */     .parkicon.prohibited.icon01{background: url('images/icons/prohibited/no-atv.gif');}
/* No Bicycles */                     .parkicon.prohibited.icon02{background: url('images/icons/prohibited/no-bicycle.gif');}
/* No Boat Landing or Launching */    .parkicon.prohibited.icon03{background: url('images/icons/prohibited/no-boat.gif');}
/* No Animals/Pets */                 .parkicon.prohibited.icon04{background: url('images/icons/prohibited/no-dog.gif');}
/* No Alcoholic Beverages */          .parkicon.prohibited.icon05{background: url('images/icons/prohibited/no-alcohol.gif');}
/* No Open Fires */                   .parkicon.prohibited.icon06{background: url('images/icons/prohibited/no-fire.gif');}
/* No Littering/Dumping */            .parkicon.prohibited.icon07{background: url('images/icons/prohibited/no-litter.gif');}
/* No Camping */                      .parkicon.prohibited.icon08{background: url('images/icons/prohibited/no-camping.gif');}
/* No Fishing */                      .parkicon.prohibited.icon09{background: url('images/icons/prohibited/no-fishing.gif');}
/* No Hiking */                       .parkicon.prohibited.icon10{background: url('images/icons/prohibited/no-hiking.gif');}
/* No Hunting */                      .parkicon.prohibited.icon11{background: url('images/icons/prohibited/no-hunting.gif');}
/* No Rock Climbing */                .parkicon.prohibited.icon12{background: url('images/icons/prohibited/no-rock-climbing.gif');}
/* No Smoking */                      .parkicon.prohibited.icon13{background: url('images/icons/prohibited/no-smoking.gif');}
/* No Swimming */                     .parkicon.prohibited.icon14{background: url('images/icons/prohibited/no-swimming.gif');}
/* No Skateboards */                  .parkicon.prohibited.icon15{background: url('images/icons/prohibited/no-skateboarding.gif');}
/* No Removal of Sand/Rocks/Plants */ .parkicon.prohibited.icon16{background: url('images/icons/prohibited/no-rock-plant.gif');}  
/* No Commercial Activities */        .parkicon.prohibited.icon17{background: url('images/icons/prohibited/no-commercial.gif');}
/* No Driving on Beach */             .parkicon.prohibited.icon18{background: url('images/icons/prohibited/no-driving-beach.gif');}  
/* No Plant Removal */                .parkicon.prohibited.icon19{background: url('images/icons/prohibited/no-plant.gif');}

/* Falling Rocks */        .parkicon.hazard.icon01{background: url('images/icons/hazard/falling-rocks.gif');}
/* Hazadarous Cliff */     .parkicon.hazard.icon02{background: url('images/icons/hazard/dangerous-cliff.gif');}
/* Flash Flood  */         .parkicon.hazard.icon03{background: url('images/icons/hazard/flash-flood.gif');}
/* Dangerous Shorebreak */ .parkicon.hazard.icon04{background: url('images/icons/hazard/dangerous-shorebreak.gif');}
/* High Surf */            .parkicon.hazard.icon05{background: url('images/icons/hazard/high-surf.gif');}
/* No Diving */            .parkicon.hazard.icon06{background: url('images/icons/hazard/no-diving.gif');}
/* No Diving 2 */          .parkicon.hazard.icon07{background: url('images/icons/hazard/no-diving2.gif');}
/* No Swimming */          .parkicon.hazard.icon08{background: url('images/icons/hazard/no-swimming.gif');}
/* Rip Currents */         .parkicon.hazard.icon09{background: url('images/icons/hazard/rip-current.gif');}
/* Sharp Coral */          .parkicon.hazard.icon10{background: url('images/icons/hazard/sharp-coral.gif');}
/* Slippery Rocks */       .parkicon.hazard.icon11{background: url('images/icons/hazard/slippery-rocks.gif');}
/* Strong Current */       .parkicon.hazard.icon12{background: url('images/icons/hazard/strong-current.gif');}
/* Sudden Drop Off */      .parkicon.hazard.icon13{background: url('images/icons/hazard/sudden-drop-offs.gif');}
/* Waves Break on Ledge */ .parkicon.hazard.icon14{background: url('images/icons/hazard/waves-break.gif');}
/* Jellyfish */            .parkicon.hazard.icon15{background: url('images/icons/hazard/jellyfish.gif');}
/* Portuguese Man-o-War */ .parkicon.hazard.icon16{background: url('images/icons/hazard/man-o-war.gif');}
/* Shark Sighted */        .parkicon.hazard.icon17{background: url('images/icons/hazard/shark-sighted.gif');}

.park_icon_container {clear:both;}
#sidebar .park_icon h3 {padding-top:0;}
#main ul li.parkicon {list-style: none; margin: 0; float: left; width: 37%; font-size:0.9em ;line-height: 1.1em;}
#sidebar .parkicon { background-position: 0 0; background-repeat: no-repeat; vertical-align: text-bottom; background-size: 30px; padding-left: 35px; padding-top:5px; height: 30px;}


table.park_details {width: 50%; float: left; margin-right: 2%; line-height: 1.5em;}
table.park_details ul {padding-left: 15px;}
table.park_details p {margin-bottom: 0;}

.googlestatickmap {clear: both; padding-top: 1em;}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
  #main ul li.parkicon { width: 80%;}
}

@media screen and (max-width: 460px){
  #main ul li.parkicon { width: 80%;}
  table.park_details {width: 100%; }
}


/********** table **********/
.tablepress tfoot th, .tablepress thead th{ background-color: #bfd5cf !important; line-height: 1.2em;}
#main ul.tb_trails {padding: 0;}
#main ul.tb_trails li{ 
  background: url('images/icon_hiking.gif'); 
  list-style: none; 
  margin: 0; 
  line-height: 1em; 
  background-position: 0 0; 
  background-repeat: no-repeat; 
  vertical-align: text-bottom; 
  background-size: 20px; 
  padding-left: 25px; 
  padding-top: 3px; 
  height: 30px; 
}
#main ul.tb_trails li:hover{ 
  background: url('images/icon_hiking_hover.gif'); 
  background-repeat: no-repeat; 
  background-size: 20px; 
}

.tb_beach, .tb_camping, .tb_historic{ text-indent: -99999px ; height: 0px;  padding: 16px; display: inline-block; }

.tb_camping{background: url('images/icon_camping.gif'); background-repeat: no-repeat; background-position: center top;}
.tb_camping:hover{background: url('images/icon_camping_hover.gif');  background-repeat: no-repeat; background-position: center top; }
.tb_beach{background: url('images/icon_beaches.gif'); background-repeat: no-repeat; background-position: center top;}
.tb_beach:hover{background: url('images/icon_beaches_hover.gif');  background-repeat: no-repeat; background-position: center top;}
.tb_historic{background: url('images/icon_cultural.gif'); background-repeat: no-repeat; background-position: center top;}
.tb_historic:hover{background: url('images/icon_cultural_hover.gif');  background-repeat: no-repeat; background-position: center top;}

table {font-weight: normal;}
#tablepress-1 .column-1, #tablepress-1 .column-3,
#tablepress-2 .column-1, #tablepress-2 .column-3,
#tablepress-3 .column-1, #tablepress-3 .column-3,
#tablepress-4 .column-1, #tablepress-4 .column-3,
#tablepress-5 .column-1, #tablepress-5 .column-3 {width: 25%;}

#tablepress-1 .column-2,
#tablepress-2 .column-2,
#tablepress-3 .column-2, 
#tablepress-4 .column-2,
#tablepress-5 .column-2 {width: 14%;}

#tablepress-1 .column-4, #tablepress-1 .column-5, #tablepress-1 .column-6,
#tablepress-2 .column-4, #tablepress-2 .column-5, #tablepress-2 .column-6,
#tablepress-3 .column-4, #tablepress-3 .column-5, #tablepress-3 .column-6,
#tablepress-4 .column-4, #tablepress-4 .column-5, #tablepress-4 .column-6,
#tablepress-5 .column-4, #tablepress-5 .column-5, #tablepress-5 .column-6 {width: 12%; background-position: center top; text-align: center;}

#tablepress-10 .column-1, #tablepress-11 .column-1, #tablepress-12 .column-1, #tablepress-13 .column-1{width:25%;font-weight: bold;}


#tablepress-15 .column-1, #tablepress-15 .column-2, #tablepress-15 .column-4,
#tablepress-16 .column-1, #tablepress-16 .column-2, #tablepress-16 .column-4,
#tablepress-17 .column-1, #tablepress-17 .column-2, #tablepress-17 .column-4,
#tablepress-18 .column-1, #tablepress-18 .column-2, #tablepress-18 .column-4 {width: 20%;}
#tablepress-15 .column-3, #tablepress-16 .column-3, #tablepress-17 .column-3, #tablepress-18 .column-3 {width: 40%;}

/***********************************************************************************************************/
/** detail page **/
/***********************************************************************************************************/
.note {padding:10px;background-color:#fff;font-weight:bold; border:1px solid #cccccc; margin-bottom:10px;margin-top:10px;}
.note p {margin-bottom: 0;}
.page-alert {padding:10px;background-color:#c3333d;font-weight:bold; margin-bottom:10px;margin-top:10px; color: #fff;}
.simple_announcer p, .page-alert p {margin-bottom: 0;}
.important{background-color: #FFC0CB !important;} 

/***********************************************************************************************************/
/** Napali **/
/***********************************************************************************************************/
.napali-announce{ border: 1px solid #CBD502; background-color: #F9F5C6; padding: 10px 10px; margin-top: 25px; clear:both;}
.napali-ann-date{font-size: .9em; color:#666666;}
ul.napali-recent-posts{ padding: 0;}
#main ul.napali-recent-posts li{list-style: none;}
.napali_ann_title {font-weight: bold; font-size: 1.2em}

#sidebar .malamanapali h3 {position: absolute; left: 30px; top: 5px; font-size: 1.7em; text-transform:capitalize;}
#scheme_color_brown #sidebar .malamanapali h3.widgettitle{color: #ffffff;}
#sidebar .malamanapali img { padding-top: 10px; }
.malamanapali{ background-color: #4C8500; margin-bottom:1em !important; list-style: none;}
#scheme_color_brown #sidebar .malamanapali a.read{ padding: 0 10px 10px; color: #ffffff; text-decoration: none;}
#scheme_color_brown #sidebar .malamanapali a:hover{ text-decoration: underline;}

#main .primary-content img.img_noborder {border: none; background: transparent;-webkit-box-shadow:none;}

a.btn_reserve{ background: url('images/button_bg_g.jpg'); background-repeat: repeat-x; display: inline-block; margin: 10px 0; padding: 3px 20px; font-weight: bold;}
a:hover.btn_reserve{ background: url('images/button_bg_g_hover.jpg');}
.camp-content a.btn_reserve{ background: url('images/button_bg_g_L.jpg'); padding: 10px 30px; font-size: 1.2em;}
.camp-content a:hover.btn_reserve{ background: url('images/button_bg_g_L_hover.jpg');}
#scheme_color_brown #page a.btn_reserve, #scheme_color_brown #page a.btn_reserve:visited { color: #ffffff; text-decoration: none;}
#main .primary-content a.btn_reserve img, a.btn_reserve img { vertical-align: middle; background: transparent;border: none;-webkit-box-shadow:none;}

#sidebar_wrapper_napali #sidebar { padding: 0 0 10px 0;}
#sidebar_wrapper_napali .weathertile { clear: both;}

/***********************************************************************************************************/
/**  **/
/***********************************************************************************************************/
#page .primary-content ul.ul_archive_month { padding: 0;}
#page .primary-content ul.ul_archive_month li{ list-style: none;}

/***********************************************************************************************************/
/** Wildlife **/
/***********************************************************************************************************/
.wl_sidebar .sidebar_style01 {background-color: #E6DDCC; margin-bottom: 1em; padding: 1em;}
.wl_sidebar h2 {color: #196953;}
.wl_sidebar h3, .wl_sidebar h4 {padding-top: .5em ; cursor: text;}


/***********************************************************************************************************/
/** trail  **/
/***********************************************************************************************************/
.h3_trail {text-align:center; font-size: 2em; background-color: #d4cbbd; margin-bottom:.5em;}
/***********************************************************************************************************/
/** Archaeology **/
/***********************************************************************************************************/
#sidebar ul.archaeology li {margin-right: 0;}
#sidebar_wrapper_archaeology { background-color: #e6ddcc;}
#sidebar_wrapper_archaeology h3 { color: #196953 !important;}

/***********************************************************************************************************/
/** jcarousel **/
/***********************************************************************************************************/
#page .primary-content .jcarousel ul li{ list-style: none;}
.primary-content .jcarousel a{text-decoration:none;}
#main .primary-content .jcarousel img {padding: 0; border: none;}
#scheme_color_brown #page .jcarousel a, #scheme_color_brown #page .jcarousel a:visited {color: #ffffff;}

.sidebar ul li{margin:0px auto !important;}

.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1em;
	max-height: 110px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}


.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {
    cursor: default;
    display: none;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}



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

.faqs-answer p, .faqs-question p{ padding-left: 1.8em;}
.faqs-answer h4{ padding-left: 1.5em;}
.faqs-answer ul li, .faqs-answer ol li { margin-left: 1.8em;}
.faqs-answer ul li ul { padding-left: 0.5em;}

.faqs-question, .faqs-question p { font-weight: bold; margin-top: 1em;}
.faqs-answer { margin-bottom: 3em;}

.faqs-question > span, .faqs-answer > span {
    float: left;
    font-weight: bold;
    font-size: 1.4em;
    margin-right: .3em;
    vertical-align: text-bottom;
    color: #196953;
}


/******************************************************************************************************************************************
= tab to accordion
******************************************************************************************************************************************/
ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
}

#main ul.resp-tabs-list li {
    font-size: 14px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
  font-weight:bold;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
  font-size: 14px;
}

h3.resp-accordion {
    font-size: 14px;
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    border: 1px solid #c1c1c1; 
    margin-bottom: -1px !important;
    padding: 9px 14px 14px 14px !important;
    border-bottom: none;
    background-color: #fff;
    border-top: 4px solid #196953;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
}

h3.resp-accordion { 
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h3.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h3.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Accordion styles-----------*/
h3.resp-tab-active {
    background: #DBDBDB !important;
}
.resp-easy-accordion  h3.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h3.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

h3.resp-tab-active span.resp-arrow {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color transparent #9b9797;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 6px 12px;
}
.resp-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
    float: right;
    height: 0;
    margin-top: 3px;
    width: 0;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h3.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}


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