/******** Orchard subsite CSS specific*******/

body {
	background: #f3ebdd;
}

.jp-top {
	background-color: #f2d6c3 !important;
	border-color: #640200 !important;
}

.defaultSkin .mceIcon {
	background: url('https://mail.ppc.org.sg/components/com_jce/editor/tiny_mce/themes/advanced/img/icons.png') no-repeat 20px 20px;
}

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

@media (max-width: 1025px) {

	article.item-page table {
		width: 100% !important;
	}
}

.jp-mainmenu li ul ul {
    margin: 0;
		background: #939598;
}

.jp-mainmenu {
	background: #f3ebdd;
}

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

.jp-mainmenu ul ul li:hover, .jp-mainmenu ul ul li.active {
	background-color: #C3645E !important;
}

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

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

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

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

.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: #963839 !important;
	background: #E6928D;
}

/*** featured articles ***/

.blog-featured h2 { /*article title*/
	background: #8c6464;
}

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

.blog-featured .items-row {
	padding-bottom: 0;
}

.blog-featured .column-1, .blog-featured .column-2 {
	padding-bottom: 0;
}

article.item-colomn2 table tr td table tr td {
	background-color: #963839 !important;
}

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

.footer, .footer a {
	color: #640200;
}

.column-big {
	width: 61%;
}

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

@media screen and (min-width: 320px) and (max-width: 568px){

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

@media screen and (min-width: 375px) and (max-width: 812px){

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


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

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





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