/**
 * 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://rawgist.com
 * @since             1.0.0
 * @package           RawGist
 * 
 * @wordpress-theme
 * Theme Name: RawGist
 * Theme URI: http://rawgist.com
 * Version: 1.3.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: two-columns, three-columns, left-sidebar, right-sidebar, accessibility-ready, custom-menu, featured-images, full-width-template, microformats, theme-options, threaded-comments, translation-ready
 * Text Domain: RawGist
 * 
 * ...
 * Copyright 2016 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
 */

/*html {
	overflow: auto;
}*/
body {
    background-color: #47ade4;
}

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

a {
	color: #47ade4;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #47ade4;
}
a:hover {
	text-decoration: underline;
	color: #f88a08;
}
a:active,
a:focus {
	text-decoration: none;
	color: #f88a08;
}
a:focus {
	outline: 0;
}
/*h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	color: #2e3391;
}*/
/*h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
	color: #47ade4;
}*/

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

#wrapper {
	padding-top: 0;
	padding-bottom: 0;
}
#main {
	margin-bottom: 20px;
	padding: 20px;
	width: 920px;
	background-color: #FFF;
}

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

#container,
.layout-right-sidebar #container {
	margin: 0 -320px 0 0;
}
#content,
.layout-right-sidebar #content {
	margin: 0 320px 0 0;
	padding: 0;
	background-color: transparent;
}
#primary,
.layout-right-sidebar #primary {
	width: 300px;
	padding: 0;
}

/** Two Columns, Left Sidebar
 ****************************/

.layout-left-sidebar #container {
	margin: 0 0 0 -320px;
}
.layout-left-sidebar #content {
	margin: 0 0 0 320px;
}
.layout-left-sidebar #primary {
	width: 300px;
}

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

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

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

.layout-left-left-sidebars #content {
	margin-left: 450px; /** Set right margin to (LeftColumnWidth + RightColumnWidth) */
}
.layout-left-left-sidebars #secondary {
	width: 160px; /** Width of left column in pixels */
	margin-right: -430px; /** Set left margin to -(LeftColumnWidth + RightColumnWidth) */
}
.layout-left-left-sidebars #primary {
	width: 250px; /** Width of right column in pixels */
	margin-right: -250px; /** Set margin to -(RightColumnWidth) */
}

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

.layout-right-right-sidebars #content {
	margin-right: 450px; /** Set right margin to (LeftColumnWidth + RightColumnWidth) */
}
.layout-right-right-sidebars #secondary {
	width: 160px; /** Width of left column in pixels */
	margin-left: -430px; /** Set left margin to -(LeftColumnWidth + RightColumnWidth) */
}
.layout-right-right-sidebars #primary {
	width: 250px; /** Width of right column in pixels */
	margin-left: -250px; /** Set margin to -(RightColumnWidth) */
}

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

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

.bg-E62783 {
	background-color: #09a4d8;
}

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

#header {
	padding-top: 0;
	margin-bottom: 0;
}
#masthead {
	width: 960px;
	height: 165px;
}
#access {
	background-color: #40424f;
	/*border: 1px solid #DDD;*/
	top: 130px;
	height: 36px;
}
#header-search {
	top: 5px;
	right: 5px;
}
#header a.logo {
	top: 20px;
}
.under-construction {
	display: none;
}

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

/*#site-updated-wrap {
	width: 960px;
	height: 15px;
	margin: 10px auto;
	position: relative;
}
.site-updated-time {
	margin-bottom: 0;
}
.report-errors {
	position: absolute;
	top: -3px;
	right: 5px;
	display: block;
}*/

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

.menu {
	width: auto;
	/*height: 24px;*/
	padding: 6px 0;
}
.menu li {
	font-size: 14px;
}
.menu ul {
	top: 24px;
	left: 0;
}
.menu a {
	padding: 5px;
	color: #FFF;
	text-transform: uppercase;
}
.menu a:hover {
	background-color: #f88a08;
	padding: 5px;
	border: 0;
	color: #fff;
}
.sub-menu li {
	border-bottom: 1px solid #f99c2f;
	font-size: small;
}
.sub-menu li:first-child {
	border-top: 1px solid #f99c2f;
}
.sub-menu a,
.sub-menu a:link {
	background-color: rgba(248,138,8,0.98);
	padding: 5px 10px;
	margin: 0;
	color: #Fff;
	text-transform: none;
}
.sub-menu a:hover,
.sub-menu a:active {
	background-color: #777;
	padding: 5px 10px;
	border: 0;
}

/*.menu li.current-menu-item a {
	padding: 5px;
}
.menu li.current-menu-item .sub-menu a,
.sub-menu li.current-menu-item a {
	border-top: 0;
}
.menu li.current-menu-item a:hover {
	color: #fff;
}
.sub-menu li.current-menu-item a:hover {
	color: #Fff;
}*/

/** Sidebar Menus */
.widget_nav_menu .menu a {
    background-color: #40424f;
	padding: 5px 10px;
}
.widget_nav_menu .menu a:hover {
    background-color: #f88a08;
}
#footer .widget_nav_menu .menu a:hover {
	color: #fff;
}
.widget_nav_menu .menu li ul.sub-menu a {
	color: #40424f;
}
.widget_nav_menu .menu li ul.sub-menu a:hover {
	color: #f88a08;
}

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

.widget-container {
	background-color: #FFF;
	padding: 0;
	margin-bottom: 20px;
}
#primary .widget-container,
#secondary .widget-container {
	padding: 0;
	background-color: #FFF;
}
.widget-title,
.column-title,
.home .widget-title,
#primary .widget-title,
#secondary .widget-title,
#footer .widget-title {
	padding: 0;
	font-size: 14px;
	background-color: transparent;
	color: #40424f;
	text-transform: uppercase;
	border-bottom: 0;
}
#footer .widget-title {
	color: #fff;
}

/* ----- Widget title links ----- */
/*.widget-title,*/
.widget-title a {
	color: #40424f;
}
.widget-title a:hover,
.column-title a:hover {
	color: #40424f;
	text-decoration: none;
}
#footer .widget-title a {
	color: #fff;
}
#footer .widget-title a:hover {
	color: #FFF;
	text-decoration: underline;
}

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

/** Navigation */
.navigation a,
.navigation a {
	color: #09a4d8;
}
.navigation a.next,
.navigation a.prev,
.navigation a:hover {
	color: #f88a08;
}

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

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

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

input[type=submit],
input[type=button],
button {
	background-color: #f88a08;
	text-transform: uppercase;
}
input[type=submit]:hover,
input[type=button]:hover,
button:hover {
	background-color: #f88a08;
}
#header-search .form.search .input.submit {
	height: 26px;
}

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

#footer a {
	color: #ccc;
}
#footer a:hover {
	color: #f88a08;
}
#colophon {
	background-color: #40424f;
	/*border: 1px solid #DDD;*/
	color: #d0d0d0;
}
#footer-bottom {
	margin-left: 0;
	margin-right: 0;
	border-top: 1px solid #75767c;
}

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

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

.post-container .entry-title a,
ul.posts-container li.entry-title a {
	color: #2e3391;
}
.post-container .entry-title a:hover,
ul.posts-container li.entry-title a:hover {
	color: #47ade4; /*#f88a08;*/
}
.post-container .entry-title {
	font-size: 14px;
}

/** Thumbs */
.small-thumb {
	width: 140px;
	height: 100px;
}
.medium-thumb {
	width: 160px;
	height: 120px;
}
.large-thumb {
	width: 180px;
	height: 130px;
}
.x-large-thumb {
	width: 200px;
	height: 150px;
}
.slider .post-thumbnail {
	width: 300px;
	height: 300px;
}

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

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

/* accordion header */
.vertical-accordion .accordion-title {
	background-color: #f88a08;
}

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

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

.slider ul,
#home-slider {
	max-width: 100%;
	color: #f6f6f6;
}
#home-slider {
	margin: 0 auto 20px;
	/*width: 600px;*/
	height: 300px;
	overflow: hidden;
}
.slider a,
.slider a:link {
	color: #fff;
}
.slider a:hover,
.slider a:active {
	text-decoration: underline;
	color: #f88a08;
}
.slider ul {
	margin-left: 0;
	/*max-width: 100%;*/
}
.slider li {
	position: relative;
	margin: 0;
	margin-right: 20px;
	padding: 0;
	line-height: 1px;
	width: 290px;
	height: 300px;
	float: left;
}
/*.slider li.panel-2,
.slider li.panel-4,
.slider li.panel-6,
.slider li.panel-8,
.slider li.panel-10 {
	margin-right: 0;
}*/
/*.slider .panel-1 {
	border-left: 0;
}*/
.slider .featured-text {
	z-index: 4;
	padding: 10px;
	line-height: 130%;
	background-color: rgba(0,0,0,0.50);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.slider h2.entry-title,
.slider h2.entry-title a,
.slider h2.entry-title a:link {
	line-height: 120%;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
}
.slider h2.entry-title a:hover,
.slider h2.entry-title a:active {
	text-decoration: underline;
	color: #f88a08;
}
.slider .entry-summary {
	margin: 10px 0 0;
	line-height: 130%;
	font-size: small;
}
.slider .thumb {
	margin: 0;
	float: none;
}

/** Nav buttons */
a.slider-backward,
a.slider-forward {
	position: absolute;
	top: 0;
	z-index: 4;
	line-height: 14px;
	font-size: 20px;
	font-weight: bold;
	background-color: rgba(0,0,0,0.50);
	color: #fff;
	padding: 5px 7px 8px;
	text-decoration: none;
}
a.slider-backward {
	left: 0;
}
a.slider-forward {
	right: 0;
}
a.slider-backward:hover,
a.slider-forward:hover {
	cursor: pointer;
	text-decoration: none;
	background-color: #f88a08;
	color: #fff;
}

/** Pagination */
#scroll-pagination {
	position: absolute;
	top: 100px;
	left: 296px;
	z-index: 5;
	background-color: #171717;
	padding: 1px;
}
#scroll-pagination a {
    margin-bottom: 1px;
    text-decoration: none;
    display: block;
    width: 6px;
    height: 6px;
}
#scroll-pagination a:last-child {
    margin-bottom: 0;
}
#scroll-pagination a:first-child {
	margin-left: 0;
}
#scroll-pagination a.slider-current {
	background-color: #f88a08;
}
#scroll-pagination a span {
	display: none;
}

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

.tabs-wrapper {
	border-bottom-color: #f88a08;
}
.tabs-wrapper a.current,
.tabs-wrapper a.current:link {
	background-color: #f88a08;
}

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

/** Layout
 *********/

.mobile.phone #main {
	background-color: transparent;
	padding-bottom: 0;
	padding-top: 0;
}
.mobile.phone #content {
	background-color: #FFF;
	padding: 20px;
}
.mobile.phone #primary {
	padding: 20px;
	background-color: #FFF;
}