/*Takes out page titles that looked very dumb.*/
.entry-title {
	display:none;
}


body { /*Effects entire page*/
	background-color:white;
	margin:auto;
	padding-top:0;
	margin-top:0;
	margin-left:0;
	padding:auto;
	width:100%;
	/*Setting MARGIN and PADDING to auto centers things on the page*/
}

/*Big IMG on home page*/
.cover img {
	width:100vw; /*Not going fullscreen?? Affected by THEME SETTINGS*/
	height:auto;
}

/*For main containers on page*/
#content {
	margin:0;
	padding-top:0;
	align-content:center;
	width:100%;
	right:0;
}
#page {
	width:100%;
}
#primary {
	width:100%;
}
#main.site-main {
	width:100%;
	padding-left:15%;
	margin-top:0;
	padding-top:0;
}
.wp-block-separator { 
	/*Green divider lines*/
	background-color: #18765D;
	width: 100%;
}
#secondary {
	display:none;
	/*Hides little areas we aren't using*/
}

/*For Sidebar menu*/
#masthead.site-header {
	width:15%;
	background-color:#18765D;
	margin:0;
	left:0;
	float:left;
	clear:right;
	height:100vh;
	padding-top:0;
	position:fixed; /*Stays on screen and doesnt scroll*/
	z-index:170;
}

#site-navigation.main-navigation {
	background-color:#18765D;
	padding-top:0;
	margin-top:5px;
	width:100%;
}
.menu-sidebar-container {
	background-color:#18765D;
	padding-top:0;
	margin-top:0;
	width:100%;
}
#menu-sidebar {
	background-color:#18765D;
	margin:0;
	padding:0;
	width:100%;
}
/*Sidebar menu links*/
#site-navigation a:link, #site-navigation a:visited {
	background-color: #18765D;
	padding: 15px;
	text-align: left;
	color: white;
	font-variant:small-caps;
	font-size:1.3em;
	width:100%;
}
#site-navigation a:hover {
	color: #17775b;
	background-color:white;
	text-decoration:none;
	border-left:8px solid #18765D;
}
#site-navigation a:active {
	color: white;
	text-shadow: none;
	text-decoration:none;
}
/*For active page - NOT WORKING, needs experimentation! .js not linking properly*/
.active {
	color: #17775b;
	background-color:white;
	text-decoration:none;
	border-left:8px solid #18765D;
}
#site-navigation ul.sub-menu {
	display:none;
} /*Hides CATALOGUE Sub menu cuz It Long AND does not scroll cuz I set position...but only in DESKTOP*/


/*For links NOT in sidebar menu*/
a:link, a:visited {
	color:#18765D; 
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:black;
	text-decoration:underline;
}
a:active {
	color:black;
	text-decoration:underline;
}


/*FOOTER*/
.footer {
	padding: 20px 20px 40px 60px;
	border-top: 20px solid #18765D;
	background-color: #DDD;
	position: absolute;
/*keeps it at bottom of page always.*/
	width:100%;
	left:0;
	right:0;
	margin-top:10px;
}
	
/*Media Queries for Mobile Design HAS TO BE AT THE BOTTOM OF CSS DOC. Requires experimentation for TABLET SCREENS*/
@media screen and (max-width:800px) {
	#main.site-main {
		padding:0;
	}
	.footer {
		padding:10px;
	}
	#masthead.site-header {
		width:10%;
	}
	#site-navigation a:link, #site-navigation a:visited {
		font-size:0.6em;
	}
}