/*	Style Sheet for the website http://rlup.hutton.ac.uk/	*/

/*	Extracted from the HTML files in the development site - reduce excessive edits in files	and easier management of alterations */

    html {
      padding:0;
      margin:0;
      height:100%;
    }
    body {
      padding:0px;
      margin: 0px;
      height:95%;
	  font-weight: 400;
	  font-style: normal;
	  font-size: 14px;
	  letter-spacing: 0em;
	  line-height: 1.5em;
	  text-transform: none;
	  color: #000;
	  font-family: 'Libre Franklin', Verdana, Arial, Sans-Serif;
	  overflow:auto;
	  /*font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; */
    }
	/* DD - override the default esri sizes */
	.esri-icon-layers{
	  font-size: 25px;
	}
	
	.esri-icon-polyline{
	  font-size: 25px;
	}

	.esri-icon-polygon{
	  font-size: 25px;
	}
	
	.esri-icon-minus{
	  font-size: 25px;
	}
	.esri-icon-plus{
	  font-size: 25px;
	}
	.esri-icon-zoom-out-fixed{
	  font-size: 25px;
	}
	.esri-icon esri-icon-zoom-in-fixed{
	  font-size: 25px;
	}
	.esri-icon-bookmark{
	  font-size: 25px;
	}
	.esri-widget--button{
		width:35px;
		height:35px;
	}
.esri-view-width-xlarge .esri-popup__main-container {
width: 450px;
}

.esri-view-height-less-than-medium .esri-popup__main-container {
	width: 450px;
max-height: 350px;
}	
	
	/* DD - end of overruling the default esri sizes */

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}	
/*	formatting for the top menu bar */
	ul.top-menu {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  overflow: hidden;
	  background-color: #5d836c;
	}

	li.top-menu {
	  float: left;
	}

	li.top-menu a {
	  display: block;
	  color: white;
	  text-align: center;
	  padding: 14px 16px;
	  text-decoration: none;
	}

	li.top-menu a:hover:not(.active) {
	  background-color: #111;
	}

	.active {
	  background-color: #4CAF50;
	}
    
	h1 {
      padding:2px;
      margin:5px;
      height:125%;
	  font-size: 18px;
	  /*background-color: #5d836c; */
	}
	
	h2 {
      padding:2px;
      margin:5px;
      height:110%;
	  font-size: 14px;
	  /*background-color: #5d836c; */
	}


    #footer {padding-top: 5px;
	position: relative;
	bottom: 0;
	width: 100%;
/*	height: 110px; */
	overflow: auto;

	/* Footer height */}
	
	#page-container {
	  position: relative;
	  min-height: 100vh;
	}

	#content-wrap {
	padding-bottom: 0rem;    /* Footer height */
	}

/*	formatting for the nav list */	
	#navlist li
		{
		display: inline;
		list-style-type: none;
		padding-right: 20px;
		}
	
/*	formatting for the tabs section list */  
  ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
  ul#tabs li { display: inline; }
  ul#tabs li a { color: #42454a; background-color: #dedbde; border: none; padding: 0.3em; text-decoration: none; }
  ul#tabs li a:hover { background-color: #f1f0ee; }
  ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
  div.tabContent { border: none; padding: 0.5em; background-color: #ffffff; }
  div.tabContent.hide { display: none; }
  
  /* remove the full screen option for smaller devices */
@media only screen and (max-width: 1079px) {
	   h1 { font-size: 14px !important; }
	   h2 { font-size: 12px !important; }
	   h3 { font-size: 10px !important; }
	   .esri-fullscreen {
		   display: none;
	   }
	 }
  
@media only screen and (max-width: 1079px) {
	  div.noMobileDisplay {
		display: none;
	  }
 }
@media only screen and (max-width: 960px) {
	  .esri-search__container {
		  display: none;
	  }
	  .esri-ui-bottom-left {
		  display: none;
	  }
	  
} 
@media only screen and (max-width: 679px) {
	  .esri-ui-bottom-left {
		  display: none;
	  }
}
@media only screen and (min-height: 680px) {
		.esri-view-height-less-than-medium .esri-popup__main-container {
		max-height: 325px;
		}
}
@media only screen and (max-height: 679px) {
		.esri-view-height-less-than-medium .esri-popup__main-container {
		max-height: 250px;
		}
}