/*******************************************************************************************************************

	Theme Name: Organic Shop
	Theme URI: http://www.organicthemes.com/theme/shop-theme/
	Description: The Shop Theme created by Organic Themes to work with Woocommerce.
	Author: Organic Themes
	Author URI: http://www.organicthemes.com
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Version: 3.7.7
	Text Domain: organic-shop
	Domain Path: /languages/
	Tags: one-column, two-columns, three-columns, right-sidebar, custom-background, custom-header, custom-menu, featured-images, featured-image-header, flexible-header, full-width-template, theme-options, translation-ready, sticky-post

	The CSS, XHTML and Design are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

********************************************************************************************************************

	Table of Contents:

	 0.	Global
	 1.	Hyperlinks
	 2.	Headings
	 3.	Header
	 4.	Navigation
	 5.	Slideshow
	 6.	Homepage
	 7.	Content
	 8. Post Formats
	 9. Social Media
	10. Pagination
	11.	Images
	12. Portfolio
	13.	Wordpress Gallery
	14.	Sidebar
	15.	Widgets
	16.	Recent Comments Widget
	17.	Calendar Widget
	18.	Custom Menu Widget
	19.	Search Form
	20.	Footer
	21.	Comments
	22.	Buttons
	23. Tables
	24. Forms
	25. CSS3 Styles
	26. Grid
	27. WordPress Core
	28. Organic Widgets
	29. Gutenberg

*******************************************************************************************************************/

body {
	background-color: #f4f4f4;
	color: #666666;
	color: rgba(0,0,0, .7);
	font-size: 1em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 1.8;
	margin: 0px;
	padding: 0px;
}

/************************************************
*	0.	Global									*
************************************************/

p {
	padding: 12px 0px;
	margin: 0px;
}
p:empty {
	display: none;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #DDDDDD;
	background-color: #DDDDDD;
	margin: 6px 0px 8px 0px;
	padding: 0px;
}
ol, ul {
	list-style: none;
	margin: 5px 0px;
	padding: 0px 0px 0px 20px;
}
ol li {
	list-style: inside;
	list-style-type: decimal;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
}
ul li {
    list-style: inside;
    list-style-type: square;
    margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
}
ul ol li, ul ol ul ol li {
    list-style-type: decimal;
}
ol ul li, ol ul ol ul li {
    list-style-type: square;
}
blockquote {
	color: #333333;
	font-family: 'Merriweather', Georgia, Times, serif;
	font-size: 1.8em;
	line-height: 1.4;
	margin: 20px 0px;
	padding: 20px;
	border-top: 1px solid rgba(0,0,0, .08);
	border-bottom: 1px solid rgba(0,0,0, .08);
}
blockquote p {
	margin: 0px;
	padding: 0px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
code {
	color: #666666;
	background: #f4f4f4;
	font-size: 0.8em;
	margin: 12px 0px;
	padding: 6px 10px;
	display: block;
	font-family: Verdana, Tahoma, Verdana;
	border: 1px solid #DDDDDD;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
img, object, embed {
	max-width: 100%;
}
img, object, embed {
	height: auto;
	margin: 0px auto 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.align-center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
.align-center {
	float: none;
	text-align: center;
}

/************************************************
*	1.	Hyperlinks								*
************************************************/

a img {
	border: none;
}
a, a:link {
	color: #161616;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	color: #00ccff;
	text-decoration: underline;
}

/************************************************
*	2.	Headings  								*
************************************************/

h1, h2, h3,
h4, h5, h6 {
	color: #333333;
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.2;
	margin: 4px 0px;
	padding: 4px 0px;
}
h1 {
	font-size: 2.4em;
	font-weight: 700;
	letter-spacing: -0.8px;
}
h2 {
	font-size: 2.2em;
	font-weight: 700;
	letter-spacing: -0.6px;
}
h3 {
	font-size: 2em;
	font-weight: 700;
	letter-spacing: -0.4px;
}
h4 {
	font-size: 1.6em;
	font-weight: 400;
}
h5 {
	font-size: 1.4em;
	font-weight: 400;
}
h6 {
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0.2px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #333333;
	text-decoration: none;
	border: none;
}
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
	color: #00ccff;
	text-decoration: none;
	border: none;
}
.headline, .page-title {
	font-size: 2.8em;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
.title {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.2px;
	margin: 0px;
	padding: 0px;
}

/************************************************
*	3.	Header  								*
************************************************/

#header {
	line-height: 0;
	margin: 0px;
	padding-bottom: 24px;
	position: relative;
	z-index: 99;
}
#header-bar {
	display: block;
	background: #121212;
	margin: 0px auto 0px;
	padding: 0px;
}
#header-bar .row {
	max-width: 1176px;
}
#header-bar .social-icons li a {
	display: inline-block;
	background: none;
	color: #666666;
	text-align: center;
	text-decoration: none;
	line-height: 44px;
	height: auto;
	min-width: 0;
	margin: 0px;
	padding: 0px 8px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#header-bar .social-icons li a:hover {
	background: none;
	color: #FFFFFF;
}
#header #logo {
	display: block;
	line-height: 0;
	margin: 0px;
	padding: 0px;
}
#header #logo a {
	display: block;
}
#header #logo img {
	max-height: 140px;
}
#header #logo .logo-text {
	float: left;
	text-align: left;
	text-indent: -9999px;
}
#header #custom-header {
	text-align: center;
	margin: 12px auto 12px;
}
#header #masthead {
	display: block;
	width: 100%;
	position: relative;
	padding: 0px;
}
#header .site-title {
	display: block;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size: 2.6em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: -1.4px;
	line-height: 1.2;
	padding: 0px;
	margin: 0px;
}
#header .site-description {
	display: block;
	color: #999999;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	font-weight: 300;
	text-transform: none;
	text-align: center;
	line-height: 1.6;
	margin: 0px 0px 24px 0px;
	padding: 0px;
	overflow: hidden;
}
#header-search {
	margin-top: 4px;
}
.header-border {
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}

/************************************************
*	4.	Navigation 								*
************************************************/

#navigation {
	display: block;
	position: relative;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	z-index: 99;
}
.menu-toggle {
	display: none;
	cursor: pointer;
}
ul.mobile-menu {
	display: none;
}

/*** ESSENTIAL STYLES ***/
.menu, .menu * {
	margin:	0;
	padding: 0;
	list-style:	none;
}
ul.menu {
	float: left;
	line-height: 1.0;
}
.menu ul {
	margin: 0px;
	padding: 0px;
}
.menu ul ul,
ul.menu ul {
	position: absolute;
	top: -9999px;
	width: 200px; /* left offset of submenus need to match (see below) */
}
ul.menu ul,
ul.sub-menu {
	left: 50%;
	margin-left: -100px;
}
.menu ul ul ul, ul.menu ul ul {
	margin: 0px;
}
.menu ul li ul li, ul.menu ul li {
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.menu li {
	display: inline-block;
	position: relative;
}
.menu li li {
	display: block;
	position: relative;
}
.menu a {
	display: inline-block;
	position: relative;
}
.menu li:hover ul,
.menu li.sfHover ul {
	top: 40px; /* match top ul list item height */
	z-index: 99;
}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top: -9999px;
}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top: -9999px;
}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}

/*** SKIN ***/
#navigation .menu .current_page_item a,
#navigation .menu .current_page_ancestor a,
#navigation .menu .current-menu-item a,
#navigation .menu .current-cat a {
	color: #000000;
}
#navigation .menu li .current_page_item a, #navigation .menu li .current_page_item a:hover,
#navigation .menu li .current-menu-item a, #navigation .menu li .current-menu-item a:hover,
#navigation .menu li .current-cat a, #navigation .menu li .current-cat a:hover {
	color: #FFFFFF;
	background: rgba(0, 0, 0, .1);
}
#navigation .menu .current_page_item ul li a,
#navigation .menu .current-menu-item ul li a,
#navigation .menu .current-menu-ancestor ul li a,
#navigation .menu .current_page_ancestor ul li a,
#navigation .menu .current-cat ul li a {
	color: #EEEEEE;
}
#navigation .menu .current_page_item ul li a:hover,
#navigation .menu .current-menu-item ul li a:hover,
#navigation .menu .current-menu-ancestor ul li a:hover,
#navigation .menu .current_page_ancestor ul li a:hover,
#navigation .menu .current-menu-ancestor ul .current_page_item a,
#navigation .menu .current_page_ancestor ul .current-menu-item a,
#navigation .menu .current-cat ul li a:hover {
	color: #FFFFFF;
	background: rgba(0, 0, 0, .1);
}
#navigation .menu .current_page_item .sub-menu a,
#navigation .menu .current_page_ancestor .sub-menu a,
#navigation .menu .current-menu-item .sub-menu a,
#navigation .menu .current-cat .sub-menu a {
	color: #EEEEEE;
}
#navigation .menu .current_page_item .sub-menu a:hover,
#navigation .menu .current_page_ancestor .sub-menu a:hover,
#navigation .menu .current-menu-item .sub-menu a:hover,
#navigation .menu .current-cat .sub-menu a:hover {
	color: #FFFFFF;
	background: rgba(0, 0, 0, .1);
}
.menu {
	margin-bottom: 0;
}
.menu ul.sub-menu, .menu ul.children {
	background-color: #00ccff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
}
.menu ul.children ul.children,
.menu ul.sub-menu ul.sub-menu {
	margin-left: 4px;
}
.menu .nav-arrow {
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -3px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #00ccff;
}
.menu ul.children ul.children .nav-arrow,
.menu ul.sub-menu ul.sub-menu .nav-arrow {
	display: none;
}
.menu a {
	background: none;
	text-transform: uppercase;
	line-height: 40px;
	text-decoration: none;
	letter-spacing: 0.4px;
	margin: 0px;
	padding: 0px 8px;
}
#wrap .menu a {
	color: #999999;
}
.menu a:focus,
.menu a:hover,
.menu a:active {
	outline: 0;
}
#wrap .menu a:focus,
#wrap .menu a:hover,
#wrap .menu a:active {
	color: #000000;
}
.menu li li a {
	display: block;
	background: none;
	font-size: 0.9em;
	text-transform: none;
	line-height: 40px;
	margin: 0px;
	padding: 0px 12px;
}
#wrap .menu li li a {
	color: #EEEEEE;
}
.menu li li a:focus,
.menu li li a:hover,
.menu li li a:active {
	background: rgba(0, 0, 0, .1);
	outline: 0;
}
#wrap .menu li li a:focus,
#wrap .menu li li a:hover,
#wrap .menu li li a:active {
	color: #FFFFFF;
}
.menu li.sfHover:hover a {
	color: #FFFFFF;
}
.menu li.sfHover:hover {
	outline: 0;
}
.menu li {
	margin: 0px;
}
.menu li li {
	background: none;
	margin: 0px;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.menu li:first-child,
.menu li:first-child a {
	margin-left: 0px;
	padding-left: 0px;
}
.menu li li:last-child,
.menu li li:last-child a {
	border-bottom: none;
}

/*** HEADER MENU **/
#header-menu {
	font-weight: 400;
	text-align: right;
}
#header-menu .menu li {
	float: left;
}
#header-menu .menu a {
	color: #666666;
	text-transform: none;
	font-size: 0.8em;
	line-height: 44px;
	margin: 0px;
	padding: 0px 12px;
	border-left: 1px solid rgba(255, 255, 255, 0.08);
}
#header-menu .menu li:last-child a {
	border-right: 1px solid rgba(255, 255, 255, 0.08);
}
#header-menu .menu a:focus,
#header-menu .menu a:hover,
#header-menu .menu a:active {
	color: #FFFFFF;
}

/*** FOOTER MENU **/
#footernav {
	display: block;
	max-width: 1180px;
	font-weight: 400;
	text-align: center;
	margin: 0px auto 0px;
	padding: 6px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}
#footernav .menu a {
	text-transform: none;
	font-size: 0.9em;
	margin: 0px 6px;
}

/*** VERTICAL STYLE  **/

.vertical-menu {
	background: #f4f4f4;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 9;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.vertical-menu ul.menu {
	float: none;
}
ul.menu.sf-vertical li li:hover ul,
ul.menu.sf-vertical li li.sfHover ul {
	left: 100%;
}
ul.menu.sf-vertical li li li:hover ul,
ul.menu.sf-vertical li li li.sfHover ul {
	left: 100%;
}
.menu.sf-vertical .nav-arrow {
	display: none;
}
ul.menu.sf-vertical ul,
.menu.sf-vertical ul.sub-menu {
	display: none;
	background: #f4f4f4;
	top: 0px;
	left: 100%;
	margin-left: 0px;
}
.menu.sf-vertical ul.sub-menu,
.menu.sf-vertical ul.children {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.menu.sf-vertical ul.children ul.children,
.menu.sf-vertical ul.sub-menu ul.sub-menu {
	margin-left: 0px;
}

.menu.sf-vertical li {
	display: block;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.menu.sf-vertical li a {
	display: block;
	line-height: 36px;
	margin: 0px;
	padding: 0px 12px;
}
.menu.sf-vertical li li a {
	font-size: 1em;
	line-height: 36px;
	padding: 0px 12px;
}
#wrap .menu.sf-vertical li li a {
	color: #999999;
}
#wrap .menu.sf-vertical li li a:hover {
	color: #000000;
}

/*** alter arrow directions ***/
.menu.sf-vertical.sf-arrows > li > .sf-with-ul:after {
	margin-top: -4px;
	margin-right: 2px;
	border-color: transparent;
	border-left-color: #DDDDDD; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(0, 0, 0, .2);
}
.menu.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.menu.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.menu.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
	border-left-color: rgba(0, 0, 0, .4);
}

/*** ARROWS **/
.sf-arrows .sf-with-ul {
	margin-right: 0px;
	padding-right: 1.2em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0.4em;
	margin-top: -1px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 3px solid transparent;
	border-top-color: #DDDDDD; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(0, 0, 0, .2);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #999999; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -3px;
	margin-right: 0px;
	border-color: transparent;
	border-left-color: rgba(0, 0, 0, .2); /* edit this to suit design (no rgba in IE8) */
	/*border-top-color: rgba(0, 0, 0, .2);*/
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: rgba(0, 0, 0, .4);
}

/************************************************
*	5. Slideshow							    *
************************************************/

.slideshow {
	display: block;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 8;
}
.slideshow ul, .slideshow li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.slideshow .feature-img,
.slideshow .feature-vid {
	margin-bottom: 0px;
	overflow: hidden;
}
.slideshow .information {
	display: block;
	background: #f4f4f4;
	left: 0;
	bottom: 0;
	padding: 24px;
}
.slideshow .information .excerpt p {
	font-size: 0.9em;
	line-height: 1.6;
	padding: 6px 0px;
}
.slideshow .loading {
	background: #f4f4f4;
	min-height: 420px;
}
.slideshow .preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	border-bottom: 3px solid rgba(0, 0, 0, 0.08);
	border-left: 3px solid rgba(0, 0, 0, 0.08);
	border-right: 3px solid rgba(0, 0, 0, 0.24);
	border-top: 3px solid rgba(0, 0, 0, 0.24);
	border-radius: 100%;
	height: 32px;
	width: 32px;
	-webkit-animation: spin .6s infinite linear;
	-moz-animation: spin .6s infinite linear;
	-ms-animation: spin .6s infinite linear;
	-o-animation: spin .6s infinite linear;
	animation: spin .6s infinite linear;
	z-index: 99;
}
.flexslider {
	background: #f4f4f4;
	margin: 0;
	padding: 0px;
	overflow: hidden;
}
.flexslider .slides {
	position: relative;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {
	display: none;
}

/* Caption style */
.flex-caption {
	background: none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	zoom: 1;
}
.flex-caption {
	background: rgba(0,0,0,.3);
	color: #FFFFFF;
	width: 96%;
	padding: 2%;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

/* Direction Nav */
.flex-direction-nav {
	height: 0;
}
.flex-direction-nav li a {
	display: block;
	background: #ffffff;
	font-size: 16px;
	line-height: 30px;
	height: 32px;
	width: 24px;
	text-decoration: none !important;
	text-align: center;
	margin: -16px 0px 0px 0px;
	opacity: 0;
	position: absolute;
	top: 50%;
	cursor: pointer;
	overflow: visible;
	z-index: 9;
}
.flex-direction-nav .flex-next {
	right: 0px;
	text-indent: 4px;
	border-radius: 16px 0px 0px 16px;
	-moz-border-radius: 16px 0px 0px 16px;
	-khtml-border-radius: 16px 0px 0px 16px;
	-webkit-border-radius: 16px 0px 0px 16px;
}
.flex-direction-nav .flex-prev {
	left: 0px;
	text-indent: -4px;
	border-radius: 0px 16px 16px 0px;
	-moz-border-radius: 0px 16px 16px 0px;
	-khtml-border-radius: 0px 16px 16px 0px;
	-webkit-border-radius: 0px 16px 16px 0px;
}
.flex-direction-nav .flex-next i,
.flex-direction-nav .flex-prev i {
	color: #999999;
}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
	text-decoration: none !important;
}
.flex-direction-nav .flex-prev:hover i,
.flex-direction-nav .flex-next:hover i {
	color: #000000;
}
.flex-direction-nav a.flex-disabled {
	opacity: 0 !important;
}

/* Control Nav */
.flex-control-nav {
	position: absolute;
	right: 18px;
	bottom: 0px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	z-index: 9;
}
.flex-control-nav li {
	display: inline-block;
	margin: 0px;
	padding: 4px !important;
	zoom: 1;
	*display: inline;
}
.flex-control-nav li:first-child {
	margin: 0;
}
.flex-control-nav li a {
	width: 4px;
	height: 4px;
	display: block;
	cursor: pointer;
	text-indent: -999em;
	border-radius: 3px;
	border: 2px solid rgba(255, 255, 255, 0.2);
}
.flex-control-nav li a:hover {
	background: rgba(255, 255, 255, 0.2);
}
.flex-control-nav li a.flex-active {
	background: rgba(255, 255, 255, 0.6);
	cursor: default;
	border: 2px solid rgba(255, 255, 255, 0);
}

/************************************************
*	6.	Homepage 					     	    *
************************************************/

.home-top .row {
	display: flex;
}
.home-top .four.columns {
	background: #f4f4f4;
}
.home-top .twelve.columns .home-slider {
	margin-left: 24px;
}
.homepage {
	position: relative;
	margin-top: 24px;
	padding: 0px;
	overflow: hidden;
}
.homepage ul,
.homepage li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.homepage li.four.columns:nth-child(4n-7) {
	clear: both;
}
.homepage li.eight.columns:nth-child(2n+1) {
	clear: both;
}
.homepage ul.products-container {
	margin-left: -6px;
	width: calc(100% + 12px);
	width: -webkit-calc(100% + 12px);
	width: -moz-calc(100% + 12px);
}
.homepage ul.products-container.two-column {
	margin-left: -12px;
	width: calc(100% + 24px);
	width: -webkit-calc(100% + 24px);
	width: -moz-calc(100% + 24px);
}
.homepage .product-holder {
	margin: 6px;
}
.homepage .two-column .product-holder {
	margin: 12px;
}
.homepage .information {
	background: #F4F4F4;
	margin: 0pc;
	padding: 24px;
}
.homepage .price {
	font-size: 0.85em;
}
.homepage .feature-img {
	margin-bottom: 0px;
}

/************************************************
*	7.	Content 					     	    *
************************************************/

.article {
	display: block;
	overflow: hidden;
}
.blog-holder, .archive-holder {
	margin-bottom: 36px;
	padding-bottom: 36px;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.postarea {
	padding: 36px 36px 0px 0px;
}
.postarea.right {
	padding: 36px 0px 0px 36px;
}
.postarea.full {
	padding: 48px 12% 0px 12%;
}
.postarea.middle {
	padding: 36px 24px 0px 24px;
}
.post-author {
	display: inline-block;
	color: #999999;
	width: 100%;
	font-size: 0.8em;
	margin: -12px 0px 12px 0px;
	padding: 6px 0px;
}
.post-author p {
	margin: 0px;
	padding: 0px;
}
.post-meta {
	display: inline-block;
	background: #f4f4f4;
	color: #999999;
	width: 100%;
	font-size: 0.9em;
	margin: 12px 0px;
	padding: 8px 0px;
	overflow: hidden;
}
.post-meta p {
	margin: 0px;
	padding: 0px 12px;
}
.post-edit-link {
	display: inline-block;
	margin: 12px 0px;
}
.author-column {
	float: right;
	width: 72%;
	margin-top: 20px;
	padding-left: 4%;
	border-left: 1px solid rgba(0,0,0, .08);
}
.archive-column {
	float: left;
	width: 30%;
	margin: 0px;
	padding-right: 5%;
}
.archive-column.last {
	padding-right: 0;
}

/************************************************
*	8.	Post Formats   							*
************************************************/

.format-video .feature-vid {
	background: #f4f4f4;
	margin: 0px 0px 12px 0px;
	padding: 12px;
}
.format-image {
	position: relative;
}
.format-image .feature-img {
	position: relative;
	margin: 0px;
	z-index: 6;
}
.format-image .caption {
	display: block;
	background: rgba(0,0,0, .6);
	color: #FFFFFF;
	width: 100%;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 0;
	position: absolute;
	bottom: 0;
	margin: 0px;
	padding: 12px 0px;
	z-index: 9;
}
.format-image .caption span {
	padding: 0px 18px;
}
.format-gallery .slideshow {
	margin-top: 0px;
	margin-bottom: 24px;
}
.format-status .article {
	background: #f4f4f4;
	font-family: 'Merriweather', Georgia, Times, serif;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.6;
	padding: 24px;
}
.format-quote blockquote {
	border: none;
}

/************************************************
*	9.	Social Media   							*
************************************************/

.social {
	display: block;
	background: #f4f4f4;
	height: 24px;
	margin: 12px 0px 6px 0px;
	padding: 8px;
}
.tweet-btn, .like-btn, .pin-btn, .plus-btn {
	float: left;
	display: inline-block;
	line-height: 0;
	margin: 2px;
	padding: 0px;
}
.tweet-btn {
	width: 90px;
}
.like-btn {
	width: 92px;
}
.plus-btn {
	width: 72px;
}
.pin-btn {
	width: 54px;
}
.social-icons {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.social-icons li {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.social-icons li a {
	display: block;
	background: #FFFFFF;
	color: #aaaaaa;
	text-align: center;
	text-decoration: none;
	line-height: 32px;
	min-width: 32px;
	margin: 2px;
	padding: 0px;
	border-radius: 16px;
}
.social-icons li a:hover {
	background: #cccccc;
	color: #666666;
}
.social-icons li a::before {
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: normal;
	content: '\f0c1';
}
.social-icons li a span {
	display: none;
}
.social-icons li a[href*="facebook.com"]::before		{ content: '\f09a'; }
.social-icons li a[href*="twitter.com"]::before 		{ content: '\f099'; }
.social-icons li a[href*="plus.google.com"]::before 	{ content: '\f0d5'; }
.social-icons li a[href*="linkedin.com"]::before	 	{ content: '\f0e1'; }
.social-icons li a[href*="github.com"]::before		 	{ content: '\f113'; }
.social-icons li a[href*="dribbble.com"]::before		{ content: '\f17d'; }
.social-icons li a[href*="foursquare.com"]::before		{ content: '\f180'; }
.social-icons li a[href*="pinterest.com"]::before		{ content: '\f0d2'; }
.social-icons li a[href*="wordpress.com"]::before		{ content: '\f19a'; }
.social-icons li a[href*="youtube.com"]::before			{ content: '\f16a'; }
.social-icons li a[href*="vine.co"]::before				{ content: '\f1ca'; }
.social-icons li a[href*="instagram.com"]::before		{ content: '\f16d'; }
.social-icons li a[href*="stackexchange.com"]::before	{ content: '\f18d'; }
.social-icons li a[href*="mailto:"]::before				{ content: '\f0e0'; }
.social-icons li a[href$="/feed/"]::before				{ content: '\f09e'; }
.social-icons li a[href$="/cart/"]::before				{ content: '\f07a'; }

/************************************************
*	10.	Pagination 	  		      		     	*
************************************************/

.pagination {
	float: left;
	display: block;
	width: 100%;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	margin: 0px;
	padding: 12px 0px;
	position: relative;
	z-index: 9;
}
.pagination .page-numbers {
	display: inline-block;
	background: #f4f4f4;
	color: #666666;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin: 0px 2px;
	padding: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
}
.pagination .page-numbers:hover,
.pagination .page-numbers:active {
	background: #EEEEEE;
	height: 24px;
	width: 24px;
	line-height: 24px;
	padding: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.pagination .page-numbers.current {
	display: inline-block;
	background: #EEEEEE;
	height: 24px;
	width: 24px;
	line-height: 24px;
	padding: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.post-navigation {
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.previous-post {
	float: left;
	font-size: 0.9em;
}
.next-post {
	float: right;
	font-size: 0.9em;
}
.page-links {
	display: block;
	overflow: hidden;
	margin: 12px 0px;
}
.page-links .link-label {
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
}
.page-links span {
	margin: 0px 3px;
}

/************************************************
*	11.	Images  				     		    *
************************************************/

.feature-img,
.feature-vid {
	display: block;
	text-align: center;
	line-height: 0;
	margin-bottom: 12px;
	overflow: hidden;
}
.feature-img.banner {
	margin: 24px 0px 0px 0px;
}
.avatar {
	background: #FFFFFF;
	margin: 10px 20px 10px 0px;
	padding: 6px;
}
.author-avatar {
	float: left;
	display: block;
	width: 20%;
	margin-top: 20px;
	padding-right: 3.6%;
}
.author-avatar .avatar {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}
img.aligncenter {
	display: block;
	margin: 6px auto 6px;
	padding: 0px;
}
img.alignnone {
	padding: 0px;
	margin: 6px 0px;
	display: inline;
}
img.alignright {
	padding: 0px;
	margin: 12px 0px 12px 24px;
	display: inline;
}
img.alignleft {
	display: inline;
	padding: 0px;
	margin: 12px 24px 12px 0px;
}
.aligncenter {
	display: block;
	margin: 6px auto 6px;
}
.alignright {
	float: right;
	margin: 6px 0px 6px 24px;
}
.alignleft {
	float: left;
	margin: 6px 24px 6px 0px;
}
.wp-caption {
	background: #f4f4f4;
	max-width: 100%;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 8px 6px;
	border: 1px solid rgba(0,0,0, .08);
}
.wp-caption img {
	max-width: 100%;
	margin: 0px auto 0px;
	padding: 0px;
}
.wp-caption p.wp-caption-text {
	display: inline;
	font-size: 0.85em;
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
}

/************************************************
*	12.	Portfolio 								*
************************************************/

.portfolio-wrap {
	margin-left: -6px;
	width: calc(100% + 12px);
	width: -webkit-calc(100% + 12px);
	width: -moz-calc(100% + 12px);
}
#portfolio-filter {
	margin: 6px;
	padding: 0px;
}
#portfolio-filter li {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#portfolio-filter li a {
	display: inline-block;
	background: #f4f4f4;
	text-decoration: none;
	margin: 6px 6px 0px 0px;
	padding: 8px 12px;
}
#portfolio-filter li a:hover,
#portfolio-filter li a:focus,
#portfolio-filter li a:active {
	background: #99cc00;
	color: #FFFFFF !important;
}
#portfolio-filter li:last-child a {
	margin-right: 0px;
}
#portfolio-list {
	margin: 0px;
	padding: 0px;
}
.portfolio {
	background: #FFFFFF;
}
.portfolio .portfolio-item {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.portfolio .post-holder {
	background: #f4f4f4;
}
.portfolio-item.single .post-holder {
	margin: 6px;
}
.portfolio-half .post-holder,
.portfolio-third .post-holder {
	margin: 6px;
	padding: 12px;
}
.portfolio-item .feature-img,
.portfolio-item .feature-vid {
	margin-bottom: 0px;
	padding: 0px;
}
.portfolio-half .excerpt,
.portfolio-third .excerpt {
	display: block;
	padding: 18px 6px 6px 6px;
}
.portfolio-half .portfolio-item,
.portfolio-third .portfolio-item {
	float: left;
}
.portfolio-item.single .excerpt {
	background: #f4f4f4;
	padding: 36px;
}
.portfolio-item.single .more-link {
	margin-bottom: 0px;
}

/*---------- Isotope Animations ----------*/
.isotope,
.isotope .isotope-item {
  	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

/************************************************
*	13.	WordPress Gallery					    *
************************************************/

.gallery-caption {
	font-size: 0.8em;
	padding: 0px 10px;
}
.gallery {
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
}
.gallery-item {
	margin: 0px
}
.gallery-icon {
	line-height: 0;
	margin: 6px;
}
.gallery-icon a {
	display: block;
	background: #F4F4F4;
	padding: 6px;
	border: 1px solid #DDDDDD;
	transition: all .25s;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
}
.gallery a:hover {
	background: #161616;
}
.gallery img {
	border: none !important;
}
.gallery-caption {
	font-size: .9em;
	padding: 0px 10px;
}

/************************************************
*	14.	Sidebar 	        		    	    *
************************************************/

.sidebar {
	font-size: 0.9em;
	margin: 0px;
	padding: 24px 0px 0px 24px;
}
.sidebar.left {
	padding: 24px 24px 0px 0px;
}
.sidebar h6, .footer h6 {
	margin-bottom: 12px;
	padding-bottom: 0px;
	border-bottom: none;
}

/************************************************
*	15.	Widgets									*
************************************************/

.widget {
	margin-bottom: 24px;
	padding: 0px;
}
.widget ul, .widget li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.widget li {
	display: block;
	line-height: 1.8;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	border-top: 1px solid rgba(0,0,0, .08);
}
.widget li:last-child {
	padding-bottom: 6px;
	border-bottom: 1px solid rgba(0,0,0, .08);
}
.widget li li {
	padding-left: 12px;
}
.widget li li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}
.widget li a {
	margin: 0px;
	padding: 0px;
}
.textwidget {
	margin: 0px;
	padding: 0px;
}
.textwidget p {
	padding: 8px 0px !important;
}
.tagcloud {
	line-height: 1.2;
}

/************************************************
*	16.	Recent Comments Widget					*
************************************************/

.widget h6 a.rsswidget {
	display: inline;
}
.widget a.rsswidget {
	display: block;
}
.widget .rss-date {
	display: block;
	font-size: 0.8em;
	margin-bottom: 12px;
}

/************************************************
*	17.	Calendar Widget							*
************************************************/

#calendar_wrap {
	margin: 0px auto 0px;
	padding: 0px;
}
#wp-calendar {
	width: 100%;
	text-align: center;
}
#wp-calendar a {
	margin: 0px;
}
#wp-calendar caption {
	font-size: 16px;
	margin: 5px 0px 5px 0px;
}
#wp-calendar #prev a {
	float: left;
	margin: 0px;
	text-align: left;
}
#wp-calendar #next a {
	float: right;
	margin: 0px;
	text-align: right;
}

/************************************************
*	18.	Custom Menu Widget						*
************************************************/

.widget ul.menu {
	float: none;
	text-align: left;
}
.widget ul.menu .current_page_item a,
.widget ul.menu .current-menu-item a {
	color: #00ccff;
	background: none;
}
.widget ul.menu li a {
	display: block;
	background: none;
	color: #99CC33;
	height: auto;
	font-size: 1em;
	text-transform: none;
	line-height: 1.8;
	margin: 6px 0px;
	padding: 0px;
}
.widget ul.menu li a:hover {
	color: #00ccff;
	background: none;
	text-decoration: underline;
}
.widget ul.menu li {
	float: none;
	display: block;
	background: none !important;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-bottom: none;
}
.widget ul.menu li:last-child {
	border-bottom: none;
}
.widget ul.menu li span {
	top: 1px;
	right: 0px;
}
.widget ul.menu li ul.sub-menu {
	background: none !important;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: static;
	z-index: 9;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.widget ul.menu li ul.sub-menu span {
	display: none;
}
.widget ul.menu li ul.sub-menu li a {
	padding-left: 12px;
}
.widget ul.menu li ul.sub-menu li ul.sub-menu li {
	display: none;
}

/************************************************
*	19.	Search Form								*
************************************************/

#searchform {
	margin: 0px;
	padding: 0px;
}
#searchform label {
	display: none;
}
#s {
	float: left;
	background: #f4f4f4;
	color: #999999;
	width: 72%;
	height: 32px;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 0.9em;
	line-height: 32px;
	margin: 0px;
	padding: 0px 8px !important;
	border: none;
	border-radius: 2px;
	box-sizing: border-box;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
}
.footer #s {
	background: #ffffff;
}
.sidebar.left #s {
	width: 60%;
}
#searchsubmit {
	float: right;
	background: #f4f4f4;
	color: #999999;
	width: 24%;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 0.9em !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding: 6px !important;
	box-sizing: border-box;
}
.sidebar.left #searchsubmit {
	width: 20%;
}

/************************************************
*	20.	Footer  								*
************************************************/

.footer {
	background: #f4f4f4;
	background: rgba(0,0,0, .06);
	position: relative;
	font-size: 0.9em;
	margin: 0px auto 0px;
	padding: 0px 48px;
	overflow: hidden;
}
.footer p {
	margin: 0px;
	padding: 0px;
}
.footer .align-left {
	font-size: 0.8em;
	line-height: 1.8;
}
.footer-widgets {
	max-width: 1180px;
	line-height: 2;
	margin: 0px auto 0px;
	border-bottom: 1px solid rgba(0,0,0, .08);
}
.footer-widgets p {
	padding: 6px 0px;
}
.footer-widgets .widget {
	float: left;
	background: none;
	color: #999999;
	color: rgba(0,0,0, .5);
	width: 20%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border-bottom: none;
}
.footer-widgets .widget li:last-child {
	border-bottom: none;
}
.footer-widgets .widget:nth-child(4n+1) {
	clear: both;
}
.footer-widgets .widget:nth-child(4n+4) {
	width: 40%;
}
.footer-widget {
	padding: 24px;
}
.footer-widgets .widget:nth-child(4n+1) .footer-widget {
	padding-left: 0px;
}
.footer-widgets .widget:nth-child(4n+2) .footer-widget,
.footer-widgets .widget:nth-child(4n+3) .footer-widget {
	padding-left: 12px;
	padding-right: 12px;
}
.footer-widgets .widget:nth-child(4n+4) .footer-widget {
	padding-right: 0px;
}
.footer-information {
	max-width: 1180px;
	margin: 0px auto 0px;
	padding: 48px 0px;
	overflow: hidden;
}
.footer-information a {
	color: #999999;
}

/************************************************
*	21.	Comments								*
************************************************/

#author, #email, #url {
	background: #FFFFFF;
	color: #666666;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	padding: 5px;
	border: 1px solid rgba(0,0,0, .08);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 1px 1px 1px #DDDDDD;
	-moz-box-shadow: inset 1px 1px 1px #DDDDDD;
	-webkit-box-shadow: inset 1px 1px 1px #DDDDDD;
}
#comment {
	background: #FFFFFF;
	color: #666666;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 5px 0px;
	padding: 5px;
	border: 1px solid rgba(0,0,0, .08);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 1px 1px 1px #DDDDDD;
	-moz-box-shadow: inset 1px 1px 1px #DDDDDD;
	-webkit-box-shadow: inset 1px 1px 1px #DDDDDD;
}
#comments {
	background: #f4f4f4;
	margin-top: 24px;
	padding: 12px 24px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#comments-title {
	font-size: 2em;
	margin: 4px 0px 8px 0px;
	padding: 4px 0px 8px 0px;
}
#reply-title {
	margin: 0px;
	padding: 0px;
}
.commentlist li .avatar {
	float: right;
	background: #FFFFFF;
	margin: 0px 0px 12px 12px;
	padding: 6px;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
}
.commentlist {
	margin: 0px;
	padding: 0px;
}
.commentlist ol {
	margin: 0px;
	padding: 10px;
}
.commentlist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid rgba(0,0,0, .08);
}
.commentlist li:last-child {
	border-bottom: 1px solid rgba(0,0,0, .08);
}
.commentlist li ul li {
	padding-left: 24px;
}
.commentlist li ul li:last-child {
	border-bottom: none;
}
.commentlist p {
	margin: 10px 0px;
	padding: 0px;
}
.comment {
	padding: 18px 0px;
}
#commentform {
	margin: 5px 0px 0px 0px;
}
#commentform textarea {
	width: 96%;
	padding: 2%;
}
.commentlist li #respond {
	border-top: 1px solid rgba(0,0,0, .08);
}
#respond {
	padding-top: 20px;
}
#respond:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#cancel-comment-reply-link {
	display: block;
	font-family: 'Merriweather', Georgia, Times, serif;
	font-size: 0.7em;
	font-weight: normal;
	text-transform: none;
	margin: 6px 0px 18px 0px;
}
.form-submit #submit {
	margin-top: 0px !important;
}
p.logged-in-as {
	margin-top: -6px;
}
.nocomments {
	display: none;
}
.comment-edit-link {
	float: right;
	display: inline-block;
	font-size: 0.8em;
	line-height: 1;
	margin-top: -18px;
	padding: 0px;
}
.reply {
	margin: 0px;
	padding: 6px 0px;
}
.reply a, .reply a:visited {
	margin: 0px !important;
	padding: 4px 12px !important;
}
.commentmetadata {
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
	display: block;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
.form-allowed-tags {
	display: none;
}
.thread-alt, .thread-even {
	margin: 0px;
	padding: 0px;
}
.children {
	margin: 0px;
	padding: 0px;
}
.even, .alt {
	margin: 0px;
	padding: 0px;
}

/************************************************
*	22.	Buttons  								*
************************************************/

button, .button, a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, a.more-link,
#submit, input[type=submit], input#submit, input.button, #wrap #infinite-handle button {
	display: inline-block;
	background-color: #f4f4f4;
	color: #999999;
	position: relative;
	top: -2px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 1em;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.4px;
	margin: 12px 0px;
	padding: 6px 12px;
	border: none;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 2px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, .2);
}
button:hover, .button:hover, a.button:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover,
a.more-link:hover, input[type=submit]:hover, #submit:hover, input#submit:hover, input.button:hover, #wrap #infinite-handle button:hover {
	top: 0px;
	background-color: #99cc00;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: none;
	cursor: pointer;
	box-shadow: inset 0px 2px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0px 2px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0px 2px 0px rgba(0, 0, 0, .2);
}
a.more-link {
	margin: 24px 0px 0px 0px;
}

/************************************************
*	23. Tables		 							*
************************************************/

table {
	background: #FFFFFF;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	width: 100%;
	margin: 20px 0px;
	padding: 0px;
	border-collapse: collapse;
}
.widget table {
	margin: 0px;
}
table thead,
table tfoot {
	border: 1px solid #E4E4E4;
}
table thead th,
table tfoot td {
	border: none;
}
table th {
	background: #EEEEEE;
	font-size: 1.2em;
	text-align: center;
	margin: 0px;
	padding: 8px 10px;
	border: 1px solid #E4E4E4;
}
table td {
	padding: 5px 10px;
	margin: 0px;
	border: 1px solid #E4E4E4;
}

/************************************************
*	24. Forms									*
************************************************/

form {
	display: block;
}
form p {
	padding: 6px 0px;
}
form div {
	display: block;
}
form span {
	margin-bottom: 8px;
}
form span.required {
	display: inline;
}
form li,
form ul,
form ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
form fieldset {
	margin: 12px 0px;
	border-color: rgba(0, 0, 0, 0.12);
}
form legend {
	font-weight: bold;
}
form label {
	margin-top: 6px;
}
form li > label {
	font-weight: bold;
}
form li li > label {
	font-weight: normal;
}
form span label {
	font-size: 0.8rem;
}
form input,
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form textarea {
	display: block;
	max-width: 100%;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.04);
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.4;
	margin: 6px 0px;
	padding: 8px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
}
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'] {
	width: 50%;
}
form textarea {
	width: 100%;
}
form input[type='checkbox'],
form input[type='radio'] {
	display: inline-block;
	margin-left: 0px;
	margin-right: 6px;
}
form input[type='submit'] {
	margin-top: 0px;
}
form .form-submit {
	padding: 8px 0px;
}
textarea {
	overflow: auto;
}
address {
	margin: 12px 0px;
}
select {
	display: block;
	background-color: rgba(0, 0, 0, 0.04);
	color: rgba(0, 0, 0, 0.6);
	color: #666666;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
	width: auto;
	max-width: 100%;
	font-size: 1.2rem;
	line-height: 1.6;
	margin-bottom: 6px;
	padding: 6px 46px 6px 8px !important;
	box-shadow: none;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;

	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12));
	background-position:
		calc(100% - 16px) 50%,
		calc(100% - 11px) 50%,
		calc(100% - 32px) 6px;
	background-size:
		5px 5px,
		5px 5px,
		1px 24px;
	background-repeat: no-repeat;

	/* reset */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

/************************************************
*	25.	CSS3 Styles								*
************************************************/

a, button, .button, #submit, #searchsubmit {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
}
.shadow {
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
}
.radius-full {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.radius-top {
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	-khtml-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
}
.radius-bottom {
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	-khtml-border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
}
.radius-half {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
}
@keyframes "spin" {
	 from {
	    -webkit-transform: rotate(0deg);
	   	-moz-transform: rotate(0deg);
	   	-o-transform: rotate(0deg);
	   	-ms-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 }
	 to {
	    -webkit-transform: rotate(359deg);
	   	-moz-transform: rotate(359deg);
	   	-o-transform: rotate(359deg);
	   	-ms-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 }
}
@-moz-keyframes spin {
	 from {
	   	-moz-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 }
	 to {
	   	-moz-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 }
}
@-webkit-keyframes "spin" {
	 from {
	   	-webkit-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 }
	 to {
	   	-webkit-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 }
}
@-ms-keyframes "spin" {
	 from {
	   	-ms-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 }
	 to {
	   	-ms-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 }
}
@-o-keyframes "spin" {
	 from {
	  	 -o-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 }
	 to {
	   	-o-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 }
}

/************************************************
*	26.	Grid	 					     	    *
************************************************/

#wrap {
	margin: 0px;
	padding: 0px;
}
.container {
	background: #FFFFFF;
	max-width: 1180px;
	margin: 0px auto 0px;
	padding: 48px;
}
.row {
	width: 100%;
	margin: 0 auto;
}
.row .row {
	min-width: 0;
}
.column, .columns {
	float: left;
	min-height: 1px;
	position: relative;
}
[class*="column"] + [class*="column"]:last-child {
	float: left;
}

.row .single 	{ width: 100%; }
.row .half 		{ width: 49.9%; }
.row .third 	{ width: 33.3%; }
.row .fourth 	{ width: 25%; }

.row .one 		{ width: 6.25%; }
.row .two 		{ width: 12.5%; }
.row .three 	{ width: 18.75%; }
.row .four 		{ width: 25%; }
.row .five 		{ width: 31.25%; }
.row .six 		{ width: 37.5%; }
.row .seven 	{ width: 43.75%; }
.row .eight 	{ width: 50%; }
.row .nine 		{ width: 56.25%; }
.row .ten 		{ width: 62.5%; }
.row .eleven 	{ width: 68.75%; }
.row .twelve 	{ width: 75%; }
.row .thirteen 	{ width: 81.25%; }
.row .fourteen 	{ width: 87.5%; }
.row .fifteen 	{ width: 93.75%; }
.row .sixteen 	{ width: 100%; }

.row .centered { float: none; margin: 0 auto; }

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

/************************************************
*	27.	WordPress Core	 			     	    *
************************************************/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.wp-audio-shortcode {
	margin: 12px 0px;
}
.sticky, .bypostauthor {
	position: relative;
}

/************************************************
*	28.	Organic Widgets
************************************************/

.organic-ocw-container .organic-widgets-section {
	margin: 0px;
	padding: 36px;
}

/************************************************
29. Gutenberg
************************************************/

/* Media */

.wp-block-image {
	text-align: center;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
.wp-block-image img {
	display: block;
}
.wp-block-image figcaption {
	margin-top: 8px;
}
.wp-block-embed {
	margin-left: auto;
	margin-right: auto;
}
.wp-block-gallery .blocks-gallery-item {
	padding: 0px;
}
.wp-block-gallery .blocks-gallery-image {
	margin-left: 0px;
	margin-right: 0px;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	box-sizing: border-box;
	border: none;
}
.wp-block-cover {
	box-sizing: border-box;
}
.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull,
.wp-block-cover .wp-block-button,
.wp-block-cover-image .wp-block-button {
	margin-top: 0px;
	margin-bottom: 0px;
}
.wp-block-cover .wp-block-cover__inner-container {
	padding: 36px;
	box-sizing: border-box;
}
.wp-block-column .wp-block-cover .wp-block-cover__inner-container {
	padding: 0px;
}
.wp-block-cover .wp-block-cover__inner-container p {
	margin-top: 24px;
	margin-bottom: 24px;
}
.wp-block-cover .wp-block-cover__inner-container > :first-child {
	margin-top: 0px;
}
.wp-block-cover .wp-block-cover__inner-container > :last-child {
	margin-bottom: 0px;
}
.wp-block-cover.alignfull .wp-block-cover__inner-container,
.wp-block-cover.alignwide .wp-block-cover__inner-container {
	position: relative;
	top: 0;
	width: 100%;
	margin: 0px auto;
	transition: all 1s ease-in-out;
	transition-delay: 0.5s;
	z-index: 7;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text, .wp-block-cover h2 {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

/* Buttons */

.wp-block-button {
	position: relative;
	box-sizing: border-box;
}
.wp-block-button.alignleft {
	float: none;
	text-align: left;
}
.wp-block-button.alignright {
	float: none;
	text-align: right;
}
.wp-block-button.alignwide .wp-block-button__link {
	display: block;
}
.wp-block-button.is-style-outline .wp-block-button__link {
	background: inherit;
	box-shadow: none;
	text-shadow: none;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
	color: inherit;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	color: inherit;
	background: inherit;
}
.has-background-dim .wp-block-button.is-style-outline .wp-block-button__link {
	color: #ffffff;
	border-color: #ffffff;
}

/* Quotes */

.wp-block-quote.is-style-large p {
	font-size: 1.8rem;
	font-style: normal;
	line-height: 1.5;
	margin: 0px;
}
.wp-block-quote.has-text-align-right,
.wp-block-quote.has-text-align-center {
	border-left: none;
}
.wp-block-quote.has-text-align-right {
	border-right: 2px solid #dddddd;
}
.wp-block-quote.has-text-align-center {
	padding-left: 0px;
	padding-right: 0px;
}
.wp-block-quote.has-text-align-center::before {
	display: inline-block;
	content: '';
	width: 80px;
	height: 2px;
	background: #dddddd;
	margin: 12px auto;
}
.wp-block-quote.has-text-align-center cite {
	text-align: center;
}
.wp-block-quote.has-text-align-left cite {
	text-align: left;
}
.wp-block-quote.has-text-align-right cite {
	text-align: right;
}
.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
	display: block;
	font-size: 0.85rem;
	font-style: normal;
	margin-top: 12px;
	opacity: 0.6;
}
.wp-block-pullquote {
	position: relative;
	margin: 36px 0px 24px;
	padding: 36px;
	border-top-width: 2px;
	border-top-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: #dddddd;
}
.wp-block-pullquote::before {
	position: absolute;
	top: -28px; left: 50%;
	background: #ffffff;
	color: rgba(0, 0, 0, 0.4);
	content: '\f10d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 24px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin-left: -24px;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	border-color: inherit;
}
.wp-block-pullquote.is-style-solid-color {
	padding-left: 48px;
}
.wp-block-pullquote.is-style-solid-color::before {
	left: 0px;
	top: 36px;
}
.wp-block-pullquote.is-style-solid-color blockquote {
	max-width: none;
}
.wp-block-pullquote blockquote {
	margin: 0px;
	padding: 0px;
	border: none;
}
.wp-block-pullquote blockquote cite,
.wp-block-pullquote blockquote .wp-block-pullquote__citation {
	display: block;
	color: inherit;
	font-size: 90%;
	font-style: normal;
	text-transform: uppercase;
	margin-top: 12px;
	opacity: 0.6;
}

/* Columns */

.wp-block-columns {
	display: flex;
	box-sizing: border-box;
}
.wp-block-columns.alignfull {
	padding-left: 36px;
	padding-right: 36px;
}
.wp-block-column > :first-child {
	margin-top: 0px;
}

/* Jetpack */

div[class*="wp-block"] form.contact-form input[type="text"],
div[class*="wp-block"] form.contact-form input[type="email"],
div[class*="wp-block"] form.contact-form input[type="tel"],
div[class*="wp-block"] form.contact-form input[type="url"] {
	width: 100%;
}
div[class*="wp-block"] form.contact-form label span {
	float: right;
}
div[class*="wp-block"] form.contact-form .contact-submit {
	margin: 0px;
}
.wp-block-jetpack-email,
.wp-block-jetpack-phone,
.wp-block-jetpack-address {
	margin-top: 6px;
	margin-bottom: 6px;
}
.wp-block-jetpack-email::before {
	color: #999999;
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 90%;
	content: '\f0e0';
	margin-right: 8px;
}
.wp-block-jetpack-phone::before {
	color: #999999;
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	content: '\f095';
	margin-right: 8px;
}
.wp-block-jetpack-layout-grid {
	box-sizing: border-box;
}
.wp-block-jetpack-layout-grid div[class*="wp-block"].alignfull,
.wp-block-jetpack-layout-grid figure[class*="wp-block"].alignfull,
.wp-block-jetpack-layout-grid div[class*="wp-block"].alignwide,
.wp-block-jetpack-layout-grid figure[class*="wp-block"].alignwide {
	left: auto;
	width: auto;
	max-width: 100%;
	padding: 0px;
}

/* CoBlocks */

.wpnbha.is-style-borders.is-grid article,
.wp-block-coblocks-pricing-table-item {
	box-sizing: border-box;
}

/* Misc */

.wp-block-table {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
.wp-block-table.is-style-stripes {
	border-bottom: none;
}
.wp-block-table figcaption {
	margin-top: -24px;
}
.wp-block-audio {
	margin-left: 0px;
	margin-right: 0px;
}
.wp-block-audio audio {
	width: 100%;
}
.wp-block-search .wp-block-search__button {
	margin-top: 0px;
	margin-bottom: 0px;
}
.wp-block-separator {
	margin: 36px auto;
	border: none;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}
.wp-block-social-links .wp-social-link {
	padding: 0px;
}
.wp-block-social-links .wp-social-link a {
	color: inherit;
}