/* General styles for all pages */
body {
	margin: 0;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4em;
}


h1 {
	font-size: 1.5em;
/*	text-transform: uppercase; */
	font-weight: 500;
	line-height: 1em;
}


h2 {
	font-size: 1.3em;
	font-weight: 500;
}


h3 {
	font-size: 1.5em;
	
}

.sonly {
	display: none;
}

.more {
	font-size: 0.9em;
}




/* Navigation */
.containernav {
	margin: 0;
	width: 100%;
	background-color: #11385e;
}

.flex-grid {
	display: flex;
	max-width: 1000px;
	margin: 0 auto;
	align-items: flex-end;
}



.logo {
	flex: 1;
	max-width: 200px;
	margin-right: 20px;
}


nav {
	padding-bottom: 15px;
	flex: 3;
	text-align: right;
}

nav a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 1.4em;
	text-transform: uppercase;
}

nav a:hover, nav a:active {
	color: #9c9c9c;
}

nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

nav li {
	display: inline-block;
	margin-left: 3em;
}






.containerpage {
	max-width: 1000px;
	margin: 0 auto;
}



/* Forms */
.stdinput {
	width: 300px;
}

.stdtextarea {
	width: 300px;
	height: 100px
}



/* Home page */

.home_search {
	border: 1px solid #eee;
	border-radius: 3px;
	width: 440px;
	background-color: #fff;
}

.home_search input {
	border: none;
	background-color: transparent;
}

.homeinput {
	width: 408px;
	padding: 2px;
}

/* Autocomplete list */
/* .ui-autocomplete .ui-front .ui-menu .ui-widget .ui-widget-content .ui-corner-all */
.ui-widget-content, .ui-autocomplete, .ui-autocomplete .ui-menu-item, .ui-autocomplete .ui-menu-item a, .ui-front .ui-menu .ui-widget {
	background: none;
	border-radius: 0 !important;
	border: none !important;
}
.ui-autocomplete {
	background: #fff;
}

.ui-autocomplete .ui-menu-item {
	background: #fff;	
	border-radius: none;
	font-size: 0.9em;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.ui-autocomplete .ui-menu-item:nth-child(odd) {
	background-color: #eee;
	border-radius: none;
}

.ui-autocomplete .ui-menu-item a:hover {
	background-color: #565657 !important;
	color: #ffffff;	
	border-radius: none;
	font-weight: normal;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border: none !important;
	border-radius: none !important;
}

.ui-corner-all a:hover {
	background-color: yellow;
}




.homeslideshow {
	position: absolute;
width: 100%;
/*	width: 1000px;
	height: 750px; */
}

.containerhomeoverlay {
	width: 1000px;
	margin: 0 auto;	
}

.homeoverlay {
	position: absolute;
	z-index: 9;
	width: 702px;
	height: 141px;
	background-color: #11385e;
	opacity: 0.9;
	padding: 0 0 0 15px;
	margin: 20px 0 0 20px; /* Was  590px 0 0 20px but too low */
	color: #fff;
}

.homeoverlay a {
	color: #fff;	
}


/* Gallery */
#slideshow { 
    margin: 0 auto; 
    position: relative; 
    width: 100%; 
/*    height: 750px; */
/*    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); */
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}

#slideshow img { 
/*	max-width: 1000px;	*/
width: 100%;
}







/* About page */
.aboutheading {
/*	background-color: #11385e; */
	color: #11385e;
	text-align: center;
	width: 720px;
	margin: 20px auto 5px auto;
	padding: 27px 0 3px 0;
}

.dopisupporters {
	display: flex;
	align-items: center;
}

.dopisupporters .section1, .dopisupporters .section3 {
	flex: 1;
}

.dopisupporters img {
	width: 150px;	
}

.dopisupporters .section2 {
	flex: 1;
	font-size: 7em;
	font-weight: bold;
	letter-spacing: -6px;
}

.aboutheading h1 {
	font-size: 2.2em;
	margin: 0.5em 0;
}

.aboutcite {
	padding: 5px 0;
}

.abouttable {
	border: 1px solid #000;
	border-collapse: collapse;
	margin-bottom: 30px;
}

.abouttable th, .abouttable td {
	text-align: left;
	vertical-align: top;
	border: 1px solid #000;
	padding: 4px 10px;
}

/* End of about page */






/* Contribute page */
.contributepage ol {
	list-style-type: lower-roman;
}



/* Search page */

.container_filters {
	display: flex;
	flex-wrap: wrap;
}

.container_filters .search-filter {
	flex-basis: 18.5%;
	margin-right: 18px;
}

.container_filters .search-filter:last-child {
	margin-right: 0;
}

.container_filters .search-filter img {
	width: 100%;
}

.container_filters .search-filter h3 {
	display: none;
}


.container_filters .filterdropdown {
	margin-bottom: 0.5em;
	width: 100%;
	margin-right: 2em;
}

/*
#container-dates .filterdropdown {
	width: 100%;
}
*/

.container_filters .filterchosen {
	margin-bottom: 0.5em;
	font-size: 0.9em;
}




.remove_option {
	cursor: pointer;
	border: 1px solid #767676;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 99%;
	border-radius: 3px;
	margin-bottom: 0.4em;
	color: #767676;
}

/*
#container-dates .remove_option {
	width: 99%;	
}
*/


.remove_option .remove_words {
	margin: 0.2em 0 0.2em 0.4em;
	flex: 1 1 0%;
	color: #000;
}

.remove_option .remove_x {
	flex: 0 0 10%;
	/* font-family: "Wingdings 2"; */
	font-size: 1.3em;
	align-items: center; 
	justify-content: center;
	/* padding-top: 3px; */
	font-weight: bold;
}

.remove_option:hover, .remove_option:active {
	border-color: #d10404;
	color: #d10404;
}





.search_buttons {
	display: flex;

	justify-content: space-between;
	flex-wrap: wrap; 
	padding: 1.25em 0em 2em 0;
}

.search_buttons .intreset {
	flex: 0 0 25%;
	padding: 0 1em 0 0;
}

.search_buttons .intcount {
	flex: 1 1 0%;
	padding: 0 1em;
}

.search_buttons .intdownload {
	flex: 0 0 25%;
	padding: 0 0 0 1em;
}



.search_buttons .button {
	width: 100%;
	padding: 0.5em;
}




.searchresults {
	margin-bottom: 3em;
}

.searchresults table {
	border-collapse: collapse;
	width: 80%;
	margin: 0 auto;
}

.searchresults tr:nth-child(odd) {
   background-color: #eee;
}

.searchresults th {
   position: sticky;
   top: 0;
   background-color: #11385e;
   color: #fff;
   padding: 0.5em 1em;
}

.searchresults td {
	text-align: center;
	padding: 0.5em 0;
}



.container_map {
	position: absolute; 
	z-index: 9;
	width: 690px;
	background-color: #11385e;
	top: 0;
/*	left: -2000px; */
	margin-left: 155px;

}

.container_map .remove_x {
	text-align: right;
	font-size: 2em;
	color: #fff;
	cursor: pointer;
	padding: 0.6em 0.4em 0 0;
}

.container_mapinstructions {
	padding: 10px 20px;
}

#map {
	height: 780px;
	width: 650px;
}

.container_mapinstructions .instructions p {
	color: #fff;
	margin: 0.4em 0;
	text-align: center;
}



/* End of search page */




/* Interactions page */

.container_interactions {
	display: flex;
	align-items: flex-start;
}


.interactions_showhide {
	flex-basis: 180px;
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 0.9em;
	margin-right: 10px;
}

.interactions_showhide ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.interactions_showhide ul li {
	padding: 0;
	margin: 0;
}

.interactions_showhide ul li:first-child {
	background-color: #1B365D;
	color: #ffffff;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 1em 0;
}

.interactions_showhide input {
	display: none;
}

.interactions_showhide label {
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 1em 0;
}

.interactions_showhide input:checked + label {
	background-color: #1B365D;
	color: #ffffff;
}

.interactions_showhide label:hover, .interactions_showhide label:active {
	cursor: pointer;
	background-color: #565657;
	color: #ffffff;	
}





.interactionsresults {

}

.interactionsresults table {
	border-collapse: collapse;
}	
	
.interactionsresults table tr:nth-child(odd) {
   background-color: #eee;
}

.interactionsresults table th {
   position: sticky;
   top: 0;
   background-color: #11385e;
   color: #fff;
   padding: 0.5em 1em;
}

.interactionsresults table td {
	text-align: center;
	padding: 0.5em 0.8em;
}

.interactionsresults .pubvol {
	min-width: 5em;
}

.interactionsresults .pubyear {
	min-width: 5em;
}
.interactionsresults .doi {
	min-width: 10em;
}	

.interactionsresults .authors {
	min-width: 7em;
	max-width: 12em;
}	


.interactionsresults .title {
	min-width: 10em;
	max-width: 25em;
}

/* Thank you to https://faun.pub/how-to-limit-text-in-a-container-line-clampin-truncating-multiple-line-text-ca34bb80ef1a */
/* Reduces length of title on interactions results page to two lines */
.interactionsresults .title .titleclamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 100%;
}		



.interactionsresults .journal {
	min-width: 15em;
}	

.interactionsresults .pollinatorspecies, .interactionsresults .plantspecies {
	min-width: 10em;
}	

.table_sortable thead th.desc:after {
  content: ' ↑';
}

.table_sortable thead th.asc:after {
  content: ' ↓';
}

#sortabletable th {
	cursor: pointer;
}
/* End of Interactions page */



/* Throbber thanks to https://cssloaders.github.io/ */
.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #11385e;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    
/*    margin: 10px auto; */
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.activitystrip {
	width: 100%;
	text-align: center;
}
.throbberspace {
	display: none;
	margin: 0 auto 40px auto;
	
}
/* End of Throbber */







@media (max-width: 700px) {

	body {
		line-height: 1.6em;
	}
	
	h1 {
		font-size: 1.7em;
		line-height: 1em;
	}
	
	.sonly {
		display: inline;
	}

	.flex-grid {
		align-items: center;
		max-width: 100%
		margin: 0;
	}

	.logo {
		max-width: 160px;
		margin-right: 2em;
	}
	
	nav {
		padding: 0;
		margin-top: 0.5em;
		flex: 1;
		margin-right: 0.5em;
		
	}
	
	nav li {
		display: block;
		margin-bottom: 0.5em;
		margin-right: 0;
	}

	.containerpage {
		max-width: 100%;
		margin: 0 auto;
	}




	
	/* Home page */
	
	.homeslideshow {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	
	.containerhomeoverlay {
		width: 100%;
	}
	
	.homeoverlay {
		position: relative;
		width: auto;
		height: auto;
		padding: 5px 10px 10px 10px;
		margin: 0;
		opacity: 1;
	}
	
	
	.home_search {
		width: 270px;
	
	}
	
	.homeinput {
		width: 235px;
	}
	
	#slideshow {
		margin: 0;
		width: 100%;
	}
	
	#slideshow img {
		max-width: 100%;
	}
	

	/* About page */
	.aboutheading {
		width: 100%;
		margin: 10px auto 10px auto;
		padding: 10px 0 3px 0;
	}
	
	.dopisupporters {
	}
	
	.dopisupporters .section1, .dopisupporters .section3 {
		flex: 1;
	}
	
	.dopisupporters img {
		width: 100px;
	}
	
	.dopisupporters .section2 {
		flex: 1;
		font-size: 3em;
		font-weight: bold;
		letter-spacing: -0px;
	}

	.aboutheading h1 {
		margin-top: 0.3em;
		margin-bottom: 0.3em;
		font-size: 1.8em;
	}


	


	/* Search page */
	.container_filters .search-filter {
		flex-basis: 50%;
	}
	
	.remove_option .remove_x {
		flex: 0 0 15%;
	}


	/* Block map from showing as it won't work on mobile */
	#container-locations {
		display: none;
	}

	.container_map {
		width: 100%;
		margin-left: 0;
	}
	
	#map {
		width: 100%;
	}




	
	.search_buttons {
		flex-direction: column;
		padding-right: 0;
	}


	.search_buttons .intreset {
		order: 2;
		flex: 1 1 0%;
		padding: 0.5em;
	}
	
	.search_buttons .intcount {
		order: 1;
		flex: 1 1 0%;
		padding: 0.5em;
	}
	
	.search_buttons .intdownload {
		order: 3;
		flex: 1 1 0%;
		padding: 0.5em;
	}
	
	
	
	.searchresults table {
		font-size: 0.9em;
		width: 90%;
	}

	.searchresults {
		overflow-wrap: break-word;
	}



	



	
	
	
}