/*
Theme Name: News Vibe
Theme URI: https://themepalace.com/downloads/news-vibe
Author: Theme Palace
Author URI: https://themepalace.com
Description: News Vibe theme is complete magazine theme with multiple variation of design. News Vibe theme is excellent for news, magazines, publishing and review sites. Amazing, fast-loading modern magazines theme for personal or editorial use. You’ve literally never seen or used a magazine that looks or works like this before. It comes with option to change color of entire site.  This modern magazines theme has everything you may need to easily create a magazine website that stands out.
Version: 1.0.7
Requires PHP: 5.6
Tested up to: 5.4.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: news-vibe
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, portfolio, news, entertainment

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.

News Vibe is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
News Vibe 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:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Layouts and Titles
# Media
	## Captions
	## Galleries
# Social Icons
# Breadcrumb List
# Sections
	## Featured Slider
# Footer
# Responsive

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#loader {
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	background-color: #fff;
	position:fixed;
	display: table;
	width: 100%;
	top:0;
	height: 100%;
	min-height: 100%;
	z-index:9999;
}

.loader-container {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 12;
	text-align:center;
	text-transform: uppercase;
}

.loader-container svg {
	width: 70px;
	height: 70px;
	fill: #e5383e;
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.blog-loader {
    text-align: center;
    margin-top: 50px;
}
.blog-loader svg {
    width: 30px;
    height: 30px;
}
#LBloadmore svg.latest-posts-loader,
.blog-loader svg {
    margin-left: 15px;
    animation: infinitepreloader 1.5s  infinite ease-in-out;
}
@keyframes infinitepreloader {
	100%{transform: rotate(180deg);}
}

#preloader {
	position:relative;
	margin:auto;
	width:100px;
}

#preloader span {
	display:block;
	bottom:0px;
	width: 9px;
	height: 5px;
	background:#fff;
	position:absolute;
	animation: preloader 1.5s  infinite ease-in-out;
}

#preloader span:nth-child(2) {
	left:11px;
	animation-delay: .2s;
}
#preloader span:nth-child(3) {
	left:22px;
	animation-delay: .4s;
}
#preloader span:nth-child(4) {
	left:33px;
	animation-delay: .6s;
}
#preloader span:nth-child(5) {
	left:44px;
	animation-delay: .8s;
}

@keyframes preloader {
    0% {height:5px;transform:translateY(0px);background: #e5383e;}
    25% {height:30px;transform:translateY(15px);background: #e5383e;}
    50% {height:5px;transform:translateY(0px);background: #e5383e;}
    100% {height:5px;transform:translateY(0px);background: #e5383e;}
}

.backtotop {
    background-color: #e5383e;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    color: #fff;
}
.backtotop:hover {
	background-color: #333;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

@-webkit-keyframes colorchange {
	0%   {border-color: #e30048;}
	25%  {border-color: #e5383e;}
	50%  {border-color: #9acf0b;}
	75%  {border-color: #a93d7b;}
	100% {border-color: #f1ad02;}
}

@keyframes colorchange {
	0%   {border-color: #e30048;}
	25%  {border-color: #e5383e;}
	50%  {border-color: #9acf0b;}
	75%  {border-color: #a93d7b;}
	100% {border-color: #f1ad02;}
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	font-family: 'Muli', sans-serif;
	font-weight: 400;
}

#page {
    position: relative;
}

#content {
    position: relative;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 52px;
}

h2 {
	font-size: 42px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: #171616;
	margin: 16px 0;
	line-height: 1.4;
	font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

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

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

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-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;
}
tbody {
    text-align: left;
}
tr {
    border: 1px solid #ccc;
}
td,
th {
	padding: 5px;
    font-weight: 400;
}

th {
	color: #fff;
}

td#next {
    text-align: right;
}

table#wp-calendar {
    display: table;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #7c7c7c;
	font-size: 16px;
	font-size: 1rem;
	line-height: 28px;
    word-wrap: break-word;
}
p {
	margin: 0 0 1em;
}
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: #fff; /* Fallback for when there is no custom background color defined. */
	overflow-x: hidden;
}
blockquote {
    padding: 21px 25px;
    margin: 30px 0;
    font-size: 22px;
    line-height: 1.5;
}
blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}
blockquote p:before,
blockquote p:after {
    content: "“";
    display: inline-block;
}
blockquote p:after {
    content: "”";
}
blockquote p {
    margin: 0;
}

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

ul,
ol {
	margin: 0;
    padding-left: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
    margin-bottom: 1em;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
    display: inline-block;
    overflow: auto;
}

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

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	width: 100%;
	color: #666;
	border: 1px solid #e0e0e0;
	border-radius: 0;
	padding: 10px;
	background-color: #eaedf3;
    border: 1px solid #eaedf3;
}

select {
	border: 1px solid #e0e0e0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
    width: 100%;
}
p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}
.comment-notes {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    margin-bottom: 11px;
    display: inline-block;
}
#commentform p {
    margin-bottom: 21px;
}
#commentform p.comment-form-comment {
    margin-bottom: 0;
}
#commentform p.form-submit {
	margin: 21px 0 0;
	text-align: center;
}
#respond .comment-form-cookies-consent input[type="checkbox"],
.comment-form-cookies-consent input[type="checkbox"] {
	width: auto;
	float: left;
	height: auto;
	min-height: auto;
	margin-right: 10px;
}
#respond .comment-form-cookies-consent label,
.comment-form-cookies-consent label {
	display: table;
	margin: 0;
	line-height: 1;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #e5383e;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #171616;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3000;
    background-color: #171616;
    -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;
}
#site-navigation {
    background-color: #171616;
}
#masthead .social-icons {
    margin: 10px 0 0;
}
.site-branding-container {
    position: relative;
    background-size: cover;
    background-position: 50%;
}
.site-branding-container .overlay {
    opacity: 1;
}
.site-branding-container .wrapper {
    position: relative;
    z-index: 1;
}
.site-branding {
    text-align: center;
}
.site-branding + .site-advertisement {
    margin-top: 20px;
}
.site-branding-wrapper {
    padding: 40px 0;
}
.site-logo + #site-identity {
    margin-top: 15px;
}
.site-logo {
    margin-right: 20px;
}
.site-logo {
    max-height: 60px;
    width: auto;
}
.site-title {
    margin: 0;
    line-height: 1.3;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    -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;
}
.site-title a {
    color: #fff;
}
.site-title a:hover,
.site-title a:focus {
	opacity: 0.8;
}
.site-description {
    margin: 0;
    line-height: 1.3;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: 'Roboto', sans-serif;
}
.main-navigation {
	display: block;
    position: relative;
}
.main-navigation ul.nav-menu li.current-menu-item > a,
.main-navigation ul.nav-menu li:hover > a {
    color: #e5383e;
}
.main-navigation ul.nav-menu li:hover > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation ul.nav-menu > li.current-menu-item > a > svg {
    fill: #e5383e;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #333;
    border-bottom: 1px solid #eee;
}
.main-navigation ul.sub-menu a:after {
	float: right;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation .social-menu-item ul {
    display: block;
    border: none;
}
.main-navigation .social-menu-item ul li a {
	width: 40px;
    border: 1px solid #d6d6d6;
}
.main-navigation .social-menu-item ul li a:hover,
.main-navigation .social-menu-item ul li a:focus {
	opacity: 0.8;
}
.main-navigation .social-menu-item .social-icons {
    margin: 0;
    padding: 20px 15px 20px 25px;
}
.main-navigation + .social-icons {
	display: none;
}
.main-navigation li {
	position: relative;
}
.main-navigation ul.nav-menu > li > a {
    padding: 18px 12px;
    color: #333;
}
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a:focus svg,
.main-navigation li.search-menu a.search-active svg {
	fill: #e5383e;
}
.main-navigation a:hover,
.main-navigation ul.nav-menu > li > a:hover {
    color: #e5383e;
}
.main-navigation a {
    font-weight: 600;
	display: block;
    text-decoration: none;
	color: #333;
}
.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 225px;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	color: #333;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
#masthead .home-icon > a svg.icon-home {
    width: 24px;
    height: 24px;
    margin-top: -3px;
    fill: #e5383e;
}
input.search-field {
    height: 50px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
.main-navigation svg.icon-close {
    display: none;
}
#search.hidden-small form.search-form {
    position: absolute;
    left: 0;
    right: 0;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.search-menu svg.icon-search {
    fill: #949494;
}
svg.icon-search,
svg.icon-close {
    width: 15px;
    height: 15px;
    fill: #fff;
}
svg.icon-close {
    width: 20px;
    height: 20px;
}
.search-submit svg.icon-search {
    fill: #adadad;
    opacity: 1;
}
.main-navigation svg.icon-down {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    fill: #7b7b7b;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #7b7b7b;
    position: absolute;
    right: 15px;
    top: 17px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#site-menu #search {
    display: none;
}
#search-menu {
	display: none;
}
#search-menu .icon-close,
#search-menu.active .icon-search,
.search-menu .icon-close,
.search-menu.active .icon-search {
    display: none;
}
#search-menu.active .icon-close,
.search-menu.active .icon-close {
	display: inline-block;
}
#search-menu button .icon-search,
.search-menu button .icon-search,
#search-menu.active button .icon-search,
.search-menu.active button .icon-search {
	display: inline-block;
}
#search-menu input[type="search"] {
	padding-left: 40px;
    border-radius: 4px;
    min-height: 40px;
    height: auto;
    background-color: #efefef;
    border-color: #efefef;
    padding: 5px 15px 0px 40px;
}
#search-menu form.search-form button.search-submit {
	min-height: 40px;
	height: auto;
}
.menu-toggle{
    border-radius: 0;
    min-height: 50px;
    line-height: 50px;
    display: block;
    position: relative;
    background-color: #171616;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.secondary-menu-toggle {
	position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.secondary-menu-toggle svg {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}
.secondary-menu-toggle svg.icon-close {
    display: none;
    fill: #000;
    width: 16px;
    height: 16px;
}
.secondary-menu-toggle.active svg.icon-menu-bar {
	display: none;
}
.secondary-menu-toggle.active svg.icon-close {
	display: block;
}
#site-menu .menu-toggle.active svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.menu-label {
    text-transform: uppercase;
    color: #fff;
    padding: 3px 0 0 10px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
#top-navigation {
    background-color: #171616;
}
#top-navigation .main-navigation li {
    color: #333;
}
#top-navigation .main-navigation ul.nav-menu > li > a {
    text-transform: none;
}
#top-navigation .menu-label {
    color: #fff;
}
#top-navigation .menu-toggle svg {
	fill: #fff;
}
svg.icon-menu {
    fill: #fff;
    vertical-align: baseline;
    width: 30px;
    height: 30px;
}
svg.icon-close,
.menu-toggle.active svg.icon-menu {
    display: none;
}
.menu-toggle.active svg.icon-close {
	display: block;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 57px;
    line-height: 62px;
}
.main-navigation .dropdown-toggle.active > svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.menu-overlay.active {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 3;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0;
	overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	position: relative;
	word-break: break-word;
}
.navigation.post-navigation,
.navigation.posts-navigation {
    margin-top: 30px;
    padding: 23px 20px;
    background-color: #eaedf3;
    border: 1px solid #eaedf3;
}
.post-navigation a,
.posts-navigation a {
    font-weight: 500;
    color: #171616;
}
.post-navigation a:hover,
.posts-navigation a:hover,
.post-navigation a:focus,
.posts-navigation a:focus {
	color: #e5383e;
}
.post-navigation,
.posts-navigation {
    padding: 0;
    position: relative;
}
.pagination .page-numbers {
    border: 1px solid #ddd;
}
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus {
    text-align: center;
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 5px;
    color: #171616;
    background-color: #fff;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #e5383e;
    border-color: #e5383e;
}
.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 12px;
    height: 12px;
}
.pagination .next.page-numbers svg {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.prev.page-numbers svg,
.next.page-numbers svg {
    fill: #cecece;
}
.nav-previous span {
    padding-left: 38px;
    float: left;
    text-align: left;
}
.nav-next span {
    padding-right: 38px;
    float: right;
    text-align: right;
}
.navigation .nav-previous svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: absolute;
    top: 3px;
    left: 0;
}
.navigation .nav-next svg {
    position: absolute;
    top: 3px;
    right: 0;
}
.post-navigation span,
.posts-navigation span {
    display: table;
}
/*--------------------------------------------------------------
# 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;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.widget_recent_news.col-2 > ul > li:before,
.widget_recent_news.col-2 > ul > li:after,
.widget_popular_news > ul > li:before,
.widget_popular_news > ul > li:after,
.widget_posts_filter .tab-content > ul > li:before,
.widget_posts_filter .tab-content > ul > li:after,
.widget_recent_news ul li:before,
.widget_recent_news ul li:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.widget_recent_news.col-2 > ul > li:before,
.widget_recent_news.col-2 > ul > li:after,
.widget_popular_news > ul > li:before,
.widget_popular_news > ul > li:after,
.widget_posts_filter .tab-content > ul > li:before,
.widget_posts_filter .tab-content > ul > li:after,
.widget_recent_news ul li:before,
.widget_recent_news ul li:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 20px;
}
.widget:last-child {
    margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
    background-color: #efefef;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}

.widget input {
    height: 40px;
    border-radius: 0;
    padding: 0 15px;
    border: none;
}

form.search-form button.search-submit {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.widget_search form.search-form .search-submit {
    width: auto;
    color: #fff;
    background-color: #171616;
    left: auto;
    right: 0;
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 10px;
}
.widget_search form.search-form .search-submit:hover,
.widget_search form.search-form .search-submit:focus {
	background-color: #e5383e;
	color: #fff;
}
.widget_search form.search-form .search-submit svg {
	fill: #fff;
	width: 14px;
    height: 14px;
}
.widget_search form.search-form .search-submit:hover svg,
.widget_search form.search-form .search-submit:focus svg {
	fill: #fff;
}
.widget_search form.search-form input {
	border: none;
}
.widget_search form.search-form input {
    padding: 0 55px 0 15px;
    height: 40px;
    background-color: #eaedf3;
}
form.search-form {
    position: relative;
}

form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
}

#wp-calendar tbody td {
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 15px;
}

.widget-title {
    font-size: 22px;
    margin: 0 0 16px;
}

.widget li:not(:last-child) {
    margin-bottom: 15px;
}

.widget_posts_filter .tab-content .cat-links ul > li {
    margin-bottom: 0;
    line-height: 1.3;
}

.widget_instagram ul {
    list-style: none;
    margin: 0 -5px;
    padding: 0;
}
.widget_instagram li {
	margin: 0;
	padding: 0 5px;
}
.widget.widget_instagram li:not(:last-child),
#colophon .footer-widgets-area .widget.widget_instagram li:not(:last-child) {
    margin-bottom: 10px;
}
.widget_instagram .col-1 li {
	width: 100%;
	float: none;
}
.widget_instagram .col-2 li {
	width: 50%;
	float: left;
}
.widget_instagram .col-3 li {
	width: 33.33%;
	float: left;
}
.widget_instagram .col-4 li {
	width: 25%;
	float: left;
}
.widget_instagram .col-5 li {
	width: 20%;
	float: left;
}
.widget_instagram .col-6 li {
	width: 16.66%;
	float: left;
}
.widget_instagram li img {
	width: 100%;
}
.widget.widget_archive li {
	text-align: right;
}
.widget.widget_archive li a {
	float: left;
}
.widget-title,
.widgettitle {
	margin: 0 0 25px;
    font-weight: 600;
    font-size: 18px;
    color: #171616;
    text-transform: uppercase;
}
#secondary .widget,
#secondary-sidebar .widget {
    margin-bottom: 30px;
}
input[type="submit"] {
    padding: 10px 30px;
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    background-color: #e5383e;
    color: #fff;
    position: relative;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    -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;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #171616;
    color: #fff;
}
.jetpack_subscription_widget form {
    position: relative;
    max-width: 620px;
    margin: 0 auto;
}
.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    min-height: 60px;
    padding: 2px 168px 0 30px;
    background-color: #414C57;
    border: none;
    border-radius: 50px;
    color: #fff;
}
.jetpack_subscription_widget input[type="submit"] {
    padding: 13px 23px;
    font-size: 14px;
    line-height: 34px;
    display: inline-block;
    border-radius: 25px;
    min-width: 133px;
    min-height: 60px;
    background-color: #e5383e;
    color: #fff;
    border: none;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.jetpack_subscription_widget input[type="submit"]:hover,
.jetpack_subscription_widget input[type="submit"]:focus {
	background-color: #e5383e;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
    margin-bottom: 10px;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}
.jetpack_subscription_widget #subscribe-submit {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.jetpack_subscription_widget .widget-title {
    margin-bottom: 5px;
}
#subscribe-email label {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.widget_popular_post ul,
.widget_latest_post ul,
.widget_featured_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li,
.widget.widget_featured_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child,
.widget.widget_featured_post ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.widget_popular_post h3,
.widget_latest_post h3,
.widget_featured_post h3 {
    font-size: 16px;
    line-height: 1.5;
    display: table-row;
    letter-spacing: 0.01em;
}
.widget_popular_post h3 a,
.widget_latest_post h3 a,
.widget_featured_post h3 a {
	display: block;
}
#secondary .widget_popular_post h3 a,
#secondary .widget_latest_post h3 a,
#secondary .widget_featured_post h3 a {
	font-weight: 600;
}
.widget_popular_post time,
.widget_latest_post time,
.widget_featured_post time {
    display: table-row;
    font-weight: 500;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
    color: #333;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a:hover,
.widget_featured_post h3 a:focus,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
	color: #e5383e;
}
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time,
.widget_featured_post a time,
.widget_featured_post time {
    color: #e5383e;
    font-family: 'Roboto', sans-serif;
}
.widget_popular_post img,
.widget_latest_post img,
.widget_featured_post img {
    max-width: 95px;
    width: 95px;
    height: 95px;
    float: left;
    margin-right: 14px;
}
.textwidget img {
    margin-bottom: 25px;
    display: block;
}
.widget.widget_text .btn {
	margin-top: 20px;
}
.textwidget a {
    line-height: 1.5;
    display: inline-block;
    font-weight: 500;
}
#secondary .jetpack_subscription_widget input[type="email"] {
    height: 50px;
    min-height: auto;
    background-color: #fff;
    border-color: #fff;
    padding: 15px 18px;
}
#secondary .jetpack_subscription_widget input[type="submit"] {
    position: relative;
    margin: auto;
    min-height: 50px;
    border-radius: 0;
    background-color: #333;
    min-width: 151px;
    margin: 0;
    text-transform: uppercase;
}
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
	background-color: #e5383e;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary .widget .social-icons {
    text-align: center;
    margin-top: -10px;
}
#secondary .widget .social-icons li a:hover svg,
#secondary .widget .social-icons li a:focus svg {
	fill: #fff;
}
#secondary .widget ul,
#secondary-sidebar .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget svg {
	fill: #e5383e;
}
#secondary a,
#secondary li,
#secondary-sidebar a,
#secondary-sidebar li {
    color: #171616;
}
#secondary a:hover,
#secondary a:focus,
#secondary-sidebar a:hover,
#secondary-sidebar a:focus {
    color: #e5383e;
}
#secondary ul li,
#secondary-sidebar ul li {
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
.widget_recent_news ul li img,
.widget_posts_filter ul li img {
    width: 87px;
    height: 74px;
    object-fit: cover;
    float: left;
    margin-right: 20px;
}
.widget_popular_news .post-number {
	width: 50px;
	height: 100px;
	float: left;
	margin-right: 20px;
    background-color: #e5383e;
    position: relative;
    font-size: 28px;
    line-height: 100px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.widget_recent_news ul li .entry-container,
.widget_popular_news ul li .entry-container,
.widget_posts_filter ul li .entry-container {
    display: table-row;
}
.widget_recent_news .entry-title,
.widget_popular_news .entry-title,
.widget_posts_filter .entry-title {
	font-size: 16px;
	margin-bottom: 0;
}
#secondary .post-categories a,
#secondary-sidebar .post-categories a {
    color: #e5383e;
}
#secondary .post-categories a:hover,
#secondary-sidebar .post-categories a:hover,
#secondary .post-categories a:focus,
#secondary-sidebar .post-categories a:focus {
	color: #171616;
}
.widget_recent_news ul.post-categories,
.widget_posts_filter .cat-links ul,
.widget_recent_news .cat-links li,
.widget_recent_news .entry-meta {
    line-height: 1;
}
.widget_recent_news > ul > li:not(:last-child),
.widget_posts_filter > ul > li:not(:last-child) {
	margin-bottom: 30px;
}
.widget_recent_news .entry-meta {
	margin-bottom: 8px;
}
.widget_popular_news ul li .entry-container .entry-meta {
    margin-top: 7px;
}
.widget_posts_filter .widget-title span:not(:last-child):after {
    content: "|";
    margin: 0 7px;
}
.widget_posts_filter .widget-title span {
	cursor: pointer;
}
.widget_posts_filter .widget-title span.active {
	color: #e5383e;
}
.tab-content {
	display: none;
}
.tab-content.active {
	display: block;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0;
}

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

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

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.navigation.pagination svg {
    fill: #171616;
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px;
}
.navigation.pagination a:hover svg,
.navigation.pagination a:focus svg {
	fill: #fff;
}
.navigation.posts-navigation svg,
.navigation.post-navigation svg {
    width: 20px;
    height: 20px;
    fill: #171616;
    display: inline-block;
    vertical-align: middle;
}
.navigation.posts-navigation a:hover svg,
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:focus svg,
.navigation.post-navigation a:focus svg {
	fill: #e5383e;
}
.navigation.posts-navigation svg.icon-left,
.navigation.post-navigation svg.icon-left {
	margin-right: 20px;
}
.navigation.posts-navigation svg.icon-right,
.navigation.post-navigation svg.icon-right {
	margin-left: 20px;
}
.single-post .site-main .comment-navigation,
.single-post .site-main .posts-navigation,
.single-post .site-main .post-navigation {
	margin-bottom: 0;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.no-sidebar-content #inner-content-wrapper {
    max-width: 900px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
	margin-bottom: 43px;
	font-size: 42px;
	font-weight: 600;
}
.post-categories {
    list-style: none;
    padding-left: 0;
}
.post-categories li {
    display: inline-block;
    vertical-align: middle;
}
.post-categories li:last-child {
	margin-right: 0;
}
.post-categories a,
.posted-on a {
    text-transform: uppercase;
    color: #e5383e;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
.posted-on a {
	color: #171616;
}
.post-categories a:hover,
.post-categories a:focus {
	color: #171616;
}
.posted-on a:hover,
.posted-on a:focus {
    color: #e5383e;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
	position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 90px;
}
.says {
    display: none;
}
.comment-meta img {
    border-radius: 50%;
    margin-right: 15px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    display: block;
    text-align: right;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
}
.comment-content {
    margin: 10px 0 15px;
    padding: 25px;
    background-color: #eaedf3;
    border: 1px solid #eaedf3;
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
	border-bottom: none;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li {
    margin-bottom: 30px;
}
#comments ol.comment-list > li article:last-child .reply {
	border-bottom: none;
    padding-bottom: 0;
}
.reply a {
    display: inline-block;
    border-radius: 0;
    color: #fff;
    position: relative;
    font-size: 16px;
    background-color: #e5383e;
    padding: 5px 20px;
    -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;
}
.reply a:hover,
.reply a:focus {
	background-color: #171616;
    color: #fff;
}
.comment-meta .url,
.comment-meta .fn {
    color: #171616;
    font-size: 16px;
    font-weight: bold;
}
.comment-metadata {
    margin-top: 15px;
}
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comment-metadata a time {
	color: #e5383e;
}
.comment-metadata a,
.comment-metadata a time {
    color: #171616;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
	color: #e5383e;
}
.comment-content p {
    margin-bottom: 0;
}
#comments {
    margin-top: 40px;
}
.comment-wrap {
    background-color: #fff;
    padding: 20px;
    margin-left: 80px;
}
/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
	position: relative;
}
.relative {
	display: block;
	position: relative;
}
.relative:before,
.relative:after {
	content: "";
	display: table;
	clear: both;
}
.page-section {
	padding: 50px 0;
}
.entry-content {
	margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.entry-title {
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 16px;
    color: #171616;
    word-wrap: break-word;
}
.entry-title a {
	color: #171616;
}
.entry-title a:hover,
.entry-title a:focus {
	color: #e5383e;
}
.section-header,
.widget-header {
    position: relative;
    overflow: hidden;
}
.section-header:after,
.widget-header:after {
    content: "";
    background-image: url('assets/images/separator.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 14px;
    position: absolute;
    top: 8px;
}
.section-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 23px;
    padding-right: 15px;
    display: inline-block;
}
.widget-title {
	padding-right: 15px;
    display: inline-block;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.overlay {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.btn {
	padding: 14px 30px;
	font-size: 14px;
	line-height: 26px;
	min-height: 55px;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 30px;
	min-width: 161px;
	border: none;
	background-color: #e5383e;
	color: #fff;
	position: relative;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	letter-spacing: 0.05em;
	-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;
}
.btn:hover,
.btn:focus {
	background-color: #171616;
    color: #fff;
}
#infinite-handle {
    text-align: center;
    margin-bottom: 30px;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

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

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}
.footer-widgets-area .widget .social-icons li {
	display: inline-block;
    width: auto;
}
.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons li a {
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 36px;
    display: block;
}
#masthead .social-icons li a {
	line-height: 40px;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
	fill: #fff;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
	fill: #fff;
}
.social-icons li a svg {
    fill: #fff;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"],
.social-icons li a[href*="fb.com"] {
 	background-color: #3c5798;
}
.social-icons li a[href*="twitter.com"] {
 	background-color: #1ea0f1;
}
.social-icons li a[href*="linkedin.com"] {
 	background-color: #0077B5;
}
.social-icons li a[href*="plus.google.com"] {
 	background-color: #ec7161;
}

.social-icons li a[href*="youtube.com"] {
 	background-color: #cc181e;
}

.social-icons li a[href*="dribbble.com"] {
 	background-color: #f4a09c;
}

.social-icons li a[href*="pinterest.com"] {
 	background-color: #E6001C;
}

.social-icons li a[href*="bitbucket.org"] {
 	background-color: #205081;
}

.social-icons li a[href*="github.com"] {
 	background-color: #323131;
}

.social-icons li a[href*="codepen.io"] {
 	background-color: #333;
}

.social-icons li a[href*="flickr.com"] {
 	background-color: #025FDF;
}

.social-icons li a[href$="/feed/"] {
 	background-color: #089DE3;
}

.social-icons li a[href*="foursquare.com"] {
 	background-color: #F94877;
}

.social-icons li a[href*="instagram.com"] {
 	background-color: #9A26C9;
}

.social-icons li a[href*="tumblr.com"] {
 	background-color: #56BC8A;
}

.social-icons li a[href*="reddit.com"] {
 	background-color: #FF4500;
}

.social-icons li a[href*="vimeo.com"] {
 	background-color: #00ADEF;
}

.social-icons li a[href*="digg.com"] {
 	background-color: #00ADEF;
}

.social-icons li a[href*="twitch.tv"] {
 	background-color: #0E9DD9;
}

.social-icons li a[href*="stumbleupon.com"] {
 	background-color: #EB4924;
}

.social-icons li a[href*="delicious.com"] {
 	background-color: #0076E8;
}

.social-icons li a[href*="mailto:"] {
 	background-color: #4169E1;
}
.social-icons li a[href*="soundcloud.com"] {
 	background-color: #FF5500;
}
.social-icons li a[href*="wordpress.org"] {
 	background-color: #0073AA;
}
.social-icons li a[href*="wordpress.com"] {
 	background-color: #00AADC;
}

.social-icons li a[href*="jsfiddle.net"] {
 	background-color: #396AB1;
}

.social-icons li a[href*="tripadvisor.com"] {
 	background-color: #FFE090;
}

.social-icons li a[href*="angel.co"] {
 	background-color: #333;
}

.social-icons li a[href*="slack.com"] {
 	background-color: #E60264;
}
/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 50px 0;
    text-align: center;
    background-color: #333;
    color: #fff;
}
#page-site-header .page-title {
	font-size: 36px;
	color: #fff;
}
.error-404.not-found {
	text-align: center;
    max-width: 600px;
    margin: 0 auto;
}
.error-404.not-found .page-content {
    margin: 15px 0;
}
.error-404.not-found form.search-form button.search-submit {
	width: 50px;
	height: 50px;
}
.error404.left-sidebar #primary,
.error404.right-sidebar #primary {
    width: 100%;
    padding: 0;
}
/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.trail-items li a {
	color: rgba(255, 255, 255, 0.60);
}
.trail-items li a:hover,
.trail-items li a:focus {
	color: #fff;
}
.trail-items li:not(:last-child):after {
	content: "/";
    color: rgba(255, 255, 255, 0.60);
    padding-left: 4px;
    padding-right: 2px;
}
/*--------------------------------------------------------------
#  Slick Slider
--------------------------------------------------------------*/
.slick-prev {
    left: -50px;
}
.slick-next {
    right: -50px;
}
.slick-prev,
.slick-next {
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 0;
    opacity: 1;
    z-index: 1;
    -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;
}
.slick-prev:before,
.slick-next:before {
    content: "";
    background-image: url('assets/images/down-arrow.svg');
    width: 16px;
    height: 16px;
    display: inline-block;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.slick-prev:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
	background-color: #E73819;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 298px 0;
    text-align: center;
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
}
#page-site-header .wrapper {
    position: relative;
    text-align: center;
}
#page-site-header .page-title {
	font-size: 32px;
	color: #fff;
    margin: 0;
    line-height: 1.5;
}
/*--------------------------------------------------------------
#  Breaking News Slider
--------------------------------------------------------------*/
#breaking-news {
	margin-top: 20px;
    margin-bottom: 20px;
}
.breaking-news-slider article {
    margin-top: 15px;
}
#breaking-news .news-title {
    font-size: 18px;
    background-color: #e5383e;
    color: #fff;
    display: inline-block;
    padding: 21px 26px;
    text-transform: uppercase;
    position: relative;
    margin: 0 45px 0 0;
    min-width: 195px;
    font-weight: 500;
    line-height: 1;
}
#breaking-news .news-title:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 15px solid #e5383e;
    position: absolute;
    top: 0;
    right: -15px;
}
.breaking-news-item-wrapper .featured-image,
.breaking-news-item-wrapper .featured-image img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    object-fit: cover;
}

.breaking-news-item-wrapper .entry-title {
    margin-bottom: 0;
    padding: 0 15px;
    font-size: 16px;
}

.breaking-news-item-wrapper .featured-image,
.breaking-news-item-wrapper .entry-header {
    display: table-cell;
    vertical-align: middle;
}
#breaking-news .slick-arrow {
	height: 60px;
}
#breaking-news .slick-prev {
    left: auto;
    right: 0;
}
#breaking-news .slick-prev:hover,
#breaking-news .slick-next:hover,
#breaking-news .slick-prev:focus,
#breaking-news .slick-next:focus {
	background-color: #fff;
}
#breaking-news .slick-prev:hover:before,
#breaking-news .slick-next:hover:before,
#breaking-news .slick-prev:focus:before,
#breaking-news .slick-next:focus:before {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
#breaking-news .slick-prev:after {
	content: "";
	background-color: #000;
	position: absolute;
	top: 14px;
	right: 0;
	width: 1px;
	height: 22px;
	opacity: 0.3;
}

/*--------------------------------------------------------------
#  Featured Posts Section
--------------------------------------------------------------*/
#featured-posts {
	margin: 0 -15px 43px;
}
#featured-posts article {
    padding: 0 15px;
    margin-bottom: 30px;
}
#featured-posts article:last-child {
    margin-bottom: 0;
}
#featured-posts .featured-post-wrapper {
    background-size: cover;
    background-color: #333;
    background-position: 50%;
    position: relative;
    padding: 150px 0;
}
#featured-posts .entry-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 25px 20px 25px;
    background: linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%);
}
#featured-posts article .entry-title {
    margin-bottom: 10px;
}
#featured-posts span.min-read {
    position: relative;
    background-color: transparent;
    padding: 0;
}
#featured-posts .min-read:after,
.widget_posts_slider .min-read:after,
#posts-slider .min-read:after {
    content: "|";
    margin: 0 3px 0 5px;
}
#featured-posts .post-categories a,
#featured-posts .posted-on a,
#featured-posts .entry-title a,
#featured-posts span.min-read,
#featured-posts .byline,
#featured-posts .byline a,
#featured-posts .entry-meta > span:not(:first-child):before {
    color: #fff;
    font-weight: 500;
}
#featured-posts .post-categories a:hover,
#featured-posts .posted-on a:hover,
#featured-posts .entry-title a:hover,
#featured-posts .byline a:hover,
#featured-posts .post-categories a:focus,
#featured-posts .posted-on a:focus,
#featured-posts .entry-title a:focus,
#featured-posts .byline a:focus {
    color: #fff;
    opacity: 0.8;
}
/*--------------------------------------------------------------
#  Latest Posts Section
--------------------------------------------------------------*/
.grid-layout article:not(:last-child),
.list-layout article:not(:last-child),
#latest-posts .half-width,
#latest-posts .full-width {
    margin-bottom: 40px;
}
.grid-layout .featured-image,
.list-layout .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 110px 0;
    margin-bottom: 20px;
    background-color: #333;
}
.featured-image:hover,
.widget_recent_news ul li img:hover,
.widget_posts_filter ul li img:hover {
    opacity: 0.8;
}
.single .featured-image:hover {
	opacity: 1;
}
.grid-layout .entry-title,
.list-layout .entry-title {
    margin-bottom: 5px;
}
.grid-layout.full-width .entry-title,
.grid-layout.full-width .entry-content {
    margin-bottom: 14px;
}
.grid-layout.full-width .entry-content p {
	margin-bottom: 0;
}
span.min-read {
    background-color: rgba(229, 56, 62, 0.70);
    color: #fff;
    font-size: 14px;
    display: inline-block;
    line-height: 1;
    padding: 8px 19px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.read-more {
    font-weight: 600;
}
/*--------------------------------------------------------------
#  Popular / Most Viewed Posts Section
--------------------------------------------------------------*/
#popular-posts {
    margin-bottom: 43px;
}
#popular-posts article:not(:last-child) {
    margin-bottom: 30px;
}
#most-viewed-posts {
    margin-bottom: 35px;
}
/*--------------------------------------------------------------
# Posts Slider Section
--------------------------------------------------------------*/
#posts-slider {
    margin-bottom: 14px;
}
#posts-slider .featured-slider article,
.widget_posts_slider article {
    padding: 150px 0;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
.widget_posts_slider article {
	padding: 165px 0;
}
#posts-slider .featured-slider {
    margin-bottom: 30px;
}
#posts-slider .featured-slider .entry-container,
.widget_posts_slider .entry-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(to top,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%);
}
.widget_posts_slider .entry-container {
	padding: 50px 30px 23px 30px;
    background: linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%);
}
#posts-slider .featured-slider span.min-read,
.widget_posts_slider span.min-read {
    position: relative;
    background-color: transparent;
    padding: 0;
}
#posts-slider .featured-slider .entry-title {
    margin-bottom: 3px;
    font-weight: 500;
}
.widget_posts_slider .entry-title {
	margin-bottom: 12px;
}
#posts-slider .featured-slider .post-categories a,
#posts-slider .featured-slider .posted-on a,
#posts-slider .featured-slider .entry-title a,
#posts-slider .featured-slider span.min-read,
#posts-slider .featured-slider .byline,
#posts-slider .featured-slider .byline a,
#posts-slider .featured-slider .entry-meta > span:not(:first-child):before,
#secondary-sidebar .widget_posts_slider .post-categories a,
#secondary-sidebar .widget_posts_slider .posted-on a,
#secondary-sidebar .widget_posts_slider .entry-title a,
#secondary-sidebar .widget_posts_slider span.min-read,
#secondary-sidebar .widget_posts_slider .byline,
#secondary-sidebar .widget_posts_slider .byline a,
#secondary-sidebar .widget_posts_slider .entry-meta > span:not(:first-child):before,
#secondary .widget_posts_slider .post-categories a,
#secondary .widget_posts_slider .posted-on a,
#secondary .widget_posts_slider .entry-title a,
#secondary .widget_posts_slider span.min-read,
#secondary .widget_posts_slider .byline,
#secondary .widget_posts_slider .byline a,
#secondary .widget_posts_slider .entry-meta > span:not(:first-child):before,
#colophon .widget_posts_slider .post-categories a,
#colophon .widget_posts_slider .posted-on a,
#colophon .widget_posts_slider .entry-title a,
#colophon .widget_posts_slider span.min-read,
#colophon .widget_posts_slider .byline,
#colophon .widget_posts_slider .byline a,
#colophon .widget_posts_slider .entry-meta > span:not(:first-child):before {
	color: #fff;
	font-weight: 500;
}
#posts-slider .featured-slider .post-categories a:hover,
#posts-slider .featured-slider .posted-on a:hover,
#posts-slider .featured-slider .entry-title a:hover,
#posts-slider .featured-slider .byline a:hover,
#posts-slider .featured-slider .post-categories a:focus,
#posts-slider .featured-slider .posted-on a:focus,
#posts-slider .featured-slider .entry-title a:focus,
#posts-slider .featured-slider .byline a:focus,
.widget_posts_slider .post-categories a:hover,
.widget_posts_slider .posted-on a:hover,
.widget_posts_slider .entry-title a:hover,
.widget_posts_slider .byline a:hover,
.widget_posts_slider .post-categories a:focus,
.widget_posts_slider .posted-on a:focus,
.widget_posts_slider .entry-title a:focus,
.widget_posts_slider .byline a:focus {
	color: #fff;
	opacity: 0.8;
}
#posts-slider .featured-slider span.min-read,
#posts-slider .featured-slider .byline,
#posts-slider .featured-slider .byline a,
.widget_posts_slider span.min-read,
.widget_posts_slider .byline,
.widget_posts_slider .byline a {
	font-weight: 300;
}
#posts-slider .featured-slider .slick-prev,
.widget_posts_slider .slick-prev {
	left: 0;
}
#posts-slider .featured-slider .slick-next,
.widget_posts_slider .slick-next {
	right: 0;
}
#posts-slider .featured-slider .slick-prev,
#posts-slider .featured-slider .slick-next,
.widget_posts_slider .slick-prev,
.widget_posts_slider .slick-next {
    background-color: rgba(255, 255, 255, 0.80);
    width: 40px;
    height: 40px;
}
#posts-slider .featured-slider .slick-prev:hover,
#posts-slider .featured-slider .slick-next:hover,
#posts-slider .featured-slider .slick-prev:focus,
#posts-slider .featured-slider .slick-next:focus,
.widget_posts_slider .slick-prev:hover,
.widget_posts_slider .slick-next:hover,
.widget_posts_slider .slick-prev:focus,
.widget_posts_slider .slick-next:focus {
    background-color: #E73819;
}
.widget_recent_news ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.slider-related-posts.widget_recent_news.col-2 > ul > li {
    margin-bottom: 30px;
}
#related-posts {
    margin-bottom: 43px;
}
#related-posts .col-4 {
	margin: 0 -15px;
}
#related-posts .col-4 article {
	padding: 0 15px;
	margin-bottom: 50px;
}
#related-posts .col-4 article:last-child {
	margin-bottom: 0;
}
#media-posts {
    margin-bottom: 43px;
}
#media-posts .half-width,
.media-posts-wrapper.col-2 {
    margin-bottom: 30px;
}
#media-posts .half-width:last-child,
.media-posts-wrapper.col-2:last-child {
    margin-bottom: 0;
}
#media-posts .overlay {
    opacity: 0.5;
}
#media-posts .video-button {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.video-button svg {
    width: 60px;
    height: 60px;
    fill: #fff;
}
.widget_posts_slider .slick-arrow {
    top: 5px;
    transform: none;
    background-color: #e5383e;
}
.widget_posts_slider .slick-prev {
	left: auto;
	right: 50px;
}
.widget_posts_slider .slick-next {
	right: 5px;
}
.widget_posts_slider .slick-arrow:before {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.recipe-slider .entry-container {
    margin-bottom: 23px;
}
#secondary .read-more,
#secondary-sidebar .read-more {
	color: #e5383e;
}
#secondary .read-more:hover,
#secondary-sidebar .read-more:hover,
#secondary .read-more:focus,
#secondary-sidebar .read-more:focus {
	color: #171616;
}
.recipe-slider .slick-arrow {
	width: 70px;
    top: auto;
    transform: none;
    bottom: 0;
    background-color: #fff;
}
.recipe-slider .slick-prev {
	left: -30px;
}
.recipe-slider .slick-next {
	right: auto;
	left: 40px;
}
.recipe-slider .slick-prev:after {
    content: "";
    background-color: #000;
    position: absolute;
    top: 14px;
    right: 0;
    width: 1px;
    height: 22px;
    opacity: 0.3;
}
.recipe-slider .slick-prev:hover:before,
.recipe-slider .slick-next:hover:before,
.recipe-slider .slick-prev:focus:before,
.recipe-slider .slick-next:focus:before {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
/*--------------------------------------------------------------
#  Archive / Blog
--------------------------------------------------------------*/
.entry-meta {
    margin-bottom: 3px;
}
.entry-meta > span {
    display: inline-block;
    vertical-align: middle;
}
.post-categories :not(:last-child):after {
	content: ",";
}
.entry-meta > span:not(:first-child):before {
    content: "|";
    margin: 0 10px;
}
.byline,
.byline a {
	font-size: 14px;
    color: #171616;
}
.byline a:hover,
.byline a:focus {
	color: #e5383e;
}
.blog #masthead,
.archive #masthead,
.error404 #masthead,
.search #masthead {
	margin-bottom: 0;
}
/*--------------------------------------------------------------
#  Single Post
--------------------------------------------------------------*/
.single .featured-image {
    margin-bottom: 30px;
    position: relative;
}
.single #primary article .entry-title {
    font-size: 28px;
    margin: 14px 0;
}

/*--------------------------------------------------------------
# Dark Version
--------------------------------------------------------------*/
.dark-version,
.dark-version .slick-prev,
.dark-version .slick-next,
.dark-version #breaking-news .slick-prev:hover,
.dark-version #breaking-news .slick-next:hover,
.dark-version #breaking-news .slick-prev:focus,
.dark-version #breaking-news .slick-next:focus,
.dark-version .widget_search form.search-form .search-submit {
	background-color: #222;
}

.dark-version pre,
.dark-version blockquote,
.dark-version .navigation.post-navigation,
.dark-version .navigation.posts-navigation,
.dark-version input[type="text"],
.dark-version input[type="email"],
.dark-version input[type="url"],
.dark-version input[type="password"],
.dark-version input[type="search"],
.dark-version input[type="number"],
.dark-version input[type="tel"],
.dark-version input[type="range"],
.dark-version input[type="date"],
.dark-version input[type="month"],
.dark-version input[type="week"],
.dark-version input[type="time"],
.dark-version input[type="datetime"],
.dark-version input[type="datetime-local"],
.dark-version input[type="color"],
.dark-version textarea,
.dark-version .widget_search form.search-form input,
.dark-version .widget select {
	background-color: #333;
}

.dark-version #breaking-news .slick-prev:after {
	background-color: #fff;
}

.dark-version,
.dark-version .site-title a,
.dark-version .site-description,
.dark-version .menu-label,
.dark-version h1,
.dark-version h2,
.dark-version h3,
.dark-version h4,
.dark-version h5,
.dark-version h6,
.dark-version b,
.dark-version strong,
.dark-version a:hover,
.dark-version a:focus,
.dark-version figcaption,
.dark-version blockquote,
.dark-version cite,
.dark-version .navigation.post-navigation a,
.dark-version .navigation.posts-navigation a,
.dark-version th,
.dark-version .comment-meta .url,
.dark-version .comment-meta .fn,
.dark-version .comment-metadata a,
.dark-version .comment-metadata a time,
.dark-version #respond label,
.dark-version .logged-in-as a,
.dark-version input[type="text"],
.dark-version input[type="email"],
.dark-version input[type="url"],
.dark-version input[type="password"],
.dark-version input[type="search"],
.dark-version input[type="number"],
.dark-version input[type="tel"],
.dark-version input[type="range"],
.dark-version input[type="date"],
.dark-version input[type="month"],
.dark-version input[type="week"],
.dark-version input[type="time"],
.dark-version input[type="datetime"],
.dark-version input[type="datetime-local"],
.dark-version input[type="color"],
.dark-version textarea,
.dark-version .entry-title a,
.dark-version .posted-on a,
.dark-version .byline,
.dark-version .byline a,
.dark-version #secondary a,
.dark-version #secondary li,
.dark-version #secondary-sidebar a,
.dark-version #secondary-sidebar li,
.dark-version .widget select {
	color: #fff;
}

.dark-version button.menu-toggle svg,
.dark-version .navigation.posts-navigation svg,
.dark-version .navigation.post-navigation svg,
.dark-version .navigation.post-navigation a:hover svg,
.dark-version .navigation.posts-navigation a:hover svg,
.dark-version .navigation.post-navigation a:focus svg,
.dark-version .navigation.posts-navigation a:focus svg {
	fill: #fff;
}

.dark-version .site-title a:hover,
.dark-version .site-title a:focus,
.dark-version #secondary a:hover,
.dark-version #secondary a:focus,
.dark-version .navigation.post-navigation a:hover,
.dark-version .navigation.posts-navigation a:hover,
.dark-version .navigation.post-navigation a:focus,
.dark-version .navigation.posts-navigation a:focus,
.dark-version .comment-meta .url:hover,
.dark-version .comment-meta .url:focus,
.dark-version .comment-metadata a:hover,
.dark-version .comment-metadata a:focus,
.dark-version .logged-in-as a:hover,
.dark-version .logged-in-as a:focus,
.dark-version .entry-title a:hover,
.dark-version .entry-title a:focus,
.dark-version .posted-on a:hover,
.dark-version .posted-on a:focus,
.dark-version .byline a:hover,
.dark-version .byline a:focus,
.dark-version #secondary .post-categories a:hover,
.dark-version #secondary-sidebar .post-categories a:hover,
.dark-version #secondary .post-categories a:focus,
.dark-version #secondary-sidebar .post-categories a:focus {
	color: #fff;
	opacity: 0.8;
}

.dark-version input[type="text"],
.dark-version input[type="email"],
.dark-version input[type="url"],
.dark-version input[type="password"],
.dark-version input[type="search"],
.dark-version input[type="number"],
.dark-version input[type="tel"],
.dark-version input[type="range"],
.dark-version input[type="date"],
.dark-version input[type="month"],
.dark-version input[type="week"],
.dark-version input[type="time"],
.dark-version input[type="datetime"],
.dark-version input[type="datetime-local"],
.dark-version input[type="color"],
.dark-version textarea,
.dark-version .navigation.post-navigation,
.dark-version .navigation.posts-navigation {
	border-color: #333;
}

.dark-version .slick-prev:before,
.dark-version .slick-next:before,
.dark-version .slick-prev:hover:before,
.dark-version .slick-next:hover:before,
.dark-version .slick-prev:focus:before,
.dark-version .slick-next:focus:before,
.dark-version #breaking-news .slick-prev:hover:before,
.dark-version #breaking-news .slick-next:hover:before,
.dark-version #breaking-news .slick-prev:focus:before,
.dark-version #breaking-news .slick-next:focus:before {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/*--------------------------------------------------------------
# Typography Options
--------------------------------------------------------------*/
.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5,
.header-font-1 h6,
.header-font-1 .site-title,
.header-font-1 .site-description,
.header-font-1 .menu-label,
.header-font-1 input[type="submit"],
.header-font-1 .widget_popular_post a time,
.header-font-1 .widget_popular_post time,
.header-font-1 .widget_latest_post a time,
.header-font-1 .widget_latest_post time,
.header-font-1 .widget_featured_post a time,
.header-font-1 .widget_featured_post time,
.header-font-1 #secondary ul li,
.header-font-1 #secondary-sidebar ul li,
.header-font-1 .widget_popular_news .post-number,
.header-font-1 .post-categories a,
.header-font-1 .posted-on a,
.header-font-1 .btn,
.header-font-1 #colophon ul li,
.header-font-1 #colophon ul li a {
	font-family: 'Rajdhani', sans-serif;
}

.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5,
.header-font-2 h6,
.header-font-2 .site-title,
.header-font-2 .site-description,
.header-font-2 .menu-label,
.header-font-2 input[type="submit"],
.header-font-2 .widget_popular_post a time,
.header-font-2 .widget_popular_post time,
.header-font-2 .widget_latest_post a time,
.header-font-2 .widget_latest_post time,
.header-font-2 .widget_featured_post a time,
.header-font-2 .widget_featured_post time,
.header-font-2 #secondary ul li,
.header-font-2 #secondary-sidebar ul li,
.header-font-2 .widget_popular_news .post-number,
.header-font-2 .post-categories a,
.header-font-2 .posted-on a,
.header-font-2 .btn,
.header-font-2 #colophon ul li,
.header-font-2 #colophon ul li a {
	font-family: 'Cherry Swash', sans-serif;
}

.header-font-3 h1,
.header-font-3 h2,
.header-font-3 h3,
.header-font-3 h4,
.header-font-3 h5,
.header-font-3 h6,
.header-font-3 .site-title,
.header-font-3 .site-description,
.header-font-3 .menu-label,
.header-font-3 input[type="submit"],
.header-font-3 .widget_popular_post a time,
.header-font-3 .widget_popular_post time,
.header-font-3 .widget_latest_post a time,
.header-font-3 .widget_latest_post time,
.header-font-3 .widget_featured_post a time,
.header-font-3 .widget_featured_post time,
.header-font-3 #secondary ul li,
.header-font-3 #secondary-sidebar ul li,
.header-font-3 .widget_popular_news .post-number,
.header-font-3 .post-categories a,
.header-font-3 .posted-on a,
.header-font-3 .btn,
.header-font-3 #colophon ul li,
.header-font-3 #colophon ul li a {
	font-family: 'Philosopher', sans-serif;
}

.header-font-4 h1,
.header-font-4 h2,
.header-font-4 h3,
.header-font-4 h4,
.header-font-4 h5,
.header-font-4 h6,
.header-font-4 .site-title,
.header-font-4 .site-description,
.header-font-4 .menu-label,
.header-font-4 input[type="submit"],
.header-font-4 .widget_popular_post a time,
.header-font-4 .widget_popular_post time,
.header-font-4 .widget_latest_post a time,
.header-font-4 .widget_latest_post time,
.header-font-4 .widget_featured_post a time,
.header-font-4 .widget_featured_post time,
.header-font-4 #secondary ul li,
.header-font-4 #secondary-sidebar ul li,
.header-font-4 .widget_popular_news .post-number,
.header-font-4 .post-categories a,
.header-font-4 .posted-on a,
.header-font-4 .btn,
.header-font-4 #colophon ul li,
.header-font-4 #colophon ul li a {
	font-family: 'Slabo 27px', sans-serif;
}

.header-font-5 h1,
.header-font-5 h2,
.header-font-5 h3,
.header-font-5 h4,
.header-font-5 h5,
.header-font-5 h6,
.header-font-5 .site-title,
.header-font-5 .site-description,
.header-font-5 .menu-label,
.header-font-5 input[type="submit"],
.header-font-5 .widget_popular_post a time,
.header-font-5 .widget_popular_post time,
.header-font-5 .widget_latest_post a time,
.header-font-5 .widget_latest_post time,
.header-font-5 .widget_featured_post a time,
.header-font-5 .widget_featured_post time,
.header-font-5 #secondary ul li,
.header-font-5 #secondary-sidebar ul li,
.header-font-5 .widget_popular_news .post-number,
.header-font-5 .post-categories a,
.header-font-5 .posted-on a,
.header-font-5 .btn,
.header-font-5 #colophon ul li,
.header-font-5 #colophon ul li a {
	font-family: 'Dosis', sans-serif;
}

.body-font-1 {
	font-family: 'News Cycle', sans-serif;
}

.body-font-2 {
	font-family: 'Pontano Sans', sans-serif;
}

.body-font-3 {
	font-family: 'Gudea', sans-serif;
}

.body-font-4 {
	font-family: 'Quattrocento Sans', sans-serif;
}

.body-font-5 {
	font-family: 'Khand', sans-serif;
}

/*--------------------------------------------------------------
# 					Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #171616;
    color: #fff;
}
#colophon ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#colophon .social-icons li:not(:last-child) {
	margin-right: 15px;
}
#colophon .social-icons li svg {
	fill: #fff;
}
.custom-menu ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}
.custom-menu ul li:last-child {
	margin-right: 0;
}
#colophon .social-icons li a {
	width: 40px;
	height: 40px;
	line-height: 38px;
}
.widget_featured_post ul li .entry-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}
#colophon ul li,
#colophon ul li a {
	color: #fff;
    font-family: 'Roboto', sans-serif;
}
#colophon .widget-title {
    margin-bottom: 18px;
}
#colophon .cat-links li {
	margin-bottom: 0;
	margin-right: 3px;
    width: auto;
}
#colophon .cat-links a,
#colophon .site-info a:hover,
#colophon .site-info a:focus,
#colophon .widget-title,
#colophon .widgettitle {
	color: #fff;
}
#colophon .cat-links a {
    color: #e5383e;
}
#colophon .widget_text .textwidget {
    color: rgba(255, 255, 255, 0.60);
}
#colophon ul li a:hover,
#colophon ul li a:focus {
	color: #fff;
	opacity: 0.8;
}
#colophon a:hover,
#colophon a:focus {
	color: #fff;
}
#colophon .cat-links a:hover,
#colophon .cat-links a:focus {
	opacity: 1;
}
.widget_featured_post article {
    position: relative;
    clear: both;
    display: table;
    width: 100%;
}
.widget_featured_post .featured-image {
    background-size: cover;
    background-position: 50%;
    background-color: #333;
    width: 100px;
    height: 100%;
    float: left;
    display: table-cell;
    position: absolute;
    top: 0;
    left: 0;
}
.widget_featured_post .entry-container {
    padding: 5px 0;
    display: table-cell;
    text-align: left;
    padding-left: 120px;
}
.widget_categories li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#colophon .widget_categories li {
    margin-bottom: 8px;
}
#colophon .widget_categories li:last-child {
    margin-bottom: 0;
}
#colophon .footer-widgets-area .widget.widget_featured_post > ul > li {
    margin-bottom: 7px;
}
.footer-widgets-area ul li {
    font-weight: 500;
}
#colophon .footer-widgets-area .widget > ul > li:last-child,
#colophon .footer-widgets-area .widget.widget_featured_post > ul > li:last-child {
	margin-bottom: 0;
}
#colophon .widget_recent_entries ul li span {
    display: block;
    font-size: 16px;
}
#colophon .widget_recent_entries ul li span:before {
	content: "";
    background-image: url('assets/images/clock.svg');
    background-position: 50%;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 10px;
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.site-info .social-icons {
    display: inline-block;
}
.site-info {
    text-align: center;
    padding: 28px 0;
    position: relative;
}
.site-info:before {
    content: "";
    background-color: #fff;
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}
.site-info span {
	display: block;
	text-align: center;
    margin: 0 0 10px;
}
.site-info span:last-child {
    margin-bottom: 0;
}
.custom-menu {
    margin-bottom: 15px;
}
.footer-widgets-area .widget ul li:last-child,
.footer-widgets-area .widget .social-icons li {
	margin-bottom: 0;
}
.footer-widgets-area .hentry {
	margin-bottom: 45px;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
	margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets-area.col-1 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
	.site-logo img {
	    max-height: 80px;
	    width: auto;
	}
	#featured-posts article {
	    width: 50%;
	    float: left;
	}
	#featured-posts.relative article:nth-last-child(1):nth-child(odd) {
		width: 100%;
		float: none;
	}
	#latest-posts .section-content {
		margin: 0 -15px;
	}
	#latest-posts .half-width,
	#latest-posts .full-width {
	    width: 50%;
	    float: left;
	    padding: 0 15px;
	}
	.full-width.grid-layout .featured-image {
	    padding: 175px 0;
	}
	#popular-posts article.has-post-thumbnail,
	.archive-blog-wrapper article.has-post-thumbnail {
	    display: table;
	    width: 100%;
	    position: relative;
	}
	#popular-posts article.has-post-thumbnail .featured-image,
	.archive-blog-wrapper article.has-post-thumbnail .featured-image {
	    width: 47.85%;
	    margin-bottom: 0;
	    padding: 0;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: table-cell;
	}
	#popular-posts article.has-post-thumbnail .entry-container,
	.archive-blog-wrapper article.has-post-thumbnail .entry-container {
	    width: 52.15%;
	    display: table-cell;
	    padding: 25px 0 25px 20px;
	}
	#media-posts .media-posts-wrapper.col-2 {
	    margin-bottom: 30px;
	}
	#media-posts .media-posts-wrapper.col-2:last-child {
		margin-bottom: 0;
	}
	#most-viewed-posts .col-2 {
	    margin: 0 -15px;
	}
	#most-viewed-posts .col-2 article,
	#related-posts .col-2 article,
	#related-posts .col-3 article,
	#related-posts .col-4 article {
	    width: 50%;
	    float: left;
	    padding: 0 15px;
	}
	#featured-posts article:nth-child(2n+1),
	#most-viewed-posts .col-2 article:nth-child(2n+1),
	#related-posts .col-2 article:nth-child(2n+1),
	#related-posts .col-3 article:nth-child(2n+1),
	#related-posts .col-4 article:nth-child(2n+1) {
		clear: left;
	}
	#most-viewed-posts .col-2 article:nth-last-child(-n+2),
	#related-posts .col-2 article:nth-last-child(-n+2),
	#related-posts .col-3 article:nth-last-child(-n+2),
	#related-posts .col-4 article:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	#posts-slider .featured-slider article {
	    padding: 200px 0;
	}
	#posts-slider .featured-slider .entry-container {
		padding: 30px;
	}
	.footer-widgets-area.col-2 .hentry,
	.footer-widgets-area.col-4 .hentry {
		width: 50%;
		float: left;
	}
	.footer-widgets-area.col-2 .hentry:nth-child(2n+1),
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
		clear: left;
	}
	.footer-widgets-area.col-2 .hentry:nth-child(odd),
	.footer-widgets-area.col-4 .hentry:nth-child(odd) {
		padding-right: 40px;
	}
	.footer-widgets-area.col-2 .hentry:nth-last-child(-n+2),
	.footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 767px) {
	.site-branding-wrapper {
	    clear: both;
	    width: 100%;
	    display: flex;
	    align-items: center;
	}
	.site-branding {
		width: 40%;
		float: left;
		text-align: left;
	    margin: 21px 0;
	}
	.site-advertisement {
	    width: 60%;
	    float: right;
	    text-align: right;
	}
	.site-branding + .site-advertisement {
	    margin-top: 0;
	}
	#breaking-news .news-title {
		float: left;
	}
	.breaking-news-slider article {
	    margin-top: 6px;
	}
	#featured-posts .featured-post-wrapper {
	    padding: 215px 0;
	}
	#latest-posts .half-width {
	    width: 33.6%;
	}
	#latest-posts .full-width {
	    width: 66.4%;
	}
	.full-width.grid-layout .entry-title {
	    font-size: 28px;
	}
	#popular-posts article.has-post-thumbnail .entry-container {
	    padding: 47px 0 47px 30px;
	}
	#posts-slider .featured-slider article {
	    padding: 250px 0;
	}
	#posts-slider .featured-slider .entry-title {
	    font-size: 28px;
	}
	.slider-related-posts.widget_recent_news.col-2 > ul {
		margin: 0 -15px;
	}
	.slider-related-posts.widget_recent_news.col-2 > ul > li {
	    width: 50%;
	    float: left;
	    padding: 0 15px;
	}
	.slider-related-posts.widget_recent_news.col-2 > ul > li:nth-child(2n+1) {
		clear: left;
	}
	#media-posts .col-2 {
		margin: 0 -15px;
	}
	#media-posts .col-2 .half-width {
	    width: 50%;
	    float: left;
	    padding: 0 15px;
	}
	#media-posts .media-posts-wrapper.col-2 {
	    margin-bottom: 30px;
	}
	#media-posts .media-posts-wrapper.col-2:last-child {
		margin-bottom: 0;
	}
	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous {
	    padding-right: 25px;
	}
	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		padding-left: 25px;
	}
	.comment-author.vcard,
	.comment-metadata {
	    display: inline-block;
	    vertical-align: middle;
	    margin-top: 0;
	}
	.comment-meta .fn:after {
	    content: "|";
	    margin-left: 5px;
	    display: inline-block;
	}
	.footer-widgets-area.col-3 .hentry {
		margin-bottom: 0;
		width: 33.33%;
		float: left;
	}
	.footer-widgets-area.col-3 .hentry:not(:last-child) {
		padding-right: 40px;
	}
}
@media screen and (min-width: 992px) {
	.archive-blog-wrapper article .archive-post-wrapper .entry-container {
		padding: 43px 50px;
	}
	.archive-blog-wrapper article.has-post-thumbnail .featured-image {
		width: 40.6%;
	}
	.archive-blog-wrapper article.has-post-thumbnail .entry-container {
		padding: 43px 50px;
		width: 59.4%;
	}
	.no-sidebar .comment-form-author,
	.no-sidebar .comment-form-email,
	.no-sidebar .comment-form-url {
	    width: 33.33%;
	    float: left;
	}
	.no-sidebar .comment-form-author input,
	.no-sidebar .comment-form-email input {
	    max-width: 93%;
	}
	.site-info.col-2 span {
	    width: 50%;
	    float: left;
	    text-align: left;
	    margin-bottom: 0;
	}
	.site-info.col-2 span:nth-child(2) {
	    width: 50%;
	    float: right;
	    text-align: right;
	}
}
@media screen and (min-width: 1025px) {
	.site-title {
		font-size: 42px;
	}
	#masthead .social-icons li:not(:last-child) {
	    margin-right: 15px;
	}
	#masthead .social-icons {
	    margin: 0;
	}
	.menu-overlay.active {
		display: none;
	}
	#site-navigation {
	    border-top: 5px solid #e5383e;
	}
	.main-navigation .social-menu-item ul {
	    position: relative;
	    top: 0;
	    left: 0;
	    z-index: 1;
	    float: none;
	    background-color: transparent;
	    box-shadow: none;
	}
	.main-navigation .social-menu-item ul li:not(:last-child),
	.main-navigation .social-menu-item ul li a {
	    border: none;
	}
	.main-navigation .social-menu-item .social-icons {
		padding: 5px 0;
	}
	.main-navigation li.social-menu-item {
	    float: right;
	}
	.main-navigation .nav-menu > li > a > svg.icon-down {
		fill: #fff;
	}
	#top-navigation .main-navigation ul.nav-menu > li > a {
		color: rgba(255, 255, 255, 0.50);
		padding: 11px 16px;
		position: relative;
	}
	#top-navigation .main-navigation ul.nav-menu > li.contact-info > a,
	#top-navigation .main-navigation ul.nav-menu > li.contact-info {
	    color: #fff;
	}
	#top-navigation .main-navigation ul.nav-menu > li > a:after {
		content: "";
	    background-color: rgba(255, 255, 255, 0.10);
	    position: absolute;
	    width: 1px;
	    height: 20px;
	    right: 0;
	    top: 17px;
	}
	#top-navigation .main-navigation ul.nav-menu > li:nth-last-child(-n+2) > a:after {
		display: none;
	}
	#top-navigation .social-icons li a {
		line-height: 38px;
	}
	#site-menu .search-menu {
		display: none;
	}
	#search-menu a svg {
	    fill: #949494;
	}
	.main-navigation {
        display: block !important;
	}
	.main-navigation a,
	.main-navigation ul.nav-menu > li > a {
		color: #fff;
	}
	.main-navigation li.menu-item-has-children:hover > a > svg,
	.main-navigation li.menu-item-has-children > a:hover > svg {
		fill: #fff;
	}
	#masthead .main-navigation ul.nav-menu li.current-menu-item > a,
	#masthead .main-navigation ul.nav-menu > li > a:hover,
	.main-navigation ul.nav-menu li:hover > a {
		color: #e5383e;
	}
	#masthead .main-navigation ul ul li.current-menu-item > a:hover {
	    color: #fff;
	}
	.main-navigation ul.nav-menu > li:hover > a > svg,
	.main-navigation ul.nav-menu > li.current-menu-item > a > svg {
		fill: #e5383e;
	 }
	.main-navigation ul.nav-menu,
	.main-navigation {
		display: block !important;
	    height: auto !important;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0;
		right: auto;
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}
	.main-navigation ul.sub-menu li a {
		border-bottom: none;
	}
	.main-navigation ul ul li:not(:last-child) {
	    border-bottom: 1px solid #ddd;
	}
	.main-navigation ul ul {
	    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	}
	.main-navigation ul.sub-menu li:hover > a,
	.main-navigation ul.sub-menu li:focus > a {
		background-color: #e5383e;
		color: #fff;
	}
	.main-navigation ul.sub-menu > li:last-child > a {
		border-bottom: none;
	}
	.main-navigation li.search-menu {
		display: none;
	}
	#masthead .social-icons li a svg {
		fill: #fff;
	}
	.main-navigation .search-active .icon-search {
		display: none;
	}
	.main-navigation .search-active .icon-close {
		display: inline-block;
	}
	#masthead .main-navigation ul ul li.menu-item-has-children > a {
	    padding-right: 35px;
	}
	#masthead .main-navigation ul ul li a svg {
	    display: inline-block;
	    top: 17px;
	    -webkit-transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    -o-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	}
	.main-navigation ul.nav-menu ul li.current-menu-item > a,
	.main-navigation ul.nav-menu ul li:hover > a,
	.main-navigation ul.nav-menu ul li:focus > a {
	    color: #fff;
	}
	.main-navigation ul ul li.menu-item-has-children:hover > a > svg,
	.main-navigation ul ul li.menu-item-has-children > a:hover > svg {
		fill: #fff;
	}
	button.dropdown-toggle,
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation li {
	    display: inline-block;
	}
	.main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:before {
	    content: "";
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid #fff;
	    position: absolute;
	    bottom: 0px;
	    left: 0;
	    right: 0;
	    width: 10px;
	    height: 10px;
	    margin: auto;
	}
	.main-navigation .left-menu {
	    padding-left: 50px;
	}
	.main-navigation ul.nav-menu > li.left-menu > a,
	.main-navigation ul.nav-menu > li.right-menu > a {
		padding-left: 5px;
		padding-right: 5px;
	}
	.main-navigation li.left-menu + li.right-menu:before {
	    content: "/";
	    position: absolute;
	    top: 50%;
	    margin-left: -6px;
	    color: #fff;
	    margin-top: -1px;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.main-navigation .main-navigation-search {
	    float: right;
	    padding: 12px 0;
	}
	.main-navigation form.search-form input {
	    background-color: #433e3e;
	    border: none;
	    color: #fff;
	    padding: 0 45px 0 15px;
	    height: 40px;
	    border-radius: 5px;
	}
	.main-navigation form.search-form {
	    min-width: 320px;
	    box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
	    border-radius: 25px;
	}
	.main-navigation form.search-form svg.icon-search {
		fill: rgba(255, 255, 255, 0.40);
	}
	.menu-sticky .nav-shrink #site-navigation {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	}
	.customize-support.menu-sticky .nav-shrink #site-navigation {
		top: 32px;
	}
	#top-navigation .main-navigation ul.nav-menu li a {
		font-weight: 400;
	}
	#top-navigation .main-navigation ul.nav-menu > li > a svg {
		fill: #2d3039;
	}
	#top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a,
	#top-navigation .main-navigation ul.nav-menu > li > a:hover,
	#top-navigation .main-navigation ul.nav-menu > li:hover > a {
		color: #fff;
	}
	#top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a svg,
	#top-navigation .main-navigation ul.nav-menu > li > a:hover svg,
	#top-navigation .main-navigation ul.nav-menu > li:hover > a svg {
		fill: #fff;
	}
	#masthead .main-navigation ul.nav-menu > li.main-navigation-search:before {
		display: none;
	}
	.main-navigation form.search-form ::-webkit-input-placeholder {
		color: #fff;
	}
	#page-site-header .wrapper {
	    position: absolute;
	    left: 0;
	    right: 0;
	    text-align: center;
	    width: 90%;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	#page-site-header .page-title {
		font-size: 54px;
	}
	.no-sidebar nav.navigation.pagination {
	    text-align: center;
	}
	#featured-posts article:nth-child(1n) {
	    width: 66.8%;
	}
	#featured-posts article:nth-child(2n) {
	    width: 33.2%;
	}
	#featured-posts article:nth-last-child(-n+2) {
	    margin-bottom: 0;
	}
	#featured-posts article:first-child .entry-container {
		padding: 40px 55px 33px 40px;
	}
	#featured-posts article .entry-container {
		padding: 40px 25px 20px 25px;
	}
	#featured-posts article:first-child .entry-title {
		font-size: 28px;
	}
	#main-posts-wrapper.left-sidebar {
		margin: 0 -15px;
	}
	#main-posts-wrapper.left-sidebar #primary-contents {
	    width: 66.8%;
	    float: right;
	    padding: 0 15px;
	}
	#main-posts-wrapper.left-sidebar #secondary-sidebar {
	    width: 33.2%;
	    float: right;
	    padding: 0 15px;
	}
	#posts-slider .featured-slider .entry-container {
	    padding: 43px 50px;
	}
	.slider-related-posts.widget_recent_news.col-2 > ul > li {
	    width: 100%;
	    float: none;
	}
	#media-posts .col-2 .half-width {
	    width: 100%;
	    float: none;
	}
	#related-posts .col-3 article,
	#related-posts .col-4 article {
		width: 25%;
		margin-bottom: 50px;
	}
	#related-posts .col-3 article {
		width: 33.33%;
	}
	#related-posts .col-3 article:nth-child(2n+1),
	#related-posts .col-4 article:nth-child(2n+1) {
		clear: none;
	}
	#related-posts .col-3 article:nth-child(3n+1),
	#related-posts .col-4 article:nth-child(4n+1) {
		clear: left;
	}
	#related-posts .col-4 article:nth-last-child(-n+3),
	#related-posts .col-4 article:nth-last-child(-n+4) {
		margin-bottom: 0;
	}
	.inner-wrapper-sticky {
	    padding-bottom: 50px;
	    display: block;
	}
	.right-sidebar #primary,
	.left-sidebar #primary {
    	width: 76.59%;
    	float: left;
	    padding-right: 30px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
    	width: 23.41%;
    	float: left;
    }
	.left-sidebar #primary {
		padding-left: 30px;
		padding-right: 0;
		float: right;
	}
    .no-sidebar #primary {
    	width: 100%;
    	float: none;
    	padding-right: 0;
    }
    .boxed-layout,
    .frame-layout {
	    background-image: url('assets/images/pattern.png');
	}
    .boxed-layout #page,
    .frame-layout #page {
	    max-width: 1200px;
	    width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	    background-color: #fff;
	}
	.frame-layout #page {
		margin: 50px auto;
	}
}
@media screen and (min-width: 1200px) {
	.full-width.grid-layout .featured-image {
	    padding: 250px 0;
	}
	.slider-related-posts.widget_recent_news.col-2 > ul > li,
	#media-posts .col-2 .half-width {
	    width: 50%;
	    float: left;
	}
	.footer-widgets-area.col-4 .hentry {
	    width: 25%;
		padding-right: 35px;
	}
	.footer-widgets-area.col-5 .hentry {
		width: 20%;
		float: left;
	}
	.footer-widgets-area.col-4 .hentry:last-child {
		padding-right: 0;
	}
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
	    clear: none;
	}
	.footer-widgets-area.col-4 .hentry:nth-child(4n+1),
	.footer-widgets-area.col-5 .hentry:nth-child(5n+1) {
	    clear: left;
	}
	.footer-widgets-area.col-4 .hentry:nth-last-child(-n+4) {
		margin-bottom: 0;
	}
	.site-info.col-3 span,
	.site-info.col-3 .social-icons {
	    width: 20%;
	    float: left;
	}
	.site-info.col-3 span {
	    text-align: left;
	}
	.site-info.col-3 .custom-menu {
	    width: 60%;
	    float: left;
	    text-align: center;
	}
	.site-info.col-3 .social-icons {
	    float: right;
	    text-align: right;
	}
}
@media screen and (min-width: 1900px) {
	.wrapper {
	    max-width: 1440px;
	}
	.site-branding {
		width: 30%;
	}
	.site-advertisement {
	    width: 70%;
	}
	#top-navigation .main-navigation ul.nav-menu > li > a {
		padding: 11px 30px;
	}
	.main-navigation ul.nav-menu > li > a {
	    padding: 18px 22px;
	}
	#masthead .main-navigation a {
	    font-size: 18px;
	}
	.boxed-layout #page,
	.frame-layout #page {
	    max-width: 1600px;
	}
	.site-info:before {
		max-width: 1410px;
	}
	.site-info.col-3 span,
	.site-info.col-3 .social-icons {
	    width: 15%;
	}
	.site-info.col-3 .custom-menu {
	    width: 70%;
	}
}
@media screen and (max-width: 1024px) {
	#top-navigation .main-navigation ul.nav-menu > li.contact-info > a {
		padding: 0;
		border-bottom: none;
	}
	.main-navigation a,
	#top-navigation .main-navigation ul.nav-menu > li.contact-info {
	    border-bottom: 1px solid #eee;
	}
	.main-navigation .wrapper {
	    width: 100%;
	    padding: 0;
	}
	.main-navigation ul ul a {
	    width: 100%;
	}
	.main-navigation ul ul,
	.main-navigation ul ul ul {
	    box-shadow: none;
	    float: none;
	    position: relative;
	    top: 0;
	    left: 0;
	    margin-bottom: 0;
	    display: none;
	}
	.main-navigation ul.sub-menu li {
	    padding-right: 0;
	}
	.main-navigation .menu-item-has-children > a:before {
	    content: "";
	    float: right;
	    position: relative;
	    right: 25px;
	    background-color: #ccc;
	    width: 1px;
	    height: 25px;
	}
	.main-navigation .menu-item-has-children > a:after {
	    padding-top: 3px;
	}
	.main-navigation ul.nav-menu > li > a,
	.main-navigation ul.sub-menu li a,
	#top-navigation .main-navigation ul.nav-menu > li.contact-info {
	    padding: 15px 15px 15px 25px;
	}
	.main-navigation ul.sub-menu li a {
		padding-left: 50px;
	}
	.main-navigation ul.sub-menu ul li a {
		padding-left: 75px;
	}
	.main-navigation ul.sub-menu ul ul li a {
		padding-left: 100px;
	}
	.main-navigation ul.sub-menu ul ul ul li a {
		padding-left: 125px;
	}
	.main-navigation .menu-item-has-children a svg {
		display: none;
	}
	.main-navigation ul.sub-menu li a {
		border-left: none;
	}
	.main-navigation ul.nav-menu {
	    margin-right: 0;
	    background-color: #fff;
	    border-top: 1px solid #eee;
	}
	.main-navigation {
		position: static;
	}
	.main-navigation a {
		color: #333;
	}
	.main-navigation svg.icon-search,
	.main-navigation svg.icon-down {
		fill: #333;
	    margin-top: -5px;
	}
	.main-navigation ul.sub-menu {
		border: none;
	}
	.main-navigation {
	    margin-top: 0;
	    position: absolute;
	    background-color: #fff;
	    z-index: 30000;
	    max-width: 100%;
	    top: 100%;
	    left: auto;
	    right: 0;
	    width: 100%;
	    display: none;
	}
	#top-navigation .main-navigation {
		display: none;
	}
	.main-navigation .search-menu a {
	    display: none;
	}
	.main-navigation form.search-form input {
	    background-color: #fff;
	    border: none;
	    min-height: 55px;
	}
	.main-navigation form.search-form button.search-submit {
		height: 59px;
	}
	.main-navigation form.search-form input {
		padding-left: 25px;
	}
	.main-navigation .sub-menu svg {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	    top: 28px;
	}
	#page-site-header {
		padding: 150px 0;
	}
	#secondary {
	    margin-top: 30px;
	}
	body.home:not(.blog) #secondary {
	    margin-top: 0;
	}
}

@media screen and (max-width: 992px) {
	.comments-title,
	#reply-title {
	    font-size: 28px;
	}
}
@media screen and (max-width: 767px) {
	#masthead.site-header .main-navigation ul.nav-menu {
		max-width: 100%;
	}
	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous,
	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		width: 100%;
    	margin: 15px 0;
	}
	.post-navigation span.previous-article b,
	.post-navigations span.previous-article b,
	.post-navigation span.next-article b,
	.post-navigations span.next-article b {
		font-size: 18px;
	}
	.comment-wrap {
	    margin-left: 0;
	}
	#commentform p.comment-form-comment,
	#commentform p.form-submit {
		margin-top: 21px;
	}
	.comments-title,
	#reply-title {
	    font-size: 26px;
	}
	#comments {
	    margin-top: 40px;
	}
}
@media screen and (max-width: 567px) {
	.site-branding {
	    display: block;
	}
	.site-logo {
	    margin-right: 0;
	}
	.site-logo + #site-identity {
	    margin-top: 20px;
	}
	.pagination .page-numbers.prev,
	.pagination .page-numbers.next {
		top: 0;
	}
	.pagination .prev.page-numbers:before,
	.pagination .next.page-numbers:before {
		width: 35px;
		height: 10px;
	}
	.pagination .page-numbers.prev,
	.pagination .page-numbers.next {
		margin-left: 0;
		margin-right: 0;
	}
	.reply {
		padding-left: 0;
	}
	#comments ol.children {
	    margin-left: 25px;
	}
	.comment-meta .fn {
	    margin-left: 0;
	    margin-top: 10px;
	}
	.footer-widgets-area .hentry:last-child,
	.footer-widgets-area.col-3 .hentry:last-child {
		margin-bottom: 0;
	    padding-right: 0;
	}
}

article {
	font-family: Helvetica, 'Roboto',  Arial, sans-serif;
	font-size: 17px;
	line-height: 1.6;
	letter-spacing: 0.3px;
	word-spacing: 1.2px;
	color: #444;
}

.site-logo img {
	transform: translateY(-13px);
}