/*
Theme Name: Essence
Theme URI: http://essence.themestudio.net/
Author: ThemeStudio
Author URI: http://themestudio.net/
Description: Rename to "essence"
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: essence

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.

Essence is distributed under the terms of the GNU GPL v2 or later

*/

/*
[Table of contents]
1. Body
	2. Header / header
		2.1. Main header /.main-header
			2.1.1 Logo
			2.1.2 Navigation (header style 2) or Button toggle (header style 1)
		2.2. Toggle header/.toggle-header
			2.2.1 Form login or register /.ts-show-account
			2.2.2 Form search /#ts-search-head
			2.2.2 Main menu /#ts-main-menu
			2.2.3 Shopping cart/#head-shopping
	3. Content / #main-container
		3.1. Main content / .content-area
		3.2. Sidebar / #sidebar
			3.3.1. Search / .widget_search
			3.3.2. Recent post / #recent-posts-2
			3.3.3. Categories / #categories-2
			3.3.4. Tag Cloud / #tag_cloud-1
	4. Footer / .site-footer
		4.1 Left footer/.left-footer
		4.2 Right footer/.right-footer
[Color codes]
	Background:	#ffffff
	Body Color : #949494
	Accent color: #bda47d
[Typography]
	Body:		16px/24px HelveticaNeue-Light, sans-serif;
	Heading:	HelveticaNeue-Thin, sans-serif;
	Input, textarea: 16px/24px HelveticaNeue-Light, sans-serif;
	Sidebar heading:	14px HelveticaNeue-Thin;
[Component module]
	/*	HEADER		*/
/*  SHORTCODE  */
/* PAGE BANNER & PAGE W SIDEBAR  */
/* SIDEBAR - WIDGET      */
/* 	 EXAMPLE DATA	*/
/*   FOOTER */
/*  INNER PAGE  */
/* PAGE TEMPLATE */
/*  RESPONSIVE  */
/*-------------------------------------------------------------------*/
.wp-caption {
}

.wp-caption-text {
}

.sticky {
}

.gallery-caption {
}

.alignright {
}

.bypostauthor {
}

.aligncenter {
}

.alignleft {
}

/*--------------------------------------------------------------
# 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: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: 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: 1.5em;
}

.gallery-item {
    display: inline-block;
    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-caption {
    display: block;
}

a {
    color: #7c7b7b;
}

* {
    margin: 0;
    padding: 0;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

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

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

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

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 15px;
}

b,
strong {
    font-weight: 700;
}

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

blockquote p {
    margin-bottom: 30px;
}

blockquote > p:last-child {
    margin-bottom: 0;
}

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

address {
    font-style: italic;
    margin: 0 0 15px;
}

ul,
ol {
    margin: 0;
}

ul {
    list-style: inside disc
}

ol {
    list-style: inside decimal;
}

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

table,
th,
td {
    border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.6em;
    table-layout: fixed; /* Prevents HTML tables from becoming too wide */
    width: 100%;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

figure {
    margin: 0;
    max-width: 100%;
}

del {
    opacity: 0.8;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

:-moz-placeholder {
    color: inherit;
    opacity: 1;
}

::-moz-placeholder {
    color: inherit;
    opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

/**
 * 5.0 Forms
 */

button,
input,
select,
textarea {
    background-color: #f7f7f7;
    border-radius: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button,
input {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
    border: 1px solid rgba(51, 51, 51, 0.1);
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
}

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

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

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    width: 100%;
}

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

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    outline: 0;
}

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

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    clip: auto !important;
    display: block;
    height: auto;
    left: 5px;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*Simple Data*/
.content-area-left {
    float: right;
}

.site-content {
    padding: 60px 0;
}

.page-template-template-fullwidth .site-content {
    padding: 0;
}

a:hover,
a:active,
a:focus {
    outline: 0;
    text-decoration: none;
}

td, th {
    padding: 5px 10px;
}

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

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

.widget select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    width: 100%;
}

#sidebar {
    overflow: hidden;
}

#sidebar .widget {
    margin-bottom: 30px;
}

.widget_calendar th, .widget_calendar td {
    text-align: center;
}

.entry-footer > span {
    margin-right: 5px;
}

label {
    width: 100%;
}

.widget .search-field {
    padding: 5px 10px;
}

/*Menu Data*/
.nav-menu {
    margin: 0;
}

.sub-menu {
    margin: 0;
    min-width: 250px;
    position: absolute;
    text-align: left;
}

.nav-menu li {
    display: inline-block;
    line-height: 40px;
    padding: 0 15px;
    list-style: outside none none;
    position: relative;
}

.nav-menu > li {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.nav-menu a {
    color: #717171;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
}

.sub-menu {
    background: #191919 none repeat scroll 0 0;
    left: 0;
    margin: 0;
    min-width: 270px;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    padding: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity 0.5s ease 0s, transform 0.5s ease 0s, visibility 0.5s linear 0s;
    -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s, visibility 0.5s linear 0s;
    -o-transition: opacity 0.5s ease 0s, -o-transform 0.5s ease 0s, visibility 0.5s linear 0s;
    z-index: 100;
    visibility: hidden;
}

.nav-menu li:hover > .sub-menu {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
}

.sub-menu .sub-menu {
    left: 100%;
    top: 0;
}

.sub-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    padding-right: 0;
    text-transform: none;
}

/*button menu mobile*/
.icon-bar {
    background: #191919 none repeat scroll 0 0;
}

button.navbar-toggle {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #191919;
    border-radius: 0;
    clear: both;
    margin: 0 0 15px;
    padding: 8px 10px;
    right: 0;
    z-index: 3;
}

@media (min-width: 1025px) {
    nav.main-navigation {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .ts-has-children {
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        float: right;
        font-size: 12px;
        width: 25px;
    }

    ul.nav-menu li {
        padding: 10px;
    }

    .show-dropdown-menu > .sub-menu {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        visibility: visible;
    }

    .sub-menu .show-dropdown-menu > .sub-menu {
        left: 0;
        position: relative;
        top: 0;
        display: block;
    }

    .sub-menu .ts-has-children {
        position: absolute;
        right: 5px;
        text-align: center;
        top: 10px;
    }

    .sub-menu li:last-child {
        border: medium none;
    }

    .sub-menu .menu-item-has-children > a {
        display: inline-block;
        padding-bottom: 5px;
        width: 100%;
    }

    .sub-menu .sub-menu {
        display: none;
        min-width: 230px;
    }
}

@media (max-width: 767px) {
    .main-navigation {
        clear: both;
        width: 100%;
    }

    .nav-menu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        display: inline-block;
        line-height: 18px;
        padding: 10px 15px;
        text-align: left;
        width: 100%;
    }

    .nav-menu > li {
        z-index: 9;
    }

    .ts-has-children {
        color: #ffffff;
        cursor: pointer;
        float: right;
        height: 40px;
        line-height: 40px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 50px;
        z-index: 99;
    }

    .sub-menu li li {
        padding: 10px 0;
    }

    .nav-menu li:last-child {
        border: medium none;
    }

    .nav-menu li.show-dropdown-menu:hover .sub-menu {
        opacity: 1;
    }

    .sub-menu .sub-menu {
        display: none;
    }

    .sub-menu .show-dropdown-menu .sub-menu {
        display: block;
        padding-left: 20px;
    }

    .show-dropdown-menu ul.sub-menu {
        left: 0 !important;
        opacity: 1;
        position: relative;
        top: 0 !important;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        visibility: visible;
    }

    .show-dropdown-menu.menu-item-has-children > a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 0 0 10px 0;
    }

    .menu-item-has-children > a {
        display: inline-block;
        width: 100%;
    }

    div.content-area-left {
        float: none;
    }
}