@charset "utf-8";

@font-face {
    font-family: texgyreadventor-regular;
    src: url("../fonts/texgyreadventor-regular.otf") format("opentype");
}

@font-face {
    font-family: texgyreadventor-bold;
    src: url("../fonts/texgyreadventor-bold.otf") format("opentype");
}

:root {
	--dark_grey: #333333;
	--light_grey: #c0c0c0;
	--team_yellow: #fee59f;
	--team_blue: #bbe4eb;
	--team_blue_darker: #9dc1c7;
	--team_green: #badc9f;
	--green: #a6e153;
	--darker_green: #3b724e;
	--dark_green: #040707;
	--ph_blue: #5b74b8;
	--ph_green: #b8d75f;
	--ph_yellow: #f8f271;
	--ph_orange: #fbb64a;
	--ph_violet: #c481b8;
	--ph_red: #e85354;
	--site_color_light: #ff9a62;
	--site_color_darker: #523b31;
	--site_color_dark: #000;
}

body {
	font-family: 'texgyreadventor-regular', sans-serif;
	margin: 0px;
	width: 100%;
	overflow-x:hidden;
}

header {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 9.89vw;
	padding: 1vw;
}

a:link, a:visited{
	text-decoration:none;
	color:inherit;
	border-bottom: 0.1vw solid rgba(255, 255, 255, 0);
}

a:hover, a:active{
	border-bottom: 0.1vw solid black;
	transition: 0.5s ease;
}

.logo {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: top;
}

.header_site_name{
	display: inline-block;
	width: 5vw;
	font-size:2vw;
	line-height:2vw;
	padding-top:4.5vw;
}

.header_site_name span{
	display:block;
	margin:0px;
	padding:0px;
}

.site_name {
	font-family: 'texgyreadventor-bold', sans-serif;
}

.site_name_bold, .seed_bank, .text_bold{
	font-family: 'texgyreadventor-bold';
	font-weight: bold;
}

.text_regular{
	font-family: 'texgyreadventor-regular';
	font-size: 1.5vw;
	line-height: 1vw;
}

.img_logo {
	max-width: 8vw;
	height: auto;
	vertical-align: middle;
	display: inline-block;
}
/* Navigation and search */
nav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 70vw;
	height:100%;
	margin-right:2vw;

}

nav ul {
	margin: 0px;
	padding:0px;
	list-style-type: none;
	font-size: 1.3vw;
	float: right;
	display:block;
}

nav ul li {
	display: inline-block;
	margin-left:0.2vw;
	text-align: center;
	width: 10vw;
}

nav a:link, nav a:visited{
	text-decoration: none;
	color: black;
	display:inline-block;
	padding-left:5%;
	padding-right:5%;
	border-bottom:1px solid rgba(255, 255, 255, 0);
}

nav a:hover, nav a:active, nav a.selected {
	text-decoration: none;
	border-bottom:1px solid black;
	transition: 0.5s;
}


.search {
	margin-right:1vw;
}
.search input{
	border-radius: 3vw;
	border: 2px solid black;
	width: 20vw;
	height: 3vw;
	float:right;
	line-height: 1vw;
	font-size: 1vw;
	padding-left: 8%;
	padding-right: 2%;
	background-image: url(../images/search_icon_30.png);
	background-size: 8%;
	background-repeat: no-repeat;
	background-position: 3% 70%;
	background-color: var(--site_color_light);
}

/*search google-----------------------------------------------*/

.search_container
{
	position:relative;
	width:22vw;
	left: 46vw;
	background-color:black;
	z-index:3;
}

/* le div du search */
#gsc-iw-id1
{
	border-radius: 3vw;
	border: 0.15vw solid black;
	width: 20vw;
	/*height: 3vw;*/
	float:right;
	line-height: 3vw;
	font-size: 1.5vw;
	padding-left: 3vw;
	padding-right: 1%;
	background-image: url(../images/search_icon_30.png);
	background-size: 8%;
	background-repeat: no-repeat;
	background-position: 3% 70%;
	background-color: var(--site_color_light);
}

#___gcse_0, .gsc-control-cse, .gsc-control-cse-en{
	height:3vw;
	padding: 0px !important;
	margin: 0px;
	font-size: 1.5vw;
}

#gsc-iw-id1 input{
	font-size: 1.5vw;
	height:2vw;
	background-color: var(--site_color_light);
}

#gs_id50, #gs_tti50, #gs_st50, #gs_cb50
{
	padding:0px !important;
	margin:0px !important;
	font-size: 1.5vw;
}

/* le boutton du search */
.gsc-search-button
{
	display: none !important;
}

/* resultats */
.gsc-results-wrapper-overlay
{
	border-radius: 3vw !important;
	border: 0.2vw solid var(--site_color_light) !important;
	padding:1vw;
	scrollbar-color:var(--site_color_darker)  var(--site_color_light);
	scrollbar-width: thin;
}

/* width */
.gsc-results-wrapper-overlay::-webkit-scrollbar {
  width: 1vw;
}

/* Track */
.gsc-results-wrapper-overlay::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.5vw grey; 
  border-radius: 2vw;
  margin-block: 2vw;
}
 
/* Handle */
.gsc-results-wrapper-overlay::-webkit-scrollbar-thumb {
  background: var(--site_color_light); 
  border-radius: 2vw;
}

/* Handle on hover */
.gsc-results-wrapper-overlay::-webkit-scrollbar-thumb:hover {
  background: var(--site_color_darker);  
}
  
/*end search google ------------------------------------------*/


/* Main page part*/
main{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: start;
	margin-top:1vw;
}

#vertebrates{
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-top:7vw;
	padding-bottom:7vw;
	width: 22vw;
	z-index: 2;
	gap: 4vw;
	background-image:url("../images/left_img.png");
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:0px 6vw 6vw 0px;
	margin-bottom:1vw;
}

.vertebrate_link{
	width: 11vw;
	height: 4vw;
	font-size: 1.4vw;
	line-height:3.5vw;
	text-align:center;
}



.vertebrate_link a:link, .vertebrate_link a:visited{
	width:100%;
	height:100%;
	padding-top:0.7vw;
	padding-bottom:0.2vw;
	background-color:var(--site_color_light);
	text-decoration: none !important;
	border-radius: 5vw;
	display:block;
	color: black;
}

.vertebrate_link a:hover, .vertebrate_link a:active, .vertebrate_link a.selected{
	width:100%;
	background-color:var(--site_color_dark);
	text-decoration: none;
	border-radius: 5vw;
	display:block;
	color: var(--site_color_light);
	transition: 0.5s ease;
}


.article_right{
	width:70vw;
	padding-right:2vw;
	text-align:justify;
	font-size: 1.2vw;
	margin-bottom:1vw;
}

.article_right ol li{
	margin-bottom:0.5vw;
}


.a_partner{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap:3vw;
	margin:0px;
	padding:1vw;
}

.partner_logo{
	width:15vw;
	flex-shrink:0;
	text-align:center;
}

.partner_logo img{
	max-width:90%;
	height:auto;
}

.vertical_line{
	background-color:var(--site_color_darker);
	width:1vw;
	position:relative;
	left:17vw;
	border-radius:0.5vw;
}

.partner_text a:link, .partner_text a:visited{
	color:var(--site_color_darker);
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.partner_text a:hover, .partner_text a:active{
	color:black;
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	transition: 0.5s ease;
}

.partners_all{
	display:flex;
	flex-direction: row;
	align-items: stretch;
}

.left_align{
	text-align:left;
}

.max_width_50vw{
	width:49.8vw;
}

.general_knowledge_container{
	display:flex;
	flex-direction:row;
	justify-content: space-arround;
	align-items: center;
}
.general_knowledge_photos{
	padding: 1vw;
	width: 20vw;
	text-align:center;
}

.general_knowledge_photos img{
	max-width: 80%;
}

.general_knowledge_photos a:link, .general_knowledge_photos a:visited{
	border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.general_knowledge_photos a:hover, .general_knowledge_photos a:active{
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	transition: 0.5s ease;
}


section {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1vw;
}

.page_title {
	font-family: texgyreadventor-bold, sans-serif;
	font-weight: bold;
	font-size:3vw;
	margin-bottom:3vw;
}

.jouzour_loubnan{
	position:absolute;
	left:25vw;
	top:7.5vw;
}

.jouzour_loubnan img{
	width:15vw;
	height:auto;
}

.left_column_50{
	width:38vw;
}

.right_column_50{
	width:38vw;
	text-align: left;
}

.left_column_30{
	width: 32vw;
}

.right_column_40{
	width: 38vw;
}

.outer_border{
	margin:1vw;
	display: flex;
	justify-content: center;
	align-items: center;
	width:32vw;
	height:17vw;
	border: 0.5vw solid var(--site_color_darker);
	border-radius: 3vw;
}

.animation_iframe{
	width: 95%;
	height: 90%;
	padding:0px;
	overflow:hidden;
	border-radius: 2vw;
}

.animation_iframe iframe{
	margin:0px;
	width: 100%;
	height: 100%;
}

.page_title_sub{
	font-size: 2vw;
}

.page_title_sub_mapping_tool{
	font-family: 'texgyreadventor-regular', sans-serif;
	font-size: 2vw;
	font-weight:500;
	font-style:normal;
	padding-top: 1vw;
}

.activites a:link, .activites a:visited{
	display: inline-block;
	margin-top: 1vw;
	margin-left: 3vw;
	padding-right: 3vw;
	padding-left: 0.5vw;
	border-bottom: 0.2vw solid var(--site_color_darker);
	text-decoration: none;
	letter-spacing: 0.1vw;
	font-size: 1.5vw;
	color: black;
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: right 0.3vw;;
	background-size: 2vw;
	border-bottom-right-radius: 0.6vw;
}

.flowering{
	padding-top: 1vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 33vw;
	height: 20vw;
	gap: 1vw;
}

 /* Hide scrollbar for Chrome, Safari and Opera */
 /*
.flowering::-webkit-scrollbar {
  display: none;
}*/

/* Hide scrollbar for IE, Edge and Firefox */
/*
.flowering {
  -ms-overflow-style: none;  /* IE and Edge */ /*
  scrollbar-width: none;  /* Firefox */ /*
} */

.flowering div{
	width: 30vw;
	text-align: center;
	line-height: 3.5vw;
}

.flowering a:link, .flowering a:visited{
	display:block;
	width:100%;
	background-color:var(--site_color_light);
	text-decoration: none;
	border-radius: 5vw;
	color: black;
}

.flowering a:hover, .flowering a:active{
	color: var(--site_color_light);
	background-color: var(--dark_green);
	transition: 0.5s linear;
}

.right_container{
	display: flex;
	justify-content: space-between;
}

.left_column_auto{
	width:28vw;
	height: 45vw;
	overflow:auto;
	scrollbar-color: var(--site_color_light);
}

/* width */
.left_column_auto::-webkit-scrollbar {
  width: 1vw;
}

/* Track */
.left_column_auto::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.5vw grey; 
  border-radius: 2vw;
  margin-block: 1vw;
}
 
/* Handle */
.left_column_auto::-webkit-scrollbar-thumb {
  background: var(--site_color_light); 
  border-radius: 2vw;
}

/* Handle on hover */
.left_column_auto::-webkit-scrollbar-thumb:hover {
  background: var(--site_color_darker);  
}


.right_column_auto{
	padding-top: 1vw;
}


.right_column_auto img{
	width: 40vw;
	height:auto;
}

.all_protected_areas_list{
	font-size:1.25vw;
}



.all_protected_areas_list div{
	width: 95%;
	height: 3vw;
	margin: 1vw 0.5vw;
}

.all_protected_areas_list a:link, .all_protected_areas_list a:visited{
	color: inherit;
	text-decoration: none;
	text-align:center;
	display:block;
	width:100%;
	height: 100%;
	line-height: 3vw;
	background-color: var(--site_color_light);
	border-radius: 3vw;
	text-transform:uppercase;
}

.all_protected_areas_list a:hover, .all_protected_areas_list a:active{
	color: white;
	background-color:var(--site_color_darker);
}

#link_sarada, quadisha_link{
	height:4vw !important;	
}

#link_sarada a, #quadisha_link a{
	line-height:2vw !important;
}

.more_msg{
	font-family:inherit;
	font-size: 1vw;
	border:none;
	width: 30vw;
	background-color: var(--site_color_darker);
	color: white;
	border-radius: 5vw;
	line-height: 3.5vw;
	cursor:pointer;
}

.more_msg:hover{
	background-color: var(--dark_green);
	color: var(--site_color_light);
}

.all_plants{
	transition: 0.5s linear;
    /*display: none;*/
	opacity: 0;
    height: 0;
    overflow: hidden;
	margin-bottom:1vw;
	position:absolute;
	width:61vw !important;
	/*height:auto;*/
	padding-left: 10vw;
	padding-top: 1vw;
	scroll:auto;
	top:12vw;
	background: white;
	z-index:2;
}

.all_plants.visible{
	/*display:block;*/
	opacity: 1;
    height: auto;
	transition: 0.5s linear;
}



.close_btn{
	width: 9vw;
	height: 3vw;
	border: none;
	border-radius: 2vw;
	font-size: 1.5vw;
	background-color: var(--site_color_darker);
	color: white;
	cursor: pointer;
	z-index:3;
	top: 12.8vw;
	left:25vw;
	position:fixed;
}

.close_btn:hover{
	background-color: var(--dark_green);
	color: var(--site_color_light);
}

.social_media{
	display: flex;
	flex-direction: column;
	width: 30vw;
	letter-spacing: 0.1vw;
	font-size: 1.5vw;	
}

.social_media_icons{
	margin-top: 1vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 1vw;
}

.social_media_icons img{
	max-width: 2.5vw;
	height: auto;
}

.lettre{
	display:inline-block;
	width: 4vw;
	height: 4vw;
	/*margin-left: 0.5vw;
	margin-bottom: 0.5vw;*/
	margin: 0.5vw 0.3vw;
	font-family: texgyreadventor-bold, sans-serif;
	font-weight: bold;
	font-size: 2vw;
	/*line-height: 3.8vw;*/
	line-height:4vw;
	text-align: center;
	/*padding:0.2vw;*/
	border-radius: 1vw;
}

.lettre a:link, .lettre a:visited{
	color:inherit;
	text-decoration: none;
	display:block;
	width: 100%;
	height:100%;
	background-color: var(--site_color_light);
	border-radius: 1vw;
	/*padding:0.2vw;*/
}

.lettre a:hover, .lettre a:active, .lettre a.selected{
	color: var(--site_color_light);
	background-color: var(--site_color_darker);
}

.lettre_selected{
	display:inline-block;
	width: 4vw;
	height: 4vw;
	/*
	margin-left: 0.5vw;
	margin-bottom: 0.5vw;*/
	margin: 0.5vw 0.3vw;
	font-family: texgyreadventor-bold, sans-serif;
	font-weight:bold;
	font-size: 2vw;
	color: var(--site_color_light);
	line-height: 4vw;
	text-align: center;
	/*padding:0.25vw;*/
	border-radius: 1vw;
	background-color: var(--site_color_darker);
}

.letter_next_anchor{
	display:inline-block;
	width: 4vw;
	height: 4vw;
	margin-left: 0.5vw;
	margin-bottom: 0.5vw;
	margin-top: 1vw;
	font-family: texgyreadventor-bold, sans-serif;
	font-weight:bold;
	font-size: 2vw;
	color: var(--site_color_light);
	line-height: 3.8vw;
	text-align: center;
	padding:0.2vw;
	border-radius: 1vw;
	background-color: var(--site_color_darker);
}

.nav_az{
	border-bottom: 0.1vw solid black;
	top: 0px;
	width: 69vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	position:sticky;
	background-color: white;
}

.no_link{
	color:inherit;
	text-decoration: none;
	display:block;
	width: 100%;
	height:100%;
	background-color: var(--light_grey);
	border-radius: 1vw;
	padding-bottom: 0.1vw;
	/*padding:0.2vw;*/
}

a[class="lettre_anchor"]::before{
	content: '';
    display: block;
    height: 14vw;
	margin-top:-14vw;

}

.res_container{
	display: flex;
	align-items: start;
	flex-wrap: wrap;
	margin-top: 1vw;
}

.values_listing{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 1vw;
	align-items: center;
	justify-content: start;
	padding-left: 2vw;
	padding-top: 2vw;
	padding-bottom: 1vw;
	border-bottom: 0.2vw solid var(--site_color_darker);
	font-size: 1.5vw;
	width: 60vw;
	min-height:5vw;
}

.values_listing a:link, .values_listing a:visited{
	display:block;
	color: inherit;
	text-decoration: none;
	border-bottom: 0.1vw solid rgba(255, 255, 255, 0);
}

.values_listing a:hover, .values_listing a:active{
	border-bottom: 0.1vw solid black;
	transition: 0.5s ease;
}

/* Protected Areas Educational Material */

.protected_areas_list{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 3vw;
}

.protected_areas_list a:link, .protected_areas_list a:visited{
	display:block;
	width: 55vw;
	height: 5vw;
	font-size: 2.5vw;
	line-height: 5vw;
	text-align:center;
	color:inherit;
	text-decoration: none;
	background-color: var(--site_color_light);
	border-radius: 3vw;
}

.protected_areas_list a:hover, .protected_areas_list a:active{
	background-color: var(--dark_green);
	color: var(--site_color_light);
	transition: 0.5s ease;
}

.protected_area_name{
	font-family: 'texgyreadventor-regular';
	font-size: 3vw;
}

.page_title_sub_with_border{
	border-bottom: 0.1vw solid var(--site_color_darker);
	border-bottom-left-radius: 2vw;
	margin-bottom: 1vw;
	padding: 0px;
}

.booklet_title{
	display: inline-block;
	font-size: 2vw;
	text-align: center;
	color: white;
	background-color: var(--site_color_darker);
	width: 10vw;
	height: 4vw;
	line-height: 4vw;
	border-radius: 2vw;
	margin:0px;
}

.booklet_container{
	display: flex;
	flex_direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	gap 4vw;
}

.booklet_item{
	width: 20vw;
	height:30vw;
	margin: 2vw;
	text-align: center;
}

.booklet_item img{
	max-width: 90%;
	height:auto;
}

.booklet_container a:link, .booklet_container a:visited{
	color:inherit;
	font-size: 1.5vw;
	text-decoration: none;
	border-bottom: 0.1vw solid rgba(255, 255, 255, 0);
}

.booklet_container a:hover, .booklet_container a:active{
	border-bottom: 0.1vw solid black;
	transition: 0.5s ease;
}

.species_list a:link, .species_list a:visited{
	font-size:1.5vw;
	line-height:3vw;
}

/* color.php */
.colors{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	gap: 1vw;
	width:70vw;
	height:8vw;
}

.colors a:link, .colors a:visited{
	display: block;
	text-decoration: none;
	text-align: center;
	color: white;
	font-size: 1.5vw;
	font-weight: bold;
	line-height: 5vw;
	width: 5vw;
	height: 5vw;
	border-radius: 50%;
	border: 0.5vw solid black;
}

.colors a:hover, .colors a:active, .colors a.selected{
	width: 7vw;
	height: 7vw;
	line-height:7vw;
	transition: 0.5s ease;
}

#color_white{
	background-color: white;
}

#color_blue{
	background-color: var(--ph_blue);
}

#color_green{
	background-color: var(--ph_green);
}

#color_yellow{
	background-color: var(--ph_yellow);
}

#color_orange{
	background-color: var(--ph_orange);
}

#color_violet{
	background-color: var(--ph_violet);
}

#color_red{
	background-color: var(--ph_red);
}

#color_black{
	background-color: black;
}

.photo_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 1vw;
	margin-top: 2vw;
	width:70vw;
}

.photo_list::after {
  content: "";
  flex: auto;
}

.photo_list img {
	width: 10vw;
	height: 10vw;
	border-radius: 2vw;
	padding: 0.2vw;
	border: 0.3vw solid var(--site_color_light);
}

.photo_list img:hover {
	border: 0.3vw solid var(--site_color_darker);
	background-color: var(--site_color_darker);
	transition: 0.5s ease;
}

.photo_list a:hover, .photo_list a:active{
	border: none;
}

/* altitude page */
#altitude_form img{
	width: 40vw;
	height: auto;
}

#altitude_form input, #altitude_form input:focus{
	width: 4vw;
	height: 2.5vw;
	border-radius: 1.2vw;
	outline: none !important;
	border: 0.2vw solid var(--site_color_light) !important;
	font-size: 1.5vw;
	font-weight:bold;
	text-align:center;
	margin-left: 0.5vw;
	
}

/* Chrome, Safari, Edge, Opera  remove arrows*/
#altitude_form input::-webkit-outer-spin-button,
#altitude_form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#altitude_form input[type=number] {
  -moz-appearance: textfield;
}

#altitude_form label{
	font-family: texgyreadventor-bold, sans-serif;
	font-size:1.5vw;
	font-weight:bold;
}

#altitude_form #submit{
	position:absolute;
	right: 14vw;
	top: 44vw;
	width:10vw;
	height:3.5vw;
	background-color:var(--site_color_light);
	font-family: texgyreadventor-regular, sans-serif;
	font-style:normal;
	font-size: 1.1vw;
	font-weight:500;
	text-align:center;
	line-height:2vw;
	letter-spacing: 0.1vw;
	border-radius: 3vw;
}

.page_title_altitude{
	font-style:normal;
	font-size: 1.2vw;
}

.altitude_high{
	position:absolute;
	right: 10vw;
	top: 24vw;
	width:30vw;
	text-align: right;
}

.altitude_text{
	position:absolute;
	right: 10vw;
	top: 32vw;
	width:30vw;
	text-align: right;
	font-size: 1vw;
}

.altitude_low{
	position:absolute;
	right: 10vw;
	top: 36vw;
	width:20vw;
	text-align: right;
}

.h_line{
	width:100%;
	height: 0.35vw;
	background-color: var(--site_color_darker);
	border-radius: 0.35vw;
	margin-top: 0.5vw;
	margin-left: 1vw;
}

/* Page Important Links */
dt {
	font-family: texgyreadventor-bold, sans-serif;
	font-size:1.5vw;
}

dd {
	font-size:1.5vw;
	margin-bottom:2vw;
	margin-left:0px;
}


dd a:link, dd a:visited{
	color:inherit;
	text-decoration:none;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
}


dd a:hover, dd a:active{
	border-bottom: 1px solid black;
	transition: 0.5s;
}

/* Team page */
.team_button {
	width: 20vw;
	height: 3vw;
	border-radius: 1.5vw;
	font-size:1vw;
	margin:0.5vw;
	border:0px;
	background-color:var(--team_yellow);
	cursor:pointer;
}

button.team_active_button, .team_button:hover{
	background-color:var(--team_blue);
	transition: background-color 0.5s ease;
}

.teams{
	transition: opacity 2s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
	margin-bottom:1vw;
}

.teams.active{
	opacity: 1;
    height: auto;
}

.team_member{
	margin-top:2vw;
	display:flex;
	align-items:start;
	
}

.team_member img {
	width:15vw;
	height:auto;
	border-radius: 3vw;
	padding: 0.6vw;
	border: 0.5vw solid var(--site_color_light);
	float:left;
}

.team_member img.email
{
	display:inline;
	width:1.5vw;
	height:auto;
	background:var(--team_yellow);
	border:0px;
	border-radius:0px;
	padding:0px;
	float:none;
	cursor:pointer;
}

.team_member img.email:hover
{
	background:var(--team_blue);
}

.team_member a:link, .team_member a:visited{
	text-decoration: none;
	color:inherit;
}

.team_member a:hover, .team_member a:active{
	color:var(--team_blue);
	transition: color 0.5s ease;
}

.team_member_info{
	padding-top:0.75vw;
	padding-left:2vw;
	font-size: 1.25vw;
}

.team_member_name{
	font-family:texgyreadventor-bold, sans-serif;
	font-weight:bold;
}

/* Page Contact Us */
.two_columns{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: top;
}

.right_column form{
	width: 25vw;
	border-radius: 3vw;
	padding: 2vw;
	border: 0.5vw solid var(--site_color_light);
}

.right_column label{
	display:block;
	font-family: texgyreadventor-bold, sans-serif;
	font-size:1.5vw;
	margin-bottom:0.5vw;
}

.right_column input{
	font-family: texgyreadventor-regular, sans-serif;
	font-size:1.5vw;
	width: 98%;
	height: 3vw;
	margin-bottom:1vw;
	padding-left: 1vw;
	padding-right: 1vw;
	background-color: var(--team_yellow);
	border-radius: 1.5vw;
	border: none;
}

.right_column textarea{
	font-family: texgyreadventor-regular, sans-serif;
	font-size:1.5vw;
	width: 95%;
	height: 15vw;
	margin-bottom:2vw;
	padding: 1vw;
	background-color: var(--team_yellow);
	border-radius: 1.5vw;
	border: none;
	resize:none;
	scrollbar-width:none;
}

.right_column #submit{
	display:block;
	font-size:1vw;
	width:30%;
	height: 3vw;
	background-color: var(--team_blue);
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0.1vw;
	border-radius: 1.5vw;
	border: none;
	cursor: pointer;
}

.reCaptcha{
	padding: 1vw;
	display: flex;
	justify-content: center;
}

.contact_res_msg{
	min-height:20vw;
	width: 25vw;
	border-radius: 3vw;
	padding: 2vw;
	border: 0.5vw solid var(--site_color_light);
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align:center;
}

/* species */
.species_name{
	font-size:1.5vw;
}

.species_container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: start;
	width: 70vw;
}

.species_collapsible {
  background-color: var(--site_color_light);
  cursor: pointer;
  padding: 1vw;
  width: 95%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 1vw;
  border-radius:3vw;
}

.species_active, .species_collapsible:hover {
  background-color: var(--site_color_darker);
  color: var(--site_color_light);
  transition: 0.5s ease;
}

.species_content {
	width: 90%;
	padding: 0.4vw 1vw;/*top-buttom  left-right*/
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}

#species_classification{
	list-style:none;
	width:26vw;
	margin-top: 2.5vw;
	padding-left: 11vw;
}

#species_classification li{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 0.2vw solid var(--site_color_darker);
	font-size:1.5vw;
	line-height:3.5vw;
	height:3vw;
}

.species_altitude_distribution{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}

.species_altitude{
	width:40vw;
}
.species_altitude_values{
	width: 35vw;
	height: 18vw;
	margin-top: 2vw;
	background-image: url(../images/mountains.png);
	background-repeat: no-repeat;
	background-size: 80%;
	text-align: right;
}

.species_altitude_values .hr_altitude
{
	background-color: var(--site_color_darker);
	height: 0.15vw;
	border-radius: 0.3vw;
	margin-top: 0px;
}

.spceies_altitude_high{
	width:15vw;
	display:inline-block;
	position:relative;
	top:1vw;
	left:10vw;
	right:0;
}

.spceies_altitude_low{
	width:8vw;
	display:inline-block;
	position:relative;
	top: 8vw;
	left:2vw;
	right:0;
}

.species_distribution{
	width: 25vw;
	margin-left:8vw;
}

.species_distribution img{
	height: 15vw;
	width: auto;
	margin-left:10vw;
}

.sp_names dt, .sp_names dd{
	font-size: 1vw;
}
.sp_names dt{
	margin:0.5vw;
}

.sp_names dd{
	margin-left: 9vw;
	margin-top: -2vw;
	margin-bottom:0.1vw;
	text-align: left;
}

.sp_biblio_year{
	margin-top: 1vw;
	color: var(--site_color_darker);
	border-bottom: 0.1vw solid var(--site_color_light);
	font-size:1vw;
}

.sp_biblio{
	margin: 0.5vw 0;
	font-size: 0.8vw;
}

.sp_ecology dd{
	margin-left: 10vw;
}

.sp_genetics dd{
	margin-left: 12vw;
}

.sp_trophic dd{
	margin-left: 7vw;
}

.sp_iucn dd{
	margin-left: 13.5vw;
}

.sp_social dd{
	margin-left: 5.5vw;
}

.sp_herbarium{
	background-image: url(../images/check_mark.png);
	background-repeat: no-repeat;
	background-size: 8%;
	background-position: 0vw 0.7vw;
	padding-left: 10%;
	font-size: 1vw;
	height: 3vw;
	line-height:3vw;
}

.sp_herbarium a:link, .sp_herbarium a:visited{
	color:inherit;
	text-decoration:none;
	border-bottom:0.1vw solid black;
}

.sp_herbarium a:hover, .sp_herbarium a:active{
	border-bottom:0.1vw solid rgba(255, 255, 255, 0);
}

.sp_morphology_title{
	font-size: 1.2vw;
	color: var(--site_color_darker);
	height: 2vw;
	line-height: 2vw;
	border-bottom: 0.2vw solid var(--site_color_light);
}

.sp_morphology{
	padding: 0.5vw;
	font-size: 0.8vw;
}

.sp_food_animals{
	display: flex;
	flex-direction: row;
	gap: 1vw;
}

.sp_poster{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	gap:1vw;
	margin:1vw;
}

.sp_poster img{
	width: 15vw;
	height:auto;
}

.sp_arts{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	gap:1vw;
	margin:1vw;
	font-size: 0.8vw;
	text-align:center;
}

.sp_arts img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width: 15vw;
	height:auto;
}

.sp_titre_poeme{
	font-size:1vw;
	margin-left:1vw;
}

.sp_poeme{
	font-size:0.8vw;
	margin-left:1vw;
}

.flowering_period{
	display:flex;
	flex-direction: row;
	justify-content: space-around;

	padding-left: 2vw;
	padding-right: 3vw;
}

.flowering_month, .flowering_month_check{
	height: 8vw;
	width: 5vw;
	padding-top: 4vw;
	text-align:center;
}

.flowering_month_check{
	background-image: url(../images/check_mark.png);
	background-repeat: no-repeat;
	background-size: 4vw;
	background-position: 1vw 0vw;
}


.flowering_month_yes, .flowering_month_no{
	display:inline-block;
	width: 4vw;
	height: 4vw;
	margin-left: 0.5vw;
	margin-bottom: 0.5vw;
	font-family: texgyreadventor-bold, sans-serif;
	font-weight:bold;
	font-size: 2vw;
	line-height: 3.8vw;
	text-align: center;
	padding:0.25vw;
	border-radius: 1vw;
	
}

.flowering_month_no{
	background-color: var(--site_color_light);
}

.flowering_month_yes
{
	color: white;
	background-color: var(--site_color_darker);
}

.img_clickable{
	cursor:pointer;
}


#creative{
	text-align:right;
	font-size:0.7vw;
}

.seed_dispersal_icons{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	gap : 5vw;
}

.seed_dispersal_icons img{
	width: 25vw;
	height:auto;
	margin 0.5vw;
	padding: 0.5vw;
	border: 0.5vw solid var(--site_color_light);
	border-radius: 2vw;
}

.seed_dispersal_icons img:hover{
	border: 0.5vw solid var(--site_color_darker);
}

.seed_dispersal_icons a{
	border: none;
}

.seeds_fruit_container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: start;
	gap: 2vw;
}


.seeds_fruit{
	width: 10vw;
	height: 14vw;
	text-align:center;
	margin:1vw;
}

.seeds_fruit img{
	width: 8vw;
	height:auto;
	margin: 1vw;
}

.seeds_fruit a:link, .seeds_fruit a:visited{
	text-decoration:none;
	color:inherit;
	padding:1vw;
	border: 0.5vw solid var(--site_color_light);
	border-radius: 2vw;
	display:block;
	width: 100%;
	height:100%;
}

.seeds_fruit a:hover, .seeds_fruit a:active{
	border: 0.5vw solid var(--site_color_darker);
	transition: 0.5s ease;
}

.seed_dispersal{
	text-align:center;
	font-size: 1vw;
	margin-top: 0.5vw;
}

.seed_dispersal_animal{
	border: 0.2vw solid var(--site_color_light);
	border-radius: 2vw;
}


/*------------*/
.footprint{
	width: 10vw;
	height: 14vw;
	text-align:center;
	display:inline-block;
	margin:1vw;
	padding-bottom:1vw;
}

.footprint img{
	width: 8vw;
	height:auto;
	margin: 1vw;
	border-radius: 1vw;
}

.footprint a:link, .footprint a:visited{
	text-decoration:none;
	color:inherit;
	padding:1vw;
	border: 0.3vw solid white;
	border-radius: 2vw;
	display:block;
	width: 100%;
	height:100%;
}

.footprint a:hover, .footprint a:active{
	border: 0.3vw solid var(--site_color_darker);
	transition: 0.5s ease;
}

.biodiversity_fieldset{
	border: 0.2vw solid var(--site_color_light);
	border-radius: 2vw;
	margin-bottom:1vw;
}

.biodiversity_fieldset legend{
	font-weight:bold;
}

.drop_foot_dist{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
}

.drop_foot_dist_item{
	text-align:center;
	height: 20vw;
	width: 12vw;
}

.drop_foot_dist_item img{
	height: 10vw;
	width: auto;
}

.drop_footprint_dist{
	width: auto;
	height: 9vw;
	display:block;
	margin-top: 2.5vw;
}

.dropping_foot_dist{
	height: 8vw;
	width: auto;
	margin-top: 3.2vw;
}

.drop_foot_distribution{
	height:14vw;
	width:auto;
	margin-top: 1vw;
}

.bio_flo_fau_fun
{
	height: 3vw !important;
	width:auto !important;
	margin-right: 0.5vw;
	border: none !important;
}