/*   
Theme Name: Uncle Oscars
Description: Theme built for Uncle Oscars company.
Author: Michael Read
Author URI: http://www.createwithcurtis.com
*/

/*************************************
Defaults
*************************************/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700italic,700|Roboto+Condensed:400italic,700italic,400,300,700);

* { margin: 0; padding: 0; vertical-align: top; }

html, body { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; }

body { font-size: 16px; font-family: 'Roboto', sans-serif; color: #3a3a3a; background-color: #fff; position: relative; }

::-moz-selection { background: #006388; color: #fff; text-shadow: none; }
::selection { background: #006388; color: #fff; text-shadow: none; }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 16px; }
p, ul, ol { margin: 0 0 10px 0; font-size: 14px; line-height: 24px; }
a { color: #76994a; text-decoration: none; }
a:hover { text-decoration: underline; } 

div { display: block; }
form { }
input[type=text] { }
textarea { }

img { border: none; }

.post-edit-link { width: 100%; display: inline-block; *display: inline; zoom: 1; }

.read-more { text-transform: uppercase; }
.alignright { float: right; }
.alignleft { float: left; }

a.green-btn,
input.green-btn { font-family: 'Roboto Condensed', sans-serif; display: inline-block; font-size: 16px; line-height: 28px; background: #95ca52; -webkit-box-shadow:inset 3px 3px 2px 2px #648737; box-shadow:inset 2px 2px 2px 2px #648737; padding: 5px 13px; color: #fff; text-transform: uppercase; cursor: pointer; border: none; } 
a.green-btn:hover,
input.green-btn:hover { background: #73924b; color: #fff; text-decoration: none; -webkit-box-shadow:inset 3px 3px 2px 2px #40522a; box-shadow:inset 2px 2px 2px 2px #40522a; }

a.green-btn { line-height: 24px; }


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

#header { display: inline-block; width: 100%; background: #fff; padding: 20px 0; position: fixed; z-index: 300; top: 0; }

#logo {  }
#logo a { display: block; }
#logo a img { max-width: 100%; }

#primary-navbar { min-height: inherit; background: transparent; border: none; padding: 30px 0; }

#primary_menu { position: relative; z-index: 100; width: auto; font-family: 'Roboto Condensed', sans-serif; }
#primary_menu > ul { width: 100%; display: block; }
#primary_menu > ul > li { display: inline; }
#primary_menu > ul > li > a { padding: 10px 13px; color: #95be62; text-transform: uppercase; font-size: 13px; }
#primary_menu > ul > li > a:hover, #primary_menu > ul > li.current_page_item a,
#primary_menu > ul > li.current_page_parent a,
#primary_menu > ul > li.current_page_parent > ul li.current_page_item a { text-decoration: none; color: #73924b; background: transparent; }
#primary_menu > ul > li:hover > ul { display: block; }
#primary_menu > ul > li > ul { display: none; position: absolute; left: 0; }
#primary_menu > ul > li > ul > li { width: 100%; padding: 0; margin: 0; }
#primary_menu > ul > li > ul > li > a, 
#primary_menu > ul > li.current_page_parent > ul li a { width: 87%; color: #000; padding: 10px 2% 10px 3.2%; }
#primary_menu > ul > li > ul > li > a:hover, #primary_menu > ul > li > ul > li.current_page_item > a,
#primary_menu > ul > li.current_page_item > ul > li > a:hover { }
#primary_menu > ul > li.current_page_item > ul > li > a { color: #000; }

#social { display: block; padding: 10px 0; width: 100%; }
#social > ul { display: block; width: 100%; }
#social > ul > li { display: inline-block; }
#social > ul > li > a { display: block; padding: 0; margin: 0 5px 0 5px; }

/*************************************
Banner
*************************************/

#banner { width: 100%; background: #eee; position: relative; }
.page-template-page-home-php #banner { height: 100%; }

#image-slider { display: inline-block; width: 100%; height: 100%; position: relative; z-index: 10; }
#image-slider .bx-wrapper,
#image-slider .bx-wrapper .bx-viewport { height: 100%; }
#image-slider img { width: auto; height: 100%; }
#image-slider .bxslider { height: 100%; }

#banner-image { width: 100%; }
#banner-image img { width: 100%; height: auto; }

.blog-banner {  }
.blog-banner h2 { width: 100%; text-align: center; padding: 15px 0; margin: 0; }

/*************************************
Page
*************************************/

#section-1 { margin-top: 130px; }

.page-slide-section { width: 100%; height: 540px; position: relative; }

.page-slide { width: 100%; height: 100%; margin: 0; padding: 0; position: absolute;}
.page-slide-content { padding: 0; position: absolute; bottom: 5px; width: 100%; height: auto; color: #fff; }
.page-slide-content h1 { font-size: 36px; }
.page-slide-content h1,
.page-slide-content h2,
.page-slide-content h3,
.page-slide-content h4 { color: #fff; text-shadow: 0 0 6px #000; }
.page-slide-btn-container { width: 100%; height: auto; position: absolute; bottom: 25px; text-align: center; }
.page-slide-btn { display: inline-block; }

.page-slide-content img { max-width: 100%; height: auto; }

#main { width: 100%; padding: 10px 0; display: inline-block; background: #fff; margin-top: 155px; }
.page-template-page-home-php #main { padding: 20px 0; margin-top: 0; }

#main { }
#main ul,
#main ol { margin: 0 0 10px 20px; }

.page-banner-image { margin-bottom: 10px; max-width: 100%; height: auto; }

.page-content {  }
.page-content h4 { color: #76994a; }

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4 { margin: 0 0 10px 0; font-family: 'Roboto Condensed', sans-serif; }
.page-content p,
.page-content ul,
.page-content ol { font-weight: 300; line-height: 20px; }

.home-buckets { margin-bottom: 10px; }
#main .home-bucket { margin-bottom: 25px;  }
#main .home-bucket-title { font-family: 'Roboto Condensed', sans-serif; font-size: 22px; line-height: 30px; color: #76994a; text-transform: uppercase; margin: 0 0 10px 0; }
#main .home-bucket .page-content { background: #c9cdc3; padding: 10px; min-height: 240px; }
#main .home-bucket img { margin-bottom: 10px; }
#main .home-blog-title { font-size: 18px; margin: 0 0 10px 0; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
#main .home-bucket .page-content p { float: left; /* margin-bottom: 0;  */}

h4.member-name { text-transform: uppercase; color: #3a3a3a; font-family: 'Roboto Condensed', sans-serif; }
.member-section-title { text-transform: uppercase; color: #76994a; font-family: 'Roboto Condensed', sans-serif; }
.member-image { margin-top: 2px; }

.product { padding: 10px; 
	background: #cde998; /* Old browsers */
	background: -moz-linear-gradient(top,  #cde998 0%, #cde998 82%, #95be62 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cde998), color-stop(82%,#cde998), color-stop(100%,#95be62)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cde998 0%,#cde998 82%,#95be62 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cde998 0%,#cde998 82%,#95be62 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cde998 0%,#cde998 82%,#95be62 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cde998 0%,#cde998 82%,#95be62 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde998', endColorstr='#95be62',GradientType=0 ); /* IE6-9 */
}

.product .product-name { color: #76994a }

/*************************************
Blog
*************************************/

.blog-page-title { color: #95be62; display: block; text-align: center; text-transform: uppercase; margin: 0 0 20px 0; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.single-blog-page-title { color: #95be62; display: block; text-transform: uppercase; margin: 0 0 20px 0; font-family: 'Roboto Condensed', sans-serif; line-height: 22px; font-weight: bold; }

.posts-page-post { width: 100%; height: 190px; position: relative; }

.meta { margin: 15px 0;  }
.posts-page-post .meta { display: block; width: 100%; position: absolute; bottom: 0; margin: 0; background: #95be62; }
.posts-page-post:hover .meta { background: #73924b; }

.meta h4 { margin: 0; text-transform: uppercase; padding: 5px 0; font-family: 'Roboto Condensed', sans-serif; color: #3a3a3a; }
.meta h4 a { color: #3a3a3a; }
.posts-page-post .meta h4,
.posts-page-post .meta h4 a { color: #fff; padding: 5px 10px; margin: 0; }

.blog-entry {  }
.blog-entry h3 { text-transform: uppercase; }

.navgation { }
.next-posts { }
.prev-posts { }

.pagination { clear:both; padding: 0; position:relative; font-size:11px; line-height:13px; float: left; margin-bottom: 10px; }
.pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color: #626262; border: 1px solid #bfbfbf; }
.pagination a:hover{ color:#fff; background: #95be62; }
.pagination .current { padding:6px 9px 5px 9px; background: #95be62; color:#fff; }

.post-wrapper{ position: relative; margin-bottom: 15px; }
.post-wrapper .excerpt-hover { position: absolute; height: 100%; width: 100%; display: none; top: 0; left: 0; padding: 0 15px; margin: 0; }
.post-wrapper .excerpt-hover .excerpt-hover-wrapper { background: rgba(115, 146, 75, 0.8); width: 100%; height: 100%;  }
.post-wrapper:hover .excerpt-hover { display: block; }
.post-wrapper .excerpt-hover h4 { margin: 0; padding: 10px 10px 0 10px; color: #fff; }
.post-wrapper .excerpt-hover p { padding: 10px; margin: 0; color: #fff; text-decoration: underline; }

/*************************************
Comments
*************************************/

.comments-area {
	margin: 10px 0;
	padding: 10px;
	background: #efefef;
}

.comment-reply-title,
.comments-title {
	margin: 0;
	text-transform: uppercase;
}

#main .comment-list {
	list-style: none;
	margin: 0;
}

h2.comments-title { margin-bottom: 25px; }

.comment-author {
	font-size: 14px;
	line-height: 1.7142857142;
}

.comment-list .reply,
.comment-meta {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}

.comment-list .reply { position: absolute; right: 0; bottom: 0; }

.comment-body { position: relative; }

.comment-author .fn {
	font-weight: 900;
}

.comment-author a {
	color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-meta a {
	color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-meta a:hover {
	color: #41a62a;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
	border-top: 0;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: auto;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
}

.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-meta {
	padding-left: 65px;
}

.comment-meta { margin-bottom: 10px; }


.comment-edit-link {
	margin-left: 10px;
}

.comment-edit-link:before {
	/* content: "\f411"; */
}

.comment-reply-link:before,
.comment-reply-login:before {
	/* content: "\f412"; */
	margin-right: 2px;
}

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

#main .comment-content ul,
#main .comment-content ol {
	margin: 0 0 24px 22px;
}

#main .comment-content li > ul,
#main .comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

#main .comment-list .children {
	list-style: none;
	margin-left: 15px;
}

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 14px;
	line-height: 1.7142857142;
}

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}

/*************************************
Sidebar
*************************************/

#sidebar {  }

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

#sidebar .widget { margin-bottom: 10px; padding-bottom: 10px; width: 100%; display: inline-block; }
#sidebar .widget h4 { text-transform: uppercase; color: #76994a; font-size: 14px; }
#sidebar .widget ul { list-style: none; margin: 0 0 10px 0; font-weight: 300; }
#sidebar .widget ul li {  }
#sidebar .widget ul li a { color: #000; }
 
#searchform { }
	.searchform-wrap {  }
	#s { margin: 0; }
	#searchsubmt { }

.newsletter-box { background: #e4ebdb; padding: 10px; margin-bottom: 15px; }
.newsletter-box .gform_wrapper { margin: 0; padding: 0; position: relative; }
.newsletter-box .gform_wrapper .gform_heading { margin: 0 0 10px 0; width: 100%; }
.newsletter-box .gform_wrapper h3.gform_title{ color: #76994a; font-size: 16px; text-transform: uppercase; margin: 0 0 5px 0; font-family: 'Roboto Condensed', sans-serif; }
.newsletter-box .gform_wrapper p { font-weight: 300; }
.newsletter-box .gform_wrapper .gform_footer { padding: 0; margin: 0; position: absolute; bottom: 0; right: 36%; }

.newsletter-box .gform_confirmation_wrapper p:last-child { margin: 0; }

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit] { display: inline-block; font-size: 16px; line-height: 28px; background: #95ca52; /* -webkit-box-shadow: inset 3px 3px 2px 2px #648737; box-shadow: inset 2px 2px 2px 2px #648737; */ padding: 5px 10px; color: #fff; text-transform: uppercase; border: none; }
 
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover { background: #73924b; }

 
/*************************************
GForms
*************************************/

.gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea { 
	padding: 3px 5px 3px 5px;
}

#gform_wrapper_2 .gfield_label { display: none; }
#gform_wrapper_2 .gfield { margin-bottom: 10px; }

#gform_wrapper_4 .top_label select.medium { background: url('img/select-arrows.png') no-repeat right 5px center #95be62; color: #fff; font-size: 16px; padding: 5px 10px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: none; font-family: 'Roboto Condensed', sans-serif; -webkit-box-shadow:inset 3px 3px 2px 2px #648737; box-shadow:inset 2px 2px 2px 2px #648737; -webkit-appearance: none; appearance: none; }

#gform_wrapper_4 .top_label select.medium:focus { background: url('img/select-arrows.png') no-repeat right 5px center #76994a; }


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

#footer { padding: 10px 0; color: #95a483; font-size: 10px;
	background: #b8b8b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #b8b8b8 0%, #ffffff 12%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8b8b8), color-stop(12%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b8b8b8 0%,#ffffff 12%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b8b8b8 0%,#ffffff 12%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b8b8b8 0%,#ffffff 12%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b8b8b8 0%,#ffffff 12%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#footer p { margin: 0; text-transform: uppercase; font-size: 10px; line-height: 16px; }
#footer_menu { width: 100%; position: relative; }
#footer_menu > ul { list-style: none; font-size: 10px; }
#footer_menu > ul > li { display: inline-block; }
#footer_menu > ul > li > a { display: block; padding: 3px 10px; color: #95a483; text-transform: uppercase; }

@media screen and (max-width: 991px) {
	#logo { margin-bottom: 15px; }
	#primary-navbar { padding: 0; float: left; width: 100%; margin: 0; }
}

@media screen and (max-width: 767px) {
	#header { position: relative; }
	#primary-navbar { padding: 30px 0 10px 0; margin: 0; }
	#section-1,
	#main { margin-top: 0; }
}


@media screen and (max-width: 500px) {
	.post-wrapper:hover .excerpt-hover { display: none; }
}