/**
 * 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://riverislandvillage.org
 * @since             1.0.0
 * @package           riverisland
 * 
 * @wordpress-theme
 * Theme Name: RiverIsland
 * Theme URI: http://riverislandvillage.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: two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-menu, featured-images, full-width-template, microformats, theme-options, threaded-comments, translation-ready
 * Text Domain: riverisland
 * 
 * ...
 * 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;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Consolas,monaco,monospace;
	/*font-weight: 700;*/
	color: #222;
}
/*.page-type-magazine h1,
.page-type-magazine h2,
.page-type-magazine h3,
.page-type-magazine h4,
.page-type-magazine h5,
.page-type-magazine h6 {
	font-weight: 400;
}*/

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

a {
	color: #06ae06;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #06ae06;
}
a:hover {
	text-decoration: underline;
	color: #f36406;
}
a:active,
a:focus {
	text-decoration: underline;
	color: #f36406;	
}
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: 20px auto 0;
}
/*.home #main,
.posts-page #main {
	margin-top: 40px;
}*/

/** 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: #fff;
}
#primary,
.layout-right-sidebar #primary {
	width: 300px;
}

/** 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
 *******/

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

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

#header {
	padding: 20px 0;
	background-color: #fff;
	margin-bottom: 0;
}
#masthead {
	width: 960px;
	height: 60px;
}
#header-social {
	position: absolute;
	left: 350px;
	top: 23px;
}
#header-social a {
	margin-right: 10px;
	text-decoration: none;
}
#nav-wrapper {
	background-color: #06ae06;
	border-bottom: 1px solid #1dd71d;
}
#access {
	/*height: 34px;*/
	position: relative;
	top: auto;
	left: auto;
	width: 960px;
	margin: 0 auto;
	background-color: transparent;
}
#header-search {
	top: 5px;
	right: 0;
}
#header a.logo {
	top: 0;
}
.under-construction {
	display: none;
}
#header .call-to-action {
	position: absolute;
	top: 15px;
	right: 0;
	padding: 8px 20px;
	background-color: #f37c2d; /*#1dd71d;*/
	/*font-size: 14px;*/
	font-family: Consolas,monaco,monospace;

	/*-moz-box-shadow: inset 0 0 3px #EAEAEA;
	-webkit-box-shadow: inset 0 0 3px #EAEAEA;
	box-shadow: inset 0 0 3px #EAEAEA;*/
}
#header a.call-to-action {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 110%;
}
#header a.call-to-action:hover {
	background-color: #1dd71d; /*#f37c2d;*/
}

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

#home-top {
	background-color: #06ae06;
	border: 0;
	margin-bottom: 0;
}
#home-top a {
	color: #fff;
}

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

.menu {
	width: 640px;
	height: 36px;
	/*text-align: center;*/
	padding: 0;
}
.menu li {
	font-size: 16px;
	border-right: 1px solid #1dd71d;
	margin: 0;
}
.menu li:last-child {
	border-right: 0;
}
.menu ul {
	top: 36px;
	left: 0;
	text-shadow: none;
}
.menu a {
	padding: 10px;
	color: #fff;
	text-transform: none;
	text-decoration: none;
}
.menu a:hover {
	background-color: #f36406;
	color: #fff;
	padding: 10px;
	border: 0; /*1px solid #f36406;*/
}
.sub-menu li,
.sub-menu li:first-child {
	font-size: small;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #f37c2d;
}
.sub-menu li:first-child {
	border-top: 1px solid #f37c2d;
}
.sub-menu a,
.sub-menu a:link /*,
.menu li.current-menu-item .sub-menu a*/ {
	background-color: rgba(243,100,6,0.98);
	padding: 7px 10px;
	margin: 0;
	color: #fff;
	text-transform: none;
}
.sub-menu a:hover /*,
li.current-menu-item .sub-menu a:hover*/ {
	background-color: #222;
	color: #fff;
	padding: 7px 10px;
	border: 0;
}
/*.menu li.current-menu-item a {
	background-color: #06ae06;
	color: #fff;
}*/
/*.menu li.current-menu-item a:hover {
	color: #fff;
}*/
/*.sub-menu li.current-menu-item a {
	color: #06ae06;
}*/
/*.sub-menu li.current-menu-item a:hover {
	background-color: #f36406;
}*/

/** Sidebar menus */
.widget_nav_menu .sub-menu li:first-child {
	border-bottom: 1px dotted #eaeaea;
}
.widget_nav_menu .menu a {
    background-color: #06ae06;
    color: #fff;
	padding: 5px 10px;
}
.widget_nav_menu .menu a:hover {
    background-color: #f36406;
    padding: 5px 10px;
}
.widget_nav_menu .menu li ul.sub-menu a {
	color: #06ae06;
}
.widget_nav_menu .menu li ul.sub-menu a:hover {
	text-decoration: underline;
	color: #f36406;
}
/*.widget_nav_menu .sub-menu li.current-menu-item a:hover {
	background-color: transparent;
}*/

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

.widget-container {
	padding: 0;
	background-color: transparent;
}
#primary .widget-container,
#secondary .widget-container {
	padding: 0;
}
.widget-title {
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	font-family: Consolas,monaco,monospace;
	background-color: transparent;
	color: #222;
	line-height: 110%;
}
#primary .widget-title,
#secondary .widget-title {
	padding: 0;
	/*border-bottom: 1px solid #222;*/
	text-transform: none;
	font-size: 16px;
}
#footer .widget-title {
	color: #fff;
	text-transform: none;
	/*font-size: 18px;*/
}

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

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

/** Navigation */
.navigation a {
	color: #06ae06;
}
.navigation a.next,
.navigation a.prev {
	color: #f36406;
}
.navigation a:hover {
	color: #f36406;
}

.single h1.entry-title {
	font-family: Consolas,monaco,monospace;
}
.entry-social {
	background-color: transparent;
	padding: 0;
}

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

/** Comments */
.comments li.bypostauthor {
	border-top: 1px solid #f36406;
}
.comments .children li li.bypostauthor {
	border: 1px solid #f36406;
}
a.comment-reply-link:link,
#cancel-comment-reply-link {
	background-color: #06ae06;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.comment-reply-link:link:hover,
#cancel-comment-reply-link:hover {
	background-color: #f36406;
}
/*.disclaimer {
	background-color: transparent;
	padding: 0;
	border: 0;
	color: #999;
}*/

/** Forms
 ********/
/*input,
textarea,
select,
button {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #fff;
	border-color: #06ae06;
}*/
/*input:focus,
textarea:focus,
select:focus {
	border: 1px solid #f36406;
}*/
input[type=submit],
input[type=button],
button {
	background-color: /*#06ae06;*/ #1dd71d;
	color: #fff;
}
/*#footer input[type=submit],
#footer input[type=button],
#footer button,
#access input[type=submit],
#access input[type=button],
#access button {
	background-color: #1dd71d;
}*/
input[type=submit]:hover,
input[type=button]:hover,
button:hover {
	background-color: #f36406;
}
/*#header-search .form.search .input.submit {
	height: 26px;
}*/

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

#footer {
	background-color: #06ae06;
	margin-top: 40px;
}
#footer a {
	color: #fff;
}
#colophon {
	background-color: transparent;
	color: #f4f4f4;
}
#footer-top {
	padding: 20px 0;
	margin-bottom: 0;
}
#footer-bottom {
	border-top-color: #1dd71d;
	margin: 0;
	padding: 10px 0;
	font-family: Consolas,monaco,monospace;
}

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

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

.post-container .entry-title a,
ul.posts-container li.entry-title a {
	color: #06ae06;
}
.post-container .entry-title a:hover,
ul.posts-container li.entry-title a:hover {
	color: #f36406;
}
.post-container .entry-title {
	font-size: 14px;
}
/*.post-container .entry-summary.big {
	font-size: 14px;
}*/
/*.archive-posts .post-container.big {
	border-bottom: 0;
	padding-bottom: 23px;
	background: url('images/widget-title-bg.png') repeat-x 0 bottom;
}
.archive-posts .post-container.big:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	background-color: transparent;
}*/

/** Thumbs */
.small-thumb {
	width: 140px;
	height: 100px;
}
.medium-thumb {
	width: 160px;
	height: 120px;
}
.large-thumb {
	width: 180px;
	height: 130px;
}
.x-large-thumb {
	width: 210px;
	height: 150px;
}
.slider .full-thumb {
	width: 500px;
	height: 250px;
}

/** Footer Thumbs */
/*#footer .six-columns .small-thumb {
	width: 136.5px;
	margin: 0;
}*/

/** Related posts/ gallery posts */
/*.related-posts .post-container,
.gallery-posts .post-container {
	width: 142px;
}*/
/*.layout-two-columns .related-posts .post-container,
.layout-two-columns .gallery-posts .post-container {
	width: 150px;
}*/

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

/** Accordion header */
.vertical-accordion .accordion-title,
.vertical-accordion .accordion-title.accordion-current {
	background-color: #f36406;
	color: #fff;
	text-transform: none;
}

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

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

.slider ul,
#home-slider {
	max-width: 100%;
}
#home-slider {
	margin: 0 auto;
	padding: 20px 0;
	width: 960px;
	height: 252px;
	overflow: hidden;
	/*border: 1px solid #000;*/
}
.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: 0;
	line-height: 1px;
	/*width: 580px;*/
	height: 252px;
}
.slider .panel-1 {
	border-left: 0;
}
.slider .thumb {
	display: inline;
	float: left;
	margin: 0;
	border: 1px solid #1dd71d;
}
.slider .featured-text {
	z-index: 4;
	line-height: 140%;
	color: #FFF;
	margin-left: 522px;
	padding-top: 5px;
}
.slider h2.entry-title,
.slider h2.entry-title a,
.slider h2.entry-title a:link {
	line-height: 125%;
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	/*text-transform: uppercase;*/
	margin: 0;
	padding: 0;
	font-family: Consolas,monaco,monospace;
}
.slider h2.entry-title a:hover,
.slider h2.entry-title a:active {
	text-decoration: underline;
	color: #fff;
}
.slider .entry-summary {
	margin: 15px 0 0;
}

/* ----- Nav buttons ----- */
a.slider-backward,
a.slider-forward {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	display: none;
	z-index: 4;
}
a.slider-backward {
	left: 30px;
	/*background: url('images/slider-prev-3px.png') no-repeat 0 0;*/
}
a.slider-backward:hover,
a.slider-backward:active {
	/*background: url('images/slider-prev-3px.png') no-repeat -30px 0;*/
	cursor: pointer;
}
a.slider-forward {
	left: 70px;
	/*background: url('images/slider-next-3px.png') no-repeat 0 0;*/
}
a.slider-forward:hover,
a.slider-forward:active {
	/*background: url('images/slider-next-3px.png') no-repeat -30px 0;*/
	cursor: pointer;
}

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

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

.tabs-wrapper {
	border-bottom-color: #f36406;
}
.tabs-wrapper a,
.tabs-wrapper a:link {
	text-transform: none;
}
.tabs-wrapper a.current,
.tabs-wrapper a.current:link {
	background-color: #f36406;
}

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

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

.mobile.phone #header .call-to-action {
	position: fixed;
	right: 0;
	top: 150px;
	z-index: 7;
}
.mobile.phone #home-top .widget-container {
	max-width: 480px;
	padding: 20px 3%;
	margin: 0 auto;
}

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

.mobile.phone #primary {
	margin-top: 40px !important;
}

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

.mobile.phone #header {
	max-width: none;
	padding: 0;
}
.mobile.phone #masthead {
	max-width: 480px;
	padding: 20px 3%;
}
.mobile.phone #header .logo {
	margin-bottom: 0;
}
.mobile-featured .thumb {
	border: 1px solid #1dd71d;
}
.mobile.phone #footer {
	max-width: none;
	padding: 0;
	margin-top: 40px;
}
.mobile.phone #colophon {
	max-width: 480px;
	padding: 0 3%;
}