/*
Theme Name: Simplex Munk
Theme URI: http://thememunk.com/theme/simplex-munk/
Author: ThemeMunk
Author URI: http://thememunk.com/
Description: Simplex Munk is a WordPress theme that can be used for blogging. It is a modern and stylish theme. The clean and elegant theme design is built with HTML5,  CSS3 and JQuery and is fully responsive and easy to navigate on various types of displays from desktops to mobile. The theme features a full range of custom menu, custom footer, custom sticky posts banner and customizer options to create a visually appealing website.
Version: 1.0.15
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simplex-munk
Tags: one-column, two-columns, right-sidebar, custom-menu, custom-logo, custom-background, editor-style, featured-images, sticky-post, footer-widgets, threaded-comments, translation-ready, theme-options, blog

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.

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

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

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

body {
	margin: 0;
	text-align: justify;
}

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;
}

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

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;
}

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

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-top: 0;
}

p {
	margin-bottom: 1.5em;
	margin-top: 0;
}

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

blockquote {
	margin: 0 1.5em;
}

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%;
}

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

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

body {
	background: #f4f4f4; /* Fallback for when there is no custom background color defined. */
	font-family: 'Source Sans Pro', sans-serif;
	color: #505050;
	font-size: 18px;
	line-height: 28px;
}

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

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

hr {
	background-color: #e2e2e2;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
	outline: none;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color:#E54028;
}

a:visited {
	color: #E54028;
}

a:hover,
a:focus,
a:active {
}

a:focus {
	outline: none;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	/*margin-top: 12px;*/
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align:center;
}
.main-navigation ul .menu-item-has-children:after{
	font-family: 'FontAwesome';
	position: absolute;
	right: -16%;
	top: 26%;
	content: "\f107";
	font-size: 15px;
}
.main-navigation ul ul .menu-item-has-children:after{
	content: "\f105";
	left: 70%;
}
.main-navigation li {
	display:inline-block;
	margin-left: 45px;
	position: relative;
}
.main-navigation li:first-child{
	margin-left: 0;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	color: #222222;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 22px 10px;
}
.main-navigation a:hover, .main-navigation .current-menu-item a{
	color: #cc2f18;
}
.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	border: 1px solid #e1e1e1;
	background: #fff;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 210px;
	padding-left: 26px;
}

.main-navigation ul ul li {
	margin-left: 0;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
	color: #cc2f18;
}


.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.focus > a {
	background: #f0f0f0;
	color: #222222;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {

}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;

}
.main-navigation ul ul li a:hover{
	background: #f0f0f0;
	color: #222222;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

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

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

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

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	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;
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.hentry {
	margin: 0 0 1.5em;
}

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

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

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

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

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

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

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

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

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

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

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

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

.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: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.gallery-caption {
	display: block;
}
/*custom css*/
.container{
	width: 1170px;
	padding: 0 15px;
	margin: 0 auto;
}
.container:after{
	display: block;
	clear: both;
	content: '';
}
.row{
	margin: 0 -15px;
}
img{
	vertical-align: top;
	/*width: 100%;*/
}
.row:after{
	display: block;
	clear: both;
	content: '';
}
.site-header{
	background: #fff;
}
.header-top:after{
	content: '';
	display: block;
	clear: both;
}
.header-top{
	border-bottom: 1px solid #e1e1e1;
}
.header-top .social-networks{
	float: left;
	margin: 12px 0 0;
	padding: 0;
}
.header-top .social-networks:after{
	display: block;
	clear: both;
	content: '';
}
.header-top .fa{
	font-size: 13.69px;
	color: #222222;
	line-height: 15.69px;
}
.header-top .fa:hover{
	opacity: 0.6;
}
.header-top .social-networks li{
	float: left;
	list-style: none;
	margin-left: 18px;
}
.header-top .social-networks li:first-child{
	margin-left: 0;
}
.header-top .search-form{
	float: right;
	position: relative;
}
.search-form #search-btn{
	width: 58px;
	display: inline-block;
	text-align: right;
	padding:12px 4px 12px;
}
.search-form .example{
	display: none;
}
.search-form .example form{
	position: absolute;
	top: 60px;
	right: 0;
}
.search-form .example form input{
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	color: #222222;
	height: 100%;
	z-index: 10;
	border-bottom: 1px solid #222222;
	border-radius: 0;
	box-shadow: none;
}
.header-bottom{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
}
.site-title{
	margin-bottom: 0;
}
.site-title a{
	color: #444444;
	font-size: 60px;
	line-height: 74px;
	text-decoration: none;
	font-weight: normal;
	text-transform: capitalize;
	font-family: 'Source Serif Pro', serif;
}
.site-description{
	font-size: 16px;
	line-height: 19px;
	color: #737373;
	font-style: italic;
}
.static-image img{
	width: 100%;
}
.static-image {
	margin-bottom: 12px;
}
.static-image ul{
	margin: 0;
	padding: 0;
}
.static-image ul:after{
	display: block;
	clear: both;
	content: '';
}
.static-image ul li a{
	display:block;
}
.static-image ul li{
	width: 50%;
	float: left;
	list-style: none;
	position: relative;
}
.static-image ul li:after{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	content: '';
}
.static-image ul li .text{
	position: absolute;
	bottom: 65px;
	left: 57px;
	right:57px;
	font-size: 24px;
	line-height: 27px;
	color: #ffffff;
	z-index: 10;
	font-family: 'Source Sans Pro', sans-serif;
}
.static-image ul li .text a {
	text-decoration: none;
	font-size: 35px;
	line-height: 45px;
	color: #ffffff;
	font-family: 'Source Serif Pro', serif;
	margin-bottom:20px;
}
.static-image ul li .text p {
	font-size:20px;
	line-height:1.6em;
	font-family: 'Source Sans Pro', sans-serif;
}
.static-image ul li .text ul.post-category {
	margin:0px 0px 20px 0px;
	padding:0px;
}
.static-image ul li .text ul.post-category li {
	margin:0px 10px 10px 0px;
	padding:0px;
	list-style:none;
	float:left;
	width:auto;
	background-color:#E54028;
	padding:0px 15px;
	border-radius:4px;
	font-size:15px;
	line-height:35px;
	margin-bottom:0px;
	text-transform:lowercase;
	font-family: 'Source Serif Pro', serif;
}
.static-image ul li .text ul.post-category li:after {
	background:none;
}
.site-content{
	padding-top: 60px;
}
#primary{
	width: 66.67%;
	float: left;
	padding: 0 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.full-width #primary {
	width: 100%;
}
#secondary{
	width: 33.33%;
	float: left;
	padding: 0 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.site-content #primary .post{
	background: #fff;
	padding: 40px 40px;
	box-shadow: 1px 2px 1px #e2e2e2;
	margin-bottom: 32px;
	overflow: hidden;
}
.site-content #primary .page{
	background: #fff;
	padding: 36px 40px;
	box-shadow: 1px 2px 1px #e2e2e2;
	margin-bottom: 32px;
}
.site-content #primary .page .entry-header,
.site-content #primary .post .entry-header{
	text-align: center;
	padding: 0px 0 0;
}
.site-content #primary .page .entry-header a:hover,
.site-content #primary .post .entry-header a:hover{
	color:#E54028;
}
.site-content #primary .post .post-thumbnail,
.site-content #primary .page .post-thumbnail {
	display: block;
	margin-bottom:25px;
}
.site-content #primary .page .entry-title,
.site-content #primary .post .entry-title{
	margin-bottom: 30px;
}
.site-content #primary .post .entry-title,
.site-content #primary .page .entry-title,
.site-content #primary .page .entry-title a,
.site-content #primary .post .entry-title a{
	text-decoration: none;
	font-size: 24px;
	line-height: 27px;
	color: #1b1b1b;
	font-weight: normal;
	font-family: 'Source Serif Pro', serif;
}
.site-content #primary .post .category{
	display: block;
	margin-bottom: 5px;
}
.site-content #primary .post .category a{
	text-decoration: none;
	font-size: 14px;
	line-height: 30px;
	color: #E54028;
	text-transform: uppercase;
}
.site-content #primary .post .entry-footer{
	text-align: center;
}
.site-content #primary .post .read-more{
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	line-height: 30px;
	color: #ffffff;
	background: #E54028;
	padding: 5px 30px;
	border-radius: 5px;
	text-transform: uppercase;
	margin-bottom: 48px;
}
.site-content #primary .post .read-more:hover{
	background: #41583d;
}
.site-content #primary .post .entry-meta{
	border-top: 1px solid #e2e2e2;
	margin: 0 -40px;
	padding: 10px 40px;
}
.site-content #primary .post .entry-meta span{
	display: inline-block;
	margin-right: 35px;
	font-size: 12px;
	color: #888888;
	text-transform: uppercase;
}
.site-content #primary .post .entry-meta span:last-child{
	margin-right: 0;
}
.site-content #primary .post .entry-meta a{
	font-size: 12px;
	line-height: 30px;
	color: #888888;
	text-decoration: none;
	text-transform: uppercase;
}
.site-content #primary .post .entry-meta a:hover{
	opacity: 0.6;
}
.site-content #primary .post .entry-meta .fa{
	font-size: 12px;
	line-height: 30px;
	color: #888888;
	margin-right: 7px;
}
.site-content #primary .post .entry-content blockquote,
.site-content #primary .page .entry-content blockquote{
	color: #888888;
	font-style: italic;
	margin: 0;
	padding: 0 0 0 74px;
	background: url(images/quote-icon.png) no-repeat;
	position: relative;
}
.site-content #primary .page .entry-content blockquote:after{
	content: '';
	position: absolute;
	width: 2px;
	height: 47px;
	left: 8%;
	top: 1%;
	background: #efefef;
}
.site-content #primary .post.format-image .entry-title,
.site-content #primary .post.format-aside .entry-title,
.site-content #primary .post.format-status .entry-title,
.site-content #primary .post.format-link .entry-title{
	display: none;
}
.site-content #primary .post.format-quote .entry-content blockquote:after{
	display: none;
}
.site-content #primary .post.format-quote .entry-content blockquote{
	background: url(images/format-quote-icon.png) no-repeat 25px 40px #454545;
	font-size: 20px;
	line-height: 32px;
	color: #ffffff;
	font-style: normal;
	padding: 40px 40px 40px 74px;
	margin-bottom: 30px;
}
.site-content #primary .post.format-quote .entry-content blockquote cite{
	font-size: 18px;
	line-height: 34px;
	color: #ffffff;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 700;
	margin-top: -18px;
	display: block;
}
.navigation.pagination{
	text-align: center;
}
.navigation.pagination .page-numbers{
	text-decoration: none;
	color: #a0a0a0;
	font-size: 14px;
	line-height: 30px;
	height: 33px;
	padding-top: 0;
	width: 33px;
	margin-right: 5px;
	display: inline-block;
	border: 1px solid #e2e2e2;
	background: #fff;

}
.navigation.pagination .page-numbers.current, .navigation.pagination .page-numbers:hover{
	background: #E54028;
	border: 1px solid #E54028;
	color: #fff;
}
.widget-area .widget{
	margin-bottom: 27px;
	background: #f9f9f9;
	border: 1px solid #ededed;
	border-top: 0;
	padding: 0 30px 30px;
}
.widget-area .widget.widget_search{
	padding: 0;
	overflow:hidden;
	
}
.widget-area .widget.widget_search form, .error404 #primary form, .page-header form{
	width: 100%;
	height: 54px;
	border:1px solid #d4d4d4;
	background: #dfdfdf;
}
.widget-area .widget.widget_search form:after, .error404 #primary form:after, .page-header form:after{
	display: block;
	clear: both;;
	content: '';
}
.widget-area .widget.widget_search form input[type="search"],
.error404 #primary form input[type="search"],
.page-header input[type="search"]{
	border:0;
	padding: 0 15px;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border-radius: 0;
	height: 100%;
	color: #838383;
	font-size: 18px;
	line-height: 30px;
	border: 0;
	background: none;
	font-style: italic;
	width: 70%;
	float: left;
}
.widget-area .widget.widget_search form input[type="submit"],
.error404 #primary form input[type="submit"],
.page-header input[type="submit"]{
	border: 0;
	width: 16%;
	float: right;
	border-radius: 0;
	box-shadow: none;
	background: none;
	border-radius: 0;
	height: 100%;
	text-indent: -9999px;
	padding: 0;
	background: url(images/search-icon.png) no-repeat 48% 50% #E54028;
}
.widget-area .widget-title{
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
	background: #ffffff;
	text-align: center;
	margin: 0 -30px 27px;
	padding: 14px 5px;
	color: #222222;
	text-transform: uppercase;
	border-bottom: 1px solid #e2e2e2;
	font-family: 'Source Serif Pro', serif;
}
.widget-area .widget_featured_image{
	text-align: left;
	font-size: 16px;
	line-height: 25px;
}
.widget-area .widget_featured_image a{
	display:block;
}
.widget-area .widget .view-more{
	font-size: 16px;
	line-height: 26px;
	color: #E54028;
	text-decoration: none;
}
.widget-area .widget .view-more:hover{
	opacity: 0.6;
}
.widget-area .widget ul{
	margin: 0;
	padding: 0;
}
.widget-area .widget ul li{
	list-style: none;
	background: url(images/widget-list-icon.png) no-repeat 0 8px;
	padding-left: 15px;
	margin-bottom: 15px;
	font-size: 16px;
	line-height:21px;
	color: #c1c1c1;
}
.widget-area .widget ul li:after{
	display: block;
	content: '';
	clear: both;
}
.widget-area .widget ul li a{
	font-size: 16px;
	line-height: 21px;
	color: #707070;
	text-decoration: none;
	padding-top: 10px;
}
.widget-area .widget ul li a:hover{
	opacity: 0.6;
}
.widget-area .widget_simplex-blog_recent_post .post-thumbnail{
	display: block;
	float: left;
	margin-right: 20px;
}
.widget-area .widget_simplex-blog_recent_post .post-thumbnail:hover{
	opacity: 1;
}
.widget-area .widget_simplex-blog_recent_post ul li{
	padding: 0;
	background: 0;
	margin-bottom: 0;
}
.widget-area .widget_simplex-blog_recent_post ul li a{
	padding-top: 0;
}
.widget-area .widget_simplex-blog_recent_post .entry-header{
	overflow: hidden;
	text-align: left;
}
.widget-area .widget_simplex-blog_recent_post .entry-title{
	margin-bottom: 0;
	font-weight: 400;
}
.widget-area .widget_simplex-blog_recent_post .entry-title a{
	text-decoration: none;
	color: #505050;
	font-size: 16px;
	line-height: 21px;
	display: inline-block;
}
.widget-area .widget_simplex-blog_recent_post .entry-meta span{
	background: url(images/calendar-icon.png) no-repeat 0 8px;
	display: inline-block;
	padding-left: 15px;
}
.widget-area .widget_simplex-blog_recent_post .entry-meta a{
	text-decoration: none;
	font-size: 12px;
	line-height: 30px;
	color: #888888;
	text-transform: uppercase;
}
.widget-area .widget_simplex-blog_recent_post .post{
	margin-bottom: 18px;
}
.widget-area .widget_simplex-blog_recent_post .entry-title a:hover,
.widget-area .widget_simplex-blog_recent_post .entry-meta a:hover{
	opacity: 0.6;
}
.widget-area .widget.widget_archives li a{
	float: left;
}
.widget-area .widget.widget_archives li{
	text-align: right;
}
.widget-area .widget.widget_tag_cloud a{
	border-radius:4px;
	font-size: 14px;
	line-height: 21px;
	color: #707070;
	padding: 8px 20px;
	margin: 0 8px 8px 0;
	display: inline-block;
	text-decoration: none;
	background: #ececec;
}
.widget-area .widget.widget_tag_cloud a:hover{
	color: #fff;
	background: #b5b8b9;
}
.site-content{
	padding-bottom: 60px;
}
.site-footer .col{
	float: left;
	width: 33.3333%;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 0 30px;
}
.site-footer .widget-area .widget-title{
	background: none;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
	margin-bottom: 40px;
	border-bottom: 1px solid #434343;
	color: #acacac;
	letter-spacing: 1px;
	margin: 0 0 26px;
	padding: 0 0 18px;
}
.site-footer .widget-area .post .entry-title a{
	font-size: 16px;
	line-height: 21px;
	color: #acacac;
}
.site-footer .widget{
	padding: 0 15px !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: none;
	border: 0;
}
.site-footer .widget-area{
	padding-top: 45px;
	background: #313131;
	font-size: 16px;
	line-height: 28px;
	color: #888888;
}
.site-footer .site-info{
	background: #262626;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	padding: 25px 0 1px;
	padding-bottom:15px;
}
.site-footer .site-info a{
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	text-decoration: none;
}
.site-footer .site-info a:hover{
	opacity: 0.6;
}
.site-footer .widget-area .widget.widget_tag_cloud a{
	background: #444444;
	color: #acacac;
}
.site-footer .widget-area .widget.widget_tag_cloud a:hover{
	opacity: 0.6;
}
.error404 #primary{
	width: 100%;
}
.error404 #primary .not-found{
	background: #fff;
	text-align: center;
	padding: 89px 0 70px;
}
.error404 #primary .not-found .text{
	width: 65%;
	margin: 0 auto;
}
.error404 #primary form{
	width: 48%;
	margin: 0 auto;
}
.error404 #primary .not-found h1{
	font-size: 125px;
	line-height: 130px;
	color: #E54028;
	font-weight: 700;
	margin: 0;
}
.error404 #primary .not-found h2{
	font-size: 36px;
	line-height: 40px;
	color: #E54028;
	font-weight: 700;
	position: relative;
	margin-bottom: 50px;
}
.error404 #primary .not-found .home{
	text-decoration: none;
	color: #E54028;
}
.error404 #primary .not-found h2:after{
	content: '';
	position: absolute;
	top: 100%;
	width: 135px;
	height: 2px;
	left: 44%;
	background: #e5e5e5;
	margin-top: 30px;

}
.page-header .text{
	background: #fff;
	text-align: center;
	padding: 56px 20px;
	box-shadow: 1px 2px 1px #e2e2e2;
}
.page-header form{
	width: 30%;
	margin: 0 auto;
}
.page-header span{
	font-size: 16px;
	line-height: 20px;
	color: #3a3a3a;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	margin-bottom: 50px;
}
.page-header span:after{
	position: absolute;
	top: 100%;
	left: 15%;
	content: '';
	width: 135px;
	height: 2px;
	background: #e5e5e5;
	margin-top: 25px;
}
.header-section:after{
	display: block;
	content: '';
	clear: both;
}
.page-header{
	float: left;
}
.page-header .page-title{
	font-size: 32px;
	line-height: 35px;
	color: #1b1b1b;
	font-family: 'Source Serif Pro', serif;
	font-weight: normal;
	margin: 0;
}
.page-header .taxonomy-description {
margin:25px 0 0 0;
}
.page.full-width #primary{
	width: 100%;
}
.page.full-width #crumbs{
	margin-bottom: 0;
}
.page .site-content .page .entry-header .entry-title{
	font-size: 32px !important;
	line-height: 36px !important;
	color: #1b1b1b;
	font-weight: normal;
	margin-bottom: 0;
}
#crumbs{
	text-align: right;
	font-size: 13px;
	line-height: 15px;
	color: #999999;
	margin-bottom: 30px;
}
#crumbs a{
	text-decoration: none;
	font-size: 13px;
	line-height: 15px;
	color: #cc2f18;
}
#crumbs a:hover{
	color: #999999;
}
.page .site-content .entry-content{
	padding: 30px 0 0;
}
.single-post .site-content .post .entry-content h1{
	color: #1b1b1b;
	font-size: 32px;
	line-height: 36px;
	font-weight: normal;
	font-family: 'Source Serif Pro', serif;
}
.single-post .site-content .post .entry-content h2{
	color: #1b1b1b;
	font-size: 28px;
	line-height: 32px;
	font-weight: normal;
	font-family: 'Source Serif Pro', serif;
}
.single-post .site-content .post .entry-content h3{
	color: #1b1b1b;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	font-family: 'Source Serif Pro', serif;
}
.single-post .site-content .post .entry-content h4{
	color: #1b1b1b;
	font-size: 20px;
	line-height: 25px;
	font-weight: normal;
}
.single-post .site-content .post .entry-content h5{
	color: #1b1b1b;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	font-family: 'Source Serif Pro', serif;
}
.single-post .site-content .post .entry-content h6{
	color: #1b1b1b;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	font-family: 'Source Serif Pro', serif;
}
.single-post .site-content .post .entry-content .pull-right{
	width: 30%;
	padding:16px 0;
	margin: 12px 0;
	font-size: 16px;
	line-height: 26px;
	margin-left: 37px;
	border-top: 3px solid #505050;
	text-align: right;
}
.single-post .site-content .post .entry-content .pull-left{
	width: 30%;
	padding:16px 0;
	font-size: 16px;
	line-height: 26px;
	margin: 12px 0;
	margin-right: 37px;
	border-top: 3px solid #505050;
	text-align: left;
}
.single-post .site-content .post .entry-content .dropcap{
	font-size: 110px;
	line-height: 29px;
	font-weight: 700;
	color: #505050;
	margin:25px 22px 10px 0;
	float: left;
}
.single-post .site-content .post .entry-content .highlight{
	background: #e4f4e2;
}
.single-post .site-content .post .entry-content table{

}
.single-post .site-content .post .entry-content table tr{
	border: 1px solid #f4f4f4;
}
.single-post .site-content .post .entry-content table tr th{
	color: #474747;
	font-size: 18px;
	line-height: 30px;
	padding: 16px 30px;
	background: #f4f4f4;
	text-align: left;
}
.single-post .site-content .post .entry-content table tr td{
	color: #505050;
	font-size: 18px;
	padding: 16px 30px;
	line-height: 28px;
}
.single-post .site-content .post .entry-content pre{
	background: #f4f4f4;
	color: #414042;
	font-size: 14px;
	line-height: 24px;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
.single-post .site-content .entry-content ul{
	margin: 0 0 15px 0;
	padding: 0;
}
.single-post .site-content .entry-content ul li{
	list-style: none;
}
.single-post .site-content .entry-content ol li{
	margin-left: 20px;
}
.single-post .site-content .entry-content ol{
	margin: 0 0 15px 0;
	padding: 0;
}
.single-post .site-content .entry-content ul ul, .single-post .entry-content ol ol{
	margin: 10px 20px;
}
.single-post .site-content .entry-content .form-element{
	display: block;
	font-size: 18px;
	line-height: 22px;
	color: #505050;
	font-weight: 400;
}
.single-post .site-content .entry-content form input[type="text"],
.single-post .site-content .entry-content form input[type="password"]{
	height: 42px;
	background: #f4f4f4;
	padding: 10px;
	width: 53%;
	outline: none;
	margin-bottom: 26px;
	border: 0;
}
.single-post .site-content .entry-content form textarea{
	width: 75%;
	resize:none;
	height: 150px;
	padding: 10px;
	margin-bottom: 26px;
	background: #f4f4f4;
	border: 0;

}
.single-post .site-content .entry-content form .radio-section{
	padding: 0;
	margin: 0 0 26px;
}
.single-post .site-content .entry-content form .radio-section:after{
	content: '';
	clear: both;
	display: block;
}
.single-post .site-content .entry-content form .radio-section li:first-child{
	margin-left: 0;
}
.single-post .site-content .entry-content form .radio-section li{
	float: left;
	padding-left: 0;
	background: none;
	margin-left: 20px;
	list-style: none;
}
.jcf-select{
	height: 42px;
	width: 75%;
	background: none;
	font-size: 14px;
	line-height: 17px;
	color: #9d9d9d;
	border:1px solid #ebebe9;
	padding: 7px 0 0;
}
.jcf-select .jcf-select-opener{
	background: url(images/select-opener.png) no-repeat 0 16px;
}
.jcf-checkbox{
	background: url(images/checkbox.png) no-repeat;
}
.jcf-checkbox.jcf-checked{
	background: url(images/checkbox-checked.png) no-repeat;
}
.form-element.password{
	margin-top: 26px;
}
.jcf-file .jcf-upload-button{
	border:0;
	border-radius: 4px;
	background: #dfdfdf;
	color: #7f7f7f;
	float: left;
	line-height: 18px;
	font-size: 15px;
	line-height: 18px;
	padding: 10px 20px;
	height: 36px;
	text-transform: uppercase;
}
.jcf-file:after{
	content: '';
	display: block;
	clear: both;
}
.jcf-file{
	margin-bottom: 20px;
	background: none;
}
.jcf-file .jcf-fake-input{
	border: 0;
	float: right;
	background: none;
	padding-top: 4px;
	font-size: 15px;
	line-height: 26px;
	color: #666666;

}
.jcf-radio.jcf-checked span{
	background: #656565;
}
.single-post .site-content .entry-content form input[type="submit"],
{
	box-shadow: none;
	background: #E54028;
	color: #fff;
	padding: 10px 22px;
	font-size: 15px;
	border-radius: 2px;
	line-height: 29px;
	font-weight: 700;
	text-transform: uppercase;
	border: 0;
}
.single-post .site-content .entry-content form input[type="submit"]:hover{
	background: #759f6e;
}
.single-post .site-content .entry-content form{
	margin-bottom: 26px;
}
.author-section, .comments-area{
	background: #fff;
	padding: 24px 40px 24px;
	margin-bottom: 40px;
	box-shadow: 1px 2px 1px #e2e2e2;
}
.author-section img{
	border-radius: 50%;
}
.author-section:after{
	display: block;
	clear: both;
	content: '';
}
.author-section h3, .comments-area h3{
	font-size: 24px;
	line-height: 28px;
	color: #1b1b1b;
	font-weight: normal;
	font-family: 'Source Serif Pro', serif;
	border-bottom: 1px solid #e2e2e2;
	margin:0 -40px 32px;
	padding: 24px 40px;
}
.author-section img{
	float: left;
	margin-right: 26px;
}
.author-section .text{
	overflow: hidden;
}
.author-section .text span{
	color: #505050;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	display: inline-block;
}
.author-section .text .read-more{
	color: #E54028;
	text-decoration: none;
	display: block;
	margin-top: -15px;
}
.author-section .text .read-more:hover{
	color: #505050;
}
.comments-area ol{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.comments-area ol li{
	padding: 26px 0 15px;
}
.comments-area ol ol li{
	padding-left: 40px;
}
.comments-title, .comment-reply-title{
	text-transform: uppercase;
	font-size: 28px;
	line-height: 44px;
	color: #000000;
	margin: 0px 0 0 0;
	font-weight: normal;
}
.comments-area ol li:first-child .reply{
	margin-bottom: 26px;
}
.avatar.photo{
	float: left;
	margin-right: 20px;
	border-radius: 50%;
}
.comment-body:after{
	content: '';
	display: block;
	clear: both;
}
.comment-body .fn a{
	font-size: 18px;
	line-height: 22px;
	color: #505050;
	font-weight: 700;
	text-decoration: none;
}
.comment-body .fn a:hover{
	opacity: 0.6;
}
.comment-content{
	margin-top:0;
	margin-left: 116px;
}
.reply a{
	margin-top: -18px;
	margin-left: 116px;
	text-decoration: none;
	font-size: 13px;
	line-height: 30px;
	border-radius: 2px;
	background: #E54028;
	padding: 4px 26px;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
}
.reply a:hover{
	background:#005173;
}
.comment-metadata a{
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	text-transform: uppercase;
	padding-left: 0px;
	text-decoration: none;
}
.comment-metadata a:hover{
	opacity: 0.6;
}
.page-header{
	text-align: left;
	width: 100%;
	margin-bottom: 30px;
}
.page-header .page-title{
	font-size: 32px;
	line-height: 36px;
}
.comments-area input[type="text"],
 .comments-area input[type="email"],
  .comments-area input[type="url"]{
	height: 42px;
	background: #f4f4f4;
	padding: 10px;
	width: 53%;
	outline: none;
	margin-bottom: 26px;
	border: 0;
	display: block;
}
.comments-area input[type="submit"]{
	box-shadow: none;
	background: #E54028;
	color: #fff;
	padding: 10px 22px;
	font-size: 15px;
	border-radius: 2px;
	line-height: 29px;
	font-weight: 700;
	text-transform: uppercase;
	border: 0;

}
.comments-area textarea{
	resize: none;
	height: 106px;
	background: #f4f4f4;
	border: 0;
	padding: 10px;
}
.comments-area input[type="submit"]:hover{
	background: #759f6e;
}



/* --------------------------------------------------------------
13.0 Hero Posts
-------------------------------------------------------------- */
.hero-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.header-gradient {
  background: linear-gradient(to bottom, transparent 25%, rgba(0, 0, 0, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#36404c',GradientType=0 );
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 20;
  pointer-events: none;
}
@media (max-width: 800px) {
  .header-gradient {
    background: linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.7) 100%);
  }
}

.hero-posts {
  position: relative;
  z-index: 20;
  background: #343e47;
  overflow: hidden;
}

.hero-posts .hero-post {
  width: 100%;
  padding: 8% 0 260px 0;
  margin-bottom: 0;
  position: relative;
}
@media (max-width: 800px) {
  .hero-posts .hero-post {
    padding-bottom: 130px;
  }
}
@media (max-width: 600px) {
  .hero-posts .hero-post {
    padding-bottom: 110px;
    padding-top: 12%;
  }
}

.single-hero .post {
  padding: 8% 0;
}

.single .hero-posts .hero-post {
  padding: 26% 0 4% 0;
}
@media (max-width: 800px) {
  .single .hero-posts .hero-post {
    padding-bottom: 8%;
    padding-top: 32%;
  }
}

.single .hero-posts .without-featured-image {
  padding: 4% 0;
  width: 100%;
}
@media (max-width: 800px) {
  .single .hero-posts .without-featured-image {
    padding: 8% 0;
  }
}

.hero-posts .hero-post:not(:first-child) {
  display: none;
}

.hero-posts .container {
  z-index: 40;
}

.hero-cats,
.entry-cats {
  margin-bottom: 1.5%;
  position: relative;
  z-index: 10;
}
@media (max-width: 800px) {
  .hero-cats,
  .entry-cats {
    margin-bottom: 5%;
  }
}
.hero-cats a,
.entry-cats a {
  background-color: #F35245;
  padding: 4px 8px;
  margin-right: 5px;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  transition: .2s ease-in-out;
}
.hero-cats a:hover,
.entry-cats a:hover {
  box-shadow: inset 0 0 80px rgba(255, 255, 255, 0.1);
}
@media (max-width: 600px) {
  .hero-cats a,
  .entry-cats a {
    font-size: 11px;
    padding: 3px 4px;
  }
}

.hero-posts .hero-text {
  opacity: 0;
  opacity: 1\9;
  position: relative;
  z-index: 40;
}

.hero-posts .hero-text p {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  max-width: 70%;
  text-shadow: 2px 2px 40px rgba(52, 62, 71, 0.72);
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 1024px) {
  .hero-posts .hero-text p {
    color: rgba(255, 255, 255, 0.8);
    max-width: 100%;
    text-shadow: none;
  }
}

.hero-posts .hero-post .entry-title {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 2%;
  color: #fff;
  text-shadow: 2px 2px 40px rgba(52, 62, 71, 0.8);
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 1024px) {
  .hero-posts .hero-post .entry-title {
    font-size: 52px;
    margin-bottom: 3%;
    text-shadow: none;
  }
}
@media (max-width: 600px) {
  .hero-posts .hero-post .entry-title {
    font-size: 32px;
    margin-bottom: 5%;
  }
}

.hero-posts .entry-title a {
  color: #fff;
  transition: .3s ease-in-out;
}
.hero-posts .entry-title a:hover {
  color: #fff;
  opacity: .8;
}

.hero-date {
  color: #fff;
  font-size: 14px;
}

@media (max-width: 800px) {
  .hero-date {
    text-shadow: 2px 2px 40px black;
  }
}
.hero-date a {
  color: #fff;
  transition: .3s ease-in-out;
}
.hero-date a:hover {
  color: #fff;
  opacity: .8;
}

.hero-date img {
  width: 24px;
  border-radius: 50px;
  margin-right: 5px;
  vertical-align: bottom;
}

.hero-pager-wrap {
  width: 100%;
  min-height: 132px;
  position: absolute;
  bottom: 0;
  z-index: 25;
}
@media (max-width: 800px) {
  .hero-pager-wrap {
    min-height: 0;
    bottom: 8%;
  }
}

#hero-pager {
  margin: 0;
  border-top: solid 2px rgba(255, 255, 255, 0.4);
}
@media (max-width: 800px) {
  #hero-pager {
    display: none;
  }
}
#hero-pager li {
  display: inline-block;
  list-style: none;
  width: 25%;
  float: left;
  margin-top: -2px;
  padding-right: 3%;
  border-top: solid 2px transparent;
  opacity: .7;
  transition: .3s ease-in-out;
}
#hero-pager li:hover {
  cursor: pointer;
  opacity: 1;
}
#hero-pager li:last-child {
  margin-right: 0;
}
#hero-pager li a {
  position: relative;
  padding: 40px 0;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
#hero-pager .paging-thumb {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 45px;
  left: 0;
}
#hero-pager .paging-thumb img {
  border-radius: 3px;
}
#hero-pager .paging-text {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#hero-pager .paging-thumb + .paging-text {
  padding-left: 65px;
}
#hero-pager .entry-title {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 8px;
}
#hero-pager .paging-date {
  font-size: 13px;
  color: #fff;
  opacity: .6;
}

#hero-pager .rslides_here {
  opacity: 1;
  border-top-color: #fff;
}

.pager-navs {
  display: none;
  width: 100%;
}
@media (max-width: 800px) {
  .pager-navs {
    display: inline-block;
  }
}
.pager-navs .next,
.pager-navs .prev {
  font-size: 0;
  outline: none;
}
.pager-navs .next:before,
.pager-navs .prev:before {
  font-size: 24px;
  font-family: "FontAwesome";
  color: #fff;
  height: 40px;
  width: 40px;
  text-align: center;
  border: solid 2px #fff;
  border-radius: 50px;
  padding: 5px;
  display: inline-block;
  line-height: 1;
  margin-right: 10px;
}
.pager-navs .next:before {
  content: "\f105";
  text-indent: 3px;
}
.pager-navs .prev:before {
  content: "\f104";
  text-indent: -2px;
}

@keyframes smoothFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes smoothFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.background-effect {
  position: absolute;
  z-index: -999998;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: .2;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.site-header-bg.background-effect {
  background-attachment: scroll;
}