/**
 * The theme stylesheet
 *
 * This file is read by WordPress to generate the theme information in the theme
 * Dashboard. This file also includes all of the stylesheets used by the theme.
 *
 * @link              http://gardja.org
 * @since             1.0.0
 * @package           gardja
 * 
 * @wordpress-theme
 * Theme Name: GARDJA
 * Theme URI: http://gardja.org
 * Version: 1.0.0 beta 1
 * Author: iTech Plus
 * Author URI: http://itechplus.org
 * Description: A child theme of Akua WP Framework. Requires Akua 4.9 or later.
 * Template: Akua
 * Template Version: 4.9
 * License: GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: blue, red, white, light, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, accessibility-ready, custom-menu, featured-images, full-width-template, microformats, theme-options, threaded-comments, translation-ready
 * Text Domain: gardja
 * 
 * ...
 * Copyright 2015 itechplus.ORG
 * Distributed under the terms of the GNU GPLv2
 * ...
 */

/**
 * Rebuild the default browser styles
 * 
 * Based on work by Blueprint CSS
 * @link http://code.google.com/p/blueprintcss/
 * 
 * @since 1.0.0
 */

/** Default
 **********/

/*html {
	overflow: auto;
}*/
body {
    font-size: 14px;
    background-color: #f4f4f4;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia,Times,"Times New Roman",serif;
	color: #000;
}

/** Hyperlinks
 *************/

a {
	color: #018c00;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #018c00;
}
a:hover {
	text-decoration: underline;
	color: #4f0003;
}
a:active,
a:focus {
	text-decoration: none;
	color: #4f0003;	
}
a:focus {
	outline: 0;
}
/*h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
	color: #333;
}*/

/**
 * Layout styles
 * 
 * @since 1.0.0
 */

#wrapper {
	padding-top: 0;
	padding-bottom: 0;
}
#main {
	margin-bottom: 20px;
}

/** Two Columns, Right Sidebar
 *****************************/

#container,
.layout-right-sidebar #container {
	margin: 0 -342px 0 0;
}
#content,
.layout-right-sidebar #content {
	margin-right: 342px;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #eaeaea;
}
.home #content,
.posts-page #content {
	margin-top: 366px;
	position: relative;
}
.layout-one-column #content,
.layout-three-columns #content {
	margin-top: auto;
}
#primary,
.layout-right-sidebar #primary {
	width: 322px;
	padding: 0;
	background: transparent;
}

/** Two Columns, Left Sidebar */
.layout-left-sidebar #container {
	margin: 0 0 0 -342px;
}
.layout-left-sidebar #content {
	margin-left: 342px;
}
.layout-left-sidebar #primary {
	width: 322px;
}

/**Three Columns, Left & Right Sidebars
 ***************************************/

.layout-left-right-sidebars #content {
	/** Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth */
	margin-right: 292px;
	margin-left: 202px;
}
.layout-left-right-sidebars #secondary {
	width: 182px; /** Width of left column */
}
.layout-left-right-sidebars #primary {
	margin-left: -272px; /** Set left margin to -(RightColumnWidth) */
	width: 272px; /** Width of right column */
}

/** Three Columns, Two Left Sidebars
 ***********************************/

.layout-left-left-sidebars #content {
	margin-left: 494px; /** Set right margin to (LeftColumnWidth + RightColumnWidth) */
}
.layout-left-left-sidebars #secondary {
	width: 182px; /** Width of left column in pixels */
	margin-right: -474px; /** Set left margin to -(LeftColumnWidth + RightColumnWidth) */
}
.layout-left-left-sidebars #primary {
	width: 272px; /** Width of right column in pixels */
	margin-right: -272px; /** Set margin to -(RightColumnWidth) */
}

/** Three Columns, Two Right Sidebars
 ************************************/

.layout-right-right-sidebars #content {
	margin-right: 494px; /** Set right margin to (LeftColumnWidth + RightColumnWidth) */
}
.layout-right-right-sidebars #secondary {
	width: 182px; /** Width of left column in pixels */
	margin-left: -474px; /** Set left margin to -(LeftColumnWidth + RightColumnWidth) */
}
.layout-right-right-sidebars #primary {
	width: 272px; /** Width of right column in pixels */
	margin-left: -272px; /** Set margin to -(RightColumnWidth) */
}

/**
 * Core theme styles
 * 
 * @since 1.0.0
 */

/** Misc
 *******/

/*.padding-10 {
	padding: 10px;
}*/

/** Header
 *********/

#header {
	padding: 20px 0;
	margin-bottom: 0;
	background: #fff;
}
#masthead {
	width: 960px;
	height: 90px;
}
#top-bar {
	background-color: #018c00;
	margin-bottom: 20px;
}
#access {
	/*height: 34px;*/
	background: transparent;
	width: 960px;
	margin: 0 auto;
	position: relative;
	top: auto;
	left: auto;
}
#header-search {
	top: 2px;
	right: 0;
}
#header a.logo {
	height: 90px;
	top: 0;
	left: 0;
}
#header .ad-area {
	top: 0;
}
.under-construction {
	display: none;
}

/** Homepage
 ***********/



/** Menus
 ********/

.menu {
	width: 640px;
	padding: 0;
}
.menu li {
	font-size: 14px;
	border-right: 1px solid #06ae06;
	margin-right: 0;
	margin-left: 0;
}
.menu li:last-child {
	border-right: 0;
}
.menu ul {
	top: 29px;
	left: 0;
	/*text-shadow: none;*/
}
.menu a {
	padding: 8px;
	color: #fff;
	text-transform: uppercase;
}
.menu a:hover {
	background: #000;
	padding: 8px;
	border: 0;
	color: #fff;
}
.sub-menu li,
.sub-menu li:first-child {
	font-size: small;
	border-right: 0;
	border-bottom: 1px solid #06ae06;
}
.sub-menu li:first-child {
	border-top: 1px solid #06ae06;
}
.sub-menu a,
.sub-menu a:link {
	background-color: rgba(0,0,0,0.98);
	padding: 5px 10px;
	margin: 0;
	color: #fff;
	text-transform: none;
}
.sub-menu a:hover,
.sub-menu a:active {
	background-color: #4f0003;
	color: #fff;
	border: 0;
	padding: 5px 10px;
}

/** Sidebar menus */
.widget_nav_menu .menu li,
.widget_nav_menu .menu li:first-child {
	border-right: 0;
	border-left: 0;
}
.widget_nav_menu .sub-menu li:first-child {
	border-bottom: 1px dotted #eaeaea;
}
.widget_nav_menu .menu a {
    background: #018c00;
	padding: 5px 10px;
}
.widget_nav_menu .menu a:hover {
    background: #4f0003;
	border-top: 0;
}

.widget_nav_menu .menu li ul.sub-menu a {
	color: #06ae06;
}
.widget_nav_menu .menu li ul.sub-menu a:hover {
	color: #4f0003;
}

/** Widgets
 **********/

.widget-container {
	padding: 0;
	background: transparent;
}
#primary .widget-container,
#secondary .widget-container {
	padding: 10px;
	background: #fff;
	border: 1px solid #eaeaea;
}
.widget-title {
	padding: 0;
	font-size: 16px;
	font-family: Georgia,Times,"Times New Roman",serif;
	background: transparent;
	color: #000;
	text-transform: none;
}
#primary .widget-title,
#secondary .widget-title {
	font-size: 16px;
	padding: 0;
	margin: 0 0 10px;
}
#footer .widget-title {
	color: #fff;
}

/** Widget title links */
.widget-title a {
	color: #000;
	text-decoration: none;
}
#footer .widget-title a {
	color: #fff;
	text-decoration: none;
}
.widget-title a:hover {
	color: #000;
	text-decoration: underline;
}
#footer .widget-title a:hover {
	color: #fff;
	text-decoration: underline;
}

/** Posts
 ********/

/** Navigation */
.navigation a {
	color: #000;
}
.navigation a.next,
.navigation a.prev {
	color: #4f0003;
}
.navigation a:hover {
	color: #4f0003;
}

.single h1.entry-title {
	font-family: Tahoma,Verdana,Segoe,sans-serif;
}
/*.entry-social {
	background: transparent;
	padding: 0;
}*/

/** Breadcrumbs */
.breadcrumbs {
	text-align: right;
}

/** Comments */
.comments li.bypostauthor {
	border-top: 1px solid #4f0003;
}
.children li li {
	/*border-color: #333;*/
}
.comments .children li li.bypostauthor {
	border: 1px solid #4f0003;
}
a.comment-reply-link,
#cancel-comment-reply-link {
	background: #06ae06;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
	background-color: #4f0003;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/** Forms
 ********/

/*input {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}*/
input[type=submit],
input[type=button],
button {
	background: #06ae06;
	color: #fff;

	/*-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;*/
}
input[type=submit]:hover,
input[type=button]:hover,
button:hover {
	background: #4f0003;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#header-search .form.search .input.submit {
	/*height: 26px;*/
	border: 0;
}

/** Footer
 *********/

#footer {
	background: #018c00;
	color: #f4f4f4;
}
#footer a {
	color: #f6f6f6;
}
#colophon {
	background: transparent;
}
#footer-top {
	padding: 20px 0;
}
#footer-bottom {
	border-top-color: #06ae06;
	background-color: #018c00;
	margin: 0;
	color: #f4f4f4;
	font-family: Georgia,Times,"Times New Roman",serif;
	font-size: 12px;
}
#footer-bottom a {
	color: #f6f6f6;
}
#footer-bottom a:hover {
	color: #fff;
}

/**
 * Shortcode styles
 * 
 * @since 1.0.0
 */

/** Posts shortcodes
 *******************/

.post-container .entry-title a,
ul.posts-container li.entry-title a {
	color: #018c00;
}
.post-container .entry-title a:hover,
ul.posts-container li.entry-title a:hover {
	color: #4f0003;
}
.post-container .entry-title {
	font-size: 14px;
}

/** Thumbs */
.small-thumb {
	width: 136px;
	height: 100px;
}
.medium-thumb {
	width: 145px;
	height: 120px;
}
.large-thumb {
	width: 186.5px;
	height: 130px;
}
.x-large-thumb {
	width: 196.5px;
	height: 150px;
}
.slider .full-thumb {
	width: 300px;
	height: 300px;
}

/** Related posts/ gallery posts */
/*.related-posts .post-container,
.gallery-posts .post-container {
	width: 130px;
}*/

/** Vertical accoridion
 **********************/

/** Accordion header */
.vertical-accordion .accordion-title {
	background: #4f0003;
}

/**
 * jQuery-based plugin styles
 * 
 * @since 1.0.0
 */

/** Featured home slider
 ***********************/

.slider ul,
#home-slider {
	max-width: 100%;
}
#home-slider {
	margin: 0 auto 20px;
	width: 618px;
	background-color: #018c00;
	position: absolute;
	top: -366px;
	left: 0;
}
.layout-one-column #home-slider,
.layout-three-columns #home-slider {
	display: none;
}
.slider a,
.slider a:link {
	color: #FFF;
}
.slider a:hover,
.slider a:active {
	text-decoration: underline;
	color: #fff;
}
.slider ul {
	margin-left: 0;
}
.slider li {
	position: relative;
	margin: 0;
	padding: 20px;
	line-height: 1px;
	/*width: 578px;*/
	height: 306px;
	overflow: hidden;
}
.slider .thumb {
	display: inline;
	float: left;
	border: 3px solid #fff;
	margin: 0;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
}
.slider .featured-text {
	margin-left: 326px;
	padding-top: 5px;
	height: 250px;
	color: #fff;
	font-size: 14px;
	/*letter-spacing: 1px;*/
	line-height: 140%;
}
.slider .entry-title,
.slider .entry-title a,
.slider .entry-title a:link {
	color: #FFF;
	font-family: Georgia,Times,"Times New Roman",serif;
	font-size: 22px;
	line-height: 120%;
	/*text-shadow: 1px 1px 1px #000;*/
	margin: 0;
	padding: 0;
}
.slider .entry-title a:hover,
.slider .entry-title a:active {
	text-decoration: underline;
	color: #fff;
}
.slider .entry-summary {
	margin: 15px 0 0;
	line-height: 130%;
}

/* ----- Nav buttons ----- */
a.slider-backward,
a.slider-forward {
	position: absolute;
	bottom: 29px;
	z-index: 4;
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
	background-color: rgba(255,255,255,0.80);
	color: #000;
	padding: 2px 5px 4px;
	text-decoration: none;
}
a.slider-backward {
	left: 278px;
}
a.slider-backward:hover {
	cursor: pointer;
	text-decoration: none;
	background-color: #fff;
	color: #000;
}
a.slider-forward {
	left: 300px;
}
a.slider-forward:hover {
	cursor: pointer;
	text-decoration: none;
	background-color: #fff;
	color: #000;
}

/** Pagination */
#scroll-pagination {
	display: block;
	/*width: 250px;
	height: 40px;*/
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 6;
}
#scroll-pagination a {
    margin: 0 0 0 5px;
    text-decoration: none;
	float: left;
	display: block;
    width: 6px;
    height: 6px;
	border: 1px solid #fff;
    /*background:*/ /*#4f0003;*/ /*#fff;*/
}
#scroll-pagination a.slider-current {
	border-width: 0;
	background: /*#4f0003;*/ /*#4f0003;*/ #fff;
	width: 8px;
    height: 8px;
}
#scroll-pagination a span {
	display: none;
}

/** Tabs
 *******/

.tabs-wrapper {
	border-bottom-color: #4f0003;
}
.tabs-wrapper a.current,
.tabs-wrapper a.current:link {
	background: #4f0003;
	font-weight: bold;
}

/**
 * Mobile styles
 * 
 * @since 1.0.0
 */

 /** Slider
 **********/

.mobile.phone #slider-wrap {
	width: auto;
	min-width: 0;
	max-width: 480px;
	padding-left: 3%;
	padding-right: 3%;
	margin: 0 auto;
}
.mobile.phone #home-slider {
	position: static;
	display: block;
	padding: 20px;
	width: auto;
	height: auto;
}
.mobile.phone #home-slider .entry-title,
.mobile.phone #home-slider .entry-title a,
.mobile.phone #home-slider .entry-title a:link {
	line-height: 90%;
}
.mobile.phone #home-slider .entry-title a {
	font-size: 14px;
}
.mobile.phone #home-slider .entry-meta,
.mobile.phone #home-slider .entry-meta a {
	color: #f4f4f4;
}

/** Misc
 *******/

.mobile.phone #header {
	max-width: none;
	padding: 20px 0;
}
.mobile.phone #masthead {
	max-width: 480px;
	padding: 0 3%;
}
.mobile.phone #header .logo {
	margin-bottom: 0;
}
.mobile.phone #footer {
	max-width: none;
	padding: 0;
}
.mobile.phone #colophon {
	max-width: 480px;
	padding: 0 3%;
}