body {
	background: #e1f1e8;
}

.jp-top {
	background-color: #e1f290 !important;
	border-color: #388e07 !important;
}

@media (min-width: 1025px) {
	.jp-wrapper {
		background: #e1f1e8;
		background-image:url("../images/top_back_bukitbatok.jpg");
		background-repeat: repeat-x;
		background-position: center top;
	}
}

.jp-mainmenu {
	background: #e1f1e8;
}

.jp-mainmenu li ul ul {
    background: #818882;
		width: 11em;
}

.jp-mainmenu li a {
	color: #3f8e4a;
}

.jp-mainmenu ul ul li:hover, .jp-mainmenu ul ul li.active {
	background-color: #63b534 !important;
	//width: 100%;
}

.jp-mainmenu ul ul ul li:hover, .jp-mainmenu ul ul ul li.active {
	background-color: #63b534 !important;
	width: 100%;
}

@media (min-width: 1025px) {
	.jp-mainmenu {
		border-color: #388e07 !important;
	}
}

@media (max-width: 1026px) {
	.jp-mainmenu {
		border-color: #388e07 !important;
	}
}

.moduletable h3 { /*left menu title*/
	background: #388e07;
}

.moduletable ul.menu li a {
	color: #216400;
}

.moduletable ul.menu li a:hover, .moduletable ul.menu li.active, .moduletable ul.menu li a.active, .moduletable ul.menu li.active a, .moduletable ul.menu li a:focus {
	color: #245A09 !important;
	background: #70ca3d;
}

.blog-featured h2 { /*article title*/
	background: #388e07;
}

.blog-featured h2 a {
  color: #ffffff !important;
  text-decoration: none;
}

.jp-user-outer {
	background: #e1f290;
}

.footer, .footer a {
	color: #596a08;
}

/**** Mobile Menus ****/

@media screen and (max-width: 800px){

	#siteNav {width: 13%}
	div.logo {width: 15%}
  	#sideTopNav {width: 11%;}
	div.logo-title {width: 70%;}
	div.logo-title h1 {font-size: 24px;}
	div.logo-title h1 a {letter-spacing: 2px; color: #315332; padding-left: 10px;}
	.hamburger-menu,.hamburger-menu:after, .hamburger-menu:before {background-color: #315332;}
	.x-close:after {color: #315332;}
}

@media screen and (max-width: 600px){

	/*div.logo {padding-top: 5px !important;}*/
}

@media screen and (max-width: 480px){

	div.logo {padding-top: 0 !important;}
	div.logo-title h1 {font-size: 16px;}
	div.logo img.logo-img {width: 35px; !important}
}


/* reduce the size of the title */ /*8 Mar 2019 */
@media screen and (min-width: 320px) and (max-width: 568px)
{
	div.logo-title h1 {font-size: 14px;}
	div.logo img.logo-img {margin-left: 5px !important;}
}