/*
Theme Name: Red Pebble Web Design Custom Theme
Description: Custom Design based on HTML5 Blank WordPress Theme by Todd Motto
Version: 1.4.3
Author: Red Pebble Web Design
Author URI: http://www.red-pebble.com
Tags: Blank, HTML5, CSS3

License: MIT
License URI: http://opensource.org/licenses/mit-license.php

COLORS:
Color1: #00468C blue
Color2: #23B565 light green
Color3: #23B565 green
*/
/*------------------------------------*\
	TYPOGRAPHY	
	embed fonts using functions.php
\*------------------------------------*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/


/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:400 16px/1.5 'Roboto', Helvetica, Arial, sans-serif;
	color:#333;
	background-color:#00468C;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height:auto;
}
a {
	color:#00468C;
	text-decoration: underline;
}
a:hover {
	color:#23B565;
	text-decoration:none;
}
a:focus {
	/* outline:0; */
}
a:hover,
a:active {
	/* outline:0; */
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
* { /* remove hover color on android */
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
h1, h2, h3 {
	}
	h1 {
		font-weight: normal;
		font-size: 2.5em;
	}
h2 {font-size:1.8em; font-weight: normal;}
h3 {font-size:1.4em;}
hr {
	border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	margin:25px 0;
clear:both;
}
table {font-size:0.875em; }
tr:nth-child(2n) {
    background: #F3F3F3;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
td, th {padding: 3px 6px;}
td {/*vertical-align:top;*/}
th {border-bottom: solid 2px #CCC; padding: 3px 6px; color:#FFF; background:#00468C; }
blockquote {
    font-size: 0.9375em;
    border-left: solid 5px #ccc;
    margin-left: 20px;
    padding-left: 20px;
}

ul.list3col {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.page-template-default #main li {line-height:1.4em; margin-bottom:0.5em;} 
	.page-template-default #main li li {line-height:1.4em; margin-bottom:0.35em;} 
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
#main {
	background: #EEE;
	border-bottom: 1px solid #D9D9D9;
	clear:left;
	padding-top:1px;
}
/* wrapper */
.wrapper {
	max-width:1200px;
	width:95%;
	margin:0 auto;
	position:relative;
}
#main .wrapper {background:#FFF; margin:-50px auto -20px; padding:20px 0; border-bottom:solid 3px #23B565;}
	section, .primary {
	width:95%;
	margin:0 auto;
	padding:0 2.5%;
	float:none;
	max-width: 800px;
	}
	article {
	padding: 0px 0px 20px;
	}
/* header */
.header {
	padding:15px 0;
	background:#FFF;
	position:relative;
	}
/* screen reader navigation skip */
a.skip {
    left: -999em;
    position: absolute;
}
.header .wrapper {display:table;}
/* logo */
.logo {display:table-cell; width: 260px;}
	.mobile-logo {
		display:none;
	}
/* contact */
.contact-widget {float:right;}

/* sidebar */
.sidebar  {
	width: 32%;
	margin-left: 3%;
	float:left;
	}
	aside >div {margin-right: 15px;}
/* footer */
.footer {
	clear:left;

}
#titlebar {color:#FFF; padding-bottom:50px;}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/
/* nav */
.nav {
	display:table-cell; vertical-align: bottom;
}

.nav > a {
	display: none;
			}
.nav {
	padding-top:5px;
	}
	.nav ul {
		
		float:right;
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	.nav li {
		float: left;
		position: relative;
	}
	.nav a {
	color: #000;
	display: block;
	line-height: 35px;
	text-decoration: none;
	padding: 0 5px;
	}
	.nav>ul>li>a {
		font-weight:normal;
		margin-right: 10px;
		font-family: 'Roboto', Helvetica, Arial, sans-serif;
		font-size:1em;
	}
	.nav ul ul {
		display: none;
		float: left;
		margin: 0;
		position: absolute;
		top: 35px;
		z-index: 99999;
		border-top: 3px solid #23B565;
	}
	.nav ul ul ul {
		left: 100%;
		top: 0;
	}
	.nav ul ul a {
		background: #fff;
		border-bottom: 1px dotted #ddd;
		color: #444;
		font-size: 0.875em;
		font-weight: normal;
		height: auto;
		line-height: 1.4em;
		padding: 10px 10px;
		width: 188px;
		}
		.nav ul ul li:first-child a {
			}
		.nav ul ul li:last-child a {
			}
	.nav>ul>li:hover > a,
	.nav>ul>li>a:focus {
	margin-bottom: 0px;
	}
	.nav li:hover > a,
	.nav a:focus {
		color:#23B565;
	}
	.nav ul li:hover > ul {
		display: block;
	}
	.nav .current-menu-item > a,
	.nav .current-menu-ancestor > a,
	.nav .current_page_item > a,
	.nav .current_page_ancestor > a,
	.current-post-parent > a {
	border-bottom:solid 3px #000;
	}
		.nav ul ul .current-menu-item > a,
		.nav ul ul .current-menu-ancestor > a,
		.nav ul ul .current_page_item > a,
		.nav ul ul .current_page_ancestor > a {
			border-bottom: 1px dotted #ddd;
			color:#23B565
		}


/*------------------------------------*\
    POSTS
\*------------------------------------*/
article {
	clear:both;
	}
.details {margin-bottom:20px;}
	.details.bottom {clear:left;}
	.details .date,
	.details .category, 
   .divider {padding: 0 10px 0 0;}

#main article .wp-post-image {
	}

	/* = comments
	-------------------------------------------------------------- */	
	.comments {
		clear: left;
		font-size: 0.9em;
		}
	.comments li {padding: 15px 0 0;}	
	.comments ul {
		list-style-type: none;
		padding-left:0;
		margin:0;
		}
		.comments ul.children {
		padding-left: 60px;
		}
	.comments .comment-head {color:#AAA;}
	
		.comments .avatar {
			float:left;
			margin: 0 15px 10px 0;
			}
		.comments .vcard .fn  {
			font-style: normal;
			font-weight: bold;
			color:#444;
			margin-right:10px;
			}
		.comments .published,
		.comments .edit,
		.comments .reply {
			font-style: italic;
			font-weight:bold;
			font-size:0.90em;
			}
		
	.comments .comment-text {margin-left: 60px;}	
	.comments .comment-body {}
	#respond {margin-top:30px;}
	
	.comments .primary label {
	display: block; 
	float: left;
    width: 60px;}

#commentform input[type="text"], #commentform  input[type="password"], #commentform input[type="email"], #commentform  textarea, .primary select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #888888;
    display: block;
    font-size: 0.8125em;
    margin: 0;
    outline: medium none;
    padding: 5px;
}
	#commentform  input[type="submit"], .button a {
		background: #00468C;
		color: #FFFFFF;
		/*height: 33px;*/
		padding: 0 15px;
		line-height: 44px;
		white-space: nowrap;
		margin: 0 5px 5px 0;
		display:inline-block;
		text-decoration: none;
		font-family: 'Roboto', Helvetica, Arial, sans-serif;
		font-weight: bold;
		border-radius:0;
		text-tranform:none;
	}
.single-species .button a {background:rgba(0,0,0,0.3)}
	
	#commentform input[type="submit"]:hover, .button a:hover {background: #23B565; text-decoration: none;}

	
	/* = pagination
	-------------------------------------------------------------- */	
	.pagination {
		font-weight:bold;
		clear: both;
		}
		.pagination .page-numbers {
			padding-right: 15px;
		}
		.pagination .current {
		}
		.pagination .next {
			float:right;
		}
/*------------------------------------*\
    PAGES
\*------------------------------------*/


/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer {
	clear:left;
	padding-top:20px;
	overflow:auto;
	color:#FFF;
	}
	.footer p {}
	.footer a:link, .footer a:visited {
		color:#FFF;
		}
		.footer a:hover {
		}

	.footer .footerwidget {float:left }
	.footer .fleft {width:20%; padding-right:5%;}
	 .footer .fright {width:75%; font-size:0.875em;}
		
	.footer .copyright {
	clear:left;
	text-align:right;
	color:#999;
	font-size: 10px;
	font-weight: 400;
}
	
	.footer article {padding:0; margin-bottom:20px;}
	
/*------------------------------------*\
    SIDEBAR
\*------------------------------------*/

/*------------------------------------*\
    FORMS
\*------------------------------------*/


/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.fg_caption {font-style: normal; font-size:0.875em;}
/*------------------------------------*\
	TEMPLATES
\*------------------------------------*/

/* = Index template 
-------------------------------------------------------------- */	
.page-template-template-index #main {
	}
	.page-template-template-index .primary {
    float: none;
    width: 95%;
		max-width: 95%;
	margin:0 2.5%;
	}
.page-template-template-index #titlebar h1 {
	margin-bottom:0;
	}
.page-template-template-index #titlebar p {
	font-size: 1.25em;
	margin: 0.25em 0 1em;
	}
.page-template-template-index #featured {
	background-color:#FFF;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom: solid 1px #D9D9D9;
	}
.page-template-template-index #leftcol, .page-template-template-index #rightcol {
	float:left; 
	width:47%;
	}
	.page-template-template-index #leftcol {margin-right: 2%; }
	.page-template-template-index #rightcol {padding-left: 3%; border-left:solid 1px #DDD;}
.page-template-template-index #leftcol h2 , .page-template-template-index #rightcol h2 {font-size:2em; font-weight: normal; margin:0 0 0.5em 0;/*border-bottom:solid 3px #EEE; padding-bottom:15px;*/}
	.page-template-template-index #leftcol #birdgallery img {width:31.5%; transition: all 0.5s ease; margin:0 0.75% 0.75% 0;}
.page-template-template-index #leftcol #birdgallery img:hover {transform: scale(1.05,1.05);}

.page-template-template-index #rightcol .subcol {display: table-cell; vertical-align: bottom;}
.page-template-template-index #rightcol .subcol.left {width:61%; margin-right:4%;}
.page-template-template-index #rightcol .subcol.right {width:35%;}

#indicator {width:100%; font-size:0.75em; font-weight: bold;}
#indicator td {height:5em; width:50%; overflow: hidden; vertical-align: middle; text-align: center; border:solid 2px #fff; }
	#indicator .noevidence  {background-color:#FFF;}
	#indicator .notobserved  {background-color:#ddd;}
	#indicator .confirmed  {background-color:#002B75; color:#fff;}
	#indicator .probable  {background-color:#006FA0; color:#fff;}
	#indicator .possible  {background-color:#23B565; color:#fff;}
	#indicator .observed {background-color:#65E646; }
.page-template-template-index .latin_name {
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
}
.page-template-template-index .speciestitle {font-size:1.2em; font-weight:bold; margin: 1.33em 0 0 0;}

/* = Species List Template
-------------------------------------------------------------- */	
.post-type-archive-species  .primary {
	width:95%;
	max-width: 95%;
	margin:0 auto;
	float:none;
	}
.post-type-archive-species h1 {margin-bottom:0.25em;}

.beautiful-taxonomy-filters {margin:0 0 15px 0; padding:0; border:none;}
.beautiful-taxonomy-filters-button {margin-top:10px;}

#speciestable {max-width:100%!important;}
#speciestable td  {padding: 6px;}
	#speciestable td a {/*display:block; width: 100%; padding: 8px 10px;*/}
#speciestable tr:hover a {color:#23B565;}

#speciestable .a_code {display:none;}
#speciestable .edit {font-size: 0.75em;}
#speciestable .s_order, #speciestable .tax_id {display:none;}
	#speciestable .s_tax {color:#999; white-space: nowrap;}
.lat_name {font-style:italic; color:#999; font-weight: normal; padding-left:5px;}
#speciestable .c_name {font-weight: bold;}

.dataTables_wrapper .dataTables_filter {
    margin-bottom: 20px;
	float:left!important;
	font-weight: bold;
	font-size: 0.875em;

}
#reset {
     background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: bold;
    line-height: 36px;
    margin: 0 5px 10px 0;
    padding: 0 15px;
    text-decoration: none;
    white-space: nowrap;
	position:absolute;
	right: 20px;
	top:10px;
	z-index:9999;
	border:none;
	font-size: 0.875em;
}
	#reset:hover {
		background: #00468C;
		color: #FFFFFF;
	}


/* = JQuery Tabs
-------------------------------------------------------------- */	

.ui-widget-content a {color:#00468C; }
	.ui-widget-content a:hover {color:#23B565; }

.ui-widget-header { 
    border-top:none;
	border-left:none;
	border-right:none;
    border-bottom: 3px solid #000; 

	background-color:transparent;
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 1.25em;
} 
.single-species .ui-tabs-nav .ui-state-default,
.page-template-template-tabs .ui-tabs-nav .ui-state-default { 
    border-top: solid 1px #CCC; 
	margin:0 0 0 -1px;
	
} 
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-radius:0;}
 .ui-tabs .ui-tabs-nav {padding:0!important;}

.single-species .ui-tabs-nav .ui-state-default a,
.page-template-template-tabs .ui-tabs-nav .ui-state-default { 
    color: #333; background-color:#EEE; 
} 
.single-species .ui-tabs-nav .ui-state-active a,
.page-template-template-tabs .ui-tabs-nav .ui-state-active a { 
    color: #333; background-color:#FFF;
}
.single-species .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.page-template-template-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -3px!important;
	border:solid 1px #ccc;
	padding-bottom:2px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background:#23B565!important;}

.ui-tabs {
    padding: 0!important;
}
.ui-tabs .ui-tabs-panel {border-top:solid 3px #000!important; margin-top:-3px; padding:1em 0!important; }

#tabs {clear:both; border:none; }

/* = Tabs Template
-------------------------------------------------------------- */	
.page-template-template-tabs #main .wrapper {padding-top:0;}

.page-template-template-tabs .primary {
	width:100%;
	max-width:100%;
	padding:0;
	margin:0 auto;
	float:none;
	}

.page-template-template-tabs .tab_content {width:95%; max-width:800px; margin:0 auto;}

/* = Single Species Template
-------------------------------------------------------------- */	
.single-species #main .wrapper {padding-top:0; padding-bottom:10px;}


.single-species .maplink {float:right; clear:right; margin-bottom:10px;}
.single-species .breadcrumbs {float:right; margin:0 0 0.5em; }
.single-species .primary {
	width:100%;
	max-width:100%;
	padding:0;
	margin:0 auto;
	float:none;
	clear:both;
	}
.single-species .speciesnav {
	width:100%;
	max-width:100%;
	margin:0 auto;
	float:none;
	clear:both;
	border-top:solid 3px #23B565; padding: 0;
	margin-top:20px;
	}
.single-species .speciesnav .navcontent {padding:0 2.5%; width:95%;}
	.single-species .pagination {border-top:solid 3px #eee; padding:20px 2.5% 0; font-size:0.875em;}
.single-species h1.speciestitle {margin-bottom:0;}

.rightcol {float:right; width:27.5%; max-width:500px; margin:10px 2.5% 0;}

.speciestext {
	float:left;
	width:65%;
	margin:10px 0 0 2.5%;
	}

.single-species .title {font-weight: bold; font-size:1.5em;}

	#conservation_status .title,
	#breeding_status .title,
	#migration .title,
	#food .title,
	#nest .title,
	#relative_abundance .title {font-size:1em; float: left; margin-right: 10px;}

.latin_name	{font-style:italic; font-weight: bold; font-size: 1.375em; margin-bottom:15px;}

#footnote {font-size: 0.875em; margin-top:30px;}

.imagewrap {float:left; display:block; width:100%; clear:left; margin-bottom:20px; padding-bottom:10px; border-bottom:solid 2px #EEE; }
		.imagewrap img {max-width:100%; margin-bottom:10px; }
.zoom {position:relative; z-index:500;}
	.zoom:after {display:block; width:20px; height:20px; content:" ";  z-index:1000; position:absolute; background: url(img/zoom.png) no-repeat; background-size:cover; right:10px; bottom:15px;}
	.caption, .citation {font-size: 0.875em; display:block; width: 100%; clear:left;}
.citation {font-style: italic; }
.fignum {font-weight:bold; float: left; margin-right:5px;}
.printlink {color:#999!important; font-weight: normal; float:right; font-size:0.857em; margin-top:-10px;}
#pie, #blockmap, #habitat, #table {display:block; width: 100%; margin-bottom:20px;}

#table .csvtohtml {font-size:0.875em; border:solid 1px #CCC;}
#table .csvtohtml th,
#table .csvtohtml td {border-right:solid 1px #CCC; text-align: center;}
#table .csvtohtml th {border-bottom: solid 2px #CCC; padding: 3px 6px; color:#FFF; background:#00468C; }

.fancybox-slide--iframe .fancybox-content {
	width  : 800px!important;
	height : 600px!important;
	max-width  : 90%;
	max-height : 90%;
	padding:2.5%;
	margin: 0;
}

/* = Literature Template
-------------------------------------------------------------- */	
#litnav {list-style-type: none; padding-left:0;}
#litnav li {display:inline;font-weight: bold; margin-right: 10px;}
#literaturelist {list-style-type: none; padding-left:0;}
#literaturelist li {
	margin-bottom:10px;
 margin-left: 0;
 padding-left: 30px;
 text-indent: -30px;}

.page-template-template-literature  .primary {
	width:95%;
	padding:0 2.5%;
	margin:0 auto;
	float:none;
	max-width: 800px;
	}
.single-literature {background:#FFF; padding:5%;}
.single-literature p {margin-top:0;}

/* = Species Map Template
-------------------------------------------------------------- */	
.page-template-template-speciesmap #main {display:none;}

.page-template-template-speciesmap header {padding:5px 0;}

.page-template-template-speciesmap .logo-img {height: 40px; padding-top:5px;}

.page-template-template-speciesmap #nav {padding-top:0;}

.page-template-template-speciesmap iframe { 
	width:100% ;
        height:100% ;
    border:none ;
}

/* = Full Width Template
-------------------------------------------------------------- */
.page-template-template-fullwidth .primary {
	max-width: 95%;
	}

/*------------------------------------*\
	WIDGETS and PLUGINS
\*------------------------------------*/

/* = Breadcrumbs
-------------------------------------------------------------- */	
.breadcrumbs {
    font-size: 0.875em;
    margin: 0 0 1.5em 0;
    padding: 0.5em 0;
	font-weight: bold;	
	
	}
.breadcrumbs a {color:#FFF;}

/*! #######################################################################
	MeanMenu 2.0.7
	--------
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #0c1923;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #0c1923;
	margin-top: 44px;
	line-height: 1.1em;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 26px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 1220px) {
	.single-species  .ui-widget-header {font-size: 1.125em;} 
}

@media only screen and (max-width: 1100px) {
	.single-species  .ui-widget-header {font-size: 1em;}
}
@media only screen and (max-width: 1000px) { 
	h1 {font-size:2.25em; margin: 0.5em 0;}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 0.5em .75em!important;}
	 
}
@media only screen and (max-width: 960px) { 
.header .wrapper {}
.logo {width: 200px;}

}
@media only screen and (max-width: 920px) {
	.single-species .breadcrumbs {float:none; margin: 1.5em 0;}
	.single-species  .ui-widget-header {font-size: 0.875em;}
}
@media only screen and (max-width: 900px) {
	.header .wrapper, .logo, .nav  {display:block;}
	.nav ul {float:left;}
	
}
@media only screen and (max-width: 768px) {
#main .wrapper {width:96%; padding:1%;}	

	h2 {margin:0.35em 0;}
	
.page-template-template-index #leftcol,
	.page-template-template-index #rightcol {
		margin: 0 auto 20px;
		float:none;
		width:99%;
		max-width:640px;
		padding-left:0;
		border-left:none;
	}
.primary {
	margin: 0 auto;
	}
.sidebar {
	width: 99%;
	margin-left: 0;
	float:left;
	clear:left;
	}
article {
    padding: 0 0 20px 0;
}
.speciestext, .rightcol {float:none; width:95%; max-width:95%; clear:both; margin:0 2.5%;}
	.imagewrap {width:45%; clear:none; margin:20px 5% 20px 0;}
}
@media only screen and (max-width: 700px) {
	
	h3 {margin:0.5em 0;}
	.header {padding:0;}
		.page-template-template-speciesmap header {padding:0;}

	.logo {display:none;}
	.logo-img {
	height:40px;
	margin-top:5px;
	}
	.mobile-logo {display:block; position: absolute;
	top:0;
	z-index: 999999999;}
#speciestable .s_tax {white-space: normal;}
}
@media only screen and (max-width: 640px ) {
	h1 {font-size:2em;}
.footer .footerwidget {float:left; clear:left; width: 95%; padding:0;}	
	
ul.list3col {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
#speciestable .s_fam {display: none;}
}


@media only screen and (max-width: 479px) {
	
h1 {font-size:1.8em;}	
.imagewrap {width:95%; clear:none; margin:10px 2.5% 10px;}
	ul.list3col {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
	#speciestable .s_tax {display: none;}
	.single-species .maplink {}
		.single-species .maplink a {font-size:0.75em; margin-bottom:0!important; line-height:30px;}
	.single-species h1.speciestitle {clear:both;}
		}	


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	#main .wrapper, #main {border:none!important;}
	.ui-tabs .ui-tabs-panel {display:block!important; border:none!important;}
	#nav,
	.single-species .maplink,
	.single-species .pagination,
	.breadcrumbs,
	.ui-tabs .ui-tabs-nav,
	.footer,
	.page-template-template-speciesmap header,
	.zoom::after {display:none!important;}
	.speciestext, .rightcol {float:none; width:100%; max-width:100%; clear:both; margin:0;}
	.imagewrap {width:45%; clear:none; margin:20px 5% 20px 0;}
	
	
	@page {
		/*margin:0.5cm;*/
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}