/*
Theme Name: Ozo
Author: Caden Grant
Author URI:
Theme URI:
Description: Minimal responsive personal and agency portfolio theme.
Version: 1.0
License: ThemeForest Split License
License URI: --
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready, blog
Text Domain: ozo
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Typography
 * 3.0 - Header
 *   3.1 - Logo
 *   3.2 - Menu
 *     3.2.1 - Standard Menu
 *     3.2.2 - Popup Menu
 * 	 3.3 - Transparent Header
 *   3.4 - Side Header
 *     3.4.1 - Logo Side Header
 * 4.0 - Page Layout/Structure
 * 5.0 - Pages
 *   5.1 - 404 Error Page
 *   5.2 - Contact Form
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Blog
 *   7.1 - Post Formats
 * 	 7.2 - Single Post
 *   7.3 - Comments
 *     A - Comment Styling
 *     B - Comment Form
 * 8.0 - Hero
 * 9.0 - Portfolio
 *   9.1 - Filter
 *   9.2 - Layout/Structure
 *   9.3 - Portfolio Items/Posts
 * 10.0 - Gallery
 *   10.1 - Lightbox
 * 11.0 - WooCommerce
 *   11.1 - Widgets
 *   11.2 - Single Product
 *   11.3 - Comments
 *   11.4 - Checkout
 * 12.0 - Pagination
 * 13.0 - Footer
 * 14.0 - Shortcode Styling
 * 15.0 - WordPress Classes
 * 16.0 - Responsive Grid
 */

/**
 * 1.0 - CSS Reset
 */

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 62.5%;
	font: inherit;
	vertical-align: baseline;
	line-height: 1.7;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	overflow-x: hidden;
}

html {
	overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
	outline: 0;
}

strong {
	font-weight: 600;
}

b {
	font-weight: 700;
}

i, em {
	font-style: italic;
}

input, textarea, select {
	font-family: inherit;
	max-width: 100%;
}

select {
	padding: .5em;
	border: 1px solid #eaeaea;
}

/**
 * 2.0 - Typography
 */
html,
body {
	font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 15px;
	font-weight: 400;
	line-height: 200%;
	background: #fefefe;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

body.side-header {
	padding-left: 270px;
}

a {
	color: #000000;
	padding-bottom: 0.05em;
    transition: all .3s ease;
}

a:hover {
	color: #777777;
}

p a {
	color: #999999;
}

p a:hover {
	color: #000000;
}

p, blockquote, table, pre, code, dl {
	margin: 0 0 1.5em;
}

blockquote {
	border-left: 3px solid #eaeaea;
	padding: 5px 20px;
}

blockquote p {
	font-size: 135%;
	margin: 0;
}

ul, ol {
	margin: 0 20px 26px 20px;
}

ul.styled-list {
	list-style: none;
}

ul.styled-list li i {
	margin-right: 4px;
}

li {
	padding: 3px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-top: 25px;
	margin-bottom: 25px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0px;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	margin-bottom: 30px;
	color: #000;
}

p.lead {
	font-size: 150%;
	font-weight: 300;
	line-height: 1.5;
	color: #aeaeae;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

figure {
	max-width: 100%;
}

hr {
	border-color: transparent;
	background: #eaeaea;
	margin-bottom: 1.5em;
}

pre, code {
	font-family: monospace;
}

pre {
	font-size: 13px;
	clear: both;
	display: block;
	margin: 2em 0;
	padding: 5px 10px;
	background: #f9f9f9;
	border: 1px solid #f1f1f1;
	margin-bottom: 18px;
	overflow-x: scroll;
}

code {
	padding: 3px 5px;
	background: #f9f9f9;
	border: 1px solid #eaeaea;
	font-size: 13px;
	display: inline-block;
}

input {
	border: 1px solid #eaeaea;
	padding: .5em;
}

table {
	width: 100%;
	margin: 0 0 2em;
}

table caption {
	text-align: center;
	margin: 0 0 .5em;
}

table thead {
	background: #f1f1f1;
}

table thead th,
table thead td {
	font-weight: 600;
}

table td, table th {
	border-bottom: 1px solid #eaeaea;
	padding: .5em 1em;
}

table tr:nth-child(even) {
	background: #f9f9f9;
}

/**
 * 3.0 - Header
 */
#header {
	height: 130px;
	display: flex;
	align-items: center;
	width: 100%;
	transition: all .33s ease-in-out;
	-o-transition: all .33s ease-in-out;
	-moz-transition: all .33s ease-in-out;
	-webkit-transition: all .33s ease-in-out;
	overflow: visible;
}

#header .container {
	display: flex;
	flex: 1 100%;
	justify-content: space-between;
	align-items: center;
	overflow: visible;
}

#header.scrolling {
	height: 100px;
}

#header.scrolling,
.transparent-header #header.scrolling {
	background: #fff;
}

.transparent-header #header {
	background: transparent;
	z-index: 9;
}

/**
 * 3.0.1 - Logo
 */
#logo {
	flex: 1 1 auto;
}

#logo a {
	font-size: 26px;
	font-family: 'Work Sans';
	font-weight: 500;
	line-height: 1.5;
}

/**
 * 3.2 - Menu
 */

/**
 * 3.2.1 - Standard Menu
 */
ul.menu {
	margin: 0;
}

.menu li {
	float: left;
	margin-left: 30px;
	list-style: none;
	position: relative;
	line-height: 44px;
}

.menu li a {
	color: #888;
}

.menu li a:hover {
	color: #222222;
}

.menu li.current-menu-item {
	color: #222222;
}

.menu li.current-menu-item a:hover {
	color: #888;
}

.menu li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -1.2em;
	width: 11em;
	margin: 0;
	padding: 1em 1.2em;
	background: #333333;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	z-index: 99999;
}

.menu li ul li {
	line-height: 1;
	float: none;
	margin-left: 0;
	padding: 3px 0;
}

.menu li ul li a {
	color: #fff;
	line-height: 1.5;
}

.menu li ul li ul {
	display: none;
	top: -1em;
	left: 10em;
	z-index: 99999;
}

/**
 * 3.2.2 - Popup Menu
 */

.standard-menu .menu-toggle,
.side-header .menu-toggle { 
	display: none; 
}

.toggle-button {
	width: 22px;
	display: block;
	cursor: pointer;
}

.toggle-button div {
	border-radius: 2px;
	width: 22px;
	height: 2px;
	background: #333;
	margin-top: 5px;
	clear: both;
}

.toggle-button div:first-child {
	margin: 0;
}

#navigation .close {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 32px;
	height: 32px;
	transform: translateY(-50px);
	-webkit-transition: all .5s ease .2s;
    -moz-transition: all .5s ease .2s;
    -o-transition: all .5s ease .2s;
    transition: all .5s ease .2s;
}

.admin-bar #navigation .close {
	top: 60px;
	transform: translateY(-60px);
}

#navigation .close.visible {
	transform: translateY(0);
}

#navigation .close:hover {
	cursor: pointer;
}

#navigation .close:before, #navigation .close:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 22px;
	width: 2px;
	background-color: #333;
}

#navigation .close:before {
	transform: rotate(45deg);
}

#navigation .close:after {
	transform: rotate(-45deg);
}

#navigation {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: -17px;
	background: #fff;
	z-index: -1;
	opacity: 0;
	overflow-y: scroll;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}

.ios-device #navigation {
	right: 0;
}

#navigation.visible {
	opacity: 1;
	z-index: 99999;
}

#navigation .inner {
	width: 100%;
	height: 100%;
	display: table;
}

.main-menu {
	display: table-cell;
	vertical-align: middle;
	padding: 100px 0;
}

.main-menu li {
	font-size: 28px;
	text-align: center;
	list-style: none;
	opacity: 0;
	transform: translateY(15px);
	-webkit-transition: all .5s ease .2s;
	-moz-transition: all .5s ease .2s;
	-o-transition: all .5s ease .2s;
	transition: all .5s ease .2s;
}

.main-menu li.visible {
	opacity: 1;
	transform: translateY(0);
}

.main-menu li a {
	font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #000;
	cursor: pointer;
}

.main-menu li a:hover {
	color: #888;
}

.main-menu li.menu-item-has-children a::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #bbb transparent transparent transparent;
	position: absolute;
	top: 25px;
	margin-left: 8px;
	transition: .2s;
}

.main-menu li.menu-item-has-children.open a::after {
	transform: rotate(180deg);
}

.main-menu li.menu-item-has-children li a::after {
	border-color: transparent;
}

.main-menu li ul {
	margin: .6em 0;
	display: none;
}

.main-menu li li {
	font-size: 13px;
	font-weight: 400;
	margin: 0;
	padding: 2px 0;
}

.main-menu li li a {
	color: #a5a5a5;
}

.main-menu li li a:hover {
	color: #000;
}

.main-menu li.visible {
	visibility: visible;
}

/**
 * 3.2.2 A - Menu Overlay Social Icons 
 */
#navigation footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	background: #fff;
	padding: 30px 0;
}

#navigation .social-media {
	display: block;
	width: 100%;
	margin: 0;
	opacity: 0;
	text-align: center;
	transform: translateY(15px);
	-webkit-transition: all .3s ease .8s;
	-moz-transition: all .3s ease .8s;
	-o-transition: all .3s ease .8s;
	transition: all .3s ease .8s;
}

#navigation .social-media.visible {
	opacity: 1;
	transform: translateY(0);
}

#navigation .social-media li {
	display: inline-block;
	float: inherit;
	margin: 0 5px;
}

#navigation .social-media li a {
	font-size: inherit;
}

/**
 * 3.0.3 - Header Social Media Icons
 */
ul.social-media {
	margin: 0;
}

.standard-menu ul.social-media {
	margin-left: 30px;
}

.social-media li {
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

.social-media li a {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	transition: all .3s ease;
}

#header .social-media li.facebook a:hover {
	color: #3b5998;
}

#header .social-media li.twitter a:hover {
	color: #1da1f2;
}

#header .social-media li.instagram a:hover {
	color: #dc336f;
}

#header .social-media li.youtube a:hover {
	color: #ff0000;
}

#header .social-media li.dribbble a:hover {
	color: #ea4c89;
}

/**
 * 3.1 - Fullwidth Header
 */
.fullwidth-header #header .container {
	max-width: 100%;
}

/**
 * 3.2 - Side Header
 */
.side-header #header {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 270px;
	padding: 3em 0 2em;
	z-index: 99;
}

.side-header #header .container {
	display: block;
	padding: 0 60px;
}

.side-header.admin-bar #header {
	top: 32px;
}

.side-header #header ul {
	margin-bottom: 40px;
}

/**
 * 3.2.1 - Logo Side Header
 */
.side-header #logo {
	float: none;
	width: 100%;
	display: block;
	clear: both;
	height: auto;
}

/**
 * 3.2.2 - Menu Side Header
 */
.side-header .menu-wrapper {
	clear: both;
	float: none;
	display: block;
	width: 100%;
	height: auto;
}

.side-header .menu {
	display: block;
	margin: 40px 0;
}

.side-header .menu li {
	display: block;
	float: none;
	clear: both;
	margin: 0;
	line-height: inherit;
	transition: all 0.3s ease;
}

.side-header li {
	transition: all 0.3s ease;
}

.side-header ul li:hover {
	padding-left: 10px;
}

.side-header .menu li ul {
	top: 0;
	left: 100%;
}

/**
 * 3.2.3 - Project Filter Side Header
 */
.side-header #header .section-title {
	color: #888;
	font-size: 90%;
	text-transform: uppercase;
	display: block;
	margin-bottom: 12px;
}

#header .filter {
	overflow: visible;
}

#header .filter ul li {
	position: relative;
	display: block;
	float: none;
	margin: 0;
}

#header .filter li a {
	color: #000000;
}

#header .filter li.selected a {
	color: #b8b8b8;
}

/**
 * 3.2.4 - Project List Side Header
 */
ul.project-list {
	margin: 0;
}

ul.project-list li {
	position: relative;
	list-style: none;
}

ul.project-list li.selected {
	color: #888;
}

/**
 * 3.2.5 - Social Media Side Header
 */
.side-header #header ul.social-media {
	width: 100%;
	float: none;
	margin: 0;
}

.side-header .social-media li {
	float: left;
	margin-right: 1em;
	width: auto;
}

.side-header .social-media li:hover {
	padding-left: 0;
}

.side-header .social-media li a {
	width: auto;
}

.side-header .social-media li:last-child {
	margin-right: 0;
}

/**
 * 3.3 - Center Header
 */
.header-center #header {
	display: flex;
	align-items: center;
}

.header-center #header .container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.header-center #header ul.menu {
	display: block!important;
}

.header-center #header #logo,
.header-center #header .menu-wrapper,
.header-center #header .menu li {
	height: auto;
}

.header-center #header .menu {
	text-align: center;
	margin-bottom: 0;
}

.header-center #header .menu > li {
	float: none;
	margin: 0 1.2em;
	display: inline-block;
}

.header-center #header .menu li ul {
	text-align: left;
}

.header-center #header .menu li ul li {
	margin-left: 0;
}

.header-center #header .menu {
	margin-top: 10px;
}

.header-center #header .menu-toggle {
	display: none!important;
}

/**
 * 4.0 - Page Layout / Structure
 */
.container {
	max-width: 1140px;
	padding: 0 40px;
	margin: 0 auto;
	overflow: visible;
}

.single-portfolio .container {
	overflow: visible;
}

/* 100% Width Page */
.fullwidth {
	display: block;
	width: 100%;
	overflow: visible;
}

/* Content & Sidebar */
.content {
	float: left;
	width: 67%;
	margin-right: 5%;
}

.sidebar {
	float: left;
	width: 28%;
}

.content, 
.sidebar,
.content-fullwidth {
	margin-top: 2.5em;
}

.side-header .project {
	margin-top: 3em;
}

.side-header .project.project-fullscreen {
	margin-top: 0;
}

/**
 * 5.0 - Pages
 */

/* Page Title */
.title-wrapper {
	margin: 1em 0;
}

h1.page-title {
	padding: 0;
	margin: 0;
}

span.subtitle {
	display: block;
	font-size: 120%;
	color: #888;
}

.side-header .title-wrapper {
	margin: 3.2em 0 0;
}

.header-center .page-title {
	text-align: center;
}

.header-center .project-stacked .page-title {
	text-align: left;
}

/**
 * 5.1 - 404 Error Page 
 */
.error-404 {
	text-align: center;
	padding: 4em 0 6em;
}

.error-404 h1 {
	padding-top: 0;
	margin-bottom: 0;
}

/**
 * 5.2 - Contact Form
 */
#contactform {
	padding: 0 0 2.5em;
	max-width: 600px;
}

.thanks { 
	padding-top: 10px;
	display: none;
}

#contactform .error {
	display: block;
	padding: 15px 0 0;
	color: #777;
}

#contactform .message .error {
	padding-top: 5px;
}

/* Form */
#contactform .section {
	clear: both;
	display: block;
	max-width: 300px;
	padding-top: 20px;
}

#contactform .section:nth-child(1),
#contactform .section:nth-child(3) {
	margin-left: 0;
}

#contactform .section.last {
	margin-right: 0;
}

#contactform input {
	padding: 15px;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: #444;
	border: 0;
	background: #f4f4f4;
	border-radius: 3px;
}

#contactform .message {
	max-width: 500px;
}

#contactform textarea {
	width: 100%;
	height: 200px;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	padding: 15px;
	border: 0;
	margin: 20px 0 0;
	background: #f4f4f4;
	border-radius: 3px;
}

#contactform button.submit {
	font-size: 100%;
	font-family: inherit;
	color: #fff;
	background: #222;
	padding: 1em 2.2em;
	border: 0;
	margin: 15px 0 0;
	-webkit-transition: background-color 250ms linear, border 250ms linear, color 250ms linear;
    -moz-transition: background-color 250ms linear, border 250ms linear, color 250ms linear;
    -o-transition: background-color 250ms linear, border 250ms linear, color 250ms linear;
    -ms-transition: background-color 250ms linear, border 250ms linear, color 250ms linear;
    transition: background-color 250ms linear, border 250ms linear, color 250ms linear;
    border-radius: 3px;
}

#contactform button.submit:hover {
	cursor: pointer;
	background: #444;
}

::-webkit-input-placeholder {  
   color: #333;
}

:-moz-placeholder {  
   color: #333;
}

::-moz-placeholder {  
   color: #333;
}

:-ms-input-placeholder {  
   color: #333;
}

/**
 * 6.0 - Sidebar
 */ 
.sidebar h3.widgettitle {
	font-size: 15px;
	font-weight: 400;
	padding-top: 0;
	margin: 0 0 1.2em;
	color: #999;
}

.sidebar ul {
	margin: 0;
	list-style: none;
}

.sidebar ul li:last-child {
	border-bottom: 0;
}

/**
 * 6.1 - Widgets 
 */
.widget {
	overflow: auto;
	clear: both;
	display: block;
	margin-bottom: 3em;
}

.widget ul li {
	margin: 0 0 .5em;
	padding: 3px 0 12px;
	line-height: 1.5;
	border-bottom: 1px solid #eaeaea;
}

.widget ul li:last-child {
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.widget ul li ul li {
	padding-left: 15px;
}

.widget .menu li {
	clear: both;
}

.widget .menu li ul {
	display: none!important;
}

.rsswidget img {
	display: inline-block;
}

#calendar_wrap td,
#calendar_wrap th {
	padding: 3px;
}

/* Social Media */
.widget .social li {
	float: left;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
}

.widget .social li a {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #f6f6f6;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.widget .social li a:hover {
	background: #222;
	color: #fff;
}

/* Instagram */
.widget .instagram-pics {
	overflow: auto;
}

.widget .instagram-pics li {
	float: left;
	width: 68px;
	margin: 0;
	padding: 3px 12px 9px 0;
	border: 0;
}

/* Recent Posts */
.recent-posts li {
	clear: both;
}

.recent-posts .thumbnail { 
	float: left;
	padding-top: 6px;
}

.recent-posts li.has-thumb .widget-post-meta {
	margin-left: 70px;
	min-height: 68px;
}

.recent-posts .widget-post-meta span {
	display: block;
}

.recent-posts .widget-post-meta .post-date {
	font-size: 90%;
	color: #aeaeae;
}

/* Flickr */
.flickr_badge_image {
	width: 68px;
	float: left;
	margin: 0;
	padding: 3px 12px 9px 0;
}

/* Search */
.content .search {
	max-width: 300px;
	margin-bottom: 20px;
}

.searchform {
	padding: 0 26px 0 0;
}

input.search-field {
	width: 100%;
	font-family: inherit;
	font-size: 90%;
	padding: 12px;
	border: 1px solid #eaeaea;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

.search-field::-webkit-input-placeholder {  
   color: #777;
}

.search-field:-moz-placeholder {  
   color: #777;
}

.search-field::-moz-placeholder {  
   color: #777;
}

.search-field:-ms-input-placeholder {  
   color: #777;
}

/**
 * 7.0 - Blog
 */
.content.grid-container,
.content.fullwidth-container {
	width: 100%;
}

/* Post Wrapper */
.blog article,
.search article,
.archive article {
	border-bottom: 1px solid #eaeaea;
	padding: 0 0 2em;
	margin: 0 0 4em;
	overflow: hidden;
}

.entry-content {
	overflow: visible;
}

.blog .blog-grid article,
.search .blog-grid article,
.archive .blog-grid article {
	width: 48%;
	float: left;
}

.blog-grid .gutter-sizer {
	width: 4%;
}

.blog-grid .item-sizer {
	width: 48%;
}

/* Post Title */
.post-heading {
	margin-bottom: 1.2em;
}

h3.post-title {
	padding-top: 0;
	margin: 0 0 15px;
}

h3.post-title a {
	color: #000;
}

/* Post Meta */
.post-meta,
.post-meta p {
	color: #888;
}

/* More Link */
a.more-link {
	padding: 8px 20px;
	background: #222222;
	display: inline-block;
	margin-top: 10px;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.more-link:hover {
	color: #fff;
	background: #444444;
}

/* Pages Link */
.page-links {
	clear: both;
}

/* Used for status, link & quote post formats */
i.post-link {
	transform: rotate(135deg);
	margin-left: 9px;
	font-size: 15px;
}

/**
 * 7.1 - Post Formats
 */
article .post-thumbnail,
article .post-video {
	margin-bottom: 1.8em;
}

/* Gallery Post Format */
article .post-gallery {
	margin: 0 0 1.5em;
}

article ul.bxslider {
	list-style: none;
	margin: 0;
}

article ul.bxslider li {
	padding: 0;
}

/* Video Post Format */
.post-video iframe,
.post-video object,
.post-video video {
	width: 100%;
	height: auto;
}

/* Link Post Format */
.link-wrap {
	text-align: center;
	margin-bottom: 2em;
}

/* Status Post Format */
.format-status .status {
	padding: 0 1em .5em;
}

.format-status .status,
.format-status .status p {
	font-size: 125%;
}

/* Quote Post Format */
.format-quote h3.post-title {
	font-size: 32px;
	display: block;
	text-align: center;
	margin: 0 2.5em;
}

.format-quote .post-thumbnail {
	margin-bottom: 3em;
}

.format-quote .quote-source {
	display: block;
	text-align: center;
	margin: 2em 0;
}

.format-quote .quote-source a {
	margin-left: 20px;
}

/* Audio Post Format */
/* Soundcloud */
.format-audio iframe {
	max-width: 100%;
}

.format-audio.has-post-thumbnail .mejs-container {
	margin-top: -2em;
}

/* MP3 Player */
.mejs-container {
	height: 40px!important;
	margin-bottom: 1.8em;
}

.mejs-container .mejs-controls {
	height: 40px!important;
	background: #333!important;
}

.mejs-container .mejs-controls .mejs-time {
	height: 40px!important;
	line-height: 40px;
	padding: 0!important;
}

.mejs-controls div.mejs-time-rail {
	padding-top: 10px!important;
}

.mejs-controls .mejs-button button {
	margin: 12px 5px!important;
}

.mejs-controls a.mejs-horizontal-volume-slider {
	margin-top: 5px;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #ddd!important;
}

/**
 * 7.2 - Single Post
 */
h1.post-title {
	margin-bottom: 15px;
	line-height: 1.3;
}

.single-post article {
	padding: 0 0 2em;
}

/* Sharing & Tags */
.post .social-media {
	margin: 0;
	padding: 0 0 1em;
	overflow: auto;
}

.post .social-media {
	margin: 0;
}

.row.sharing-tags .col {
	padding-top: 2em;
	margin-bottom: 0;
}

.post .social-sharing {
	margin: 0;
	padding: 0;
}

.post .social-sharing li {
	list-style: none;
	float: left;
	margin-right: 1em;
}

p.share {
	font-size: 11px;
	text-transform: uppercase;
}

.post-tags {
	padding: .5em 0;
}

.post-tags p {
	margin-bottom: 0;
}

/* Author Info */
.author-info {
	padding-top: 3em;
}

.gravatar {
	width: 100px;
	float: left;
}

.gravatar img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.author-bio {
	margin-left: 100px;
}

/* Single Post Navigation */
.single-post-nav {
	padding-top: 3em;
}

.single-post-nav span {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.single-post-nav .prev-post-text {
	display: inline-block;
}

.single-post-nav .next-post-text {
	float: right;
	text-align: right;
	display: inline-block;
}

/**
 * 7.3 - Comments
 */
#comments {
	padding: 3em 0 1em;
	border-top: 1px solid #eaeaea;
}

.single-product #comments {
	max-width: 100%;
}

h2.comments-title,
h3#reply-title {
	padding-top: 0;
	font-size: 20px;
}

h3#reply-title {
	margin-bottom: 0;
}

h3#reply-title small a {
	font-weight: normal;
	font-size: 14px;
	color: #777;
}

/**
 * A - Comment Styling 
 */
.comment {
	width: 100%;
	display: block;
	clear: both;
	overflow: auto;
	margin-top: 2em;
	border-bottom: 1px solid #eaeaea;
}

.comment .gravatar {
	float: left;
	width: 100px;
}

.comment .gravatar img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.comment .comment-body {
	margin-left: 100px;
}

.comment-heading {
	display: block;
	overflow: auto;
	margin-bottom: .8em;
}

.comment-heading .comment-author {
	font-weight: 600;
}

.comment .comment-date {
	color: inherit;
	font-size: 90%;
}

.comment-list,
.comment-list .children {
	margin: 0;
}

.comment-list li.pingback {
	list-style: none;
}

.comment-list li.comment {
	margin-bottom: 2.5em;
}

.comment-content {
	padding-bottom: 1em;
}

ul.children .comment.depth-2 .comment-content {
	margin-left: 60px;
}

.comment.depth-3 .comment-content {
	margin-left: 90px;
}

.comment.depth-4 .comment-content,
.comment.depth-5 .comment-content,
.comment.depth-6 .comment-content,
.comment.depth-7 .comment-content,
.comment.depth-8 .comment-content {
	margin-left: 90px;
}

/**
 * B - Comment Form 
 */
.comment-form-comment {
	padding-right: 30px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.comment-form-url {
	margin: 0;
}

.comment-form-author .inner,
.comment-form-email .inner,
.comment-form-url .inner {
	padding-right: 30px;
}

form.comment-form input[type="text"],
form.comment-form textarea {
	border: 0;
	width: 100%;
	height: 180px;
	padding: 15px;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	background: #f6f6f6;
}

form.comment-form input[type="text"] {
	height: auto;
	float: left;
	margin: 0 20px 20px 0;
}

.comment-form-url input[type="text"] {
	margin-right: 0;
}

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

form.comment-form input#url {
	margin-right: 0;
}

form.comment-form input[type="submit"] {
	font-family: inherit;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	border: 0;
	padding: 1.5em 2em;
	color: #fff;
	background: #222222;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

form.comment-form input[type="submit"]:hover {
	cursor: pointer;
	background: #333333;
}

/* Comment Pagination */
.comment-pagination {
	margin-bottom: 2.5em;
}

/**
 * 8.0 - Hero
 */
#hero {
	width: 100%;
	position: relative;
	background-size: cover;
	overflow: auto;
}

#hero .container {
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#hero h1,
#hero h2,
#hero h3,
#hero h4,
#hero h5,
#hero h6 {
	margin: 10px 0 0;
	padding: 0;
}

/**
 * 9.0 - Portfolio
 */

/**
 * 9.1 - Portfolio Filter 
 */
.filter {
	width: 100%;
	clear: both;
	overflow: auto;
}

.filter ul {
	margin: 0 0 1.5em;
	list-style: none;
}

.filter ul li {
	display: inline-block;
	margin: 0 2.5em 0 0;
}

.filter ul li:last-child {
	margin: 0;
}

.filter ul li a {
	font-family: Lato;
	font-size: 12px;
	text-transform: uppercase;
	color: #888;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	letter-spacing: 0.25em;
	padding: 0 0 4px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.filter ul li a:hover {
	color: #000000;
}

.filter ul li.selected a {
	color: #000000;
}


/**
 * 9.2 - Portfolio Layout / Structure
 */
.grid {
	clear: both;
	overflow: hidden;
	margin: 0 -20px 3em;
}

.fullwidth .grid {
	margin: 0 20px;
}

.item {
	float: left;
	width: 33.333333%;
}

.item.two-column {
	width: 50%;
}

.item.four-column {
	width: 25%;
}

.item.five-column {
	width: 20%;
}

/**
 * 9.3 - Portfolio Items
 */
.item-content {
	position: relative;
	margin: 20px;
}

.effects {
	overflow: hidden;
	position: relative;
}

.item-content img {
	width: 100%;
}

/* Item Title */
.item h3 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 600;
	padding-top: 0;
	margin: 0;
	transform: translateY(-10px);
	-webkit-transition: all 0.4s ease-in-out; /* Safari and Chrome */
    -moz-transition: all 0.4s ease-in-out; /* Firefox */
    -o-transition: all 0.4s ease-in-out; /* IE 9 */
    -ms-transition: all 0.4s ease-in-out; /* Opera */
    transition: all 0.4s ease-in-out;
}

/* Item Categories */
.item .terms {
	font-size: 14px;
	transform: translateY(10px);
	-webkit-transition: all 0.4s ease-in-out; /* Safari and Chrome */
    -moz-transition: all 0.4s ease-in-out; /* Firefox */
    -o-transition: all 0.4s ease-in-out; /* IE 9 */
    -ms-transition: all 0.4s ease-in-out; /* Opera */
    transition: all 0.4s ease-in-out;
}

.item:hover h3,
.item:hover .terms {
	transform: translateY(0);
}

.item .title-below {
	padding: 8px 0 10px;
}

.item .title-below h3,
.item .title-below .terms {
	transform: translateY(0);
	text-align: center;
}

/* Item Title Wrapper */
.item .title {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	z-index: 2;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
    -moz-transition: all 0.3s ease-in-out; /* Firefox */
    -o-transition: all 0.3s ease-in-out; /* IE 9 */
    -ms-transition: all 0.3s ease-in-out; /* Opera */
    transition: all 0.3s ease-in-out;
}

.item:hover .title {
	opacity: 1;
}

.item .title .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 50px;
	padding: 0 1.5em;
}

/* Image Overlay */
.overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
    -moz-transition: all 0.4s ease; /* Firefox */
    -o-transition: all 0.4s ease; /* IE 9 */
    -ms-transition: all 0.4s ease; /* Opera */
    transition: all 0.4s ease;
}

.item:hover .overlay {
	opacity: 1;
}

.overlay-white {
	background: rgba(255, 255, 255, 0.95);
}

a .title-white .terms {
	color: #888;
}

.overlay-black {
	background: rgba(0, 0, 0, 0.8);
}

a .title-black h3 {
	color: #fff;
}

a .title-black .terms {
	color: #888;
}

/* Photo Effects */
.blackwhite img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.blackwhite:hover img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.scale img {
    -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
    -moz-transition: all 0.5s ease-in-out; /* Firefox */
    -o-transition: all 0.5s ease-in-out; /* IE 9 */
    -ms-transition: all 0.5s ease-in-out; /* Opera */
    transition: all 0.5s ease-in-out;
}

.scale:hover img {
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -moz-transform:scale(1.2); /* Firefox */
    -ms-transform:scale(1.2); /* IE 9 */
    -o-transform:scale(1.2); /* Opera */
    transform:scale(1.2);
}

.rotate img {
	-webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
    -moz-transition: all 0.5s ease-in-out; /* Firefox */
    -o-transition: all 0.5s ease-in-out; /* IE 9 */
    -ms-transition: all 0.5s ease-in-out; /* Opera */
    transition: all 0.5s ease-in-out;
}

.rotate:hover img {
	-webkit-transform:rotate(5deg) scale(1.3);
    -moz-transform:rotate(5deg) scale(1.3); /* Firefox */
    -ms-transform:rotate(5deg) scale(1.3); /* IE 9 */
    -o-transform:rotate(5deg) scale(1.3); /* Opera */
    transform:rotate(5deg) scale(1.3);
}

/**
 * 9.4 - Single Portfolio
 */
.project img.aligncenter {
	width: 100%;
}

.content-fullwidth.project-fullscreen {
	padding-top: 0;
}

.project-custom {
	margin-top: 3em;
}

.project-fullscreen .container {
	margin-top: 3em;
}

.project-fullscreen .project-images img {
	width: 100%;
}

.project-fullscreen .post-video {
	margin-bottom: 0;
}

.header-center .project.project-stacked {
	margin-top: 0;
}

.project-stacked .title-wrapper {
	margin: 0 0 2em;
}

.project-details span {
	color: #888;
	display: block;
}

.project-details .col {
	width: 100%;
	margin: 0 0 15px;
	display: block;
}

.project-stacked img {
	display: block;
	margin: 0 auto 3em;
}

/* Post Nav */
.single-portfolio-post-nav {
	padding: 3em 0;
	display: block;
	overflow: auto;
}

.single-portfolio-post-nav .previous-post {
	float: left;
}

.single-portfolio-post-nav .next-post {
	float: right;
	text-align: right;
}

.single-portfolio-post-nav span {
	display: block;
	font-size: 90%;
	color: #888;
}

/**
 * 10.0 - Gallery Styling
 */
.gallery {

}

.gallery .col {
	margin: 0;
}

.gallery .col:first-child {
	margin: 0;
}

.gallery .col img {
	width: 100%;
}

.gallery.one-column .col {
	width: 100%;
}

.gallery.two-column .col {
	width: 50%;
}

.gallery.three-column .col {
	width: 33.333333%;
}

.gallery.four-column .col {
	width: 25%;
}

.gallery.five-column .col {
	width: 20%;
}

.gallery.six-column .col {
	width: 16.666666%;
}

.gallery.seven-column .col {
	width: 14.285714%;
}

.gallery.eight-column .col {
	width: 12.5%;
}

.gallery.nine-column .col {
	width: 11.111111%;
}

.gallery .thumbnail {
	float: left;
	padding: 15px;
	position: relative;
}

.gallery.one-column .thumbnail {
	width: 100%;
}

.gallery .thumbnail img {
	margin: 0;
}

.gallery .thumbnail-wrap {
	position: relative;
	display: block;
	height: 100%;
}

.gallery .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
    -moz-transition: all 0.4s ease; /* Firefox */
    -o-transition: all 0.4s ease; /* IE 9 */
    -ms-transition: all 0.4s ease; /* Opera */
    transition: all 0.4s ease;
}

.gallery a:hover .overlay {
	opacity: 1;
}

.gallery .thumbnail {
	overflow: hidden;
}

.thumbnail .caption {
	position: absolute;
	left: 27px;
	bottom: 27px;
	line-height: 1.7;
	margin-right: 12px;
	background: #fff;
	padding: 8px 12px;
	font-size: 90%;
	opacity: 0;
	transform: translateY(15px);
	transition: .25s;
}

.thumbnail .show-caption {
	transform: translateY(0);
	opacity: 1;
}

a:hover .caption {
	color: #000;
}

.justified-gallery {
	width: auto!important;
}

.justified-gallery > a > .caption {
	font-family: inherit;
	padding: 5px 10px;
}

/**
 * 10.1 - Lightbox
 */
#imagelightbox {
    position: fixed;
    z-index: 100001;
    -ms-touch-action: none;
    touch-action: none;
}

/* Overlay */
#imagelightbox-overlay {
	background-color: #fff;
	position: fixed;
	z-index: 100000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* Close Button */
#imagelightbox-close {
	width: 1.5em; /* 40 */
	height: 1.5em; /* 40 */
	background: transparent;
	border: 0;
	text-align: left;
	position: fixed;
	z-index: 100001;
	top: 3em;
	right: 2em;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}

#imagelightbox-close:hover,
#imagelightbox-close:focus { cursor: pointer; outline: 0; }

#imagelightbox-close:before,
#imagelightbox-close:after {
	width: 2px;
	background-color: #333;
	content: '';
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	margin-left: -1px;
}

#imagelightbox-close:before {
	-webkit-transform: rotate( 45deg );
	-ms-transform: rotate( 45deg );
	transform: rotate( 45deg );
}
#imagelightbox-close:after {
	-webkit-transform: rotate( -45deg );
	-ms-transform: rotate( -45deg );
	transform: rotate( -45deg );
}

/* Arrows */
.imagelightbox-arrow {
	position: fixed;
	top: 50%;
	margin-top: -8px;
	width: 25px;
	height: 16px;
	background: url(images/lightbox-arrows.png);
	z-index: 999999;
	border: 0;
}

.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus { 
	cursor: pointer; 
	outline: 0;
}

.imagelightbox-arrow-left { left: 2.5em; /* 40 */ }
.imagelightbox-arrow-right { 
	right: 2.5em; /* 40 */ 
	background-position: 25px 0;
}


/**
 * 11.0 - WooCommerce
 */
.products-grid {
	display: block;
	clear: both;
	margin: 0 -20px 2.5em;
}

.products-grid .product {
	float: left;
	width: 33.333333%;
}

.products-grid .product img {
	width: 100%;
}

.products-grid .product .product-content {
	padding: 20px;
}

.product-content h2.woocommerce-loop-product__title {
	font-size: 22px!important;
	padding-top: 12px;
	margin-bottom: 10px;
}

.products-grid .product h3 {
	padding-top: 14px;
	margin-bottom: 0px;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
}

.products-grid .product a:hover h3 {
	color: #777;
}

.woocommerce-ordering select {
	border: 0;
	background: transparent;
	font-size: 85%;
	outline: 0;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
	border: 0!important;
	line-height: 44px!important;
}

ul.woocommerce-error {
	padding: 1.3em 3.5em!important;
}

.woocommerce-info:before,
.woocommerce-message:before {
	color: #333!important;
}

.woocommerce-message a.button {
	padding: 0;
	margin: 0;
	float: right;
}

/* Prices */
p.price del {
	font-size: 90%;
}

p.price ins {
	text-decoration: none!important;
}

.price {
	font-size: 100%!important;
}

.price ins {
	text-decoration: none!important;
}

.woocommerce .product p.price,
.woocommerce .product span.price {
	color: #333!important;
}

.woocommerce .products-grid .product span.price {
	display: block;
}

.woocommerce-Price-amount {
	color: #000!important;
	font-weight: 300!important;
}

.woocommerce .products-grid .woocommerce-Price-amount {
	color: #999!important;
	font-weight: 400!important;
}

/* Rating */
p.stars a {
	color: #333;
}

.woocommerce .products-grid .star-rating {
	float: none!important;
	margin: 5px 0 5px!important;
}

.woocommerce .star-rating span {
	line-height: 1;
}

/* Sale */
.woocommerce span.onsale {
	background-color: #333!important;
	top: 15px!important;
	z-index: 1!important;
	min-height: 28px!important;
	min-width: 50px!important;
	line-height: 28px!important;
	border-radius: 0!important;
}

.woocommerce .products-grid .product span.onsale {
	background-color: #333!important;
	top: 35px!important;
	left: 15px!important;
	padding: 0px!important;
}

/* WooCommerce Account */
.woocommerce-MyAccount-navigation {
	width: 25%!important;
}

.woocommerce-MyAccount-content {
	width: 73%!important;
}

/* WooCommerce Input Fields */
.woocommerce input.input-text,
.woocommerce textarea.input-text {
	border: 1px solid #eaeaea!important;
	line-height: 32px!important;
	padding: 0 15px!important;
}

.woocommerce textarea.input-text {
	padding: 15px!important;
	height: 80px!important;
}

.quantity input.qty {
	height: 42px;
	line-height: 42px;
	width: 50px!important;
	padding: 0!important;
	text-align: center!important;
	text-indent: 10px!important;
	float: left;
}

/* Login/Register Form */
.woocommerce form.checkout_coupon,
.woocommerce form.login, .woocommerce form.register {
	border: 1px solid #eaeaea!important;
	border-radius: 2px!important;
	-moz-border-radius: 2px!important;
	-webkit-border-radius: 2px!important;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
	min-width: 20px!important;
}

.woocommerce nav.woocommerce-pagination {
	margin-bottom: 3em;
}

.woocommerce nav.woocommerce-pagination ul {
	border: 0!important;
}

.woocommerce nav.woocommerce-pagination ul li {
	line-height: 24px;
	border: 0!important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: transparent!important;
	color: #999!important;
}

/**
 * 11.1 - WooCommerce Widgets
 */
/* Search Widget */
.woocommerce-product-search {
	padding: 0 26px 0 0;
}

.woocommerce-product-search input[type="submit"],
.woocommerce-product-search button[type="submit"] {
	display: none;
}

.woocommerce-product-search .screen-reader-text {
	display: none;
}

/* Cart Widget */
.woocommerce a.remove {
	font-size: 1.3em!important;
	font-weight: normal!important;
	line-height: 1em!important;
}

.woocommerce a.remove:hover {
	background-color: transparent!important;
}

.woocommerce .widget_shopping_cart .total, 
.woocommerce.widget_shopping_cart .total {
	padding-top: 8px!important;
	border-top: 1px solid #eaeaea!important;
}

.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
	padding: 10px 0 10px 2em!important;
}

.woocommerce ul.cart_list li, 
.woocommerce ul.product_list_widget li {
	padding: 10px 0!important;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove {
	top: 13px!important;
}

/* List Widgets */
.woocommerce .widget_shopping_cart ul.cart_list li a {
	font-weight: 600!important;
}

.woocommerce ul.product_list_widget li a {
	font-weight: 300!important;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
	width: 60px!important;
	margin-top: 5px;
}

.widget_shopping_cart_content p.buttons {
	margin: 0;
}

.woocommerce ul li ins {
	text-decoration: none;
}

/* Categories Widget */
.widget_product_categories ul li {
	border-bottom: 0!important;
	padding: 0!important;
}

/* Price Widget */
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
	background-color: #f8f8f8!important;
}

.woocommerce .widget_price_filter .ui-slider-range {
	background-color: #333!important;
}

.woocommerce .widget_price_filter .ui-slider-handle {
	background-color: #333!important;
}

.widget_price_filter button {
	border-radius: 0!important;
	font-size: 12px!important;
	padding: 0 1em!important;
	line-height: 32px!important;
	font-weight: 300!important;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/**
 * 11.2 - Single Product
 */
h1.product_title {
	font-size: 32px;
	padding-top: 0;
	margin-bottom: 10px;
}

.single-product .product_meta span.sku_wrapper,
.single-product .product_meta span.posted_in,
.single-product .product_meta span.tagged_as {
	display: block;
}

.single-product .woocommerce-Price-amount {
	font-size: 28px;
}

.single-product .related .woocommerce-Price-amount {
	font-size: 100%;
}

form.cart {
	margin-bottom: 2em;
}

.single_add_to_cart_button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	height: 48px!important;
	line-height: 48px!important;
	padding: 0 20px!important;
	background: #222!important;
	font-weight: normal!important;
	border-radius: 3px!important;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	color: #fff!important;
	text-transform: capitalize!important;
}

.woocommerce #respond input#submit {
	margin: 0!important;
}

.single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background: #444!important;
}

input#coupon_code {
	width: 100px;
	font-size: 12px;
	height: 44px;
	line-height: 44px;
}

.woocommerce-tabs {
	padding: 3em 0 0;
}

.woocommerce-tabs #comments {
	padding: 0;
	border-top: 0;
}

ul.wc-tabs {
	margin: 0!important;
}

ul.wc-tabs li {
	padding: 10px 16px;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	background-color: #fff!important;
	border-radius: 2px 2px 0 0!important;
	-moz-border-radius: 2px 2px 0 0!important;
	-webkit-border-radius: 2px 2px 0 0!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-weight: 300!important;
}

/**
 * 11.3 - WooCommerce Comments
 */
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin-left: 70px!important;
	padding: 0 1.5em!important;
	border: 0!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
	width: 0px!important;
	height: 0px!important;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	width: 60px!important;
	height: 60px!important;
	border: 0!important;
	padding: 0!important;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.woocommerce-Reviews .comment {
	padding: 0 0 1.5em!important;
	border-bottom: 1px solid #eaeaea!important;
	margin-bottom: 2.5em!important;
}

p.meta strong {
	display: block;
	color: #000;
	font-size: 14px;
}

/**
 * 11.4 - Checkout
 */
.woocommerce table.shop_table {
	border: 1px solid #eaeaea!important;
	border-radius: 2px!important;
	-moz-border-radius: 2px!important;
	-webkit-border-radius: 2px!important;
}

.woocommerce table.shop_table th {
	font-weight: 600!important;
}

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th {
	
	font-weight: 600!important;
}

.woocommerce table td {
	padding: 1em 1em!important;
}

.woocommerce table td, 
.woocommerce table th {
	border-bottom: 0;
}

.woocommerce-checkout #payment {
	background: #f9f9f9!important;
	border-radius: 0!important;
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
}

.woocommerce table.shop_table thead {
	background: #f8f8f8;
}

.woocommerce table.shop_table tfoot th {
	vertical-align: middle;
}

.woocommerce table.shop_table tr:nth-child(even) {
	background: #fff;
}

.woocommerce-checkout #payment div.payment_box {
	background:#eaeaea!important;
}

#payment ul.payment_methods {
	border-bottom: 1px solid #eaeaea!important;
}

/**
 * 12.0 - Pagination
 */
nav.pagination {
	padding: 0 0 2em;
	overflow: auto;
	display: block;
}

nav.pagination .screen-reader-text {
	display: none;
}

nav.pagination .arrows {
	overflow: visible;
	text-align: center;
}

nav.pagination .arrow {
	margin: 0 5px;
	text-align: center;
	font-size: 24px;
	border: 2px solid #222;
	display: inline-block;
	width: 40px;
	height: 40px;
}

nav.pagination .nav-links {
	text-align: center;
}

nav.pagination .nav-links a,
nav.pagination .nav-links span {
	font-size: 90%;
	display: inline-block;
	padding: 8px;
	width: 20px;
	text-align: center;
	font-weight: normal;
	margin: 0 1px;
}

nav.pagination .nav-links .current {
	color: #aeaeae;
}

.previous-page {
	float: left;
}

.next-page {
	float: right;
}

/* Infinite Scroll */
.load-more {
    text-align: center;
    display: block;
    clear: both;
    width: 100%;
    padding: 5em 0;
    font-size: 14px;
}

.load-more a {
	font-size: 15px;
    padding: 1em 1.8em;
    background: #222;
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.load-more a:hover {
	background: #333;
	color: #fff;
}

#infscr-loading {
    display: none!important;
}

/**
 * 13.0 - Footer
 */
#footer {
	width: 100%;
	clear: both;
	background: #f9f9f9;
	padding: 3em 0 3em;
}

#footer,
#footer p {
	font-family: Lato;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	text-align: center;
}

#footer .copyright {
	margin: 0;
	color: #000;
}

/* Footer Menu */
.footer-menu {
	margin-top: 0;
	list-style: none;
	color: #000;
}

.footer-menu li {
	display: inline;
	margin-right: 2.5em;
}

.footer-menu li:last-child {
	margin-right: 0;
}

.footer-menu li ul {
	display: none;
}

/**
 * 14.0 - Shortcode Styling
 */
a.button {
	font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Arial, san-serif;
	text-transform: none!important;
	font-weight: 400;
	border-radius: 3px;
}

/**
 * 15.0 - WordPress Classes
 */
.alignleft {
	float: left;
	margin: .5em 1.5em 1em 0;
}

.alignright {
	float: right;
	margin: .5em 0 1em 1.5em;
}

.aligncenter {
	text-align: center;
	margin: 0 auto;
}

.wp-caption-text {
	font-size: 90%;
	color: #aeaeae;
}

.gallery-caption {
	font-size: inherit;
}

.bypostauthor {
	background: #f6f6f6;
}

.sticky {
	background: #f6f6f6;
	padding: 2em 2em 1em!important;
}

.screen-reader-text {
	display: none;
}

/**
 * 16.0 - Responsive Grid (http://www.responsivegridsystem.com)
 */
.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
}

.row {
	display: block;
	overflow: auto;
	clear: both;
}

.col {
	display: block;
	float: left;
	margin: 0 0 1% 4%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.twelve {
	width: 100%;
}

.eleven {
  	width: 91.33%;
}

.ten {
  	width: 82.66%;
}

.nine {
  	width: 74%;
}

.eight {
  	width: 65.33%;
}

.seven {
  	width: 56.66%;
}

.six {
  	width: 48%;
}

.five {
  	width: 39.33%;
}

.four {
  	width: 30.66%;
}

.three {
  	width: 22%;
}

.two {
  	width: 13.33%;
}

.one {
  	width: 4.666%;
}

.row .one-fifth {
	width: 16.8%;
}

.row .four-fifths {
	width: 79.2%;
}

@media only screen and ( max-width: 1300px ) {
	.item.five-column {
		width: 25%;
	}

	/* Gallery */
	.gallery.five-column .col,
	.gallery.six-column .col,
	.gallery.seven-column .col,
	.gallery.eight-column .col,
	.gallery.nine-column .col {
		width: 25%;
	}
}

@media only screen and ( max-width: 1160px ) {
	.item {
		width: 50%;
	}
}

@media only screen and ( max-width: 1060px ) {

	.content {
		width: 100%;
	}

	.sidebar {
		width: 100%;
	}

	/* Portfolio Items */
	.item.four-column {
		width: 33.333333%;
	}

	.item.five-column {
		width: 33.333333%;
	}

	/* Gallery */
	.gallery.four-column .col,
	.gallery.five-column .col,
	.gallery.six-column .col,
	.gallery.seven-column .col,
	.gallery.eight-column .col,
	.gallery.nine-column .col {
		width: 33.333333%;
	}

}

@media only screen and ( max-width: 980px ) {
	.item.four-column {
		width: 50%;
	}

	/* Gallery */
	.gallery.three-column .col {
		width: 50%;
	}
}

@media only screen and ( min-width: 960px ) {
	.side-header #logo { height: auto!important; }
}

@media only screen and ( max-width: 960px ) {
	body.side-header {
		padding-left: 0px;
	}

	.side-header #header {
		display: flex;
		width: 100%;
		padding: 0;
	}

	.side-header #header .container {
		padding: 0 40px;
		display: flex;
	}

	.side-header #logo {
		display: table;
		width: auto;
		float: left;
	}

	.side-header .menu-toggle {
		display: table;
	}

	.side-header .menu-wrapper {
		display: none;
	}

	.side-header #page {
		margin: 150px 0 0;
	}

	.side-header ul.social-media {
		display: none;
	}

	.side-header #header .header-widget {
		display: none;
	}

	.side-header .portfolio-wrapper {
		padding: 0;
	}
}

@media only screen and ( max-width: 880px ) {
	/* Portfolio Items */
	.item.two-column {
		width: 100%;
	}

	.item.three-column {
		width: 50%;
	}

	.item.five-column {
		width: 50%;
	}

	/* Gallery */
	.gallery.four-column .col,
	.gallery.five-column .col,
	.gallery.six-column .col,
	.gallery.seven-column .col,
	.gallery.eight-column .col,
	.gallery.nine-column .col {
		width: 50%;
	}
}

@media only screen and ( max-width: 800px ) {
	/* Portfolio Items */
	.item {
		width: 100%;
	}

	.item.four-column {
		width: 100%;
	}

	.item.five-column {
		width: 100%;
	}

	/* Shop */
	.products-grid .product {
		width: 50%;
	}

	/* Grid Blog */
	.blog .blog-grid article,
	.search .blog-grid article,
	.archive .blog-grid article {
		width: 100%;
	}

	.blog-grid .item-sizer {
		width: 100%;
	}
}

@media only screen and ( max-width: 782px ) {
	.side-header.admin-bar #header {
		top: 46px;
	}
}

@media only screen and ( max-width: 768px ) {
	.portfolio-wrapper { padding: 0!important; }

	.standard-menu .menu-toggle { 
		display: table; 
	}

	.standard-menu .social-media {
		display: none;
	}

	ul.menu {
		display: none;
	}

	.col { 
		margin: 0 0 1% 0%;
	}

	.page-title .inner {
		max-width: 100%;
	}

	.content {
		width: 100%;
		display: block;
	}

	input.search-field {
		background-position: 98% 50%;
	}

	/* Grid */
	.twelve {
		width: 100%; 
	}

	.eleven {
		width: 100%; 
	}

	.ten {
		width: 100%; 
	}

	.nine {
		width: 100%; 
	}

	.eight {
		width: 100%; 
	}

	.seven {
		width: 100%; 
	}

	.six {
		width: 100%; 
	}

	.five {
		width: 100%; 
	}

	.four {
		width: 100%; 
	}

	.three {
		width: 100%; 
	}

	.two {
		width: 100%; 
	}

	.one {
		width: 100%;
	}

	/* 5 Columns */
	.one-fifth {
		width: 100%;
	}

	.four-fifths {
		width: 100%;
	}
}

@media only screen and ( max-width: 720px ) {
	.gallery.two-column .col,
	.gallery.three-column .col,
	.gallery.four-column .col,
	.gallery.five-column .col,
	.gallery.six-column .col,
	.gallery.seven-column .col,
	.gallery.eight-column .col,
	.gallery.nine-column .col {
		width: 100%;
	}
}

@media only screen and ( max-width: 680px ) {
	.container {
		padding: 0 25px;
	}

	input.search-field {
		background-position: 97% 50%;
	}

	#footer ul li {
		display: block;
		width: 100%;
		text-align: center;
	}

	/* Shop */
	.products-grid .product {
		width: 100%;
	}
}