/*
Theme Name: Moral Magazine
Theme URI: https://themepalace.com/downloads/moral-magazine/
Author: moralthemes
Author URI: https://moralthemes.com
Description: Moral Magazine is a complete magazine theme with multiple variations of design and excellent fits for news, magazines, blogs, publishing, and review sites. It provides plenty of unique features to make it a solid choice for your website, especially if your focus is on magazines or news. The theme helps you to display your content in a way that’s organized, attractive, and elegant. The theme is responsive and cross-browser which will make your site attractive and eye-catching in any browser and different variations of devices screen size. Amazing, fast-loading modern magazines theme for personal or editorial use. This modern magazines theme has everything you may need to easily create a magazine website that stands out.
Version: 1.0.5
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 6.5
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: moral-magazine
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, portfolio, blog

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

Blog 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.io/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: #e6432a;
    -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: #e6432a;}
    25% {height:30px;transform:translateY(15px);background: #e6432a;}
    50% {height:5px;transform:translateY(0px);background: #e6432a;}
    100% {height:5px;transform:translateY(0px);background: #e6432a;}
}

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

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

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

#page {
    position: relative;
}

#content {
    position: relative;
    margin-bottom: 32px;
}

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;
    color: #7b7b7b;
}

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: #000;
    margin: 16px 0;
    line-height: 1.4;
    font-weight: 400;
    font-family: 'Playfair Display', 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: #fff;
    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: #000; /* Fallback for when there is no custom background color defined. */
    overflow-x: hidden; 
}
blockquote {
    padding: 21px 25px;
    margin: 30px 0;
    font-size: 22px;
    line-height: 1.5;
}
blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}
blockquote p:before,
blockquote p:after {
    content: "“";
    display: inline-block;
}
blockquote p:after {
    content: "”";
}
blockquote p {
    margin: 0;
}

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

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

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

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

dd {
    margin: 0 1.5em 1.5em;
}

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

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

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

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

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

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    outline: thin dotted;
}

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

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%;
}
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;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #e6432a;
    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    color: #000;
}
.entry-title a,
.site-title a,
.cat-links a,
.tag-links a,
.btn,
.posted-on a,
.testimonial-name a {
    text-decoration: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3000;
    background-color: transparent;
    -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;
}
#masthead .social-icons {
    margin: 10px 0 0;
}
.site-branding-container {
    position: relative;
}
.site-branding-container .wrapper {
    position: relative;
    z-index: 1;
}
.site-branding {
    text-align: center;
}
.site-branding + .site-advertisement {
    margin-top: 20px;
}
/*.site-branding-wrapper {
    padding: 40px 0;
}*/

.site-logo + #site-identity {
    margin-top: 15px;
}
.site-logo {
    margin-right: 20px;
}
.site-logo {
    max-height: 60px;
    width: auto;
}
.site-title {
    margin: 0;
    line-height: 1.3;
    font-family: 'Lato', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-title a {
    color: #fff;
}
.dark-version .site-title a:hover,
.dark-version .site-title a:focus {
    opacity: 1;
    color: #e6432a;
}
.site-description {
    margin: 0;
    line-height: 1.3;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: 'Lato', sans-serif;
}
.main-navigation {
    display: block;
    position: relative;
}
#site-navigation a {
    font-weight: 400;
    display: block;
    text-decoration: none;
    position: relative;
    font-family: 'Lato', sans-serif;
}
.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: #e6432a;
}
.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: #e6432a;
}
.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;
    text-transform: capitalize !important;
}
.main-navigation ul.sub-menu a:after {
    float: right;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation .social-menu-item ul {
    display: block;
    border: none;
}
.main-navigation .social-menu-item ul li a {
    width: 40px;
    border: 1px solid #d6d6d6;
}
.main-navigation .social-menu-item ul li a:hover,
.main-navigation .social-menu-item ul li a:focus {
    opacity: 0.8;
}
.main-navigation .social-menu-item .social-icons {
    margin: 0;
    padding: 20px 15px 20px 25px;
}
.main-navigation + .social-icons {
    display: none;
}
.main-navigation li {
    position: relative;
}
.main-navigation ul.nav-menu > li > a {
    padding: 18px 12px;
    color: #333;
}
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a:focus svg,
.main-navigation li.search-menu a.search-active svg {
    fill: #e6432a;
}
.main-navigation a:hover,
.main-navigation ul.nav-menu > li > a:hover {
    color: #e6432a;
}
.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;
}
*/
.main-navigation ul.nav-menu > li.home-icon > a > svg {
    fill: #e6432a;
    width: 24px;
    height: 24px;
    margin-top: -6px;
}
input.search-field {
    height: 50px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
.main-navigation svg.icon-close {
    display: none;
}
#search.hidden-small form.search-form {
    position: absolute;
    left: 0;
    right: 0;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.search-menu svg.icon-search {
    fill: #949494;
}
svg.icon-search,
svg.icon-close {
    width: 15px;
    height: 15px;
    fill: #fff;
}
svg.icon-close {
    width: 20px;
    height: 20px;
}
.search-submit svg.icon-search {
    fill: #adadad;
    opacity: 1;
}
.main-navigation svg.icon-down {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    fill: #7b7b7b;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #7b7b7b;
    position: absolute;
    right: 15px;
    top: 17px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#site-menu #search {
    display: none;
}
#search-menu {
    display: none;
}
#search-menu .icon-close,
#search-menu.active .icon-search,
.search-menu .icon-close,
.search-menu.active .icon-search {
    display: none;
}
#search-menu.active .icon-close,
.search-menu.active .icon-close {
    display: inline-block;
}
#search-menu button .icon-search,
.search-menu button .icon-search,
#search-menu.active button .icon-search,
.search-menu.active button .icon-search {
    display: inline-block;
}
#search-menu input[type="search"] {
    padding-left: 40px;
    border-radius: 4px;
    min-height: 40px;
    height: auto;
    background-color: #efefef;
    border-color: #efefef;
    padding: 5px 15px 0px 40px;
}
#search-menu form.search-form button.search-submit {
    min-height: 40px;
    height: auto;
}
.menu-toggle{
    border-radius: 0;
    min-height: 50px;
    line-height: 50px;
    display: block;
    position: relative;
    background-color: #202020;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.secondary-menu-toggle {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.secondary-menu-toggle svg {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}
.secondary-menu-toggle svg.icon-close {
    display: none;
    fill: #000;
    width: 16px;
    height: 16px;
}
.secondary-menu-toggle.active svg.icon-menu-bar {
    display: none;
}
.secondary-menu-toggle.active svg.icon-close {
    display: block;
}
#site-menu .menu-toggle.active svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.menu-label {
    text-transform: uppercase;
    color: #fff;
    padding: 3px 0 0 10px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}
#top-navigation .main-navigation:before, div#top-navigation .main-navigation:after {
    content: "";
    display: table;
    clear: both;
}
#top-navigation .main-navigation li {
    color: #fff;
}
#top-navigation .main-navigation ul.nav-menu > li > a {
    text-transform: none;
}
svg.icon-user {
    margin-right: 5px;
    vertical-align: middle;
}
#top-navigation .menu-label {
    color: #fff;
}
#top-navigation .menu-toggle svg {
    fill: #fff;
}
.main-navigation form.search-form button.search-submit:focus {
    outline: thin dotted #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: #111;
    border: 1px solid #111;
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 500;
    color: #fff;
}

.dark-version .single-wrapper .entry-meta > span a:hover i,
.dark-version .single-wrapper .entry-meta > span a:hover,
.dark-version .single-wrapper .entry-meta > span a:focus i,
.dark-version .single-wrapper .entry-meta > span a:focus,
.dark-version .navigation.post-navigation a:hover, 
.post-navigation a:hover, 
.dark-version .navigation.posts-navigation a:hover,
.posts-navigation a:hover,
.post-navigation a:focus, 
.dark-version .navigation.post-navigation a:focus, 
.posts-navigation a:focus,
.dark-version .navigation.posts-navigation a:focus {
    color: #e6432a;
}

.dark-version .navigation.post-navigation a:hover svg, 
.dark-version .navigation.posts-navigation a:hover svg,
.dark-version .navigation.post-navigation a:focus svg, 
.dark-version .navigation.posts-navigation a:focus svg{
    fill: #e6432a
}

.dark-version .comment a:hover,
.dark-version .comment a:focus {
    color: #e6432a;
}

.logged-in-as a:hover,
.logged-in-as a:focus{
    color: #fff;
}

.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}
.pagination .page-numbers {
    border: 1px solid #ddd;
    text-decoration: none;
}
.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: #202020;
    background-color: #fff;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #e6432a;
    border-color: #e6432a;
}
.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 12px;
    height: 12px;
}
.pagination .next.page-numbers svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.prev.page-numbers svg,
.next.page-numbers svg {
    fill: #cecece;
}
.nav-previous span {
    padding-left: 38px;
    float: left;
    text-align: left;
}
.nav-next span {
    padding-right: 38px;
    float: right;
    text-align: right;
}
.navigation .nav-previous svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: absolute;
    top: 3px;
    left: 0;
}
.navigation .nav-next svg {
    position: absolute;
    top: 3px;
    right: 0;
}
.post-navigation span,
.posts-navigation span {
    display: table;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.widget_popular_news > ul > li:before,
.widget_popular_news > ul > li:after,
.widget_posts_filter .tab-content > ul > li:before,
.widget_posts_filter .tab-content > ul > li:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.widget_popular_news > ul > li:before,
.widget_popular_news > ul > li:after,
.widget_posts_filter .tab-content > ul > li:before,
.widget_posts_filter .tab-content > ul > li:after {
    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;
}
select:focus {
    outline: thin dotted;
}

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

form.search-form button.search-submit {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 15px;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.dark-version .slick-slider button{
    background-color: transparent;
}

.byline i{
    color: #000;
    padding-right: 5px;
}

.dark-version .byline i{
    color: #fff;
    padding-right: 5px;
}

.default-design #magazine_pro_extra_news_section article:nth-child(5n) .post-categories a ,
.default-design #magazine_pro_extra_news_section article .post-categories a:hover, 
.default-design #magazine_pro_extra_news_section article .post-categories a:focus {
    background-color: unset;
}

.default-design #magazine_pro_extra_news_section article:nth-child(5n) .post-categories a:hover,
.default-design #magazine_pro_extra_news_section article:nth-child(5n) .post-categories a:focus{
    color: #36e62a;
}

.dark-version .pagination .page-numbers{
    background-color: #202020;
}

.dark-version .slick-slider button:hover,
.dark-version .slick-slider button:focus {
    background-color: #0000008c;
}

.widget_search form.search-form .search-submit {
    width: auto;
    color: #fff;
    background-color: #202020;
    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: #e6432a;
    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;
    color: #fff;
    background-color: #111;
}
form.search-form {
    position: relative;
}

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

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

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

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

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

.widget_instagram ul {
    list-style: none;
    margin: 0 -5px;
    padding: 0;
}
.widget_instagram li {
    margin: 0;
    padding: 0 5px;
}
.widget.widget_instagram li:not(:last-child),
#colophon .footer-widgets-area .widget.widget_instagram li:not(:last-child) {
    margin-bottom: 10px;
}
.widget_instagram .col-1 li {
    width: 100%;
    float: none;
}
.widget_instagram .col-2 li {
    width: 50%;
    float: left;
}
.widget_instagram .col-3 li {
    width: 33.33%;
    float: left;
}
.widget_instagram .col-4 li {
    width: 25%;
    float: left;
}
.widget_instagram .col-5 li {
    width: 20%;
    float: left;
}
.widget_instagram .col-6 li {
    width: 16.66%;
    float: left;
}
.widget_instagram li img {
    width: 100%;
}
.widget.widget_archive li {
    text-align: right;
}
.widget.widget_archive li a {
    float: left;
}
#secondary .widget,
#secondary-sidebar .widget {
    margin-bottom: 30px;
}
input[type="submit"] {
    padding: 10px 30px;
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    background-color: #e6432a;
    color: #fff;
    position: relative;
    text-align: center;
    font-family: 'Lato', 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: #202020;
    color: #fff;
}
.jetpack_subscription_widget form {
    position: relative;
    max-width: 620px;
    margin: 0 auto;
}
.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    min-height: 50px;
    padding: 2px 60px 0 10px;
    background-color: #fff;
    border: none;
    color: #000;
    border: 1px solid #ccc;
}
.jetpack_subscription_widget button[type="submit"] {
    background-color: #e6432a;
    padding: 15px 14px;
    border-radius: 0;
}
.jetpack_subscription_widget #subscribe-submit svg {
    fill: #fff;
    width: 20px;
    height: 20px;
}
.jetpack_subscription_widget button[type="submit"]:hover,
.jetpack_subscription_widget button[type="submit"]:focus {
    background-color: #000;
}
.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: 25px;
}
#subscribe-email label {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.widget_popular_post ul,
.widget_latest_post ul,
.widget_featured_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li,
.widget.widget_featured_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child,
.widget.widget_featured_post ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.widget_popular_post h3,
.widget_latest_post h3,
.widget_featured_post h3 {
    font-size: 16px;
    line-height: 1.5;
    display: table-row;
    letter-spacing: 0.01em;
}
.widget_popular_post h3 a,
.widget_latest_post h3 a,
.widget_featured_post h3 a {
    display: block;
}
#secondary .widget_popular_post h3 a,
#secondary .widget_latest_post h3 a,
#secondary .widget_featured_post h3 a {
    font-weight: 600;
}
.widget_popular_post time,
.widget_latest_post time,
.widget_featured_post time {
    display: table-row;
    font-weight: 500;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
    color: #333;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a:hover,
.widget_featured_post h3 a:focus,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
    color: #e6432a;
}
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time,
.widget_featured_post a time,
.widget_featured_post time {
    color: #e6432a;
    font-family: 'Lato', sans-serif;
}
.widget_popular_post img,
.widget_latest_post img,
.widget_featured_post img {
    max-width: 95px;
    width: 95px;
    height: 95px;
    float: left;
    margin-right: 14px;
}
.textwidget img {
    margin-bottom: 15px;
    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: #e6432a;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary .widget .social-icons {
    text-align: center;
}
#secondary .widget .social-icons li a:hover svg,
#secondary .widget .social-icons li a:focus svg {
    fill: #fff;
}
#secondary .widget ul,
#secondary-sidebar .widget ul,
#right-sidebar .widget ul,
#trending-news ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget svg {
    fill: #e6432a;
}
#secondary .wp-block-page-list a,
#secondary .widget_nav_menu a,
#secondary .widget_meta a,
#secondary .widget_recent_entries a,
#secondary .widget_archive a,
#secondary .widget_archive a,
#secondary .widget_categories a
{

    text-decoration: none;
}

.dark-version #secondary a:hover,
#secondary a:hover,
.dark-version #secondary a:focus,
#secondary a:focus,
#secondary-sidebar a:hover,
.dark-version #secondary-sidebar a:hover,
.dark-version #secondary-sidebar a:focus,
#secondary-sidebar a:focus {
    color: #e6432a;
}

.widget_popular_news .post-number {
    float: left;
    margin-right: 20px;
    position: relative;
    font-size: 24px;
    color: #000;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
.widget.widget_popular_news > ul > li {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.widget_popular_news ul li .entry-container,
.widget_posts_filter ul li .entry-container {
    display: table-row;
}
.widget_popular_news .entry-title,
.widget_posts_filter .entry-title {
    font-size: 16px;
    margin-bottom: 0;
}
.right-sidebar .widget_popular_news .entry-title {
    font-size: 17px;
}
#secondary .posted-on a,
#secondary-sidebar .post-categories a {
    color: #e6432a;
}
#secondary .posted-on a:hover,
#secondary-sidebar .post-categories a:hover,
#secondary .posted-on a:focus,
#secondary-sidebar .post-categories a:focus {
    color: #000;
}
.widget.widget_posts_filter ul.tabs li {
    display: inline-block;
    margin: 0 -1px 30px;
}
#secondary .widget.widget_posts_filter ul.tabs li.active a {
    background-color: #e6432a;
}
#secondary .widget.widget_posts_filter ul.tabs li a {
    background-color: #000;
    color: #fff;
    padding: 1px 10px;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
}
.widget_posts_filter > ul > li:not(:last-child) {
    margin-bottom: 30px;
}
.widget_recent_news .entry-meta {
    margin-bottom: 0;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.entry-meta a {
    text-decoration: none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}
.hentry {
    margin: 0;
}

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

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

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.navigation.pagination svg {
    fill: #202020;
    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: #fff;
    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: #e6432a;
}
.navigation.posts-navigation svg.icon-left, 
.navigation.post-navigation svg.icon-left {
    margin-right: 20px;
}
.navigation.posts-navigation svg.icon-right, 
.navigation.post-navigation svg.icon-right {
    margin-left: 20px;
}
.single-post .site-main .comment-navigation, 
.single-post .site-main .posts-navigation, 
.single-post .site-main .post-navigation {
    margin-bottom: 0;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.no-sidebar-content #inner-content-wrapper {
    max-width: 900px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
    margin-bottom: 43px;
    font-size: 42px;
    font-weight: 600;
}
.post-categories {
    list-style: none;
    padding-left: 0;
    display: inline-block;
}
.post-categories li {
    display: inline-block;
    vertical-align: middle;
}
.post-categories li:last-child {
    margin-right: 0;
}
.post-categories a,
.posted-on a {
    color: #e6432a;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}
.posted-on a {
    color: #fff;
    font-weight: 400;
    text-transform: unset;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.post-categories a:hover,
.post-categories a:focus {
    color: #fff;
}
.posted-on a:hover,
.posted-on a:focus {
    color: #e6432a;
}
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: 18px;
}
.comment-content {
    margin-bottom: 13px;
    margin-top: -45px;
    margin-left: 80px;
    padding: 55px 20px 20px;
    background-color: #111;
    border: 1px solid #111;
}
#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: #e6432a;
    padding: 5px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.reply a:hover,
.reply a:focus {
    background-color: #fff;
    color: #202020;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
    font-weight: bold;
    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: #e6432a;
}
.comment-metadata a,
.comment-metadata a time {
    color: #fff;
    text-decoration: none;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
    color: #e6432a;
}
.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;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

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

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
    position: relative;
}
.relative {
    display: block;
    position: relative;
}
.relative:before,
.relative:after {
    content: "";
    display: table;
    clear: both;
}
.page-section {
    padding: 30px 0;
}
.entry-content {
    margin-top: 0;
}
.wrapper {
    width: 98%;
    max-width: 1920px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.entry-title {
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 16px;
    color: #000;
    word-wrap: break-word;
}
.entry-title a {
    color: #fff;
    font-weight: 700;
}
.dark-version .entry-title a:hover,
.dark-version .entry-title a:focus,
.entry-title a:hover,
.entry-title a:focus {
    color: #e6432a;
}
.section-header,
.widget-header {
    position: relative;
    overflow: hidden;
}
.section-title,
.widget-title,
.widgettitle {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 0;
    font-family: 'Lato', sans-serif;
    background-color: #e6432a;
    padding: 8px 18px;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}
.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;
    min-width: 161px;
    border: none;
    background-color: #e6432a;
    color: #fff;
    position: relative;
    text-align: center;
    font-family: 'Lato', 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;
    font-weight: 700;
}
.btn:hover,
.btn:focus {
    background-color: #202020;
    color: #fff;
}
#infinite-handle {
    text-align: center;
    margin-bottom: 30px;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.social-icons li a[href*="slack.com"] {
    background-color: #E60264;
}
/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 50px 0;
    text-align: center;
    background-color: #333;
    color: #fff;
}
#page-site-header .page-title {
    font-size: 36px;
    color: #fff;
}
/*--------------------------------------------------------------
#  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);
    text-decoration: none;
}
.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: 30px;
    height: 30px;
    border-radius: 0;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #000;
}
.slick-prev:before, 
.slick-next:before {
    content: "";
    background-image: url('https://ol-araund.com/wp-content/themes/moral-magazine/assets/img/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: 120px 0;
    text-align: center;
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
}
#page-site-header .wrapper {
    position: relative;
    text-align: center;
}
#page-site-header .page-title {
    font-size: 32px;
    color: #fff;
    margin: 0;
    line-height: 1.5;
}


.featured-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
}
#top-navigation .social-icons li a svg {
    fill: #000;
}

.tab-wrapper {
    text-align: right;
}
.tab {
    width: 100%;
    display: block;
    padding-left: 0;
    margin-top: 20px;
}

.video-button {
    position: absolute;
    bottom: 0;
    padding: 15px;
}
.video-button a {
    color: #fff;
    border: 1px solid #fff;
    padding: 1px 5px;
    vertical-align: middle;
    display: inline-block;
}
.same-background {
    padding-top: 0;
}

.widget,
.primary-post {
    margin-bottom: 42px;
}
.widget_posts_slider .entry-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 0 30px;
}
.widget_posts_slider .entry-title {
    margin-bottom: 12px;
}
.widget_posts_slider .slick-prev,
#posts-slider .slick-prev,
#recipe-slider .slick-prev  {
    left: 0;
}
.widget_posts_slider .slick-next,
#posts-slider .slick-next,
#recipe-slider .slick-next {
    right: 0;
}
#posts-slider .featured-slider .featured-image,
.featured-news {
    width: 100%;
    display: block;
}
#posts-slider .featured-slider .entry-container {
    width: 100%;
    display: table-cell;
    padding: 50px 30px;
    background-color: #f8f8f8;
}
#posts-slider .featured-slider .entry-title {
    margin-bottom: 3px;
    font-size: 24px;
}
#posts-slider .featured-slider .entry-content p {
    margin: 15px 0;
}
.author-wrapper {
    display: flex;
    margin-top: 20px;
}
.author-details h3 {
    margin: 0;
    font-size: 16px;
}
.author-details span {
    color: #e6432a;
}
.author-image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 60px;
}
.slider-related-posts.widget_recent_news.col-2 > ul > li {
    margin-bottom: 30px;
}
#related-posts {
    margin-bottom: 43px;
}
#related-posts .col-4 {
    margin: 0 -15px;
}
#related-posts .col-4 article {
    padding: 0 15px;
    margin-bottom: 50px;
}
#related-posts .col-4 article:last-child {
    margin-bottom: 0;
}
#related-posts .featured-image {
    padding: 115px 0;
}
#media-posts {
    margin-bottom: 43px;
}
#media-posts .half-width,
.media-posts-wrapper.col-2 {
    margin-bottom: 30px;
}
#media-posts .half-width:last-child,
.media-posts-wrapper.col-2:last-child {
    margin-bottom: 0;
}
#media-posts .overlay {
    opacity: 0.5;
}
#media-posts .video-button {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.video-button svg {
    width: 20px;
    height: 20px;
    fill: #fff;
}
.widget_posts_slider .slick-arrow,
#posts-slider .slick-arrow,
#recipe-slider .slick-arrow {
    top: -45px;
}
.widget_posts_slider .slick-prev,
#posts-slider .slick-prev,
#recipe-slider .slick-prev {
    left: auto;
    right: 40px;
}
#secondary .read-more,
#secondary-sidebar .read-more {
    color: #e6432a;
}
#secondary .read-more:hover,
#secondary-sidebar .read-more:hover,
#secondary .read-more:focus,
#secondary-sidebar .read-more:focus {
    color: #202020;
}



/*--------------------------------------------------------------
#  Archive / Blog
--------------------------------------------------------------*/
.entry-meta {
    margin-bottom: 6px;
}
.entry-meta > span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 18px;
}
.post-categories a:not(:last-child):after {
    content: ",";
    padding: 0 5px;
}
.entry-meta > span:not(:last-child) {
    padding-right: 15px;
}

.byline,
.byline a {
    font-size: 16px;
    color: #202020;
    text-decoration: none;
}
.byline a:hover,
.byline a:focus {
    color: #e6432a;
}
.archive-blog-wrapper article:not(:last-child) {
    margin-bottom: 30px;
}
/*--------------------------------------------------------------
#  Single Post
--------------------------------------------------------------*/
.single .featured-image {
    margin-bottom: 30px;
    position: relative;
}
.single #primary article .entry-title {
    font-size: 28px;
    margin: 8px 0 14px 0;
}
.no-sidebar .archive-blog-wrapper .col-3 {
    margin: 0 -15px;
}
.no-sidebar .archive-blog-wrapper article {
    display: block;
}
.no-sidebar .archive-blog-wrapper article .featured-image {
    width: 100%;
    position: relative;
    display: block;
    height: auto;
}
.no-sidebar .archive-blog-wrapper article .entry-container {
    padding: 25px 0px;
    width: 100%;
    display: block;
}
.related-slider .featured-image {
    margin-bottom: 20px;
}
.related-slider article {
    padding: 0 15px;
}
#realted-post {
    padding-top: 50px;
}
.related-slider {
    margin: 0 -15px;
}
.single #primary .related-slider article .entry-title {
    font-size: 18px;
    margin: 0;
}
.related-slider button {
    top: 40%;
}
.related-slider .slick-prev {
    left: 25px;
}
.related-slider .slick-next {
    right: 25px;
}

/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #202020;
    color: #fff;
    padding-top: 20px;
}
#colophon ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-menu ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}
.custom-menu ul li:last-child {
    margin-right: 0;
}
.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 .cat-links li {
    margin-bottom: 0;
    margin-right: 3px;
    width: auto;
}
#colophon .widget-header {
    border-color: #383332;
}
#colophon .cat-links a,
#colophon .widget-title, 
#colophon .widgettitle,
#colophon .textwidget p {
    color: #fff;
}

#colophon .site-info a {
    color: #fff;
    text-decoration: none;
}
#colophon .site-info a:hover,
#colophon .site-info a:focus {
    color: #e6432a;
}
#colophon ul li .entry-meta a:hover {
    color: #fff;
}
#colophon ul li .posted-on a,
#colophon .jetpack_subscription_widget p {
    color: #e5e5e5;
}
#colophon .jetpack_subscription_widget input[type="email"] {
    width: 100%;
    min-height: 50px;
    padding: 2px 60px 0 10px;
    background-color: #383332;
    border: none;
    color: #fff;
    border: 1px solid #383332;
}

#colophon .jetpack_subscription_widget #subscribe-submit {
    top: unset;
    bottom: 0;
}

#colophon .jetpack_subscription_widget button[type="submit"] {
    background-color: #fff;
    color: #e6432a;
}
#colophon .jetpack_subscription_widget button[type="submit"]:hover,
#colophon .jetpack_subscription_widget button[type="submit"]:focus {
    background-color: #000;
    background-color: #000;
    text-decoration: none;
    border-color: #000;
}
#colophon .jetpack_subscription_widget #subscribe-submit svg {
    fill: #e6432a;
}
#colophon ul li .posted-on a:hover,
#colophon ul li .posted-on a:focus,
#colophon ul li .tag-links a,
.dark-version #colophon ul li .tag-links a,
.dark-version .tag-links a {
    color: #e6432a;
}
#colophon .cat-links a {
    color: #e6432a;
}
.footer-widgets-area.page-section {
    padding-bottom: 0;
}
#colophon .widget_text .textwidget {
    color: rgba(255, 255, 255, 0.60);
}
#colophon ul li a:hover,
#colophon ul li a:focus {
    color: #e6432a;
}
#colophon .cat-links a:hover,
#colophon .cat-links a:focus {
    opacity: 1;
}
.footer-widgets-area .wrapper {
    border-bottom: 1px solid #fff;
}

.footer-widgets-area .entry-title {
    font-size: 15px;
}
#colophon  .widget_hot_topic .entry-title {
    margin-bottom: 0;
}
.widget_hot_topic .hot-topic-wrapper {
    display: table;
    position: relative;
    align-items: center;
    width: 100%;
}
#colophon  .widget_hot_topic .featured-image {
    width: 30%;
    position: absolute;
    display: table-cell;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
#colophon  .widget_hot_topic .entry-container {
    text-align: unset;
    width: 70%;
    display: table-cell;
    padding: 0 10px;
}
#colophon  .widget_featured_post .entry-container {
    padding: 5px 0;
    display: table-cell;
    text-align: left;
    padding-left: 120px;
}

#colophon .widget_categories li {
    margin-bottom: 8px;
}
#colophon .widget_categories li:last-child {
    margin-bottom: 0;
}
#colophon .footer-widgets-area .widget.widget_featured_post > ul > li {
    margin-bottom: 7px;
}
.footer-widgets-area ul li {
    font-weight: 500;
}
#colophon .footer-widgets-area .widget > ul > li:last-child,
#colophon .footer-widgets-area .widget.widget_featured_post > ul > li:last-child {
    margin-bottom: 0;
}
#colophon .widget_recent_entries ul li span {
    display: block;
    font-size: 16px;
}

.site-info .social-icons {
    display: inline-block;
}
#colophon .site-info-wrapper ul.social-icons {
    padding: 22px 0;
}
.site-info {
    text-align: center;
    position: relative;
}
.site-info-wrapper {
    padding: 50px 0;
}
.site-info span {
    display: inline-block;
    text-align: center;
    color: #e5e5e5;
}
.site-info span > span {
    color: #fff;
}
.site-info span:last-child {
    margin-bottom: 0;
}
.site-info .wrapper {
    padding: 15px 0;
}
.custom-menu {
    margin-bottom: 15px;
}
.footer-widgets-area .widget ul li:last-child,
.footer-widgets-area .widget .social-icons li {
    margin-bottom: 0;
}
.footer-widgets-area .hentry {
    margin-bottom: 45px;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
    margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets-area.col-1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.widget li:before, .widget li:after,
.tab li:before, .tab li:after {
    content: "";
    clear: both;
    display: table;
}
#colophon .social-icons li a svg {
    fill: #908e8d;
}
#colophon .social-icons li a:hover svg,
#colophon .social-icons li a:focus svg {
    fill: #fff;
}
.site-logo img {
    -webkit-filter: brightness() invert(1);
    -moz-filter: brightness() invert(1);
    -ms-filter: brightness() invert(1);
    -o-filter: brightness() invert(1);
    filter: brightness() invert(1);
}

/*--------------------------------------------------------------
#  woocommerce
--------------------------------------------------------------*/
.product-filtering {
    margin-top: -15px;
}
ul.product-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
}
ul.product-nav li {
    text-align: center;
    float: left;
}
ul.product-nav li a {
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    right: auto;
    left: 25px;
    top: 10px;
    margin: 0;
    min-width: auto;
    min-height: auto;
    padding: 0;
    background-color: #dd9c1e;
    border-radius: 0;
    line-height: 1.3;
    padding: 4px 11px;
    font-weight: 400;
}
.product_meta a {
    color: #797973;
    text-transform: uppercase;
}
.product_meta a:hover,
.product_meta a:focus,
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color: #fff;
}
.woocommerce div.product p.price del {
    color: #797973;
    margin-right: 5px;
}
.woocommerce div.product .product_meta > span {
    display: block;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    font-weight: 600;
    font-size: 16px;
}
.woocommerce ul.products li.product .price {
    color: #fff;
}
.woocommerce ul.products li.product .price {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.woocommerce ul.products li.product .price del {
    color: #797973;
    opacity: 1;
    font-weight: 400;
    margin-right: 3px;
}
.woocommerce ul.products li.product a img {
    margin-bottom: 20px;
}
.woocommerce ul.products li.product .button {
    margin-top: 5px;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    padding: 8px 30px;
    font-weight: 500;
    line-height: 28px;
    display: inline-block;
    position: relative;
    text-align: center;
    border: 1px solid #010101;
    background-color: transparent;
    color: #010101;
    text-transform: uppercase;
    border-radius: 0;
    -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;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
    border-color: #393d46;
    background-color: #393d46;
    color: #fff;
}
.woocommerce #popular-products ul.products li.first, 
.woocommerce-page #popular-products ul.products li.first {
    clear: none;
}
.woocommerce #popular-products ul.products, 
.woocommerce-page #popular-products ul.products {
    margin: 0 -15px;
}
.woocommerce #popular-products ul.products li.product, 
.woocommerce-page #popular-products ul.products li.product {
    margin: 0;
    padding: 0 15px;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    margin: 0;
    margin-bottom: 40px;
    padding: 0 15px;
    width: 100%;
}
@media screen and (min-width: 567px)  {
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        width: 50%;
    }
}
@media screen and (min-width: 767px)  {
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        width: 33.33%;
    }
}


@media screen and (min-width: 1200px)  {
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        width: 25%;
    }
}


/*--------------------------------------------------------------
#                   Header
--------------------------------------------------------------*/
.header-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.main-navigation ul.nav-menu li:hover > a,
.main-navigation ul.nav-menu li:focus > a {
    color: #e6432a;
}


/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6 {
        margin: 0 -15px;
    }
    .col-2 article,
    .col-3 article,
    .col-4 article,
    .col-5 article,
    .col-6 article {
        padding: 0 15px;
        float: left;
        width: 50%;
        margin-bottom: 0px;
    }
    .col-2 article:nth-child(2n+1),
    .col-3 article:nth-child(2n+1),
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: left;
    }
    .col-2 article:nth-last-child(-n+2),
    .col-3 article:nth-last-child(-n+2),
    .col-4 article:nth-last-child(-n+2),
    .col-5 article:nth-last-child(-n+2),
    .col-6 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .site-logo img {
        max-height: 65px;
        width: auto;
    }
    #single-column-news article,
    .archive-blog-wrapper article {
        display: table;
        width: 100%;
        position: relative;
    }
    #single-column-news article .featured-image,
    .archive-blog-wrapper article .featured-image {
        width: 47.85%;
        margin-bottom: 0;
        padding: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: table-cell;
    }
    #single-column-news article .entry-container,
    .archive-blog-wrapper article .entry-container {
        width: 52.15%;
        display: table-cell;
        padding: 25px 0 25px 20px;
    }
    #media-posts .media-posts-wrapper.col-2 {
        margin-bottom: 30px;
    }
    #media-posts .media-posts-wrapper.col-2:last-child {
        margin-bottom: 0;
    }
    #media-news .grid article:nth-child(1n),
    #media-news .grid article:nth-child(3n),
    #media-news .grid article:nth-child(4n),
    #media-news .grid article:nth-child(5n) {
        width: 50%;
    }
    #most-viewed-posts .col-2 {
        margin: 0 -15px;
    }
    #most-viewed-posts .col-2 article,
    #related-posts .col-2 article,
    #related-posts .col-3 article,
    #related-posts .col-4 article {
        width: 50%;
        float: left;
        padding: 0 15px;
    }
    #most-viewed-posts .col-2 article:nth-child(2n+1),
    #related-posts .col-2 article:nth-child(2n+1),
    #related-posts .col-3 article:nth-child(2n+1),
    #related-posts .col-4 article:nth-child(2n+1) {
        clear: left;
    }
    #related-posts .col-2 article:nth-last-child(-n+2),
    #related-posts .col-3 article:nth-last-child(-n+2),
    #related-posts .col-4 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .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: 34px;
    }
}
@media screen and (min-width: 767px) {
    .col-1 .hentry {
        width: 100%;
    }
    .col-2 .hentry {
        width: 50%;
        float: left;
    }
    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
    .col-5 article,
    .col-6 article {
        width: 33.33%;
    }
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: none;
    }
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: left;
    }
    .col-5 article:nth-last-child(-n+3),
    .col-6 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    .no-sidebar .archive-blog-wrapper.col-3 article {
        width: 33.33%;
        float: left;
        padding: 0 15px;
    }
    .site-branding + .site-advertisement {
        margin-top: 0;
    }
    #featured-posts .featured-post-wrapper {
        padding: 215px 0;
    }
    #latest-posts .half-width {
        width: 33.6%;
    }
    #latest-posts .full-width {
        width: 66.4%;
    }
    .full-width.grid-layout .entry-title {
        font-size: 28px;
    }
    .no-sidebar .archive-blog-wrapper.col-3 article {
        width: 33.33%;
        float: left;
        padding: 0 15px;
    }
    #popular-posts article .entry-container {
        padding: 47px 0 47px 30px;
    }
    .slider-related-posts.widget_recent_news.col-2 > ul {
        margin: 0 -15px;
    }
    .slider-related-posts.widget_recent_news.col-2 > ul > li {
        width: 50%;
        float: left;
        padding: 0 15px;
    }
    .thumbnail-wrapper.col-4 article {
        width: 50%;
        float: left;
        margin-bottom: 0;
    }
    .slider-related-posts.widget_recent_news.col-2 > ul > li:nth-child(2n+1) {
        clear: left;
    }
    #posts-slider .featured-slider .featured-image,
    .featured-news {
        width: 47%;
        display: table-cell;
    }
    #posts-slider .featured-slider .entry-container {
        width: 53%;
        display: table-cell;
    }
    .tab {
        width: 53%;
        display: table-cell;
        padding-left: 30px;
        margin-top: 0;
    }
    #media-posts .col-2 {
        margin: 0 -15px;
    }
    #media-posts .col-2 .half-width {
        width: 50%;
        float: left;
        padding: 0 15px;
    }
    #media-posts .media-posts-wrapper.col-2 {
        margin-bottom: 30px;
    }
    #media-posts .media-posts-wrapper.col-2:last-child {
        margin-bottom: 0;
    }
    .comment-navigation .nav-previous, 
    .posts-navigation .nav-previous, 
    .post-navigation .nav-previous {
        padding-right: 25px;
    }
    .comment-navigation .nav-next, 
    .posts-navigation .nav-next, 
    .post-navigation .nav-next {
        padding-left: 25px;
    }
    .footer-widgets-area.col-3 .hentry {
        margin-bottom: 0;
        width: 33.33%;
        float: left;
    }
    .footer-widgets-area.col-3 .hentry:not(:last-child) {
        padding-right: 40px;
    }
}
@media screen and (min-width: 992px) {
    .col-4 .hentry  {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-4 article {
        width: 25%;
    }
    .col-5 article {
        width: 20%;
    }
    .col-6 article {
        width: 16.66%;
    }
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: none;
    }
    .col-4 article:nth-child(4n+1),
    .col-5 article:nth-child(5n+1),
    .col-6 article:nth-child(6n+1) {
        clear: left;
    }
    .col-5 article:nth-last-child(-n+5),
    .col-6 article:nth-last-child(-n+6) {
        margin-bottom: 0;
    }
    .archive-blog-wrapper article .archive-post-wrapper .entry-container {
        padding: 43px 50px;
    }
    .archive-blog-wrapper article .featured-image {
        width: 40.6%;
    }
    .archive-blog-wrapper article .entry-container {
        padding: 43px 50px;
        width: 59.4%;
    }
    .no-sidebar .comment-form-author, 
    .no-sidebar .comment-form-email, 
    .no-sidebar .comment-form-url {
        width: 33.33%;
        float: left;
    }
    .no-sidebar .comment-form-author input, 
    .no-sidebar .comment-form-email input {
        max-width: 93%;
    }
    .site-info.col-2 span {
        width: 50%;
        float: left;
        text-align: left;
        margin-bottom: 0;
    }
    .site-info.col-2 span:nth-child(2) {
        width: 50%;
        float: right;
        text-align: right;
    }
}
@media screen and (min-width: 1025px) {

    .default-design #magazine_pro_cta_section:before {
        background-color: #202020;
    }
    .col-3 article{
        width: 33.33%;
    }
    .col-3 article:nth-child(2n+1) {
        clear: none;
    }
    .col-3 article:nth-child(3n+1) {
        clear: left;
    }
    .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }

    #top-navigation .main-navigation ul {
        float: left;
    }
    #top-navigation .main-navigation .social-icons ul.menu {
        float: right;
    }

    .default-design #top-navigation {
        padding: 0 0;
        background-color: #202020;
        color: #fff;
    }
    #top-navigation .posted-on {
        color: #fff;
    }
    .icon-wrapper {
        float: right;
    }
    .icon-wrapper {
        float: right;
        padding: 10px 0;
        width: 50%;
    }
    #top-navigation .main-navigation ul#secondary-menu {
        width: 50%;
    }
    .icon-wrapper .social-icons,
    .icon-wrapper .contact-info {
        float: left;
    }
    .site-title {
        font-size: 42px;
    }
    #masthead .social-icons li:not(:last-child) {
        margin-right: 15px;
    }
    #masthead .social-icons {
        margin: 0;
    }
    .menu-overlay.active {
        display: none;
    }
    #site-navigation {
        text-align: center;
    }

    #top-navigation,
    #site-navigation.main-navigation {
        background-color: #202020;
    }

    .default-design .site-logo img {
        -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-branding-wrapper {
        padding: 20px 0 20px 0;
        display: flex;
        align-items: center;
    }
    .site-branding {
        width: 30%;
        float: left;
        text-align: left;
    }
    .site-advertisement {
        width: 70%;
        float: right;
        text-align: right;
    }
    #top-navigation .posted-on a {
        font-size: 16px;
    }
    #top-navigation .main-navigation .nav-menu li:not(:first-child):after,
    .icon-wrapper .entry-meta:after {
        content: "";
        background-color: #fff;
        position: absolute;
        width: 1px;
        height: 20px;
        top: 17px;
    }
    .icon-wrapper .entry-meta:after {
        margin: 0 18px;
    }
    #top-navigation .main-navigation ul.nav-menu li .entry-meta a {
        padding-right: 30px;
    }
    .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-icons {
        padding-left: 28px;
    }
    .main-navigation .social-menu-item ul li:not(:last-child),
    .main-navigation .social-menu-item ul li a {
        border: none;
    }
    .main-navigation .social-menu-item .social-icons {
        padding: 5px 0;
    }
    .main-navigation li.social-menu-item {
        float: right;
    }
    .main-navigation .nav-menu > li > a > svg.icon-down {
        fill: #fff;
    }
    #top-navigation .main-navigation ul.nav-menu > li > a {
        color: #fff;
        padding: 11px 16px;
        position: relative;
    }
    #top-navigation .main-navigation a,
    #top-navigation .main-navigation ul.nav-menu > li.contact-info > a {
        color: #fff;
    }
    #top-navigation .main-navigation ul.nav-menu > li:nth-last-child(-n+2) > a:after {
        display: none;
    }
    #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;
    }
    #top-navigation .social-icons li a svg,
    .blog #top-navigation .social-icons li a:hover svg,
    .single #top-navigation .social-icons li a:hover svg,
    .archive #top-navigation .social-icons li a:hover svg,
    .blog #top-navigation .social-icons li a:focus svg,
    .single #top-navigation .social-icons li a:focus svg,
    .archive #top-navigation .social-icons li a:focus svg {
        fill: #fff;
    }

    .blog #top-navigation .social-icons li a svg,
    .single #top-navigation .social-icons li a svg,
    .archive #top-navigation .social-icons li a svg,
    .blog .main-navigation .nav-menu > li > a > svg.icon-down,
    .archive .main-navigation .nav-menu > li > a > svg.icon-down,
    .single .main-navigation .nav-menu > li > a > svg.icon-down {
        fill: #fff;
    }
  

    .main-navigation li.menu-item-has-children:hover > a > svg, 
    .main-navigation li.menu-item-has-children > a:hover > svg {
        fill: #fff;
    }
    .main-navigation form.search-form input {
        background-color: #433e3e47;
        border: none;
        color: #fff;
        padding: 0 45px 0 15px;
        height: 64px;
        border-radius: 5px;
    }
    .default-design .main-navigation form.search-form input {
        height: 44px;
    }
    .default-design form.search-form button.search-submit {
        top: 0;
    }
    .main-navigation form.search-form {
        min-width: 320px;
        box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 10%);
        border-radius: 25px;
    }
    .main-navigation form.search-form svg.icon-search {
        fill: rgba(255, 255, 255, 0.40);
    }
    .main-navigation ul.nav-menu > li:hover > a > svg,
    .main-navigation ul.nav-menu > li.current-menu-item > a > svg,
    .blog .main-navigation .nav-menu > li > a:hover svg.icon-down,
    .archive .main-navigation .nav-menu > li > a:hover svg.icon-down,
    .single .main-navigation .nav-menu > li > a:hover svg.icon-down,
    .blog .main-navigation .nav-menu > li > a:focus svg.icon-down,
    .archive .main-navigation .nav-menu > li > a:focus svg.icon-down,
    .single .main-navigation .nav-menu > li > a:focus svg.icon-down{
        fill: #e6432a;
    }
    .main-navigation ul.nav-menu,
    .main-navigation {
        display: block !important;
        height: auto !important;
        text-align: left;
    }
    .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 #000;
    }
    .main-navigation ul ul {
        border: 1px solid #000;
    }
    .main-navigation ul.sub-menu > li:last-child > a {
        border-bottom: none;
    }
    .main-navigation li.search-menu {
        display: none;
    }
    .main-navigation .search-active .icon-search {
        display: none;
    }
    .main-navigation .search-active .icon-close {
        display: inline-block;
    }

    #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 ul li.menu-item-has-children:hover > a > svg, 
    .main-navigation ul ul li.menu-item-has-children > a:hover > svg {
        fill: #e6432a;
    }
    button.dropdown-toggle,
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:before {
        content: "";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        width: 10px;
        height: 10px;
        margin: auto;
    }
    .main-navigation .left-menu {
        padding-left: 50px;
    }
    .main-navigation ul.nav-menu > li.left-menu > a,
    .main-navigation ul.nav-menu > li.right-menu > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .main-navigation li.left-menu + li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .main-navigation .main-navigation-search {
        float: right;
    }
    .default-design .main-navigation .main-navigation-search {
        padding: 10px 0;
    }
    .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: 400;
    }
    #top-navigation .main-navigation ul.nav-menu > li > a svg {
        fill: #2d3039;
    }
    #top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a,
    #top-navigation .main-navigation ul.nav-menu > li > a:hover,
    #top-navigation .main-navigation ul.nav-menu > li:hover > a,
    #top-navigation .main-navigation a:hover,
    #top-navigation .main-navigation a:focus {
        color: #e6432a;
    }
    #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: #e6432a;
    }
    #masthead .main-navigation ul.nav-menu > li.main-navigation-search:before {
        display: none;
    }
    .main-navigation form.search-form ::-webkit-input-placeholder {
        color: #ffffff96;
    }
    #page-site-header .wrapper {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        width: 90%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #page-site-header .page-title {
        font-size: 54px;
    }
    .no-sidebar nav.navigation.pagination {
        text-align: center;
    }
    .inner-wrapper-sticky {
        padding-bottom: 50px;
        display: block;
    }
    .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,
    .frame-layout {
        background-image: url('https://ol-araund.com/wp-content/themes/moral-magazine/assets/images/pattern.png');
    }
    .boxed-layout #page,
    .frame-layout #page {
        max-width: 1200px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
    }
    .frame-layout #page {
        margin: 50px auto;
    }
    #main-post-wrapper #right-sidebar {
        width: 25%;
        float: left;
        padding-left: 15px;
    }
    #main-post-wrapper #primary {
        width: 50%;
        float: left;
        padding: 0 15px;
    }
    #main-post-wrapper .left-sidebar {
        width: 25%;
        float: left;
        padding-right: 15px;
    }
} 
@media screen and (min-width: 1200px) {
    .thumbnail-wrapper.col-4 article {
        width: 25%;
    }
    .full-width.grid-layout .featured-image {
        padding: 250px 0;
    }

    .footer-widgets-area.col-4 .hentry {
        width: 25%;
        padding-right: 35px;
    }
    .footer-widgets-area.col-5 .hentry {
        width: 20%;
        float: left;
    }
    .footer-widgets-area.col-4 .hentry:last-child {
        padding-right: 0;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: none;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(4n+1),
    .footer-widgets-area.col-5 .hentry:nth-child(5n+1) {
        clear: left;
    }
    .site-info.col-3 span, 
    .site-info.col-3 .social-icons {
        width: 20%;
        float: left;
    }
    .site-info.col-3 span {
        text-align: left;
    }
    .site-info.col-3 .custom-menu {
        width: 60%;
        float: left;
        text-align: center;
    }
    .site-info.col-3 .social-icons {
        float: right;
        text-align: right;
    }
}
@media screen and (min-width: 1900px) {
    p {
        font-size: 18px;
    }
    .wrapper {
        max-width: 1440px;
    }
    .mid-advertisement {
        padding: 0;
    }
    #top-navigation .posted-on a {
        font-size: 18px;
    }
    #site-navigation a,
    #secondary-navigation a {
        font-size: 18px;
    }
    #top-navigation .main-navigation ul.nav-menu > li > a {
        padding: 11px 18px;
    }
    .main-navigation ul.nav-menu > li > a {
        padding: 13px 22px;
    }
    .default-design .main-navigation ul.nav-menu > li > a {
        padding: 17px 22px;
    }
    .default-design .main-navigation form.search-form input {
        height: 42px;
    }
    .boxed-layout #page,
    .frame-layout #page {
        max-width: 1600px;
    }
    .site-info:before {
        max-width: 1410px;
    }
    .site-info.col-3 span, 
    .site-info.col-3 .social-icons {
        width: 15%;
    }
    .site-info.col-3 .custom-menu {
        width: 70%;
    }
    #colophon ul li a {
        font-size: 20px;
    }
    .main-navigation form.search-form input {
        height: 54px;
    }

}
@media screen and (max-width: 1024px) {
    #top-navigation {
        background-color: #202020 !important;
        
    }

    .main-navigation ul .social-icons ul.menu {
        text-align: center;
    }

    #top-navigation .wrapper{
        width: 100%; 
        max-width: none;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    #top-navigation .main-navigation li {
        color: #000;
        text-align: center;
    }

    #top-navigation .contact-info {
        width: 100%;
        padding-top: 10px;
        border-bottom: none;
        color: #000;
    }
    #top-navigation .contact-info .entry-meta {
        border-bottom: 1px solid #eee;
    }
    .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;
        text-align: center;
    }
    .main-navigation .menu-item-has-children > a:before {
        content: "";
        float: right;
        position: relative;
        right: 25px;
        background-color: #ccc;
        width: 1px;
        height: 25px;
    }
    .main-navigation .menu-item-has-children > a:after {
        padding-top: 3px;
    }
    .main-navigation ul.nav-menu > li > a,
    .main-navigation ul.sub-menu li a,
    #top-navigation .contact-info a,
    #top-navigation .icon-wrapper {
        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: -3px;
    }
    .search-submit svg.icon-search,
    .default-design.dark-version .search-submit svg.icon-search {
        fill: #000 !important;
    }
    .main-navigation form.search-form button.search-submit:focus {
        outline: thin dotted #000;
    }
    form.search-form button.search-submit {
        top: 0;
    }
    .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;
        color: #000;
    }
    .main-navigation form.search-form input:focus {
        outline: solid 2px #000;
    }
    .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;
    }
    #page-site-header {
        padding: 150px 0;
    }
    #secondary {
        margin-top: 30px;
    }
    body.home:not(.blog) #secondary {
        margin-top: 0;
    }
    .mid-advertisement {
        margin: 30px 0;
    }
    .site-branding-container {
        text-align: center;
    }
    .site-branding-wrapper {
        padding: 10px 0 20px;
    }
}

@media screen and (max-width: 992px) {
    .comments-title, 
    #reply-title {
        font-size: 28px;
    }
}
@media screen and (max-width: 767px) {
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }
    .section-header-wrapper {
        display: block;
    }
    .comment-navigation .nav-previous, 
    .posts-navigation .nav-previous, 
    .post-navigation .nav-previous,
    .comment-navigation .nav-next, 
    .posts-navigation .nav-next, 
    .post-navigation .nav-next {
        width: 100%;
        margin: 15px 0;
    }
    .post-navigation span.previous-article b, 
    .post-navigations span.previous-article b, 
    .post-navigation span.next-article b, 
    .post-navigations span.next-article b {
        font-size: 18px;
    }
    .comment-wrap {
        margin-left: 0;
    }
    #commentform p.comment-form-comment,
    #commentform p.form-submit {
        margin-top: 21px;
    }
    .comments-title, 
    #reply-title {
        font-size: 26px;
    }
    #comments {
        margin-top: 40px;
    }
}
@media screen and (max-width: 567px) {
    .site-branding {
        display: block;
    }
    .site-logo {
        margin-right: 0;
    }
    .site-logo + #site-identity {
        margin-top: 20px;
    }
    .pagination .page-numbers.prev, 
    .pagination .page-numbers.next {
        top: 0;
    }
    .pagination .prev.page-numbers:before, 
    .pagination .next.page-numbers:before {
        width: 35px;
        height: 10px;
    }
    .pagination .page-numbers.prev, 
    .pagination .page-numbers.next {
        margin-left: 0;
        margin-right: 0;
    }
    .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;
    }
}

#top-navigation .social-icons li:not(:last-child) {
    margin-right: 10px;
}
#top-navigation .main-navigation form.search-form {
    min-width: auto;
}
.icon-wrapper .social-icons:after {
    margin: 0 20px;
}
.section-header,
.widget-header {
    margin-bottom: 10px;
}
.grid-layout article:not(:last-child), 
.list-layout article:not(:last-child) {
    margin-bottom: 30px;
}


#top-navigation .icon-wrapper {
    display: none;
}
.main-navigation ul .social-icons ul.menu {
    display: block;
    width: 100%;
    left: 0;
    padding: 10px;
}
.main-navigation ul .social-icons li a {
    width: 30px;
}
@media screen and (min-width: 1025px) {
    #top-navigation .icon-wrapper {
        display: inline-block;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .main-navigation ul.nav-menu .contact-info,
    .main-navigation ul.nav-menu .social-icons {
        display: none;
    }
}
.comment-meta {
    margin-bottom: -100px;
    display: inline-block;
    width: 100%;
}
.comment-meta .fn {
    position: relative;
    z-index: 1;
    font-weight: 400;
}
.comment-metadata {
    float: right;
    padding-right: 35px;
    position: relative;
    z-index: 1;
}
.reply {
    text-align: right;
}
.comment-meta .fn:after {
    content: "";
}
.featured-image {
    position: relative;
    overflow: hidden;
}
.featured-image img {
    position: relative;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -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;
}
article:hover .featured-image img,
li:hover .featured-image img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.widget_hot_topic .featured-image img {
    height: 110px;
}
.comments-area input[type="text"],
.comments-area textarea {
    color: #fff;
}

#inner-content-wrapper{
    padding-top: 50px;
}
/*--------------------------------------------------------------
.   Lite-version
--------------------------------------------------------------*/
.lite-version,
.lite-version.default-design #masthead,
.lite-version #our-features,
.lite-version #colophon .widget_search form.search-form input,
.lite-version.absolute-header #masthead {
    background-color: #fff;
}

.lite-version pre,
.lite-version blockquote,
.lite-version .navigation.post-navigation, 
.lite-version .navigation.posts-navigation,
.lite-version #secondary .widget_search form.search-form input,
.lite-version input[type="text"], 
.lite-version input[type="email"], 
.lite-version input[type="url"], 
.lite-version input[type="password"], 
.lite-version input[type="search"], 
.lite-version input[type="number"], 
.lite-version input[type="tel"], 
.lite-version input[type="range"], 
.lite-version input[type="date"], 
.lite-version input[type="month"], 
.lite-version input[type="week"], 
.lite-version input[type="time"], 
.lite-version input[type="datetime"], 
.lite-version input[type="datetime-local"], 
.lite-version input[type="color"], 
.lite-version textarea,
body.blog.lite-version #secondary .widget, 
body.single.lite-version #secondary .widget,
.lite-version .comment-content {
    background-color: #fff;
}

.lite-version,
.lite-version h1, 
.lite-version h2, 
.lite-version h3, 
.lite-version h4, 
.lite-version h5, 
.lite-version h6,
.lite-version a:hover,
.lite-version a:focus,
.lite-version b, 
.lite-version strong,
.lite-version figcaption,
.lite-version blockquote,
.lite-version cite,
.lite-version .post-item-wrapper .entry-meta,
.lite-version .post-item-wrapper .entry-meta > span.posted-on a,
.lite-version .post-item-wrapper .entry-title a,
.lite-version .site-footer strong,
.lite-version #secondary a,
.lite-version table th,
.lite-version .navigation.post-navigation a, 
.lite-version .navigation.posts-navigation a,
.lite-version #respond label,
.lite-version .single-wrapper .entry-meta > span a,
.lite-version #secondary .widget_search form.search-form input,
.lite-version input[type="text"], 
.lite-version input[type="email"], 
.lite-version input[type="url"], 
.lite-version input[type="password"], 
.lite-version input[type="search"], 
.lite-version input[type="number"], 
.lite-version input[type="tel"], 
.lite-version input[type="range"], 
.lite-version input[type="date"], 
.lite-version input[type="month"], 
.lite-version input[type="week"], 
.lite-version input[type="time"], 
.lite-version input[type="datetime"], 
.lite-version input[type="datetime-local"], 
.lite-version input[type="color"], 
.lite-version textarea,
.lite-version .section-subtitle a,
.lite-version p.section-subtitle,
.lite-version .comment-meta .url,
.lite-version .comment-metadata a time,
.lite-version #secondary .post-categories a:hover, 
.lite-version #secondary .post-categories a:focus {
    color: #000;
}

.lite-version .site-title a:hover,
.lite-version .site-title a:focus,
.lite-version .service-item-wrapper .entry-title a:hover,
.lite-version .service-item-wrapper .entry-title a:focus,
.lite-version .post-item-wrapper .entry-meta > span.posted-on a:hover,
.lite-version .post-item-wrapper .entry-meta > span.posted-on a:focus,
.lite-version .post-item-wrapper .entry-title a:hover,
.lite-version .post-item-wrapper .entry-title a:focus,
.lite-version #colophon .site-info a:hover,
.lite-version #colophon .site-info a:focus,
.lite-version #secondary a:hover,
.lite-version #secondary a:focus,
.lite-version .navigation.post-navigation a:hover, 
.lite-version .navigation.posts-navigation a:hover,
.lite-version .navigation.post-navigation a:focus, 
.lite-version .navigation.posts-navigation a:focus,
.lite-version .single-wrapper .entry-meta > span a:hover,
.lite-version .single-wrapper .entry-meta > span a:focus,
.lite-version .section-subtitle a:hover {
    opacity: 1;
}

.lite-version #colophon{
    color: #000;
}
.lite-version .author.vcard a:hover,
.lite-version .author.vcard a:focus {
    color: #000;
}

.lite-version .search-menu svg.icon-search,
.lite-version  svg.icon-close,
.lite-version .navigation.posts-navigation svg, 
.lite-version .navigation.post-navigation svg,
.lite-version .navigation.post-navigation a:hover svg, 
.lite-version .navigation.posts-navigation a:hover svg, 
.lite-version .navigation.post-navigation a:focus svg, 
.lite-version .navigation.posts-navigation a:focus svg,
.lite-version .navigation.pagination svg,
.lite-version #colophon .social-icons li svg,
.lite-version #masthead .main-navigation .social-menu a svg{
    fill: #000;
}

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

.lite-version button.menu-toggle:focus {
    outline: thin dotted #000;
}

.lite-version .home #secondary a:hover ,
.lite-version .home #secondary a:focus,
.lite-version .home .entry-title a:hover ,
.lite-version .home .entry-title a:focus,
.lite-version .posted-on a,
.lite-version .pagination .page-numbers.dots:hover, 
.lite-version .pagination .page-numbers.dots:focus, 
.lite-version .pagination .page-numbers.prev, 
.lite-version .pagination .page-numbers.next,
.lite-version .error-404 form.search-form input,
body.blog.lite-version #secondary .widget_search form.search-form input, 
body.single.lite-version #secondary .widget_search form.search-form input,
.lite-version .comment-content p,
.lite-version .byline,
.lite-version ul.tabs li a.active, 
.lite-version ul.tabs li a:hover, 
.lite-version ul.tabs li a:focus,
.lite-version .widget_holiday_news p,
.lite-version #secondary .posted-on a,
.lite-version .entry-meta > span{
    color: #000;
}
.lite-version .navigation.pagination svg,
.lite-version .social-icons li a svg {
    fill: #000;
}
.lite-version .social-icons li a:hover svg, 
.lite-version .social-icons li a:focus svg {
    fill: #fff;
}
.lite-version .entry-title a ,
.lite-version .admin-profile .admin-name a,
.lite-version .widget_popular_post a time, 
.lite-version .widget_popular_post time, 
.lite-version .widget_latest_post a time, 
.lite-version .widget_latest_post time, 
.lite-version .widget_featured_post a time, 
.lite-version .widget_featured_post time,
.lite-version .post-categories a:hover, 
.lite-version .post-categories a:focus, 
.lite-version .posted-on a, 
.lite-version .cat-links a,
.lite-version .widget_editors_choice .entry-content p,
.lite-version .widget_about_us .entry-content p,
.lite-version .hero-banner-sidebar .sidebar-tab li.active .section-title,
.lite-version .entry-meta > span:not(:first-child):before {
    color: #000;
}
.lite-version ul.tabs li a {
    border-color: #000;
    color: #000;
}
.lite-version ul.tabs li a.active, 
.lite-version ul.tabs li a:hover, 
.lite-version ul.tabs li a:focus {
    background-color: #000;
    border-color: #000;
}
.lite-version .section-title,
.lite-version .widget-title,
.lite-version #colophon .widget-title,
.lite-version .hero-banner-post .entry-title a,
.lite-version .hero-banner-post .posted-on a,
.lite-version .hero-banner-post span.min-read,
.lite-version .hero-banner-post .entry-meta > span:not(:first-child):before,
.lite-version .featured-news-post .entry-title a,
.lite-version .featured-news-post .post-categories a,
.lite-version .featured-news-post .posted-on a,
.lite-version .featured-news-post span.min-read,
.lite-version .featured-news-post .entry-meta > span:not(:first-child):before,
.lite-version .slider-news-slider .entry-title a,
.lite-version .slider-news-slider .post-categories a,
.lite-version .slider-news-slider .posted-on a,
.lite-version .slider-news-slider span.min-read,
.lite-version .slider-news-slider .entry-meta > span:not(:first-child):before,
.lite-version .slider-news-slider .entry-content p,
.lite-version #magazine_pro_you_may_have_missed_section .entry-title a,
.lite-version #magazine_pro_you_may_have_missed_section .post-categories a,
.lite-version #magazine_pro_you_may_have_missed_section .posted-on a,
.lite-version #magazine_pro_you_may_have_missed_section span.min-read,
.lite-version #magazine_pro_you_may_have_missed_section .entry-meta > span:not(:first-child):before,
.lite-version .widget_keep_reading li:nth-child(1) .entry-title a,
.lite-version .widget_keep_reading li:nth-child(1) .post-categories a,
.lite-version .widget_keep_reading li:nth-child(1) .posted-on a,
.lite-version .widget_keep_reading li:nth-child(1) span.min-read,
.lite-version .widget_keep_reading li:nth-child(1) .entry-meta > span:not(:first-child):before,
.lite-version .hero-banner-post .post-categories a:hover,
.lite-version .hero-banner-post .post-categories a:focus,
.lite-version #magazine_pro_you_may_have_missed_section .post-categories a:hover,
.lite-version #magazine_pro_you_may_have_missed_section .post-categories a:focus {
    color: #fff;
}

.lite-version .footer-widgets-area .wrapper {
    border-bottom: 1px solid #bbbbbb;
}
.lite-version #colophon .jetpack_subscription_widget input[type="email"] {
    background-color: #dfdfdf;
    border-color: #dfdfdf;
}
.lite-version #colophon .jetpack_subscription_widget button[type="submit"]:hover, 
.lite-version #colophon .jetpack_subscription_widget button[type="submit"]:focus {
    background-color: #dfdfdf;
}
.lite-version .entry-title a:hover,
.lite-version .entry-title a:focus,
.lite-version .posted-on a:hover,
.lite-version .posted-on a:focus,
.lite-version .hero-banner-post .post-categories a,
.lite-version .post-categories a,
.lite-version #secondary a:hover,
.lite-version #secondary a:focus,
.lite-version .slider-news-slider .post-categories a,
.lite-version .widget_keep_reading li:nth-child(1) .entry-title a:hover,
.lite-version .widget_keep_reading li:nth-child(1) .entry-title a:focus,
.lite-version .widget_keep_reading li:nth-child(1) .posted-on a:hover,
.lite-version .widget_keep_reading li:nth-child(1) .posted-on a:focus,
.lite-version #magazine_pro_you_may_have_missed_section .entry-title a:hover,
.lite-version #magazine_pro_you_may_have_missed_section .entry-title a:focus,
.lite-version #magazine_pro_you_may_have_missed_section .post-categories a,
.lite-version #magazine_pro_you_may_have_missed_section .posted-on a:hover,
.lite-version #magazine_pro_you_may_have_missed_section .posted-on a:focus,
.lite-version #colophon ul li .posted-on a:hover,
.lite-version #colophon ul li .posted-on a:focus,
.lite-version #colophon .site-info a:hover,
.lite-version #colophon .site-info a:focus,
.lite-version .comment-meta .url:hover, 
.lite-version .comment-meta .url:focus, 
.lite-version .comment-metadata a:hover time,
.lite-version .comment-metadata a:focus time,
.lite-version .navigation.post-navigation a:hover,
.lite-version .navigation.post-navigation a:focus {
    color: #E6432A;
}
.lite-version .navigation.post-navigation a:hover svg,
.lite-version .navigation.post-navigation a:focus svg {
    fill: #E6432A;
}

.dark-version .slider-news-slider .post-categories a{
    color: #fff;
}

.dark-version .slider-news-slider .post-categories a:hover,
.dark-version .slider-news-slider .post-categories a:focus{
    color: #000;
}

@media screen and (min-width: 1025px) {
    .lite-version #top-navigation .posted-on a:hover,
    .lite-version #top-navigation .posted-on a:focus {
        color: #E6432A;
    }
}


.byline a:before {
    background-image: url(https://ol-araund.com/wp-content/themes/moral-magazine/assets/img/user.svg);
}

@media screen and (max-width: 1024px) {
    .header-two .site-branding-wrapper .social-icons,
    .header-two .site-branding-wrapper .main-navigation-form {
        display: none;
    }
    .header-two .main-navigation ul .social-icons ul.menu{
        text-align: center;
        float: none;
    }
}
@media screen and (min-width: 1025px) {
    .header-two .main-navigation .social-icons,
    .header-two .main-navigation .main-navigation-form {
        display: none;
    }


   
    .header-two .main-navigation ul.nav-menu li.current-menu-item > a {
        color: #1E2E4F;
        background-color: #fff;
    }
  
    .header-two .site-branding-wrapper {
        display: flex;
        align-items: center;
        padding: 45px 0;
    }
   
    #masthead.header-two .site-branding-wrapper .social-icons {
        display: flex;
        float: left; 
    }
    .header-two .site-branding {
        margin: 0 auto;
        display: flex;
        align-items: center;
        margin: 0 auto;
        text-align: center;
        float: none;
        width: unset;
    }
    .header-two .main-navigation-form {
        display: flex;
        float: right;
    }
    .header-two .site-logo + #site-identity {
        margin-top: 0;
    }
    .header-two #site-navigation .main-navigation-search {
        display: none;
    }
    .header-two .main-navigation ul.nav-menu {
        text-align: center;
        padding: 15px 0;
    }
}
.post-categories li:not(:last-child) {
    padding-right: 5px;
}


#magazine_pro_travel_column_section .travel-column-wrapper,
#magazine_pro_grid_banner_section .grid-banner-wrapper,
#magazine_pro_featured_post_section .featured-post-item,
#magazine_pro_latest_news_section .latest-news-wrapper,
#magazine_pro_sports_photography_section .sports-photography-wrapper {
    position: relative;
    overflow: hidden;
}
#magazine_pro_travel_column_section .featured-image,
#magazine_pro_grid_banner_section .featured-image,
#magazine_pro_featured_post_section .featured-image,
#magazine_pro_latest_news_section .featured-image,
#magazine_pro_sports_photography_section .featured-image {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#magazine_pro_travel_column_section .travel-column-wrapper:hover .featured-image,
#magazine_pro_grid_banner_section .grid-banner-wrapper:hover .featured-image,
#magazine_pro_featured_post_section .featured-post-item:hover .featured-image,
#magazine_pro_latest_news_section .latest-news-wrapper:hover .featured-image,
#magazine_pro_sports_photography_section .sports-photography-wrapper:hover .featured-image {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

/*--------------------------------------------------------------
.   Dark version
--------------------------------------------------------------*/
.dark-version .menu-toggle:hover, 
.dark-version .menu-toggle:focus {
    background-color: #000;
}

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

.dark-version,
.dark-version .site-title a,
.dark-version .site-description,
.dark-version .menu-label,
.dark-version h1, 
.dark-version h2, 
.dark-version h3, 
.dark-version h4, 
.dark-version h5, 
.dark-version h6,
.dark-version b, 
.dark-version strong,
.dark-version figcaption,
.dark-version blockquote,
.dark-version cite,
.dark-version #colophon .site-info a,
.dark-version #colophon a, 
.dark-version #colophon p, 
.dark-version #colophon li, 
.dark-version .site-footer strong,
.dark-version #secondary a,
.dark-version table th,
.dark-version .navigation.post-navigation a, 
.dark-version .navigation.posts-navigation a,
.dark-version .pagination .page-numbers, 
.dark-version .pagination .page-numbers.dots:hover, 
.dark-version .pagination .page-numbers.dots:focus, 
.dark-version .pagination .page-numbers.prev, 
.dark-version .pagination .page-numbers.next,
.dark-version #respond label,
.dark-version .single-wrapper .entry-meta > span a,
.dark-version #secondary .widget_search form.search-form input,
.dark-version input[type="text"], 
.dark-version input[type="email"], 
.dark-version input[type="url"], 
.dark-version input[type="password"], 
.dark-version input[type="search"], 
.dark-version input[type="number"], 
.dark-version input[type="tel"], 
.dark-version input[type="range"], 
.dark-version input[type="date"], 
.dark-version input[type="month"], 
.dark-version input[type="week"], 
.dark-version input[type="time"], 
.dark-version input[type="datetime"], 
.dark-version input[type="datetime-local"], 
.dark-version input[type="color"], 
.dark-version textarea,
.dark-version .section-subtitle,
.dark-version .post-item-wrapper .entry-title a,
.dark-version .post-item-wrapper .entry-meta > span.posted-on a,
.dark-version .post-item-wrapper .entry-meta,
.dark-version .comment-meta .url, 
.dark-version .comment-meta .fn,
.dark-version .comment-metadata a, 
.dark-version .comment-metadata a time,
.dark-version .entry-title a,
.dark-version #colophon,
.dark-version #colophon h2{
    color: #fff;
}


.dark-version button.menu-toggle svg,
.dark-version .main-navigation .search-menu > a > svg,
.dark-version .main-navigation li.search-menu a.search-active svg,
.dark-version .navigation.posts-navigation svg, 
.dark-version .navigation.post-navigation svg,
.dark-version .navigation.pagination svg,
.dark-version .footer-widgets-area .social-icons li a svg{
    fill: #fff;
}


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

.dark-version .btn,
.dark-version button, 
.dark-version input[type="button"], 
.dark-version input[type="reset"], 
.dark-version input[type="submit"],
.dark-version .pagination .page-numbers.current, 
.dark-version .pagination .page-numbers:hover, 
.dark-version .pagination .page-numbers:focus,
.dark-version .reply a {
    background-color: #e6432a;
    border-color: #222;
    color: #fff;
}


.dark-version .btn:hover, 
.dark-version .btn:focus,
.dark-version button:hover, 
.dark-version input[type="button"]:hover, 
.dark-version input[type="reset"]:hover, 
.dark-version input[type="submit"]:hover,
.dark-version button:focus, 
.dark-version input[type="button"]:focus, 
.dark-version input[type="reset"]:focus, 
.dark-version input[type="submit"]:focus,
.dark-version .reply a:hover,
.dark-version .reply a:focus {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

.dark-version .menu-toggle {
    background-color: transparent;
}

.dark-version button.menu-toggle:focus {
    outline: thin dotted #fff;
}

.dark-version #colophon a:hover,
.dark-version #colophon a:focus {
    opacity: 0.8;
}

.dark-version button.dropdown-toggle {
    background-color: transparent;
}

.dark-version button.dropdown-toggle:hover, 
.dark-version button.dropdown-toggle:focus {
    background-color: rgb(0 0 0 / 10%);
}


.dark-version #magazine_pro_cta_section .entry-title a,
.dark-version #magazine_pro_cta_section .byline a,
.dark-version #magazine_pro_cta_section .comment a,
.dark-version #magazine_pro_cta_section .posted-on a,
.dark-version #secondary .widget_top_destination .entry-title a,
.dark-version #magazine_pro_featured_post_section .entry-title a {
    color: #1E2E4F;
}
.dark-version #magazine_pro_cta_section .byline a:before,
.dark-version #magazine_pro_cta_section .comment a:before,
.dark-version #magazine_pro_cta_section .posted-on a:before {
    filter: unset;
}
@media screen and (max-width: 567px) {
    .dark-version .site-branding {
        border-bottom-color: rgb(255 255 255 / 30%);
    }
}


@media screen and (min-width: 1024px) {
    .dark-version.menu-sticky #masthead.nav-shrink {
        background-color: #000;
    }
    
}


/*--------------------------------------------------------------
.   Widgets
--------------------------------------------------------------*/

#secondary .posted-on a,
#secondary .post-categories a:hover,
#secondary .post-categories a:focus {
    color: #fff;
}
#secondary .post-categories a {
    color: #e6432a;
}
#secondary .posted-on a:hover, 
#secondary .posted-on a:focus {
    color: #e6432a;
}
.widget_keep_reading ul li,
.widget_recent_news ul li{
    list-style: none;
}

.widget_keep_reading ul,
.widget_recent_news ul{
    padding-left: 0px;
}

.widget_recent_news .recent-news-wrapper {
    display: table;
    position: relative;
    align-items: center;
    width: 100%;
}
.widget_recent_news .featured-image {
    width: 30%;
    position: absolute;
    display: table-cell;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget_recent_news .entry-container {
    text-align: unset;
    width: 70%;
    display: table-cell;
    padding: 0 15px;
}
.widget_recent_news .entry-title {
    margin-bottom: 0;
}


.widget_editors_choice .entry-title {
    margin-bottom: 5px;
}
.widget_editors_choice .editors-choice-post .featured-image {
    margin-bottom: 10px;
}
.widget_hot_topic .hot-topic-wrapper {
    display: table;
    position: relative;
    align-items: center;
    width: 100%;
}
.widget_hot_topic .featured-image {
    width: 30%;
    position: absolute;
    display: table-cell;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget_hot_topic .entry-container {
    text-align: unset;
    width: 70%;
    display: table-cell;
    padding: 0 10px;
}
.widget_left_sidebar_ad img {
    width: 100%;
    object-fit: cover;
}
.featured-post-wrapper {
    display: inline-block;
    width: 100%;
}
.widget_featured_items .featured-post-wrapper {
    display: table;
    position: relative;
    align-items: center;
    width: 100%;
}
.widget_featured_items .featured-image {
    width: 30%;
    position: absolute;
    display: table-cell;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget_featured_items .entry-container {
    text-align: unset;
    width: 70%;
    display: table-cell;
    padding: 0px 10px;
}
.widget_featured_items .entry-meta {
    margin-bottom: 0;
}
.widget_featured_items .entry-title {
    margin-bottom: 2px;
}
#secondary .widget_left_sidebar_ad .ad-slider {
    margin: 0 -15px;
}
#secondary .widget_left_sidebar_ad .ad-slider li {
    padding: 0 15px;
}


@media screen and (min-width: 1025px) {
    #content-wrapper #secondary {
        width: 25%;
        float: left;
        padding: 0 15px;
    }
}
@media screen and (min-width: 1200px) {
    .widget_editors_choice .editors-choice-post .entry-title a {
        font-size: 20px;
    }
}
@media screen and (min-width: 1900px) {
    .widget-area .widget .entry-title a {
        font-size: 20px;
    }
    .widget_editors_choice .editors-choice-post .entry-title a {
        font-size: 24px;
    }
}
.widget_holiday_news .featured-image {
    padding: 115px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 15px;
}
.widget_holiday_news p {
    margin-bottom: 10px;
}
.widget_holiday_news button {
    margin: 0 15px;
    top: 57%;
    visibility: hidden;
}
.widget_holiday_news:hover button {
    visibility: visible;
}
.widget.widget_holiday_news li:not(:last-child),
.widget.widget_holiday_news li {
    margin-bottom: 0;
}
.holiday-news-post .slick-next {
    right: 20px;
}
.holiday-news-post .slick-prev {
    left: 20px;
}
.widget.widget_holiday_news li {
    padding: 0 15px;
}
.widget.widget_holiday_news ul.post-categories li {
    padding: 0;
}
.widget.widget_holiday_news ul.holiday-news-post,
#secondary .widget.widget_holiday_news ul.holiday-news-post {
    margin: 0 -15px;
}

#slider-news {
    position: relative;
}
#slider-news .slider-news-slider {
    position: unset;
    margin: 0 -15px;
}
#slider-news .slider-news-slider .featured-image {
    padding: 230px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 10px;
}
#slider-news .slider-news-slider article {
    padding: 0 15px;
    position: relative;
}
#slider-news .slider-news-slider .entry-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 25px 20px;
    max-width: 490px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.travel-column-slider button,
.latest-news-slider button,
.travel-advice-slider button,
.slider-news-slider button {
    background-color: #ffffff47;
    border: unset;
    top: 50%;
}

.travel-column-slider .slick-prev:before,
.travel-column-slider .slick-next:before,
.travel-advice-slider .slick-prev:before,
.travel-advice-slider .slick-next:before,
.latest-news-slider .slick-prev:before,
.latest-news-slider .slick-next:before,
.slider-news-slider .slick-prev:before,
.slider-news-slider .slick-next: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);
}
.slider-news-slider .slick-prev {
    left: 20px;
}
.slider-news-slider .slick-next {
    right: 20px;
}
.slider-news-slider .entry-title {
    margin-bottom: 5px;
}
.slider-news-post .slider-news-wrapper,
.tech-news-sidebar .tech-news-wrapper {
    display: table;
    position: relative;
    align-items: center;
    width: 100%;
}
.tech-news-sidebar .featured-image {
    width: 30%;
    position: absolute;
    display: table-cell;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.tech-news-sidebar .entry-container {
    text-align: unset;
    width: 70%;
    display: table-cell;
    padding: 0 10px;
}

#travel-news .travel-news-wrapper .featured-image {
    padding: 100px 0;
    margin-bottom: 15px;
}
#travel-news .travel-news-wrapper .entry-title,
#travel-news .travel-news-wrapper p {
    margin-bottom: 6px;
}
#travel-news article:not(:last-child) {
    margin-bottom: 32px;
}

#primary-ad-1 .featured-image img, 
#primary-ad-2 .featured-image img, 
#primary-ad-3 .featured-image img {
    width: 100%;
    object-fit: cover;
}
#business-news .entry-title {
    margin-bottom: 6px;
}
#business-news .featured-image {
    margin-bottom: 15px;
}


.tech-news-post .featured-image {
    padding: 90px 0;
    margin-bottom: 10px;
}
#tech-news .entry-title {
    margin-bottom: 0;
}
#tech-news article {
    margin-bottom: 15px;
}
.tech-news-1,
#tech-news {
    margin-bottom: 16px;
}

.sports-news-post .featured-image {
    padding: 80px 0;
    margin-bottom: 10px;
}
.sports-news-post .entry-title {
    margin-bottom: 4px;
}
.sports-news-post article:not(:last-child) {
    margin-bottom: 20px;
}
#newstation_pro_primary_post .entry-title {
    margin-bottom: 0;
    font-size: 20px;
}
#newstation_pro_primary_post .view-all {
    margin-top: 42px;
    margin-left: 42px;
}

#education-news article:not(:first-child) .education-news-wrapper {
    display: table;
    position: relative;
    align-items: center;
    width: 100%;
}
#education-news article:not(:first-child) .education-news-wrapper .featured-image {
    width: 30%;
    position: absolute;
    display: table-cell;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
#education-news article:not(:first-child) .education-news-wrapper .entry-container {
    text-align: unset;
    width: 70%;
    display: table-cell;
    padding: 10px 15px;
}
#education-news article:not(:first-child) .entry-content {
    display: none;
}
#education-news article:not(:last-child) {
    margin-bottom: 25px;
}
#education-news .entry-title {
    margin-bottom: 0;
}
#education-news article:nth-child(1) {
    width: 100%;
}
#education-news article:nth-child(1) .featured-image {
    padding: 120px 0;
    position: relative;
    margin-bottom: 15px;
}
#education-news article:not(:first-child) {
    width: 50%;
    float: right;
}
#education-news article:nth-child(2n) {}

@media screen and (max-width: 767px) {
    #business-news article:not(:last-child) {
        margin-bottom: 25px;
    }
}
@media screen and (min-width: 767px) {
    .slider-news-post article {
        width: 50%;
        float: left;
    }
    .tech-news-post,
    .tech-news-sidebar {
        width: 50%;
        float: left;
    }
    .tech-news-2 .tech-news-post,
    .tech-news-1 .tech-news-sidebar {
        padding-left: 10px;
    }
    .tech-news-1 .tech-news-post,
    .tech-news-2 .tech-news-sidebar {
        padding-right: 10px;
    }
    #travel-news .travel-news-wrapper {
        display: table;
        position: relative;
        align-items: center;
        width: 100%;
    }
    #travel-news .travel-news-wrapper .featured-image {
        width: 40%;
        position: absolute;
        display: table-cell;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        padding: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #travel-news .travel-news-wrapper .entry-container {
        text-align: unset;
        width: 60%;
        display: table-cell;
        padding: 15px 15px 15px 30px;
    }
    #newstation_pro_primary_post .primary-post-wrapper {
        display: flex;
        align-items: center;
        width: 100%;
    }
    #newstation_pro_primary_post .entry-container {
        text-align: unset;
        width: 60%;
        padding: 0px 40px;
    }
    #newstation_pro_primary_post .featured-image {
        width: 40%;
        padding: 0;
        position: relative;
    }
    #education-news article:not(:first-child) {
        width: 50%;
        float: left;
    }
}
@media screen and (min-width: 1025px) {
    #content-wrapper #primary {
        width: 75%;
        float: left;
        padding: 0 15px;
    }
}
@media screen and (min-width: 1200px) {
    .slider-news-slider .entry-title a,
    .tech-news-post .entry-title a {
        font-size: 20px;
    }
}
@media screen and (min-width: 1900px) {
    .slider-news-slider .entry-title a,
    .tech-news-post .entry-title a{
        font-size: 24px;
    }
    .tech-news-sidebar .entry-title a {
        font-size: 20px;
    }
}
.widget_about_us .featured-image {
    margin-bottom: 10px;
}
.widget_about_us .featured-image img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}
.widget_about_us .entry-container {
    text-align: center;
}
.widget_about_us .entry-container .entry-title {
    margin-bottom: 8px;
}





.widget_most_read li:not(:last-child),
.widget_keep_reading li:not(:last-child) {
    margin-bottom: 20px;
}
.widget_most_read .entry-title {
    margin-bottom: 0;
}
.widget_most_read .post-categories li {
    margin-bottom: 6px;
}
.widget_right_side_ad .featured-image img {
    width: 100%;
    height: 330px;
    object-fit: cover;
}


.widget_keep_reading .entry-title {
    margin-bottom: 0px;
}
.widget_keep_reading li {
    position: relative;
}
.widget_keep_reading li:not(:first-child) .overlay {
    display: none;
}
.widget_keep_reading li:not(:first-child) .keep-reading-wrapper {
    display: table;
    position: relative;
    align-items: center;
    width: 100%;
}
.widget_keep_reading li:not(:first-child) .keep-reading-wrapper .featured-image {
    width: 30%;
    position: absolute;
    display: table-cell;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget_keep_reading li:not(:first-child) .keep-reading-wrapper .entry-container {
    text-align: unset;
    width: 70%;
    display: table-cell;
    padding: 0 15px;
}
.widget_keep_reading li:nth-child(1) .featured-image {
    position: relative;
}
.widget_keep_reading li:nth-child(1) .entry-container {
    position: absolute;
    bottom: 25px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: left;
    max-width: 250px;
}
#right-sidebar .widget_right_side_ad .ad-slider {
    margin: 0 -15px;
}
.widget_right_side_ad .ad-slider li {
    padding: 0 15px;
}


.widget_most_read .post-number {
    width: 50px;
    height: 100px;
    float: left;
    margin-right: 20px;
    background-color: #e6432a;
    position: relative;
    font-size: 28px;
    line-height: 100px;
    text-align: center;
    color: #fff;
    font-weight: 500;
}
.widget_most_read .entry-container {
    display: table-row;
}



.widget .social-icons li:not(:last-child) {
    margin-bottom: 0px;
    padding-right: 10px;
}
.widget_keep_reading li .featured-image img {
    height: 110px;
}
.widget_keep_reading li:nth-child(1) .featured-image img {
    height: 250px;
}


#colophon .widget-title:before,
#colophon .widget-title:after{
    display: none;
}
#secondary .widget {
    overflow: hidden;
    text-align: center;
}
#secondary .widget ul {
    text-align: left;
}


#magazine_pro_hero_banner_section .hero-banner-post .comment a,
.featured-news-post .comment a,
#secondary .widget_keep_reading ul li:nth-child(1) .entry-title a,
#secondary .widget_keep_reading ul li:nth-child(1) .posted-on a,
.slider-news-slider .post-categories a,
.lite-version .slider-news-slider .post-categories a,
.slider-news-slider .comment a,
#magazine_pro_you_may_have_missed_section .comment a,
#magazine_pro_travel_column_section .min-read {
    color: #fff;
}

.slider-news-slider .post-categories a:hover,
.slider-news-slider .post-categories a:focus {
    color: #1E2E4F;
}
.widget_keep_reading ul li:nth-child(1) .posted-on a:before,
.slider-news-slider .comment a:before,
.slider-news-slider .posted-on a:before,
#magazine_pro_you_may_have_missed_section .comment a:before,
#magazine_pro_you_may_have_missed_section .posted-on a:before,
#top-navigation .posted-on:before,
.default-design #magazine_pro_latest_news_section .comment a:before,
.default-design #magazine_pro_latest_news_section .posted-on a:before,
.default-design #magazine_pro_travel_advice_section .comment 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);
}
.lite-version #secondary .hero-banner-sidebar .section-header li {
    color: #000;
}
.default-design #secondary .widget {
    text-align: left;
}
#magazine_pro_grid_banner_section .min-read,
.default-design #magazine_pro_latest_news_section .comment a,
.default-design #magazine_pro_latest_news_section .min-read,
.defult-design #magazine_pro_grid_banner_section .post-categories a,
.slider-news-slider .post-categories a:hover, 
.lite-version .slider-news-slider .post-categories a:hover,
.slider-news-slider .post-categories a:focus, 
.lite-version .slider-news-slider .post-categories a:focus,
.default-design #magazine_pro_travel_advice_section .comment a,
.default-design #magazine_pro_travel_advice_section .min-read {
    color: #fff;
}
#magazine_pro_hero_banner_section .hero-banner-post .posted-on a:hover:before,
#magazine_pro_hero_banner_section .hero-banner-post .posted-on a:focus:before,
#magazine_pro_hero_banner_section .hero-banner-post .comment a:hover:before,
#magazine_pro_hero_banner_section .hero-banner-post .comment a:focus:before,
#magazine_pro_featured_news_section .featured-news-post-wrapper .posted-on a:hover:before,
#magazine_pro_featured_news_section .featured-news-post-wrapper .posted-on a:focus:before,
#magazine_pro_featured_news_section .featured-news-post-wrapper .comment a:hover:before,
#magazine_pro_featured_news_section .featured-news-post-wrapper .comment a:focus:before,
#magazine_pro_you_may_have_missed_section .posted-on a:hover:before,
#magazine_pro_you_may_have_missed_section .posted-on a:focus:before,
#magazine_pro_you_may_have_missed_section .comment a:hover:before,
#magazine_pro_you_may_have_missed_section .comment a:focus:before,
.widget_keep_reading ul li:nth-child(1) .posted-on a:hover:before,
.widget_keep_reading ul li:nth-child(1) .posted-on a:focus:before,
#magazine_pro_travel_column_section .comment a:hover:before,
#magazine_pro_travel_column_section .posted-on a:hover:before,
#magazine_pro_travel_column_section .comment a:focus:before,
#magazine_pro_travel_column_section .posted-on a:focus:before,
#magazine_pro_sports_photography_section .comment a:hover:before,
#magazine_pro_sports_photography_section .comment a:focus:before,
#magazine_pro_grid_banner_section .entry-title a:hover:before, 
#magazine_pro_grid_banner_section .posted-on a:hover:before, 
#magazine_pro_grid_banner_section .comment a:hover:before,
#magazine_pro_grid_banner_section .entry-title a:focus:before, 
#magazine_pro_grid_banner_section .posted-on a:focus:before, 
#magazine_pro_grid_banner_section .comment a:focus:before,
.default-design #magazine_pro_latest_news_section .comment a:hover:before,
.default-design #magazine_pro_latest_news_section .comment a:focus:before,
.default-design #magazine_pro_latest_news_section .posted-on a:hover:before,
.default-design #magazine_pro_latest_news_section .posted-on a:focus:before,
.default-design #magazine_pro_extra_news_section .comment a:hover:before,
.default-design #magazine_pro_extra_news_section .comment a:focus:before,
.default-design #magazine_pro_travel_advice_section .comment a:hover:before,
.default-design #magazine_pro_travel_advice_section .comment a:focus:before,
.default-design #magazine_pro_travel_advice_section .posted-on a:hover:before,
.default-design #magazine_pro_travel_advice_section .posted-on a:focus:before,
.posted-on a:hover:before,
.posted-on a:focus:before,
.comment a:hover:before,
.comment a:focus:before {
    webkit-filter: grayscale(100%) brightness(100%) sepia(100%) hue-rotate(0deg) saturate(100) contrast(.8);
    filter: grayscale(100%) brightness(100%) sepia(100%) hue-rotate(0deg) saturate(100) contrast(.8);
}
#magazine_pro_hero_banner_section .hero-banner-post .comment a:hover,
#magazine_pro_hero_banner_section .hero-banner-post .comment a:focus,
#magazine_pro_featured_news_section .featured-news-post-wrapper .comment a:hover,
#magazine_pro_featured_news_section .featured-news-post-wrapper .comment a:focus,
#magazine_pro_you_may_have_missed_section .comment a:hover,
#magazine_pro_you_may_have_missed_section .comment a:focus,
#secondary .widget_keep_reading ul li:nth-child(1) .entry-title a:hover,
#secondary .widget_keep_reading ul li:nth-child(1) .entry-title a:focus,
#secondary .widget_keep_reading ul li:nth-child(1) .posted-on a:hover,
#secondary .widget_keep_reading ul li:nth-child(1) .posted-on a:focus,
.comment a:hover,
.comment a:focus,
#magazine_pro_travel_column_section .entry-title a:hover, 
#magazine_pro_travel_column_section .comment a:hover,
#magazine_pro_travel_column_section .posted-on a:hover,
#magazine_pro_travel_column_section .entry-title a:focus, 
#magazine_pro_travel_column_section .comment a:focus,
#magazine_pro_travel_column_section .posted-on a:focus,
#magazine_pro_sports_photography_section .comment a:hover,
#magazine_pro_sports_photography_section .comment a:focus,
#magazine_pro_grid_banner_section .entry-title a:hover, 
#magazine_pro_grid_banner_section .posted-on a:hover, 
#magazine_pro_grid_banner_section .comment a:hover,
#magazine_pro_grid_banner_section .entry-title a:focus, 
#magazine_pro_grid_banner_section .posted-on a:focus, 
#magazine_pro_grid_banner_section .comment a:focus,
.default-design #magazine_pro_latest_news_section .entry-title a:hover,
.default-design #magazine_pro_latest_news_section .entry-title a:focus,
.default-design #magazine_pro_latest_news_section .posted-on a:hover,
.default-design #magazine_pro_latest_news_section .posted-on a:focus,
.default-design #magazine_pro_latest_news_section .comment a:hover,
.default-design #magazine_pro_latest_news_section .comment a:focus,
.slider-news-slider .post-categories a, 
.lite-version .slider-news-slider .post-categories a,
.default-design #magazine_pro_sports_photography_section .entry-title a:hover,
.default-design #magazine_pro_sports_photography_section .entry-title a:focus,
.default-design #magazine_pro_extra_news_section .comment a:hover,
.default-design #magazine_pro_extra_news_section .comment a:focus,
.default-design #magazine_pro_travel_advice_section .comment a:hover,
.default-design #magazine_pro_travel_advice_section .comment a:focus,
.default-design #magazine_pro_travel_advice_section .entry-title a:hover,
.defaulr-design #magazine_pro_travel_advice_section .entry-title a:focus,
.default-design #magazine_pro_travel_advice_section .posted-on a:hover,
.default-design #magazine_pro_travel_advice_section .posted-on a:focus {
    color: #e6432a;
}
.comment a {
    color: #1e2e4f;
    text-decoration: unset;
}
.default-design .post-categories a,
.default-design #magazine_pro_extra_news_section article:nth-child(2n) .post-categories a,
.default-design #magazine_pro_extra_news_section article:nth-child(3n) .post-categories a,
.default-design #magazine_pro_extra_news_section article:nth-child(4n) .post-categories a {
    background-color: unset;
}
.default-design #magazine_pro_latest_news_section .post-categories a {
    background-color: #fff;
    padding: 3px;
}
#magazine_pro_three_column_section .column-wrapper article:nth-child(1) .featured-image img,
#magazine_pro_editorial_section .featured-image img,
#magazine_pro_sports_photography_section .featured-image img,
#magazine_pro_you_may_have_missed_section .featured-image img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}
#secondary .widget_about_us ul {
    text-align: center;
}

#secondary .hero-banner-sidebar {
    margin-bottom: 30px;
}
#magazine_pro_latest_news_section button,
#magazine_pro_travel_column_section button {
    width: 40px;
    height: 40px;
}
#magazine_pro_latest_news_section .slick-prev,
#magazine_pro_travel_column_section .slick-prev {
    left: 25px;
}
#magazine_pro_latest_news_section .slick-next,
#magazine_pro_travel_column_section .slick-next {
    right: 25px;
}
#magazine_pro_travel_advice_section .post-categories {
    margin-bottom: 15px;
}

.sports-photography-wrapper .comment i,
.extra-news-wrapper .comment i,
.entry-container .comment i,
.posted-on i {
    padding-right: 5px;
}


#magazine_pro_travel_column_section .entry-meta > span:not(:first-child):before,
#magazine_pro_travel_advice_section .entry-meta > span:not(:first-child):before,
#magazine_pro_latest_news_section .entry-meta > span:not(:first-child):before,
#magazine_pro_grid_banner_section .entry-meta > span:not(:first-child):before,
.entry-meta > span:not(:first-child):before {
    content: ".";
    margin: 0;
    color: #fff;
    position: absolute;
    left: -13px;
    bottom: 5px;
}

.lite-version #magazine_pro_travel_advice_section .entry-meta > span{
    color: #fff;
}





.default-design #magazine_pro_sports_photography_section {
    background-color: #202020;
}

.main-navigation-form {
    border: 1px solid;
}
.related-slider .featured-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
input[type="submit"],
input[type="submit"]:hover,
input[type="submit"]:focus,
#colophon ul li a {
    text-decoration: none;
}
.single input[type="submit"]:hover, 
.single input[type="submit"]:focus {
    background-color: #000 !important;
}

.single.dark-version input[type="submit"]:hover, .single.dark-version input[type="submit"]:focus {
    background-color: #fff !important;
}

.dark-version .comment a {
    color: #fff;
    text-decoration: unset;
}

.default-design.dark-version .search-submit svg.icon-search{
    fill: #fff;
}

ul li a{
    text-decoration: none;
}

.wp-block-latest-comments article {
    margin-bottom: 0px;
}

.wp-block-latest-comments{
    padding-left: 0px;
}


.wp-block-search__button:hover,
input[type="submit"]:hover{
    text-decoration: none;
}

a.posted-on, a.entry-date {
    rel: nofollow !important;
}