/*
Theme Name: Photo Perfect Pro
Theme URI:
Author: WEN Themes
Author URI: http://wenthemes.com/
Description: Photo Perfect Pro is a responsive photography WordPress Theme for professional photographer, photo bloggers and creative peeps. Theme is very easy to customize, maintain and use on a daily basis. If you are looking to make a strong online brand presence through their creative and innovative work then this theme is made for you.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: photo-perfect
Tags: light, white, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, sticky-post, translation-ready, responsive-layout, theme-options, threaded-comments

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.

Photo Perfect Pro is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Asides
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
# Custom By WEN Themes
  ## Basic Style By WEN Themes
  ## Header Style By WEN Themes 
  ## Header Extra Style By WEN Themes
  ## Slider Style By WEN Themes 
  ## Content Style By WEN Themes 
  ## Post Style By WEN Themes
  ## Sidebar Style By WEN Themes
  ## Footer Style By WEN Themes 
  ## Zoom Effect Style By WEN Themes
  ## Layout Style By WEN Themes
  ## Scrollup Style By WEN Themes
  ## Social Links Style By WEN Themes
  ## Inner page Style By WEN Themes
  ## Breadcrumb Style By WEN Themes
  ## Woocommerce Style By WEN Themes
  ## Rsesponsive Style By WEN Themes


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -10px;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 15px 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 15px;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  border: 1px solid #ddd;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

a:hover{
  color: #333;
}

a,
a:focus,
a:active,
a:visited  {
  color:#1f1f29;
  text-decoration: inherit;
  outline:inherit;
}

a:hover,
a:active {
  outline: 0;
}

p {
    color: #666666;
    font-size: 14px;
    margin: 0 0 15px;
}

h1, h2, h3, h4, h5, h6 {
    clear: inherit;
    font-weight: 600;
    margin: 0 0 15px;
}

h1 {
  font-size: 28px;
}

h2 {
  font-size: 24px;
}

h3{
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

ul, ol {
    margin: 0 0 10px 15px;
    padding: 0;
}

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

blockquote {
  margin: 0 15px;
}

address {
  margin: 0 0 15px;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

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

blockquote,
q {
  quotes: "" "";
}

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

ul,
ol {
  margin: 0 0 15px 15px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 15px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 15px 15px;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 15px;
  width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    padding: 5px 15px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.comment-reply-link {
  border: 1px solid;
  background-color:#7f7f7f;
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  padding: 5px 15px;
  border: none;
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}


button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

button:hover, input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover,
.comment-reply-link:hover {
    background-color: #1f1f29;
    border: inherit;
    box-shadow: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
  color: #666;
  border: 1px solid #ccc;
  padding: 5px;
  width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
}

.search-form {
  overflow: hidden;
  position: relative;
}

input.search-field[type="search"] {
  margin-bottom: 5px;
  padding: 5px 5%;
  width: 90%;
  height: 20px;
}

.search-form input[type="submit"] {
  font-size: 12px;
  padding: 7px 15px;
  position: absolute;
  right: -2px;
  top: 0;
}



/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

#main-nav,
#category-menu {
  background-color:#4b4b4b;
  border-right: 1px solid #ffffff;
  left: 50px;
  min-width: 200px;
  position: absolute;
  top: 50px;
}

.header-navigation {
  clear: both;
  display: block;
}

.header-navigation ul {
  margin: 0;
  padding: 0;
}

.header-navigation ul ul {
  display: none;
}

.header-navigation li {
  border-top: 1px solid #dddddd;
  display: block;
  margin-bottom: 0;
  position: relative;
}

.header-navigation li a{
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 10px 15px;
  position: relative;
  z-index: 99;
  text-align: left;
}

.header-navigation li a:hover,
.header-navigation li.current-menu-item > a,
.header-navigation li.current_page_item > a {
  background: none repeat scroll 0 0 rgba(25, 25, 112, 0.16);
}

#main-nav li.current-menu-item > a,
#main-nav li.current_page_item > a,
#main-nav li a:hover,
#category-menu li a:hover,
#category-menu ul li.current-cat a {
  color:#fff;
}

.header-navigation li li a {
  padding-left: 30px;
  padding-right: 47px;
}

.header-navigation li li li a {
  padding-left: 40px;
}

.header-navigation li li li li a {
  padding-left: 60px;
}

.header-navigation ul.sub-menu.toggled-on,
.header-navigation ul ul.children.toggled-on {
  display: block;
}

.wrap-menu-content {
  display: none;
}

.header-navigation.toggled .wrap-menu-content {
  display: block;
}

.menu-toggle ,
.nav-list-btn{
  background: none repeat scroll 0 0 rgba(120, 120, 120, 0.49);
  display: block;
  font-size: 20px;
  margin: 0 auto;
  padding: 5px 20px;
  width: 100%;
}

.header-navigation .fa {
  font-size: 23px;
  margin: 0 10px;
}

.header-navigation .fa.fa-list {
  margin-left: 0;
}

.header-navigation .fa.fa-align-justify {
  margin-right: 0;
}

.dropdown-toggle, 
.dropdown-toggle-cat {
  border: 0 none;
  box-sizing: content-box;
  content: "";
  height: 44px;
  padding: 0;
  position: absolute;
  right: 0;
  text-transform: lowercase;
  top: 0;
  width: 43px;
  z-index: 9999;
}

.dropdown-toggle.toggle-on:after,
.dropdown-toggle-cat:after {
  content: "-";
  font-size: 45px;
  font-weight: normal;
  line-height: 0.5;
}

.dropdown-toggle:after,
.dropdown-toggle-cat:after {
  color: #ffffff;
  content: "+";
  font-size: 30px;
  font-weight: bold;
  left: 1px;
  line-height: 42px;
  position: relative;
  top: 0;
  width: 42px;
}

.dropdown-toggle, 
.dropdown-toggle-cat,
.dropdown-toggle:hover, 
.dropdown-toggle-cat:hover,
.dropdown-toggle:focus, 
.dropdown-toggle-cat:focus{
  background: inherit;
  box-shadow:none;
  border: none;
}

/*Cetogary listing style*/

#category-menu {
  border-left: 1px solid #ffffff;
  right: 50px;
  border-right: 0;
  left: inherit;
}

.category-list-wrapper,
.header-navigation .children-cat.toggled-on {
  display: none;
}

.header-navigation ul ul.children-cat{
    display: block;
}

 #main-nav, #category-menu {
/*    background-image: url("images/texture.jpg");
*/    z-index: 9999;
}

 /* Responsive Menu styling*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 15px;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
  text-align: left;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; /* It shouldn't  be displaying on screen. */
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important; /* Above clip. */
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.alignnone{
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 15px;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
}

/*Recent post widget*/

.recent-posts-widget-wrap{
  overflow: hidden;
  text-align: center;
}

.recent-posts-item {
  border: 2px solid #ffffff;
  float: left;
  width: 100%;
}

.recent-posts-item{
  overflow: hidden;
}

.recent-posts-item img,
.featured-posts-item  img{
  -webkit-transition: all 1.5s ease; /* Safari and Chrome */
  -moz-transition: all 1.5s ease; /* Firefox */
  -ms-transition: all 1.5s ease; /* IE 9 */
  -o-transition: all 1.5s ease; /* Opera */
  transition: all 1.5s ease;
}

.recent-posts-item :hover img,
.featured-posts-item img:hover{
  -webkit-transform:scale(1.3); /* Safari and Chrome */
  -moz-transform:scale(1.3); /* Firefox */
  -ms-transform:scale(1.3); /* IE 9 */
  -o-transform:scale(1.3); /* Opera */
   transform:scale(1.3);
}

.recent-posts-widget-wrap.column-2 .recent-posts-item,
.featured-posts-widget-wrap.column-2 .featured-posts-item{
  width: 50%;
}

.recent-posts-widget-wrap.column-3 .recent-posts-item,
.featured-posts-widget-wrap.column-3 .featured-posts-item {
  width: 33.33%;
}

.recent-posts-widget-wrap.column-4 .recent-posts-item,
.featured-posts-widget-wrap.column-4 .featured-posts-item {
  width:25%;
}

/*featured post widget*/

#sidebar-front-page-widget-area {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 1px #dddddd;
  clear: both;
  margin: 10px auto 30px;
  overflow: hidden;
  padding: 15px 15px 0;
  width: 1270px;
}

.featured-posts-item {
  float: left;
  margin-bottom: 0;
  overflow: hidden;
  padding: 5px;
  position: relative;
}

.photo_perfect_widget_featured_posts {
  overflow: hidden;
}

.featured-posts-item > a {
  display: block;
  overflow: hidden;
}

.featured-posts-widget-wrap {
  margin-left: -5px;
  margin-right: -5px;
}

#sidebar-front-page-widget-area .widget-title {
  margin-bottom: 15px;

}

#sidebar-front-page-widget-area .photo_perfect_widget_featured_posts .widget-title {
  margin-bottom: 5px;
}

.post-content h2 a {
    color: #fff;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 15px;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline, 
.group-blog .byline {
  display: inline;
}

.single .entry-content{
  text-align: left;
}

.entry-meta > span,
.entry-footer > span,
.single-post-meta > span {
  margin: 0 10px;
}

.entry-meta > span a ,
.single-post-meta > span a,
.entry-footer > span a{
  font-style: italic;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 15px 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 15px;
}

.entry-footer {
  text-align: center;
}

.entry-meta > span:before,
.entry-footer > span:before,
.single-post-meta > span:before{
  display: inline-block;
  font-family: Fontawesome;
  height: 15px;
  margin-right:8px;
  content: "";
}

.entry-meta .comments-link::before {
  content: "\f086";
}

.entry-meta .posted-on::before,
.single-post-meta .posted-on::before,
.entry-footer > .cat-links:before {
  content: "\f133";
}

.entry-meta .byline::before,
.single-post-meta .byline::before {
  content: "\f007";
}

.entry-footer .edit-link:before{
  content: "\f044";
}

.entry-footer .tags-links:before{
  content: "\f02c";
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-form p {
    padding: 0 15px;
}

.comment-form {
    margin: 0 -15px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
  width: 33.33%;
  float: left;
}

.comment-list li.comment:after {
  content: inherit;
  display: none;
}

.comment-list li {
  padding-left: 0;
}

.comment {
  background-position: 0 -74px;
  display: block;
  float: left;
  width: 100%;
}

ol.comment-list {
  border-radius: 5px;
  float: left;
  margin-bottom: 15px;
  overflow: inherit;
  padding: 20px;
  width: 100%;
}

ol.comment-list .children {
  margin:15px 0 15px 15px;
}

ol.comment-list {
  margin-left: 0 ;
  padding-left: 0;
}

ol.comment-list li {
  list-style: outside none none;
}

.comment .comment-body {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  float: left;
  margin: 1em 0 0;
  padding: 14px 15px 15px 34px;
  position: relative;
  width: 100%;
}

.comment-author.vcard {
    font-size: 20px;
    margin-bottom: 5px;
}

.comment-author img.photo {
  border: 1px solid #dddddd;
  border-radius: 15px;
  left: -15px;
  position: absolute;
}

.comment-list .children {
  background-position: left 20px;
  background-repeat: no-repeat;
  border-left: 1px solid rgb(238, 238, 238);
  margin-left: 0 !important;
  padding-left: 40px;
}

.comment-list li.comment > div img.avatar {
  left: 29px;
  position: absolute;
  top: 29px;
}

#comment-form-title {
  font-size: 24px;
  padding-bottom: 10px;
}

.vcard .avatar {
  left: 29px;
  position: absolute;
  top: 29px;
}

.comment-metadata {
  font-size: 13px;
  font-style: italic;
  line-height: 16px;
  margin-bottom: 10px;
}


.comment-reply-link:hover {
  color:#fff;
}

.form-allowed-tags code {
  white-space: inherit;
  word-wrap: break-word;
}

.comment-respond label {
  display: block;
  font-weight: normal;
}

.comments-title {
  color: #464637;
  font-weight: normal;
  margin: 0;
}
.comment-reply-link {
    float: right;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
  margin-bottom: 15px;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
  margin-bottom: 15px;
}

.gallery-item {
  display: inline-block;
  margin: 0;
  padding: 5px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-item {
  display: inline-block;
  margin: 0;
  padding: 5px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 100%;
  overflow: hidden;
}

.gallery-caption {
  background: none repeat scroll 0 0 #f9f9f9;
  bottom:-100%;
  left: 5px;
  margin-top: 0;
  padding: 10px;
  position: absolute;
  text-align: left;
  visibility: hidden;
  width: 98%;
  -webkit-transition: all 0.5s ease; /* Safari and Chrome */
  -moz-transition: all 0.5s ease; /* Firefox */
  -ms-transition: all 0.5s ease; /* IE 9 */
  -o-transition: all 0.5s ease; /* Opera */
  transition: all 0.5s ease;
}

.gallery-item:hover .gallery-caption {
  visibility: visible;
  bottom: 5px;
}

/*--------------------------------------------------------------
# Custom By WEN Themes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Basic Style By WEN Themes
--------------------------------------------------------------*/
body {
  background: none repeat scroll 0 0 #f9f9f9;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
}

#page.container {
  width: 100%;
  padding: 0;
}

.container {
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
  width: 1300px;
}

#main-nav .container,
#category-menu .container {
  padding: 0;
  width: auto;
}

.inner-wrapper{
  margin-left: -25px;
  margin-right: -25px;
}

/*--------------------------------------------------------------
##  Header Style By WEN Themes
--------------------------------------------------------------*/

.site-header {
  position: absolute;
  text-align: center;
  z-index: 99;
  padding: 30px 0 10px;
  top: 0;
  width: 100%;
}

.site-description {
  color: #ffffff;
  font-size: 20px;
  font-weight: 100;
  margin-bottom: 0;
}

.site-title {
  border-bottom: 1px solid #fff;
  color: #ffffff;
  font-family: "Arizonia",cursive;
  font-size: 51px;
  font-style: inherit;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 10px;
  text-shadow: 0 2px 2px #2c2c2c;
}

.site-title > a {
  color:#fff;
  font-weight: normal;
}

.site-title > a:hover {
  color:#c4c4c4;
}

#site-identity {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.48);
  margin-top: 80px;
  padding: 20px;
}

.site-branding {
  display: inline-block;
}

#site-logo {
  margin: 0 auto;
  max-width: 300px;
}

#category-nav {
  float: right;
}

.custom-header-disabled #masthead {
  background-image: #919191;
  position: inherit;
  background-image: url(images/texture.jpg);
}

.custom-header-disabled #site-logo, 
.custom-header-disabled #site-identity {
  margin: 10px auto;
}

.custom-header-disabled #masthead {
  padding: 10px 0;
}

.custom-header-disabled  #site-identity{
  overflow: hidden;
  float: left;
}


/*--------------------------------------------------------------
## Header Extra Style By WEN Themes
--------------------------------------------------------------*/

#header-extra {
  position: relative;
}

#header-extra .search-form {
  background: rgba(0, 0, 0, 0.28) none repeat scroll 0 0;
  margin:0 auto;
  max-width: 100%;
  padding: 15px 15px 10px;
  width: 550px;
}

#header-extra input.search-field[type="search"] {
  background: rgba(255, 255, 255, 0.74) none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 13px 5%;
  width: 90%;
  height: 20px;
}

#header-extra .search-form input[type="submit"] {
  font-size: 18px;
  padding: 9.7px 15px;
  position: absolute;
  right: 15px;
  top: 15px;
}

.custom-header-disabled #header-extra .container {
  position: inherit;
  top: 0;
}

#header-extra .container {
  position: absolute;
  top: -115px;
  width: 100%;
}

.custom-header-disabled #header-extra{
  background-image:url("images/texture.jpg");
  padding: 20px 0; 
}

/*--------------------------------------------------------------
## Slider Style By WEN Themes
--------------------------------------------------------------*/

#featured-banner a:hover {
  opacity: 1;
}

#featured-banner a img{
  width: 100%;
}

.featured-banner img {
    width: 100%;
}
/*--------------------------------------------------------------
## Content Style By WEN Themes
--------------------------------------------------------------*/

#primary{
  width: 75%;
  padding-left:15px;
  padding-right: 15px;
  float: left;
}

#sidebar-secondary {
  float: left;
  padding: 0 15px;
  width: 25%;
}

#main {
  background: none repeat scroll 0 0 #ffffff;
  box-shadow: 0 0 1px #dddddd;
  padding: 25px;
}

.home.archive-layout-excerpt #main ,
.blog.archive-layout-excerpt #main,
.archive.archive-layout-excerpt #main,
.home.archive-layout-full #main ,
.blog.archive-layout-full #main,
.archive.archive-layout-full #main{
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  box-shadow: inherit;
  padding: 0;
}

#sidebar-secondary .featured-posts-item,
#sidebar-primary .featured-posts-item {
  border: 2px solid #ffffff;
  padding: 0;
}

/*--------------------------------------------------------------
## Post Style By WEN Themes
--------------------------------------------------------------*/

/*featured post*/

.masonry-entry{
  width:33.33%;
  margin-bottom: 0;
}

.post-item {
  padding: 5px;
  position: relative;
  overflow: hidden;
}

.post-item:hover .post-content,
.featured-posts-item:hover .post-content {
  bottom: inherit;
  text-align: center;
  top: 21%;
  visibility: visible;
  width: 100%;
}

.post-content {
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -ms-transition: all 1s ease; /* IE 9 */
  -o-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  visibility: hidden;
  width: 100%;
  padding:0 20px;
  z-index: 88;
}

#masonry-loop .masonry-entry{
  margin: 0;
}

/*zoom hover for product*/

.masonry-thumbnail a > img {
  -webkit-transition: all 2s ease; /* Safari and Chrome */
  -moz-transition: all 2s ease; /* Firefox */
  -ms-transition: all 2s ease; /* IE 9 */
  -o-transition: all 2s ease; /* Opera */
  transition: all 2s ease;
}

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

.post-content i {
  border: 1px solid;
  border-radius: 100%;
  color: #ffffff;
  font-size: 22px;
  margin: 0 5px 15px;
  padding: 15px;
}

.post-content i.fa:hover{
  background-color:#422e5b;
  border-color:#422e5b;
}

.post-item a:hover{
  opacity: 1;
}

.post-item  a.post-thumb:before {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
  content: "";
  height:0%;
  position: absolute;
  width:0%;
  visibility: hidden;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -ms-transition: all 1s ease; /* IE 9 */
  -o-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  z-index:77;
  left: 50%;
  top: 50%;
}

.post-item:hover  a.post-thumb:before{
  visibility: visible;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.post-item  a.post-thumb {
  display: block;
  position: relative;
  overflow: hidden;
}

.post-item  a.post-thumb img{
  vertical-align: middle;
}

.post-content > a {
  display: inline-block;
}

.archive-layout-excerpt .thumb-archive,
.archive-layout-excerpt .archive-content{
  box-shadow: 0 0 1px #dddddd;
}

.archive-layout-excerpt .archive-content {
  box-shadow: 0 0 1px #dddddd;
  min-height:inherit;
}

.archive-layout-excerpt .has-post-thumbnail .archive-content {
  margin-top: 50px;
}

.thumb-archive {
  background: none repeat scroll 0 0 #ffffff;
  display: inline-block;
  margin-right: -60px;
  padding: 10px;
  width: 50%;
  box-shadow: 0 0 1px #dddddd;
}

.archive-content {
  box-shadow: 0 0 1px #dddddd;
  background: none repeat scroll 0 0 #ffffff;
  border: medium none #ff00ff;
  display: inline-block;
  margin-top:0px;
  padding: 20px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width:94%;
  z-index: 22;
}

.has-post-thumbnail .archive-content{
  width: 50%;
}

.archive-post-even .thumb-archive {
  margin-left: -60px;
  margin-right: 0;
  position: relative;
  z-index: 11;
}

.archive.archive-layout-masonry .site-content,
.home.archive-layout-masonry .site-content {
  padding-bottom: 0;
}

/*archive full layout style*/

.archive-layout-full .archive-content,
.archive-layout-full .thumb-archive {
  margin:0 0 50px 0;
  width: 100%;
}

.archive-layout-full .archive-content {
    padding: 30px;
    text-align: left;
}

.archive-layout-full .entry-header {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}

.archive-layout-full .entry-meta {
    border: 1px solid #dddddd;
    padding: 7px 0;
}

.archive-layout-full .post {
  margin-bottom: 0;
  text-align: center;
}

.entry-title a {
    color: #666666;
}

a.read-more {
  display: block;
  margin-top: 15px;
  text-transform: uppercase;
}

.cat-title {
  font-size: 18px;
  font-style: italic;
  font-weight: normal;
}

.entry-meta{
  clear: both;
}

.archive-layout-full .post {
  text-align: center;
}

.archive-post-odd, 
.archive-post-even {
  margin-bottom: 45px;
  text-align: center;
}

.entry-meta{
  clear: both;
}


/*--------------------------------------------------------------
## Sidebar Style By WEN Themes
--------------------------------------------------------------*/

#sidebar-primary {
  float: left;
  padding: 0 15px;
  width: 25%;
}

.area-wrapper{
  background: none repeat scroll 0 0 #ffffff;
  box-shadow: 0 0 1px #dddddd;
  padding: 25px;
}

.widget-area ul {
  list-style: outside none none;
  margin-left: 0;
  padding-left: 0;
}

.widget-area .widget > ul > li:first-child{
  border: none;
}

.widget-area ul li {
    border-top: 1px solid #ebebeb;
}

.widget-area ul li a{
  padding: 5px 0;
  display:inline-block;
  transition: all 300ms ease 0s;
  color: #1f1f29;
}

.widget-area ul li a:hover {
  text-decoration: none;
  text-indent: 15px;
}

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

.widget-area ul li li li a{
  padding-left: 25px;
}

.widget-area ul li li li li a{
  padding-left: 35px;
}

.widget-area .widget-title {
  border-bottom: 1px solid;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

/*--------------------------------------------------------------
## Footer Style By WEN Themes
--------------------------------------------------------------*/

.site-footer {
  background-color: #1f1f29;
  clear: both;
  color: #ffffff;
  padding: 25px 0;
  text-align: center;
}

.site-info a{
  color: #fff;
}

.site-content {
  padding-bottom: 20px;
  padding-top: 20px;
}

.footer-right, .footer-left {
  float: left;
  padding: 0 25px;
  width: 50%;
  text-align: left;
}

.footer-right {
  text-align: right;
}

#footer-widgets {
  background: #dddddd none repeat scroll 0 0;
  clear: both;
  display: block;
  float: left;
  margin: 25px 0 0;
  padding: 25px 0;
  width: 100%;
}

#footer-widgets li{
  list-style:none;
}

#footer-widgets li a{
  padding: 2px 0;
  display: block;
}

#footer-widgets ul{
  margin-left: 0;
}

.footer-widget-area{
  float: left;
  padding: 0 25px;
  width: 25%;
}

.footer-active-1{
  width: 100%;
}

.footer-active-2{
  width: 50%;
}

.footer-active-3{
  width: 33.33%;
}

.footer-active-4{
  width: 25%;
}

.copyright {
  clear: both;
}

#colophon a{
  color:#ffffff;
}

#colophon a:hover{
  color:#a1a1a1;
}

#footer-navigation li a,
#quick-links-404 ul li a {
  color: #ffffff;
  display: block;
  padding: 5px 10px;
}

#footer-navigation ul{
  margin: 0;
}

#footer-navigation li,
#quick-links-404 ul li {
  display: inline-block;
  list-style: outside none none;
}

/*--------------------------------------------------------------
## Custom  Zoom effect Style By WEN Themes
--------------------------------------------------------------*/

.pbWrapper > div, 
.pbWrapper > img {
  border: 10px solid #ffffff;
}

/*--------------------------------------------------------------
## Layout Style By WEN Themes
--------------------------------------------------------------*/

.site-layout-fluid #page {
  background: inherit;
  box-shadow: inherit;
  margin: 0;
  padding: 0;
  width: 100%;
}

.site-layout-boxed #page .container {
  padding: 0;
  width: 100%;
}

.global-layout-left-sidebar #primary {
  float: right;
}

.global-layout-three-columns #primary,
.global-layout-three-columns-pcs #primary,
.global-layout-three-columns-cps #primary ,
.global-layout-three-columns-psc #primary {
  display: inline-block;
  float: none;
  width: 50%;
}

.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-pcs-equal  #sidebar-primary,
.global-layout-three-columns-pcs-equal  #sidebar-secondary,
.global-layout-three-columns-scp-equal #primary,
.global-layout-three-columns-scp-equal  #sidebar-primary,
.global-layout-three-columns-scp-equal  #sidebar-secondary{
  width: 33.33%
}
/*.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-scp-equal #primary{
   background: #ffffff none repeat scroll 0 0;
   box-shadow: 0 0 1px #dddddd
}*/
  .global-layout-three-columns-pcs-equal #primary #main,
.global-layout-three-columns-scp-equal #primary #main{
   background:inherit;
   box-shadow:none;
}
   
.global-layout-three-columns #sidebar-primary {
  float: left;
  width: 25%;
}

.global-layout-no-sidebar #primary{
  width: 100%;
}

/* Sidebar layout starts  here */

.global-layout-three-columns #primary {
  display: inline-block;
  float: inherit;
}

.global-layout-three-columns #sidebar-primary {
  float: right;
}

.global-layout-three-columns #sidebar-secondary {
  float: left;
}

.global-layout-three-columns-psc #primary{
  float: right;

}

.global-layout-three-columns-psc #sidebar-primary,
.global-layout-three-columns-psc #sidebar-secondary {
    float: left;
}

.global-layout-three-columns-pcs #primary,
.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-scp-equal #primary {
    display: inline-block;
    float: none;
}

.global-layout-three-columns-pcs #sidebar-primary,
.global-layout-three-columns-pcs-equal #sidebar-primary{
    float: left;
}

.global-layout-three-columns-pcs #sidebar-secondary,
.global-layout-three-columns-pcs-equal #sidebar-secondary{
    float: right;
}

.global-layout-three-columns-scp-equal #sidebar-primary {
    float: right;
}

.site-layout-fluid #featured-slider .container {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.site-layout-fluid #main-slider {
    margin: 0;
}

.home.archive-layout-masonry.global-layout-no-sidebar #content #primary,
.home.archive-layout-masonry.global-layout-no-sidebar #content .inner-wrapper,
.home.archive-layout-masonry.global-layout-no-sidebar #content .container,
.archive.archive-layout-masonry.global-layout-no-sidebar #content #primary,
.archive.archive-layout-masonry.global-layout-no-sidebar #content .inner-wrapper,
.archive.archive-layout-masonry.global-layout-no-sidebar #content .container{
  margin: 0;
  padding: 0;

}

.archive.archive-layout-masonry.global-layout-no-sidebar .container,
.home.archive-layout-masonry.global-layout-no-sidebar .container{
  width: 100%;
}

.global-layout-no-sidebar  .masonry-wrapper{
  background: inherit;
  box-shadow: none;
  padding-top: 0;
}

.masonry-wrapper{
  padding: 5px;
  height: 100%;
}
#infinite-handle {
    margin-top: 25px;
}
#infinite-handle span {
    background: inherit;
    border-radius: inherit;
    color: inherit;
    padding: inherit;
}
#infinite-handle span button,
#infinite-handle span button:hover, 
#infinite-handle span button:focus{
    background-color:#7f7f7f;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset, 0 2px 5px rgba(0, 0, 0, 0.15) inset;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.5;
    padding:5px 40px 5px 15px;
    position: relative;

}
#infinite-handle span button,
#infinite-handle span button:hover, 
#infinite-handle span button:focus {
    display: block;
    float: none;
    margin: 0 auto;
}


#infinite-handle span button:hover, 
#infinite-handle span button:focus{
    background-color: #1f1f29;
    box-shadow: none;
}
#infinite-handle span button::after {
    content: "+";
    font-size: 34px;
    line-height: 0;
    margin: 5px;
    position: absolute;
    right: 6px;
    top: 15px;
}

.blog.archive-layout-masonry.global-layout-no-sidebar #content #primary,
.blog.archive-layout-masonry.global-layout-no-sidebar #content .inner-wrapper,
.blog.archive-layout-masonry.global-layout-no-sidebar #content .container,
.blog.archive-layout-masonry.global-layout-no-sidebar #content #primary,
.blog.archive-layout-masonry.global-layout-no-sidebar #content .inner-wrapper,
.blog.archive-layout-masonry.global-layout-no-sidebar #content .container{
  margin: 0;
  padding: 0;

}

.blog.archive-layout-masonry.global-layout-no-sidebar #main{
  padding: 0;
  background: inherit;
  box-shadow:none;  
}

.home.archive-layout-masonry #main,
.archive.archive-layout-masonry #main,
.blog.archive-layout-masonry #main{
  padding: 0;
}
.archive-layout-masonry #main {
    margin-bottom: 70px;
}
.archive.archive-layout-masonry.global-layout-no-sidebar .container,
.blog.archive-layout-masonry.global-layout-no-sidebar .container,
.home.archive-layout-masonry.global-layout-no-sidebar .container{
  width: 100%;
}

body.woocommerce #main {
    padding: 25px !important;
}

/*--------------------------------------------------------------
## Scrollup Style By WEN Themes
--------------------------------------------------------------*/

a.scrollup {
  background:#1f1f29;
  bottom: 96px;
  padding: 5px 12px;
  position: fixed;
  right: 25px;
  text-align: center;
  z-index: 999;
  display: none;
}

#btn-scrollup i.fa {
  color: #ffffff;
  font-size: 28px;
}

/*calendar custom style*/

.widget_calendar td#today {
  background: none repeat scroll 0 0 #ffa500;
}

.widget_calendar td,
.widget_calendar th {
  background: none repeat scroll 0 0 #1f1f29;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 5px;
  text-align: center;
}

.widget_calendar caption {
  background: none repeat scroll 0 0 #cccccc;
  border: 1px solid;
  color: #ffffff;
  padding: 6px;
  text-shadow: 0 1px 2px #aaaaaa;
}

.widget_calendar a{
  color: #fff;
}


/*--------------------------------------------------------------
## Social Links Style By WEN Themes
--------------------------------------------------------------*/

.photo_perfect_widget_social ul{
  margin-left: 0;
}

.photo_perfect_widget_social {
  clear: both;
}

.photo_perfect_widget_social li a {
  background-color: #eaeaea;
  border: medium none;
  border-radius: 100%;
  display: inline-block;
  height: 33px;
  line-height: 1.7;
  margin-right: 5px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 33px;
}

.photo_perfect_widget_social  ul li a:before {
  font-size:19px;
}

.photo_perfect_widget_social li a i {
  color:#cacad8;
  font-size: 18px;
  font-weight: normal;
}

.photo_perfect_widget_social li {
  display:inline-block;
}

.photo_perfect_widget_social ul li a:before {
  color: #1f1f29;
  content: "\f0c1";
  display: block;
  font-family: FontAwesome;
  font-weight: normal;
  line-height: 1.7;
}

.photo_perfect_widget_social ul li a:hover{
  background-color:#cacad8;
}

.photo_perfect_widget_social ul li a:hover:before{
  color: #fff;
}

.photo_perfect_widget_social ul li a[href*="facebook.com"]:before {
  content: "\f09a";
}

.photo_perfect_widget_social ul li a[href*="twitter.com"]:before {
  content: "\f099";
}

.photo_perfect_widget_social ul li a[href*="linkedin.com"]:before {
  content: "\f0e1";
}

.photo_perfect_widget_social ul li a[href*="plus.google.com"]:before {
  content: "\f0d5";
}

.photo_perfect_widget_social ul li a[href*="youtube.com"]:before {
  content: "\f167";
}

.photo_perfect_widget_social ul li a[href*="dribbble.com"]:before {
  content: "\f17d";
}

.photo_perfect_widget_social ul li a[href*="pinterest.com"]:before {
  content: "\f0d2";
}

.photo_perfect_widget_social ul li a[href*="bitbucket.org"]:before {
  content: "\f171";
}

.photo_perfect_widget_social ul li a[href*="github.com"]:before {
  content: "\f113";
}

.photo_perfect_widget_social ul li a[href*="codepen.io"]:before {
  content: "\f1cb";
}

.photo_perfect_widget_social ul li a[href*="flickr.com"]:before {
  content: "\f16e";
}

.photo_perfect_widget_social ul li a[href$="/feed/"]:before {
  content: "\f09e";
}

.photo_perfect_widget_social ul li a[href*="foursquare.com"]:before {
  content: "\f180";
}

.photo_perfect_widget_social ul li a[href*="instagram.com"]:before {
  content: "\f16d";
}

.photo_perfect_widget_social ul li a[href*="tumblr.com"]:before {
  content: "\f173";
}

.photo_perfect_widget_social ul li a[href*="reddit.com"]:before {
  content: "\f1a1";
}

.photo_perfect_widget_social ul li a[href*="vimeo.com"]:before {
  content: "\f194";
}

.photo_perfect_widget_social ul li a[href*="digg.com"]:before {
  content: "\f1a6";
}

.photo_perfect_widget_social ul li a[href*="twitch.tv"]:before {
  content: "\f1e8";
}

.photo_perfect_widget_social ul li a[href*="stumbleupon.com"]:before {
  content: "\f1a4";
}

.photo_perfect_widget_social ul li a[href*="delicious.com"]:before {
  content: "\f1a5";
}

.photo_perfect_widget_social ul li a[href*="mailto:"]:before {
  content: "\f0e0";
}

/*social links hover effect */

.photo_perfect_widget_social ul li a[href*="facebook.com"]:hover {
  background-color: #3b5998;
}

.photo_perfect_widget_social ul li a[href*="twitter.com"]:hover {
  background-color: #00aced;
}

.photo_perfect_widget_social ul li a[href*="plus.google.com"]:hover {
  background-color: #dd4b39;
}

.photo_perfect_widget_social ul li a[href*="/feed/"]:hover  {
  background-color: #dc622c;
}

.photo_perfect_widget_social ul li a[href*="wordpress.org"]:hover {
  background-color: #21759b;
}

.photo_perfect_widget_social ul li a[href*="github.com"]:hover {
  background-color: #4183c4;
}

.photo_perfect_widget_social ul li a[href*="linkedin.com"]:hover {
  background-color: #007bb6;
}

.photo_perfect_widget_social ul li a[href*="pinterest.com"]:hover {
  background-color: #cb2027;
}

.photo_perfect_widget_social ul li a[href*="flickr.com"]:hover {
  background-color: #ff0084;
}

.photo_perfect_widget_social ul li a[href*="vimeo.com"]:hover {
  background-color: #aad450;
}

.photo_perfect_widget_social ul li a[href*="youtube.com"]:hover {
  background-color: #bb0000;
}

.photo_perfect_widget_social ul li a[href*="instagram.com"]:hover {
   background-color: #517fa4;
}

.photo_perfect_widget_social ul li a[href*="dribbble.com"]:hover {
  background-color: #ea4c89;
}

.photo_perfect_widget_social ul li a[href*="skype.com"]:hover {
  background-color: #12a5f4;
}

.photo_perfect_widget_social ul li a[href*="digg.com"]:hover {
  background-color: #333;
}

.photo_perfect_widget_social ul li a[href*="codepen.io"]:hover {
  background-color: #000;
}

.photo_perfect_widget_social ul li a[href*="reddit.com"]:hover {
  background-color: #ff4500;
}

.photo_perfect_widget_social ul li a[href*="mailto:"]:hover {
  background-color: #1d62f0;
}

.photo_perfect_widget_social ul li a[href*="foursquare.com"]:hover {
  background-color: #f94877;
}

.photo_perfect_widget_social ul li a[href*="stumbleupon.com"]:hover {
  background-color: #eb4924;
}

.photo_perfect_widget_social ul li a[href*="twitch.tv"]:hover {
  background-color: #6441a5;
}

.photo_perfect_widget_social ul li a[href*="tumblr.com"]:hover {
  background-color: #32506d;
}

/*footer widget area*/

#colophon .photo_perfect_widget_social {
  clear: both;
  margin-bottom: 0;
}

/*sidebar widget area*/

.widget-area .photo_perfect_widget_social li {
  border: medium none;
  display: inline-block;
  margin-bottom: 0;
  padding: inherit;
}

#colophon .photo_perfect_widget_social li {
  display: inline-block;
}

.widget-area .photo_perfect_widget_social li a {
  padding: 0;
}

.widget-area .photo_perfect_widget_social li a:hover{
  text-indent: inherit;
}

/*--------------------------------------------------------------
## Inner Pages Style By WEN Themes
--------------------------------------------------------------*/

h1.entry-title {
    display: inline-block;
    margin-bottom: 15px;
}

#separator-title .fa {
  color:#1f1f29 ;
  font-size: 39px;
  font-weight: normal;
}

.title-tag {
  display: block;
  margin-bottom: 0;
  margin-top: -15px;
  text-align: center;
}

.archive-layout-masonry.global-layout-no-sidebar .title-tag {
    margin-bottom: 10px;
}

#separator-title {
    padding: 25px;
    text-align: center;
}

.nav-links {
  border-top: medium none;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 10px 30px;
  text-align: center;
  margin-top: 20px;
}

.nav-previous > a:before {
  content: "\f100";
  display: block;
  float: left;
  font-family: fontawesome;
  font-size: 18px;
  line-height: 1.1;
  margin: 0 6px;
}

.nav-next > a:after {
  content: "\f101";
  display: block;
  float: right;
  font-family: fontawesome;
  font-size: 18px;
  line-height: 1.1;
  margin: 0 6px;
}

.error404 #primary{
  width: 100% ;
  text-align: center;
}

.pagination .nav-links > a, 
.pagination .nav-links > span,
.wp-pagenavi a, .wp-pagenavi span {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #dddddd;
  display: block;
  float: left;
  margin-bottom: 15px;
  margin-right: 4px;
  padding: 4px 10px;
}

.pagination .nav-links > span.current,
.pagination .nav-links > a:hover,
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
  background: none repeat scroll 0 0 #1f1f29;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.search-results article {
  border-bottom: 1px solid #dddddd;
  clear: both;
  display: block;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 30px;
}

.no-results.not-found,
  section.error-404 {
  margin: 0 auto;
  max-width: 500px;
  text-align: center;
}

#quick-links-404 ul li a{
  color: #404040;
}

.error404 #primary {
  width: 100%;
}

.error-404 h2 {
  font-family: "Arizonia",cursive;
  font-size: 127px;
  line-height: 1;
  margin: 0;
}

.single-post-meta {
  margin-bottom: 0;
}

.single-link-next {
  float: right;
}

.single-link-previous {
  float: left;
}

.wp-pagenavi {
  clear: both;
  display: block;
  float: left;
  margin-top: 15px;
  width: 100%;
}

.navigation.pagination {
    float: left;
}
.post-password-form {
    margin: 0 auto;
    max-width: 300px;
    text-align: center;
}
.post-password-form label input {
    margin: 0;
}
.post-password-form input {
    margin-top: 21px;
}
.post-password-form label {
    float: left;
    text-align: left;
    width: 200px;
}
/*--------------------------------------------------------------
## Breadcrumb Style By WEN Themes
--------------------------------------------------------------*/
#crumbs{
  text-align: center;
}

#crumbs > span {
  background: #dddddd none repeat scroll 0 0;
  display: inline-block;
  float: none;
  margin: 0 24px 15px 0;
  padding: 5px 10px 5px 25px;
  position: relative;
}

#crumbs > span:first-child:before{
  display: none;
}

#crumbs > span:first-child{
  padding-left: 15px;
}

#crumbs > span:before {
  border-bottom: 16px solid rgba(0, 0, 0, 0);
  border-left: 15px solid #f9f9f9;
  border-top: 15px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;
}

#crumbs > span:after {
  border-bottom: 16px solid rgba(0, 0, 0, 0);
  border-left: 20px solid #dddddd;
  border-top: 15px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  position: absolute;
  right: -21px;
  top: 0;
}

#crumbs > span.current:after {
  border-left:19px solid #1f1f29;
}

#crumbs > span.current {
  background: #1f1f29;
  color:#fff; 
}

#crumbs > span:hover:after{
  border-left: 19px solid #1f1f29;
}

#crumbs > span:hover{
  background:#1f1f29;
}

#crumbs > span:hover a{
  color: #fff;
}

#breadcrumb {
  overflow: hidden;
}

#breadcrumb {
    margin-bottom: 15px;
    overflow: hidden;
    padding: 15px 15px 0;
}

/*--------------------------------------------------------------
## Custom Woocommerce Style By WEN Themes
--------------------------------------------------------------*/

.woocommerce ul.products li.product h3 {
  font-weight: normal;
  padding: 0 0 0.5em;
}

.woocommerce .quantity .qty {
  height: 36px;
  text-align: center;
  width: 3.631em;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
  background-color: #ffffff;
  border: 1px solid #ddd;
  box-shadow: 0 0 3px #ccc;
  padding: 5px;
}

.woocommerce ul.products li.product .button {
  clear: both;
  display: block;
  float: none;
  font-size: 13px;
  margin:10px auto 15px;
  max-width: 120px;
  padding: 8px;
  text-align: center;
  width: auto;
}

.woocommerce ul.products li.product .price del {
  float: left;

}

.woocommerce ul.products li.product .price ins {
  float: right;
}

.woocommerce span.onsale {
  background-color: #fa6f6f;
}

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, .woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
  background: none repeat scroll 0 0 #ffffff;
  padding: 15px 15px 0;
}

/*woocommerce button custom color*/

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
  background: #9f9f9f none repeat scroll 0 0;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset, 0 2px 5px rgba(0, 0, 0, 0.15) inset;
  border-radius: 0;
  color: #fff;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt[disabled]:disabled, 
.woocommerce #respond input#submit.alt[disabled]:disabled:hover, 
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt[disabled]:disabled, 
.woocommerce a.button.alt[disabled]:disabled:hover, 
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt[disabled]:disabled, 
.woocommerce button.button.alt[disabled]:disabled:hover, 
.woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt[disabled]:disabled, 
.woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
  background-color: #1f1f29;
  box-shadow: none;
  color: #fff;
  border: none;
}

.woocommerce div.product .woocommerce-tabs .panel{
  background-color: #fff;
  padding: 15px;
  border-top:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
  margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  float: left;
  margin: 0 2px;
}

.woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text {
  height: 31px;
  width: auto;
}

.woocommerce-cart .cart-collaterals .cart_totals table td, 
.woocommerce-cart .cart-collaterals .cart_totals table th {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 6px 5px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
  border: 1px solid #ddd;
  border-top:2px solid #ddd; 
}

.woocommerce-checkout #payment ul.payment_methods li {
  list-style: outside none none;
}

.woocommerce-checkout #payment,
.woocommerce table {
  background: none repeat scroll 0 0 #ffffff;
}

.woocommerce caption,
.woocommerce th,.woocommerce td {
  font-weight: 400;
  padding: 5px;
  text-align: center;
}

.woocommerce .woocommerce-ordering select {
  margin: 0;
  padding: 8px;
  vertical-align: top;
}

.page-numbers {
  background: none repeat scroll 0 0 #ffffff;
}

.woocommerce nav.woocommerce-pagination {
  margin-bottom: 30px;
  text-align: center;
}

.woocommerce .related ul li.product, .woocommerce .related ul.products li.product,
.woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product,
.woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, 
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
  max-width: 200px;
  width: 25%;
}

.woocommerce div.product .product_title {
  clear: none;
  font-size: 28px;
  margin: 0 0 5px;
  padding: 0;
}

.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
  margin-top: 0;
}

.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 15px;
}

.woocommerce ul.products li.product .onsale:after, 
.woocommerce-page ul.products li.product .onsale:after {
  content: '';
  width: 0px;
  height: 0px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  top: 25px;
  right: 2px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.woocommerce ul.products li.product .onsale:after, 
.woocommerce-page ul.products li.product .onsale:after {
  border-right: 4px solid #666;
}

.woocommerce ul.products li.product .onsale, 
.woocommerce-page ul.products li.product .onsale, 
.woocommerce span.onsale {
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
  font-size: 14px;
  font-weight: 400;
  height: 28px;
  line-height: 20px;
  margin: 0;
  min-height: 20px;
  padding: 4px 0 0;
  right: -6px;
  text-shadow: none;
  text-transform: uppercase;
  top: 14px;
  width: 70px;
}

.cart button.single_add_to_cart_button {
  margin-left: 15px;
}

.actions  p {
  margin: 0;
}

table.shop_table.cart thead {
  background: none repeat scroll 0 0 #1f1f29;
  color: #ffffff;
}

.checkout h3 {
  font-size: 20px;
}

#ship-to-different-address .checkbox + br {
  display: none;
}

.checkout-button.button.alt.wc-forward {
  display: inline-block;
  width: auto;
}

/*--------------------------------------------------------------
## Responsive Style By WEN Themes
--------------------------------------------------------------*/

/*  Media Queries
--------------------------- */
/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1300px){

  #page,
  .container,
  .sticky-menu-enabled #main-nav .container  {
      width: 97%;
  }

  #sidebar-front-page-widget-area {
    width: 98%;
  }

  #site-identity {
    margin-top: 25px;
  }

}
  /* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1024px){
  .post-content{
    top: 21%;
  }

  .post-content i {
    margin: 0 5px 5px;
    padding: 9px;
  }

}
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px){

  #page {
    padding: 0 15px;
    width: 97%;
  }

  #site-identity {
    margin-top: 50px;
  }

  #site-logo {
    margin: 0 auto;
    max-width: 180px;
  }

  #header-extra .container {
    top: -76px;
  }

  .site-title {
    font-size: 37px;
  }

  .site-description{
    font-size: 15px;
  }

  .global-layout-left-sidebar .post-content i,
  .global-layout-right-sidebar .post-content i {
    font-size: 13px;
    margin: 0;
  }

  .widget_calendar td,
  .widget_calendar th {
    font-size: 9.6px;
    padding: 2.5px;
    text-align: center;
  }

  .widget_calendar caption {
    font-size: 12px;
    padding: 3px;
  }

  .widget-area .widget-title{
    font-size: 15px;
  }

  .cat-title {
    margin-bottom: 0;
  }

  .post-content {
      background-color: #1f1f29;
      padding: 15px;
      position: inherit;
      top: inherit;
      visibility: visible;
      margin-top: 2px;
  }

  .post-content > h2 {
      margin: 0;
  }
  .featured-posts-widget-wrap .post-content > a {
      margin-bottom: 5px;
  }
}


/* Biger than standard 767 (devices and browsers) */

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

  /*Enable Sticky Header  layout */
  .sticky-menu-enabled #main-nav.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 999999;
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;
  }
  .sticky-menu-enabled #main-nav {
    background: none repeat scroll 0 0 rgba(31, 31, 41, 0.95);
    border: medium none;
    margin:0 auto;
    position: inherit;
    top:15px;
    width: 93%;
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;
  }

  .sticky-menu-enabled #category-menu {
    z-index: 99;
    top: 80px;
  }

  .sticky-menu-enabled #main-nav .menu-toggle{
    display:none;
  }

  .sticky-menu-enabled #main-nav .wrap-menu-content{
    display: block;
  }

  .sticky-menu-enabled #main-nav ul ul {
    background: none repeat scroll 0 0 rgba(31, 31, 41, 0.96);
    display: none;
    min-width: 200px;
    position: absolute;
  }

  .sticky-menu-enabled #main-nav ul ul ul {
    left: 100%;
    top: 0;
  }

  .sticky-menu-enabled #main-nav li{
    float: left;
    border:  none;
  }

  .sticky-menu-enabled #main-nav li li {
      width: 100%;
  }

  .sticky-menu-enabled #main-nav li a {
      padding: 15px;
  }

  .sticky-menu-enabled #main-nav  li li a {
      padding: 10px 15px;
  }

  .sticky-menu-enabled #main-nav  li li li a {
      padding: 10px 15px 10px 25px;
  }

  .sticky-menu-enabled #main-nav  li li li li a {
      padding: 10px 15px 10px 35px;
  }

  .sticky-menu-enabled #main-nav  li li li li li a {
      padding: 10px 15px 10px 45px;
  }

  .sticky-menu-enabled #main-nav li.menu-item-has-children:hover > ul {
      display: block;
  }

  .sticky-menu-enabled #main-nav li.menu-item-has-children > a, 
  .sticky-menu-enabled #main-nav li.menu-item-has-children > a {
      padding-right: 61px;
  }

  .sticky-menu-enabled #main-nav li.menu-item-has-children:hover > .dropdown-toggle:after {
      content: "-";
      font-size: 39px;
      line-height: 0.6;
  }

  .sticky-menu-enabled .dropdown-toggle {
      border: medium none;
      box-shadow: none;
      position: absolute;
      right: 0;
      height: 100%;
  }

  .sticky-menu-enabled  .category-list-wrapper .dropdown-toggle {
    height: 45px;
  }

  .sticky-menu-enabled .dropdown-toggle:after {
    font-weight: normal;
  }

  .sticky-menu-enabled #main-nav .container {
      width: 1270px;
  }

  .sticky-menu-enabled #site-logo {
      margin: 60px auto 0;
      max-width: 300px;
  }

 .sticky-menu-enabled #site-identity{
    margin-top: 50px;
  }

/*Enable tab category  layout */
  
  #category-menu.nav-cat {
    background: rgba(31, 31, 41, 0.95) none repeat scroll 0 0;
    border: medium none;
    float: left;
    margin: 0 0 25px;
    overflow: inherit;
    position: relative;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 88;
    width: 100%;
    left: 0;
  }

  #category-menu.nav-cat .nav-list-btn{
    display:none;
  }

  #category-menu.nav-cat .category-list-wrapper{
    display: block;
  }

  #category-menu.nav-cat ul ul.children {
    background: rgba(31, 31, 41, 0.96) none repeat scroll 0 0;
    display: none;
    min-width: 200px;
    position: absolute;
    z-index: 99;

  }

  #category-menu.nav-cat li:hover > ul.children{
    display: block;
  }

  #category-menu.nav-cat ul ul.children ul {
    left: 100%;
    top: 0;
  }

  #category-menu.nav-cat li{
    float: left;
    border:  none;
    position: relative;
  }

  #category-menu.nav-cat li li {
      width: 100%;
  }

  #category-menu.nav-cat  li a {
      padding: 15px 20px;
  }

  #category-menu.nav-cat  li li a {
      padding: 10px 15px;
  }

  #category-menu.nav-cat  li li li a {
      padding: 10px 15px 10px 25px;
  }

  #category-menu.nav-cat  li li li li a {
      padding: 10px 15px 10px 35px;
  }

  #category-menu.nav-cat  li li li li li a {
      padding: 10px 15px 10px 45px;
  }

   #category-menu.nav-cat .dropdown-toggle {
      border: medium none;
      box-shadow: none;
      position: absolute;
      right: 0;
      height: 100%;
  }

  .category-list-wrapper .dropdown-toggle {
    height: 45px;
  }

  #category-menu.nav-cat .dropdown-toggle:after {
    font-weight: normal;
  }

  #category-menu.nav-cat .container {
      width: 1270px;
  }

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px){
  .sticky-menu-enabled #main-nav .container{
    width: auto;
  }

  #header-extra input.search-field[type="search"]{
      margin-bottom: 0;
      height: 25px;
      padding: 5px 5%;
      width: 90%;
  }

  #header-extra .search-form {
      padding: 10px;
      width: 550px;
  }

  #header-extra .search-form input[type="submit"] {
    padding: 4px 12px;
    right: 10px;
    top: 10px;
  }

  #header-extra .container {
    top: -65px;
  }

  h1 {
    font-size:22px;
  }

  h2 {
    font-size: 20px;
  }

  h3{
    font-size: 18px;
  }

  h4 {
    font-size:16px;
  }

  h5 {
    font-size: 15px;
  }

  h6 {
    font-size: 14px;
  }

  #primary,
  #sidebar-primary,
  #sidebar-secondary,
  .global-layout-three-columns #primary, 
  .global-layout-three-columns-pcs #primary, 
  .global-layout-three-columns-cps #primary, 
  .global-layout-three-columns-psc #primary,
  .global-layout-three-columns-pcs-equal #primary,
  .global-layout-three-columns-pcs-equal  #sidebar-primary,
  .global-layout-three-columns-pcs-equal  #sidebar-secondary,
  .global-layout-three-columns-scp-equal #primary,
  .global-layout-three-columns-scp-equal  #sidebar-primary,
  .global-layout-three-columns-scp-equal  #sidebar-secondary {
    width: 100%;
    clear: both;
  }

  .global-layout-three-columns #primary,
  .global-layout-three-columns #sidebar-primary,
  .global-layout-three-columns #sidebar-secondary {
    display: inline-block;
    float: none;
    width: 100%;
  }

  .footer-widget-area {
    float: left;
    padding: 0 15px;
    width: 50%;
  }

  .masonry-entry {
    width: 50%;
  }

  #main-nav {
    left: 10px;
  }

  #category-menu{
    right: 10px;
  }

  #main-nav, 
  #category-menu {
    min-width: 140px;
  }  

  .menu-toggle, 
  .nav-list-btn{     
     font-size: 17px;   
  }

  #site-identity {
    margin-top: 15px;   
  }

  .site-content {     
    padding-bottom: 20px;     
    padding-top: 20px;
  }

  .title-tag {     
    display: block;     
    margin-bottom: 15px;
    text-align: center;   
  }   
  .header-navigation li a {
    font-size: 14px;
    padding: 8px 15px;
    position: relative;
    text-align: left;
    z-index: 99;
  }
  .dropdown-toggle, 
  .dropdown-toggle-cat { 
    height:41px;       
    padding: 0;
    right: 0;       
    top: 0;       
    width: 34px;
  }

  .footer-right, 
  .footer-left {
    text-align: center;
    width: 100%;
  }

  .site-title {
      font-size: 25px;
      margin-bottom: 0;
  }

  .site-description {
    font-size: 13px;
    margin-bottom: 0;
  }

  #site-identity {
    margin-top: 10px;
    padding: 5px;
  }

  #site-logo {
    margin: 0 auto;
    max-width: 130px;
  }

  #header-extra .container {
      top: -55px;
  }

  .site-header {
    padding: 10px 0;
  }

  #main-nav, 
  #category-menu {
    top: 15px;
  }

  .dropdown-toggle:after, 
  .dropdown-toggle-cat:after {
    content: "+";
    font-size: 24px;
    left: 1px;
    line-height: 1.5;
  }

  .global-layout-left-sidebar #sidebar-primary {
    padding: 0 25px;
  }

  #primary, 
  #sidebar-primary, 
  #sidebar-secondary {
    clear: both;
    margin-bottom: 15px;
    padding: 0 15px;
    width: 100%;
  }

  .thumb-archive {
    margin-right: 0;
    width: 100%;
  }

  .archive-layout-excerpt .has-post-thumbnail .archive-content {
    margin-top: 0;
  }

  .has-post-thumbnail .archive-content {
    width: 100%;
  }

  .archive-post-even .thumb-archive{
    margin-left: 0;
  }

  .widget_calendar td, .widget_calendar th {
    font-size: 15px;
    padding: 5px;
  }

  .sticky-menu-enabled #main-nav .menu-toggle {
      display: block;
  }

  .header-navigation li li a {
    padding-right: 41px;
  }

  .post-content i {
      margin: 0 5px;
      padding: 7px;
  }

  .site-branding {
    margin-top: 0px;
  }

  #separator-title{
    padding: 0;
  }
  
  .post-content {
    padding: 10px;
  }

  .post-content h2 {
    font-size: 15px;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .custom-header-disabled #header-extra {
    padding: 0 0 20px;
  }

  body.woocommerce #main {
    padding: 0 !important;
  }
  .woocommerce ul.products li.product, 
  .woocommerce-page ul.products li.product {
      margin: 0 0 20px;
  }
  .woocommerce nav.woocommerce-pagination {
      float: left;
      margin: 0;
      text-align: center;
      width: 100%;
  }
  #pbThumbsToggler:checked ~ .pbWrapper {
    left: 2%;
    margin-top: -50px;
    padding: 50px 0;
    width: 90%;
}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px){
  .header-navigation span {
    display: none;
  }

  .menu-toggle{
    width: auto;
    float: left;
  }

  .nav-list-btn{
    width: auto;
    float: right;
  }

  .header-navigation .fa {
    font-size: 23px;
    margin: 0;
  }

  .site-header {
      background-color: #e8e8e8;
      position: inherit;
      z-index: 99;
  }

  #main-nav .wrap-menu-content, 
  #category-menu .category-list-wrapper{
    background-image: url("images/texture.jpg");
    clear: both;
    min-width: 150px;
  }

  #main-nav, 
  #category-menu {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    min-width: inherit;
  }

  .post-content i {
    border: 1px solid;
    border-radius: 100%;
    color: #ffffff;
    font-size: 22px;
    margin: 10px 5px 0;
    padding: 7px;
  }

  .header-navigation .fa {
    font-size: 30px;
    margin: 0;
  }

  .menu-toggle, 
  .nav-list-btn{
    padding: 5px 10px;
  }

   #site-logo {
    margin: 0 auto;
    max-width: 100px;
    position: relative;
    z-index: 99;
  }

  .dropdown-toggle, 
  .dropdown-toggle-cat {
    height: 41px;
    width: 43px;
  }

  .site-branding {
    display: inline-block;
    margin-top: 0;
  }

  #site-identity {
    margin-top: 10px;
    padding: 20px;
  }

  .post-content h2 {
      font-size: 15px;
  }



  .recent-posts-widget-wrap.column-4 .recent-posts-item, 
  .featured-posts-widget-wrap.column-4 .featured-posts-item {
      width: 100%;
  }

  .footer-widget-area {
    border-bottom: 1px solid;
    margin-bottom: 15px;
    width: 100%;
  }

  .footer-widget-area:last-child{
    border: none;
    margin-bottom: 0;
  }

  .masonry-wrapper .masonry-entry {
    width: 50%;
  }
  #main {
      padding: 10px;
  }
  #primary, #sidebar-primary, #sidebar-secondary{
    padding: 0 10px;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:319px){
  .container{
    width: 300px!important; /*The container should be fixed below the widght 320px because below that the design may break*/
  }
}