/*
Theme Name: Blog Diary 
Theme URI: https://themepalace.com/downloads/blog-diary
Author: Theme Palace
Author URI: https://themepalace.com
Description: Blog Diary is a new generation WordPress personal blog theme, that can give your readers immersive browsing experience. Blog Diary theme is fully compatible with Gutenberg Content Editor. It is designed for personal blog, blogger, journal, lifestyle, magazine, photography, editorial, traveler. This theme will help you create a simple and clean blog. If you are a blogger, then it’s a perfect choice for you if you don’t need to have any experiment to setup your WordPress personal blog. It’s super simple and easy to setup and you will get high quality, responsive, well crafted blog out of the box to make writers only focus on writing content.
Version: 1.2.4
Requires at least: 5.0
Tested up to: 6.2
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blog-diary
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, three-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, 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.

Blog Diary  is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores 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: #ff4443;
	-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: #ff4443;}
    25% {height:30px;transform:translateY(15px);background: #ff4443;}
    50% {height:5px;transform:translateY(0px);background: #ff4443;}
    100% {height:5px;transform:translateY(0px);background: #ff4443;}
}

.backtotop {
    background-color: #333;
    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: #46c4f3;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

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

@keyframes colorchange {
	0%   {border-color: #e30048;}
	25%  {border-color: #ff4443;}
	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: 'Oxygen', sans-serif;
	font-weight: 400;
}

#page {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden; 
    box-shadow: 0 0 15px #aaa;
}

#content {
    position: relative;
    padding:60px 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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: #333;
	margin: 16px 0;
	line-height: 1.5;
	font-weight: 600;
    font-family: 'Raleway', 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: 10px 25px;
    font-weight: 400;
}

th {
	color: #fff;
}

td#next {
    text-align: right;
}
/*--------------------------------------------------------------
# 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: #fff;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

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

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

body {
	background: #f4f4f4; /* Fallback for when there is no custom background color defined. */
}
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: 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;
	text-decoration: none;
}

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

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;
	outline: thin dotted;
	text-decoration: none;
}

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 {
	color: #666;
	border: 1px solid #e0e0e0;
	border-radius: 0;
	padding: 3px;
	background-color: #fff;
    border: 1px solid #eaedf3;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    font-family: 'Raleway', sans-serif;
}

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;
	outline: thin dotted;
}

textarea {
	width: 100%;
}

textarea,
#respond input,
.wpcf7 input {
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    padding: 0 15px;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
    width: 20px;
}
#respond textarea {
    height: 200px;
    padding: 15px;
    background-color: #fff;
    border-radius: 0;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    background-color: #fff;
    border-radius: 0;
    min-height: 50px;
}
#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond input[type="url"]:focus,
#respond textarea:focus {
	border-color: #999;
}
#respond input[type="submit"] {
	padding: 10px 30px;
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    background-color: #46c4f3;
    color: #fff;
    position: relative;
    text-align: center;
    font-family: 'Raleway', 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;
}
#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus {
	background-color: #212121;
    color: #fff;
}
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;
}
.comment-author.vcard {
    display: inline-block;
}
.tagcloud a {
    text-decoration: none;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #333;
	text-decoration: underline;
}

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


a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3000;
    background-color: #131313;
    -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: #333;
}
#masthead .social-icons {
    margin: 10px 0 0;
}
#masthead a,
.byline a, 
.posted-on a,
.comment-metadata a, 
.comment-metadata a time,
#commentform p a,
#must-read a {
	text-decoration: none;
}
.site-title a {
    text-decoration: none;
}
ul li a {
	text-decoration: none;
}
.site-branding {
    text-align: center;
    margin: auto;
    position: relative;
}
.site-branding + .site-advertisement {
    margin-top: 20px;
}
.site-logo + #site-identity {
    margin-top: 15px;
}
.site-title {
    margin: 0;
    line-height: 1.3;
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 800;
    -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;
    text-decoration: none;
}
.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: 'Raleway', sans-serif;
}
.main-navigation {
	display: block;
    position: relative;
}
.main-navigation ul.nav-menu li.current-menu-item > a {
	font-weight: 500;
}
.main-navigation ul.nav-menu li.current-menu-item > a,
.main-navigation ul.nav-menu li:hover > a {
    color: #ff4443;
}
.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: #ff4443;
}
.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 .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: 15px 18px;
    color: #333;
}
.main-navigation form.search-form input {
    background-color: #333;
    border-color: #333;
    color: #333;
    font-weight: 400;
}
.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: #ff4443;
}
.main-navigation a:hover,
.main-navigation ul.nav-menu > li > a:hover {
    color: #ff4443;
}
.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;
}
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: 12px;
    height: 12px;
    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: #212121;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.menu-toggle:focus {
    outline: thin dotted #fff;
}
.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: 'Raleway', sans-serif;
}
#top-navigation {
    background-color: #fff;
}
#top-navigation .main-navigation ul.nav-menu > li > a {
    text-transform: none;
    letter-spacing: 0.01em;
}
#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;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	position: relative;
}
.navigation.post-navigation, 
.navigation.posts-navigation {
    margin-top: 30px;
    padding: 23px 20px;
    background-color: #fff;
    border: 1px solid #eaedf3;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 500;
    color: #212121;
    text-decoration: none;
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
	color: #46c4f3;
}
.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: #212121;
    background-color: #fff;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #46c4f3;
    border-color: #46c4f3;
}
.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 12px;
    height: 12px;
}
.pagination .next.page-numbers svg {
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.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;
}
#secondary ul li a {
	text-decoration: none;
}
.posted-on a,
#secondary .posted-on a,
.tags-links a {
    text-decoration: none;
}
/*--------------------------------------------------------------
# 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,
.post-archive:before,
.post-archive: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,
.post-archive:before,
.post-archive: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;
}

#secondary .widget_archive select {
    margin: 0 0 25px 25px;
}

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

form.search-form button.search-submit {
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    border-radius: 0;
}
.widget_search form.search-form .search-submit {
    width: auto;
    color: #fff;
    background-color: #212121;
    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: #46c4f3;
	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: #fff;
}
.widget.widget_media_image img {
    width: 100%;
}
form.search-form {
    position: relative;
}

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

.no-results.not-found {
    padding: 50px;
}
.no-results.not-found form.search-form input,
.error-404.not-found form.search-form input {
    padding: 0 40px 0 40px;
}
.no-results.not-found form.search-form .search-submit:hover svg {
	fill:#46c4f3;
}
.error-404.not-found {
    text-align: center;
    margin: auto;
}
.error404 .search-form {
    max-width: 600px;
    text-align: center;
    margin: auto;
}
.error404.right-sidebar #primary,
.error404.left-sidebar #primary {
    width: 100%;
}
#wp-calendar tbody td {
    text-align: center;
}

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

#wp-calendar {
    display: table;
}
#wp-calendar td, 
#wp-calendar th {
    padding: 5px;
}
td#next {
    text-align: right;
}
#secondary .widget.widget_calendar th {
    color: #000;
}
span.cat-links .post-categories li:not(:last-child):after {
    content: ",";
    padding: 0 5px;
}

.single span.cat-links .post-categories li:not(:last-child):after {
	padding: 0;
}

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

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

.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;
}
.footer-widgets-area .widget.widget_instagram ul {
    padding: 20px 0 !important;
    display: inline-block;
}
.widget.widget_instagram ul .hentry {
    float: left;
    margin-bottom: 0 !important;
    padding: 0;
}
.widget.widget_instagram ul.three-column .hentry {
    width: 33.33%;
}
.widget.widget_instagram ul.two-column .hentry {
    width: 50%;
}
.widget.widget_instagram ul.one-column .hentry {
    width: 100%;
    float: none;
}
.footer-widgets-area.col-4 .widget.widget_instagram .hentry:nth-child(4n+1),
.footer-widgets-area.col-5 .widget.widget_instagram .hentry:nth-child(5n+1) {
	clear: none;
}
.footer-widgets-area.col-2 .widget.widget_instagram .hentry:nth-child(odd),
.footer-widgets-area.col-4 .widget.widget_instagram .hentry:nth-child(odd) {
     padding-right: 0px; 
}
.footer-widgets-area.col-4 .widget.widget_instagram ul.two-column .hentry:nth-child(2n+1),
.widget.widget_instagram ul.three-column .hentry:nth-child(3n+1) {
    clear: left;
}
.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-title,
.widgettitle,
.widget.widget_block h1,
.widget.widget_block h2,
.widget.widget_block h3,
.widget.widget_block h4,
.widget.widget_block h5,
.widget.widget_block h6 {
    margin: 0 0 25px;
    font-weight: 800;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    background-color: #333;
    padding: 15px;
}
#secondary .widget ul {
    margin-bottom: 25px;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 30px;
}
#secondary .widget ul {
    padding-left: 30px;
    margin-left: 14px;
}
#secondary .widget ul li {
    padding-right: 30px;
}
input[type="submit"] {
    padding: 10px 30px;
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    background-color: #ff4443;
    color: #fff;
    position: relative;
    text-align: center;
    font-family: 'Raleway', 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: #212121;
    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: #ff4443;
    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: #ff4443;
}
.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;
}
.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: #46c4f3;
}
.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: #ff4443;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary .widget .social-icons {
    text-align: center;
    margin-top: -10px;
}
#secondary .widget .social-icons ul {
    margin-bottom: 0px;
    margin-left: 0;
    padding:0;
}
#secondary .widget .social-icons ul li {
	padding-right: 0;
}
#secondary .widget.widget_instagram ul {
	padding-left: 0;
    margin-left: 0;
}
#secondary .widget.widget_instagram ul li {
	padding-right: 0;
}
#secondary .widget_popular_post ul,
#secondary .widget_recent_post ul {
   padding: 0 20px;
   margin: 0;
}
#secondary .widget .social-icons li a:hover svg,
#secondary .widget .social-icons li a:focus svg {
	fill: #fff;
}
#secondary .widget {
    background-color: #fff;
    overflow: hidden;
    border-radius: 8px;
}
.widget svg {
	fill: #ff4443;
}
#secondary a,
#secondary li {
    color: #212121;
}
#secondary a:hover,
#secondary a:focus {
    color: #46c4f3;
}
#secondary .widget ul li a:hover {
    text-decoration: underline;
}
#secondary .widget.widget_about .aboutwidget,
#secondary .widget.widget_text .aboutwidget,
#secondary .widget.widget_text .textwidget {
    text-align: center;
    padding: 25px;
}
.widget.widget_about .aboutwidget h5,
.widget.widget_text .aboutwidget h5,
.widget.widget_text .textwidget h5  {
    margin-bottom: 0;
    font-weight: 600;
}
.widget.widget_about .aboutwidget img,
.widget.widget_text .aboutwidget img,
.widget.widget_text .textwidget img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.widget.widget_text .textwidget img {
    display: inline-block;
    margin-bottom: 0;
}
#secondary .widget_categories form {
    padding: 0 0 25px 25px;
}
#secondary .calendar_wrap {
    padding: 25px 25px 10px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0;
}

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

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

.single .byline {
    color: #000;
}

.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: #212121;
    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: #212121;
    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: #46c4f3;
}
.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: 30px;
	font-size: 42px;
	font-weight: 600;
}
.post-categories {
    list-style: none;
    padding-left: 0;
}
span.cat-links .post-categories li {
    display: inline-block;
}
.post-categories li:last-child {
	margin-right: 0;
}
.post-categories a:hover,
.post-categories a:focus {
	color: #46c4f3;
}
#must-read .post-categories li a:hover,
.archive-blog-wrapper .post-categories li a:hover,
#latest-post .post-categories li a:hover {
	color: #333;
}
.byline {
    color: #fff;
}
.entry-meta > span:not(:last-child):after {
    content: "";
    background-color: #fff;
    display: inline-block;
    width: 1px;
    height: 20px;
    vertical-align: middle;
    margin: 0 5px;
    padding: 0;
}
.single .entry-meta > span:not(:last-child):after {
    background-color: #000;
}
.byline a,
.posted-on a {
	color: #212121;
	text-decoration: none;
}
.byline a:hover,
.byline a:focus,
.posted-on a:hover,
.posted-on a:focus {
	color: #46c4f3;
}
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 {
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-left: 80px;
    display: inline-block;
    margin-top: 3px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
}
.comment-meta .fn {
    margin-left: 20px;
    margin-top: 30px;
}
.comment-content {
    margin-bottom: 13px;
    margin-top: -45px;
    margin-left: 80px;
    padding: 55px 20px 20px;
    background-color: #fff;
    border: 1px solid #eaedf3;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
}
#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: #46c4f3;
    padding: 5px 20px;
    text-decoration: none;
    -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: #212121;
    color: #fff;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #212121;
    font-size: 16px;
    margin-right: 5px;
    font-weight: 400;
    text-decoration: none;
}
.comment-meta .fn:after {
    content: "|";
    color: #72757a;
    margin: 0 3px;
}
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comment-metadata a time {
	color: #46c4f3;
}
.comment-metadata a,
.comment-metadata a time {
    color: #212121;
    text-decoration: none;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
	color: #46c4f3;
}
.comment-metadata {
    display: inline-block;
    margin-left: -5px;
}
.comment-content p {
    margin-bottom: 0;
}
#comments {
    margin-top: 40px;
}
.comment-wrap {
    background-color: #fff;
    padding: 20px;
    margin-left: 80px;
}
.logged-in-as a {
    text-decoration: none;
}
.comment-awaiting-moderation {
    display: none;
}
#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;
}
.comment-form-cookies-consent {
    clear: both;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
.wp-block-search .wp-block-search__label {
    display: none;
}
.wp-block-search__input {
    padding: 0 55px 0 15px;
    height: 40px;
    background-color: #fff;
}
.wp-block-search__button {
    width: auto;
    color: #fff;
    background-color: #212121;
    border-color: #212121;
    left: auto;
    right: 0;
    font-size: 14px;
    height: 40px;
    line-height: 10px;
}
.wp-block-search__button:hover,
.wp-block-search__button:focus {
    background-color: #46c4f3;
    border-color: #46c4f3;
}
/*--------------------------------------------------------------
# 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;
}
.home.blog #inner-content-wrapper {
    margin-top: 30px;
}
.relative:before,
.relative:after {
	content: "";
	display: table;
	clear: both;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.page-section {
	padding: 30px 0;
}
.entry-content {
	margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.entry-title,
.section-title {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 11px;
    color: #212121;
    word-wrap: break-word;
}
.entry-title a,
.section-title a,
ul li a {
    text-decoration: none;
}
.section-title {
    color: #212121;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 800;
    margin-bottom: 0;
}
.section-title a,
.entry-title a,
.trail-items li a,
ul.post-categories li a,
#colophon li a {
	text-decoration: none;
}
.overlay {
	background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.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: #ff4443;
	color: #fff;
	position: relative;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-decoration: none;
	-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: #212121;
    color: #fff;
}
#infinite-handle {
    text-align: center;
    margin-bottom: 30px;
}
button:focus {
	border: none;
}
/*--------------------------------------------------------------
# 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: -3px;
}

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

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

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

.gallery-item img {
    width: 100%;
}

.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 li:not(:last-child) {
    margin-right: 5px;
}
.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: #333;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus {
 	background-color: #3c5798 !important;
}
.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus {
 	background-color: #1ea0f1 !important;
}
.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus {
 	background-color: #0077B5 !important;
}
.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus {
 	background-color: #ec7161 !important;
}

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

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

.social-icons li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:focus {
 	background-color: #bd081b !important;
}

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

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

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

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

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

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

.social-icons li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus {
 	background-color: #B9358A !important;
}

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

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

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

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

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

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

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

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

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

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

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

.social-icons li a[href*="slack.com"]:hover,
.social-icons li a[href*="slack.com"]:focus {
 	background-color: #E60264 !important;
}
/*--------------------------------------------------------------
#  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;
}
/*--------------------------------------------------------------
#  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: 8px;
    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;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); 
}
.slick-prev:before, 
.slick-next:before {
    content: "";
    background-image: url('assets/uploads/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;
}
header.page-header,
#breadcrumb-list {
	position: relative;
}
#page-site-header .page-title {
	font-size: 32px;
	color: #fff;
    margin: 0;
    line-height: 1.5;
}

/*--------------------------------------------------------------
#  Banner image
--------------------------------------------------------------*/
#header-banner-image {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 95px 0;
    position: relative;
    z-index: 10;
}


/*--------------------------------------------------------------
#  Featured Slider
--------------------------------------------------------------*/
#featured-slider article {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 250px 0;
    border-radius: 25px;
    overflow: hidden;
}
#featured-slider .entry-container {
    position: absolute;
    bottom: 0;
    padding: 0 50px;
    background-color: rgba(0, 0, 0, 0.5);
    right: 0;
    left: 0;
}
.display-block {
    display: block;
}
.display-none {
    display: none;
}
#featured-slider .entry-title a,
#featured-slider .entry-content,
#featured-slider .entry-meta a,
#featured-slider .entry-content a {
    color: #fff;
}
#featured-slider .entry-title a:hover,
#featured-slider .entry-title a:focus,
#featured-slider .entry-meta a:hover,
#featured-slider .entry-meta a:focus,
#featured-slider .entry-content a:hover,
#featured-slider .entry-content a:focus,
#featured-slider .post-categories a:hover,
#featured-slider .post-categories a:focus {
	opacity: 0.8;
}
#featured-slider .entry-container {
    position: absolute;
    bottom: 0;
    padding: 30px 50px;
}
.entry-meta span {
    display: inline-block;
}
#featured-slider .entry-title {
	line-height: 1.2;
}
#featured-slider .slick-prev {
    left: 22px;
}
#featured-slider .slick-next {
    right: 22px;
}
#featured-slider .slick-arrow:active {
	opacity: 0.3;
}
#featured-slider .slick-prev, 
#featured-slider .slick-next {
    background-color: transparent;
}
#featured-slider .slick-arrow:hover,
#featured-slider .slick-arrow:focus {
	background-color: #fff;
}
#featured-slider .slick-arrow:before {
	width: 20px;
	height: 20px;
}
#featured-slider .posted-on a:before,
#featured-slider .byline a:before,
#popular-posts .posted-on a:before,
#popular-posts .byline a:before,
.recent-posts-wrapper .posted-on a:before,
.recent-posts-wrapper .byline a: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);
}
#featured-slider .slick-arrow:hover:before,
#featured-slider .slick-arrow:focus:before,
#popular-posts .popular-post-wrapper:hover .posted-on a:before,
#popular-posts .popular-post-wrapper:hover .byline a:before {
	filter: none;	
}


/*--------------------------------------------------------------
#  Featured Posts
--------------------------------------------------------------*/
article:before, article:after {
    content: "";
    clear: both;
    display: table;
}
.regular.hentry:not(:last-child) {
    margin-bottom: 30px;
}
.regular.hentry:nth-child(2n+1) {
    clear: left;
}
.education-wrapper {
    background-color: #fff;
    margin: 0 15px;
    border-radius: 25px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05); 
}
#featured-post {
    margin: 0 -15px;
}
#featured-post .education-wrapper article {
    border-bottom: 1px solid #eee;
    padding: 20px;
}
#featured-post .education-wrapper article:last-child {
    border-bottom: none;
}
#featured-post .education-wrapper article:first-child {
	padding: 0;
}
#featured-post .featured-image img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-right: 20px;
    border-radius: 5px;
    float: left;
}
#featured-post .entry-container {
    display: table;
}
.education-wrapper .entry-container .entry-title {
    font-size: 16px;
    margin-bottom: 0;
}
.education-wrapper .entry-title a:hover,
#featured-post .byline, 
#featured-post .byline a:hover, 
#featured-post .posted-on a:hover {
    color: #10d2c1;
}
#featured-post .entry-container .entry-content,
#featured-post .entry-container .btn {
    display: none;
}
#featured-post article:first-child .featured-image img {
    width: 100%;
    height: auto;
    float: none;
    margin-right: 0;
    border-radius: 0;
}
.education-wrapper .entry-meta > span:not(:last-child):after {
    background-color: #b4b4b4;
}
#featured-post .post-categories li {
	display: inline-block;
}
#featured-post article:first-child .entry-container ul.post-categories a {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Oxygen', sans-serif;
}
#featured-post article .entry-container ul.post-categories a {
    font-size: 14px;
    color: #7acbbd;
}
#featured-post .byline,
#featured-post .byline a,
#featured-post .posted-on a,
#secondary .widget .byline,
#secondary .widget .byline a,
#secondary .widget .posted-on a {
    color: #b4b4b4;
    font-size: 14px;
}
#secondary .widget ul li a:hover time {
    color: #46c4f3;
}
#featured-post article:first-child .entry-container {
    padding: 30px;
}
#featured-post article:first-child .entry-container .entry-title {
    font-size: 24px;
}
#featured-post article:first-child .entry-container a.btn {
    width: auto;
    display: inline-block;
}
#featured-post article .section-title {
    font-size: 18px;
    font-weight: 800;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    color: #7acbbd;
    padding: 15px 30px;
    display: inline-block;
}
#featured-post article .section-title a {
    color: #7acbbd;
}
#featured-post article .section-title a:hover,
#featured-post article .section-title a:focus {
    color: #333;
}
#featured-post article:first-child .entry-container .entry-content,
#featured-post article:first-child .entry-container .btn {
	display: block;
}
#featured-post article:first-child .entry-container a.btn {
    width: auto;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #10d2c1;
    color: #10d2c1;
    padding: 12px 20px;
    line-height: 17px;
    min-width: 120px;
    min-height: 40px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
}
#featured-post article:first-child .entry-container a.btn:hover {
    color: #fff;
    background-color: #10d2c1;
}
#featured-post article:first-child .entry-content p {
    margin: 10px 0;
}
#featured-post .design .section-title a,
#featured-post .design article .entry-container ul.post-categories a {
    color: #46c4f3;
}
#featured-post .design article:first-child .entry-container a.btn {
   background-color: transparent;
    color: #46c4f3;
    border: 2px solid #46c4f3;
}
#featured-post .design article:first-child .entry-container a.btn:hover {
    background-color: #46c4f3;
    border: 2px solid #46c4f3;
    color: #fff;
}
.design .entry-title a:hover,
#featured-post .design .byline a:hover, 
#featured-post .design .posted-on a:hover {
    color: #46c4f3;
}
#featured-post .regular button {
    position: absolute;
    top: 30px;
    background-color: transparent;
    box-shadow: none;
    width: auto;
    height: auto;
}
#featured-post button.slick-prev.slick-arrow {
    left: auto;
    right: 55px;
}
#featured-post button.slick-prev.slick-arrow:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    height: 16px;
    width: 1px;
    display: inline-block;
    margin: 0 10px;
}
#featured-post button.slick-next.slick-arrow {
    right: 35px;
}
#featured-post .slick-prev:hover,
#featured-post .slick-next:hover,
#featured-post .slick-prev:focus,
#featured-post .slick-next:focus {
    background-color: transparent;
}
#featured-post .slick-prev:hover:before,
#featured-post .slick-next:hover:before,
#featured-post .slick-prev:focus:before,
#featured-post .slick-next:focus:before {
    -webkit-filter: brightness(1) invert(0);
    -moz-filter: brightness(0) invert(0);
    -ms-filter: brightness(0) invert(0);
    -o-filter: brightness(0) invert(0);
    filter: brightness(1) invert(0);
    opacity: 1;
}
/*--------------------------------------------------------------
#  Latest Posts
--------------------------------------------------------------*/
#latest-post {
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05); 
    margin-top: 30px;
}
#latest-post.col-4 .hentry:nth-child(4n+1) {
    clear: left;
}
#latest-post h2.section-title,
#latest-post .post-categories li a,
#latest-post .entry-container .entry-title a:hover,
#latest-post .posted-on a:hover {
    color: #ff8737;
}
#latest-post .hentry {
    padding: 0 10px;
    margin-bottom: 30px;
}
#latest-post.col-4 .hentry:nth-child(n+9) {
    margin-bottom: 0;
}
#latest-post.col-3 .hentry:nth-child(3n+1) {
    clear: left;
}
#latest-post.col-3 .hentry:nth-child(n+10) {
    margin-bottom: 0;
}
#latest-post.col-2 .hentry:nth-child(2n+1),
#must-read.col-2 .hentry:nth-child(2n+1) {
    clear: left;
}
#latest-post .hentry:nth-child(n+11) {
    margin-bottom: 0;
}
#latest-post .featured-image {
    padding: 80px 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 8px;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#latest-post .section-header,
#blog .section-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 20px;
}
#latest-post .section-content {
    padding: 20px;
    margin: 0 -10px;
}
#latest-post .entry-container {
    padding: 14px 0 0px 0;
}
#latest-post .entry-container .entry-title,
#must-read .entry-container .entry-title {
    font-size: 16px;
    margin: 0;
}
#latest-post .entry-meta > span:not(:last-child):after,
#must-read .entry-meta > span:not(:last-child):after,
.archive-blog-wrapper .entry-meta > span:not(:last-child):after {
    background-color: #d8d8d8;
}
#latest-post .posted-on a,
#must-read .posted-on a,
.archive-blog-wrapper .posted-on a {
	color: #949494;
}
.entry-meta span {
    font-size: 14px;
}

/*--------------------------------------------------------------
#  Must Read 
--------------------------------------------------------------*/
#must-read p a {
    text-decoration: none;
}
#must-read.page-section {
    padding: 45px 0 30px 0;
}
#must-read .section-header {
    margin-bottom: 15px;
}
#must-read.col-3 .hentry:nth-child(3n+1) {
    margin-bottom: 30px;
    clear: left;
}
#must-read .section-content {
    margin: 0 -15px;
}
#must-read article.hentry {
    padding: 0 15px;
    margin-bottom: 30px;
}
#must-read h2.section-title,
#must-read .post-categories li a,
#must-read .entry-container .entry-title a:hover,
#must-read .posted-on a:hover,
#must-read .entry-content a:hover {
	color: #eb4986;
}
#must-read .featured-image {
    padding: 115px 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 25px;
}
#must-read .entry-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 25px;
    margin-top: -50px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05); 
}
#must-read .entry-content p {
    margin: 5px 0 0 0;
}

/*--------------------------------------------------------------
#  Blog 
--------------------------------------------------------------*/
.archive-blog-wrapper h2.section-title,
.archive-blog-wrapper .post-categories li a,
.archive-blog-wrapper article.has-post-thumbnail .entry-title a:hover,
.archive-blog-wrapper .byline a:hover,
.archive-blog-wrapper .posted-on a:hover {
	color: #865fc1;
}
.archive-blog-wrapper {
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05); 
}
.archive-blog-wrapper article.has-post-thumbnail {
    position: relative;
    display: table;
    width: 100%;
}
.archive-blog-wrapper article.has-post-thumbnail .featured-image {
    width: 45%;
    float: left;
    border-radius: 8px;
}
.archive-blog-wrapper article.has-post-thumbnail .entry-container {
    width: 55%;
    float: right;
    text-align: left;
    padding: 30px 40px 25px;
}
.archive-blog-wrapper .byline,
.archive-blog-wrapper .byline a {
    color: #949494;
}
.archive-blog-wrapper article .entry-container a.btn {
    width: auto;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #865fc1;
    color: #865fc1;
    padding: 12px 20px;
    line-height: 17px;
    min-width: 120px;
    min-height: 40px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
}
.archive-blog-wrapper article .entry-container a.btn:hover,
.archive-blog-wrapper article .entry-container a.btn:focus {
    background-color: #865fc1;
    color: #fff;
}
.archive-blog-wrapper article.has-post-thumbnail .entry-title {
    margin-bottom: 0;
}
.archive-blog-wrapper .post-wrapper {
    padding: 20px;
}
.archive-blog-wrapper article:last-child {
    border-bottom: none;
}
.archive-blog-wrapper article {
    margin-bottom: 0;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}
.archive-blog-wrapper article:last-child {
    margin-bottom: 0;
}
.archive-blog-wrapper article .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-color: #333;
    padding: 150px 0;
}
.archive-blog-wrapper article .entry-meta {
    margin-bottom: 14px;
}
.archive-blog-wrapper article .entry-content {
    margin-bottom: 20px;
}
.archive-blog-wrapper .entry-content p {
    margin-bottom: 0;
}
.load-more .btn:hover {
    background-color: #000;    
}
/*--------------------------------------------------------------
#  Single Post
--------------------------------------------------------------*/
.single .posted-on {
    margin-bottom: 15px;
    display: block;
}
.widget_popular_post ul,
.widget_recent_post ul {
    padding: 0 20px;
    margin: 0;
    list-style: none;
    clear: both;
}
.widget.widget_popular_post ul li,
.widget.widget_recent_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget_popular_post img, .widget_recent_post img, .widget_featured_post img {
    max-width: 50px;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 14px;
    border-radius: 8px;
}
.widget_popular_post h3, .widget_recent_post h3, .widget_featured_post h3 {
    font-size: 16px;
    display: table-row;
    letter-spacing: 0.01em;
    font-weight: 600;
}
.widget .entry-meta span {
    display: inline-block;
}
.widget.widget_recent_post ul li .entry-meta ul li {
    margin-bottom: 0px;
    vertical-align: middle;
}
.widget .entry-meta > span:not(:last-child):after {
    background-color: #b4b4b4;
}
.widget .entry-meta .post-categories {
    padding: 0;
    padding-left: 0;
}

/*--------------------------------------------------------------
# 					Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #333;
    color: #fff;
}
#colophon .widget-title,
#colophon .widget.widget_block h1,
#colophon .widget.widget_block h2,
#colophon .widget.widget_block h3,
#colophon .widget.widget_block h4,
#colophon .widget.widget_block h5,
#colophon .widget.widget_block h6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 15px;
    padding-left: 0;
    margin-bottom: 30px;
}
#colophon ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#colophon .textwidget p,
.site-info span,
#colophon .posted-on a {
    color: #949494;
}
#colophon .textwidget {
    margin-top: 30px;
}
#colophon .textwidget p span,
.site-info span a {
    color: #fff;
}
#colophon .textwidget img {
    margin-top: 25px;
    display: block;
}
.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;
}
#colophon .widget.widget_recent_post ul li,
#colophon .widget.widget_popular_post ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
#colophon .widget .entry-meta ul li {
    border-bottom: none;
    margin-bottom: 0 !important;
    padding: 0px 0;
}
#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,
#colophon .widget.widget_block h1,
#colophon .widget.widget_block h2,
#colophon .widget.widget_block h3,
#colophon .widget.widget_block h4,
#colophon .widget.widget_block h5,
#colophon .widget.widget_block h6 {
	color: #fff;
}
#colophon ul li a:hover,
#colophon ul li a:focus {
	color: #fff;
	opacity: 0.8;
}
.footer-widgets-area .widget li a:hover {
    text-decoration: underline;
}
#colophon .widget_recent_entries li {
    position: relative;
}
#colophon .widget_recent_entries li a,
#colophon .widget_recent_entries li span {
    display: block;
}
.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;
}
#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 {
    margin-bottom: 20px;
    font-size: 18px;
}
#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-family: 'Muli', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
#colophon .widget_recent_entries ul li span:before {
	content: "";
    background-image: url('assets/uploads/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: 23px 0;
    position: relative;
    background-color: #212121;
}
.site-info span {
	display: block;
	text-align: center;
    margin: 0 0 10px;
}
.site-info span:last-child {
    margin-bottom: 0;
}
.copyright-text a:hover {
    text-decoration: underline;
}
.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;
}

/*--------------------------------------------------------------
# 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 #secondary a,
.header-font-1 #secondary,
.header-font-1 .post-navigation a,
.header-font-1 .posts-navigation a,
.header-font-1 .comment-metadata a,
.header-font-1 .comment-metadata a time,
.header-font-1 input[type="text"], input[type="email"],
.header-font-1 input[type="url"],
.header-font-1 input[type="password"],
.header-font-1 input[type="search"],
.header-font-1 input[type="number"],
.header-font-1 input[type="tel"],
.header-font-1 input[type="range"],
.header-font-1 input[type="date"],
.header-font-1 input[type="month"],
.header-font-1 input[type="week"],
.header-font-1 input[type="time"],
.header-font-1 input[type="datetime"],
.header-font-1 input[type="datetime-local"],
.header-font-1 input[type="color"],
.header-font-1 textarea {
	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 #secondary a,
.header-font-2 #secondary,
.header-font-2 .post-navigation a,
.header-font-2 .posts-navigation a,
.header-font-2 .comment-metadata a,
.header-font-2 .comment-metadata a time,
.header-font-2 input[type="text"], input[type="email"],
.header-font-2 input[type="url"],
.header-font-2 input[type="password"],
.header-font-2 input[type="search"],
.header-font-2 input[type="number"],
.header-font-2 input[type="tel"],
.header-font-2 input[type="range"],
.header-font-2 input[type="date"],
.header-font-2 input[type="month"],
.header-font-2 input[type="week"],
.header-font-2 input[type="time"],
.header-font-2 input[type="datetime"],
.header-font-2 input[type="datetime-local"],
.header-font-2 input[type="color"],
.header-font-2 textarea {
	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 #secondary a,
.header-font-3 #secondary,
.header-font-3 .post-navigation a,
.header-font-3 .posts-navigation a,
.header-font-3 .comment-metadata a,
.header-font-3 .comment-metadata a time,
.header-font-3 input[type="text"], input[type="email"],
.header-font-3 input[type="url"],
.header-font-3 input[type="password"],
.header-font-3 input[type="search"],
.header-font-3 input[type="number"],
.header-font-3 input[type="tel"],
.header-font-3 input[type="range"],
.header-font-3 input[type="date"],
.header-font-3 input[type="month"],
.header-font-3 input[type="week"],
.header-font-3 input[type="time"],
.header-font-3 input[type="datetime"],
.header-font-3 input[type="datetime-local"],
.header-font-3 input[type="color"],
.header-font-3 textarea {
	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 #secondary a,
.header-font-4 #secondary,
.header-font-4 .post-navigation a,
.header-font-4 .posts-navigation a,
.header-font-4 .comment-metadata a,
.header-font-4 .comment-metadata a time,
.header-font-4 input[type="text"], input[type="email"],
.header-font-4 input[type="url"],
.header-font-4 input[type="password"],
.header-font-4 input[type="search"],
.header-font-4 input[type="number"],
.header-font-4 input[type="tel"],
.header-font-4 input[type="range"],
.header-font-4 input[type="date"],
.header-font-4 input[type="month"],
.header-font-4 input[type="week"],
.header-font-4 input[type="time"],
.header-font-4 input[type="datetime"],
.header-font-4 input[type="datetime-local"],
.header-font-4 input[type="color"],
.header-font-4 textarea {
	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 #secondary a,
.header-font-5 #secondary,
.header-font-5 .post-navigation a,
.header-font-5 .posts-navigation a,
.header-font-5 .comment-metadata a,
.header-font-5 .comment-metadata a time,
.header-font-5 input[type="text"], input[type="email"],
.header-font-5 input[type="url"],
.header-font-5 input[type="password"],
.header-font-5 input[type="search"],
.header-font-5 input[type="number"],
.header-font-5 input[type="tel"],
.header-font-5 input[type="range"],
.header-font-5 input[type="date"],
.header-font-5 input[type="month"],
.header-font-5 input[type="week"],
.header-font-5 input[type="time"],
.header-font-5 input[type="datetime"],
.header-font-5 input[type="datetime-local"],
.header-font-5 input[type="color"],
.header-font-5 textarea {
	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;
}

/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
	
	.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) {
	.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;
	}
	.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;
	}
	.col-2 .hentry {
		width: 50%;
		float: left;
	}
}
@media screen and (min-width: 992px) {
	#latest-post.col-4 article:nth-last-child(-n+4) {
	    margin-bottom: 0;
	}
	.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%;
	}
	.footer-widgets-area.col-4 .hentry {
	    width: 25%;
		padding-right: 40px;
	}
	.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;
	}
	.col-3 .hentry {
		width: 33.33%;
		float: left;
	}
	.col-4 .hentry {
		width: 25%;
		float: left;
	}
}
@media screen and (min-width: 1024px) {
	#masthead .social-icons li:not(:last-child) {
	    margin-right: 15px;
	}
	#masthead .social-icons {
	    margin: 0;
	}
	.menu-overlay.active {
		display: none;
	}
	.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: 16px 0;
	}
	.main-navigation li.social-menu-item {
	    float: left;
        padding-right: 100px;
	}
	.main-navigation .nav-menu > li > a > svg.icon-down {
		fill: #fff;
	}
	#top-navigation .main-navigation ul.nav-menu > li > a {
		color: #949494;
		padding: 23px 18px;
		position: relative;
	}
	#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,
	.main-navigation ul.nav-menu .focus > a {
		color: #b4b4b4;
	}
	.main-navigation ul.nav-menu > li:hover > a > svg,
	.main-navigation ul.nav-menu > li.current-menu-item > a > svg {
		fill: #b4b4b4;
	 }
	.main-navigation ul.nav-menu,
	.main-navigation {
		display: block !important;
	    height: auto !important;
	    text-align: center;
	}
	.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 .focus ul.sub-menu li > a {
		background-color: #444;
		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 #444;
	    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: #E7E7E7;
	    border: none;
	    color: #333;
	    border-radius: 5px;
	    padding: 0 45px 0 40px;
	    box-shadow: none;
	}
	.main-navigation form.search-form {
	    min-width: 320px;
	    box-shadow: none;
	    border-radius: 5px;
	}
	.main-navigation form.search-form svg.icon-search {
		fill: #909090;
	}
	.menu-sticky .nav-shrink #site-navigation {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	}
	#top-navigation .main-navigation ul.nav-menu li a {
		font-weight: 600;
	}
	#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: #333;
	}
	#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: #333;
	}
	#masthead .main-navigation ul.nav-menu > li {
		margin-right: -3px;
	}
	#masthead .main-navigation ul.nav-menu > li.main-navigation-search:before {
		display: none;
	}
	#masthead .main-navigation ul.nav-menu > li:nth-child(2n):before {
		background-color: #0457ff;
	}
	#masthead .main-navigation ul.nav-menu > li:nth-child(3n):before {
		background-color: #f44040;
	}
	#masthead .main-navigation ul.nav-menu > li:nth-child(4n):before {
		background-color: #8c4dff;
	}
	#masthead .main-navigation ul.nav-menu > li:nth-child(5n):before {
		background-color: #ff0b47;
	}
	#masthead .main-navigation ul.nav-menu > li:nth-child(6n):before {
		background-color: #10aa38;
	}
	#masthead .main-navigation ul.nav-menu > li:nth-child(7n):before {
		background-color: #ff460d;
	}
	#masthead .main-navigation ul.nav-menu > li:nth-child(8n):before {
		background-color: #14b7bd;
	}
	.social-icons li:not(:last-child) {
	    margin-right: 0;
	}
	.no-sidebar nav.navigation.pagination {
	    text-align: center;
	}
	.right-sidebar #primary,
	.left-sidebar #primary {
    	width: 75%;
    	float: left;
	    padding-right: 30px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
    	width: 25%;
    	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 #page {
	    max-width: 1200px;
	    width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	}
	.frame-layout {
		max-width: 1600px;
		width: 90%;
		margin: 50px auto;
	}
}
@media screen and (min-width: 1900px) {
	.wrapper {
	    max-width: 1440px;
	}
	.site-branding {
		width: 30%;
	}
	.site-advertisement {
	    width: 70%;
	}
	.main-navigation ul.nav-menu > li > a {
	    padding: 15px 18px;
	}
	.boxed-layout #page {
	    max-width: 1600px;
	    width: 90%;
	}
	#featured-slider article {
	    padding: 300px 0;
	}
}

@media screen and (max-width: 1200px) {
	.main-navigation li.social-menu-item {
	    padding-right: 0;
	}
}
@media screen and (max-width: 1023px) {
	.main-navigation a {
	    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 {
	    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: 40px;
	}
	.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;
	}
	#top-navigation {
	    background-color: #212121;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	}
	.main-navigation ul.nav-menu .focus > a {
		color: #ff4443;
	}
	#secondary {
	    margin-top: 50px;
	}
	#page-site-header {
		padding: 150px 0;
	}
}

@media screen and (max-width: 992px) {
	#latest-post .hentry {
	    width: 50%;
	    float: left;
	}
	#latest-post .hentry:nth-child(n-2) {
	    margin-bottom: 20px;
	}
	#must-read .hentry {
	    width: 50%;
	    float: left;
	    margin-bottom: 20px;
	}
	.comments-title, 
	#reply-title {
	    font-size: 28px;
	}
}
@media screen and (max-width: 767px) {
	#masthead.site-header .main-navigation ul.nav-menu {
		max-width: 100%;
	}
	#featured-post .regular:first-child {
	    margin-bottom: 20px;
	}
	.archive-blog-wrapper article.has-post-thumbnail .featured-image {
	    width: 100%;
	    float: none;
	    border-radius: 8px;
	}
	.archive-blog-wrapper article.has-post-thumbnail .entry-container {
	    width: 100%;
	    float: none;
	    text-align: left;
	    padding: 30px 0px 0px;
	}
	.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: 667px) {
	#must-read .hentry {
	    width: 100%;
	    float: none;
	    margin-bottom: 20px;
	}
}
@media screen and (max-width: 567px) {
	.menu-label {
		display: none;
	}
	.site-branding {
	    display: block;
	}
	.site-logo {
	    margin-right: 0;
	}
	.site-logo + #site-identity {
	    margin-top: 20px;
	}
	#featured-slider .entry-container {
	    position: absolute;
	    bottom: 0;
	    padding: 20px;
	}
	#featured-slider .entry-title {
	    font-size: 18px;
	}
	#latest-post .hentry {
	    width: 100%;
	    float: none;
	}
	.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;
	}
	.comment-content {
		margin-left: 0;
	    background-color: #fff;
	    margin-top: 25px;
	    padding: 15px 20px;
	}
	.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;
	}
	.custom-menu ul li {
	    display: block;
	    margin: 0 0 10px;
	}
	.footer-widgets-area {
		text-align: center;
	}
	.textwidget img {
		margin-left: auto;
		margin-right: auto;
	}
}