body {
	background-color: #dfeff2;
	color: #101010;
	line-height: 1.4;
	font-size: 16px;
	font-family: PT Sans;
	font-weight: 400;
}
.red {color:red;}
.green {color:green;}
.dj-megamenu-wrapper{float:right}
.dj-megamenu-wrapper li{float:left;list-style:none;text-transform:uppercase}


a {
	color: #bf4d28;
}

a:hover, a:focus, a:active {
	color: #303030;
}

/* common style */
h1, h2, h3, h4, h5, h6 {
	font-family: PT Serif;
}

/* JOOMLA STYLE
--------------------------------------- */
h2.item-title,
.item-title h2,
.item-page .page-header h2 {
	font-family: PT Serif;
}


.items-row .item {
	font-size: 16px;
}

/* Header */
#header {
	background-color: #ffffff;
	border-color: #c75e3c;
	color: #bf4d28;
}

/* Inner container inside header */
header > div.container {
	position: relative;
	display: flex;
	align-items: center;
}

#header a {
	color: #993409;
}

#header a:hover, #header a:focus, #header a:active {
	color: #8c340e;
}

/* Logo in header */
a.logo {
	width: 260px;
	height: 80px;
}
a.logo strong {
	width: 100%;
	height: 100%;
	background: url(logo.jpg) no-repeat;
	background-size: contain;
}

/* Current User Info in header */

header .header-current-user-info {
	display: inline-block;
}
header .header-current-user-info > .label_1 {
	color: #0a0a0a;
}

/* Current Year */
header .header-current-year {
	display: inline-block;
	color: black;
	font-size: 60px;
	line-height: 60px;
}

/* Login form in header */
header #login-form {
	display: inline-block;
	flex-grow: 2;
	text-align: right;
}


@media (max-width: 992px) {
	a.logo  {
		width: 220px;
		height: 67px;
	}
	header .header-current-year {
		font-size: 45px;
		line-height: 45px;
	}
}
@media (max-width: 768px) {
	a.logo  {
		width: 180px;
		height: 55px;
	}
	header .header-current-year {
		font-size: 35px;
		line-height: 35px;
	}
}
@media (max-width: 480px) {
	a.logo {
		width: 150px;
		height: 46px;
	}
	header .header-current-year {
		font-size: 20px;
		line-height: 20px;
	}
}


/* Main navigation */
#mainnav {
	background-color: #87361c;
	border-color: #eeeeee;
}

#mainnav .nav > li > a,
#mainnav .nav span.separator {
	color: #e5ac9a;
}

#mainnav .nav > li > a:hover,
#mainnav .nav > li > a:focus,
#mainnav .nav > li > a:active {
	color: #ffffff;
}

#mainnav .nav > li > a:hover:after,
#mainnav .nav > li:hover > a:after,
#mainnav .nav > li.active > a:hover:after,
#mainnav .nav > li > .separator:hover:after,
#mainnav .nav > li:hover > .separator:after {
	border-color: #87361c;
}

#mainnav .nav > li.active > a,
#mainnav .nav > li.active .separator {
	color: #ffffff;
}

#mainnav .nav > li.active a:after,
#mainnav .nav > li.active .separator:after {
	border-color: #87361c;
}

/* Dropdown menu */
.dropdown-menu, .nav .list-unstyled,
.dropdown-menu, .nav .nav-child {
	background-color: #ffffff;
}

#mainnav .dropdown-menu > li,
#mainnav .nav .nav-child > li {
	font-size: 16px;
}
.dropdown-menu > li > a,
.nav .list-unstyled > li > a,
.nav .nav-child > li > a {
	color: #bf4d28;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.nav .list-unstyled > li:hover > a,
.nav .list-unstyled > li:focus > a,
.nav .nav-child > li:hover > a,
.nav .nav-child > li:focus > a {
  background: #e2c6bd;
  color: #662c14;
}

.dropdown-menu, .nav .list-unstyled,
.dropdown-menu, .nav .nav-child {
	border-color: #87361c;
}

/* Custom color for collapse menu */
@media (max-width: 992px) {
	#mainnav .nav-collapse .nav > li > a,
	#mainnav .nav-collapse .nav > li > .separator {
		color: #303030;
	}

	#mainnav .nav-collapse .nav > li > a:hover {
		color: #303030;
	}

	#mainnav .nav > li > a:hover:after,
	#mainnav .nav > li > a:focus:after,
	#mainnav .nav > li:hover > a:after {
		display: none;
	}

	#mainnav .nav-collapse .nav > li.active > a {
		color: #004597;
	}	
}



/* Search form */
.navbar-form {
	background-color: #87361c;
	color: #ffffff;
}

.navbar-form .search .inputbox {
	color: #ffffff;
}

/* Footer
--------- */
#footer {
	background: #ffffff;
	border-color: #e0e0e0;
	color: #909090;
}

#footer a {
	color: #b35c3a;
}

#footer a:hover, #footer a:focus, #footer a:active {
	color: #303030;
}

#footer .nav > li::before {
	color: #909090;
}

/* Footer menu*/
#footer .nav > li > a {
	color: #303030;
}

#footer .nav > li > a:hover,
#footer .nav > li > a:focus,
#footer .nav > li > a:active {
	border-color: #303030;
	color: #303030;
}


/* DJ User Menu Items
   - should be separated with some margin
   - make current item more vivid/stand-out
--------------------*/

.dj-megamenu li {
  margin: 0 15px 0 0;
}
.dj-megamenu li.current {
    text-decoration: underline;
    font-weight: bold;
    color: #c30;
    font-size: 1.05em;
}