/*
Theme Name: re skeleton
Theme URI: http://www.simplethemes.com/wordpress-themes/theme/skeleton
Description: Skeleton Child Theme. Use this child theme to safely make modifications to the existing theme. Using a child theme ensures that you do not lose the modifications with theme updates.
Version: 2.0.0
Author: Manfa Design
Author URI: http://www.simplethemes.com
Template: smpl_skeleton
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/


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

This child theme enables you to make customizations while allowing for safe updates to the parent theme.
The parent theme's style.css is imported below. If you wish to make customizations, do one of the following:

A.) Copy the contents of skeleton/style.css into this file, but leave the (above) child theme head in tact!
B.) Add specific rules BELOW the import. This is intended for minimal customizations.

----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------

*/

@import url("../smpl_skeleton/style.css");

/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {
		#header .header_extras {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		
		#header h1#site-title {
			clear: both;
			margin-top: 20%;
			position: relative;
			z-index: 2;
		}
		
		
		#header div#site-title {
			clear: both;
			margin-top: 20%;
			position: relative;
			z-index: 2;
		}
		
		#header #site-title a {
			max-width: 100%;
			height: auto;
		}


	
	}


.header_extras a.socialIcons {
	margin-right: 3px;
	margin-bottom: 5px;
	float: right;
}

.header_extras a.socialIcons:hover {
	opacity: .8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}



/* @group Navigation bar */
#navigation ul li {
	font-family: 'Buenard', serif;
	font-size: 110%;
}

#navigation ul li a {
	color: #4D4D4D;
}

#navigation ul li.active li a {
	color: #4D4D4D;
}

/* Navigation hover links */

#navigation ul li:hover a,
#navigation ul li a:hover {
	color: #81BE33;
}

#navigation ul li:hover li a {
	color: #4D4D4D;
	border-top: none;
}


#navigation ul.sub-menu li a:hover,
#navigation ul.children li a:hover {
	background: #fff;
	border-bottom: none;
	color: #81BE33;
}

/* Navigation active links */

#navigation ul li.active a {
	color: #81BE33;
	border-top: 3px solid #81BE33;
}

/* @group Typography */

h1, h2, h3, h4, h5, h6 {
	font-family: 'EB Garamond', serif;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 90%;
	color: #666;
}

h1 {line-height: 120%; margin-bottom: 10px;}

a {
	color: #81BE33;
}

a:hover {
	color: #A05F02;
}

/* Lists */

ul {
	margin-bottom: 10px;
}

li {
	font-family: 'Open Sans', sans-serif;
	font-size: 95%;
	color: #000000;
}

/* Forms */

/* Corrects formatting issue for Paypal generated Donate button on Donate Funding page */
div.entry-content form, input[type="hidden"] {
	margin-top: -30px;
}

/* @group Footer */

#footer {
	background: -moz-linear-gradient(270deg, #ECECEC, #FFF) repeat scroll 0 0 transparent;
 	background: -webkit-linear-gradient(270deg, #ECECEC, #FFF) repeat scroll 0 0 transparent;
	-pie-background: linear-gradient(#ECECEC, #FFF);
	padding: 20px 0;
	width: 100%;
}

#footer .widget-title {
	padding: 0 0 0 20px;
}


#footer h3 {
	font-family: 'EB Garamond', serif;
	font-size: 1.4em;
	font-weight: normal;
	font-stretch: expanded;
	color: #81BE33;
}

#footer p {
	font-family: "EB Garamond", serif;
	font-size: 130%;
	line-height: 170%;

}

#footer .one_fourth {
	border-right: 1px #6C6C6C solid;
	height: 300px;
}

#footer .one_fourth_last a {
	color: #777;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.7em;
}

#footer .one_fourth_last a:hover {
	color: #A05F02;
}

.textwidget p {
	padding: 0 0 0 20px;
}

/* @group Toggle */

.toggle_container {
	padding: 0 20px;
}

p.trigger {
	padding: 0 8px 8px 16px;
}

p.trigger a {
	color: #81BE33;
	font-size: .9em;

}

p.trigger a:hover,p.trigger.active a:hover {
	color: #363;
}

p.trigger.active a {
	color: #666;
}

/* @group Page Sidebar */

.page .widget-container {
	border-left: dotted #CCC 1px;
}

.page .widget-container h3 {
	color: #666;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 10px;
	padding-left: 20px;
}

.page .widget-container a {
	font-size: 1.4em;
	font-family: "EB Garamond", serif;
}

.page .widget-container p {
	line-height: 0.4em;
}



/* @group Blog Sidebar */

.blog div#sidebar {
	margin-left: -1px;
	border-left: dotted #CCC 1px;
}

.blog .widget-container h3 {
	color: #345B11;
}

.blog .widget-container h3 label {
	font-size: 20px;
}

.blog .button {
	display: block;
}

.blog .widget-container .jetpack-image-container a:hover {
	opacity: 70%;
}

/* General Blog Styles */

.blog div.post {
	clear: both;
	margin-top: 10px;
}

.single .post {
	width: 95%;
}

.alignleft {
	margin-right: 25px;
}

.blog a:hover {
	color: #345B11;
}



/* Metaslider styles */

.metaslider .rslides .caption-wrap {
    position: absolute;
	height: 100%;
    bottom: 0;
    left: 70%;
    background: rgba(170, 216, 106, 0.9);
    color: white;
    line-height: 30px;
	opacity: 1;
    margin: 0;
    display: block;
    width: 30%;
}


.metaslider .rslides img {
	display: block;
    width: 70%;
	height: auto;
    padding: 0;
    margin: 0;
}


.metaslider li .caption h2 {
	font-family: 'EB Garamond', serif;
	color: #333333;
	font-size: 22px;
	font-weight: normal;
	margin: 5px 0 10px 0;
	padding: 0;
	opacity: 1;
	line-height: 1.1em;
}

.metaslider li .caption {
	font-family: 'Open Sans', sans-serif;
	opacity: 1;
	color: #333333;
	font-size: 100%;
	font-weight: normal;
	padding: 10px 35px 10px 20px;
	line-height: 1.5em;
}

/* Homepage styling for main headers with bottom border */

.home .one_fourth img:hover {
	opacity: .8;
}

.home h4 {
	margin-top: -30px;
	font-size: 140%;
	font-weight: normal;
	color: #545252;
	padding-bottom: 5px;
	border-bottom: 1px #81BE33 dotted;
}

/* Style for site design credit below footer */
#credits .themeauthor a {
	color: #81BE33;
	text-decoration: underline;
}

#credits .themeauthor a:hover {
	color: #345B11;
	text-decoration: underline;
}

/* Woocommerce shop customization */

.woocommerce .page-title {
	color: #81BE33;
}

.woocommerce span.soldout, .woocommerce-page span.soldout {
	min-height: 52px;
	min-width: 52px;
	padding: 4px;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	text-align: center;
	line-height: 52px;
	top: -6px;
	left: -6px;
	margin: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 40px;
	background: #F15A24;
	text-shadow: 0 -1px 0 #7E2217;
	color: #fff;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.2);
}

.woocommerce .products ul {
	color: #81BE33;
}


/* sidebar styling for WooCommerce pages */
.woocommerce-page #sidebar {
	background: #345B11;
}

.woocommerce-page .widget-container h3 {
	color: #FFF;
	padding: 10px 30px 0 20px;
	border-top: #FFF dotted thin;
	font-weight: normal;
}

.woocommerce-page .widget-container {
	padding-top: 20px;
	margin: 0;
}

.woocommerce-page .widget-container .textwidget a.big-type {
	padding-left: 20px;
	color: #FFF; 
	font-size: 22px; 
	font-family: 'Palatino Linotype', Palatino, Baskerville, Georgia, serif; 
}

.woocommerce-page .widget-container .textwidget p {
	color: #CCCCCC;
	padding: 5px 30px 5px 20px;
	font-size: 90%;
}

.woocommerce-page .widget-container .list p{
	font-size: 100%;
}

.woocommerce-page .widget-container .list li {
	padding: 0 20px;
}


/* styling for product count on Woocommerce pages */
.woocommerce-page mark {
	background: none;
	color: #333;
}


/* clears related products when comments are disabled */
.woocommerce-page div.related {
	clear: both;
}