/*
Theme Name: Dicot
Theme URI: http://designorbital.com/dicot/
Author: DesignOrbital
Author URI: http://designorbital.com/
Description: Dicot is a magazine, news or blog WordPress theme with clean and modern design. Dicot is completely responsive and created with most modern technologies. Featuring wide or boxed layout, sidebar positions, sticky menu, featured posts carousel, custom widgets, and many more useful and interesting features which make your work easier. We hope you will enjoy it and have a good time publishing your articles.
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dicot
Domain Path: /languages/
Tags: black, red, white, light, one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL v2 or later.
Use it to make something cool, have fun, and share what you've learned with others.

Dicot is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
	2.1 - Global
	2.2 - Font Awesome
	2.3 - Paragraph
	2.4 - Headings
	2.5 - Links
	2.6 - Blockquote
	2.7 - General
3.0 - Elements
	3.1 - HR
	3.2 - List
	3.3 - Table
	3.4 - Image
	3.5 - HTML5 Elements
	3.6 - Forms
	3.7 - Accessibility
	3.8 - Alignments
	3.9 - Clearings
4.0 - Navigation
	4.1 - Main Navigation
	4.2 - Superfish Menu
	4.3 - Primary Menu Responsive
	4.4 - Secondary Menu
	4.5 - Social Navigation
	4.6 - Navigation Elements
5.0 - Skeleton
	5.1 - Site Wrapper
	5.2 - Header
	5.3 - Site Logo
	5.4 - Site Branding
	5.5 - Site Content
	5.6 - Sidebar
	5.7 - Footer
6.0 - Content
	6.1 - HEntry
	6.2 - Page Links
	6.3 - More Link
	6.4 - Entry Meta
	6.5 - Media Elements
	6.6 - Entry Format
	6.7 - Post Formats
	6.8 - Attachments
	6.9 - Comments
7.0 - Widgets
	7.1 - Search Form Widget
	7.2 - Tag Cloud Widget
	7.3 - Custom Menu Widget
	7.4 - Pages Widget
	7.5 - Categories Widget
	7.6 - Postlist Widget
8.0 - Media
	8.1 - Captions
	8.2 - Galleries
9.0 - Utilities
	9.1 - Overlay Effect
	9.2 - Preloader Effect
	9.3 - Scroll Up
	9.4 - Misc
10.0 - Jetpack
	10.1 - Share Daddy
	10.2 - Related Posts
	10.3 - Infinite Scroll
	10.4 - Gallery
	10.5 - WP Stats
11.0 - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*: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;
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol,
ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Global
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	background: #fff;
	color: #3d3d3d;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-size: 1.7rem;
	letter-spacing: 0.2px;
	letter-spacing: 0.02em;
	line-height: 1.8;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
2.2 Font Awesome
--------------------------------------------------------------*/
blockquote:before,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after,
.paging-navigation .nav-previous a:before,
.paging-navigation .nav-next a:after,
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.pagination .prev.page-numbers:before,
.pagination .next.page-numbers:after,
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:after {
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-rendering: auto;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*--------------------------------------------------------------
2.3 Paragraph
--------------------------------------------------------------*/
p {
	margin-bottom: 1.5em;
}
p:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
2.4 Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	clear: both;
	color: #020202;
	font-family: 'Lora', serif;
	line-height: 1.2;
}
h1, h2, h3 {
	margin-top: 28px;
	margin-bottom: 28px;
}
h4, h5, h6 {
	margin-top: 18.5px;
	margin-bottom: 18.5px;
}
h1 {
	font-size: 28px;
	font-size: 2.8rem;
}
h2 {
	font-size: 26px;
	font-size: 2.6rem;
}
h3 {
	font-size: 24px;
	font-size: 2.4rem;
}
h4 {
	font-size: 20px;
	font-size: 2.0rem;
}
h5 {
	-webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
	font-size: 16px;
	font-size: 1.6rem;
}
h6 {
	-webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
	font-size: 12px;
	font-size: 1.2rem;
}

/*--------------------------------------------------------------
2.5 Links
--------------------------------------------------------------*/
a,
a:visited {
	color: #cd0215;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #a60212;
}

/*--------------------------------------------------------------
2.6 Blockquote
--------------------------------------------------------------*/
blockquote {
	color: #999;
	font-family: 'Lora', serif;
	font-size: 35px;
	font-size: 3.5rem;
	font-style: italic;
	line-height: 1.3;
	margin: 0 auto 60px;
	padding: 15px 100px 0;
	position: relative;
	text-align: center;
}
blockquote.alignright,
blockquote.alignleft {
	display: inline;
	font-size: 28px;
	font-size: 2.8rem;
	max-width: 280px;
	padding: 0;
}
blockquote.alignleft {
	float: left;
	margin: 0 1.5em 1.5em 0;
}
blockquote.alignright {
	float: right;
	margin: 0 0 1.5em 1.5em;
}
blockquote blockquote {
    padding: 0;
}
p + blockquote,
blockquote + blockquote {
	margin: 50px auto 60px;
}
blockquote:before {
	content: "\f10d";
	color: #999;
	display: block;
	font-size: 32px;
	font-size: 3.2rem;
	margin: 0 0 35px;
	padding: 0;
}
blockquote p {
	margin: 0;
}
blockquote cite {
	color: #999;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-style: normal;
	letter-spacing: 1px;
	letter-spacing: .1rem;
	margin: 35px 0 0;
	text-transform: uppercase;
}
blockquote cite,
blockquote cite a,
blockquote cite a:visited {
	color: #999;
}
blockquote cite a:hover,
blockquote cite a:focus,
blockquote cite a:active {
	color: #a60212;
}

/* Format Quote */
.format-quote blockquote {
	background-color: #020202;
	color: #fff;
	margin: 0 auto;
	padding: 70px 100px;
}
.format-quote blockquote:before {
	color: #fff;
	margin: 0 0 45px;
}
.format-quote blockquote cite {
	margin: 45px 0 0;
}
.format-quote blockquote + blockquote {
	margin-top: 50px;
}
.format-quote blockquote + p {
	margin-top: 35px;
}
.has-post-thumbnail.format-quote blockquote {
	background-color: rgba(2, 2, 2, 0.5);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	right: 0;
	width: auto;
	z-index: 1;
	-webkit-background-size: cover;
}

/*--------------------------------------------------------------
2.7 General
--------------------------------------------------------------*/
::selection {
	background-color: #444;
	color: #fff;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}
abbr, acronym {
	border-bottom: 1px dotted #ebebeb;
	cursor: help;
}
mark, ins {
	background: #aee6f8;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
cite {
	font-size: 12px;
	font-style: normal;
	text-transform: uppercase;
}
address {
	font-style: italic;
	margin: 0 0 1.5em;
}
pre {
	background: #fafafa;
	border: 1px dashed #ebebeb;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.1 HR
--------------------------------------------------------------*/
hr {
	background-color: #ebebeb;
	border: 0;
	height: 1px;
	margin: 3.5em auto;
	width: 80%;
}

/*--------------------------------------------------------------
3.2 List
--------------------------------------------------------------*/
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ul ul {
	list-style: circle;
}
ul ul ul {
	list-style: square;
}
ol {
	list-style: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
3.3 Table
--------------------------------------------------------------*/
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	border-bottom: 1px solid #ebebeb;
	font-weight: bold;
}
td {
	border-bottom: 1px solid #ebebeb;
	padding: 5px 0;
}

/*--------------------------------------------------------------
3.4 Image
--------------------------------------------------------------*/
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	vertical-align: middle;
}
.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}
.img-rounded {
	border-radius: 6px;
}
.img-thumbnail {
	padding: 4px;
	line-height: 1.428571429;
	background-color: #ffffff;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.img-circle {
	border-radius: 50%;
}

/*--------------------------------------------------------------
3.5 HTML5 Elements
--------------------------------------------------------------*/
figure {
	margin: 0;
}
embed,
iframe,
object {
	max-width: 100%; /* Make sure embeds and iframes fit their containers */
}
audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

/*--------------------------------------------------------------
3.6 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button,
input {
	line-height: normal;
}
input,
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	/* Removing the inner shadow, rounded corners on iOS inputs */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #020202;
	color: #020202;
	cursor: pointer;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	letter-spacing: 0.2rem;
	line-height: normal;
	padding: 8px 24px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-appearance: button;
}
button:hover, button:focus, button:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
	color: #666;
	outline: none;
}
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	bottom: -2px;
}
button[disabled],
input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea {
	color: #666;
	border: 1px solid #ebebeb;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 8px 10px;
}
select {
	padding: 8px 10px;
	width: 98%;
}
input:focus,
textarea:focus {
	outline: 0;
}
textarea {
	overflow: auto;
	padding: 8px 10px;
	vertical-align: top;
	width: 98%;
}
fieldset {
	border: 1px solid #ededed;
	margin: 0 0 24px;
	padding: 12px 12px 0;
}
legend {
	white-space: normal;
}
::-webkit-input-placeholder {
	color: #9dabb0;
}
:-moz-placeholder {
	color: #9dabb0;
}
::-moz-placeholder {
	color: #9dabb0;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #9dabb0;
}

/*--------------------------------------------------------------
3.7 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:hover,
.screen-reader-text:active,
.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: 1.4rem;
	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 */
}

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

/*--------------------------------------------------------------
3.9 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.site-wrapper:before,
.site-wrapper:after,
.site-header:before,
.site-header:after,
.site-branding:before,
.site-branding:after,
.main-navigation:before,
.main-navigation:after,
.main-navigation-sticky-wrapper:before,
.main-navigation-sticky-wrapper:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.site-footer-widgets:before,
.site-footer-widgets:after,
.site-info:before,
.site-info:after,
.hentry:before,
.hentry:after,
.entry-content:before,
.entry-content:after,
.comment-body:before,
.comment-body:after,
.comment-meta:before,
.comment-meta:after,
.comment-content:before,
.comment-content:after {
	content: '';
	display: table;
}
.clear:after,
.container:after,
.container-fluid:after,
.row:after,
.site-wrapper:after,
.site-header:after,
.site-branding:after,
.main-navigation:after,
.main-navigation-sticky-wrapper:after,
.site-content:after,
.site-footer:after,
.site-footer-widgets:after,
.site-info:after,
.hentry:after,
.entry-content:after,
.comment-body:after,
.comment-meta:after,
.comment-content:after {
	clear: both;
}

/*--------------------------------------------------------------
4.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.1 Main Navigation
--------------------------------------------------------------*/

/* Main navigation */
.main-navigation {
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}
.main-navigation.stuck {
	background: #020202;
	background: rgba(2, 2, 2, .8);
	border: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	opacity: 1;
}
body.admin-bar .main-navigation.stuck {
	top: 32px;
}
body.demo-site .main-navigation.stuck {
	top: 80px;
}
body.admin-bar.demo-site .main-navigation.stuck {
	top: 112px;
}
@media screen and ( max-width: 782px ) {
	body.admin-bar .main-navigation.stuck {
		top: 46px;
	}
	body.demo-site .main-navigation.stuck {
		top: 80px;
	}
	body.admin-bar.demo-site .main-navigation.stuck {
		top: 126px;
	}
}

/*--------------------------------------------------------------
4.2 Superfish Menu
--------------------------------------------------------------*/

/* Essential Styles */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li > ul {
	top: 3.9em;
}
.sf-menu > li {
	display: inline-block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/* Menu Skin */
.sf-menu {
	margin-bottom: 0;
	text-align: center;
}
.sf-menu ul {
	min-width: 13em; /* allow long menu items to determine submenu width */
	*width: 13em; /* no auto sub width for IE7, see white-space comment below */
	text-align: left;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.sf-menu a,
.sf-menu a:visited {
	color: #020202;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	letter-spacing: 0.2rem;
	padding: 20px 15px;
	text-transform: uppercase;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a:hover,
.sf-menu a:focus,
.sf-menu a:active {
	color: #666;
}
.main-navigation.stuck .sf-menu > li > a,
.main-navigation.stuck .sf-menu > li > a:visited {
	color: #fff;
}
.main-navigation.stuck .sf-menu > li > a:hover,
.main-navigation.stuck .sf-menu > li > a:focus,
.main-navigation.stuck .sf-menu > li > a:active {
	color: #aaa;
}
.sf-menu ul a {
	border-bottom: 1px solid #f5f5f5;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 1px;
	letter-spacing: 0.1rem;
	padding: 10px 10px;
	text-transform: none;
}
.sf-menu ul li:last-child a {
	border-bottom: none;
}
.sf-menu li {
	word-wrap: break-word;
	white-space: normal; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	background: #ffffff;
}
.sf-menu ul ul li {
	background: #ffffff;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
.sf-arrows ul .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	height: 0;
	width: 0;
	margin-top: -5px;
	margin-right: -3px;
	border: 5px solid transparent;
	border-left-color: #333333; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(51,51,51,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #999999;
}

/*--------------------------------------------------------------
4.3 Primary Menu Responsive
--------------------------------------------------------------*/

/* Toogle Menu */
.toggle-menu-wrapper {
	display: none;
	text-align: center;
}
.toggle-menu-wrapper a,
.toggle-menu-wrapper a:visited {
	color: #020202;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	letter-spacing: 0.2rem;
	padding: 15px 0;
	text-transform: uppercase;
	text-decoration: none;
}
.toggle-menu-wrapper a:hover,
.toggle-menu-wrapper a:focus,
.toggle-menu-wrapper a:active {
	color: #666;
}
.main-navigation.stuck .toggle-menu-wrapper a,
.main-navigation.stuck .toggle-menu-wrapper a:visited {
	color: #fff;
}
.main-navigation.stuck .toggle-menu-wrapper a:hover,
.main-navigation.stuck .toggle-menu-wrapper a:focus,
.main-navigation.stuck .toggle-menu-wrapper a:active {
	color: #aaa;
}

/* Site Primary Menu Responsive */
.site-primary-menu-responsive {
	background: #141414;
	color: #fff;
	margin: 0;
	overflow: hidden;
	overflow-y: auto;
	padding: 35px 0;
	position: fixed;
	top: 0;
	left: -400px;
	width: 400px;
	height: 100%;
	z-index: 1001;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.site-primary-menu-responsive.show {
	left: 0;
}
@media screen and ( min-width: 601px ) {
	body.admin-bar .site-primary-menu-responsive {
		top: 46px;
	}
	body.demo-site .site-primary-menu-responsive {
		top: 100px;
	}
	body.admin-bar.demo-site .site-primary-menu-responsive {
		top: 146px;
	}
}

/* Primary Menu Responsive */
.primary-menu-responsive {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 70%;
}
.primary-menu-responsive * {
	list-style: none;
	margin: 0;
	padding: 0;
}
.primary-menu-responsive ul {
	display: none;
	margin-left: 24px;
}
.primary-menu-responsive ul.toggle-on {
	display: block;
}
.primary-menu-responsive li {
	border-top: 1px solid #2c2c2c;
	position: relative;
}
.primary-menu-responsive li:first-child {
	border-top: 0;
}

.primary-menu-responsive a,
.primary-menu-responsive a:visited {
	color: #ddd;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	letter-spacing: 0.2rem;
	padding: 12px 0;
	text-transform: uppercase;
}
.primary-menu-responsive a:hover,
.primary-menu-responsive a:focus,
.primary-menu-responsive a:active {
	color: #aaa;
}
.primary-menu-responsive ul .current_page_item a,
.primary-menu-responsive ul .current-menu-item a {
	color: #fff;
}
.primary-menu-responsive .dropdown-toggle {
	background: #242424;
	border: 0;
	border-radius: 0;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.primary-menu-responsive .dropdown-toggle:after {
	font-size: 18px;
	height: 18px;
	width: 18px;
	color: #fff;
	content: "\f078";
	position: absolute;
	top: 15px;
	right: 15px;
}
.primary-menu-responsive .dropdown-toggle:hover,
.primary-menu-responsive .dropdown-toggle:focus,
.primary-menu-responsive .dropdown-toggle:active {
	background-color: #a60212;
	border: 0;
}
.primary-menu-responsive .dropdown-toggle:hover:after,
.primary-menu-responsive .dropdown-toggle:focus:after {
	color: #23292b;
}
.primary-menu-responsive .dropdown-toggle.toggle-on:after {
	content: "\f077";
}
.primary-menu-responsive .page_item_has_children > a,
.primary-menu-responsive .menu-item-has-children > a {
	padding-right: 40px;
}

/*--------------------------------------------------------------
4.4 Secondary Menu
--------------------------------------------------------------*/
.site-secondary-menu {
	margin: 0 0 60px;
	padding: 0;
	text-align: center;
}
.secondary-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.secondary-menu > li {
	display: inline-block;
}
.secondary-menu a,
.secondary-menu a:visited {
	color: #020202;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	letter-spacing: 0.2rem;
	padding: 8px 8px;
	text-transform: uppercase;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.secondary-menu a:hover,
.secondary-menu a:focus,
.secondary-menu a:active {
	color: #666;
}

/*--------------------------------------------------------------
4.5 Social Navigation
--------------------------------------------------------------*/
.site-social-menu {
	margin: 0 0 30px;
	padding: 0;
	text-align: center;
}
.site-social-menu ul,
.widget_nav_menu div[class^="menu-social-"] ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.site-social-menu ul li,
.widget_nav_menu div[class^="menu-social-"] ul li {
	display: inline-block;
	margin: 10px 10px;
	padding: 0;
}
.widget_nav_menu div[class^="menu-social-"] ul li {
	border: none;
	margin: 10px 20px 10px 0;
}
.site-social-menu a,
.widget_nav_menu div[class^="menu-social-"] a:visited {
	color: #020202;
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
}
.site-social-menu a:hover,
.site-social-menu a:focus,
.site-social-menu a:active,
.widget_nav_menu div[class^="menu-social-"] a:hover,
.widget_nav_menu div[class^="menu-social-"] a:focus,
.widget_nav_menu div[class^="menu-social-"] a:active {
	color: #666;
}
.site-social-menu a[href$="/feed/"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href$="/feed/"]:before {
	content: "\f09e";
}
.site-social-menu a[href*="codepen.io"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="codepen.io"]:before {
	content: "\f1cb";
}
.site-social-menu a[href*="digg.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="digg.com"]:before {
	content: "\f1a6";
}
.site-social-menu a[href*="dribbble.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="dribbble.com"]:before {
	content: "\f17d";
}
.site-social-menu a[href*="dropbox.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="dropbox.com"]:before {
	content: "\f16b";
}
.site-social-menu a[href*="facebook.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="facebook.com"]:before {
	content: "\f09a";
}
.site-social-menu a[href*="flickr.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="flickr.com"]:before {
	content: "\f16e";
}
.site-social-menu a[href*="plus.google.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="plus.google.com"]:before {
	content: "\f0d5";
}
.site-social-menu a[href*="github.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="github.com"]:before {
	content: "\f09b";
}
.site-social-menu a[href*="instagram.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="instagram.com"]:before {
	content: "\f16d";
}
.site-social-menu a[href*="linkedin.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="linkedin.com"]:before {
	content: "\f0e1";
}
.site-social-menu a[href*="pinterest.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="pinterest.com"]:before {
	content: "\f0d2";
}
.site-social-menu a[href*="reddit.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="reddit.com"]:before {
	content: "\f1a1";
}
.site-social-menu a[href*="skype.com"]:before,
.site-social-menu a[href*="skype:"]:before:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="skype.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="skype:"]:before:before {
	content: "\f17e";
}
.site-social-menu a[href*="stumbleupon.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="stumbleupon.com"]:before {
	content: "\f1a4";
}
.site-social-menu a[href*="tumblr.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="tumblr.com"]:before {
	content: "\f173";
}
.site-social-menu a[href*="twitter.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="twitter.com"]:before {
	content: "\f099";
}
.site-social-menu a[href*="vimeo.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="vimeo.com"]:before {
	content: "\f194";
}
.site-social-menu a[href*="wordpress.com"]:before,
.site-social-menu a[href*="wordpress.org"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="wordpress.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="wordpress.org"]:before {
	content: "\f19a";
}
.site-social-menu a[href*="youtube.com"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="youtube.com"]:before {
	content: "\f167";
}
.site-social-menu a[href*="mailto:"]:before,
.widget_nav_menu div[class^="menu-social-"] a[href*="mailto:"]:before {
	content: "\f003";
}

/*--------------------------------------------------------------
4.6 Navigation Elements
--------------------------------------------------------------*/

/* Navigations */
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after {
	content: '';
	display: table;
}
.navigation:after,
.nav-links:after {
	clear: both;
}

/* Navigations Common */
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .pagination,
.site-main .image-navigation {
	margin: 0;
	overflow: hidden;
	text-align: center;
}
.site-main .image-navigation {
	margin: 0 0 50px;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.image-navigation .nav-previous,
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.image-navigation .nav-next {
	border: 1px solid #ebebeb;
	display: inline-block;
	margin: 0 1px;
	padding: 0;
}
.comment-navigation .nav-previous {
	border: none;
}
.comment-navigation .nav-next {
	border: none;
}

.comment-navigation .nav-previous a,
.comment-navigation .nav-previous a:visited,
.paging-navigation .nav-previous a,
.paging-navigation .nav-previous a:visited,
.image-navigation .nav-previous a,
.image-navigation .nav-previous a:visited,
.comment-navigation .nav-next a,
.comment-navigation .nav-next a:visited,
.paging-navigation .nav-next a,
.paging-navigation .nav-next a:visited,
.image-navigation .nav-next a,
.image-navigation .nav-next a:visited {
	color: #999;
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 2px;
	letter-spacing: .2rem;
	padding: 16px 22px;
	text-transform: uppercase;
}
.comment-navigation .nav-previous a:hover,
.comment-navigation .nav-previous a:focus,
.comment-navigation .nav-previous a:active,
.paging-navigation .nav-previous a:hover,
.paging-navigation .nav-previous a:focus,
.paging-navigation .nav-previous a:active,
.image-navigation .nav-previous a:hover,
.image-navigation .nav-previous a:focus,
.image-navigation .nav-previous a:active,
.comment-navigation .nav-next a:hover,
.comment-navigation .nav-next a:focus,
.comment-navigation .nav-next a:active,
.paging-navigation .nav-next a:hover,
.paging-navigation .nav-next a:focus,
.paging-navigation .nav-next a:active,
.image-navigation .nav-next a:hover,
.image-navigation .nav-next a:focus,
.image-navigation .nav-next a:active {
	color: #a60212;
}

.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after,
.paging-navigation .nav-previous a:before,
.paging-navigation .nav-next a:after,
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after {
	color: #cd0215;
}
.comment-navigation .nav-previous a:before,
.paging-navigation .nav-previous a:before,
.image-navigation .nav-previous a:before {
	content: "\f053";
	margin: 0 5px 0 0;
}
.comment-navigation .nav-next a:after,
.paging-navigation .nav-next a:after,
.image-navigation .nav-next a:after {
	content: "\f054";
	margin: 0 0 0 5px;
}
.comment-navigation .nav-previous .meta-nav,
.comment-navigation .nav-next .meta-nav,
.paging-navigation .nav-previous .meta-nav,
.paging-navigation .nav-next .meta-nav,
.image-navigation .nav-previous .meta-nav,
.image-navigation .nav-next .meta-nav {
	display: none;
}

/* Pagination @since Wordpress 4.1.0 */
.pagination .page-numbers {
	display: inline-block;
}
.pagination .page-numbers {
	border: 1px solid #020202;
	color: #020202;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	letter-spacing: 0.2rem;
	margin: 0;
	padding: 8px 24px;
	text-transform: uppercase;
	text-decoration: none;
}
.pagination .page-numbers:hover {
	color: #666;
}
.pagination .current.page-numbers {
	background: #020202;
	color: #fff;
}
.pagination .prev.page-numbers:before {
	content: "\f053";
}
.pagination .next.page-numbers:after {
	content: "\f054";
}

/* Post Navigation */
.post-navigation {
	margin: 0 auto 100px;
	padding: 0;
	position: relative;
	width: 100%;
}
.post-navigation .nav-previous {
	border-right: 5px solid #fff;
	float: left;
	width: 50%;
}
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.post-navigation a,
.post-navigation a:visited {
	background: #fcfcfc;
	color: #666;
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
	min-height: 110px;
	padding: 20px 0;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.post-navigation a:hover,
.post-navigation a:focus,
.post-navigation a:active {
	background: #fafafa;
}
.post-navigation .nav-previous a {
	padding-left: 80px;
	padding-right: 40px;
}
.post-navigation .nav-next a {
	padding-left: 40px;
	padding-right: 80px;
}
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:after {
	color: #cd0215;
	font-size: 24px;
	font-size: 2.4rem;
	position: absolute;
	top: 20px;
}
.post-navigation .nav-previous a:before {
	content: "\f053";
	margin: 0 5px 0 0;
	left: 30px;
}
.post-navigation .nav-next a:after {
	content: "\f054";
	margin: 0 0 0 5px;
	right: 30px;
}
.post-navigation .nav-previous .meta-nav,
.post-navigation .nav-next .meta-nav {
	display: none;
}

/*--------------------------------------------------------------
5.0 Skeleton
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.1 Site Wrapper
--------------------------------------------------------------*/
.site-wrapper {
	background: #fff;
	position: relative;
}

/* Box layout for large display */
@media screen and ( min-width: 1200px ) {
	.layout-box .site-wrapper {
		width: 1230px;
		margin: 50px auto;
		-webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.175);
		box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.175);
	}
}

/*--------------------------------------------------------------
5.2 Header
--------------------------------------------------------------*/
.site-header {
	margin: 0;
	min-height: 180px;
	padding: 50px 0;
	position: relative;
}

/*--------------------------------------------------------------
5.3 Site Logo
--------------------------------------------------------------*/
.site-logo {
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
.site-logo img {
	display: inline-block;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
}

/*--------------------------------------------------------------
5.4 Site Branding
--------------------------------------------------------------*/
.has-site-branding .site-branding {
	margin: 0;
	overflow: hidden;
	padding: 0 50px;
	overflow: hidden;
	text-align: center;
}
.has-site-logo.has-site-branding .site-branding {
	margin: 30px 0 0;
}
.site-title {
	font-family: 'Oswald', sans-serif;
	font-size: 72px;
	font-size: 7.2rem;
	font-weight: 700;
	letter-spacing: 2.5px;
	letter-spacing: .35rem;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.site-title a,
.site-title a:visited {
	color: #020202;
	text-decoration: none;
}
.site-title a:hover,
.site-title a:focus,
.site-title a:active {
	color: #666;
}
.site-description {
	font-family: 'Lora', serif;
	font-size: 45px;
	font-size: 4.5rem;
	line-height: 1.3;
	margin: 30px 0 0;
	padding: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/*--------------------------------------------------------------
5.5 Site Content
--------------------------------------------------------------*/
.site-content {
	margin: 0;
	padding: 50px 0 100px;
}
.site-main {
	margin: 0;
	padding: 0 171px;
}
.right-sidebar .site-main {
	padding: 0 50px 0 0;
}
.left-sidebar .site-main {
	padding: 0 0 0 50px;
}
.has-full-width .site-main {
	padding: 0;
}

/*--------------------------------------------------------------
5.6 Sidebar
--------------------------------------------------------------*/
.sidebar {
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------
5.7 Footer
--------------------------------------------------------------*/

/* Site footer widgets */
.site-footer-widgets {
	border-top: 1px solid #f5f5f5;
	position: relative;
}
.site-footer-widgets-wrapper {
	padding: 50px 0 25px; /* 25px margin bottom is set for .widget */
}
.site-footer-widgets-wrapper .footer-sidebar-first {
	padding: 0 30px 0 0;
}
.site-footer-widgets-wrapper .footer-sidebar-second {
	padding: 0 15px;
}
.site-footer-widgets-wrapper .footer-sidebar-third {
	padding: 0 0 0 30px;
}

/* Site info */
.site-info {
	border-top: 1px solid #f5f5f5;
	padding: 60px 0;
}

/* Credits */
.credits {
	color: #020202;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}
.credits a,
.credits a:visited {
	color: #020202;
}
.credits a:hover,
.credits a:focus,
.credits a:active {
	color: #666;
}

/*--------------------------------------------------------------
6.0 Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
6.1 HEntry
--------------------------------------------------------------*/
.sticky {
}
.hentry,
.error-404,
.no-results {
	border-bottom: 1px solid #f5f5f5;
	margin: 0 0 40px;
	padding: 0 0 40px;
}
.hentry:last-of-type {
	margin: 0 0 100px;
}
.hentry-content {
	width: 100%;
}
.has-post-thumbnail .hentry-content {
	display: inline-block;
	vertical-align: middle;
	width: 56.40%;
	margin: 0;
	padding: 0;
}

/* Entry Title */
.entry-header {
	margin: 0 0 30px;
	padding: 0;
}
.entry-title {
	font-size: 28px;
	font-size: 2.8rem;
	margin: 0;
	padding: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.page-header {
	border-bottom: 1px solid #f5f5f5;
	margin: 0 0 40px;
	padding: 0 0 40px;
	text-align: center;
}
.not-found-page-header {
}
.page-title {
	font-size: 35px;
	font-size: 3.5rem;
	margin: 0;
	padding: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.page-title span {
	color: #cd0215;
}
.taxonomy-description {
	color: #999;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 1.2px;
	letter-spacing: .12rem;
	margin: 10px 0 0;
}

.entry-title a,
.entry-title a:visited,
.page-title a,
.page-title a:visited {
	color: #020202;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active,
.page-title a:hover,
.page-title a:focus,
.page-title a:active {
	color: #cd0215;
}

/* Post Thumbnail */
.post-thumbnail {
	display: inline-block;
	vertical-align: middle;
	width: 37.60%;
	margin: 0 40px 0 0;
	overflow: hidden;
}

/* Entry Content */
.entry-content,
.entry-summary,
.page-content {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}
.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child,
.entry-summary > h1:first-child,
.entry-summary > h2:first-child,
.entry-summary > h3:first-child,
.entry-summary > h4:first-child,
.entry-summary > h5:first-child,
.entry-summary > h6:first-child,
.page-content > h1:first-child,
.page-content > h2:first-child,
.page-content > h3:first-child,
.page-content > h4:first-child,
.page-content > h5:first-child,
.page-content > h6:first-child,
.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child {
	margin-top: 0;
}

/*--------------------------------------------------------------
6.2 Page Links
--------------------------------------------------------------*/
.page-links {
	clear: both;
	margin: 40px 0 0;
	padding: 0;
}
.format-gallery .page-links {
	margin: 35px 0;
}

.page-links a,
.page-links > span {
	border: 1px solid #020202;
	color: #020202;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 5px 0 0;
	padding: 1px 8px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
.page-links a {
	color: #020202;
	text-decoration: none;
}
.page-links a:hover {
	color: #666;
}
.page-links > .page-links-title {
	background: transparent;
	border: none;
	color: #666;
	display: none;
	margin: 0;
	padding: 0 7px 0 0;
}

/*--------------------------------------------------------------
6.3 More Link
--------------------------------------------------------------*/
.more-link-wrapper {
}
.more-link,
.more-link:visited {
	border: 1px solid #020202;
	color: #020202;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	letter-spacing: 0.2rem;
	padding: 8px 24px;
	text-transform: uppercase;
	text-decoration: none;
}
.more-link:hover,
.more-link:focus,
.more-link:active {
	color: #666;
}

/*--------------------------------------------------------------
6.4 Entry Meta
--------------------------------------------------------------*/
.entry-meta-header {
	margin: 0 0 5px;
	padding: 0;
}
.entry-meta {
	color: #999;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 1.2px;
	letter-spacing: .12rem;
	text-transform: uppercase;
}
.entry-meta ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.entry-meta ul > li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.entry-meta ul > li:before {
	content: ' \002F ';
	padding: 0 1px;
}
.entry-meta ul > li:first-child:before {
	display: none;
}
.entry-meta a,
.entry-meta a:visited {
	color: #999;
}
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:active {
	color: #a60212;
}

.entry-meta-footer {
	margin: 40px 0 0;
	padding: 0;
}
.entry-meta-footer a,
.entry-meta-footer a:visited {
	color: #cd0215;
}
.entry-meta-footer a:hover,
.entry-meta-footer a:focus,
.entry-meta-footer a:active {
	color: #a60212;
}

.tags-links:before,
.edit-link:before {
	content: ' \2022 ';
	padding: 0 6px;
}
.entry-featured {
	padding: 0 6px;
}
.posted-on {
}
.byline {
	font-style: italic;
	text-transform: none;
}
.author {
	font-style: normal;
	text-transform: uppercase;
}
.updated:not(.published) {
	display: none;
}

/*--------------------------------------------------------------
6.5 Media Elements
--------------------------------------------------------------*/
.hentry .mejs-container {
	margin: 0 0 18px;
}
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
	background: #333;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fff;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #cd0215;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: rgba(255,255,255,.33);
}
.hentry .mejs-container .mejs-controls .mejs-time {
	padding-top: 9px;
}
.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
}
.hentry .mejs-overlay-loading {
	background: transparent;
}

/*--------------------------------------------------------------
6.6 Entry Format
--------------------------------------------------------------*/
.entry-format {
}

/*--------------------------------------------------------------
6.7 Post Formats
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title,
.blog .format-quote .entry-title,
.archive .format-quote .entry-title {
	display: none;
}

/*--------------------------------------------------------------
6.8 Attachments
--------------------------------------------------------------*/
.entry-caption {
	margin: 0 0 35px 0;
	padding: 20px;
	text-align: center;
}

/*--------------------------------------------------------------
6.9 Comments
--------------------------------------------------------------*/
#comments {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
}
.comments-area-wrapper {
	background: #fff;
	margin-bottom: 50px;
	padding: 0;
}
.no-comments-wrapper {
	background: #f5f5f5;
	border-bottom: 1px solid #ebebeb;
	font-size: 18px;
	margin-top: -50px;
	padding: 25px;
	text-align: center;
}

/* Comments Title */
.comments-title {
	border-bottom: 1px solid #f5f5f5;
	color: #666;
	font-size: 28px;
	font-size: 2.8rem;
	margin: 0;
	padding: 0 0 10px;
	text-transform: uppercase;
}

/* Comment Navigation */
#comment-nav-above {
	margin: 0;
	padding: 50px 0 0;
}
#comment-nav-below {
	margin: 0;
	padding: 0 0 50px;
}

/* Comment List */
.comment-list {
	list-style: none;
	margin: 0 0 50px;
	padding: 50px 0 0;
}
.comment-list .children {
	list-style: none;
}

/* Comment Body */
.comment-list .comment-body {
	border-bottom: 1px solid #ebebeb;
	margin: 0 0 25px;
	position: relative;
	padding: 0 0 25px;
}
.comment-list .pingback .comment-body {
	padding-left: 0;
}
.comment-list .bypostauthor .comment-body {
	background: #fafafa;
	border-bottom: 3px solid #cd0215;
	padding: 25px;
}
.comment-list .comment-body {
	padding-left: 83px;
}
.comment-list .children .comment-body {
	padding-left: 54px;
}
.comment-list .bypostauthor .comment-body {
	padding-left: 108px;
}
.comment-list .children .bypostauthor .comment-body {
	padding-left: 79px;
}
.comment-list .comment-author .avatar {
	border: 1px solid #ebebeb;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
}
.comment-list .bypostauthor .comment-author .avatar {
	top: 25px;
	left: 25px;
}
.comment-list .comment-author .avatar {
	width: 68px;
	height: 68px;
}
.comment-list .children .comment-author .avatar {
	width: 39px;
	height: 39px;
}
.comment-list .comment-meta {
	font-size: 12px;
	margin-bottom: 15px;
}
.comment-list .comment-content {
	margin-bottom: 15px;
	word-wrap: break-word;
}
.comment-list .reply {
	font-size: 12px;
	text-transform: uppercase;
}
.comment-list .comment-author .fn {
	font-weight: 900;
}
.comment-list .comment-author .fn a,
.comment-list .comment-author .fn a:visited {
	color: #333;
}
.comment-list .comment-author .fn a:hover,
.comment-list .comment-author .fn a:focus,
.comment-list .comment-author .fn a:active {
	color: #999;
}
.comment-list .says {
	display: none;
}
.comment-list .edit-link {
	margin-left: 15px;
}
.comment-list .comment-awaiting-moderation {
	color: #cd0215;
	margin-top: 10px;
}

/* Comment Form */
.comment-respond {
	background: #fff;
	margin: 0;
	padding: 0;
	position: relative;
}
.comment-list .comment-respond {
	padding: 0 0 25px;
}
.comment-respond .comment-reply-title {
	margin: 0 0 10px;
}
.comment-respond .logged-in-as {
}
.comment-respond .comment-notes,
.comment-respond .logged-in-as,
.comment-respond .form-allowed-tags,
.comment-respond .form-allowed-tags code {
	font-size: 13px;
}
.comment-respond .comment-form label {
	display: block;
}
.comment-respond .required {
	color: #c0392b;
}
.comment-respond #cancel-comment-reply-link {
	color: #c0392b;
	font-size: 14px;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	right: 0;
}

/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
.widget {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 50px;
	width: 100%;
	word-wrap: break-word;
}

/* Widget Title */
.widget-title {
	color: #020202;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 20px;
	padding: 0 0 10px;
	text-transform: uppercase;
}

/* Widget Links */
.widget a,
.widget a:visited {
	color: #020202;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	color: #666;
}

/* Error404 Widget Links */
.error404 .widget a,
.error404 .widget a:visited {
	color: #999;
}
.error404 .widget a:hover,
.error404 .widget a:focus,
.error404 .widget a:active {
	color: #a60212;
}

/* Widget List */
.widget ul,
.widget ol {
	list-style: none;
	margin: 0;
}
.widget li > ul,
.widget li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
.widget li {
	border-top: 1px solid #f5f5f5;
	padding: 12px 0;
	position: relative;
}
.widget li:first-child {
	border-top: 0;
}
.widget li ul {
	margin-top: 9px;
}
.widget li li:last-child {
	padding-bottom: 0;
}

/* Error404 Widget List */
.error404 .widget li {
	border-top: 1px solid #ebebeb;
}

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

/*--------------------------------------------------------------
7.1 Search Form Widget
--------------------------------------------------------------*/
.search-form {
	margin: 0;
	padding: 0;
	position: relative;
}
.content-area form.search-form {
	margin-bottom: 30px;
}
.search-form input[type="search"] {
	padding: 12px 8px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search-form input[type="submit"] {
	display: none;
}

/*--------------------------------------------------------------
7.2 Tag Cloud Widget
--------------------------------------------------------------*/
.widget_tag_cloud > div:before,
.widget_tag_cloud > div:after {
  content: '';
  display: table;
}

.widget_tag_cloud > div:after {
  clear: both;
}

.widget_tag_cloud a,
.widget_tag_cloud a:visited {
  border: 1px solid #f5f5f5;
  color: #020202;
  margin: 0 6px 6px 0;
  padding: 6px 13px;
  float: left;
  font-size: 13px !important;
  font-size: 1.3rem !important;
  text-decoration: none;
  text-transform: uppercase;
}

.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus,
.widget_tag_cloud a:active {
  color: #666;
}

/*--------------------------------------------------------------
7.3 Custom Menu Widget
--------------------------------------------------------------*/
.widget_nav_menu ul.sub-menu {
	display: none;
}
.widget_nav_menu ul.toggle-on {
	display: block;
}
.widget_nav_menu .custom-menu-toggle {
	display: inline-block;
	position: absolute;
	text-align: center;
	top: 16px;
	right: 0;
	width: 18px;
	height: 18px;
}
.widget_nav_menu .custom-menu-toggle:after {
	color: #020202;
	content: "\f067";
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	vertical-align: middle;
}
.widget_nav_menu .custom-menu-toggle:hover,
.widget_nav_menu .custom-menu-toggle:active {
	color: #666;
}
.widget_nav_menu .custom-menu-toggle:focus:after {
	color: #cd0215;
}
.widget_nav_menu .custom-menu-toggle.toggle-on:after {
	color: #cd0215;
	content: "\f068";
}

/*--------------------------------------------------------------
7.4 Pages Widget
--------------------------------------------------------------*/
.widget_pages ul.children {
	display: none;
}
.widget_pages ul.toggle-on {
	display: block;
}
.widget_pages .page-toggle {
	display: inline-block;
	position: absolute;
	text-align: center;
	top: 16px;
	right: 0;
	width: 18px;
	height: 18px;
}
.widget_pages .page-toggle:after {
	color: #020202;
	content: "\f067";
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	vertical-align: middle;

}
.widget_pages .page-toggle:hover,
.widget_pages .page-toggle:active {
	color: #666;
}
.widget_pages .page-toggle:focus:after {
	color: #cd0215;
}
.widget_pages .page-toggle.toggle-on:after {
	color: #cd0215;
	content: "\f068";
}

/*--------------------------------------------------------------
7.5 Categories Widget
--------------------------------------------------------------*/
.widget_categories ul.children {
	display: none;
}
.widget_categories ul.toggle-on {
	display: block;
}
.widget_categories .category-toggle {
	display: inline-block;
	position: absolute;
	text-align: center;
	top: 16px;
	right: 0;
	width: 18px;
	height: 18px;
}
.widget_categories .category-toggle:after {
	color: #020202;
	content: "\f067";
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	vertical-align: middle;

}
.widget_categories .category-toggle:hover,
.widget_categories .category-toggle:active {
	color: #666;
}
.widget_categories .category-toggle:focus:after {
	color: #cd0215;
}
.widget_categories .category-toggle.toggle-on:after {
	color: #cd0215;
	content: "\f068";
}

/*--------------------------------------------------------------
7.6 Postlist Widget
--------------------------------------------------------------*/
.widget-postlist-dicot:before,
.widget-postlist-dicot:after,
.widget-postlist-dicot ul:before,
.widget-postlist-dicot ul:after,
.widget-postlist-dicot ul li:before,
.widget-postlist-dicot ul li:after {
	content: '';
	display: table;
}
.widget-postlist-dicot:after,
.widget-postlist-dicot ul:after,
.widget-postlist-dicot ul li:after {
	clear: both;
}
.widget-postlist-dicot .postlist-thumbnail {
	float: left;
	margin: 0 15px 15px 0;
	overflow: hidden;
	width: 70px;
	height: 70px;
}
.widget-postlist-dicot .postlist-title {
	clear: none;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 5px;
	padding: 0;
}
.widget-postlist-dicot .postlist-date {
	color: #999;
	font-size: 12px;
	font-size: 1.2rem;
}

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

/*--------------------------------------------------------------
8.1 Captions
--------------------------------------------------------------*/

/* Attachment Caption */
.entry-caption {
	color: #999;
	font-size: 13px;
	font-size: 1.3rem;
	font-style: italic;
	border: 1px solid #eee;
	margin: 0 0 35px;
	padding: 25px 150px;
	text-align: center;
}

/* WP Caption */
.wp-caption {
	border: 1px solid #eee;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	color: #999;
	font-size: 13px;
	font-size: 1.3rem;
	font-style: italic;
	margin: 0;
	padding: 25px 35px;
	text-align: center;
}
.wp-caption.alignleft .wp-caption-text,
.wp-caption.alignright .wp-caption-text,
.sidebar .wp-caption-text {
	padding: 15px 10px;
}

/*--------------------------------------------------------------
8.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin: 0 0 40px;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	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-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #999;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 10px 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/*--------------------------------------------------------------
9.0 Utilities
--------------------------------------------------------------*/

/*--------------------------------------------------------------
9.1 Overlay Effect
--------------------------------------------------------------*/
.overlay-effect {
	background: #141414;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 1000;
	-webkit-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.overlay-effect.open {
	opacity: .4;
	visibility: visible;
}

/*--------------------------------------------------------------
9.2 Preloader Effect
--------------------------------------------------------------*/
.preloader-effect {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.preloader-effect .preloader-effect-inside {
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}

/* Preloader Spinner Skip */
.preloader-effect .preloader-skip {
	display: none;
	margin: 30px auto 0;
	position: relative;
}
.preloader-effect .preloader-skip a,
.preloader-effect .preloader-skip a:visited {
	border: 1px solid #f5f5f5;
	color: #999;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	letter-spacing: 0.2rem;
	padding: 8px 24px;
	text-transform: uppercase;
	text-decoration: none;
}
.preloader-effect .preloader-skip a:hover,
.preloader-effect .preloader-skip a:focus,
.preloader-effect .preloader-skip a:active {
	color: #666;
}

/* Preloader Spinner Alt */
.preloader-spinner-alt {
  color: #999;
  display: none;
  font-size: 14px;
  font-size: 1.4rem;
}
.no-csstransitions .preloader-spinner-alt {
  display: block;
}

/* Preloader Spinner */
.preloader-effect .preloader-spinner {
	display: none;
	margin: -60px auto 0;
	position: relative;
	width: 40px;
	height: 40px;
}
.csstransitions .preloader-spinner {
  display: block;
}
.preloader-effect .double-bounce1,
.preloader-effect .double-bounce2 {
	background: #999;
	border-radius: 50%;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: bounce 2.0s infinite ease-in-out;
	animation: bounce 2.0s infinite ease-in-out;
}
.preloader-effect .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
	0%, 100% {
		-webkit-transform: scale(0.0)
	}
	50% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes bounce {
	0%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/*--------------------------------------------------------------
9.3 Scroll Up
--------------------------------------------------------------*/
#scrollUp {
    bottom: 20px;
    right: 20px;
}
a#scrollUp,
a#scrollUp:visited {
	color: #707070;
}
a#scrollUp:hover,
a#scrollUp:focus,
a#scrollUp:active {
	color: #222;
}
#scrollUp span {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	border: 5px solid #f0f0f0;
	background-color: #fff;
	text-align: center;
}
#scrollUp span i {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	margin: 9px 0 0 0;
}

/*--------------------------------------------------------------
9.4 Misc
--------------------------------------------------------------*/
.img-featured,
.img-featured-content,
.img-postlist {
	opacity: 1;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.img-featured:hover,
.img-featured-content:hover,
.img-postlist:hover {
	opacity: 0.5;
}

/*--------------------------------------------------------------
10.0 Jetpack
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.1 Share Daddy
--------------------------------------------------------------*/
.hentry .sharedaddy {
	margin: 40px 0 0;
}
.hentry .sharedaddy .sd-block {
	border-top: 1px solid #f5f5f5;
	padding: 35px 0 0;
}
.hentry .sharedaddy h3.sd-title:before {
	display: none;
}

/*--------------------------------------------------------------
10.2 Related Posts
--------------------------------------------------------------*/
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title {
	margin: 0 0 10px;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-img {
	margin: 0 0 10px;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a,
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:visited {
	color: #020202;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover,
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:focus,
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:active {
	color: #666;
}

/*--------------------------------------------------------------
10.3 Infinite Scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll .pagination, /* Pagination 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;
}

/* Infinite Loader */
.infinite-scroll .infinite-loader {
  color: #999;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 35px;
  height: 1.5rem;
}

/* Infinite handle */
.infinite-scroll #infinite-handle {
	position: relative;
	text-align: center;
}
.infinite-scroll #infinite-handle span {
	background: #fff;
	border: 1px solid #020202;
	color: #020202;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	letter-spacing: 0.2rem;
	padding: 8px 100px;
	text-transform: uppercase;
	text-decoration: none;
}
.infinite-scroll #infinite-handle span:hover,
.infinite-scroll #infinite-handle span:focus,
.infinite-scroll #infinite-handle span:active {
	color: #666;
}

/*--------------------------------------------------------------
10.4 Gallery
--------------------------------------------------------------*/
.format-gallery .tiled-gallery {
	 max-width: 100%;
	 margin: 40px 0;
}

/*--------------------------------------------------------------
10.5 WP Stats
--------------------------------------------------------------*/
img#wpstats,
img[id*="botd"] {
	position: absolute;
	top: -9999px;
}

/*--------------------------------------------------------------
11.0 Media Queries
--------------------------------------------------------------*/
/* For Medium Devices */
@media screen and ( min-width: 992px ) and ( max-width: 1199px ) {

	/* Blockquote */
	blockquote {
		font-size: 30px;
		font-size: 3.0rem;
		padding: 15px 80px 0;
	}
	blockquote.alignright,
	blockquote.alignleft {
		font-size: 26px;
		font-size: 2.6rem;
	}

	/* Site Branding */
	.site-title {
		font-size: 65px;
		font-size: 6.5rem;
	}
	.site-description {
		font-size: 35px;
		font-size: 3.5rem;
	}

	/* Superfish Menu */
	.sf-menu a,
	.sf-menu a:visited {
		padding: 20px 10px;
	}

	/* Post Navigation */
	.post-navigation a {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.post-navigation .nav-previous a {
		padding-left: 70px;
		padding-right: 20px;
	}
	.post-navigation .nav-next a {
		padding-left: 20px;
		padding-right: 70px;
	}

	/* Site Content */
	.site-main {
		padding: 0 75px;
	}

	/* HEntry */
	.right-sidebar .has-post-thumbnail .hentry-content,
	.left-sidebar .has-post-thumbnail .hentry-content {
		width: 49.40%;
	}

	/* Entry Title */
	.right-sidebar.blog .entry-title,
	.right-sidebar.archive .entry-title,
	.right-sidebar.blog .page-title,
	.right-sidebar.archive .page-title,
	.left-sidebar.blog .entry-title,
	.left-sidebar.archive .entry-title,
	.left-sidebar.blog .page-title,
	.left-sidebar.archive .page-title {
		font-size: 25px;
		font-size: 2.5rem;
	}

	/* Post Thumbnail */
	.right-sidebar .post-thumbnail,
	.left-sidebar .post-thumbnail {
		width: 43.60%;
	}

	/* Postlist Widget */
	.widget-postlist-dicot .postlist-thumbnail {
		margin: 0 15px 16px 0;
	}
	.widget-postlist-dicot .postlist-title {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.widget-postlist-dicot .postlist-date {
		font-size: 11px;
		font-size: 1.1rem;
	}

}

/* For Small Devices */
@media screen and ( min-width: 768px ) and ( max-width: 991px ) {

	/* Blockquote */
	blockquote {
		font-size: 30px;
		font-size: 3.0rem;
		padding: 15px 80px 0;
	}
	blockquote.alignright,
	blockquote.alignleft {
		font-size: 26px;
		font-size: 2.6rem;
	}

	/* Site Branding */
	.has-site-logo.has-site-branding .site-branding {
		margin: 20px 0 0;
	}
	.site-title {
		font-size: 62px;
		font-size: 6.2rem;
	}
	.site-description {
		font-size: 27px;
		font-size: 2.7rem;
		margin: 20px 0 0;
	}

	/* Superfish Menu */
	.sf-menu a,
	.sf-menu a:visited {
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: 1px;
		letter-spacing: 0.1rem;
		padding: 20px 7px;
	}

	/* Post Navigation */
	.post-navigation a {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.post-navigation .nav-previous a {
		padding-left: 70px;
		padding-right: 20px;
	}
	.post-navigation .nav-next a {
		padding-left: 20px;
		padding-right: 70px;
	}

	/* Site Content */
	.site-content {
		margin: 0;
		padding: 40px 0 10px;
	}
	.site-main,
	.right-sidebar .site-main,
	.left-sidebar .site-main {
		padding: 0 20px 100px;
	}

	/* Sidebar */
	.sidebar {
		margin: 0;
		padding: 0 20px;
	}

	/* HEntry */
	.has-post-thumbnail .hentry-content {
		width: 50.40%;
	}

	/* Entry Title */
	.blog .entry-title,
	.archive .entry-title,
	.blog .page-title,
	.archive .page-title {
		font-size: 27px;
		font-size: 2.7rem;
	}

	/* Post Thumbnail */
	.post-thumbnail {
		width: 42.60%;
	}

	/* Site footer widgets */
	.site-footer-widgets-wrapper .footer-sidebar-first {
		padding: 0 20px;
	}
	.site-footer-widgets-wrapper .footer-sidebar-second {
		padding: 0 10px;
	}
	.site-footer-widgets-wrapper .footer-sidebar-third {
		padding: 0 20px;
	}

}

/* For Phablet Devices */
@media screen and ( min-width: 600px ) and ( max-width: 767px ) {

	/* Blockquote */
	blockquote {
		font-size: 28px;
		font-size: 2.8rem;
		padding: 15px 80px 0;
	}
	blockquote.alignright,
	blockquote.alignleft {
		font-size: 24px;
		font-size: 2.4rem;
	}

	/* Site Logo */
	.site-logo {
		padding: 0 10px;
	}

	/* Site Branding */
	.has-site-branding .site-branding {
		padding: 0 15px;
	}
	.has-site-logo.has-site-branding .site-branding {
		margin: 20px 0 0;
	}
	.site-title {
		font-size: 58px;
		font-size: 5.8rem;
	}
	.site-description {
		font-size: 25px;
		font-size: 2.5rem;
		margin: 20px 0 0;
	}

	/* Toogle Menu */
	.site-primary-menu {
		display: none;
	}
	.toggle-menu-wrapper {
		display: block;
	}

	/* Secondary Menu */
	.secondary-menu a,
	.secondary-menu a:visited {
		font-size: 13px;
		font-size: 1.3rem;
		padding: 8px 4px;
	}

	/* Social Menu */
	.site-social-menu ul li {
		margin: 10px 6px;
	}
	.site-social-menu a {
		font-size: 15px;
		font-size: 1.5rem;
	}

	/* Post Navigation */
	.post-navigation a {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.post-navigation .nav-previous a {
		padding-left: 70px;
		padding-right: 20px;
	}
	.post-navigation .nav-next a {
		padding-left: 20px;
		padding-right: 70px;
	}

	/* Header */
	.site-header {
		padding: 40px 0;
	}

	/* Site Content */
	.site-content {
		margin: 0;
		padding: 40px 0 10px;
	}
	.site-main,
	.right-sidebar .site-main,
	.left-sidebar .site-main {
		padding: 0 20px 80px;
	}

	/* Sidebar */
	.sidebar {
		margin: 0;
		padding: 0 20px;
	}

	/* HEntry */
	.hentry:last-of-type {
		margin: 0 0 80px;
	}
	.has-post-thumbnail .hentry-content {
		width: 51.40%;
	}

	/* Entry Title */
	.blog .entry-title,
	.archive .entry-title,
	.blog .page-title,
	.archive .page-title {
		font-size: 25px;
		font-size: 2.5rem;
	}

	/* Post Thumbnail */
	.post-thumbnail {
		width: 40.60%;
	}

	/* Site footer widgets */
	.site-footer-widgets-wrapper .footer-sidebar-first {
		padding: 0 20px;
	}
	.site-footer-widgets-wrapper .footer-sidebar-second {
		padding: 0 10px;
	}
	.site-footer-widgets-wrapper .footer-sidebar-third {
		padding: 0 20px;
	}

}

/* For Phablet Devices: Minor Tweaks */
@media screen and ( min-width: 600px ) and ( max-width: 640px ) {

	/* Blockquote */
	blockquote {
		font-size: 24px;
		font-size: 2.4rem;
		padding: 15px 60px 0;
	}
	blockquote.alignright,
	blockquote.alignleft {
		font-size: 22px;
		font-size: 2.2rem;
		max-width: 240px;
	}
	.format-quote blockquote {
		padding: 60px 60px;
	}

	/* Secondary Menu */
	.secondary-menu a,
	.secondary-menu a:visited {
		font-size: 13px;
		font-size: 1.3rem;
		letter-spacing: 1px;
		letter-spacing: 0.1rem;
		padding: 8px 4px;
	}

	/* HEntry */
	.has-post-thumbnail .hentry-content {
		width: 50.40%;
	}

	/* Entry Title */
	.blog .format-standard.has-post-thumbnail .entry-header,
	.archive .format-standard.has-post-thumbnail .entry-header {
		margin: 0;
	}

	/* Entry Meta */
	.has-post-thumbnail .entry-meta ul > li:nth-child(1),
	.has-post-thumbnail .entry-meta ul > li:nth-child(3),
	.has-post-thumbnail .entry-meta ul > li:nth-child(2):before {
		display: none;
	}

	/* More Link */
	.more-link-wrapper {
		display: none;
	}

}

/* For Extra Small Devices */
@media screen and ( min-width: 360px ) and ( max-width: 599px ) {

	/* Global */
	body,
	button,
	input,
	select,
	textarea {
		font-size: 14px;
		font-size: 1.4rem;
	}

	/* Blockquote */
	blockquote {
		font-size: 22px;
		font-size: 2.2rem;
		padding: 40px 10px 0;
	}
	blockquote.alignright,
	blockquote.alignleft {
		font-size: 20px;
		font-size: 2.0rem;
		max-width: 170px;
	}
	blockquote.alignleft {
		margin: 0 1em 1em 0;
	}
	blockquote.alignright {
		margin: 0 0 1em 1em;
	}
	p + blockquote,
	blockquote + blockquote {
		margin: 10px auto 40px;
	}
	blockquote:before {
		font-size: 28px;
		font-size: 2.8rem;
	}
	blockquote cite,
	blockquote cite a,
	blockquote cite a:visited {
		margin: 40px 0 0;
	}
	.format-quote blockquote {
		padding: 40px 40px;
	}

	/* Site Logo */
	.site-logo {
		padding: 0 10px;
	}

	/* Site Branding */
	.has-site-branding .site-branding {
		padding: 0 15px;
	}
	.has-site-logo.has-site-branding .site-branding {
		margin: 20px 0 0;
	}
	.site-title {
		font-size: 48px;
		font-size: 4.8rem;
	}
	.site-description {
		font-size: 22px;
		font-size: 2.2rem;
		margin: 20px 0 0;
	}

	/* Toogle Menu */
	.site-primary-menu {
		display: none;
	}
	.toggle-menu-wrapper {
		display: block;
	}

	/* Site Primary Menu Responsive */
	.site-primary-menu-responsive {
		left: -320px;
		width: 320px;
	}

	/* Secondary Menu */
	.secondary-menu a,
	.secondary-menu a:visited {
		font-size: 13px;
		font-size: 1.3rem;
		letter-spacing: 1px;
		letter-spacing: 0.1rem;
		padding: 8px 4px;
	}

	/* Social Menu */
	.site-social-menu ul li {
		margin: 10px 6px;
	}
	.site-social-menu a {
		font-size: 14px;
		font-size: 1.4rem;
	}

	/* Pagination @since Wordpress 4.1.0 */
	.pagination .page-numbers {
		display: none;
	}
	.pagination .prev.page-numbers,
	.pagination .next.page-numbers {
		display: inline-block;
	}

	/* Post Navigation */
	.post-navigation .nav-previous {
		border: none;
		float: none;
		margin: 0 0 4px;
		width: 100%;
	}
	.post-navigation .nav-next {
		float: none;
		text-align: right;
		width: 100%;
	}

	/* Header */
	.site-header {
		padding: 40px 0;
	}

	/* Site Content */
	.site-content {
		margin: 0;
		padding: 40px 0 10px;
	}
	.site-main,
	.right-sidebar .site-main,
	.left-sidebar .site-main {
		padding: 0 20px 80px;
	}

	/* Sidebar */
	.sidebar {
		margin: 0;
		padding: 0 20px;
	}

	/* HEntry */
	.hentry:last-of-type {
		margin: 0 0 80px;
	}
	.has-post-thumbnail .hentry-content {
		width: 43.40%;
	}

	/* Entry Title */
	.blog .format-standard.has-post-thumbnail .entry-header,
	.archive .format-standard.has-post-thumbnail .entry-header {
		margin: 0;
	}
	.entry-title,
	.page-title {
		font-size: 28px;
		font-size: 2.8rem;
	}
	.blog .format-standard.has-post-thumbnail .entry-title,
	.archive .format-standard.has-post-thumbnail .entry-title,
	.blog .format-standard.has-post-thumbnail .page-title,
	.archive .format-standard.has-post-thumbnail .page-title {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.blog .entry-title,
	.archive .entry-title,
	.blog .page-title,
	.archive .page-title {
		font-size: 18px;
		font-size: 1.8rem;
	}

	/* Post Thumbnail */
	.post-thumbnail {
		width: 45.60%;
		margin: 0 30px 0 0;
	}

	/* Entry Meta */
	.has-post-thumbnail .entry-meta ul > li:nth-child(1),
	.has-post-thumbnail .entry-meta ul > li:nth-child(3),
	.has-post-thumbnail .entry-meta ul > li:nth-child(2):before {
		display: none;
	}

	/* More Link */
	.more-link-wrapper {
		display: none;
	}

	/* Site footer widgets */
	.site-footer-widgets-wrapper .footer-sidebar-first {
		padding: 0 20px;
	}
	.site-footer-widgets-wrapper .footer-sidebar-second {
		padding: 0 20px;
	}
	.site-footer-widgets-wrapper .footer-sidebar-third {
		padding: 0 20px;
	}

	/* Credits */
	.credits {
		font-size: 11px;
		font-size: 1.1rem;
	}

	/* Infinite Scroll */
	.infinite-scroll #infinite-handle span {
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: 2px;
		letter-spacing: 0.2rem;
		padding: 8px 50px;
	}

}

/* For Extra Small Devices: Minor Tweaks */
@media screen and ( min-width: 360px ) and ( max-width: 384px ) {

	/* HEntry */
	.has-post-thumbnail .hentry-content {
		width: 42.40%;
	}

}

/* For Very Extra Samll Devices */
@media screen and ( max-width: 359px ) {

	/* Global */
	body,
	button,
	input,
	select,
	textarea {
		font-size: 14px;
		font-size: 1.4rem;
	}

	/* Blockquote */
	blockquote {
		font-size: 18px;
		font-size: 1.8rem;
		padding: 20px 0 0;
	}
	blockquote.alignright,
	blockquote.alignleft {
		display: inline-block;
		float: none;
		font-size: 18px;
		font-size: 1.8rem;
		max-width: 100%;
		margin: 0 auto 60px;
		padding: 20px 0 0;
	}
	p + blockquote,
	blockquote + blockquote {
		margin: 10px auto 20px;
	}
	blockquote:before {
		font-size: 24px;
		font-size: 2.4rem;
	}
	blockquote cite,
	blockquote cite a,
	blockquote cite a:visited {
		margin: 40px 0 0;
	}
	.format-quote blockquote {
		padding: 20px 20px;
	}

	/* Site Logo */
	.site-logo {
		padding: 0 10px;
	}

	/* Site Branding */
	.has-site-branding .site-branding {
		padding: 0 10px;
	}
	.has-site-logo.has-site-branding .site-branding {
		margin: 15px 0 0;
	}
	.site-title {
		font-size: 45px;
		font-size: 4.5rem;
	}
	.site-description {
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.5;
		margin: 15px 0 0;
	}

	/* Toogle Menu */
	.site-primary-menu {
		display: none;
	}
	.toggle-menu-wrapper {
		display: block;
	}

	/* Site Primary Menu Responsive */
	.site-primary-menu-responsive {
		left: -280px;
		width: 280px;
	}

	/* Secondary Menu */
	.secondary-menu a,
	.secondary-menu a:visited {
		font-size: 13px;
		font-size: 1.3rem;
		letter-spacing: 1px;
		letter-spacing: 0.1rem;
		padding: 8px 4px;
	}

	/* Social Menu */
	.site-social-menu ul li {
		margin: 10px 6px;
	}
	.site-social-menu a {
		font-size: 14px;
		font-size: 1.4rem;
	}

	/* Navigations Common */
	.comment-navigation .nav-previous,
	.paging-navigation .nav-previous,
	.image-navigation .nav-previous,
	.comment-navigation .nav-next,
	.paging-navigation .nav-next,
	.image-navigation .nav-next {
		margin: 4px 0;
	}

	/* Pagination @since Wordpress 4.1.0 */
	.pagination .page-numbers {
		display: none;
	}
	.pagination .prev.page-numbers,
	.pagination .next.page-numbers {
		display: inline-block;
	}

	/* Post Navigation */
	.post-navigation .nav-previous {
		border: none;
		float: none;
		margin: 0 0 4px;
		width: 100%;
	}
	.post-navigation .nav-next {
		float: none;
		text-align: right;
		width: 100%;
	}

	/* Header */
	.site-header {
		padding: 25px 0;
	}

	/* Site Content */
	.site-content {
		margin: 0;
		padding: 40px 0 10px;
	}
	.site-main,
	.right-sidebar .site-main,
	.left-sidebar .site-main {
		padding: 0 2px 80px;
	}

	/* Sidebar */
	.sidebar {
		margin: 0;
		padding: 0 2px;
	}

	/* HEntry */
	.hentry:last-of-type {
		margin: 0 0 80px;
	}
	.has-post-thumbnail .hentry-content {
		width: 48.40%;
	}

	/* Entry Title */
	.blog .format-standard.has-post-thumbnail .entry-header,
	.archive .format-standard.has-post-thumbnail .entry-header {
		margin: 0;
	}
	.entry-title,
	.page-title {
		font-size: 24px;
		font-size: 2.4rem;
	}
	.blog .format-standard.has-post-thumbnail .entry-title,
	.archive .format-standard.has-post-thumbnail .entry-title,
	.blog .format-standard.has-post-thumbnail .page-title,
	.archive .format-standard.has-post-thumbnail .page-title {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.blog .entry-title,
	.archive .entry-title,
	.blog .page-title,
	.archive .page-title {
		font-size: 18px;
		font-size: 1.8rem;
	}

	/* Post Thumbnail */
	.post-thumbnail {
		width: 45.60%;
		margin: 0 10px 0 0;
	}

	/* Entry Meta */
	.has-post-thumbnail .entry-meta ul > li:nth-child(1),
	.has-post-thumbnail .entry-meta ul > li:nth-child(3),
	.has-post-thumbnail .entry-meta ul > li:nth-child(2):before {
		display: none;
	}
	.entry-meta {
		font-size: 11px;
		font-size: 1.1rem;
		letter-spacing: 1px;
		letter-spacing: .1rem;
	}

	/* More Link */
	.more-link-wrapper {
		display: none;
	}

	/* Site footer widgets */
	.site-footer-widgets-wrapper .footer-sidebar-first {
		padding: 0 2px;
	}
	.site-footer-widgets-wrapper .footer-sidebar-second {
		padding: 0 2px;
	}
	.site-footer-widgets-wrapper .footer-sidebar-third {
		padding: 0 2px;
	}

	/* Credits */
	.credits {
		font-size: 9px;
		font-size: 0.9rem;
	}

	/* Infinite Scroll */
	.infinite-scroll #infinite-handle span {
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: 2px;
		letter-spacing: 0.2rem;
		padding: 8px 50px;
	}


}