/*
Theme Name: Stained Glass
Author: Cats_456
Theme URI: https://visualpharm.com/wpblogs/themes/theme/stained-glass-multipurpose-wordpress-theme/
Author URI: https://visualpharm.com/wpblogs/themes/
Description: Stained Glass is a multipurpose theme with responsive design, it can be used across a wide range of devices (from desktop computer monitors to mobile phones). Stained Glass made for portfolio, e-commerce, blog, magazine and landing page websites. It has many options in the customizer: layouts (left sidebar, right sidebar, full-width, two sidebars and customizable width of columns). Also, it has 1-4 column layouts for archive/search/blog. It has a number of widgets for displaying recent posts/portfolio/products, one page navigation widgets for Jetpack's portfolio, widget for displaying social media icons, widget 'buttons', Image widget with css3 transitions and on scroll animation, widget page for building mixed layouts (right/left/two sidebars layouts on one page), favicon, logo, scroll to top, 3 nav menus, many google fonts, customizable sidebars and front page and more. Supports popular plugins: portfolio custom post type from Jetpack, WooCommerce shop. Translation ready to any language. You can see the demo at http://wpblogs.info/demo/glass/.
Version: 1.1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, custom-background, custom-header, flexible-header, full-width-template, custom-menu, featured-images, microformats, sticky-post, translation-ready,custom-colors, editor-style, theme-options, threaded-comments, grid-layout, custom-logo, footer-widgets, blog, portfolio, e-commerce
Text Domain: stainedglass

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	word-wrap: break-word;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}
audio:not([controls]) {
	display: none;
}

html {
	overflow-y: scroll;
}
body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-size: 18px;
	line-height: 1.5;
}
/* Menu toggle */
.sidebar-toggle,
.menu-toggle {
	margin: 20px;
	padding: 6px 10px;
	font-size: 11px;
	line-height: 1.4;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	cursor: pointer;
}
.sidebar-toggle:hover,
.menu-toggle:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
}
.sidebar-toggle:active,
.menu-toggle:active,
.sidebar-toggle.toggled-on,
.menu-toggle.toggled-on {
	color: #767676;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}

body {
	background: #ccc;
	overflow-x: hidden;
}

a {
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}
a:active,
a:hover {
	text-decoration: underline;
	outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
	margin: 12px 0;
}

h1 {
	font-size: 42px;
	line-height: 1.34;
}

h2 {
	font-size: 24px;
	line-height: 1;
}

h3 {
	font-size: 22px;
	line-height: 1.1;
}

h4 {
	font-size: 20px;
	line-height: 1.2;
}

h5 {
	font-size: 18px;
	line-height: 1.3;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: bold;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #cc0000;
	color: #aaa;
	display: inline-block;
	padding: 2px;
	text-decoration: none;
}
.widget ins {
	background: #cc0000;
	color: #fff;
}

p {
	margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid #ccc;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	word-wrap: normal; 
}

blockquote,
q {
	hyphens: none;
	quotes: none;
}

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

blockquote {
	color: #822f2c;
	font-size: 19px;
	font-style: italic;
	line-height: 1.3;
	margin-bottom: 24px;
}

blockquote cite,
blockquote small {
	color: #6699cc;
	font-family: 'Lobster', sans-serif;
	font-size: 24px;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: bold;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
	margin: 10px 0 10px 20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	box-sizing: border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
select {
	max-width: 100%;
	word-wrap: break-word;
}
select  option{
	max-width: 100%;
	white-space: normal;
	word-wrap: break-word;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	border: 1px solid #ccc;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: #eee;
	border: 0;
	height: 1px;
	margin-bottom: 12px;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	width: auto;
}
/**
 * Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */

input,
textarea {
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #000066;
	padding: 0 10px;
}
textarea {
	width: 100%;
}


input:focus,
textarea:focus {
	background: #fff;
	border: 1px solid #0066cc;
	outline: 0;
}
textarea:focus {
}

/* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #eee;
	border-radius: 10px;
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #aaa;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 30px;
	text-transform: uppercase;
	vertical-align: bottom;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #41a62a;
	color: #fff;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #3333ff;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
	width: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
	width: auto;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video {
	overflow: hidden;
	max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
	margin-bottom: 0;
}

/* Genericons Icons */
.category-list a:before {
	color: #eee;
	content: '\f301';
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	padding-right: 5px;
	vertical-align: middle;	
}

.tag:before,
.tags a:before {
	content: '\f302';
	color: #eee;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	padding-right: 5px;
	vertical-align: middle;
}

/* Genericons Icons */

.author.vcard  a:before {
	content: '\f304';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;	
}
.entry-date a:before {
	content: '\f307';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;	
}
.menu-toggle:before {
	content: '\f419';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 12px/1 'Genericons';
	padding-right: 2px;
	vertical-align: middle;	
}
.sidebar-toggle:after {
	content: '\f502';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 12px/1 'Genericons';
	vertical-align: middle;	
}
.edit-link a:before {
	content: '\f411';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;	
}

.featured-post:before {
	content: '\f308';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	vertical-align: middle;	
}

/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 10px 12px 10px 0;
}

.wp-caption.alignleft {
	margin: 10px 12px 10px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
	margin: 10px 0 10px 12px;
}

.wp-caption.alignright {
	margin: 10px 0 10px 12px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 10px;
	margin-bottom: 10px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	color: #767676;
	margin-bottom: 12px;
	max-width: 100%;
	width: auto;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 10px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #eee;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px #fff;
	clip: auto;
	color: #3333ff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.hide {
	display: none;
}

/**
 * Basic Structure
 * -----------------------------------------------------------------------------
 */

.site {
	color: #666;
	margin: 0 auto;
	width: 96%;
}

.background-fixed {
	bottom: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: -1;
}

.main-wrapper {
	display: -webkit-box;     
	display: -moz-box;        
	display: -ms-flexbox;     
	display: -webkit-flex;
	display: flex;            
	margin: 0 auto;
	
	-webkit-flex-flow: wrap;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
}

.site-content {
	-ms-flex-order: 1;     
	-webkit-order: 1;  
	order: 1;
	width: 100%;
}

.sidebar-1 {
	-ms-flex-order: 2;     
	-webkit-order: 2;  
	order: 2;
}

.sidebar-2 {
	-ms-flex-order: 3;     
	-webkit-order: 3;  
	order: 3;
}

.sidebar-1,
.sidebar-2,
.content {
	width: 100%;
}

/* main area */
.boxed-content .main-area {
	margin: 0 20px;
}

.main-area {
	padding: 20px;

}

.no-content .main-area,
.page-template-no-content .main-area {
	padding: 0;
}


.nothing-found,
.content-container {
	clear: both;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

/**
 * Header
 * -----------------------------------------------------------------------------
 */
 
.sg-site-header-1,
.sg-site-header {
	display: -webkit-box;     
	display: -moz-box;        
	display: -moz-box;        
	display: -ms-flexbox;     
	display: -webkit-flex;
	display: flex;            
	-webkit-flex-flow: wrap;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
}

.site-description,
.site-title {
	margin: 0;
	text-align: center;
}

.site-title {
	border-radius: 20px 20px 0 0;
	line-height: 2.6vw;
	padding: 1vw;
}

.site-title a {
	font-size: 3vw;
	font-weight: 300;
}

.site-description {
	line-height: 2vw;
    padding: 2% 6% 6% 6%;
	font-size: 1.6vw;
	font-style: italic;
}
.header-wrap {
	margin: 0 auto;
}

.header-image {
	margin: 0 auto;
}

.element-wrap {
    background-color: rgba(255,255,255, 0.8);
	border-radius: 20px 20px 0 0;
	bottom: 0;
	-webkit-box-shadow: -1px 6px 78px 6px rgba(138,123,138,1);
	-moz-box-shadow: -1px 6px 78px 6px rgba(138,123,138,1);
	box-shadow: -1px 6px 78px 6px rgba(138,123,138,1);
	display: inline-block;
    left: 0;
    overflow: hidden;
    position: absolute;
	margin-right: 50%;
	margin-left: 10px;
	-webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	width: 40%;
}

.boxed-header .sg-header-area {
	margin: 20px 20px 0 20px;
	z-index: 20;
}

.logo-block {
	width: 10%;
}

.menu-top,
.logo-is-on .menu-top {
	width: 100%;
}

.logo-is-on .menu-1 {
	padding-left: 120px;
}

.logo-section {
	position: absolute;
	z-index: 11;
}

.logo {
	display: block;
	max-width: 100px;
	margin: 0 20px;
}

/**
 * Navigation
 * -----------------------------------------------------------------------------
 */
.nav-link {
	margin-top: 20px;
}
 /* styles for the flex-box grid */
.nav-link,
.widget .flex.content,
.flex .content {
	display: -webkit-box;    
	display: -moz-box;         
	display: -ms-flexbox;     
	display: -webkit-flex;   
	display: flex;           
	
	-webkit-flex-flow: wrap;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
}
.nav-link a {
	text-decoration: none;
	width: 94%;
}

.navigation.paging-navigation {
	text-align: center;
}

.menu-toggle,
.sidebar-toggle {
	display: inline-block;
}

.pagination .next.page-numbers,
.pagination .prev.page-numbers {
	margin-bottom: 10px;
}

.pagination .page-numbers {
	background: #fff;
	border: 1px solid #ccc;
	color: #1e73be;
	padding: 5px 10px;
}
.pagination .page-numbers:hover {
	background: #eee;
}

.pagination .page-numbers.current {
	background: #eee;
	border: 1px solid #ccc;
}
.pagination.loop-pagination {
	padding: 20px;
}
/* Top Menu */
.menu-1 {
	clear: both;
}

.top-1-navigation {
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.2);
}

/* Navigation */

.horisontal-navigation li ul {
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3);
}

.horisontal-navigation .current-menu-item a:before,
.horisontal-navigation .current_page_item a:before {
	content: '\f405';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: top;	
	color: red;
}

.horisontal-navigation .current-page-ancestor > a:before,
.horisontal-navigation .current-menu-ancestor > a:before {
	content: '\f405';	
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: top;	
}

.horisontal-navigation ul.nav-horizontal,
.horisontal-navigation div.nav-horizontal > ul {
	display: none;
}

.horisontal-navigation ul.nav-horizontal.toggled-on,
.horisontal-navigation div.nav-horizontal.toggled-on > ul {
}

.horisontal-navigation ul.toggled-on ul,
.horisontal-navigation ul.toggled-on {
	margin: 0 20px 20px 20px;
}

.horisontal-navigation {
	text-align: right;
}

.horisontal-navigation > div {
	float: right;
	text-align: left;
}

.horisontal-navigation  ul {
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.2);
	list-style: none;
	max-width: 280px;
	margin: 0 20px 0 20px;
	min-width: 200px;
}

.horisontal-navigation > div > ul > li a {
	padding: 0 20px;
}

.toggle {
	display: block;
}

.nav-horizontal li {
	font-size: 18px;
}

.nav-horizontal li ul li li {
	margin: 10px;
}

.horisontal-navigation a {
	display: block;
	line-height: 1.8;
	text-decoration: none;
}

.horisontal-navigation ul li ul li a:before {
	content: '\f429';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;	
}

 /**
 * Content
 * -----------------------------------------------------------------------------
 */
.entry-summary {
	display: none;
	padding: 0 10px;
}

.entry-content table,
.comment-content table {
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 12px;
}

.entry-content th,
.comment-content th {
	padding: 8px;
	text-transform: uppercase;
}

.entry-content td,
.comment-content td {
	padding: 8px;
}

/* archive title */ 
.archive-title {
	font-size: 14px;
	text-transform: uppercase;
}

/* entry thumbnail */ 
.flex .entry-thumbnail img {
	display: block;
	margin: 0 auto;
}

.content-container .entry-thumbnail {
	padding: 0 0 20px 0;
}

.flex .content-container {
	overflow: hidden;
}

/* archive/category/blog pages */
.flex .content-container .entry-thumbnail {
	padding: 0;
}

.flex .content-container {
	margin: 0 auto 20px auto;
}

.flex-layout-1 .content-container {
	width: 100%;
}

.flex-layout-2 .content-container {
	width: 100%;
}

.flex-layout-3 .content-container {
	width: 100%;
}

.flex-layout-4 .content-container {
	width: 100%;
}

.flex .entry-title a {
	font-size: 18px;
}

.flex .entry-summary,
.flex .entry-content {
	font-size: 0;
}

.flex  .entry-meta {
	font-size: 0;
}

.flex .entry-header h1 {
	border-radius: 0 0 10px 10px;
	margin: 0;
	padding: 0 5px;
	text-align: center;
}

.flex .entry-summary  p {
	margin: 0;
	padding: 5px;
}

.flex .entry-content{
	padding: 5px 20px;
}

.nothing-found > article ,
.content-container > article,
.content-container > div {
	padding: 20px;
}

/**
 * Archive Header
 * -----------------------------------------------------------------------------
 */
.archive-header {
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
}

.archive-header h1 {
	display: inline-block;
}
/**
 * Entry Meta
 * -----------------------------------------------------------------------------
 */
 
.entry-meta {
	color: #aaa;
	font-style: italic;
	padding: 10px 20px;
	text-align: right;
}
.widget .entry-meta {
	padding: 0;
}

.entry-date a:before,
.author.vcard a:before,
.edit-link a:before,
.comments-link a:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 24px/1 'Genericons';
	padding: 0 2px;
	vertical-align: middle;
}

.comments-link a:before {
	content: '\f300';
}
.edit-link a:before {
	content: '\f411';
}
.author.vcard a:before {
	content: '\f304';
}
.entry-date a:before {
	content: '\f307';
}

.wide .entry-date a:before,
.wide .author.vcard a:before,
.wide .edit-link a:before,
.wide .comments-link a:before {
	text-shadow: none;
}

.comments-link a:before {
	display: inline-block;
	content: '\f300';
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	padding: 0 2px;
	vertical-align: middle;
}

.comments-link {
	padding: 0 0 0 10px;
}

 /**
 * Post Thumbnail, Category and Tags
 * -----------------------------------------------------------------------------
 */
 
.project-list,
.category-list {
	margin: 0 0 20px 0;
}

.widget .tags,
.widget .project-list,
.widget .category-list {
	text-align: center;
}

.widget .project-list,
.widget .category-list {
	margin: 20px;
	padding: 5px;
}

.project-list a,
.category-list a {
	display: inline-block;
	margin: 5px;
}
.project-list ul,
.category-list ul {
	margin: 0;
}
.project-list li,
.category-list li{
	display: inline-block;
	list-style: none;
}

.tag:before,
.project a:before,
.tags a:before,
.project-list a:before,
.category-list a:before {
	color: #eee;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	vertical-align: middle;	
}

.project a:before,
.project-list a:before {
	content: '\f445';
	padding-right: 5px;
}

.project-list {
	color: #aaa;
    font-style: italic;
}
.category-list a:before {
	content: '\f301';
}
.tags a:before {
	content: '\f302';
}

.tags {
	margin: 20px 0;
	text-align: right;
}

.tags a {
	display: inline-block;
}

.project-list a,
.category-list a,
.tags a {
	border: 1px solid #ccc;
	border-radius: 10px;
	margin: 5px 0;
	padding: 10px;
	text-decoration: none;
}
 /**
 * Post Date
 * -----------------------------------------------------------------------------
 */
.post-date {
	margin: 5px 0 0 5px;
	padding: 2px;
}

.post-date a {
	text-decoration: none;
}

 /**
 * Content Navigation
 * -----------------------------------------------------------------------------
 */
.meta-nav {
	margin: 5px;
}

.previous-image,
.next-image,
.nav-previous-one, 
.nav-next {
	display: block;
	margin: 5px;
	padding: 20px;
	text-align: center;
}

.nav-previous-one {
	padding: 20px;
}

/**
 * Post Format
 * -----------------------------------------------------------------------------
 */
.post-format {
	padding: 5px;
	text-align: center;
}
/**
 * Gallery
 * -----------------------------------------------------------------------------
 */
.gallery {
	margin-bottom: 20px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: #eee;
	bottom: 0;
	box-sizing: border-box;
	color: #767676;
	font-size: 12px;
	left: 0;	
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	left: 0;
	min-height: 49px;
	position: absolute;
	top: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
/**
 * Comments
 * -----------------------------------------------------------------------------
 */
 
.comments-area {
	margin: 0;
	padding: 40px 20px;
}

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

.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}

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

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

.comment-author a {
	color: #3366cc;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #003366;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #339900;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-author {
	position: relative;
}
.bypostauthor .fn a {
	color: #339900;
}
.bypostauthor .fn a:hover {
	color: #3366cc;
}

.bypostauthor > article .fn:before {
	content: '\f408';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
	vertical-align: middle;	
}

.comment-author .avatar {
	border: 1px solid #eee;
	height: 18px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 30px;
}

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

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

.comment-body {
	clear: right;
	margin: 20px 0;
	padding: 10px;
}

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

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

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

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

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

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

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

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

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

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

.comment-form label {
	display: block;
}

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

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

.required {
	color: #c0392b;
}

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

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

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: block;
	text-align: center;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}
#respond {
	clear: right;
}
.full-size-link {
	padding: 20px;
}

.featured-post {
	margin-top: 20px;
	padding: 0 20px;
	text-align: center;
}

.clear {
	clear: both;
}
.clear-right {
	clear: right;
}
/**
 * Sticky Post
 * -----------------------------------------------------------------------------
 */
.sticky {
} 

/**
 * Widgets
 * -----------------------------------------------------------------------------
 */
 
 .widget {
	font-size: 18px;
	hyphens:         auto;
	line-height: 1.8;
	word-wrap: break-word;
}

.site .widget {
	padding-bottom: 20px;
}
 
/* columns */

.sidebar-2 .column,f
.sidebar-1 .column {
	padding: 20px 0 0 0;
}

.sidebar-1 .widget,
.sidebar-2 .widget {
	margin: 0 auto 20px auto;
}

.site .column .widget {
	margin-bottom: 20px;
	overflow: hidden;
	padding: 20px;
}

.column .widget .widgettitle,
.column .widget .widget-title {
	border-bottom: 3px solid rgba(220,220, 220, 0.3);
	font-size: 22px;
	font-weight: 300;
	margin-top: 0;
	padding: 5px;
	text-align: center;
}

.wide .stainedglass_widget_title .entry-title {
	margin: 0;
	padding: 20px;
}

.sidebar-footer li:before,
.column li:before {
	color: #fff;
	content: '\f428';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	margin: 0;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	vertical-align: middle;	
}

.column select {
	width: 100%;
}

.column ol,
.column ul {
	list-style: none;
	margin: 10px 0 10px 0;
}
.column ol li ol,
.column ul li ul{
	margin: 0 0 0 10px;
}

/* Top Sidebar, Footer Sidebar, Content Sidebar */

.wide .widget-area .widgettitle,
.wide .widget-area .widget-title {
	margin-left: auto;
	margin-right: auto;
}

.wide .widget ul {
	list-style: none;
}

.sidebar-before-footer {
	margin: 0 auto;
}

.boxed-header .sidebar-wrap {
	margin: 0 20px 20px 20px;
}

.wide select {
	display: block;
	margin: 20px auto;
	padding: 5px;
	width: 300px;
}

.wide  ul li a{
	text-transform: uppercase;
}

.wide .widget.widget_rss  .rss-date {
	display: block;
}

.wide .widget.widget_rss  ul li .rssSummary {
	border-bottom: 1px solid rgba(150, 150, 150, 0.2);
	display: block;
	margin: 5px;
	padding: 5px;
}

.wide .widget.widget_tag_cloud a {
	background: rgba(150, 150, 150, 0.2);
	border: 1px solid #fff;
	margin: 2px;
	padding: 2px;
	border-radius: 20px;
	display: inline-block;	
}

.wide .widgettitle,
.wide .widget-title {
	font-size: 32px;
	font-weight: 300;
	margin: 0 0 20px 0;
	padding: 5px;
	text-align: center;
}

.wide .widget {
	margin: 0 auto;
}

/* widget nav menu */

.wide .widget.widget_nav_menu .menu {
	display: -webkit-box;     
	display: -moz-box;     
	display: -ms-flexbox;      
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: wrap;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
}

.wide .widget.widget_nav_menu > div > .menu > li > a {
	border-bottom: 5px solid rgba(255, 255, 255, 0.5);
	display: block;
	font-size: 24px;
	margin: 10px;
	padding: 5px;
}

.site .wide .widget-area .widget.widget_nav_menu ul,
.site .wide .widget-area  .widget.widget_nav_menu ul li {
	margin: 0;
}

.wide .widget.widget_nav_menu .menu li ul li  {
	border: none;
	display: block;
	margin: 10px;
}
.wide .widget.widget_nav_menu .menu > li {
	display: block;
	width: 100%;
}

/* widgets in top, content, before footer sidebars */

.wide .widget.widget_nav_menu .menu li ul li a:before,
.wide .widget ul li:before {
	color: rgba(150, 150, 150, 0.6);
	content: '\f432';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	padding-right: 5px;
	margin-top: 6px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	vertical-align: middle;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

.wide .widget.widget_nav_menu ul li:before {
	content: none;
}

.wide .widget.widget_rss  ul li:before {
	color: rgba(150, 150, 150, 0.2);
	content: '\f511';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	text-shadow: 5px 1px 10px rgba(150, 150, 150, 0.2);
	vertical-align: middle;	
}

.wide .widget.widget_rss  .rss-date:before {
	color: rgba(150, 150, 150, 0.2);
	content: '\f307';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	text-shadow: 5px 1px 10px rgba(150, 150, 150, 0.2);
	vertical-align: middle;	
}

.wide .widget.widget_text div,
.wide .widget.widget_tag_cloud div,
.wide .widget.widget_nav_menu ul,
.wide .widget.widget_recent_comments ul,
.wide .widget.widget_meta ul,
.wide .widget.widget_recent_entries ul,
.wide .widget.widget_pages ul,
.wide .widget.widget_categories ul,
.wide .widget.widget_archive ul,
.wide .widget.widget_rss  ul {
	padding: 0 20px;
}

.widget.stainedglass_socialicons ul li:before{
	content: '';
}

/* footer sidebar */
.sidebar-footer ul {
	list-style: none;
}

.sidebar-footer .widget {
	margin: 20px;
}

.sidebar-footer .widgettitle,
.sidebar-footer .widget-title {
	padding: 0 5px 10px 5px;
	border-bottom: 5px solid #ccc;
}

.sidebar-footer .widget {
	margin: 0 20px;
	padding: 20px;
}

/* widget search and search product */

.search-submit {
	display: none;
}

.sidebar-footer .widget_search .search-form input[type="search"] {
	width: 100%;
}

.wide .widget.woocommerce.widget_product_search input,
.search-form input[type="search"],
.wide .widget.widget_search .search-form input[type="search"] {
	width: 100%;
	padding: 10px;
}

.widget.woocomsmerce.widget_price_filter form,
.widget.woocommerce.widget_product_search form,
.wide .widget.widget_search form,
.wide.widget.widget_search input{
	margin-left: 20px;
	margin-right: 20px;
}

.wide .widget.woocommerce.widget_product_search, 
.wide .widget.widget_search {
	padding: 20px 0;
}
.widget.woocommerce.widget_product_search,
.widget_search .search-form input[type="search"] {
	font-size: 18px;
}

.widget_product_search input[type="submit"],
.widget_product_search #searchsubmit,
.widget_search  .search-submit {
	display: none;
}

.wide .widget.widget_rss > div,
.wide .widget_calendar > div  {
	padding: 20px;
}

/* calendar */

.widget_calendar {
	max-width: 280px;
}
.widget_calendar table {
	line-height: 2;
	margin: 0;
}
.widget_calendar tbody td,
.widget_calendar thead th {
	text-align: center;
}
.widget_calendar #next{
	text-align: right;
}

/* Recent Posts Widget */

.widget_recent_entries .post-date {
	display: block;
}

/* Social Icons Widget*/
.stainedglass_socialicons ul {
	margin: 0;
	text-align: left;
}

/* social icons styles */
.stainedglass_socialicons  {
	overflow: auto;
}

.stainedglass_socialicons .big.horizontal li {
	display: inline-block;
	width: 64px;
}

.stainedglass_socialicons .small.horizontal li {
	display: inline-block;
	width: 32px;
}

.stainedglass_socialicons .big.vertical li {
	width: 64px;
}

.stainedglass_socialicons .small.vertical li {
	width: 32px;
}

.stainedglass_socialicons a {
	display: inline-block;
}

.stainedglass_socialicons .big a {
	height: 64px;
	width: 64px;
}

.stainedglass_socialicons .small a {
	height: 32px;
	width: 32px;
}

.stainedglass_socialicons a {
	opacity: 0.7;
}
.stainedglass_socialicons a:hover {
	opacity: 1;
}

.stainedglass_socialicons .vertical li {
	display: block;
	margin: 0;
}

/**
 * Footer
 * -----------------------------------------------------------------------------
 */
.site-info {
	font-size: 16px;
	padding: 5px 20px;
	text-align: right;
}

.site-info a{
	text-decoration: underline;
}

/* Scroll UP Button */
.scrollup {
	background: url(img/scrollup.png) no-repeat 0 20px;
	bottom: 40px;
	display: none;
	height: 45px;
	padding: 20px 0;
	position: fixed;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
	width: 50px; 
	z-index: 99;
}
.scrollup.right {
	right: 5px;
}
.scrollup.center {
	right: 45%;
}
.scrollup.left {
	left: 5px;
}
.scrollup:hover {
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
    transform: scale(1.2);
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

@keyframes my-jump  { 
    20% {transform: translateY(20px);}
    100% {transform: scale(1.1);}
}
@-webkit-keyframes my-jump  { 
    20% {transform: translateY(20px);}
    100% {transform: scale(1.1);}
}
.move {
    -webkit-animation: my-jump 2s linear 0.2s infinite alternate; /* Chrome, Safari, Opera */
    animation: my-jump 2s linear 0.2s infinite alternate; /* Standard syntax */
}

/* woocommerce */
#woocommerce-wrapper {
	padding: 20px;
}
.archive  .woo-shop .content-container {
	padding: 20px;
	width: 96%;
}
 .woo-shop .content-container {
	padding: 20px;
}

.upsells.products .products,
.related.products .products,
.archive .woo-shop .products {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;     
	display: -webkit-flex;    
	display: flex;            
	
	-webkit-flex-flow: wrap;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
}

.woo-shop .products li {
	border: 1px solid #ccc;
	border-radius: 10px;
	margin: 20px auto !important;
	padding: 20px !important;
}
 
.woo-shop .page-title {
	padding: 5px 20px;
}

.woo-shop .woocommerce-pagination {
	padding: 10px;
}

.woo-shop .woocommerce-breadcrumb, 
.woo-shop .woocommerce-result-count {
	padding: 5px 20px;
}

.woo-shop .woocommerce-breadcrumb {
	display: inline-block;
	margin: 0;
}
.woo-shop .add_to_cart_button,
.woo-shop .product-cart a {
	font-size: 12px !important;
}

.woo-shop .price ins{
	background: #cc0000 !important;
	color: #fff !important;
	text-shadow: #333 0.1em 0.1em 0.2em;
}

.widget.woocommerce.widget_product_search,
.wide .widget.widget_search {
	background: rgba(255, 255, 255, 0.8);
}

.woo-shop .flex-layout-1 .products > li,
.woo-shop .flex-layout-2 .products > li,
.woo-shop .flex-layout-3 .products > li,
.woo-shop.flex-layout-4 .products li {
	width: 96% !important;
}

/* widget product categories */
/* widget pages */
/* widget categories */
/* widget_nav_menu */

.small .widget.widget_nav_menu div > ul > li:before,
.small .widget.widget_pages > ul > li:before,
.small .widget.widget_categories > ul > li:before,
.small .widget.widget_product_categories > ul > li:before {
	content: none;
}
.small .widget.widget_nav_menu div > ul > li.menu-item-has-children:before,
.small .widget.widget_pages > ul > li.page_item_has_children:before,
.small .widget.widget_categories > ul > li.cat-parent:before,
.small .widget.widget_product_categories > ul > li.cat-parent:before {
	content: '\f431';
	color: #eee;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	padding-right: 5px;
	vertical-align: middle;	
	float: right;
}
.small .widget.widget_nav_menu div > ul > li > a,
.small .widget.widget_pages > ul > li > a,
.small .widget.widget_categories > ul > li > a,
.small .widget.widget_product_categories > ul > li > a {
	border: 1px solid #eee;
	margin: 10px auto;
	display: block;
	padding: 5px;
}

.small .widget.widget_nav_menu div > ul > li:hover,
.small .widget.widget_pages > ul > li:hover,
.small .widget.widget_categories > ul > li:hover,
.small .widget.widget_product_categories > ul > li:hover {
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
}

.small .widget.widget_nav_menu div > ul > li > ul,
.small .widget.widget_pages > ul > li > ul,
.small .widget.widget_product_categories > ul > li > ul {
	display: none;
}

.small .widget.widget_nav_menu div > ul > li:hover > ul,
.small .widget.widget_pages > ul > li:hover > ul,
.small .widget.widget_categories > ul > li:hover > ul,
.small .widget.widget_product_categories > ul > li:hover > ul {
	display: block;
}

.small .widget.widget_categories a {
	width: 90%;
}

@media screen and (min-width: 500px) {

	.column-2.element-list {
	   -webkit-column-count: 2; 
		-moz-column-count: 2;
		column-count: 2;
	}
	.column-3.element-list {
	   -webkit-column-count: 3;
		-moz-column-count: 3; 
		column-count: 3;
	}
	.column-4.element-list {
	   -webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
	
}
.hide-screen-fixed {
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	top: 0;
	z-index: -1;
}
@media screen and (min-width: 550px) {
	.wide .widget.widget_recent_comments ul,
	.wide .widget.widget_meta ul,
	.wide .widget.widget_recent_entries ul,
	.wide .widget.widget_pages ul,
	.wide .widget.widget_categories ul,
	.wide .widget.widget_archive ul,
	.wide .widget.widget_rss  ul {
		display: -webkit-box;     
		display: -moz-box;        
		display: -ms-flexbox;     
		display: -webkit-flex;    
		display: flex;            
		
		-webkit-flex-flow: wrap;
		-ms-flex-flow: wrap;
		flex-flow: wrap;
	}
	
	.wide .widget.widget_recent_comments ul li,
	.wide .widget.widget_meta ul li,
	.wide .widget.widget_recent_entries ul li,
	.wide .widget.widget_pages ul li,
	.wide .widget.widget_categories ul li,
	.wide .widget.widget_archive ul li,
	.wide .widget.widget_rss  ul li{	
		width: 50%;	
	}
}

@media screen and (min-width: 600px) {
	.nav-link a {
		margin: 20px auto;
		width: 48%;
	}	
	.nav-link a:first-child {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;         
		order: 2;
	}
}

/**
 * Media Queries
 * -----------------------------------------------------------------------------
 */

@media screen and (min-width: 680px) {	

	.upsells.products .product,
	.related.products .product {
		display: block;
		margin: 20px auto;
		width: 26% !important;
	}

	.widget.woocomsmerce.widget_price_filter form,
	.widget.woocommerce.widget_product_search form,
	.wide .widget.widget_search form,
	.wide.widget.widget_search input{
		max-width: 500px;
		margin-left: auto;
		margin-right:auto;
	}
	
	/* Social Icons Widget*/
	.stainedglass_socialicons ul {
		text-align: right;
	}
	.site-content {
		position: relative;
		z-index: 1;
	}
	
	.nothing-found,
	.content-container {
		clear: none;
	}
	
	.entry-summary,
	.entsry-content {
		padding: 0 20px;
	}
	
	/* woocommerce */
	.woo-shop  .entry-summary,
	#woocommerce-wrapper .entry-summary {
		padding: 0;
	}

	.column .widget.woocommerce.widget_product_search input {
		padding: 10px;
	}
	
	 /* nav menu */
	/* Styles for the menu colors are found within the customize.php file. */
	.menu-toggle {
		display: none;
	}
		
	/* Top Menu */
	.horisontal-navigation  ul {
		box-shadow: none;
		list-style: none;
		margin: 0;
		padding: 0;
		text-indent: 0;
		display: inline-block;
		list-style: none;
		margin: auto;
		max-width: none;
		min-width: none;
		padding: 0;
		text-align: left;
	}
	.horisontal-navigation ul ul{
		margin: 0;
	}

	.nav-container {
		padding: 0 20px;
		position: relative;
		z-index: 2;
	}
		
	.nav-horizontal li ul li li {
		border: none;
		margin: 0;
	}
	
	.horisontal-navigation ul li ul li a:before {
		content: "";
	}
	
	.horisontal-navigation {
		display: block;
	}
	
	.horisontal-navigation  ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-indent: 0;
	}

	.horisontal-navigation div {
		display: block;
		text-align: right;
	}
	
	.horisontal-navigation  ul {	
		display: inline-block;
		list-style: none;
		margin: auto;
		max-width: none;
		padding: 0;
		text-align: left;
	}
	
	.nav-horizontal li {
		display: inline-block;
		font-size: 16px;
	}
	
	.horisontal-navigation  .menu-item-has-children  > a:after {
		content: '\f431';
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		font: normal 16px/1 'Genericons';
		vertical-align: top;	
	}
	
	.horisontal-navigation  ul li ul .menu-item-has-children  > a:after {
		content: '\f429';
		display: inline-block;
		float: right;
		-webkit-font-smoothing: antialiased;
		font: normal 16px/1 'Genericons';
		vertical-align: top;
	}
	
	.horisontal-navigation > div > ul > li a,
	.horisontal-navigation a {
		display: inline-block;
		font-size: 18px;
		line-height: 1;
		padding: 20px 5px 20px 5px;
		text-decoration: none;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	
	.horisontal-navigation li ul a {
		margin-top: 0;
	}
	
	.horisontal-navigation div.nav-horizontal > ul {
		display: none;
	}
	
	.horisontal-navigation ul.nav-horizontal,
	.horisontal-navigation div.nav-horizontal > ul {
		display: inline-block !important;
		max-height: 100%;
		overflow: visible;
	}
	
	.horisontal-navigation li a,
	.horisontal-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	
	.horisontal-navigation li a {
		white-space: normal;
	}
	
	.top-1-navigation  {
		z-index: 9;
	}	
	
	.top-navigation  {
		z-index: 8;
	}	
	
	.horisontal-navigation li {
		position: relative;
	}
	
	.horisontal-navigation li ul {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 100%;
		width: 1px;
		z-index: 10;
	}

	.horisontal-navigation li ul li ul{
		left: 100%;
		top: 0;
	}
	
	.horisontal-navigation ul li:hover > ul,
	.horisontal-navigation ul li:focus > ul,
	.horisontal-navigation .focus > ul {
		clip: inherit;
		height: inherit;
		overflow: inherit;
		width: inherit;
	}
	
	.horisontal-navigation li ul li a {
		display: block;
		padding: 5px 10px;
		width: 180px;
		white-space: normal;
	}

	 /* Content Navigation */
	.meta-nav {
		border: 1px solid #ccc;
		max-width: 170px;
		margin: 0 auto;
		padding: 3%;
	}
	
	.previous-image {
		float: left;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.previous-image a,
	.next-image a,
	.nav-previous a,
	.nav-next  a {
		display: inline-block;
		padding: 10px 20px;
	}
	
	.next-image {
		float: right;
		margin-left: 20px;
		margin-right: 20px;
		text-align: right;
	}
	.widget {
		font-size: 14px;
		line-height: 1.5;
	}
	
	.logo-is-on .menu-1,
	.logo-is-on .menu-2 {
		padding-left: 120px;
	}

	.logo {
		max-width: 100px;
	}
	
	.menu-1 div {
		clear: none;
		padding-bottom: 0;
	}
	
	.wide .flex-layout-1 .content-container {
		width: 94%;
	}

	.flex-layout-1 .content-container {
		width: 100%;
	}

	.flex-layout-2 .content-container {
		width: 48%;
	}

	.flex-layout-3 .content-container {
		width: 30%;
	}

	.flex-layout-4 .content-container {
		width: 22%;
	}

	.flex-layout-1 .entry-header .entry-title a,
	.flex-layout-2 .entry-header .entry-title a {
		font-size: 42px;
	}

	.flex-layout-3 .entry-header .entry-title a {
		font-size: 24px;
	}

	.flex-layout-4 .entry-header .entry-title a {
		font-size: 18px;
	}

	.flex-layout-1 .entry-meta {
		font-size: 16px;
	}
	
	.flex-layout-2 .entry-summary,
	.flex-layout-2 .entry-content,
	.flex-layout-1 .entry-summary,
	.flex-layout-1 .entry-content {
		font-size: 16px;
	}
	
	.flex-layout-3 .entry-summary,
	.flex-layout-3 .entry-content,
	.flex-layout-4 .entry-summary,
	.flex-layout-4 .entry-content {
		font-size: 16px;
	}

	.flex .entry-summary,
	.flex .entry-content{
		padding: 5px 0;
	}
	.flex .entry-header h1 {
		border-radius: 0;
	}
	
/* woo commerce */
	.woo-shop .flex-layout-1 .products > li {
		width: 98% !important;
	}

	.woo-shop .flex-layout-2 .products > li {
		width: 46% !important;
	}

	.woo-shop .flex-layout-3 .products > li {
		width: 26% !important;
	}

	.woo-shop.flex-layout-4 .products li {
		width: 18% !important;
	}
}
@media screen and (min-width: 760px) {

	.site {
		width: 100%;
	}
}
@media screen and (min-width: 800px) {

	/* Social Widget*/
	.stainedglass_socialicons .vertical li {
		margin: 0 auto;
	}
}


@media screen and (min-width: 960px) {
	.entry-summary {
		display: block;
	}

	.wide .widget.widget_nav_menu .menu > li {
		display: block;
		width: 25%;
	}
	.wide .column .widget.widget_nav_menu .menu > li {
		display: block;
		width: 100%;
	}
	
	.logo-is-on .menu-1,
	.logo-is-on .menu-2 {
		padding-left: 200px;
	}

	.logo-section {
		max-width: 240px;
		position: absolute;
		z-index: 21;
	}

	.logo {
		max-width: 200px;
		margin: 0 20px;
	}
	
	/* standard widgets */
	.wide .widget.widget_recent_comments ul,
	.wide .widget.widget_meta ul,
	.wide .widget.widget_recent_entries ul,
	.wide .widget.widget_pages ul,
	.wide .widget.widget_categories ul,
	.wide .widget.widget_archive ul,
	.wide .widget.widget_rss  ul {
		display: -webkit-box;     
		display: -moz-box;        
		display: -ms-flexbox;     
		display: -webkit-flex;    
		display: flex;            
		
		-webkit-flex-flow: wrap;
		-ms-flex-flow: wrap;
		flex-flow: wrap;
	}
	
	.wide .widget.widget_recent_comments ul li,
	.wide .widget.widget_recent_entries ul li,
	.wide .widget.widget_pages ul li,
	.wide .widget.widget_categories ul li,
	.wide .widget.widget_archive ul li,
	.wide .widget.widget_rss  ul li {	
		width: 25%;	
	}
	
	.wide .widget.widget_meta ul li {	
		width: 20%;	
	}
	
	.column .widget.widget_recent_comments ul li,
	.column .widget.widget_meta ul li,
	.column .widget.widget_recent_entries ul li,
	.column .widget.widget_pages ul li,
	.column .widget.widget_categories ul li,
	.column .widget.widget_archive ul li,
	.column .widget.widget_rss  ul li{	
		width: 100%;	
	}
	
	.wide .widget.widget_recent_comments ul.children li,
	.wide .widget.widget_meta ul.children li,
	.wide .widget.widget_recent_entries ul.children li,
	.wide .widget.widget_pages ul.children li,
	.wide.widget.widget_categories ul.children li {
		display: block;
		width: 100%;
	}
	
	.wide .widget.widget_archive ul {
		margin: 0;
		padding: 20px;
	}
	
	.sidebar-footer .widget-area {
		display: -webkit-box;     
		display: -moz-box;      
		display: -ms-flexbox;    
		display: -webkit-flex;    
		display: flex;            
		
		-webkit-flex-flow: wrap;
		-ms-flex-flow: wrap;
		flex-flow: wrap;
	}

	.sidebar-footer .widget-area .widget {
		margin: 0 auto;
		width: 28%;
	}
}

/**
 * Print
 * -----------------------------------------------------------------------------
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		color: #2b2b2b;
		font-size: 12pt;
	}

	.site,
	.site-header,
	.hentry,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content .entry-meta,
	.page-content,
	.archive-header,
	.page-header,
	.comments-area,
	.attachment .entry-attachment .attachment {
		max-width: 100%;
	}

	.img-container,
	.site-navigation,
	.horisontal-navigation,
	.site-content nav,
	.edit-link,
	.page-links,
	.widget-area,
	.more-link,
	.comment-respond,
	.comment-list .reply,
	.comment-reply-login,
	.site-footer {
		display: none;
	}

	.site-title a,
	.entry-meta,
	.entry-meta a,
	.featured-content .hentry,
	.featured-content a {
		color: #2b2b2b;
	}

	.entry-content a,
	.entry-summary a,
	.page-content a,
	.comment-content a {
		text-decoration: none;
	}

	.site-header,
	.post-thumbnail,
	a.post-thumbnail:hover,
	.site-footer {
		background: transparent;
	}

	.site-title {
		font-size: 19pt;
	}

	.site-content footer.entry-meta {
		display: none;
	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;
	}

	.archive-title,
	.page-title {
		margin: 0 10px 48px;
	}
}

.nav-next {
	margin-bottom: 0;
	padding-top: 20px;
}

.horizontal.big li {
	height: 60px;
	width: 60px;
}

.site-content .entry-title {
	font-weight: 300;
	margin: 0 0 20px 0;
}

.site-content .entry-title a {
	text-decoration: none;
}

.project-list a {
	margin-right: 5px;
}
.project-list a,
.category-list a,
.sidebar-top-full a,
.sidebar-before-footer a,
.sidebar-top a,
.sidebar-content a {
	font-weight: 300;
}

.footer-list a {
	border-bottom: 1px solid #eee;
	text-align: center;
	text-decoration: none;
}

.site .entry-date a,
.site .author.vcard a,
.site .edit-link a, 
.site .comments-link a {
	color: #aaa;
}

.site .comments-area {
	margin-top: 20px;
}
.site .comments-area,
.content,
.nothing-found,
.content-container,
.entry-summary{
	border-radius: 10px;
}

.archive-header+.nothing-found,
.archive-header+.content-container {
	border-radius: 0 0 10px 10px;
}

/* widget title */

.wide .widget.widget.stainedglass_widget_title article {
	padding: 20px;
}

.wide .widget.widget.stainedglass_widget_title h1{
	border: 1px solid #ccc;
}

.wide .widget.widget.stainedglass_widget_cats,
.wide .widget.widget.stainedglass_widget_tags {
	padding: 20px;
}
.wide .widget.widget.stainedglass_widget_title,
.wide .widget.widget.stainedglass_featured_image{
	padding-bottom: 0;
}
/* header image */
.boxed-image .image-wrapper {
	padding: 20px 20px 0 20px;
}

.image-wrapper {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.image-wrapper img {
	display: block;
	margin: 0 auto;
}

.woo-shop .site-content {
	padding: 5px !important;
}

/* Jetpack portfolio */
.hidden-el {
	display: none;
}

.jetpack-widget-tag-nav li:hover,
.jetpack-widget-nav li:hover {
	cursor: pointer;
	text-decoration: underline;
	box-shadow:
	0 1px 4px rgba(0, 0, 0, .3),
	-23px 0 20px -23px rgba(0, 0, 0, .8),
	23px 0 20px -23px rgba(0, 0, 0, .8),
	0 0 40px rgba(0, 0, 0, .1) inset;
}
.jetpack-widget-tag-nav li.current:before,
.jetpack-widget-nav li.current:before {
	color: #fff;
	content: '\f432';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	margin: 0;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	vertical-align: middle;	
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}



/* styles for ul li */
.column-4.element-list {
   -webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.link-hover {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.link-button {
    background: #000;
	bottom: 5%;
    box-shadow: 0 0 1px #000;
    color: #fff;
    display: inline-block;
	opacity: 0;
    padding: 2% 4%;
	position: absolute;
	right: 5%;
    text-decoration: none;
    text-transform: uppercase;
}

.link-hover:hover .link-button {
	opacity: 1;
}

.position-fixed {
	position: fixed;
	z-index: 2000;
}

/* colors */

/* Top Menu */

.top-1-navigation ul {
	background-color: #fff;
}

.top-1-navigation .horisontal-navigation li a {
	color: #bababa;
}	

.top-1-navigation {
	background-color: rgba(196,196,196,1);
}

.top-1-navigation .horisontal-navigation li ul {
	background-color: #fff;
}

.top-1-navigation .horisontal-navigation li ul li a {
	color: #bababa;
}
.top-1-navigation .horisontal-navigation li a:hover,
.top-1-navigation .horisontal-navigation li a:focus {
	background: #111; 
	color: #fff; 
}
.top-1-navigation .horisontal-navigation li ul li a:hover,
.horisontal-navigation li ul li a:focus {
	background-color: #bababa;
	color: #fff;
}
.top-1-navigation .horisontal-navigation .current-menu-ancestor a:before,
.top-1-navigation .horisontal-navigation .current_page_item a:before,
.top-1-navigation .horisontal-navigation .current_page_ancestor a:before,
.top-1-navigation .horisontal-navigation .current-menu-item a:before {
	color: red;
}

.top-1-navigation .horisontal-navigation li ul .current-menu-ancestor > a,
.top-1-navigation .horisontal-navigation li ul .current_page_ancestor > a {
	background-color: #bababa;
	color: #fff;
}	


/* Second Top Menu */

.top-navigation ul {
	background-color: #eeeeee;
}

.top-navigation .horisontal-navigation li a {
	color: #aaa;
}	

.top-navigation {
	background-color: rgba(255,255,255,1);
}

.top-navigation .horisontal-navigation li ul {
	background-color: #eeeeee;
}

.top-navigation .horisontal-navigation li ul li a {
	color: #aaa;
}
.top-navigation .horisontal-navigation li a:hover,
.top-navigation .horisontal-navigation li a:focus {
	background: #f4f4f4; 
	color: #bfbfbf; 
}
.top-navigation .horisontal-navigation li ul li a:hover,
.horisontal-navigation li ul li a:focus {
	background-color: #aaa;
	color: #eeeeee;
}

.top-navigation .horisontal-navigation .current-menu-ancestor a:before,
.top-navigation .horisontal-navigation .current_page_item a:before,
.top-navigation .horisontal-navigation .current_page_ancestor a:before,
.top-navigation .horisontal-navigation .current-menu-item a:before {
	color: red;
}
.top-navigation .horisontal-navigation li ul .current-menu-ancestor > a,
.top-navigation .horisontal-navigation li ul .current_page_ancestor > a {
	background-color: #aaa;
	color: #eeeeee ;
}

/* Footer Menu */

#footer-navigation ul {
	background-color: #eeeeee;
}

#footer-navigation .horisontal-navigation li a {
	color: #aaa;
}	

.site-info,
#footer-navigation {
	background-color: rgba(255,255,255,1);
	color: #f4f4f4;
}

.site-info,
.site-info a,
#footer-navigation .horisontal-navigation li a {
	color: #bfbfbf;
}	

#footer-navigation .horisontal-navigation li ul {
	background-color: #eeeeee;
}

#footer-navigation .horisontal-navigation li ul li a {
	color: #aaa;
}
#footer-navigation .horisontal-navigation li a:hover,
#footer-navigation .horisontal-navigation li a:focus {
	background: #f4f4f4; 
	color: #bfbfbf; 
}
#footer-navigation .horisontal-navigation li ul li a:hover,
.horisontal-navigation li ul li a:focus {
	background-color: #aaa;
	color: #eeeeee;
}

#footer-navigation .horisontal-navigation .current-menu-ancestor a:before,
#footer-navigation .horisontal-navigation .current_page_item a:before,
#footer-navigation .horisontal-navigation .current_page_ancestor a:before,
#footer-navigation .horisontal-navigation .current-menu-item a:before {
	color: red;
}

#footer-navigation .horisontal-navigation li ul .current-menu-item > a,
#footer-navigation .horisontal-navigation li ul .current-menu-ancestor > a {
	background-color: #aaa;
	color: #eeeeee;
}

@media screen and (min-width: 680px) {
				
	.top-1-navigation ul {
		background-color: transparent;
	}

	.top-1-navigation .horisontal-navigation li a {
		color: #fff;
	}
	
	.top-navigation ul {
		background-color: transparent;
	}

	.top-navigation .horisontal-navigation li a {
		color: #bfbfbf;
	}
	
	#footer-navigation ul {
		background-color: transparent;
	}

	#footer-navigation .horisontal-navigation li a {
		color: #bfbfbf;
	}
}

/* Widget Menu */

.wide .widget.widget_nav_menu {
	background-color: rgba(0,0,0,0.6);
}

.wide .widget.widget_nav_menu .menu li ul li a {
	color: #d1d1d1;
}

.wide .widget.widget_nav_menu .menu > li a {
	color: #dd3333;
}

.wide .widget.widget_nav_menu .menu > li a:hover {
	color: #a71fdd;
}

.wide .widget.widget_nav_menu > div > .menu > li > a {
	border-bottom: 10px solid #d1d1d1;
}

/* Top Sidebar */

.sidebar-top-full .widget {
	background-color:rgba(198,198,198,0.8);
}	

th,
td,
.sidebar-top-full .widget ul li:before,
.sidebar-top-full .widget {
	color: #fff;
}
.sidebar-top-full .widget a {
	color: #7a1713;
}
.sidebar-top-full .widget a:hover {
	color: #a71fdd;
}		
.sidebar-top-full .widget .widgettitle,
.sidebar-top-full .widget .widget-title {
	background: rgba(255,255,255,1);
	color: #bfbfbf;
}

/* Before Footer Sidebar */

.sidebar-before-footer .widget {
	background-color:rgba(204,204,204,0.8);
}

th,
td,
.sidebar-before-footer .widget ul li:before,
.sidebar-before-footer .widget {
	color: #fff;
}

.sidebar-before-footer a {
	color: #7a1713;
}

.sidebar-before-footer a:hover {
	color: #a71fdd;
}

.sidebar-before-footer .widget .widgettitle,
.sidebar-before-footer .widget .widget-title {
	background: rgba(255,255,255,1);
	color: #bfbfbf;
}

/* Footer Sidebar */

.sidebar-footer {
	background-color: rgba(0,0,0,0.6);
}	

td,
.sidebar-footer .widgettitle,
.sidebar-footer .widget-title,
.sidebar-footer .widget {
	color: #ccc;
}
.sidebar-footer .widget a {
	color: #919191;
}
th,
.sidebar-footer .widget a:hover {
	color: #a71fdd;
}

/* Column sidebar */

.main-area {
	background-color:rgba(255,255,255,0.9);
}

td,
#sidebar-1 .widget-area .column .widget,
.column .widget {
	color: #aaa;
}

#sidebar-1 .widget-area .column .widget a,
.wide .column .widget.widget_nav_menu .menu > li a,
.wide .column .widget.widget_nav_menu .menu li ul li a,		
.column a {
	color: #1e73be;
}

th,
#sidebar-1 .widget-area .column .widget a:hover,
.wide .column .widget.widget_nav_menu .menu > li a:hover,
.column a:hover {
	color: #a71fdd;
}

#sidebar-1 .widget-area .column .widget .widgettitle,
#sidebar-1 .widget-area .column .widget .widget-title,
.column .widget .widgettitle,
.column .widget .widget-title {
	background: rgba(255,255,255,0);
	color: #aaa;
}

#sidebar-1 .widget-area .column .widget,
.wide .column .widget.widget_nav_menu,
.column .widget {
	background: rgba(255,255,255,0);
}	

.column .widget {
	border: 1px solid rgba(255,255,255,0.1);
}

/* content */

.woo-shop .woocommerce-result-count,
.woo-shop .woocommerce-pagination,
.woo-shop .page-title,
.woo-shop .products > li,
.flex .content-container,
#woocommerce-wrapper,
.header-wrapper,
.content-search,
.comments-area,
.nav-link,
.pagination.loop-pagination,
.content-container,
.nothing-found,
.archive-header {
	background: rgba(255,255,255,1);
	color: #9eadbf;
}

.entry-date a:hover:before,
.author.vcard a:hover:before,
.edit-link a:hover:before,
.tag a:hover:before,
.content .project a:hover:before,
.tags a:hover:before,
.content .project-list a:hover:before,
.category-list a:hover:before,
.comments-link a:hover:before {
	text-shadow: 5px 1px 10px rgba(0,0,0,0.5);
}

.woo-shop .woocommerce-breadcrumb a,
.woo-shop .woocommerce-breadcrumb,
.woo-shop .orderby {
	color: #9eadbf;
}

.project-list a:hover,
.category-list a:hover,
.tags a:hover,
.nav-link a:hover {
	box-shadow: 5px 1px 10px rgba(0,0,0,0.5);
}

.woo-shop .woocommerce-breadcrumb {
	border-bottom: 5px solid rgba(255,255,255,1);
}

.woo-shop .woocommerce-result-count,
.woocommerce-pagination,
.woo-shop .page-title,
.nav-link,
.comment-body,
.archive-header,
.nothing-found,
.content-container {
	border: 1px solid rgba(238,238,238,1);
}
.menu-top.position-fixed {
	box-shadow: 0 0 4px 4px rgba(238,238,238,1);
}
.site-content .entry-title {
	border-bottom: 1px solid rgba(238,238,238,1);
}