/*
	Theme Name: Elif lite
	Theme URI: http://themient.com/themes/elif-lite
	Author: Asmi Khalil
	Author URI: http://themient.com
	Description: Elif lite is a Fashion WordPress blog theme based on the Bootstrap framework making it fully responsive and mobile friendly, Elif lite arrives ready for business right out of the box with 2 main blog layouts, custom sidebar positions, unlimited color styles and custom background support.
	Version: 1.0.8
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: elif-lite
	Tags: blog, one-column, two-columns, grid-layout, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready, full-width-template, theme-options

	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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1 Resets
2 Normalize
3 Alignments
4 Clearings
5 Typography
7 Page Structure
8 Header
9 Navigation
10 Content
11 Media
12 Footer
13 Widgets
14 Accessibility
15 Theme Options
16 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1 Resets
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
    padding-left: 20px;
}
ul {
	list-style-type: square;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
dd {
    margin-left: 30px;
}

/*--------------------------------------------------------------
2 Normalize
--------------------------------------------------------------*/
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}
.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px;
}
#content > .row {
	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;
}
a {
	background-color: transparent;
	color: #3a3a3a;
}
a:focus {
    text-decoration: none;
}
a:active,
a:hover {
	outline: 0;
}
a:hover, a:focus, .next-prev-post a:hover {
    text-decoration: none;
    border-bottom: 1px dotted;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
	height: auto;
	max-width: 100%;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
input[type="button"],
input[type="reset"],
input[type="submit"],
button,
.button,
.tags a,
.pagination a {
	position: relative;
    background-color: transparent;
    overflow: visible;
    font-size: 12px;
    letter-spacing: 1.5px;
    font-weight: 700;
	padding: 10px 20px;
	text-transform: uppercase;
    outline: none;
    background-color: transparent;
    border: 1px solid;
    border-color: #666;
    text-decoration: none;
	color: #444;
}
.btn-small {
    font-size: 11px;
    letter-spacing: 1.2px;
	padding: 8px 15px;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover,
.button:hover,
.tags a:hover,
.pagination a:hover {
	color: #FFF;
    border: 1px solid;
}
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-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
input[type="text"], input[type="password"], input[type=search] {
    background-color: transparent;
    padding: 4px 10px;
    height: 40px;
    box-shadow: none;
    border: 1px solid #d4d4d4;
	outline: 0;
}
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;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 5px;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-button {
    width: 8px;
    height:5px;
}
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius:0;
    margin-top: -5px;
    margin-bottom: -5px;
}
::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
    background:#7d7d7d;
}

/*--------------------------------------------------------------
3 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4 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;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
5 Typography
--------------------------------------------------------------*/

body,
input,
select,
textarea {
	color: #444;
	font-family: Lato, Arial, sans-serif;
	font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
.post-title,
.widget-posts-wrap .title,
.site-tagline,
.related-posts .title {
	font-family: 'Playfair Display', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
button,
input[type=button],
input[type=reset],
input[type=submit],
.moretag a,
.sb-toggle,
.cats a,
.pagination a,
.pagination span,
.tags a,
.meta-info,
.main-navigation a,
.mobile-menu-wrap .menu a,
.author-box .author span,
.pinned,
.copyright,
.section-title,
.section-title h3,
.widget-title h3,
.site-logo a {
	font-family: Lato, Arial, sans-serif;
}
textarea {
    padding: 4px 10px;
    resize: vertical;
    border: 1px solid #d4d4d4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    line-height: 1.4;
    font-weight: 400;
    margin: 36px 0 12px;
    color: #333;
    letter-spacing: .25px;
}
blockquote {
    font-family: Georgia, serif;
    font-size: 17px;
    margin: 2em 0;
}

/* Base headings */
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.37em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: .9em;
}
p {
	margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
    position: relative;
    padding-left: 45px;
    color: #828282;
    font-family: "Merriweather", Georgia, serif;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: initial;
    line-height: 1.75;
    -webkit-font-smoothing: initial;
}
blockquote:before {
    content: "\f10d";
    font-family: "FontAwesome";
    position: absolute;
    display: block;
    font-size: 25px;
    line-height: 1;
    color: #666;
    left: 5px;
    top: 5px;
}
address {
	margin: 0 0 1.5em;
}
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%;
}

/*--------------------------------------------------------------
6 Page Structure
--------------------------------------------------------------*/

#page {
	background-color: transparent;
	clear: both;
}
.content-wrap {
    position: relative;
    z-index: 999;
}
.blog .content-wrap, .single .content-wrap, .page .content-wrap {
    margin-top: -180px;
}
.archive .content-wrap, .error404 .content-wrap {
    margin-top: -100px;
}
#content {
    padding-top: 30px;
	padding-bottom: 30px;
}
.content-area {
	padding: 0 15px;
    background-color: transparent;
	margin-bottom: 50px;
}
.error-404 {
    display: block;
    text-align: center;
    padding: 20px;
    clear: both;
    margin-top: 30px;
    margin-bottom: 200px;
}
.error404 .content-area {
    width: 100%;
    display: block;
    position: relative;
    background-color: #FFF;
    border: 1px solid #e2e2e2;
    margin-bottom: 40px;
    padding: 40px;
    clear: both;
	min-height: 500px;
}
.page-template-full-width .content-area {
    width: 100%;
}
.widget-area {
    margin-bottom: 50px;
}
article, .sidebar-widget, .related-posts, .author-box, .comments, #respond {
    display: block;
    position: relative;
    background-color: #FFF;
    margin-bottom: 30px;
    padding: 40px;
    clear: both;
}
.no-menu-msg {
    display: block;
    text-align: center;
    padding: 20px;
}
.mobile-menu-wrap .no-menu-msg {
    color: #FFF;
}

/* Grid Styles */
.grid-item, .grid-sizer {
  width: 48%;
}
.gutter-sizer {
	width: 4%;
}
.grid-item {
  margin-bottom: 30px;
}

.pagination a, .pagination span {
    color: #3a3a3a;
    padding: 10px 15px;
	text-transform: uppercase;
    background-color: #FFF;
    font-size: 13px;
    border: 1px solid;
}
.pagination .current {
    background-color: #3a3a3a;
    border: 1px solid #3a3a3a;
	color: #FFF;
}
.post-navigation {
    font-size: 16px;
}
.post-navigation .alignleft a, .post-navigation .alignright a {
    position: relative;
    font-size: 13px;
    line-height: 16px;
    vertical-align: text-bottom;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
.post-navigation .alignleft:before, .post-navigation .alignright:after, .post-navigation .alignleft:after, .post-navigation .alignright:before {
    font-family: "FontAwesome";
    font-size: 13px;
    line-height: 16px;
}
.post-navigation .alignright:after {
    margin-left: 8px;
    content: "\f178";
}
.post-navigation .alignleft:before {
    margin-right: 8px;
    content: "\f177";
}
.archive-header, .search-header, .no-results, .shop-title {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
}
.archive-header h1, .search-header h1, .no-results h1 {
    font-size: 4.000em;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 20px;
}
.search-no-results .search-header {
    margin-bottom: 0;
    border-bottom: 0;
}
.no-results {
    padding: 40px;
    padding-bottom: 100px;
}
.no-results .page-header {
    margin-top: 0;
}
.single-header .entry-title {
    margin-top: 0;
    margin-bottom: 10px;
}
.single-header .cats, .single-header .meta-info {
    text-align: left;
    padding-top: 0;
    font-size: 1em;
}
.single-header .cats {
    display: inline-block;
}

/* Simple Layout Styles */
.layout-simple #page {
    display: table-row;
}
.layout-simple .site-header {
    display: table-cell;
    position: relative;
    min-width: 320px;
    z-index: 2;
    top: 0;
    bottom: 0;
}
.layout-simple .content-wrap {
    width: 100%;
    height: 100%;
    margin: 0;
    display: table-cell;
    position: relative;
    z-index: 1;
}

.layout-simple .content-wrap #content {
    max-width: 100%;
}
.layout-simple.single .content-wrap #content, .layout-simple.page .content-wrap #content {
    margin: 0;
    max-width: 1200px;
}
.layout-simple .content-area {
    width: 100%;
    padding: 0;
}
.layout-simple .site-header .widget-area {
    width: 100%;
    margin: 0;
    padding: 0 10px;
    margin-top: 30px;
}
.layout-simple .site-header .sidebar-widget {
    padding: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.layout-simple .site-header .sidebar-widget:hover {
    padding: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.layout-simple .site-header .sidebar-widget .widget-title h3 {
    background-color: transparent;
}
.layout-simple .site-header .mobile-menu-wrap {
    width: 100%;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
}
.layout-simple .site-header .mobile-menu-wrap a {
    color: #444;
}
.layout-simple .widget-area {
    text-align: left;
}
.layout-simple .grid-item {
    margin-bottom: 40px;
}
.layout-simple .copyright {
    font-size: 12px;
}
.layout-simple .sb-slidebar {
    background-color: #FFF;
}

.scrollToTop {
    width: 45px;
    height: 45px;
    text-align: center;
    color: #000;
    z-index: 999999;
    font-size: 30px;
    line-height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    text-decoration: none;
    background-color: #fff;
    position: fixed;
    bottom: 75px;
    right: 40px;
    opacity: 0;
    outline: none;
}
.scrollToTop.filling {
    opacity: 1;
}
.scrollToTop:hover {
    cursor: pointer;
    color: #FFF;
    background-color: #444;
    border-color: #444;
    transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    -webkit-transform: scale(.9);
}

/*--------------------------------------------------------------
7 Header
--------------------------------------------------------------*/

.site-header {
	display: block;
	position: relative;
    text-align: center;
	z-index: 9;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.blog .site-header, .single .site-header, .page .site-header {
    padding-bottom: 180px;
}
.archive .site-header, .error404 .site-header {
    padding-bottom: 100px;
}
.h-overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.h-overlay {
	z-index: 99;
}
.site-header .container {
    position: relative;
	z-index: 999;
}
.layout-default .site-header .container {
    padding-top: 0;
    padding-bottom: 0;
}
.layout-default.hd-bg-active .site-header .container {
    padding-top: 30px;
    padding-bottom: 30px;
}
.site-logo {
    margin: 60px 0;
    margin-bottom: 20px;
}
.site-logo a {
    display: inline-block;
    font-size: 60px;
    border: 0;
}
.site-logo a img {
    display: block;
}
.logo:hover, .logo:focus {
    border: 0;
}
.site-tagline {
	font-size: 20px;
    padding-bottom: 10px;
}
.site-tagline span {
    color: #000;
    position: relative;
    padding: 10px 0;
}
.site-tagline span:before {
    content: "";
    height: 2px;
    width: 40px;
    position: absolute;
    background-color: #000;
    left: 50%;
    top: 0;
    margin-left: -20px;
}

/*--------------------------------------------------------------
8 Navigation
--------------------------------------------------------------*/

.main-navigation {
    text-align: center;
}
.main-navigation .menu {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.main-navigation li {
    list-style-type: none;
    display: inline-block;
	padding: 0;
	margin: 0 5px;
}
.main-navigation a {
    display: block;
    position: relative;
    z-index: 2;
	font-size: 14px;
    padding: 10px 20px;
    border: 0;
	text-decoration: none;
	text-transform: uppercase;
}
.main-navigation .menu > li {
    position: relative;
}
.main-navigation .menu > li > a {
    letter-spacing: 1.5px;
}
.main-navigation li:hover > ul {
	display: block;
}
.main-navigation .menu > li:hover:before, .main-navigation .menu > li:hover:after {
	width: 100%;
	height: 100%;
    border-color: rgba(255, 255, 255, 1);
}
.main-navigation .sub-menu a:hover {
    color: #999;
    padding-left: 10px;
}
.main-navigation .menu > li:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: transparent;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: transparent;
}
.main-navigation .menu > li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: transparent;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-color: transparent;
}
.main-navigation .menu > .menu-item-has-children > a:after {
    font-family: "FontAwesome";
    content: "\f0d7";
    position: relative;
    margin-left: 5px;
    vertical-align: middle;
	font-size: 12px;
}
.main-navigation .sub-menu {
	display: none;
	width: 250px;
	padding: 0;
	border-radius: 0;
	font-size: 15px;
	color: #798189;
	position: absolute;
	z-index: 9999;
	text-align: left;
	background: #FFF;
    box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6);
    -webkit-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6);
    -moz-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6);
    border-top: 1px solid #ECECEC;
}
.main-navigation .sub-menu > li {
	margin: 0;
	display: block;
	padding: 0;
}
.main-navigation .sub-menu a {
    font-size: 14px;
}
.main-navigation .sub-menu > li a {
    display: block;
    margin: 0 20px;
    padding: 12px 0;
    font-size: 13px;
    line-height: 1.4;
    border-bottom: 1px solid #E0E0E0;
}
.main-navigation .sub-menu > li:last-child a {
    border-bottom: 0;
}
.main-navigation .sub-menu .menu-item-has-children > a:after {
	font-family: "FontAwesome";
	content: "\f0da";
	position: absolute;
    right: 15px;
	vertical-align: middle;
    font-size: 12px;
    line-height: 19px;
}
.main-navigation .sub-menu a {
	color: #505050;
	text-decoration: none;
}
.main-navigation .sub-menu .sub-menu {
	left: 100%;
	margin-right: -5px;
    margin-top: -44px;
}
.sb-toggle {
    border: 1px solid;
    width: 100%;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
}
.sb-toggle .fa{
    margin: 0 7px;
}
.sb-toggle:hover {
    cursor: pointer;
}
.sb-slidebar {
	background-color: #0c0c0c;
    z-index: 99999;
    overflow-x: hidden;
}
.obfuscator {
	background-color: rgba(0,0,0,.5);
	padding: 0;
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
	visibility: hidden;
}
.sb-active .obfuscator {
	visibility: visible;
}
.sb-style-push + .obfuscator {
    display: none;
}
.mobile-menu-wrap {
    width: 250px;
	display: block;
}
.mobile-menu-wrap .menu {
	margin: 0;
}
.mobile-menu-wrap .menu .fa {
	position: absolute;
	left: 20px;
	color: #737373;
	font-size: 22px;
	line-height: 1;
}
.mobile-menu-wrap .menu li {
    border-bottom: 1px solid rgba(212, 212, 212, 0.3);
}
.mobile-menu-wrap .menu li:first-child {
    border-top: 1px solid rgba(212, 212, 212, 0.3);
}
.mobile-menu-wrap .menu a {
	display: block;
	position: relative;
	color: #d4d4d4;
	font-size: 13px;
	line-height: 22px;
	padding: 10px 16px;
    padding-right: 40px;
	text-decoration: none;
	outline: none;
    text-transform: uppercase;
}
.mobile-menu-wrap .menu a:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.1);
	outline: none;
}
.mobile-menu-wrap,
.mobile-menu-wrap ul,
.mobile-menu-wrap ul li,
.mobile-menu-wrap ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mobile-menu-wrap ul ul {
  display: none;
}
.mobile-menu-wrap > ul > li > a:hover,
.mobile-menu-wrap > ul > li.active > a,
.mobile-menu-wrap > ul > li.open > a {
  color: #eeeeee;
}
.mobile-menu-wrap ul ul ul li a {
  padding-left: 30px;
}
.expander {
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    height: 30px;
    width: 30px;
}
.expander:hover {
    cursor: pointer;
}
.mobile-menu-wrap .has-sub > .expander:before, .mobile-menu-wrap .has-sub > .expander:after {
    content: "";
    width: 12px;
    height: 2px;
    background-color: #d4d4d4;
    position: absolute;
    display: block;
    right: 50%;
    top: 50%;
    margin-right: -6px;
}
.mobile-menu-wrap .has-sub > .expander:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.mobile-menu-wrap .has-sub > .expander:after {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.mobile-menu-wrap .has-sub > .expander.expanded:before {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.mobile-menu-wrap .menu  > li > ul > li > a {
	padding-left: 30px;
}
.mobile-menu-wrap .menu  > li > ul > li > ul > li > a {
	padding-left: 40px;
}
.mobile-menu-wrap .menu  > li > ul > li > ul > li > ul > li > a {
	padding-left: 50px;
}

/*--------------------------------------------------------------
9 Content
--------------------------------------------------------------*/

.sticky .pinned, .pinned {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 80px;
    margin-left: -40px;
    background-color: #333;
    color: #FFF;
    text-align: center;
    z-index: 1;
    font-size: 11px;
    padding: 2px;
    text-transform: uppercase;
}
.pinned:hover {
    cursor: pointer;
}
.cats {
    display: block;
    position: relative;
    text-align: center;
	margin-bottom: 0;
}
.cats ul {
    display: inline-block;
	padding: 0;
}
.cats li {
    display: inline-block;
    list-style-type: none;
}
.cats li:after {
    font-family: FontAwesome;
    content: "\f10c";
    font-size: 5px;
    line-height: 16px;
    vertical-align: middle;
    padding: 0 8px;
    padding-right: 4px;
    color: #b8b6b7;
}
.cats li:last-child:after {
    display: none;
}
.cats a {
    font-size: 13px;
    font-weight: 700;
	color: #b8b6b7;
    border: 0;
	text-transform: uppercase;
    text-decoration: none;
}
.post-title {
    text-align: center;
	padding: 0;
}
.post-title, .post-title a {
    color: #000;
    font-size: 20px;
    font-weight: 400;
	line-height: 1.4;
    margin: 0;
}
.page .post-title, .page .post-title a, .single .post-title, .single .post-title a {
    font-size: 26px;
}
.post-title a:hover, .post-title a:focus {
	border: 0;
}
.page .post-title {
    margin-bottom: 20px;
}
.meta-info {
    display: block;
    position: relative;
    text-align: center;
    padding: 5px 0 20px 0;
	color: #8a8a8a;
    font-size: 13px;
	font-style: italic;
}
.meta-info > span .fa {
    margin: 0 5px;
}
.meta-info > span {
    margin: 0 2px;
}
.meta-info .post-comments a {
	color: #8a8a8a;
}
.meta-info .post-author a {
    text-transform: capitalize;
}
.meta-info .post-date:after, .meta-info .post-author:after, .single-header .cats:after, .single-header .cats li:after {
    content: "|";
    margin-left: 5px;
    color: #666;
    font-style: normal;
}
.single-header .cats li:after {
    display: none;
}
.post-featured {
    display: block;
    background-color: #000;
    margin-left: -40px;
    margin-right: -40px;
    margin-top: -40px;
    margin-bottom: 20px;
    overflow: hidden;
}
.post-featured a {
    display: block;
    position: relative;
    border: 0;
}
.post-featured img {
	display: block;
    width: 100%;
}
.post-featured a span {
    display: none;
}
.post-excerpt {
	margin-bottom: 25px;
	text-align: center;
    opacity: .9;
}
.related-item .post-excerpt {
    text-align: left;
    margin-bottom: 0;
}
.moretag, .tags {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}
.moretag a {
    display: inline-block;
}
.tags a {
    display: inline-block;
    font-weight: 700;
    font-size: 11px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border: 1px solid;
    margin: 0 5px;
    margin-bottom: 10px;
}
.entry-content {
    padding-bottom: 30px;
    display: block;
}
.next-prev-post {
    display: inline-block;
    width: 100%;
    position: relative;
    clear: both;
	margin-bottom: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 15px;
}
.next-prev-post > div {
    display: inline-block;
    width: 50%;
    float: left;
}
.next-prev-post .next-post .txt, .next-prev-post .prev-post .txt {
    font-size: 17px;
    line-height: 20px;
    vertical-align: baseline;
    text-transform: uppercase;
}
.next-prev-post .next-post .title, .next-prev-post .prev-post .title {
    display: block;
    font-size: 12px;
}
.next-prev-post .prev-post {
    text-align: left;
}
.next-prev-post .next-post {
    text-align: right;
}
.next-prev-post .prev-post .txt:before {
    content: "\f100";
    font-family: "FontAwesome";
    margin: 0;
    margin-right: 5px;
    font-size: 20px;
    line-height: 22px;
}
.next-prev-post .next-post .txt:after {
    content: "\f101";
    font-family: "FontAwesome";
    margin: 0;
    margin-left: 5px;
    font-size: 20px;
    line-height: 22px;
}
.next-prev-post a:hover {
    border: 0;
}
.next-prev-post a {
    color: #6d6d6d;
}
.section-title {
    position: relative;
    margin-bottom: 20px;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    padding: 8px;
}
.section-title h3 {
    width: auto;
    display: inline-block;
    background-color: #FFF;
    padding: 0 15px;
    position: relative;
    z-index: 1;
    margin: 0;
    font-weight: 400;
    font-size: 15px;
}
.section-title:after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35%;
    z-index: 0;
}
.box-none .section-title:after {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
}
.related-posts ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    clear: both;
}
.related-posts .related-item:nth-child(3n) {
    margin-left: 2%;
}
.related-posts .related-item:nth-child(3n+1) {
    margin-right: 2%;
    clear: left;
}
.related-item {
    display: inline-block;
    width: 32%;
    float: left;
    list-style-type: none;
	position: relative;
	margin-bottom: 20px;
}
.related-item .thumb {
    width: 100%;
    display: block;
    background-color: #000;
}
.related-item .thumb a:hover, .related-item .thumb a:focus {
    border: 0;
}
.related-item .thumb a {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}
.related-item .thumb img {
    display: block;
    width: 100%;
}
.related-item .content {
    overflow: hidden;
    font-size: 14px;
    margin-top: 10px;
}
.related-posts .title {
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
    color: #444;
}
.related-posts .title:hover, .related-posts .title:focus {
    border: 0;
}
.related-posts .thumb a span {
    display: none;
}
.related-posts .post-meta {
    display: block;
    position: relative;
    color: #b8b6b7;
    font-size: 12px;
    font-style: italic;
}
.related-posts .post-meta > span {
    margin-right: 12px;
}
.related-posts .post-meta > span .fa {
    margin-right: 7px;
}
.related-posts .post-excerpt p {
    margin: 0;
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.4;
    opacity: .8;
    text-align: left;
}
.related-posts .post-excerpt a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding-right: 20px;
    font-size: 12px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .7px;
    margin-top: 5px;
}
.related-posts .post-excerpt a:after {
    content: "\f178";
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 14px;
    line-height: 20px;
}
.related-posts .post-excerpt a:hover, .related-posts .post-excerpt a:focus {
    border: 0;
}
.related-posts .post-excerpt a:hover:after {
     top: 0;
}
.author-box-avatar {
    display: block;
    width: 85px;
    border-radius: 50%;
	overflow: hidden;
}
.author-box-avatar img {
    display: block;
}
.author-box .author, .author-box .author span, .author-box .author a {
    text-align: center;
    display: block;
}
.author-box .author span {
    text-transform: uppercase;
    font-size: 11px;
}
.author-box .author, .author-box .author a {
    font-size: 22px;
    letter-spacing: 3px;
    color: #383838;
    font-weight: bold;
    text-transform: capitalize;
}
.author-box .author a:hover, .author-box .author a:focus {
    border: 0;
}
.author-box-bio {
	display: block;
    text-align: center;
	margin-top: 20px;
}
.author-box-bio p {
    opacity: .9;
}
.navigation {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
#respond input[type="text"], #respond input[type="password"] {
    width: 32.63%;
    display: inline-block;
    float: left;
    outline: none;
}
#respond #email {
    margin: 0 1%;
}
.comment-form-comment {
    margin-bottom: 10px;
}
#respond textarea {
    display: block;
    width: 100%;
    outline: none;
}
#respond .submit {
    margin-top: 10px;
    padding: 8px 15px;
}
#respond .form-submit {
    clear: both;
    display: block;
}
.comment-box .meta {
    position: relative;
    margin-bottom: 10px;
}
.comment-box .meta .fn {
    font-weight: 700;
    color: #333;
    text-transform: capitalize;
}
.comment-box .comment-reply-link {
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    padding: 1px 7px;
    background-color: #383838;
    color: #FFF;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
}
.comment-box .comment-reply-link {
    color: #FFF;
}
.comment-box .comment-reply-link:hover {
    border: 0;
}
.comment-reply-title small {
    display: block;
    position: absolute;
}
.commentlist {
    padding: 0;
}
.commentlist li {
    list-style-type: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}
.comment-box {
    display: block;
    position: relative;
    min-height: 150px;
}
.comment-header {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.comment-avatar {
    background-color: #dcdcdc;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 5px;
    border: 1px solid #c3c3c3;
}
.comment-body {
    display: block;
    padding-left: 100px;
}
.comment-author span {
    float: left;
    clear: both;
    text-align: center;
    width: 100%;
}
.commentmetadata .fn a {
    color: #383838;
    font-weight: bold;
    font-size: 14px;
}
.commentmetadata > p {
    font-size: .9em;
    opacity: .9;
}
.bypostauthor .is-author {
    font-size: 15px;
    padding: 0;
    margin-left: 6px;
    border-radius: 2px;
    color: #000;
}
.comment-edit {
    z-index: 1;
    position: relative;
}
.commentmetadata .date {
    margin: 0 5px;
    opacity: 0.5;
    font-size: 0.9em;
}
.commentlist .children {
    padding-left: 40px;
}
.post-password-form input[type="submit"] {
    display: inline-block;
    height: 40px;
    vertical-align: bottom;
}

/*--------------------------------------------------------------
10 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%;
}
.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;
}
.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;
}
.gallery-icon > a {
    border: 0;
}

/*--------------------------------------------------------------
11 Footer
--------------------------------------------------------------*/

footer {
	background-color: #0f0f0f;
	color: #828282;
}
footer a {
	color: #dedede;
}
footer a:hover {
	color: #dedede;
}
.footer-social {
    display: inline-block;
    position: relative;
    width: 100%;
	text-align: center;
	margin: 0;
	margin-bottom: 40px;
    padding: 20px 0 40px 0;
	border-bottom: 1px solid #616161;
}
.layout-simple .footer-social {
    margin: 0;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0;
}
.footer-social ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.footer-social li {
    margin: 0 5px;
    padding: 0;
    display: inline-block;
    list-style-type: none;
}
.footer-social a {
    display: block;
    background-color: #f7f7f7;
    color: #0f0f0f;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    vertical-align: middle;
    padding: 0;
    border: 0 !important;
}
.layout-simple .footer-social a {
    background-color: transparent;
    border: 1px solid !important;
    color: #444;
}
.footer-social .fa {
    line-height: 40px;
    display: block;
}
.footer-social a:hover {
	color: #FFF;
	text-decoration: none;
}
.footer-social .fb a:hover {
    background-color: #5d82d1;
}
.footer-social .tw a:hover {
    background-color: #40bff5;
}
.footer-social .gplus a:hover {
    background-color: #eb5e4c;
}
.footer-logo {
    display: block;
    position: relative;
    text-align: center;
}
.footer-logo a:hover {
    border: 0;
}
.copyright {
    text-align: center;
	padding: 20px 0 10px 0;
}

/*--------------------------------------------------------------
12 Widgets
--------------------------------------------------------------*/

.sidebar {
    display: block;
    position: relative;
    margin-bottom: 40px;
    padding: 0;
    max-width: 310px;
    margin: 0 auto;
}
.sidebar-widget {
    padding: 30px;
    font-size: 14px;
}
.widget-title {
    padding: 6px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 15px;
    position: relative;
}
.widget-title h3 {
    letter-spacing: 1.5px;
}
.sidebar-widget .widget-title:after {
    content: "";
    display: block;
    width: 80%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40%;
    z-index: 0;
}
.box-none .sidebar-widget .widget-title:after, .layout-simple .site-header .sidebar-widget .widget-title:after {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
}
.sidebar-widget .widget-title h3 {
    width: auto;
    display: inline-block;
    background-color: #FFF;
    padding: 0 15px;
    margin: 0;
    position: relative;
    z-index: 1;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.search-form {
    display: block;
    position: relative;
}
.search-form input[type=search] {
    width: 100%;
}
.search-form button {
    border: 0;
    background: none;
    color: #999;
    padding: 11px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 17px;
    line-height: 1;
}
.search-form button:hover, .search-form button:focus {
    background: none;
    border: 0;
}
.sb-slidebar .search-form {
    padding: 8px;
}
.sb-slidebar .search-form input[type=search] {
    color: #d4d4d4;
    border-color: rgba(212, 212, 212, 0.3);
}
.sb-slidebar .search-form button {
    right: 8px;
    top: 8px;
    color: #d4d4d4;
}

/* WP Calendar */
.widget #wp-calendar {
    width: 100%;
}
.widget #wp-calendar thead {
    padding: 3px;
    background-color: #3a3a3a;
}
.widget #wp-calendar thead th {
    color: #FFF;
    text-align: center;
}
.widget #wp-calendar #today {
    background-color: #3a3a3a;
    color: #FFF;
}
.widget #wp-calendar tbody td {
    text-align: center;
    padding: 3px;
    font-family: Arial;
}
.widget #wp-calendar tbody td a {
    border-bottom: 1px dotted;
}
.widget #wp-calendar #prev {
    text-align: left;
}
.widget #wp-calendar #next {
    text-align: right;
}

/* WP TagCloud*/
.tagcloud {
    padding: 0;
    display: inline-block;
    position: relative;
}
.tagcloud a {
    font-size: 12px!important;
    padding: 6px 10px;
    margin-bottom: 7px;
    float: left;
    border-radius: 0;
    margin-right: 7px;
    background-color: transparent;
    overflow: visible;
    color: #717171;
    border: 1px solid #bdbdbd;
    text-transform: uppercase;
    outline: none;
}
.tagcloud a:hover {
    border: 1px solid;
}

/* WP Meta, WP Categories, WP Archives, WP Recent Posts, WP Recent Comments */
.widget_meta ul, 
.widget_categories ul, 
.widget_archive ul, 
.widget_rss ul, 
.widget_recent_entries ul,
.widget_recent_comments ul {
    padding: 0;
    margin: 0;
}
.widget_meta li, 
.widget_categories li, 
.widget_archive li, 
.widget_rss li, 
.widget_recent_entries li,
.widget_recent_comments li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: capitalize;
    list-style-type: none;
}

.widget_meta li a, 
.widget_categories li a, 
.widget_archive li a, 
.widget_rss li a, 
.widget_recent_entries li a,
.widget_recent_comments li a {
    border: 0;
    color: #3a3a3a;
}

.widget_meta li a:hover, 
.widget_categories li a:hover, 
.widget_archive li a:hover, 
.widget_rss li a:hover, 
.widget_recent_entries li a:hover,
.widget_recent_comments li a:hover {
    color: initial;
}

.widget_categories li, 
.widget_archive li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #ccc;
}
.widget_categories li a, 
.widget_archive li a {
    margin-right: auto;
    border: 0;
}

/* Themient: Recent Posts, Themient: Popular Posts */
.widget-posts-wrap ul {
    padding: 0;
    margin: 0;
}
.widget-posts-wrap li {
    list-style-type: none;
    display: inline-block;
    margin-bottom: 15px;
    clear: both;
    float: none;
    width: 100%;
}
.widget-posts-wrap .post-meta {
    display: block;
    position: relative;
    color: #b8b6b7;
    font-size: 11px;
    font-style: italic;
}
.widget-posts-wrap .title {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 5px;
}
.widget-posts-wrap .title a {
    color: #000;
}
.widget-posts-wrap .title a:hover, .widget-posts-wrap .title a:focus {
    border: 0;
}
.widget-posts-wrap .post-img {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}
.widget-posts-wrap .post-img a {
    display: block;
    position: relative;
}
.widget-posts-wrap .post-img a:hover, .widget-posts-wrap .post-img a:focus {
    border: 0;
}
.widget-posts-wrap .post-img a span {
    display: none;
}
.widget-posts-wrap .post-img img {
    display: block;
    width: 100%;
}
.widget-posts-wrap .post-data {
    margin-bottom: 10px;
}
.widget-posts-wrap .post-meta > span {
    margin-right: 10px;
}
.widget-posts-wrap .post-meta > span .fa {
    margin-right: 5px;
}
.widget-posts-wrap .vertical-container .post-img, .widget-posts-wrap .vertical-container .post-data {
    display: inline-block;
    float: left;
}
.widget-posts-wrap .vertical-container .post-img {
    width: 34%;
    padding-right: 8px;
}

/* Themient: Social Icons */
.social-icons {
    text-align: center;
    margin: 0;
}
.social-icons ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.social-icons ul li {
    background: none;
    border: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 4px;
}
.social-icons ul li a {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    text-align: center;
    line-height: 40px;
    border: 1px solid;
    border-radius: 50%;
    border-color: #e4e4e4;
}
.social-icons ul li a:hover, .social-icons ul li a:focus {
    border: 1px solid;
    border-radius: 50%;
}
.social-icons ul li .fa {
    font-size: 20px;
    line-height: 40px;
}

/*--------------------------------------------------------------
13 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

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

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
14 Theme Options
--------------------------------------------------------------*/
.layout-simple.sidebar-right.single .content-wrap > .container,
.layout-simple.sidebar-right.page .content-wrap > .container {
    float: right;
}
.layout-default.sidebar-left .content-area {
    float: right;
}
.layout-default.sidebar-none .content-area {
    width: 100%;
}
.box-solid article,
.box-solid .sidebar-widget,
.box-solid .related-posts,
.box-solid .author-box,
.box-solid .comments,
.box-solid #respond {
    border: 1px solid #e2e2e2;
}
.box-solid .post-featured {
    margin-left: -41px;
    margin-right: -41px;
    margin-top: -41px;
}
.box-solid .pinned {
    margin-top: -1px;
}
.box-shadow article, .box-shadow .sidebar-widget, .box-shadow .related-posts, .box-shadow .author-box, .box-shadow .comments, .box-shadow #respond  {
    -webkit-box-shadow:  0 1px 3px rgba(0, 0, 0, 0.12),  0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow:  0 1px 3px rgba(0, 0, 0, 0.12),  0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow:  0 1px 3px rgba(0, 0, 0, 0.12),  0 1px 2px rgba(0, 0, 0, 0.24);
}
.box-shadow article:hover, .box-shadow .sidebar-widget:hover, .box-shadow .related-posts:hover, .box-shadow .author-box:hover, .box-shadow .comments:hover, .box-shadow #respond:hover {
    -webkit-box-shadow:  0 14px 28px rgba(0, 0, 0, 0.25),  0 10px 10px rgba(0, 0, 0, 0.22);
    -moz-box-shadow:  0 14px 28px rgba(0, 0, 0, 0.25),  0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow:  0 14px 28px rgba(0, 0, 0, 0.25),  0 10px 10px rgba(0, 0, 0, 0.22);
}
.box-none article, .box-none .sidebar-widget, .box-none .related-posts, .box-none .author-box, .box-none .comments, .box-none #respond {
    padding: 10px;
    margin-bottom:  20px;
}
.box-none .post-featured {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
}
.box-none .sidebar-widget .social-icons ul li a {
    width:  40px;
    height:  40px;
    line-height:  40px;
}
.box-none .error404 .content-area {
    border: 0;
}

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

@media (min-width: 1920px) {
    .layout-simple .grid-item, .layout-simple .grid-sizer {
        width: 480px;
    }
    .layout-simple .gutter-sizer {
        width: 40px;
    }
}
@media (min-width: 992px) {
    .content-area {
        width: 70%;
    }
    .widget-area {
        width: 30%;
    }
}
@media (max-width: 767px) {
    .layout-simple #page {
        display: block;
    }
    .layout-simple .site-header {
        position: relative;
        display: block;
        margin: 0;
        width: 100%;
        padding: 0;
    }
    .site-header > .container {
        max-width: 360px;
    }
    .layout-simple .content-wrap {
        display: block;
    }
    .layout-simple .gutter-sizer {
        width: 4% !important;
    }
    .related-posts .related-item:nth-child(2n+1) {
        margin-right: 4%;
        clear: left;
    }
    .related-posts .related-item {
        width: 48%;
    }
    .related-item {
        width: 48%;
    }
    .related-posts .related-item:nth-child(2n) {
        clear: right;
        margin-right: 0;
    }
    .related-posts .related-item:nth-child(2n+1) {
        margin-right: 2%;
        margin-left: 0;
        clear: left;
    }
    .navigation-container {
        padding: 30px 45px;
    }
    .archive-header h1, .search-header h1, .no-results h1 {
        font-size: 3em;
    }
}
@media (max-width: 480px) {
    .grid-item, .grid-sizer {
        width: 100%;
    }
    .logo {
        max-width: 50%;
    }
    .site-tagline span {
        font-size: 80%;
    }
    .related-posts .related-item:nth-child(n) {
        width: 100%;
        clear: both;
    }
    .next-prev-post > div {
        width: 100%;
        clear: both;
        float: none;
        margin-bottom: 20px;
        text-align: center !important;
    }
    .commentlist .children {
        padding-left: 20px;
    }
    .comment-header, .comment-avatar {
        width: 40px;
        height: 40px;
    }
    .comment-body {
        padding-left: 50px;
    }
	.layout-simple .grid-item, .layout-simple .grid-sizer {
		width: 100%;
	}
	article, .sidebar-widget, .related-posts, .author-box, .comments, #respond {
		padding: 20px;
	}
	.post-featured {
		margin-left: -20px;
		margin-right: -20px;
		margin-top: -20px;
	}
	.box-solid .post-featured {
		margin-left: -21px;
		margin-right: -21px;
		margin-top: -21px;
	}
	.container {
		padding: 20px;
	}
    .commentmetadata .date {
        display: block;
        margin: 0;
        margin-top: 5px;
    }
    .navigation-container {
        padding: 10px 32px;
    }
    .related-item {
        margin-bottom: 25px !important;
    }
    .archive-header h1, .search-header h1, .no-results h1 {
        font-size: 2em;
    }
}
@media (max-width: 320px) {
    .container {
        padding: 10px;
    }
	article, .sidebar-widget, .related-posts, .author-box, .comments, #respond {
		padding: 15px;
	}
	.post-featured {
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -15px;
	}
	.box-solid .post-featured {
		margin-left: -16px;
		margin-right: -16px;
		margin-top: -16px;
	}
    .navigation-container {
        padding: 10px 27px;
    }
}