@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Main';
	src: url('../FONTS/GT-Eesti-Display-Medium.woff');
}

@font-face {
    font-family: 'Secondary';
	src: url('../FONTS/LyonText-Regular-Web.woff');
}

@font-face {
    font-family: 'CMU';
	src: url('../FONTS/cmunrm.woff');
}
body{
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:auto;
	margin:0px;
	padding:0px;
	font-size:36px;
	
	color:#007A42;
}
header{
	font-family: Secondary;
	color:#007A42;
	position: fixed;
	top:10px;
	left:50px;
	margin:0px;
	padding:0px;
	z-index:200;
	font-size:24px;
}

a{
	font-family: MAIN;
	color:#007A42;
	margin:0px;
	padding:0px;
	z-index:200;
	font-size:36px;
	text-decoration:none;
}
a.visited{
	font-family: MAIN;
	color:#007A42;
	margin:0px;
	padding:0px;
	z-index:200;
	font-size:36px;
	text-decoration:none;
}

a:hover{
	font-family: MAIN;
	color:#007A42;
	margin:0px;
	padding:0px;
	z-index:200;
	font-size:36px;
}


.Click_one{
	font-family: Main;
	color:#007A42;
	position: fixed;
	align-self:center;
	margin:0px;
	padding:0px;
	z-index:200;
	font-size:36px;
	align-content:center;
	text-align:center;
}


.Wooded{
	font-family: MAIN;
	color:#007A42;
	position: fixed;
	top:150px;
	left:50px;
	margin:0px;
	padding:0px;
	z-index:200;
	font-size:36px;
}


.woodland  a:hover{color: darkgreen;}
.wetland   a:hover{color: blue;}
.sandland  a:hover{color: peachpuff;}

.Wetlands{
	font-family: MAIN;
	color:#007A42;
	position: fixed;
	top:90%;
	left:50px;
	margin:0px;
	padding:0px;
	z-index:200;
	font-size:36px;
}


	
.Title{
	
	font-family: Main;
	font-size: 60pt;
	text-align: center;
	width: 800px;
	height: 90px;
	border: 0px solid #fdebd9;
	position: Absolute;
	left: 50%;
	margin-right: -50%;
	top: 25%;
	transform: translate(-50%, -50%);
	color:#fdebd9;
	z-index: 5;
}


.marker {
  background-image:url(../IMGS/Woodland-01.png);
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}

.mapboxgl-popup {
	width: 600px;
	/*box-shadow: #000000 5px 5px;*/
	border: solid;
	border-color:#115F26;
	background-color: #FFFFFF;
}

.mapboxgl-popup-content {
  text-align: center;
  font-family: CMU;
  max-width: none;
  font-size:24px;
}



/*Parent Container*/
article{
	background-color:#fdebd9;
	width:100%;
	position:relative;
	left:0px;
	margin:0px;

	padding:0px;
	}
	
/*Child Container*/
section{		
	width:70%;
	margin: 0 auto;
	opacity: 0.9;
	padding-bottom: 500px;
	padding-top: 200px;
	
	}
	

section p{
	font-family: Main;
	font-size: 14pt;
	line-height:30px;
	padding-left: 200px;
	padding-right: 200px;
	padding-top: 50px;
	padding-bottom: 50px;
}

section h1{
	font-family: Main;
	font-size: 48pt;
	padding-bottom:200px;
	padding-top:200px;
	text-align:center;
	color:#000000;
	
}

section h2{
	font-family: Main;
	font-size: 18pt;
	font-weight:100;
	text-align:left;
	line-height:40px;
	column-count:2;
	padding-left: 200px;
	padding-right: 200px;
	color:#000000;
}
section h2::first-letter{
	font-size: 60pt;

}

figure{
	padding-top:100px;
	padding-bottom:100px;
}
figcaption{
	font-family: Secondary;
	font-size: 10pt;
	color:Periwinkle;
	padding-left: 0px;
	padding-top: 25px;
	padding-bottom: 25px;
}

aside{
	padding-top: 0px;
	padding-left: 70px;
	padding-right: 70px;
	padding-bottom: 70px;
	font-family:Secondary;
	font-size: 36px;
	clear:both;
	width:400px;
	display:block;
	float: left;	
	/*color:lightcoral;*/
	line-height:46px;
}

/*IMAGES*/

.imgbreak{
	background-color:pink;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:100%;
	width:100%;
	position:relative;
	left:0px;
	margin:0px;
	padding:0px;
	height:1920px;
	
}

/* Toggle test*/

	#menu {
    font-family: MAIN;
	padding:20px;
	color:#007A42;	
	margin:0px;
	padding:0px;
	z-index:200;
	font-size:36px;
    }

    #menu a {
    font-family: MAIN;
	color:#007A42;	
	margin:0px;
	padding:0px;
	z-index:200;
	font-size:36px;
    }

    #menu a:last-child {
        border: none;
    }

    #menu a:hover {
        color: #404040;
    }

    #menu a.active {
        color: #Red;
    }