/*

 * ------------------------------------------------------------------------

 * JA Elastica Template for Joomla 2.5

 * ------------------------------------------------------------------------

 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html

 * Author: J.O.O.M Solutions Co., Ltd

 * Websites: http://www.joomlart.com - http://www.joomlancers.com

 * ------------------------------------------------------------------------

*/



body {

  -webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/

}



/* RESPONSIVE FONT SIZES

--------------------------------------------------------- */

body.fs1 #ja-wrapper {

  font-size: 12px !important;

}



body.fs2 #ja-wrapper {

  font-size: 13px !important;

}



body.fs3 #ja-wrapper {

  font-size: 14px !important;

}



body.fs4 #ja-wrapper {

  font-size: 15px !important;

}



body.fs5 #ja-wrapper {

  font-size: 16px !important;

}



body.fs6 #ja-wrapper {

  font-size: 17px !important;

}



/* Headings & Titles ---*/

h1 {

  font-size: 1.5em !important;

}



h2 {

  font-size: 1.25em !important;

}



h3 {

  font-size: 1.1em !important;

}



h4 {

  font-size: 1em !important;

}



h5 {

  font-size: 1em !important;

}



.contentheading {

  font-size: 1.5em !important;

}



.blog-featured .contentheading {

  font-size: 1.5em !important;

}



/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

.main {

  width: 100%;

}



.column {

  float: none;

  width: 100% !important;

}



/* MASONRY PRESETS (240px*5 Grids)

--------------------------------------------------------- */

/* Sizes---*/

.ja-masonry {

  width: 49%;

}



.grid-double,

.grid-tripple,

.grid-quadruple {

  width: 100%;

}



/* Main Content */

#ja-content,

.ja-frontpage #ja-content {

  float: none;

  width: 100%; /* Frontpage Content */

}



/* full 5 grids content */

body.content-grid-mass #ja-content,

body.content-grid-mass.ja-frontpage #ja-content {

  width: 100% !important;

}



/* 4 grids content */

body.content-grid-quadruple #ja-content,

body.content-grid-quadruple.ja-frontpage #ja-content {

  width: 100% !important;

}



/* 3 grids content */

body.content-grid-tripple #ja-content,

body.content-grid-tripple.ja-frontpage #ja-content {

  width: 100% !important;

}



/* 2 grids content */

body.content-grid-double #ja-content,

body.content-grid-double.ja-frontpage #ja-content {

  width: 100% !important;

}



/* 1 grids content */

body.content-grid-single #ja-content,

body.content-grid-single.ja-frontpage #ja-content {

  width: 100% !important;

}



/* CONTENT'S GRIDS

--------------------------------------------------------- */

/* Items Page */

.item-page {

  padding: 1em;

}



/* Items Row */

.item {

  padding: 1em 0;

}



.item .contentpaneopen {

  padding: 1em;

}



/* Items Leading */

.leading .contentpaneopen {

  padding: 1em;

}



/* Items Grids */

.item {

  float: none;

  width: 100% !important;

}



.cols-1 .item,

.cols-2 .item,

.cols-3 .item,

.cols-4 .item,

.cols-5 .item {

  width: 100% !important;

}



/* HEADER

--------------------------------------------------------- */

#ja-header {

}



#ja-header .main {

  text-align: center;

  width: 100%;

}



#ja-header .main-inner1 {

  margin: 0;

}



h1.logo {

  height: 70px !important;

  width: 96% !important;

  padding-right:2%;

  padding-left:2%;

}



h1.logo a {

  height: 40px !important;

  margin-top: 10px;

  padding: 0 !important;

}



/* Search & Social Bars ---*/

#ja-top {

  height: 60px;

  width: 178px;

  border-left: 1px dotted #77C15E;

  position: absolute;

  right: 0;

  top: 50px;

  margin-right:0px;

}



/* Search */

#ja-search {

  bottom: 0;

  height: 40px;

  width: 40px;

  padding: 0;

  position: absolute;

  right: 0;

  border-bottom: 0;

}



#ja-search .search-btn {

  width: 30px;

  height: 30px;

  margin-top: 5px;

}



#ja-search.active .search-btn,

#ja-search .search-btn:hover {

  width: 30px;

  height: 30px;

  background-color: #F7EE20;

  margin-top: 5px;

  cursor: pointer;

}



#ja-search form.search {

  display: none;

  background: #F7EE20;

  position: absolute;

  top: 35px;

  right: 10px;

  padding: .5em;

  width: 200px;

}



#ja-search:hover form.search,

#ja-search.active form.search {

  display: block !important;

}



#ja-search .inputbox {

  background: #fff;

  border: 1px solid #fff;

  color: #000;

  margin: 0;

  padding: 4px 0;

  text-indent: 10px;

  width: 100%;

}



/* Social */

#ja-social {

  height: 40px;

}



#ja-social ul {

  padding: 5px 0 0 1em;

}



#ja-social ul li {

}



#ja-social ul li a {

  background-color: #222;

}



/* FOOTER

--------------------------------------------------------- */

#ja-footer { font-size: .8em; }



/* MODULES

--------------------------------------------------------- */

div.ja-moduletable-inner,

div.moduletable-inner {



}



/* Hiden in Mobile ---*/

.hide-in-normal,

.hide-in-tablet,

.hide-in-mobile {

  display: none;

}



/* MAIN NAVIGATION 

--------------------------------------------------------- */

/* Main Nav ---*/

#ja-mainnav {

  clear: both;

  display: block;

  float: none;

  height: auto;

  margin: 0 auto;

  text-align: left;

  width: 100%;

}



/* Mega Menu Layout ---*/

.ja-megamenu {

  clear: both;

  display: none !important;

  height: auto;

  border-bottom: 1px solid #333;

}



.rjd-active .ja-megamenu {

  display: block !important; /* Show menu when active */

}



.ja-megamenu ul.level0 li.mega {

  height: auto !important;

  margin: 0 !important;

  padding: 0 !important;

  width: 100% !important;

}



.ja-megamenu ul.level0 li.mega a.mega {

  height: auto !important;

  margin: 0 !important;

  padding: 1em !important;

}



.ja-megamenu ul.level0 li.mega span.menu-title,

.ja-megamenu ul.level0 li.haschild span.menu-title {

  font-size: 1em !important;

  margin: 0 !important;

  padding: 0 !important;

  text-transform: none !important;

}



.ja-megamenu ul.level1 li.mega span.menu-title {

  margin-top: 0 !important;

}



.ja-megamenu ul.level1 li.mega {

  height: auto !important;

}



.ja-megamenu ul.level1 li.mega a.mega {

  height: auto !important;

}



.ja-megamenu ul.level0 li.mega span.menu-desc {

  display: none;

}



#ja-megamenu .childcontent {

  display: none !important;

}



#ja-megamenu li.rjd-active {

  background: #222;

}



#ja-megamenu li.rjd-active .childcontent {

  display: block !important;

  left: 0 !important;

  margin: 0 !important;

  position: absolute;

  top: 40px !important;

  width: 100% !important;

}



#ja-megamenu ul.level0 li.rjd-active .childcontent-inner-wrap,

#ja-megamenu ul.level0 li.rjd-active .childcontent-inner {

  margin: 0 !important;

  width: 100% !important;

}



#ja-megamenu ul.level0 {

  position: relative;

}



/*Hide lv 2 Content */

#ja-megamenu ul.level1 li.rjd-active .childcontent,

#ja-megamenu ul.level1 .childcontent {

  display: none !important;

}



/* Mega Menu Stylings --- */

.ja-megamenu {

  background: #222 !important;

}



.ja-megamenu ul.level0 li.mega {

  border-top: 1px solid #444;

}



/* Menu Button --- */

/* to use this value to detect responsive

 * > 3: mean responsive

 * 4: is mobile device, which the menu show only first level

 */

#ja-menu-button {

  background-image:url(../images/mobile-menu.png);

  display: block;

  float: left;

  font-size: 1em;

  font-weight: bold;

  padding: 1em;

  text-transform: uppercase;

  z-index: 4;

  text-indent:100px;

  width:45px;

  overflow:hidden;

}



#ja-menu-button:hover,

.rjd-active #ja-menu-button {

  background: #77C15E;

  background-image:url(../images/mobile-menu.png);

  cursor: pointer;

}



#contact-form dl dt {

  float: none;

}



#contact-form dl dd {

  margin-left: 0 !important;

}



#contact-form dl dd input.required,

#contact-form dl dd textarea.required {

  width: 60% !important;

}