/*
Theme Name: Hawaii Birding Trails
Theme URI: 
Author: Gum Design
Author URI: http://www.gumdesign.com
Description: Child template for State Templates (v2).
Template: hic_state_template_parent
Version: 1.01
License: 
License URI:
*/

@import url("../hic_state_template_parent/style.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');

#header h1.title a { font-size: 1.4em !important; }
#header .tagline { font-size: 1.0em !important; }
#home_bottom_widgets h3 { font-size: 1.2em !important; }



/******** Makai - Green ********/
/*

dark green: #2E7214
light green: #2AA306

*/

body {
	color: #222;
	font-size: 16px;
}


/* override default image here - there is a conflict setting background image in theme options */
#scheme_color_green > div {
  background-image:url('http://hawaiibirdingtrails.hawaii.gov/wp-content/uploads/birding-site-bg.jpg') !important;
	background-size:cover;
  background-attachment: fixed;
  background-repeat:no-repeat;
}

/* @group metaslider*/

.flex-direction-nav {
	display: none;
}

#home_main .metaslider .caption-wrap {
    position: absolute;
    /*bottom: 50% !important;*/
    top: 30% !important;
    left: 0%!important;
    /*right: 40%!important;*/
    background: none !important;
    color: white;
    opacity: 1 !important;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
    padding: 20px 10px;
}


#home_main .metaslider   .caption, #hero-img .caption{
	max-width: 60%;
	margin: 0;
    padding: 0px !important;
    word-wrap: break-word;
    text-align: center;
	font-size: 2.4em; 
    font-weight:500;
    line-height: 1.2;
	color: #fff;
    text-shadow: 1px 1px 1px #222;
}

/*#home_content_wrapper #metaslider_container_610 {
	margin: -20px -30px 0;
}*/

/* @end */

/* @group overrides */



/*#page, #footer, .statewide-banner {
    margin: 0 auto;
    text-align: left;
    max-width: 1140px;
}*/



#main .primary-content img, .inner-main .primary-content img {
    padding: 0;
    background: none;
    border: none;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}


/* important override fix for google maps KML layer */
.primary-content img {
	background: none !important;
}


#navigation ul ul li a {
	font-weight: normal !important;
}

#scheme_color_green table.unstyled,
#scheme_color_green table.unstyled td, 
#scheme_color_green table.unstyled tr {
    border: 0;
    background: none;
}

/* @end */

h1 span.sub-header {
	font-weight: normal;
}

h1 , h2{
	color: #2AA306;
}

.pagetitle.hotspot {
	display: table;
	width: 100%;
}

.pagetitle.hotspot .hotspot-title-image , .pagetitle.hotspot .hotspot-title {
	display: table-cell;
	vertical-align: middle;
}

.pagetitle.hotspot .hotspot-title-image {
	width: 80px;
	display: none;
}

/*h1.page-title-hotspot {
	display: table-cell;
	vertical-align: middle;
	horzontal-align:left;
	align-content: left;
	margin-left: 0px;
}*/

h2, h3 {
	margin-bottom: 1em !important;
}

.lead {
	font-size: 1.2em;
	margin-bottom: 2em;
	line-height: 1.45;
	color: #555;
}

#middle_wrapper .pagetitle {
    border-bottom: 1px solid #CCCCCC;
    color: #58585B;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.page-title-icon {
	padding: 5px 7px;
	margin-bottom: 10px;
	display: table;
	text-align: left;
	width: 100%;
	/*border-bottom: 1px solid #ccc;*/
	background: #eeeedd;
}

.page-title-icon .page-title {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.2em;
	font-weight: bold;
}

.page-title-icon .mode-icons {
	float: left;
}

.page-title-icon h2 {
	display: inline !important;
	float: left !important;
}

.hotspot-ecozone {
	font-size: 1.2em;
	font-style: italic;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}

a.hotspot {
	cursor: pointer;
}

/* @group Untitled Group */

#menu-secondary li {
	display: inline;
	text-align: right;
	margin: 0 10px;
}

/* @end */

/* @group google maps */

.acf-map {
	width: 100%;
	height: 450px;
	
	margin:  0;
	background: #fff;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


.marker-content {
	/*height: 400px;*/
	max-width: 380px;
	max-height: 400px;
}

.marker-content h4 {
	line-height: 1.2;
}

.marker-content .theme-button {
	margin-top: 10px;
}

#main .marker-content img {
	padding: 0 !important;
	border: 0 !important;
	box-shadow: 0 !important;
}

.gm-style-iw {
    overflow: visible !important;
   /* height: 340px !important;*/
    width: auto !important;
}

/* @end */


table {
	font-size: 1em;
}

td.common-name {
	font-weight: bold;
}

td.scientific_name {
	font-style: italic;
}

#scheme_color_green table {
	border: 1px solid #e3eae2;
}

#scheme_color_green table tr {
	border-bottom: 1px solid #e3eae2;
}

table td, table th {
	padding: .5em .7em;
	
}

#scheme_color_green table th {
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	background: #2E7214;
	font-weight: bold;
}


#navigation .sub-menu {
		background-color: #395878;
}



.theme-button , #scheme_color_green #page a.big-button {
	color: #fff !important;
	background: #2F591A;
	font-size: 1.2em;
	display: inline-block;
	padding: .4em .6em;
	margin: 1em 0;
	text-decoration: none !important;
	border-radius: 0px;
	border: 0 !important;
}

.theme-button:hover {
	background-color: #2AA306;
}

.theme-button.center {
	
}


.col .box-border {
	padding: 20px;
	border: 1px solid #333;
	margin: 10px;
}

.info-box {
	padding: 10px;
	background: #eeeedd;
	margin: 1em 0;
}

.callout {
	padding: 30px;
	background: #eeeedd;
	margin: 1em 0;
}

/* this will break ly */
.callout .col {
	/*padding: 0 10px;*/
}

.callout h2, .callout h3 {
	margin-bottom: 1em;
}


#intro {
	background: #F8F8F8;
	background: #eeeedd;
	margin-top: -80px;
	z-index: 0;
	
}

#intro .lead {
	padding: 20px;
	margin-bottom: 0;
	font-weight: nor;
}

#home_main {
	padding: 0 !important;
	
}

#home_main h1 {
	margin: 20px 0;
}

#home_content_wrapper {
	box-shadow: 0px 0px 0px #fff;
	background: none !important;
}



#home_content_wrapper .wp-caption {
    border: 0;
    text-align: center;
    background: none !important;
    padding-top: 0px;
    margin-bottom: 10px;
}


 #home_bottom_widgets .home_bottom_widget.full-width {
 	width: 100% !important;
 }
 
 
  #home_bottom_widgets h3.widgettitle {
 	color: #2F591A !important;
 	font-size: 1.4em !important;
 }
 
 
  #home_bottom_widgets .widget-first.four-col {
  	border: 0;
  }
 
  #home_bottom_widgets .four-col {
  	width: 46% !important;
  	margin-right: 2%;
  	padding: 1% !important;
  	border: 1px solid #80C062;
  	
  }
  
  
    #home_bottom_widgets .four-col.widget-last {
    	border: 1px solid #80C062 !important;
    }
  
    #home_bottom_widgets .four-col.last-col {
    	margin-right: 0 !important;
    }
    
    #home_bottom_widgets .widgettitle {
    	text-align: center;
    }
    
    #home_top_widgets {
    	padding: 20px 20px 0;
    	background: #eeeedd;
    	margin: 1em 0;
    }
 
 

/* @group Parent Theme Overrides */

/*#header_search, #search_toggle, #additional-info {
	display: none !important;
}*/

/*#nav_toggle {
	margin-right: 20px;
}*/

/* @end */

/* @group hotspots */

.marker {
	
}

.marker-image.wp-post-image {
	border: none !important;
	padding: 0 !important;
	box-shadow: 0;
}

.marker-title {
	
}

.theme-button.marker-button {
	font-size: 1em;
}


#main #hotspots-menu {
	background: #eeeedd;
}

#main #hotspots-menu h3.trail-header {
	margin: 0 !important;
	cursor: pointer;
	font-size: 1.1em;
	text-transform: none;
	background: #2F591A;
	color: #fff;
	padding: .2em .5em;
	border-bottom: 1px solid #eeeedd;
}

#main #hotspots-menu a {
	text-decoration: none;
	cursor: pointer;
	color: #222;
	display: block !important;
	padding: .3em .5em;
}

#main #hotspots-menu a:hover	{
	background: #fff;
	color: #000;
}

#main #hotspots-menu ul {
	margin-bottom: 0;
}

#main #hotspots-menu ul li {
    margin: 0;
	border-bottom: 1px solid #dbdbc0;
}


/*Lets hide the non active LIs by default*/
#main #hotspots-menu ul {
	display: none;
}
#main #hotspots-menu ul.trail-1 {
	display: block;
}

.icon {
	margin-right: 10px;
	float: left;
}

figure.featured-image {
	margin-top: 0;
}

.hotspot-info-block {
	margin-bottom: 1em;
	display: table;
}

.hotspot-info-block label {
font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	width: 100px;
}

.hotspot-info-block .icons {
	display: table-cell;
}

/* @end */

/* @group Helper */

.col .pad-right {
	padding-right: 20px;
}

.col .pad-left {
	padding-left: 20px;
}

#main ul.unstyled, 
#main ul.unstyled li {
	margin-left: 0;
	padding-left: 0;
	list-style: none !important;
}

.row-space {
	height: 30px;
}

img.no-border , .callout img{
	border: 0;
	border: none !important;
	padding: 0 !important;
	box-shadow: 0;
}


.clr:after , #home_top_widgets:after, #home_bottom_widgets:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

.text-center {
	text-align: center;
}


/* @end */

/* @group Birds */

#bird-search {
	margin-bottom: 30px;	
}

.bird-filter h4 {
	margin-bottom: 1em;
}

 .grey-box {
	padding: 20px;
	background: #f7f7f7;
	border: 1px solid #ccc;
	margin-bottom: 30px;
}

 .box {
	padding: 20px;
	background: #f5f5ee;
	background: #eeeedd;
	border: 1px solid #ddddc0;
	margin-bottom: 30px;
	margin-top: 10px;
}



table#birds {
	width: 100%;
}

table#birds tr {
	border: 0;
}


table#birds .common-name {
	font-weight: bold;
}

table#birds .scientific-name {
	font-style: italic;
}


#birds-card-container {
	margin: 0 -5px;
	
}

.bird-card {
	margin: 0 5px 10px 5px;
	width: 23.9%;
	float: left;
	border: 0px solid #ccc;
}

/*.bird-card-4 {
	margin-right: 0;
}*/

.bird-card-thumbnail {
	position: relative;
	background: #333;
}

.bird-card-thumbnail a:hover img {
	opacity: .4;
}

.bird-card .overlay {
	display: none;
}

.bird-card .photo-credit {
	color: #fff;
	text-decoration: none;
	display: none;
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
	font-size: 12px;
}



.bird-card-thumbnail a img{
	display: block;
	margin: 0;
}

.bird-card-thumbnail img.wp-post-image {
	margin: 0 !important;
}

.bird-card-thumbnail .theme-button {
	position: absolute;
	left: 40%;
	bottom: 10px;
	z-index: 100;
}

.bird-card-content {
	padding: 10px;
	background: #f7f7f7;
	border: 1px solid #ccc;
	border-top: 0;
}
.bird-name {
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	/*overflow: hidden;*/
}
.bird-name.scientific {
	font-style: italic;
	font-size: 14px;
}


.bird-single .bird-names {
	font-size: 1.15em;
	margin-bottom: 1.3em;
	font-weight: bold;
	color: #2E7214;
}

.bird-single .bird-names p {
	margin: 0;
}

.bird-single .bird-names span {
	font-weight: normal;
	
}

.bird-image, .bird-image img.wp-post-image {
	margin: 0 !important;
}

.bird-links img {
	margin-bottom: 20px;
}


.single-bird-hotspots {
	border-top: 1px solid #ccc;
}

.gallery {
/*float: left;*/
	margin-bottom: 30px !important;
}

.gallery .gallery-caption {
	display: none;
	/*font-size: 12px ;
	line-height: 1.2;
	color: #555;*/
}

#main .primary-content .gallery img {
	border: 0;
	padding: 0;
}

dl.gallery-item {
	margin: 0;
}

/*dl.gallery-item gallery-icon {
	margin: 5px;
}*/

a img {
	display: block;
}

/* @end */


@media only screen and (min-width: 767px) {
	#header .logo img {
	   /* max-height: 150px;
	    width: auto;
	    max-width: 150px;*/
	    vertical-align: top;
	    padding-top: 0;
	    float: left;
	    margin: 0 2% 0 0;
	}
	
	#header .nine-col.logo {
		/*margin-bottom: 0;*/
	}
	
	#footer-widgets .two-col {
		/*width: 30% !important;
		margin-right: 20px !important;*/
	}
	
	
}


@media only screen and (max-width: 768px) {
	.bird-card {
		width: 31%;
		margin: 0 5px 10px 5px;
	}
	
	.bird-card-content {
		font-size: .9em;
	}
	
	
	
}


@media only screen and (max-width: 767px) {
	#footer dt, #footer .widgettitle, #footer a {
	    color: #fff;
	    text-shadow: 0 0px 0 rgba(255, 255, 255, 0.5);
	    margin-top: 1em;
	}
	
	.lead {
		font-size: 1.1em;
	}
	
	.bird-card {
		width: 47%;
		margin: 0 5px 10px 5px;
	}
	
	#intro {
		margin-top: 0;
	}
	
	#home_main .metaslider   .caption, #hero-img .caption {
		font-size: 1.3em;
	}
	
	#hotspots-menu {
		margin-top: 20px;
	}
	
	#home_top_widgets {
		padding: 0;
	}
	#home_bottom_widgets .home_bottom_widget.four-col {
		width: 98% !important;
	}
	
	 #navigation .sub-menu .sub-menu li a {
	    background: #2AA306 !important;
	}
	#navigation .children .children, #navigation .sub-menu .sub-menu {
		border-left: 0;
	}
	
	#hotspot-menu .hotspot-list {
		display: none;
	}
	
	
	.col .pad-right , .col .pad-left{
		padding: 0;
	}
	
	#middle_wrapper .pagetitle.hotspot {
		margin-bottom: 0;
	}
	
	#footer {
		background: #2F591A;
	}
	.page-title-hotspot {
		line-height: 1.3;
	}
	
	.hotspot-birds table td:first-child, .hotspot-birds table th:first-child {
		display: none;
	}
}