/*!
Theme Name: Kavine Blog
Theme URI: http://shadowthemes.com/downloads/kavine-blog/
Author: Shadow Themes
Author URI: https://shadowthemes.com
Description: Kavine Blog is one of the most popular WordPress themes by Shadow Themes. The theme has multiple features that make your site appealing. It is well suited for personal blogs, portfolios, business blogs and others. It is a lightweight theme with tons of color options and fonts. It features a unique and attractive slider, Blog/Archive Psages and social menu at the top right and the bold typography. Kavine Blog is a clean, responsive, retina ready WordPress theme with a complete focus on readability and search engine. It is a powerful WordPress blog theme with tons of features. Mainly focused for blogging, it's sole purpose if for bloggers. Kavine Blog comes packed with great customization options. All of them can be accessed using theme customizer. Kavine Blog theme comes in one, two and three column layouts. 
Version: 1.0.0
Requires PHP: 5.6
Tested up to: 6.5
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kavine-blog
Tags: two-columns, three-columns, 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.

Kavine Blog is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://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
# Sections
  ## Custom Header Image
  ## Recent Posts
  ## Message From Author
  ## Most Read
  ## Featured Posts
  ## Gallery Posts
  ## Get In Touch
# About Page
# Footer
# Responsive

--------------------------------------------------------------*/
/*--------------------------------------------------------------
#Root main Values
--------------------------------------------------------------*/
:root {
  --main-color: #e2ae3d;
  --color-text: #191B1D;
}

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

#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: #cea35f;}
    25% {height:30px;transform:translateY(16px);background: #cea35f;}
    50% {height:5px;transform:translateY(0px);background: #cea35f;}
    100% {height:5px;transform:translateY(0px);background: #cea35f;}
}

.totop {
    background-color: var(--main-color);
    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;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.totop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
    width:30px;
    height: 30px;
}
.totop:hover,
.totop:focus {
    background-color: #000;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}
body {
  margin: 0;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}
body:not(.home) {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}
#page {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
}

.overlay {
   position: absolute;
   top: 0;
   background-color: #000;
   opacity: 0.5;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
}
.boxed-layout,
.frame-layout {
    background-image: url('assets/uploads/pattern.png');
}
.boxed-layout #page {
    background-color: #f6f6f4;
}
#content {
    position: relative;
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 52px;
  font-size: 3.25rem;
}

h2 {
  font-size: 42px;
  font-size: 2.625rem;
}

h3 {
  font-size: 32px;
  font-size: 2rem;
}

h4 {
  font-size: 28px;
  font-size: 1.75rem;
}

h5 {
  font-size: 24px;
  font-size: 1.5rem;
}

h6 {
  font-size: 20px;
  font-size: 1.25rem;
}

h1,
h2,
h3,
h4,
h5,
h6{
  clear: both;
  color: #000;
  margin: 16px 0;
  line-height: 1.3;
  font-family: 'Lugrasimo', sans-serif;
  font-weight: 400;
}
#secondary .shadow-section-header h1,
#secondary .shadow-section-header h2,
#secondary .shadow-section-header h3,
#secondary .shadow-section-header h4,
#secondary .shadow-section-header h5,
#secondary .shadow-section-header h6,
footer .shadow-section-header h1,
footer .shadow-section-header h2,
footer .shadow-section-header h3,
footer .shadow-section-header h4,
footer .shadow-section-header h5,
footer .shadow-section-header h6 {
  font-family: 'Lugrasimo', sans-serif;
}
.shadow-section-header h1,
.shadow-section-header h2,
.shadow-section-header h3,
.shadow-section-header h4,
.shadow-section-header h5,
.shadow-section-header h6 {
  clear: both;
  color: #000;
  line-height: 1.3;
  font-family: 'Lugrasimo', sans-serif;
  font-weight: 400;
}

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

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 8px;
    border: 1px solid #959595;
}

td#next {
    text-align: right;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #697275;
  font-size: 14px;

  line-height: 28px;
}
p {
  margin: 0.8em 0;
  color: #697275;
}
dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 16px;
  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: 16px;
  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: #ffffff; /* Fallback for when there is no custom background color defined. */
}

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

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

blockquote {
  background-color: #f6f6f6;
    padding: 16px;
    border-left: 5px solid #ccc;
}

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

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

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

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

select {
  border: 1px solid #ccc;
}

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

textarea {
  width: 100%;
}

textarea,
.wpcf7 input {
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    outline: none;
    height: 40px;
    padding: 0 16px;
}
#respond input {
    border: 1px solid #e9e9e9;
    border-radius: 0;
    outline: none;
    height: 40px;
    padding: 0 16px;
}
#respond textarea {
    height: 180px;
    padding: 10px 16px;
}
#respond input[type="submit"] {
  border-color: #343b3d;
}
#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus {
  border-color: var(--main-color); 
}
p.form-submit {
    clear: both;
    display: table;
    float: right;
    margin-bottom: 0;
    width: 100%;
}
.comment-notes {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    color: #959595;
    margin-bottom: 5px;
    display: table;
}
#respond .comment-form-cookies-consent input[type="checkbox"], 
.comment-form-cookies-consent input[type="checkbox"] {
    width: auto;
    float: left;
    height: auto;
    min-height: auto;
    margin-right: 5px;
}
#respond .comment-form-cookies-consent label, 
.comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}
p.comment-subscription-form input[type="checkbox"] {
    float: left;
    margin-right: 16px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: var(--main-color);
  text-decoration: none;
}

a:hover,
a:active {
  color: #000;
}

a:focus {
  color: var(--main-color);
  outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#top-menu {
    padding:0;
    background-color: #292525;;
}
#top-menu > svg.dropdown-icon.icon-up,
#top-menu > svg.dropdown-icon.icon-down {
    margin: auto;
    display: block;
    cursor: pointer;
    fill: #fff;
}
#top-menu ul {
    padding: 0;
    list-style: none;
}
#top-menu svg.dropdown-icon.icon-up,
#top-menu.top-menu-active svg.dropdown-icon.icon-down {
    display: none;
}
#top-menu.top-menu-active svg.icon-up {
    display: block;
}
.social-menu li:not(:last-child) {
    margin-right: 5px;
}
.header-social .social-menu li:not(:last-child) {
    margin-right: 0px;
}
.secondary-menu {
    float: left;
    padding-top: 5px;
}
.social-menu svg {
    fill: #fff;
    width: 20px;
    height: 20px;
}
.wp-block-social-links li::before{
    display: none !important;
}
footer .footer-widgets-area .widget ul.wp-block-social-link li a,
.wp-block-social-links .wp-social-link a {
  padding: 14px;
  font-size: 36px !important;
}
.wp-block-social-links{
    border-radius: 0 50%;
}
.wp-block-social-link:hover {
  transform: none;
  background: var(--main-color) !important;
}
.wp-block-social-links .wp-block-social-link svg{
    fill:#fff !important;
}
.wp-social-link.wp-block-social-link {
  width: 65px !important;
  height: 65px;
}
.header-social .social-menu svg {
    width: 15px;
    height: 15px;
}
.header-social .social-menu{
  padding-top: 6px;
}
.header-social .social-menu svg {
    fill: var(--main-color);
}
.secondary-menu a,
.main-navigation a {
    text-transform: uppercase;
    vertical-align: middle;
    color: #000;
    padding: 0 15px;
}
.secondary-menu a {
    font-family: 'Khand', sans-serif;
    font-size: 12px;
}
.main-navigation a {
    font-family: 'Abril Fatface', sans-serif;
    font-size: 12px;
}
.secondary-menu a:hover,
.secondary-menu a:focus {
  color: var(--main-color);
}
#masthead {
    position: relative;
    z-index: 3000;
    background-color: #fff;
    -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-branding {
    text-align: center;
    padding: 200px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.site-branding.header-bg-disable {
    padding: 10px 0;
} 
.site-title {
    margin: 0;
}
.site-title a {
    font-family: 'Lugrasimo';
    font-weight: 900;
    font-size: 52px;
    line-height: 52px;
}
.site-description {
    margin: 0px 0 0;
    line-height: 1;
}
#site-details {
    margin-top: 16px;
}
.main-navigation {
  display: block;
    position: relative;
}
.nav-shrink .main-navigation:before, 
.nav-shrink .main-navigation:after {
  display: none;
}
/*.nav-shrink .main-navigation {
  border: none;
}*/

.main-navigation ul.sub-menu,
#top-menu ul.sub-menu {
    background-color: #f2f2f2;
    text-align: left;
    padding: 0;
    border-top: 1px solid;
    border-top-color:var(--main-color); 
}
.main-navigation ul.sub-menu li a,
#top-menu ul.sub-menu li a {
    padding: 10px 16px;
    color: #343b3d;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(52, 59, 61, 0.10);
}
.main-navigation ul.sub-menu a:after,
#top-menu ul.sub-menu a:after {
  float: right;
}
.main-navigation{
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;

}
.menu-item-description {
  position: absolute;
  top: -7px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  text-transform: capitalize;
  line-height: 14px;
  color: var(--main-color);
  font-family: 'Caveat';
}
.main-navigation li,
#top-menu li {
  position: relative;
}

.main-navigation ul.nav-menu > li > a {
    text-transform: uppercase;
    padding: 25px;
    font-weight: 400;
}
.main-navigation ul.nav-menu > li > a.search {
  display: inline-block;
  vertical-align: middle;
}
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search {
  fill: var(--main-color);
}
.main-navigation ul#primary-menu ul li.current-menu-item > a:hover,
.main-navigation ul#primary-menu ul li.current-menu-item > a:focus{
  color: #fff;
}
.secondary-menu ul.menu li.current-menu-item > a {
    color: var(--main-color);
}
.main-navigation a:hover,
.main-navigation a:focus {
    color: var(--main-color);
}

.main-navigation a {
    display: block;
    text-decoration: none;
    letter-spacing: 2px;
    color: #444;
}
#top-menu a {
    display: block;
    color: #fff;
}
#top-menu .secondary-menu a:hover,
#top-menu .secondary-menu a:focus {
    color: var(--main-color);
}
.main-navigation ul ul,
#top-menu ul ul {
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul,
#top-menu ul ul ul {
  left: -999em;
  top: -1px;
}
.main-navigation ul ul a,
#top-menu ul ul a {
  width: 225px;
}
#search {
    display: none;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 45px;
    padding: 0 50px 0 16px;
    width: 100%;
    outline: none;
}
.header-search input.search-field {
    background-color: #e5e5e5;
    border: none;
}
#search button.search-submit {
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
}
#search button.search-submit svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}
.main-navigation svg.icon-close,
.main-navigation .search.search-open svg.icon-search {
    display: none;
}
.main-navigation .search.search-open svg.icon-close {
  display: block;
}
svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}
svg.icon-search,
svg.icon-close {
    width: 16px;
    height: 16px;
    fill: #fff;
}
svg.icon-search {
    margin-top: -4px;
}
.main-navigation svg.icon-down,
#top-menu ul svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #000;
}
#top-menu ul svg.icon-down {
    fill: #000;
}
.main-navigation ul ul svg.icon-down,
#top-menu ul ul svg.icon-down {
    width: 12px;
    height: 12px;
    fill: #343b3d;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu-toggle {
    border-radius: 0;
    font-size: 16px;
    margin: auto;
    outline: none;
    display: block;
    height: 50px;
    position: relative;
    background-color: transparent;
    min-width: 64px;
    border-top: 1px solid #343b3d;
    border: none;
}

.menu-toggle:focus,
button.dropdown-toggle:focus{
  outline: thin dotted;
  color: var(--main-color);
}

svg.icon-menu {
    fill: #343b3d;
    width: 30px;
    height: 30px;
    vertical-align: baseline;
}
span.menu-label {
    display: none;
}
.menu-open svg.icon-menu {
    display: none;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    outline: none;
}
.main-navigation .dropdown-toggle.active > svg,
#top-menu .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%;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 50px 0;
  overflow: hidden;
}

.home .site-main .posts-navigation,
.home .site-main .post-navigation,
.search .site-main .posts-navigation,
.search .site-main .post-navigation,
.blog .site-main .posts-navigation,
.blog .site-main .post-navigation,
.archive .site-main .posts-navigation,
.archive .site-main .post-navigation {
  margin: 50px auto;
  max-width: 600px;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: center;
  width: 50%;
  border-left: 2px solid #fff;
}

/*.posts-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  padding: 20px;
  background-color: #e5e5e5;

}*/
.posts-navigation .nav-previous:hover a,
.post-navigation .nav-previous:hover a,
.posts-navigation .nav-next:hover a,
.post-navigation .nav-next:hover a{
  color: #fff;
}
.posts-navigation .nav-previous:hover svg,
.post-navigation .nav-previous:hover svg,
.posts-navigation .nav-next:hover svg,
.post-navigation .nav-next:hover svg{
  fill: #fff;
}
.posts-navigation .nav-previous:hover,
.post-navigation .nav-previous:hover,
.posts-navigation .nav-next:hover,
.post-navigation .nav-next:hover {
  background-color: var(--main-color);
}

.post-navigation a, 
.posts-navigation a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    background-color: #e5e5e5;
    position: relative;
    display: block;
    padding: 20px;
    width: 100%;
}
/*.home .site-main .posts-navigation a,
.home .site-main .post-navigation a,
.search .site-main .posts-navigation a,
.search .site-main .post-navigation a,
.blog .site-main .posts-navigation a,
.blog .site-main .post-navigation a,
.archive .site-main .posts-navigation a,
.archive .site-main .post-navigation a{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    padding: 20px 50px;
    text-align: center;
    background-color: #e5e5e5;
}*/
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}
/*.post-navigation:before,
.posts-navigation:before,
.post-navigation:after,
.posts-navigation:after {
    content: "";
    background-color: #d8d8d8;
    height: 1px;
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    z-index: -1;
}*/
.post-navigation:after,
.posts-navigation:after {
  top: auto;
  bottom: 2px;
}
/*.post-navigation,
.posts-navigation,
.post-navigation,
.posts-navigation {
    padding: 16px;
}*/
.pagination .page-numbers {
    font-size: 22px;
    border: 1px solid rgba(190, 190, 190, 0.50);
    min-width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    color: #000;
    -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;
}
.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg {
    display: inline-block;
    vertical-align: middle;
    fill: #322d2d;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 12px;
    height: 12px;
    margin-right: 7px;
}
.pagination .prev.page-numbers:hover svg,
.pagination .next.page-numbers:hover svg,
.pagination .prev.page-numbers:focus svg,
.pagination .next.page-numbers:focus svg {
    fill: #fff;
}
.pagination .page-numbers.current:hover,
.pagination .page-numbers.current:focus,
.pagination .prev.page-numbers:hover,
.pagination .next.page-numbers:hover,
.pagination .prev.page-numbers:focus,
.pagination .next.page-numbers:focus {
    color: #fff;
    background-color: var(--main-color);
}
.pagination .page-numbers.current,
.pagination a.page-numbers{
    line-height: 27px;
}
.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg{
  line-height: 28px;
}
.pagination .next.page-numbers svg {
    margin-left: 4px;
    margin-right: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.pagination .page-numbers.dots {
  -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.pagination .page-numbers.current {
    color: var(--main-color);
}
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus {
  border-color: var(--main-color);
}
.pagination .page-numbers:last-child {
  margin-right: 0;
}
/*--------------------------------------------------------------
# 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: 16px 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,
.shadow-entry-content:before,
.shadow-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,
#related-posts:before,
#related-posts:after,
.comments-area:before,
.comments-area:after,
.comment-respond:before,
.comment-respond:after,
ol.comment-list:before,
ol.comment-list:after,
.blog-posts-wrapper:before,
.blog-posts-wrapper:after,
.shadow-section-content:before,
.shadow-section-content:after,
.widget_instagram ul:before,
.widget_instagram ul:after,
.widget_media_gallery .gallery:before,
.widget_media_gallery .gallery:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.shadow-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,
#related-posts:before,
#related-posts:after,
.comments-area:before,
.comments-area:after,
.comment-respond:before,
.comment-respond:after,
ol.comment-list:before,
ol.comment-list:after,
.blog-posts-wrapper:before,
.blog-posts-wrapper:after,
.shadow-section-content:before,
.shadow-section-content:after,
.widget_instagram ul:before,
.widget_instagram ul:after,
.widget_media_gallery .gallery:before,
.widget_media_gallery .gallery:after {
  clear: both;
}

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

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

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

form.search-form button.search-submit:focus,
form.search-form button.search-submit:hover{
    background-color: #9e9e9e;
}

form.search-form button.search-submit {
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--main-color);
    border: none;
    width: 80px;
    outline: none;
}
.wp-block-search__button {
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  color: #fff;
  margin-left: 0;
}
.wp-block-search__button:focus,
.wp-block-search__button:hover {
  border: 1px solid #000;
  background-color: #000;
}
.wp-block-search__inside-wrapper {
  border: 1px solid var(--main-color);
}
.widget-block h2,
.wp-block-heading {
  font-size: 32px;
}
#secondary form.search-form button.search-submit {
    height: 40px;
    border-radius: 0;
    min-width: 30px;
}
.widget_search form.search-form button.search-submit {
    width: auto;
    font-size: 14px;
    color: #fff;
    background-color: var(--main-color);
    min-width: 91px;
}
.widget_search form.search-form button.search-submit:hover,
.widget_search form.search-form button.search-submit:focus {
  background-color: #000;
}
.widget_search form.search-form input {
  border: none;
}
.widget_search form.search-form input {
    padding: 0 100px 0 16px;
    background-color: #f6f6f6;
}
form.search-form {
    position: relative;
}

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

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

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

.widget-title {
    font-size: 22px;
    margin-top: 0;
}
.wp-block-image{
  margin-bottom: 0;
}
.widget li:not(:last-child) {
    margin-bottom: 5px;
}
.wp-block-latest-comments article {
  margin-bottom: 10px;
}
#secondary section.widget ul,
#secondary section.widget div {
  text-align: left;
}
.widget_instagram ul {
    list-style: none;
    margin: -10px;
    padding: 0;
}
.widget.widget_instagram li {
  margin: 0;
  padding: 10px;
}
.widget_instagram .column-1 li {
  width: 100%;
  float: none;
}
.widget_instagram .column-2 li {
  width: 50%;
  float: left;
}
.widget_instagram .column-3 li {
  width: 33.33%;
  float: left;
}
.widget_instagram .column-4 li {
  width: 25%;
  float: left;
}
.widget_instagram .column-5 li {
  width: 20%;
  float: left;
}
.widget_instagram li img {
  width: 100%;
}
#secondary .widget-title,
#secondary .widgettitle {
  text-transform: capitalize;
  font-size: 32px;
}
#secondary .widget:not(:last-child) {
  margin-bottom: 36px;
}
input[type="submit"] {
    background-color: #343b3d;
    color: #fff;
    font-size: 14px;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: var(--main-color);
}
.jetpack_subscription_widget {
  text-align: center;
}
.jetpack_subscription_widget input[type="email"] {
  width: 100%;
  margin-bottom: 10px;
}
.jetpack_subscription_widget input[type="submit"] {
    min-width: 100px;
    text-align: center;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}
.jetpack_subscription_widget #subscribe-submit {
    margin-bottom: 0;
}
.widget_popular_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li {
  clear: both;
  margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child {
  margin-bottom: 0;
}
.widget_popular_post h3 {
    font-size: 16px;
    line-height: 22px;
    display: table-row;
}
.widget_popular_post h3 a {
  display: block;
}
.widget_popular_post time {
    margin-top: 5px;
    display: inline-block;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time {
    color: #343b3d;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a time,
.widget_popular_post time {
    color: var(--main-color);
}
.widget_popular_post img {
    max-width: 95px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
}
#instagram-section img {
    width: 100%;
}
#instagram-section .hentry{
  padding: 0 16px;
  margin-bottom: 30px;
}
#instagram-section .shadow-entry-content {
    margin: 0 -16px;
}
#instagram-section .shadow-entry-header {
    text-align: center;
    margin-bottom: 30px;
}
#instagram-section .column-3 .hentry:nth-child(3n+1) {
    clear: left;
}
#instagram-section .column-4 .hentry:nth-child(4n+1) {
    clear: left;
}
#instagram-section .column-5 .hentry:nth-child(5n+1) {
    clear: left;
}
.widget_categories li {
    text-align: right;
    clear: both;
    display: table;
    width: 100%;
}
.widget_categories li a {
    float: left;
}
#secondary ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#secondary ul li a {
    color: #697275;
    font-size: 16px;
}
#secondary ul li a:hover,
#secondary ul li a:focus {
    color: var(--main-color);
}
#secondary .widget {
    background-color: #fff;
    padding: 20px;
}
#secondary .widget li:not(:last-child) {
    margin-bottom: 10px;
}
#secondary ul li:before {
    content: "-";
    margin-right: 10px;
    float: left;
}
.site-footer .textwidget p {
    color: #fff;
}
#homepage-secondary .shadow-popular-news .section-content,
#secondary .shadow-popular-news .section-content,
#colophon .shadow-popular-news .section-content {
  margin: 0;
}

#homepage-secondary .single-column-news .half-width .shadow-entry-content,
#secondary .single-column-news .half-width .shadow-entry-content,
#colophon .single-column-news .half-width .shadow-entry-content {
  display: none;
}

#secondary .shadow-popular-news,
#homepage-secondary .shadow-popular-news,
#colophon .shadow-popular-news {
    margin: 0;
}

#secondary .shadow-popular-news .wrapper,
#homepage-secondary .shadow-popular-news .wrapper,
#colophon .shadow-popular-news .wrapper {
  width: 100%;
  padding: 0;
}
#secondary .single-column-news.column-2 .single-column-news-wrapper article.half-width,
#homepage-secondary .single-column-news.column-2 .single-column-news-wrapper article.half-width,
#colophon .single-column-news.column-2 .single-column-news-wrapper article.half-width,
#secondary .shadow-popular-news .popular-post-wrapper,
#homepage-secondary .shadow-popular-news .popular-post-wrapper,
#colophon .shadow-popular-news .popular-post-wrapper,
#secondary #featured-articles article:first-child .shadow-entry-container,
#homepage-secondary #featured-articles article:first-child .shadow-entry-container,
#colophon   #featured-articles article:first-child .shadow-entry-container {
    width: 100%;
}
#secondary .single-column-news.column-2 .single-column-news-wrapper article:nth-child(2n) .post-wrapper,
#homepage-secondary .single-column-news.column-2 .single-column-news-wrapper article:nth-child(2n) .post-wrapper,
#colophon .single-column-news.column-2 .single-column-news-wrapper article:nth-child(2n) .post-wrapper {
      margin-right: 0px;
  }
#secondary .shadow-popular-news article,
#homepage-secondary .shadow-popular-news article,
#colophon .shadow-popular-news article {
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
}
#secondary .category-news.column-2 .category-news-wrapper,
#homepage-secondary .category-news.column-2 .category-news-wrapper,
#colophon .category-news.column-2 .category-news-wrapper{
  width: 100%;
  margin-bottom: 15px;
}

#secondary #featured-articles article,
#homepage-secondary #featured-articles article,
#colophon #featured-articles article,
#secondary #video-news article,
#homepage-secondary #video-news article,
#colophon #video-news article  {
  width: 100%;
  margin-bottom: 15px;
  padding: 0 10px;
}

#featured-articles article, 
#secondary #featured-articles article:first-child .featured-image,
#homepage-secondary #featured-articles article:first-child .featured-image,
#colophon #featured-articles article:first-child .featured-image {
    width: 100%;
    float: left;
}
.sidebar-popular-news ul,
.widget_latest_post ul,
.widget_featured_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.sidebar-popular-news ul li,
.widget.widget_latest_post ul li,
.widget.widget_featured_post ul li {
    clear: both;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: transparent;
}
.widget.sidebar-popular-news 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;
}
.sidebar-popular-news .shadow-entry-meta {
    padding-top: 8px;
}
.sidebar-popular-news h3,
.widget_latest_post h3,
.widget_featured_post h3 {
    font-size: 18px;
    line-height: 1.3;
    display: table-row;
    letter-spacing: 0.01em;
}
.sidebar-popular-news h3 a,
.widget_latest_post h3 a,
.widget_featured_post h3 a {
  display: block;
}
#secondary .sidebar-popular-news h3 a,
#secondary .widget_latest_post h3 a,
#secondary .widget_featured_post h3 a {
  font-weight: 600;
}
.sidebar-popular-news time,
.widget_latest_post time,
.widget_featured_post time {
    display: table-row;
    font-weight: 500;
}
#secondary .sidebar-popular-news ul li a{
  font-size: 18px;
}
.sidebar-popular-news h3 a,
.sidebar-popular-news a:hover time,
.sidebar-popular-news 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;
}
.sidebar-popular-news h3 a:hover,
.sidebar-popular-news h3 a:focus,
.sidebar-popular-news a:hover time,
.sidebar-popular-news 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: #ff4443;
}
.sidebar-popular-news a time,
.sidebar-popular-news time,
.widget_latest_post a time,
.widget_latest_post time,
.widget_featured_post a time,
.widget_featured_post time {
    color: #555;
}
#colophon .sidebar-popular-news a time,
#colophon .sidebar-popular-news time,
#colophon .widget_latest_post a time,
#colophon .widget_latest_post time,
#colophon .widget_featured_post a time,
#colophon .widget_featured_post time {
    color: #fff;
    opacity: 0.8;
}
.sidebar-popular-news img,
.widget_latest_post img,
.widget_featured_post img {
    max-width: 80px;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 14px;
}
.site-footer .textwidget p {
    color: #fff;
}
/*--------------------------------------------------------------
# Shadow Popular News Widget
--------------------------------------------------------------*/
.shadow-popular-news article {
  text-align: left;
}
.shadow-popular-news article .post-wrapper {
  display: flex;
  align-items: center;
}
.shadow-popular-news article.half-width .post-wrapper {
    background-color: #fff;
}
.shadow-popular-news article.full-width .post-wrapper {
  display: initial;
}
.shadow-popular-news article .shadow-entry-title {
    margin-bottom: 5px;
    margin-top: 5px;
}
.shadow-popular-news article .shadow-entry-title a {
    color: #555;
}
.shadow-popular-news article .shadow-entry-title a:hover,
.shadow-popular-news article .shadow-entry-title a:focus {
    color: var(--main-color);
}
#inner-content-wrapper  article:hover .featured-image{
  border-radius: 20px;
}
/*#inner-content-wrapper  article:hover .featured-image,
.blog #inner-content-wrapper article:hover .shadow-entry-container,
.archive #inner-content-wrapper article:hover .shadow-entry-container,
.search #inner-content-wrapper article:hover .shadow-entry-container {
  box-shadow: 1px 1px 3px 3px #a9a9a9;
}*/
#inner-content-wrapper .shadow-popular-news article.hentry{
  padding: 0;
}
.shadow-popular-news article.half-width .shadow-entry-container {
  padding: 0 0 0 10px;
}
.shadow-popular-news article.full-width .shadow-entry-container {
  padding: 10px 11px 10px 16px;
  background-color: #fff;
}
.shadow-popular-news article.full-width .featured-image {
  position: relative;
}
.shadow-popular-news ul.post-categories li:after {
  content: none;
}

.shadow-popular-news article.half-width ul.post-categories li {
  margin: 0;
}
.shadow-popular-news img {
    width: 100%;
}
.shadow-popular-news .half-width img {
    width: 90%;
    height: 80px;
}
.shadow-popular-news article.half-width .cat-links a {
    background-color: transparent;
    color: var(--main-color);
    margin-right: 5px;
}
.shadow-popular-news article.half-width .shadow-entry-title {
  margin-top: 5px;
}
.shadow-popular-news article.half-width .featured-image {
  width: 25%;
}
.shadow-popular-news article.half-width .shadow-entry-container {
  width: 75%;
}
.shadow-popular-news article span.posted-on a {
    color: #555;
    font-size: 12px;
}
.shadow-popular-news article span.posted-on a:hover {
    color: #000;
}
.shadow-popular-news .section-content {
    margin: 0 -10px;
}
#secondary .sidebar-popular-news ul li::before {
  display: none !important;
  margin-right: 0;
}
.shadow-popular-news .section-content article {
    padding: 0 7px;
    margin-bottom: 15px;
}
.shadow-popular-news .section-content article:last-child {
    clear:left;
}
.shadow-cloumn-news .section-content article{
  width: 50%;
  float:left;
}

/*--------------------------------------------------------------
#  Hero-section Section
--------------------------------------------------------------*/
#hero-section{
  padding-top: 0px;
}
#breaking + #hero-section{
  padding-top: 0px;
}
#hero-section .grid article:nth-child(1n) {
    width: 100%;
}
#hero-section .grid article:nth-child(1n) .featured-image {
    padding: 190px 0;
}
#hero-section .grid article:nth-child(2n) .featured-image,
#hero-section .grid article:nth-child(3n) .featured-image,
#hero-section .grid article:nth-child(4n) .featured-image,
#hero-section .grid article:nth-child(5n) .featured-image {
    padding: 90px 0;
}

#hero-section .grid,
#media-news .grid {
    margin: 0 -15px;
}
#hero-section .grid article,
#media-news .grid article {
    width: 100%;
    padding: 0 9px;
    margin-bottom: 20px;
}
.grid .featured-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
#hero-section .grid article:nth-child(2n),
#hero-section .grid article:nth-child(3n),
#hero-section .grid article:nth-child(4n),
#hero-section .grid article:nth-child(5n) {
    width: 100%;
}
#hero-section article.grid-item:first-child .shadow-entry-container{
  width: 97%;
  padding: 20px;
  background-image: linear-gradient( rgb(0, 0, 0, 0.2), rgb(0, 0, 0, 0.4));
}
#homepage-primary #hero-section article.grid-item:first-child .shadow-entry-container{
  width: 96%;
}
#hero-section .grid-item .shadow-entry-container {
    position: absolute;
    width: 94%;
    bottom: 0; 
    background-image: linear-gradient( rgb(0, 0, 0, 0.2), rgb(0, 0, 0, 0.4));
}
#homepage-primary #hero-section .grid-item .shadow-entry-container {
    width: 92%;
}
#hero-section .grid article:nth-child(2n).grid-item .shadow-entry-container,
#hero-section .grid article:nth-child(3n).grid-item .shadow-entry-container,
#hero-section .grid article:nth-child(4n).grid-item .shadow-entry-container,
#hero-section .grid article:nth-child(5n).grid-item .shadow-entry-container{
   padding: 10px 13px ;
}
#hero-section .grid article:nth-child(2n).grid-item .shadow-entry-container .shadow-entry-title,
#hero-section .grid article:nth-child(3n).grid-item .shadow-entry-container .shadow-entry-title,
#hero-section .grid article:nth-child(4n).grid-item .shadow-entry-container .shadow-entry-title,
#hero-section .grid article:nth-child(5n).grid-item .shadow-entry-container .shadow-entry-title{
   font-size: 18px;
}
#hero-section article.grid-item .shadow-entry-container .shadow-entry-title {
    font-size: 26px;
    font-weight: 400;
    margin: 5px 0 0 0;
}
#hero-section .grid-item .shadow-entry-container .shadow-entry-title,
#media-news .grid-item .shadow-entry-container .shadow-entry-title {
    margin: 0;
}
#hero-section .grid-item .shadow-entry-container .shadow-entry-title a{
    color: #fff;
}
#hero-section .grid-item .shadow-entry-container .posted-on a,
#hero-section .grid-item .shadow-entry-container .byline a {
    color: #fff;
}
#hero-section .grid-item .shadow-entry-container .byline svg   {
    fill: #fff;
}
#hero-section .grid-item .shadow-entry-container .shadow-entry-title a:hover,
#hero-section .grid-item .shadow-entry-container .posted-on a:hover,
#hero-section .grid-item .shadow-entry-container .byline a:hover {
    color: #fe463a;
}
#hero-section .grid-item .post-categories a:hover {
  color: #fff;
}

/*--------------------------------------------------------------
# Popular News Post
--------------------------------------------------------------*/
.popular-news .shadow-entry-title{
  font-size: 18px;
}
.popular-news .full-width .shadow-entry-title{
  font-size: 24px;
}
#secondary .page-section{
  padding: 0;
}

/*--------------------------------------------------------------
# Slider Post
--------------------------------------------------------------*/

.shadow-featured-slider .slider-posts article{
  padding: 200px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.shadow-featured-slider .slider-posts article .shadow-entry-title{
  line-height: 25px;
}
.shadow-featured-slider .slider-posts article .shadow-entry-title a{
  font-size: 22px;
  line-height: 28px;
  color: #fff;
}
#secondary .slider-posts ul li::before{
  display: none;
}
#secondary .slider-posts .slick-dots{
  left: 30%;
}
.featured-slider-wrapper {
  position: absolute;
  bottom: 0;
  padding: 30px 15px;
  left: 0;
  right: 0;
  width: 100%;
  top: auto;
  background: linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent);
}
.featured-slider-wrapper .span.posted-on a{
  color: #fff;
}
.shadow-featured-slider article{
  position: relative;
}
#secondary .shadow-section-header{
  margin-bottom: 10px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}
.hentry {
  margin: 0 0 1.5em;
}

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

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

.page-content,
.shadow-entry-content,
.entry-summary {
  margin: 0;
}
#banner-image {
    padding: 150px 0;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: 50%;
    background-color: #f6f6f6;
}
.home.blog #banner-image{
  padding: 0;
}
.archive #banner-image {
    padding: 150px 0;
}
.page-site-header {
    position: relative;
}
.page-site-header .page-title {
    color: #fff;
    font-size: 52px;
    line-height: 1.3;
    text-align: center;
}
.author img {
    border-radius: 50%;
    display: block;
    text-align: center;

}
.author .featured-image img {
    border-radius: 0%;
}
span.tags-links a:not(:last-child):after {
    content: ", ";
}
.site-info {
    padding: 20px 0;
}
.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #343b3d;
    font-family: 'Roboto', sans-serif;
}
.page-header small {
    font-size: 12px;
    color: #cea35f;
}
.blog-posts-wrapper .featured-image img {
    width: 100%;
}
.blog #inner-content-wrapper .posts-wrapper .hentry .featured-image {
    padding: 0;
}
nav.navigation.pagination {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.navigation.pagination svg {
    fill: #343b3d;
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 13px;
    height: 13px;
    fill: #000;
    display: inline-block;
    vertical-align: middle;
}
.navigation .nav-previous svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.navigation .nav-next svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.nav-links a {
    color: #000;
}
.nav-links a:hover,
.nav-links a:focus{
    color: #fff;
    fill: var(--main-color);
    background-color: var(--main-color);
}
.page .nav-links a:hover,
.page .nav-links a:focus,
.single .nav-links a:hover,
.single .nav-links a:focus{
    color: #fff;
    fill: var(--main-color);
    background-color: transparent;
}
.navigation.posts-navigation svg.icon-left, 
.navigation.post-navigation svg.icon-left {
  margin-right: 10px;
}
.navigation.posts-navigation svg.icon-right, 
.navigation.post-navigation svg.icon-right {
  margin-left: 10px;
}
.wrapper.page-section {
    padding: 20px 0;
    margin-bottom: 0;
}
.home .wrapper.page-section {
    padding: 60px 0 80px;
    margin-bottom: 0;
}
.blog-posts-wrapper {
    margin: 0 -10px;
}
.section-content p a,
.shadow-entry-content p a,
footer .copy-right a,
p li a,
#inner-content-wrapper p a,
.widget_text a,
.shadow-entry-content h1 a,
.shadow-entry-content h2 a,
.shadow-entry-content h3 a,
.shadow-entry-content h4 a,
.shadow-entry-content h5 a,
.shadow-entry-content h6 a,
.widget_block h1 a,
.widget_block h2 a,
.widget_block h3 a,
.widget_block h4 a,
.widget_block h5 a,
.widget_block h6 a {
    text-decoration: underline ;
}

/*--------------------------------------------------------------
## Plugins Css
--------------------------------------------------------------*/
.entry-meta > span:not(:first-child)::before{
  display: none !important;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

#reply-title,
.comments-title {
    font-size: 32px;
    font-weight: 400;
    margin: 0;
}
.comments-title {
    margin-bottom: 30px;
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 30px;
    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: 140px;
}
.says {
    display: none;
}
.comment-meta img {
    max-width: 81px;
    width: 81px;
    float: left;
    border-radius: 50%;
    margin-right: 40px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    margin-left: 120px;
    margin-bottom: 30px;
    padding-bottom: 30px;
  border-bottom: 1px solid #d8d8d8;
}
#comments article {
    margin-bottom: 30px;
}
#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 {
  border-bottom: 1px solid #d8d8d8;
    padding-top: 30px;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li article:last-child .reply {
  border-bottom: none;
    padding-bottom: 0;
}
.reply a {
    color: #fff;
    font-weight: 400;
    background-color: #343b3d;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 28px;
}
.reply a:hover,
.reply a:focus {
  color: #fff;
  background-color: var(--main-color);
}
#related-posts .shadow-entry-title a:hover,
#related-posts .shadow-entry-title a:focus,
#related-posts ul.post-categories li a:hover,
#related-posts ul.post-categories li a:focus {
  color: var(--main-color);
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    text-transform: capitalize;
    color: #343b3d;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.comment-meta .url:hover,
.comment-meta .url:focus {
  color: var(--main-color);
}
.comment-metadata {
    display: block;
}
.comment-content {
    padding-bottom: 10px;
}
.comments-link svg{
    margin-right: 6px;
    width: 15px;
    height: 15px;
    fill: #444;
}
.comments-link{
  color: #444;
}
.author.vcard a{
  color: #444;
}
.author.vcard a:hover{
  color: var(--main-color);
}
.posted-on svg,
.byline svg{
  fill: #444;
  padding-right: 2px;
}
.posted-on a:hover svg,
.byline a:hover svg{
  fill: var(--main-color);
}
.single-post article.hentry {
  background-color: #f2f2f2;
  margin-bottom: 0;
  position: relative;
}
.single-post .single-wrapper .hentry .featured-image.double-image{
  display: flex;
}
.single-post .single-wrapper .hentry .featured-image.double-image img{
  width: 50%;
}
.single-post .blog-post h2.shadow-entry-title {
    color: #444444;
}
.single-post ul.post-categories {
    display: inline-block;
}

.single-post .entry-meta > span {
    display: block;
}
.single-post .entry-meta > span:not(:first-child):before {
  display: none;
}
.single-post .post-wrapper {
    padding-top: 50px;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}
.single-post .entry-meta {
    max-width: 980px;
    position: relative;
}
.single .entry-meta a {
    font-size: 16px;
}
.page.no-sidebar #primary .page-header,
.single.no-sidebar #primary .page-header {
    text-align: center;
}
.page.no-sidebar #primary #main,
.single.no-sidebar #primary #main {
    max-width: 1100px;
    margin: 0 auto;
}
.page #primary .shadow-entry-content p img.aligncenter,
.single #primary .shadow-entry-content p img.aligncenter {
    margin: 15px 0;
}
.page #primary .shadow-entry-content p img.alignright,
.single #primary .shadow-entry-content p img.alignright {
    margin: 15px 0 15px 15px;
}
.page #primary .shadow-entry-content p img.alignleft,
.single #primary .shadow-entry-content p img.alignleft {
    margin: 15px 15px 15px 0;
}
.single .entry-meta > span {
    display: inline-block;
    margin-right: 10px;
}
.comment-content p {
    font-weight: 400;
    color: #565a5f;
    display: table;
    margin-bottom: 1em;
}
.single-post article blockquote {
    background-color: transparent;
    border: 3px solid var(--main-color);
    padding: 40px;
    font-size: 20px;
    line-height: 32px;
    font-family: 'Playfair Display', serif;
    position: relative;
    margin: 16px -40px;
    text-align: center;
    font-style: italic;
}
.single-post article blockquote:before {
    content: "";
    background-image: url('assets/uploads/blockquote.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 25px;
    background-color: #f2f2f2;
    margin-top: -12px;
    background-position: 50%;
}
#related-images {
    background-color: #f2f2f2;
    position: relative;
}
#related-images .wrapper {
    max-width: 980px;
    position: relative;
    z-index: 10;
}
#related-images h2 {
    font-size: 22px;
    font-weight: 400;
    max-width: 800px;
    margin: auto;
    padding: 50px 0 30px;
}
#related-images:after {
    content: "";
    background-color: #fff;
    width: 100%;
    position: absolute;
    height: 50%;
    left: 0;
    right: 0;
    bottom: 0;
}
.related-gallery-slider {
    margin: 0 -10px;
}
.related-gallery-slider img {
    padding: 0 10px;
}
.related-gallery-slider .slick-prev, 
.related-gallery-slider .slick-next {
  top: auto;
  bottom: -100px;
  border: 1px solid #343b3d;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  left: 41%;
}
.related-gallery-slider .slick-next {
    left: auto;
    right: 41%;
}
.related-gallery-slider .slick-prev:before,
.related-gallery-slider .slick-next:before {
    background-image: url('assets/svg/down-arrow.svg');
}
.related-gallery-slider .slick-prev:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.related-gallery-slider .slick-next:before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
span.pagingInfo {
    position: absolute;
    left: 50%;
    bottom: -70px;
    font-size: 16px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.share-this-post small {
    font-size: 12px;
}
.single-post .share-this-post ul li {
    display: block;
    margin-bottom: 7px;
}
.single-post .share-this-post {
    position: absolute;
    left: -190px;
}
.single-post .share-this-post .social-icons {
    margin-left: -10px;
}
#about-author {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}
.admin-image {
    max-width: 111px;
    max-height: 111px;
    display: inline-block;
    margin-bottom: 22px;
}
.admin-image img {
  max-width: 111px;
  border-radius: 50%;
  position: relative;
    z-index: 1;
}
.author-content .shadow-entry-title {
  margin-bottom: 0;
  line-height: 1;
}
.author-content .shadow-entry-title a {
  color: #cea35f;
}
.author-content .shadow-entry-title a:hover,
.author-content .shadow-entry-title a:focus {
  color: #343b3d;
}
.author-content span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.admin-image .separator {
    position: absolute;
    left: 0;
    right: 0;
    top: 56px;
    height: 1px;
    width: 100%;
}
/*--------------------------------------------------------------
# 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;
}
.shadow-entry-content {
  margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1480px;
    margin: 0 auto;
    position: relative;
}
.wide-wrapper {
    width: 96%;
    max-width: 1920px !important;
    margin: 0 auto;
}
.row {
    margin: 0 -16px;
}
.page-section {
    padding:40px 0 60px;
}
.relative{
  position: relative;
}
.shadow-entry-title {
    font-size: 22px;
    margin: 0;
    word-wrap: break-word;
    color: #000;
    font-weight: 600;
}
.shadow-section-header {
    margin: 40px 0;
    max-width: 850px ;
}
footer .shadow-section-header,
#secondary .shadow-section-header {
    margin: 0;
}
.shadow-section-title {
  font-size: 36px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 0;
  word-wrap: break-word;
  line-height: 1;
}
p.shadow-subtitle{
  font-size: 20px;
  font-weight: bold;
  color: var(--main-color) !important;
  margin: 0px 0 5px;
}
.shadow-section-icon{
  font-size: 20px;
  color: var(--main-color);
}
/*.shadow-section-title{
  position: relative;
  max-width: fit-content;
  margin: 0 auto;
}*/
/*.shadow-section-title::before,
.shadow-section-title::after{
    content: '';
    box-sizing: border-box;
    position: absolute;
    height: 35px;
    width: 100px;
    transform-origin: center;
    z-index: 9999;
    border-color: var(--main-color);
}
.shadow-section-title::before{
    top: -10px;
    left: -50px;
    right: auto;
    bottom: auto;
    border-top: 5px solid var(--main-color);
    border-left: 5px solid var(--main-color);
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.shadow-section-title::after{
    right: -50px;
    bottom: -10px;
    top: auto;
    left: auto;
    border-right: 5px solid var(--main-color);
    border-bottom: 5px solid var(--main-color);
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}*/
.shadow-section-subtitle{
  margin: 15px auto 0;
  color:#6f6f6f;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  max-width: 600px;
  line-height: 24px;
}
.btn {
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 20px;
    display: inline-block;
    background-color: var(--main-color);
    color: #fff;
    padding: 10px 20px;
    border: none;
    position: relative;
    text-align: center;
    font-weight: 400;
    font-family: 'Khand', sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn svg {
  fill:var(--main-color);
} 
.btn:hover svg {
  fill:#000;
}    
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.shadow-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
--------------------------------------------------------------*/
figure {
    margin: 0;
}
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
    vertical-align: top;
    width: 100%;
    float: left;
    padding: 5px;
}

.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;
}
.social-icons {
    margin: 0;
    padding: 0;
}
ul.social-icons li a {
    width: 35px;
    height: 35px;
    line-height: 30px;
    display: block;
}
.header-social ul.social-icons li a {
    width: 30px;
}
.social-icons a:focus,
.social-menu ul li a:focus {
  outline: none;
}
ul.social-icons li a:hover svg,
ul.social-icons li a:focus svg {
  fill: #fff;
}
.social-menu ul li a:hover svg,
.social-menu ul li a:focus svg,
ul.social-icons li a:hover svg,
ul.social-icons li a:focus svg {
  fill: #fff;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-menu li a[href*="facebook.com"]:hover,
.social-menu li a[href*="fb.com"]:hover,
.social-menu li a[href*="facebook.com"]:focus,
.social-menu li a[href*="fb.com"]:focus {
  background-color: #3c5798;
}
.social-menu li a[href*="twitter.com"]:hover,
.social-menu li a[href*="twitter.com"]:focus {
  background-color: #1ea0f1;
}
.social-menu li a[href*="linkedin.com"]:hover,
.social-menu li a[href*="linkedin.com"]:focus {
  background-color: #0077B5;
}
.social-menu li a[href*="plus.google.com"]:hover,
.social-menu li a[href*="plus.google.com"]:focus {
  background-color: #ec7161;
}

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

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

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

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

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

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

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

}

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

}

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

}

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

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

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

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

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

.social-menu li a[href*="twitch.tv"]:hover,
.social-menu li a[href*="twitch.tv"]:focus {
  background-color: #0E9DD9;
}
.social-menu li a[href*="tiktok.com"]:hover,
.social-menu li a[href*="tiktok.com"]:focus {
  background-color: #7035E5;
}

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

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

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

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

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

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

.social-menu li a[href*="slack.com"]:hover svg,
.social-menu li a[href*="slack.com"]:focus svg {
  background-color: #E60264;
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
ul.trail-items {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
ul.trail-items li.trail-item.trail-end {
    color: var(--main-color);
}
ul.trail-items li {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}
ul.trail-items li a {
    color: #fff;
}
ul.trail-items li a:hover,
ul.trail-items li a:focus {
    color: var(--main-color);
}
ul.trail-items li:after {
    content: "-";
    color: #fff;
    margin: 0 5px;
}
ul.trail-items li:last-child:after {
    display: none;
}

/*--------------------------------------------------------------
## Overlay Opacity
--------------------------------------------------------------*/
.bg-image{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/*--------------------------------------------------------------
## Overlay Opacity
--------------------------------------------------------------*/
.overlay {
  position: absolute;
  top: 0;
  background-color: #000;
  opacity: 0.5;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.bg-overlay-two,
.bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.bg-overlay {
  background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
}
.bg-overlay-two{
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

/*--------------------------------------------------------------
## Read More
--------------------------------------------------------------*/
.link-readmore,
.shadow-entry-content .readmore {
  text-decoration: underline;
  margin-bottom: 20px;
  font-size: 20px;
  color: #000;
}
.link-readmore:hover,
.shadow-entry-content .readmore:hover,
.link-readmore:focus,
.shadow-entry-content .readmore:focus {
  color: var(--main-color) !important;
}
.section-readmore{
  width: 100%;
}
/*--------------------------------------------------------------
## Content Align
--------------------------------------------------------------*/
.content-left{
  text-align: left;
}
.content-right{
  text-align: right;
}
.content-center{
  text-align: center;
}
.content-justify{
  text-align: justify;
}
/*--------------------------------------------------------------
## #Banner
--------------------------------------------------------------*/
#banner{
  position: relative;
  padding: 300px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
  margin-bottom: 100px;
}
#banner .shadow-section-content {
  position: absolute;
  background-color: #e9e9e9;
  padding: 40px 100px 100px 40px;
  left: 0;
  bottom: -100px;
  top: auto;
  max-width: 600px;
}
#banner .shadow-entry-container{
  position: relative;
}
#banner .shadow-section-content .shadow-entry-title{
  font-size: 36px;
  color: #fff;
  font-weight: bold;
} 
#banner .shadow-section-content .shadow-entry-title a{
  color: #111;
}
#banner .shadow-section-content .shadow-entry-title a:hover{
  color: var(--main-color);
} 
#banner .shadow-section-content .shadow-entry-meta{
  margin-bottom: 10px;
}
#banner .shadow-section-content .read-more{
  position: absolute;
  transform: rotate(270deg);
  text-transform: uppercase;
  font-weight: bold;
  right: -91px;
  top: 89px;
}
#banner .shadow-section-content .read-more .btn{
  font-size: 16px;
  height: 50px;
  width: 250px;
}
.banner-social .social-menu{
  width: 100%;
}
.banner-social .social-menu svg{
  width: 30px;
  height: 30px;
  fill: #000;
}
.banner-social .social-menu a:hover{
  -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;
}
.banner-social {
    position: absolute;
    bottom: -70px;
    right: 0;
    left: 0;
    display: block;
  }
.banner-social .social-menu li:not(:last-child){
  margin-right: 20px;
}
@media screen and (min-width: 992px) {
  .banner-social .screen-reader-text {
    clip: unset !important;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: visible !important;
    word-wrap: normal !important;
    clip-path: unset !important;
    bottom: 0;
    color: #fff;
  }
  .banner-social {
    position: absolute;
    bottom: -60px;
    right: 100px;
    left: auto;
    display: block;
  }
  .banner-social .social-menu li:not(:last-child){
    margin-right: 40px;
  }
}
@media screen and (min-width: 1400px) {
  #banner .shadow-section-content {
    max-width: 800px;
  }
  #banner{
    margin-bottom: 150px;
  }
}
@media screen and (max-width: 767px) {
  #banner{
    margin-bottom: 150px;
  }
}
@media screen and (max-width: 567px) {
  #banner{
    padding: 380px 0;
  }
}
/*--------------------------------------------------------------
 Message From Author
--------------------------------------------------------------*/
#message {
  text-align: center;
  padding: 70px 0;
}
#message .shadow-section-content {
    max-width: 100%;
    margin: auto;
}
#message .featured-image{
  width: 100%;
  position: relative;
}
#message .shadow-entry-container{
  padding: 20px;
  text-align: center;
  width: 100%;
}
#message .shadow-entry-title a {
    color: #000;
    font-size: 48px;
}
#message .shadow-entry-content {
    margin-bottom: 20px;
}
#message .author-thumbnail .main-author-image:hover img {
    border-color: #FDF2ED;
    -webkit-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
    -ms-transition: all 1.3s ease-out;
    transition: all 1.3s ease-out;
}
#message .shadow-entry-header{
  display: inline-block;
  position: relative;
}
.author-signature-image img{
  max-height: 130px;
  filter: drop-shadow(0px 100000px 0 var(--main-color));
  transform: translateY(-100000px);
}

.bottom-author-image {
  position: absolute;
  height: 250px;
  width: 250px;
  right: -40px;
  bottom: -40px;
  border-left: 10px solid #fff;
  border-top: 10px solid #fff;
  border-top-left-radius: 60px;
}
.top-author-image {
  position: absolute;
  height: 250px;
  width: 250px;
  right: auto;
  left: -40px;
  top: -40px;
  border-right: 10px solid #fff;
  border-bottom: 10px solid #fff;
  border-bottom-right-radius: 60px;
}
#message .signature-text{
  font-size: 82px;
/*  font-family: 'Grey Qo', cursive;*/
/*  font-family: 'Whisper', cursive;*//*
  font-family: 'Herr Von Muellerhoff', cursive;*//*
  font-family: 'Pinyon Script', cursive;*/
  font-family: 'Monsieur La Doulaise', cursive;
}

@media screen and (min-width: 992px) {
  #message {
    padding-bottom: 90px;
  }
  #message .shadow-section-content{
    flex-direction: row-reverse;
  }
  #message .shadow-section-content {
    max-width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
  }
  #message .featured-image{
    width: 50%;
  }
  #message .shadow-entry-container{
    width: 50%;
    padding: 50px 50px 50px 0;
    text-align: center;
  }
  #message .signature-text{
    font-size: 62px;
  }
  #message .shadow-entry-title a {
    font-size: 36px;
  }
  .bottom-author-image,
  .top-author-image{
    height: 200px;
    width: 200px;
  }
}
@media screen and (min-width: 1200px) {
  #message .signature-text{
    font-size: 82px;
  }
  #message .shadow-entry-title a {
    font-size: 32px;
  }
  #message .wrapper{
    max-width: 950px;
  }
}
@media screen and (min-width: 1400px) {
  #message {
    padding-bottom: 110px;
  }
  #message .wrapper{
    max-width: 1280px;
  }
  .bottom-author-image,
  .top-author-image{
    height: 250px;
    width: 250px;
  }
  #message .shadow-entry-title a {
    font-size: 42px;
  }
}
@media screen and (max-width: 992px) {
  #message .shadow-entry-container{
    padding-top: 40px;
  }
}
@media screen and (max-width: 676px) {
  .bottom-author-image,
  .top-author-image{
    height: 180px;
    width: 180px;
  }
  .bottom-author-image{
    border-top-left-radius: 30px;
    right: -20px;
    bottom: -20px;
  }
  .top-author-image{
    border-bottom-right-radius: 30px;
    top: -20px;
    left: -20px;
  }
  #message .shadow-entry-title a{
    font-size: 34px;
  }
}
@media screen and (max-width: 480px) {
  .bottom-author-image,
  .top-author-image{
    height: 130px;
    width: 130px;
  }
}
@media screen and (max-width: 360px) {
  .bottom-author-image,
  .top-author-image{
    display: none;
  }
}
/*--------------------------------------------------------------
## #Category slider
--------------------------------------------------------------*/
#category-list{
  padding: 40px 0 0;
  background-color: #f5f5f5;
}
.category-slider article.featured-image {
    position: relative;
    padding: 100px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin: 0 10px;
    z-index: 9;
    border-radius: 20px;
}
.category-slider .slick-track{
    padding: 10px 0;
}
#category-list article::before,
#category-list article::after{
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    height: auto;
    width: auto;
    transform-origin: center;
    border-color: var(--main-color);
    z-index: -1;
    border-radius: 25px;
}
#category-list article::before{
    border-top: 5px solid var(--main-color);
    border-bottom: 5px solid var(--main-color);
    transform: scale3d(0, 1, 1);
}
#category-list article::after{
    border-left: 5px solid var(--main-color);
    border-right: 5px solid var(--main-color);
    transform: scale3d(1, 0, 1);
}
#category-list article:hover::before, 
#category-list article:hover::after {
   transform: scale3d(1, 1, 1);
   transition: transform 900ms;
}

.category-slider .shadow-entry-header{
    position: absolute;
    right:0;
    left: 0;
    bottom: 0;
    top: auto;
    padding: 30px 20px 15px;
    width: 100%;
    background: linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.category-slider .shadow-entry-header .shadow-entry-title{
    display: flex;
    align-items: center;
    width: 100%;
}
.category-slider .shadow-entry-header .category-name{
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    width: 70%;
    color: #fff;
}
.category-slider .shadow-entry-header .category-count{
    text-align: right;
    font-size: 10px;
    font-weight: bold;
    width: 30%;
    color: #fff;

}
.category-slider {
  width: 100%;
  height: 100%;
  display: none;  /* add this line to hide the slides initially */
}

.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*--------------------------------------------------------------
#  Featured Section
--------------------------------------------------------------*/
#featured {
  
}
#featured .featured-wrapper{
  display: block;
}
#featured .featured-wrapper .featured-post-slider{
  display: block;
}
#featured .featured-wrapper .shadow-section-header{
  padding: 20px;
  margin-bottom: 30px;
  z-index: 99;
}
#featured .featured-image {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 250px 0;
}
#featured article.no-post-thumbnail .featured-image {
    display: none;
}
#featured article.no-post-thumbnail .shadow-entry-container {
    width: 100%;
    float: none;
    padding: 30px 0 0;
}
#featured .shadow-entry-container {
  padding: 20px;
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  right: 0;
  background: linear-gradient(0deg,rgba(0,0,0,1) 0,transparent);
}

#featured .shadow-entry-title {
    font-size: 18px;
    font-weight: 500;
}
#featured .shadow-entry-title a {
    color: #fff;
}
#featured article {
    position: relative;
}
#featured .shadow-section-content p{
  margin-top: 0px;
  color: #fff;
}
#featured .cat-links {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0;
  margin-top: 10px;
}
#featured .slick-next {
  right: -120px;
  left: auto;
  bottom: 20px;
  top: auto;
}
#featured .slick-prev {
  right: -60px;
  left: auto;
  bottom: 20px;
  top: auto;
}
@media screen and (min-width: 992px) {
  #featured .featured-wrapper{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
  #featured .featured-wrapper .featured-post-slider{
    width: 70%;
  }
  #featured .featured-wrapper .shadow-section-header{
    width: 30%;
    padding: 20px;
    margin: 0;
    text-align: left;
  }
  #featured article .shadow-entry-container{

    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  }
  #featured article .shadow-entry-container .shadow-entry-meta,
  #featured article .shadow-entry-container .shadow-entry-content{
    visibility: hidden;
    display: none;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  }
  #featured article:hover .shadow-entry-container{
    visibility: visible;
    bottom: 0px;
    display: block;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  }
  #featured article:hover .shadow-entry-container .shadow-entry-meta,
  #featured article:hover .shadow-entry-container .shadow-entry-content{
    visibility: visible;
    display: block;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  }
}
@media screen and (min-width: 1400px) {
  #featured .featured-image {
    padding: 300px 0;
  }
}
@media screen and (max-width: 1400px) {
  #featured .shadow-section-title{
    font-size: 28px;
  }
}

/*--------------------------------------------------------------
## #featured-slider Half Image
--------------------------------------------------------------*/
#featured-slider article.half-image{
  display: block;
  padding: 20px;
  background-color: #FDF2ED;
}

#featured-slider article.half-image .main-slider-featured-image,
#featured-slider article.half-image .second-slider-featured-image{
  padding: 235px 0;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 5px solid #fff;
}
#featured-slider article.double-image .half-featured-image{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start; 
}
#featured-slider article.double-image .half-featured-image .main-slider-featured-image,
#featured-slider article.double-image .half-featured-image .second-slider-featured-image{
  width: 50%;
}
#featured-slider article.half-image .half-featured-image{
  position: relative;
  z-index: 1;
}
#featured-slider article.half-image .main-slider-featured-image{
  z-index: 1;
  transform: rotate(4deg);
  max-width: 90%;
  margin: 0 0 0 auto;
}
#featured-slider article.half-image .second-slider-featured-image{
  z-index: 1;
  transform: rotate(-4deg);
  max-width: 90%;
  bottom: -20px;
  margin: 0 0 0 auto;
}
#featured-slider article.half-image .half-content-wrapper .shadow-entry-title a{
  color: #000;
}
#featured-slider article.half-image .half-content-wrapper{
  background-color: #fff;
  padding: 60px 40px;
  text-align: center;
  position: relative;
}

.slick-slide.slick-current{
  display: block;
}
/*--------------------------------------------------------------
## #featured-slider
--------------------------------------------------------------*/
#featured-slider article {
    background-color: #000;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 260px 0;
    vertical-align: middle;
    position: relative;
}
#featured-slider .wrapper {
    position: relative;
}
.f-content-center .featured-content-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    max-width: 650px;
    border-radius: 30px;
    padding:40px; 
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.6);
    margin: 0 auto;
    text-align: center;
}
.f-content-bottom h2.shadow-entry-title a{
  color: #fff;
}
.f-content-bottom .featured-content-wrapper {
  position: absolute;
  left: 0px !important;
  right: 0px;
  bottom: 0px;
  text-align: left;
  padding: 40px 20px 20px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0, 0, 0)) !important;
  background-color: transparent !important;
}
.cat-links a {
  font-size: 12px;
  background-color: transparent;
  color: var(--main-color);
  padding: 5px;
  line-height: 35px;
  text-transform: uppercase;
}

.shadow-entry-subtitle{
    color:var(--main-color);
    text-transform: capitalize;
    font-size: 16px;
}

.featured-content-wrapper .shadow-entry-content p{
  color: #fff;
}
.featured-content-wrapper h2.shadow-entry-title {
    font-size: 38px;
    font-weight: bold;
    line-height: 38px;
    padding: 0;
}
.f-content-bottom .featured-content-wrapper h2.shadow-entry-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    margin: 0 0 10px;
    padding: 10px 0 0;
}
.featured-content-wrapper span.posted-on {
    display: block;
}
.featured-content-wrapper span.posted-on time {
  color: #e5e5e5;
}
/*.f-content-bottom article .shadow-entry-title a{
  color: #fff;
}*/
.featured-content-wrapper .btn {
    padding: 11px 30px;
    color: #fff;
    background-color:var(--main-color);
}
.btn-hover-default .featured-content-wrapper .btn:hover {
    background-color: #333;
}
.featured-content-wrapper .btn svg {
    fill: #fff;
}
#featured-slider article .shadow-entry-title a{
  color: #fff;
}
#featured-slider .f-content-bottom .cat-links a:hover,
#featured-slider .f-content-bottom .cat-links a:focus {
    color: #fff;
}
.slider-decoration-image {
  max-width: 160px;
  margin: 0 auto;
}

/*--------------------------------------------------------------
#  Trending Section
--------------------------------------------------------------*/
#trending{
  background-color: #fff;
  padding: 40px 0 60px;
}
#trending .shadow-section-header{
  text-align: left;
  margin: 40px 0;
}
#trending .trending-wrapper{
  margin: 0 -10px;
}
#trending article{
  padding:0 15px;
  position: relative;
  margin-bottom: 0px;
}
#trending article .trending-container{
    padding: 0px 30px 30px;
    position: relative;
}
#trending article .trending-container .trending-container-inner{
  margin-top: -50px;
  background-color: #e0e0e0;
  padding: 20px 30px;
}
#trending article .trending-inner{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 180px 0;
    vertical-align: middle;
    position: relative;
    text-align: center;
}
#trending .no-post-thumbnail .shadow-entry-header {
    position: relative;
}
#trending .shadow-entry-header {
     padding: 10px 0;
}

#trending article .shadow-entry-title{
  font-size: 18px;
}

#trending article .shadow-entry-meta{
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #666;
  text-align: center;
}
#trending article .shadow-entry-meta span{
  margin-right: 10px;
}
#trending .section-readmore a{
  font-size: 20px;
}
@media screen and (min-width: 1200px) {
  #trending article .shadow-entry-title  {
    font-size: 20px;
  }
  #trending .wrapper{
    max-width: 950px;
  }
}
@media screen and (min-width: 1400px) {
  #trending .wrapper{
    max-width: 1280px;
  }
}
/*--------------------------------------------------------------
# Video Section
--------------------------------------------------------------*/
#video{
  padding: 40px 0 60px;
  background-color: #f9f9f9;
}
#video .video-wrapper {
    margin: 0 -10px;
}
#video #video-background{
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index:-100;
}
#video article {
    margin-bottom: 20px;
    position: relative;
}
#video article .video-inner{
    padding: 100px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#video article .icon-play {
    max-width: 70px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
}
#video .wp-video {
    width: 900px !important;
}
#video article .popup-video{
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0.4);
}
#video article .popup-video:hover{
    background-color: var(--main-color);
}
#video article .video-container{
    padding: 25px 25px 35px;
}
#video article .shadow-entry-title{
    font-size: 18px;
}
#video article .shadow-entry-meta {
    position: absolute;
    top: -17px;
    left: 0;
    right: 0;
    text-align: center;
}
#video article::before,
#video article::after{
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 10px;
    left: 15px;
    right: 15px;
    bottom: 10px;
    height: auto;
    width: auto;
    transform-origin: center;
    z-index: 2;
    border-color: var(--main-color);
}
@media screen and (min-width: 1200px) {
  #video article .video-inner{
    padding: 150px 0;
  }
}
@media screen and (min-width: 1400px) {
  #video article .video-inner{
    padding: 200px 0;
  }
}
/*--------------------------------------------------------------
#  Featured Collection Section
--------------------------------------------------------------*/
#featured-collection {
  background-color: #fff;
}
#featured-collection article{
  margin-bottom: 20px;
  padding: 0 10px;
}
.featured-collection-wrapper {
  position: relative;
}
#featured-collection .shadow-entry-header {
  position: absolute;
  width: 100%;
  top:auto;
  bottom: 0;
  left: 0;
  right: 0;
  padding:30px 10px 10px;
  visibility: hidden;
  text-align: center;
  -webkit-transition: .25s ease-out;
  -moz-transition: .25s ease-out;
  -ms-transition: .25s ease-out;
  -o-transition: .25s ease-out;
  transition: .25s ease-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background: linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent);
}
#featured-collection article .shadow-entry-header .shadow-entry-title a{
    color: #fff;
    font-size: 20px;
}
#featured-collection article:hover .shadow-entry-header,
#featured-collection article:focus .shadow-entry-header {
  visibility: visible;
  -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#featured-collection img {
}
#featured-collection article .popup svg{
  display: inline-block;
  vertical-align: middle;
  fill: #fff;
  width: 15px;
  height: 15px;

}
#featured-collection article .popup:hover {
   background-color: var(--main-color);
}
#featured-collection article .popup {
    position: absolute;
    top: 40px;
    right: 10px;
    z-index: 99;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.2);
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: 100%;
    margin-bottom: 20px;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    line-height: 15px;
}
#featured-collection article .featuread-view-count {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 99;
}
#featured-collection article .overlay{
    visibility: hidden;
}
#featured-collection article:hover .overlay,
#featured-collection article:focus .overlay{
    visibility: visible;
}
#featured-collection .cat-links{
  position: absolute;
  background: linear-gradient(180deg,rgba(0,0,0,.8) 0,transparent);
  top: 0;
  width: 100%;
  padding: 10px;
}
#featured-collection .cat-links a {
  color: #fff;
  border: 1px solid #fff;
  text-transform: none;
}
#featured-collection .cat-links a:hover {
  border-color: var(--main-color);
  background-color: var(--main-color);
}
#featured-collection .post-categories li::before,
#featured-collection .post-categories li::after{
  border: none;
}
span.post-views-label{
  display: none !important;
}
#featured-collection span.post-views-count,
#featured-collection .dashicons-visibility::before {
  color: #fff;
}
#featured-collection article:hover .popup,
#featured-collection article:focus .popup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#featured-collection .collection-second-image {
  position: absolute;
  top: 0;
  opacity: 0;
  height: 100%;
}
#featured-collection .collection-main-image{
  overflow: hidden;
}
#featured-collection .collection-main-image:hover{
  opacity: 0;
}
#featured-collection .collection-main-image:hover .collection-second-image{
  opacity: 1;
}

/*--------------------------------------------------------------
#  Featured Posts Section
--------------------------------------------------------------*/
#featured-posts {
    padding: 80px 0 50px;
}
/*.shadow-section-header {
    text-align: center;
}*/
#featured-posts .shadow-section-content {
    margin: 0 -16px;
}
#featured-posts article {
    padding: 0 16px;
    text-align: center;
    margin-bottom: 30px;
}
#featured-posts article:last-child {
    margin-bottom: 0;
}
#featured-posts article .shadow-entry-content p {
    font-size: 25px;
    line-height: 50px;
    margin-bottom: 0;
}
#featured-posts article .read-more {
    margin-top: 20px;
}
#featured-posts .post-title {
    color: #fff;
}
#featured-posts .post-title:hover,
#featured-posts .post-title:focus {
    color: #fff;
    opacity: 0.8;
}
#featured-posts article .featured-item-wrapper:after {
    content: "";
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#featured-posts article:hover .featured-item-wrapper:after {
    background-color: var(--main-color);
    opacity: 0.5;
}
.featured-item-wrapper .shadow-entry-container {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 30px;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.featured-item-wrapper {
    background-color: #000;
    text-align: center;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
.featured-item-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.40);
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 1;
}
#featured-posts article .cat-links a {
    background-color: var(--main-color);
    padding: 5px;
}
#featured-posts .cat-links {
    margin-bottom: 10px;
    display: block;
    color: transparent;
}
#featured-posts .posted-on a {
    color: #fff;
    font-size: 14px;
}
#featured-posts .posted-on a:hover,
#featured-posts .posted-on a:focus {
    opacity: 0.8;
}
.featured-item-wrapper .shadow-entry-title {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 2px;
}
.featured-item-wrapper .featured-image {
    position: relative;
}

/*--------------------------------------------------------------
## Latest-featured
--------------------------------------------------------------*/
.blog.paged #list-articles,
.blog.paged #video,
.blog.paged #featured, 
.blog.paged #popular,
.blog.paged #must-read,
.blog.paged #featured-slider,
.blog.paged #trending,
.blog.paged #banner,
.blog.paged #message {
    display: none;
}
#latest-featured {
    padding: 70px 0;
}
#latest-featured .posts-wrapper {
    margin: 0 -20px;
}
 article.full-width.hentry {
    flex-direction: row;
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}
#recent-posts .no-sidebar #primary {
    width: 100%;
}
.full-width.has-post-thumbnail .featured-image {
    width: 50%;
    float: left;
    display: table-cell;
    position: absolute;
    top: 0;
    height: 100%;
    bottom: 0;
    left: 0;
}
.posts-wrapper .shadow-entry-container {
    padding: 20px 30px;
    position: relative;
}
.blog .posts-wrapper .shadow-entry-container {
    padding: 40px 10px 20px;
    position: relative;
}
.blog.archive-three .posts-wrapper .shadow-entry-container {
    padding: 50px 30px;
    position: relative;
}
.full-width.has-post-thumbnail .shadow-entry-container {
    width: 50%;
    display: table-cell;
    float: right;
    padding: 50px;
}
.image-right .full-width.has-post-thumbnail .featured-image {
    float: right;
    right: 0;
    left: auto;
}
.image-right .full-width.has-post-thumbnail .shadow-entry-container {
    float: left;
}
#latest-featured .full-width .shadow-entry-container .shadow-entry-title,
.hero-wrapper .shadow-entry-title {
    font-size: 42px;
    margin-bottom: 0;
}
.posts-wrapper header.shadow-entry-header,
.hero-wrapper header.shadow-entry-header,
.archive header.shadow-entry-header {
  padding-top: 0px;
}
.posts-wrapper .shadow-entry-content p,
.hero-wrapper .shadow-entry-content p {
    margin-bottom: 0;
}
.posts-wrapper .btn,
.hero-wrapper .btn {
    margin-top: 16px;
}
.posts-wrapper .hentry .featured-image {
    padding: 130px 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
}
#inner-content-wrapper .column-1 article.hentry {
    margin-bottom: 40px;
    width: 100%;
}
#latest-featured article.hentry,
#inner-content-wrapper article.hentry {
    padding: 5px 10px 10px;
    margin-bottom: 15px;
    position: relative;
}
.single #inner-content-wrapper article.hentry {
    padding: 30px 30px;
    background-color: #fff;
}
.sticky-post-wrapper {
  margin-bottom: 40px;
}
.archive-blog-wrapper {
    margin: 0 -20px;
}
#latest-featured .wrapper {
   position: relative;
}
#latest-featured .posts-wrapper article.full-width:nth-last-child(-n+3) {
    margin-bottom: 40px;
}
.no-sidebar aside#secondary {
    display: none;
}
#banner-image.disable-top-header-image{
    background-image: none !important;
    padding: 25px 0 35px !important;
}
#banner-image.disable-top-header-image .overlay{
    display: none !important;
}
#banner-image.disable-top-header-image .page-site-header .page-title,
#banner-image.disable-top-header-image ul.trail-items li a,
#banner-image.disable-top-header-image ul.trail-items li::after{
    color: #111;
}
#banner-image.disable-top-header-image ul.trail-items li a:hover{
  color: var(--main-color);
}
.archive article .featured-image{
  position: relative;
}
.archive-one .main-featured-image{
  position: relative;
}
.second-featured-image,
.main-featured-image{
  position: relative;
}
.archive-featured-image:hover .main-featured-image,
.archive-featured-image:focus .main-featured-image{
  opacity: 0.9;
}
.archive-featured-image:hover .second-featured-image,
.archive-featured-image:focus .second-featured-image{
  opacity: 0.7;
}
.archive-one .second-featured-image,
.archive-one .main-featured-image {
  padding: 300px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.archive-one .column-1 .second-featured-image,
.archive-one .column-1 .main-featured-image {
  padding: 400px 0;
}
.archive-one .second-featured-image {
  -webkit-clip-path: polygon(0 29%, 100% 76%, 100% 100%, 0% 100%); 
  clip-path: polygon(0 29%, 115% 76%, 100% 100%, 0% 100%);
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 9;
  border: 7px solid #fff;
}
.archive-two .archive-featured-image,
.archive-three .archive-featured-image{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
}
.archive-two .main-featured-image,
.archive-two .second-featured-image{
  width: 100%;
  border: 7px solid #fff;
}
.archive-three .double-image .main-featured-image,
.archive-three .double-image .second-featured-image{
  width: 50%;
  border: 7px solid #fff;
}
.archive-two .double-image .main-featured-image,
.archive-two .double-image .second-featured-image{
  width: 50%;
  border: 7px solid transparent;
}
.archive-three .archive-featured-image .second-featured-image{
  z-index: 1;
  transform: rotate(2deg);
  max-width: 90%;
  margin: 0 0 0 auto;
}
.archive-three .blog-posts-wrapper article .shadow-entry-container{
  background-color: transparent;
  padding: 60px 10px 10px;
}
.archive-two .blog-posts-wrapper article .shadow-entry-container{
  background-color: transparent;
}
.archive-three .archive-featured-image .main-featured-image{
  z-index: 1;
  transform: rotate(-4deg);
  max-width: 90%;
  margin: 0 0 0 auto;
  position: relative;
  bottom: -30px;
}
.archive-three .archive-featured-image.single-image .main-featured-image,
.archive-three .archive-featured-image.single-image .second-featured-image{
  margin: 0 auto;
  bottom: 0;
}
.archive-five .second-featured-image,
.archive-five .main-featured-image {
  padding: 200px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.author .addtoany_content .addtoany_list a span,
.search .addtoany_content .addtoany_list a span,
.blog .addtoany_content .addtoany_list a span,
.archive .addtoany_content .addtoany_list a span{
  background-color: transparent !important;
}
.author .column-3 .addtoany_content .addtoany_list a,
.search .column-3 .addtoany_content .addtoany_list a,
.blog .column-3 .addtoany_content .addtoany_list a,
.archive .column-3 .addtoany_content .addtoany_list a{
  padding: 0;
}
.author .addtoany_content,
.search .addtoany_content,
.archive .addtoany_content {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  top: auto;
  z-index: 9;
}
#secondary .addtoany_content{
  display: none;
}
.blog .addtoany_content{
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  top: auto;
  z-index: 9;
}
.author .column-4 .addtoany_content,
.author .column-5 .addtoany_content,
.search .column-4 .addtoany_content,
.search .column-5 .addtoany_content,
.blog .column-4 .addtoany_content,
.archive .column-4 .addtoany_content,
.blog .column-5 .addtoany_content,
.archive .column-5 .addtoany_content {
  bottom: auto;
  left: 10px;
  right: auto;
  top: 5%;
  z-index: 999;
  max-width: 50px;
}
.author .column-3 .addtoany_content,
.search .column-3 .addtoany_content,
.blog .column-3 .addtoany_content,
.archive .column-3 .addtoany_content {
  bottom: 10px;
}
.author.archive-four .column-3 .addtoany_content,
.search.archive-four .column-3 .addtoany_content,
.blog.archive-four .column-3 .addtoany_content,
.archive.archive-four .column-3 .addtoany_content,
.author.archive-five .column-3 .addtoany_content,
.search.archive-five .column-3 .addtoany_content,
.blog.archive-five .column-3 .addtoany_content,
.archive.archive-five .column-3 .addtoany_content {
  bottom: -20px;
}
.author .column-1 .addtoany_content,
.search .column-1 .addtoany_content,
.blog .column-1 .addtoany_content,
.archive .column-1 .addtoany_content {
  left: 41%;
}
.author .column-2 .addtoany_content .a2a_svg svg,
.search .column-2 .addtoany_content .a2a_svg svg,
.blog .column-2 .addtoany_content .a2a_svg svg,
.archive .column-2 .addtoany_content .a2a_svg svg {
  width: 25px !important;
  height: 25px !important;
  top: 5px !important;
}
.author .column-3 .addtoany_content .a2a_svg svg,
.search .column-3 .addtoany_content .a2a_svg svg,
.blog .column-3 .addtoany_content .a2a_svg svg,
.archive .column-3 .addtoany_content .a2a_svg svg {
  width: 16px !important;
  height: 16px !important;
  top: 0 !important;
}

.author .column-3 .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span,
.search .column-3 .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span,
.blog .column-3 .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span,
.archive .column-3 .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
  height: 20px !important;
  line-height: 0px;
  width: 20px !important;
}
#must-read article .cat-links,
.archive-blog-wrapper article .cat-links,
.blog-posts-wrapper article .cat-links{
    position: absolute;
    top: -17px;
    left: 0;
    right: 0;
    z-index: 9;
    text-align: center;
}
.archive-blog-wrapper article .cat-links a,
.blog-posts-wrapper article .cat-links a{
    background-color: var(--main-color);
    color: #fff;
    padding: 8px 15px;
    border-radius: 30px;
}
.archive-blog-wrapper article .cat-links a:hover,
.archive-blog-wrapper article .cat-links a:focus,
.blog-posts-wrapper article .cat-links a:hover,
.blog-posts-wrapper article .cat-links a:focus{
    background-color: #333;
}
#video article .video-container,
#popular article .shadow-entry-container,
.archive-blog-wrapper article .shadow-entry-container{
    position: relative;
    z-index: 9;
}
.archive-blog-wrapper article .shadow-entry-container,
.blog-posts-wrapper article .shadow-entry-container{
    position: relative;
    padding: 40px 30px 30px;
    z-index: 9;
}
/*--------------------------------------------------------------
## Like Dislike Button
--------------------------------------------------------------*/
.likes {
  display: flex;
}

.likes__item {
  list-style: none;
}

.likes__item:not(:last-child) {
  margin-right: 20px;
}

.likes__item a {
  padding: 10px 15px;
  display: inline-block;
  border-bottom: 2px solid;
  border-radius: 3px;
  box-shadow: none;
  background: #f5f5f5;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 100%;
}

.likes__item a:hover {
  color: #fff;
}

.likes__item--like a {
  border-bottom-color: #47ba72;
  color: #47ba72;
}

.likes__item--dislike a {
  border-bottom-color: #ba6547;
  color: #ba6547;
}

.likes__item--like a:hover {
  background: #47ba72;
}

.likes__item--dislike a:hover {
  background: #ba6547;
}
/*--------------------------------------------------------------
## Latest Video
--------------------------------------------------------------*/
#latest-video {
  padding: 90px 0;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
}
#latest-video .wrapper {
  position: relative;
}
.video-content-wrapper {
  text-align: center;
  margin: auto;
  max-width: 600px;
}
.video-content-wrapper .shadow-entry-title a {
    color: #fff;
    margin: 16px 0 0 0;
    display: inline-block;
}
.video-content-wrapper .shadow-entry-title a:hover,
.video-content-wrapper .shadow-entry-title a:focus {
    opacity: 0.8;
}
.video-content-wrapper .cat-links a,
.video-content-wrapper  span.posted-on time {
    color: #fff;
}
#latest-video .cat-links,
#latest-video .posted-on {
    color: #fff;
}
.popup-video {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2);
    fill: #fff;
    display: block;
    border-radius: 50%;
    margin-top: 30px;
    padding-left: 5px;
    display: inline-block;
    position: relative;
}
.popup-video:hover {
    background-color: var(--main-color);
}
.video-popup {
    max-width: 50%;
    margin: auto;
    top: 50%;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 30000;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.video-popup .pop-wrapper {
    display: none;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
#latest-video .overlay {
    opacity: 0.4;
}
#latest-video.active .overlay {
    background-color: #000;
    opacity: 0.8;
    top: 0;
    bottom: 0;
    z-index: 30000;
    width: 100%;
    height: 100%;
    position: fixed;
    visibility: visible;
    display: block;
}
#latest-video .wp-video {
    margin: 0 auto;
}

/*--------------------------------------------------------------
#  Popular Section
--------------------------------------------------------------*/
#popular {
    background-size: cover;
    background-position: 50%;
    background-color: #f5f5f5;
}
#popular .overlay {
    opacity: 0;
}
#popular article.no-post-thumbnail .featured-image {
    display: none;
}
#popular article.no-post-thumbnail .shadow-entry-container {
    width: 100%;
    float: none;
    padding: 30px 0;
}
#popular .shadow-entry-container {
    padding: 30px 0;
}

#popular .shadow-entry-title {
    font-size: 32px;
    font-weight: 500;
}
#popular .shadow-entry-title a {
    color: #212529;
}
#popular .shadow-entry-title a:hover,
#popular .shadow-entry-title a:focus {
    color: var(--main-color);
}
#popular article {
    position: relative;
}
#popular article:last-child {
    margin-bottom: 0;
}
#popular .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 150px 0;
}
/*#popular .shadow-entry-header {
    margin-bottom: 20px;
}*/
#popular .read-more .btn:not(:last-child) {
    margin-right: 15px;
}

#popular article:last-child {
    margin-bottom: 0;
}
#popular article .shadow-entry-content p{
    margin-bottom: 0;
}
#popular article .read-more {
    margin-top: 25px;
}

/*--------------------------------------------------------------
#  Must Read Section
--------------------------------------------------------------*/
#must-read{
  background-color: #f5f5f5;
}
#must-read article{
  padding: 0 20px;
}
#must-read .shadow-section-content {
    margin: 0 -10px;
}
#must-read .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 250px 0;
}
#must-read article.no-post-thumbnail .featured-image {
    display: none;
}
#must-read article.no-post-thumbnail .shadow-entry-container {
    width: 100%;
    float: none;
    padding: 10px 0 0;
}
#must-read article .shadow-entry-container{
    position: relative;
    padding: 40px 10px 10px;
    z-index: 9;
    text-align: center;
  }

#must-read .shadow-entry-title {
    font-size: 28px;
}
#must-read .shadow-entry-title a {
    color: #212529;
    font-weight: 600px;
}
#must-read .shadow-entry-title a:hover,
#must-read .shadow-entry-title a:focus {
    color: var(--main-color);
}
#must-read article {
    position: relative;
    margin-bottom: 20px;
}
#must-read .cat-links {
  display: inline-block;
  margin-right: 20px;
}

#must-read .posted-on a:hover,
#must-read .posted-on a:focus{
  color: var(--main-color);
}

#must-read .posted-on {
  display: inline-block;
  padding-left: 10px;
}
@media screen and (min-width: 1200px) {
  #must-read article .shadow-entry-title  {
    font-size: 16px;
  }
  #must-read .wrapper{
    max-width: 950px;
  }
  #must-read .featured-image{
    padding: 100px 0;
  }
  #must-read .column-2 .featured-image{
    padding: 150px 0;
  }
}
@media screen and (min-width: 1400px) {
  #must-read .wrapper{
    max-width: 1280px;
  }
  #must-read .featured-image{
    padding: 150px 0;
  }
  #must-read .column-2 .featured-image{
    padding: 250px 0;
  }
}
/*--------------------------------------------------------------
## Recent posts
--------------------------------------------------------------*/
#recent-posts .shadow-entry-container .shadow-entry-title {
    margin-bottom: 0;
}
#recent-posts article:last-child {
    margin-bottom: 0;
}


/*--------------------------------------------------------------
#           List Articles
--------------------------------------------------------------*/
#list-articles article {
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
#list-articles article:last-child {
    margin-bottom: 0;
}
#list-articles .featured-image {
    padding: 190px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
#list-articles article.has-post-thumbnail .featured-image {
    width: 50%;
    float: left;
    display: table-cell;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 0;
    height: 100%;
}
#list-articles article.has-post-thumbnail .shadow-entry-container {
    width: 50%;
    padding: 50px 28px;
    display: table-cell;
    float: right;
    margin: 30px 0 30px 50px;
    z-index: 10;
}
#list-articles article.has-post-thumbnail .shadow-entry-container:before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: -20px;
    width: 20px;
    height: 100%;
    z-index: 1000;
    top: 0;
}
#list-articles .shadow-entry-title {
    font-size: 32px;
}
#list-articles .shadow-entry-container .more-link {
    float: none;
    display: inline-block;
    margin-top: 35px;
    color: var(--main-color);
}
#list-articles .shadow-entry-container .more-link:hover,
#list-articles .shadow-entry-container .more-link:hover svg {
    color: #322d2d;
    fill: #322d2d;
}
.more-link svg {
    vertical-align: middle;
    margin-top: -5px;
}
#list-articles .shadow-entry-container .more-link svg {
    fill: var(--main-color);
}
.post-archive .shadow-entry-container {
    background-color: #fff;
    padding: 42px 30px;
    margin-top: -20px;
    position: relative;
    box-shadow: 0px 0px 25px 0px rgba(12, 12, 12, 0.1); 
}
.post-archive.half .shadow-entry-container {
    margin-right: 20px;
}
.post-archive.half .no-post-thumbnail .shadow-entry-container {
    margin-right: 0;
    margin-top: 0;
}
.post-archive article .shadow-entry-container .cat-links {
    margin-bottom: 16px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
}
.post-archive article .shadow-entry-container .shadow-entry-title a,
#popular-post ul li h3 a {
  color: #322d2d;
}
.hover-default .post-archive article .shadow-entry-container .shadow-entry-title a:hover,
.hover-default .post-archive article .shadow-entry-container .shadow-entry-title a:focus{
  color: var(--main-color);
}
.post-archive article .shadow-entry-container .entry-meta a {
  color: #9e9da7;
  font-size: 14px;
} 
.post-archive article .shadow-entry-container span.posted-on {
    font-weight: 600;
    color: #9e9da7;
    font-size: 14px;
    text-transform: uppercase;
}
/*--------------------------------------------------------------
## Featured Posts
--------------------------------------------------------------*/
#featured-posts .wrapper {
    position: relative;
    overflow: hidden;
    padding-bottom: 3px;
}

#featured-posts .featured-image img,
#recent-posts .featured-image img  {
  width: 100%;
}
#featured-posts article .post-wrapper{
    border: 1px solid #d8d8d8;
}
#featured-posts article .shadow-entry-container{
    padding: 15px 30px 30px;
}
/*.blog-posts-wrapper article .shadow-entry-container {
    background-color: #fff;
}*/
.shadow-entry-header .posted-on {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}
span.posted-on a, 
span.posted-on time,
.comment-metadata a time, 
.comment-metadata time {
    font-size: 14px;
}

span.posted-on a:hover, 
span.posted-on time:hover {
    color: var(--main-color);
}
/*.blog span.posted-on a:hover, 
.blog span.posted-on time:hover,
.archive span.posted-on a:hover, 
.archive span.posted-on time:hover,
.search span.posted-on a:hover, 
.search span.posted-on time:hover{
    opacity: 0.7;
    color: #fff;
}*/
article .shadow-entry-title a {
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
}

article .shadow-entry-title a:hover,
article .shadow-entry-title a:focus {
    color: var(--main-color);
}
ul.post-categories {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.post-categories li {
    display: inline-block;
    margin-right: 5px;
}
.entry-meta > span {
    display: inline-block;
    font-size: 12px;
}
.entry-meta > span:not(:first-child):before {
    content: "|";
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-style: italic;
    color: #807e8c;
}

.entry-meta.shadow-posted .comments-link svg{
  fill: #fff;
}
.entry-meta.shadow-posted {
    padding: 10px 20px;
    margin-top: 15px;
    background-color: var(--main-color);
    display: flex;
    color: #fff;
}
.entry-meta-left {
    width: 30%;
    text-align: left;
}
.entry-meta .entry-social-share {
    position: relative;
    width: 40%;
    text-align: right;
}
.entry-meta.shadow-posted .read-time {
    position: relative;
    width: 30%;
    text-align: right;
    color: #fff;
}
.column-5 .entry-meta-left,
.column-4 .entry-meta-left {
    width: 50%;
    text-align: left;
}
.column-5 .entry-meta .entry-social-share,
.column-4 .entry-meta .entry-social-share {
    display: none;
}
.column-5 .entry-meta.shadow-posted .read-time,
.column-4 .entry-meta.shadow-posted .read-time {
    position: relative;
    width: 50%;
    text-align: right;
    color: #fff;
}
.read-time .read-time-count {
  font-size: 18px;
}
.read-time .read-time-text {
  font-size: 12px;
  padding-left: 5px;
}
.entry-meta.shadow-posted .comments-link,
.entry-meta.shadow-posted .post-views {
  display: inline;
}
.cat-links {
  margin-bottom: 10px;
}
.cat-links a {
    background-color: var(--main-color);
    color: #fff;
    padding: 7px 15px;
    border-radius: 20px;
}
.cat-links a:hover,
.cat-links a:focus {
    background-color: #333;
    color: #fff;
}
.post-categories li{
  position: relative;
}
span.posted-on a{
  color: #333;
}
.entry-meta span.posted-on a{
  color: #fff;
}
.post-date {
  position: relative;
}
.home.blog #banner-image {
  display: none;
}
article.no-post-thumbnail .shadow-entry-container{

}
/*article.has-post-thumbnail .shadow-entry-container{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
article.has-post-thumbnail .featured-image img{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}*/
.read-more-link a{
  font-size: 14px;
}
/*--------------------------------------------------------------
## Gallery Posts
--------------------------------------------------------------*/
#gallery-posts .post-wrapper {
    display: flex;
    align-items: center;
}
#gallery-posts article {
  border: 1px solid #f2f2f2;
  outline: none;
}
#gallery-posts .shadow-entry-container {
  padding: 65px;
  text-align: center;
}
#gallery-posts .shadow-entry-container .shadow-entry-title {
  font-size: 32px;
    margin: 10px 0 20px;
}
#gallery-posts .shadow-entry-container .shadow-entry-content {
    padding: 0 16px;
    margin-bottom: 10px;
}
.slick-prev, 
.slick-next {
    background-color: var(--main-color);
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 0;
  }
.slick-prev:hover, 
.slick-next:hover,
.slick-prev:focus, 
.slick-next:focus {
  background-color: #333;
}
.slick-next {
  right: 20px;
  left: auto;
}
element {
    display: block;
}
.slick-prev {
    right: auto;
    left: 20px;
}
.slick-prev:before, 
.slick-next:before {
  font-family: '';
}

.slick-dots li {
    margin: 0;
    width: auto;
    margin-right: -5px !important;
    opacity: 0.4;
}
.slick-dots li.slick-active {
  opacity: 1;
}
.slick-dots li button {
    font-size: 35px;
    padding: 5px;
    color: transparent;
    background-color: var(--main-color);
    line-height: 1;
    margin-right: 15px;
    width: 12px;
    height: 12px;
}
.slick-dots li button:before {
    display: none;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #cea35f;
    background-color: transparent;
}
.slick-dots {
  bottom: -35px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);

}
/*.slick-dots li button:after {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #f6f4ef;
    position: relative;
    display: block;
    margin-left: 29px;
    vertical-align: middle;
}*/
.slick-dotted.slick-slider {
    margin-bottom: 0;
}


/*--------------------------------------------------------------
##                      Font Switcher
--------------------------------------------------------------*/
.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5 {
    font-family: 'Rajdhani', sans-serif;
 }
.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5 {
    font-family: 'Cherry Swash', cursive;
}
.header-font-3 h1,
.header-font-3 h2,
.header-font-3 h3,
.header-font-3 h4,
.header-font-3 h5 {
    font-family: 'Philosopher', sans-serif;
}
.header-font-4 h1,
.header-font-4 h2,
.header-font-4 h3,
.header-font-4 h4,
.header-font-4 h5 {
    font-family: 'Slabo 27px', serif;
}
.header-font-5 h1,
.header-font-5 h2,
.header-font-5 h3,
.header-font-5 h4,
.header-font-5 h5 {
    font-family: 'Dosis', sans-serif;
}

body.body-font-1,
body.body-font-1 .main-navigation .container ul li a,
body.body-font-1 .wpcf7 input, 
body.body-font-1 .wpcf7 textarea {
    font-family: 'News Cycle', sans-serif;
 }
body.body-font-2,
body.body-font-2 .main-navigation .container ul li a,
body.body-font-2 .wpcf7 input, 
body.body-font-2 .wpcf7 textarea {
    font-family: 'Pontano Sans', sans-serif;
}
body.body-font-3,
body.body-font-3 .main-navigation .container ul li a,
body.body-font-3 .wpcf7 input, 
body.body-font-3 .wpcf7 textarea {
    font-family: 'Gudea', sans-serif;
}
body.body-font-4,
body.body-font-4 .main-navigation .container ul li a,
body.body-font-4 .wpcf7 input, 
body.body-font-4 .wpcf7 textarea {
    font-family: 'Quattrocento', serif;
}
body.body-font-5,
body.body-font-5 .main-navigation .container ul li a,
body.body-font-5 .wpcf7 input, 
body.body-font-5 .wpcf7 textarea {
    font-family: 'Khand', sans-serif;
}
/*--------------------------------------------------------------
## Hover Effect text
--------------------------------------------------------------*/
:root {
  --header-color: var(--main-color);;
}
.hover-1 .shadow-entry-header h1 a,
.hover-1 .shadow-entry-header h2 a,
.hover-1 .shadow-entry-header h3 a,
.hover-1 .shadow-entry-header h4 a,
.hover-1 .shadow-entry-header h5 a {
  background:
     linear-gradient(
       to right,
       var(--header-color) 0%,
       
       
     );
    background-repeat: repeat-x;
    background-size: 100%;
  color: #000 ;
  padding: 10px 10px 10px 5px;
  text-decoration: none;
}

.hover-1 .shadow-entry-header h1 a:hover,
.hover-1 .shadow-entry-header h2 a:hover,
.hover-1 .shadow-entry-header h3 a:hover,
.hover-1 .shadow-entry-header h4 a:hover,
.hover-1 .shadow-entry-header h5 a:hover,
.hover-1 .latest-featured .shadow-entry-header h2 a:hover{
  background:
     linear-gradient(
       to right,
       var(--header-color) 0%,
       var(--header-color) 5px,
       transparent
     );
     color:#333;
}


.hover-2 .shadow-entry-header h1 a:hover,
.hover-2 .shadow-entry-header h2 a:hover,
.hover-2 .shadow-entry-header h3 a:hover,
.hover-2 .shadow-entry-header h4 a:hover,
.hover-2 .shadow-entry-header h5 a:hover,
.hover-2 .latest-featured .shadow-entry-header h2 a:hover{
  text-decoration: underline;
  color: var(--main-color);
}

/* effect-shine */
.hover-3 .shadow-entry-header h3 a:hover,
.hover-3 .shadow-entry-header h2 a:hover,
.hover-3 .shadow-entry-header h3 a:hover,
.hover-3 .shadow-entry-header h4 a:hover,
.hover-3 .shadow-entry-header h5 a:hover,
.hover-3 .latest-featured .shadow-entry-header h2 a:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.5) 30%, #000 70%, rgba(0,0,0,.5) 70%);
  -webkit-mask-size: 200%;
  animation: shine 1s infinite;
  color: var(--main-color);
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}
.hover-3 .shadow-entry-container a:hover
 {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.5) 30%, #000 70%, rgba(0,0,0,.5) 70%);
  -webkit-mask-size: 200%;
  animation: shine 1s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}
/*--------------------------------------------------------------
#           BUtton Hover
--------------------------------------------------------------*/
.btn-hover-1 .btn:hover, 
.btn-hover-1 .featured-content-wrapper .btn:hover
{
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}

.btn-hover-2 .btn:hover, 
.btn-hover-2 .featured-content-wrapper .btn:hover
{
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
}

.btn-hover-3 .btn:hover, 
.btn-hover-3 .featured-content-wrapper .btn:hover
{
        -webkit-transform: rotateZ(-20deg);
        -ms-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
}
.btn-hover-4 .btn:hover, 
.btn-hover-4 .featured-content-wrapper .btn:hover
{
    box-shadow:
            1px 1px #333,
            2px 2px #333,
            3px 3px #333;
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
}

/* Sweep To Right */
.btn-hover-5 .btn,
.btn-hover-5 .featured-content-wrapper .btn,
.btn-hover-6 .btn,
.btn-hover-6 .featured-content-wrapper .btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn-hover-5 .btn:before,
.btn-hover-5 .featured-content-wrapper .btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-hover-5 .btn:hover,
.btn-hover-5 .btn:focus, 
.btn-hover-5 .btn:active,
.btn-hover-5 .featured-content-wrapper .btn:hover,
.btn-hover-5 .featured-content-wrapper .btn:focus, 
.btn-hover-5 .featured-content-wrapper .btn:active,
.btn-hover-6 .btn:hover,
.btn-hover-6 .btn:focus, 
.btn-hover-6 .btn:active,
.btn-hover-6 .featured-content-wrapper .btn:hover,
.btn-hover-6 .featured-content-wrapper .btn:focus, 
.btn-hover-6 .featured-content-wrapper .btn:active {
  color: white;
}
.btn-hover-5 .btn:hover:before, 
.btn-hover-5 .btn:focus:before, 
.btn-hover-5 .btn:active:before,
.btn-hover-5 .featured-content-wrapper .btn:hover:before, 
.btn-hover-5 .featured-content-wrapper .btn:focus:before, 
.btn-hover-5 .featured-content-wrapper .btn:active:before,
.btn-hover-6 .btn:hover:before, 
.btn-hover-6 .btn:focus:before, 
.btn-hover-6 .btn:active:before,
.btn-hover-6 .featured-content-wrapper .btn:hover:before, 
.btn-hover-6 .featured-content-wrapper .btn:focus:before, 
.btn-hover-6 .featured-content-wrapper .btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.btn-hover-6 .btn:before,
.btn-hover-6 .featured-content-wrapper .btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}


/*--------------------------------------------------------------
#           Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #e5e5e5;
    position: relative;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
#colophon .footer-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: unset;
  background-image: linear-gradient(to top, rgba(255,255,255,0.2), rgba(255,255,255,1));
}
#colophon .footer-overlay-two {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: #fff;
}
.info-wrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px 0;
}
footer .site-info {
    text-align: center;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,1));
}

footer .footer-widgets-area{
  padding: 80px 0 60px;
}
.site-info p {
  margin: 0;
  color: #aeafb0;
}
.site-info a {
  color: var(--main-color);
}
.site-info .footer-copyright a:hover,
.site-info .footer-copyright a:focus {
  border-bottom: 1px solid #cea35f;
}
.footer-copyright {
  line-height: 37px;
  color: var(--main-color);
  width: 100%;
  text-align: center;
  font-size: 18px;
}
.site-footer .widget-title {
    font-size: 32px;
    margin-top: 0;
    color: #000;
    text-transform: uppercase;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area ul li:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #000;
}
.footer-widgets-area .widget ul li {
    margin-bottom: 16px;
    display: inline-block;
    width: 100%;
}
.footer-widgets-area .widget.widget_nav_menu  ul li {
    width: auto;
    padding: 0 15px;
}
.footer-widgets-area .widget ul li a {
    color: #000;
    font-size: 20px;
}
.footer-widgets-area .widget.widget_nav_menu  ul li a {
    font-size: 16px;
}
.footer-widgets-area .widget p {
    color: #222;
}
.footer-widgets-area .widget ul li a:hover {
    color: var(--main-color);
}
.textwidget {
    line-height: 24px;
}
.column-1 .widget{
    text-align: center;
}
.textwidget img {
    max-width: 263px;
    display: block;
    margin: 30px 0 0 0;
}
.footer-widgets-area .column-wrapper{
  padding: 20px;
}
.footer-widgets-area .column-wrapper .widget_text {
    padding-right: 40px;
}
.site-footer .social-menu li:not(:last-child) {
    margin-right: 5px;
}
.site-footer .footer-menu ul{
  list-style: none;
}
.site-footer .footer-menu li {
  padding-right: 10px;
  display: inline-block;
}

/*--------------------------------------------------------------
## #Dark Version
--------------------------------------------------------------*/
* {box-sizing: border-box;}

.lite-dark {
  background-color: #fff;
  position: fixed;
  top: 50%;
  bottom: auto;
  right: 0px;
  left: auto;
  z-index: 9999;
  padding: 0 10px 9px;
}
.lite-dark button:hover{
  opacity: 0.8;
}
.dark-layout #must-read .shadow-entry-title a:hover,
.dark-layout #must-read .shadow-entry-title a:focus,
.dark-layout #message .shadow-entry-title a:hover,
.dark-layout #message .shadow-entry-title a:focus,
.dark-layout a:hover,
.dark-layout a:focus,
.dark-layout #must-read .shadow-entry-title a:hover, 
.dark-layout #must-read .shadow-entry-title a:focus, 
.dark-layout .main-navigation a:hover, 
.dark-layout .main-navigation a:focus,
.dark-layout #secondary ul li a:hover,
.dark-layout #secondary ul li a:focus,
.dark-layout .menu-item p,
.dark-layout .footer-widgets-area .widget ul li a:hover,
[data-theme="dark"] .menu-item p,
.dark-layout article .shadow-entry-title a:hover,
.dark-layout article .shadow-entry-title a:focus{
  color: var(--main-color);
}
.dark-layout .blog-posts-wrapper article .shadow-entry-container{
  background-color: transparent;
}
.dark-layout .top-author-image,
.dark-layout .bottom-author-image{
  border-color: #111;
}
.dark-layout .totop{
  background-color: var(--main-color);
}
[data-theme="light"] .lite-dark {
  background-color: #000;
}
.dark-layout input::placeholder, 
.dark-layout input[type="text"]:focus, 
.dark-layout input[type="email"]:focus, 
.dark-layout input[type="url"]:focus, 
.dark-layout input[type="password"]:focus, 
.dark-layout input[type="search"]:focus, 
.dark-layout input[type="number"]:focus, 
.dark-layout input[type="tel"]:focus, 
.dark-layout input[type="range"]:focus, 
.dark-layout input[type="date"]:focus, 
.dark-layout input[type="month"]:focus, 
.dark-layout input[type="week"]:focus, 
.dark-layout input[type="time"]:focus, 
.dark-layout input[type="datetime"]:focus, 
.dark-layout input[type="datetime-local"]:focus, 
.dark-layout input[type="color"]:focus, 
.dark-layout textarea:focus,
.dark-layout body,
.dark-layout .main-navigation a,
.dark-layout a:hover, 
.dark-layout a:active,
.dark-layout article .shadow-entry-title a,
.dark-layout span.posted-on a,
.dark-layout #featured-slider article.half-image .half-content-wrapper .shadow-entry-title a,
.dark-layout #message .shadow-entry-title a,
.dark-layout .shadow-section-header h1, 
.dark-layout .shadow-section-header h2, 
.dark-layout .shadow-section-header h3, 
.dark-layout .shadow-section-header h4, 
.dark-layout .shadow-section-header h5, 
.dark-layout .shadow-section-header h6, 
.dark-layout #must-read .shadow-entry-title a, 
.dark-layout a.btn:hover, 
.dark-layout a.btn:focus, 
.dark-layout .single-post .entry-meta span, 
.dark-layout .single-post .entry-meta span a,
.dark-layout single .dashicons-visibility::before,
.dark-layout .nav-links a,
.dark-layout h1, 
.dark-layout h2, 
.dark-layout h3, 
.dark-layout h4, 
.dark-layout h5, 
.dark-layout h6, 
.dark-layout #secondary ul li a, 
.dark-layout .cat-links a:hover, 
.dark-layout .cat-links a:focus,
.dark-layout .shadow-popular-news article span.posted-on a,
.dark-layout .footer-widgets-area .widget ul li a,
.dark-layout .footer-widgets-area .widget p,
.dark-layout #popular .shadow-entry-title a,
.dark-layout #banner-image.disable-top-header-image .page-site-header .page-title,
.dark-layout #banner-image.disable-top-header-image ul.trail-items li a,
.dark-layout #banner-image.disable-top-header-image ul.trail-items li::after,
.dark-layout .nav-links a:hover,
.dark-layout .nav-links a:focus,
.dark-layout .nav-links a:hover svg,
.dark-layout .main-navigation ul.sub-menu li a, 
.dark-layout #top-menu ul.sub-menu li a,
.dark-layout .author.vcard a,
.dark-layout .comments-link,
.dark-layout .link-readmore,
.dark-layout .shadow-entry-content .readmore,
.dark-layout footer .site-info .footer-copyright,
.dark-layout #banner .shadow-section-content .shadow-entry-title a,
.dark-layout .shadow-section-icon,
.dark-layout .pagination .page-numbers{
   color: #fff;
}
.dark-layout p{
  color: #e1e1e1;
}
.dark-layout svg.icon-menu,
.dark-layout .navigation.posts-navigation svg,
.dark-layout .pagination .prev.page-numbers svg,
.dark-layout .pagination .next.page-numbers svg, 
.dark-layout .navigation.post-navigation svg,
.dark-layout .main-navigation svg.icon-down,
.dark-layout .main-navigation svg.icon-down,
.dark-layout  #top-menu ul svg.icon-down,
.dark-layout .menu-open .menu-toggle .icon-close,
.dark-layout .banner-social .social-menu svg,
.dark-layout .shadow-entry-meta svg,
.dark-layout .posted-on svg{
  fill: #fff;
}

.dark-layout body,
.dark-layout .site-branding,
.dark-layout #featured-collection,
.dark-layout #trending,
.dark-layout #banner-image{
   background-color: #000;
}
.dark-layout .comment-navigation .nav-next,
.dark-layout .posts-navigation .nav-next,
.dark-layout .post-navigation .nav-next{
  border-color: #000;
}

.dark-layout #message,
.dark-layout #category-list,
.dark-layout #content{
   background-color: #000;
}

.dark-layout #video,
.dark-layout #popular,
.dark-layout #featured-slider article.half-image,
.dark-layout .single #inner-content-wrapper article.hentry,
.dark-layout .post-navigation, 
.dark-layout .posts-navigation, 
.dark-layout .post-navigation, 
.dark-layout .posts-navigation, 
.dark-layout #respond textarea, 
.dark-layout #secondary .widget,
.dark-layout #colophon,
.dark-layout .posts-navigation .nav-previous,
.dark-layout .post-navigation .nav-previous,
.dark-layout .posts-navigation .nav-next,
.dark-layout .post-navigation .nav-next,
.dark-layout .posts-navigation .nav-previous a,
.dark-layout .post-navigation .nav-previous a,
.dark-layout .posts-navigation .nav-next a,
.dark-layout .post-navigation .nav-next a,
.dark-layout #must-read,
.dark-layout #trending article .trending-container .trending-container-inner,
.dark-layout #banner .shadow-section-content{
   background-color: #222;
}
.dark-layout .half-content-wrapper::before,
.dark-layout #featured-slider article.half-image .half-content-wrapper,
.dark-layout #video,
.dark-layout.single #inner-content-wrapper article.hentry,
.dark-layout blockquote{
   background-color: #333;
}
.dark-layout .pagination .page-numbers,
.dark-layout .header-search input.search-field,
.dark-layout .widget.sidebar-popular-news ul li, 
.dark-layout .widget.widget_latest_post ul li, 
.dark-layout .widget.widget_featured_post ul li,
.dark-layout .shadow-popular-news article.half-width .post-wrapper,
.dark-layout .shadow-popular-news article.full-width .shadow-entry-container,
.dark-layout #site-navigation,
.dark-layout .main-navigation ul.sub-menu{
   background-color: #333;
}
.dark-layout .totop:hover{
   background-color: #555;
}
.dark-layout #must-read .shadow-entry-title a:hover,
.dark-layout #must-read .shadow-entry-title a:focus,
.dark-layout #message .shadow-entry-title a:hover,
.dark-layout #message .shadow-entry-title a:focus,
.dark-layout a:hover,
.dark-layout a:focus,
.dark-layout #must-read .shadow-entry-title a:hover, 
.dark-layout #must-read .shadow-entry-title a:focus, 
.dark-layout .main-navigation a:hover, 
.dark-layout .main-navigation a:focus,
.dark-layout #secondary ul li a:hover,
.dark-layout #secondary ul li a:focus,
.dark-layout #banner-image.disable-top-header-image ul.trail-items li a:hover,
.dark-layout .author.vcard a:hover,
.dark-layout #banner .shadow-section-content .shadow-entry-title a:hover{
  color: var(--main-color);
}
[data-theme="dark"] .blog-posts-wrapper article .shadow-entry-container{
  background-color: transparent;
}
[data-theme="dark"] .totop,
.dark-layout .pagination .page-numbers:hover,
.dark-layout .posts-navigation .nav-previous:hover,
.dark-layout .posts-navigation .nav-previous:focus,
.dark-layout .posts-navigation .nav-next:hover,
.dark-layout .posts-navigation .nav-next:focus,
.dark-layout .posts-navigation .nav-previous a:hover,
.dark-layout .post-navigation .nav-previous a:hover,
.dark-layout .posts-navigation .nav-next a:hover,
.dark-layout .post-navigation .nav-next a:hover,
.dark-layout .posts-navigation .nav-previous a:focus,
.dark-layout .post-navigation .nav-previous a:focus,
.dark-layout .posts-navigation .nav-next a:focus,
.dark-layout .post-navigation .nav-next a:focus{
  background-color: var(--main-color);
}

.dark-layout #colophon .footer-overlay-two,
[data-theme="dark"] #colophon .footer-overlay-two {
  background-color: #000;
}

[data-theme="dark"] #colophon .footer-overlay,
.dark-layout #colophon .footer-overlay {
  background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));
}

[data-theme="dark"] .author-signature-image img,
.dark-layout .author-signature-image img{
  filter: drop-shadow(0px 100000px 0 #FFF);
  transform: translateY(-100000px);
}

[data-theme="dark"] footer .site-info,
.dark-layout footer .site-info {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}

[data-theme="light"] .lite-dark {
  background-color: #000;
}

[data-theme="dark"] input::placeholder, 
[data-theme="dark"] input[type="text"]:focus, 
[data-theme="dark"] input[type="email"]:focus, 
[data-theme="dark"] input[type="url"]:focus, 
[data-theme="dark"] input[type="password"]:focus, 
[data-theme="dark"] input[type="search"]:focus, 
[data-theme="dark"] input[type="number"]:focus, 
[data-theme="dark"] input[type="tel"]:focus, 
[data-theme="dark"] input[type="range"]:focus, 
[data-theme="dark"] input[type="date"]:focus, 
[data-theme="dark"] input[type="month"]:focus, 
[data-theme="dark"] input[type="week"]:focus, 
[data-theme="dark"] input[type="time"]:focus, 
[data-theme="dark"] input[type="datetime"]:focus, 
[data-theme="dark"] input[type="datetime-local"]:focus, 
[data-theme="dark"] input[type="color"]:focus, 
[data-theme="dark"] textarea:focus,
[data-theme="dark"] body,
[data-theme="dark"] .main-navigation a,
[data-theme="dark"] article .shadow-entry-title a,
[data-theme="dark"] span.posted-on a,
[data-theme="dark"] #featured-slider article.half-image .half-content-wrapper .shadow-entry-title a,
[data-theme="dark"] #message .shadow-entry-title a,
[data-theme="dark"] #popular .shadow-entry-title a,
[data-theme="dark"] .shadow-section-header h1, 
[data-theme="dark"] .shadow-section-header h2, 
[data-theme="dark"] .shadow-section-header h3, 
[data-theme="dark"] .shadow-section-header h4, 
[data-theme="dark"] .shadow-section-header h5, 
[data-theme="dark"] .shadow-section-header h6, 
[data-theme="dark"] #must-read .shadow-entry-title a, 
[data-theme="dark"] a.btn:hover, 
[data-theme="dark"] a.btn:focus, 
[data-theme="dark"] .single-post .entry-meta span, 
[data-theme="dark"] .single-post .entry-meta span a,
[data-theme="dark"] single .dashicons-visibility::before,
[data-theme="dark"] .nav-links a,
[data-theme="dark"] h1, 
[data-theme="dark"] h2, 
[data-theme="dark"] h3, 
[data-theme="dark"] h4, 
[data-theme="dark"] h5, 
[data-theme="dark"] h6, 
[data-theme="dark"] #secondary ul li a, 
[data-theme="dark"] .cat-links a:hover, 
[data-theme="dark"] .cat-links a:focus, 
[data-theme="dark"] .shadow-popular-news article span.posted-on a,
[data-theme="dark"] .footer-widgets-area .widget ul li a,
[data-theme="dark"] .footer-widgets-area .widget p,
[data-theme="dark"] #popular .shadow-entry-title a,
[data-theme="dark"] #banner-image.disable-top-header-image .page-site-header .page-title,
[data-theme="dark"] #banner-image.disable-top-header-image ul.trail-items li a,
[data-theme="dark"] #banner-image.disable-top-header-image ul.trail-items li::after,
[data-theme="dark"] .nav-links a:hover,
[data-theme="dark"] .nav-links a:focus,
[data-theme="dark"] .nav-links a:hover svg,
[data-theme="dark"] .main-navigation ul.sub-menu li a, 
[data-theme="dark"] #top-menu ul.sub-menu li a,
[data-theme="dark"] .author.vcard a,
[data-theme="dark"] .comments-link,
[data-theme="dark"] .link-readmore,
[data-theme="dark"] .shadow-entry-content .readmore,
[data-theme="dark"] footer .site-info .footer-copyright,
[data-theme="dark"] #banner .shadow-section-content .shadow-entry-title a,
[data-theme="dark"] .shadow-section-icon,
[data-theme="dark"] .pagination .page-numbers{
   color: #fff;
}
[data-theme="dark"] p{
  color: #e1e1e1;
}
[data-theme="dark"] .top-author-image,
[data-theme="dark"] .bottom-author-image{
  border-color: #111;
}
[data-theme="dark"] svg.icon-menu,
[data-theme="dark"] .navigation.posts-navigation svg,
[data-theme="dark"] .pagination .prev.page-numbers svg,
[data-theme="dark"] .pagination .next.page-numbers svg, 
[data-theme="dark"] .navigation.post-navigation svg, 
[data-theme="dark"] .navigation.post-navigation svg, 
[data-theme="dark"] .main-navigation svg.icon-down,
[data-theme="dark"]  #top-menu ul svg.icon-down,
[data-theme="dark"] .menu-open .menu-toggle .icon-close,
[data-theme="dark"] .banner-social .social-menu svg,
[data-theme="dark"] .shadow-entry-meta svg,
[data-theme="dark"] .posted-on svg{
  fill: #fff;
}

[data-theme="dark"] body,
[data-theme="dark"] .site-branding,
[data-theme="dark"] #featured-collection,
[data-theme="dark"] #trending,
[data-theme="dark"] #banner-image{
   background-color: #000;
}
[data-theme="dark"] .comment-navigation .nav-next,
[data-theme="dark"] .posts-navigation .nav-next,
[data-theme="dark"] .post-navigation .nav-next{
  border-color: #000;
}
[data-theme="dark"] #message,
[data-theme="dark"] #category-list,
[data-theme="dark"] #content{
   background-color: #000;
}

[data-theme="dark"] #popular,
[data-theme="dark"] #must-read,
[data-theme="dark"] #featured-slider article.half-image,
[data-theme="dark"] .single #inner-content-wrapper article.hentry,
[data-theme="dark"] .post-navigation, 
[data-theme="dark"] .posts-navigation, 
[data-theme="dark"] .post-navigation, 
[data-theme="dark"] .posts-navigation, 
[data-theme="dark"] #respond textarea,
[data-theme="dark"] #secondary .widget,
[data-theme="dark"] #colophon,
[data-theme="dark"] .posts-navigation .nav-previous,
[data-theme="dark"] .post-navigation .nav-previous,
[data-theme="dark"] .posts-navigation .nav-next,
[data-theme="dark"] .post-navigation .nav-next,
[data-theme="dark"] .posts-navigation .nav-previous a,
[data-theme="dark"] .post-navigation .nav-previous a,
[data-theme="dark"] .posts-navigation .nav-next a,
[data-theme="dark"] .post-navigation .nav-next a,
[data-theme="dark"] #trending article .trending-container .trending-container-inner,
[data-theme="dark"] #banner .shadow-section-content{
   background-color: #222;
}
[data-theme="dark"] .half-content-wrapper::before,
[data-theme="dark"] #featured-slider article.half-image .half-content-wrapper,
[data-theme="dark"] #video,
[data-theme="dark"] .main-navigation ul.sub-menu,
[data-theme="dark"].single #inner-content-wrapper article.hentry,
[data-theme="dark"] blockquote{
   background-color: #333;
}
[data-theme="dark"] .pagination .page-numbers,
[data-theme="dark"] .header-search input.search-field,
[data-theme="dark"] .widget.sidebar-popular-news ul li, 
[data-theme="dark"] .widget.widget_latest_post ul li, 
[data-theme="dark"] .widget.widget_featured_post ul li,
[data-theme="dark"] .shadow-popular-news article.half-width .post-wrapper,
[data-theme="dark"] .shadow-popular-news article.full-width .shadow-entry-container,
[data-theme="dark"] #site-navigation{
   background-color: #333;
}
[data-theme="dark"] .totop:hover{
   background-color: #555;
}
[data-theme="dark"] a:hover, 
[data-theme="dark"] a:active,
[data-theme="dark"] #banner-image.disable-top-header-image ul.trail-items li a:hover,
[data-theme="dark"] .footer-widgets-area .widget ul li a:hover,
[data-theme="dark"] .author.vcard a:hover,
[data-theme="dark"] article .shadow-entry-title a:hover,
[data-theme="dark"] article .shadow-entry-title a:focus,
[data-theme="dark"] #must-read .shadow-entry-title a:hover,
[data-theme="dark"] #must-read .shadow-entry-title a:focus, 
[data-theme="dark"] #banner .shadow-section-content .shadow-entry-title a:hover
[data-theme="dark"] article .shadow-entry-title a:hover,
[data-theme="dark"] article .shadow-entry-title a:focus{
  color: var(--main-color);
}
[data-theme="dark"] .posts-navigation .nav-next:hover, 
[data-theme="dark"] .posts-navigation .nav-previous:hover,
[data-theme="dark"] .pagination .page-numbers:hover,
[data-theme="dark"] .pagination .page-numbers:focus,
[data-theme="dark"] .posts-navigation .nav-previous a:hover,
[data-theme="dark"] .post-navigation .nav-previous a:hover,
[data-theme="dark"] .posts-navigation .nav-next a:hover,
[data-theme="dark"] .post-navigation .nav-next a:hover,
[data-theme="dark"] .posts-navigation .nav-previous a:focus,
[data-theme="dark"] .post-navigation .nav-previous a:focus,
[data-theme="dark"] .posts-navigation .nav-next a:focus,
[data-theme="dark"] .post-navigation .nav-next a:focus{
  background-color: var(--main-color);
}

.dark-layout .bg-overlay,
[data-theme="dark"] .bg-overlay{
  background-color: transparent;
  opacity: unset;
  background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));

}
.dark-layout .bg-overlay-two,
[data-theme="dark"] .bg-overlay-two{
  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}

.lite-dark button {
  padding: 10px;
  transition: all var 5s ease-in-out;
  cursor: pointer;
  border: none;
  background-color: transparent;
}
[data-theme="light"] .lite-dark button {
  background-image: url( 'assets/img/moon-svg.svg' );
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
[data-theme="dark"] .lite-dark button {
  background-image: url( 'assets/img/sun-svg.svg' );
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
/*--------------------------------------------------------------
#           RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
  .shadow-popular-news .popular-post-wrapper:nth-child(2n+1) {
      clear: left;
  }
}
@media screen and (min-width: 600px) {
  .contact-form p.name, 
  .contact-form p.email {
      width: 50%;
      float: left;
  }
  #popular .featured-image {
        padding: 200px 0;
    }

   /*#popular .col-2 article,
    #popular .col-3 article,
    #popular .col-4 article{
        width: 50%;
        float: left;
    }*/
  .contact-form p.email input {
    float: right;
  }
  .contact-form p.name input, 
  .contact-form p.email input {
    max-width: 388px;
  }
  .contact-form p.name {
    padding-right: 5px;
  }
  .contact-form p.email {
    padding-left: 5px;
  }
  #hero-section .grid article:nth-child(2n),
  #hero-section .grid article:nth-child(3n),
  #hero-section .grid article:nth-child(4n),
  #hero-section .grid article:nth-child(5n) {
      width: 50%;
  }
}
@media screen and (min-width: 767px) {
    .column-1 .column-wrapper {
        width: 100%;
    }
    .column-2 .column-wrapper {
        width: 50%;
        float: left;
    }
    .column-3 .column-wrapper {
        width: 50%;
        float: left;
    }
    .column-4 .column-wrapper {
        width: 50%;
        float: left;
    }
    .column-5 .column-wrapper {
        width: 50%;
        float: left;
    }
    .column-6 .column-wrapper {
        width: 50%;
        float: left;
    }
    .column-2 article {
      width: 50%;
      padding: 0 10px;
      float: left;
    }
    .column-3 article {
        width: 50%;
        padding: 0 10px;
        float: left;
    }
    .column-4 article {
        width: 50%;
        padding: 0 5px;
        float: left;
    }
    .column-5 article {
        width: 33.33%;
        padding: 0 5px;
        float: left;
    }
    .column-6 article {
        width: 33.33%;
        padding: 0 10px;
        float: left;
    }
    .column-2 article:nth-child(2n+1),
    .column-3 article:nth-child(2n+1),
    .column-4 article:nth-child(2n+1) {
        clear: left;
    }
    .column-2 article:nth-last-child(-n+2),
    .column-3 article:nth-last-child(-n+2),
    .column-4 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .hentry {
      margin-bottom: 0;
    }
    .secondary-menu {
      float: left;
      margin-bottom: 0px;
      width: 50%;
      text-align: left;
    }
    .social-menu {
        float: right;
        text-align: right;
/*        width: 50%;*/
    }
    #top-menu .secondary-menu ul li {
      display: inline-block;
    }
    #popular article {
        position: relative;
        display: table;
/*        border: 1px solid #e5e5e5;*/
    }
    #popular .featured-image {
        width: 50%;
        display: table-cell;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 0;
        box-shadow: -8px 5px 30px rgba(0, 0, 0, 0.12);
    }
    #popular .shadow-entry-container {
        width: 50%;
        display: table-cell;
        float: right;
        text-align: left;
        padding:20px;
    }
    #popular article:nth-child(4n+2) .featured-image {
        left: 0;
        right: auto;
        width: 50%;

    }
    #popular article:nth-child(4n+2) .shadow-entry-container {
        float: right;
        width: 50%;
        text-align: left;
        padding-right: 20px;
        padding-left: 20px;
    }
    #popular article:nth-child(4n+1) .featured-image {
        left: auto;
        right: 0;
        width: 50%;

    }
    #popular article:nth-child(4n+1) .shadow-entry-container {
        float: left;
        width: 50%;
        text-align: right;
        padding-right: 20px;
        padding-left: 20px;
    }
    #popular article:nth-child(4n+3) .featured-image {
        left: 0;
        right: auto;
        width: 50%;

    }
    #popular article:nth-child(4n+3) .shadow-entry-container {
        float: right;
        width: 50%;
        text-align: left;
        padding-right: 20px;
        padding-left: 20px;
    }
    #popular article:nth-child(4n) .featured-image {
        left: auto;
        right: 0;
        width: 50%;

    }
    #popular article:nth-child(4n) .shadow-entry-container {
        float: left;
        width: 50%;
        text-align: right;
        padding-right: 20px;
        padding-left: 20px;
    }
    
    #featured-posts .column-3 article {
        width: 33.33%;
        float: left;
    }
    #featured-posts .column-3 article:nth-child(3n+1) {
        clear: left;
    }
    #featured-posts .column-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    #gallery-posts .featured-image,
    #gallery-posts .shadow-entry-container {
      width: 50%;
    }
    .column-2 .contact-address {
      width: 30%;
      float: left;
    }
    .column-2 .contact-form {
        width: 70%;
        float: left;
          padding-left: 28px;
    }
    .contact-information .contact-form {
      padding: 50px;
    }
    .contact-information .column-2 .contact-address {
        width: 42%;
        max-width: 464px;
        padding-right: 16px;
    }
    .contact-information .column-2 .contact-form {
        width: 58%;
        max-width: 681px;
        float: right;
    }
    .blog-posts-wrapper article:nth-child(-n+3) {
        margin-top: 0;
    }
    .site-footer .column-5 .column-wrapper {
        padding-right: 16px;
    }
    .site-footer .column-5 .column-wrapper:nth-child(1) {
        padding-right: 25px;
    }
      .copyright {
        float: left;
    }
    .powered-by {
      float: right;
    }
    .blog-posts-wrapper.column-3 article:nth-child(3n+1) {
      clear: left;
    }
    .full-width.has-post-thumbnail .featured-image {
      padding: 0;
    }
    .shadow-popular-news .popular-post-wrapper {
      width: 50%;
      float: left;
    }
    .site-branding .wrapper .header-logo{
        display: block;
        max-width: 500px;
        margin: 0 auto;
        text-align: center;
        padding: 20px 0;
    }
    #message .column-3 .shadow-entry-header{
      width: 33.33%;
      float: left;
      padding-right:50px;
      text-align: right;
    }
    #message .column-3 .shadow-entry-content{
        width: 33.33%;
        float: left;
        padding-left: 50px;
        text-align: left;
    }
    #message .column-3 .author-thumbnail{
        width: 33.33%;
        float: left;
    }
    #message .column-3.shadow-section-content{
      display: flex;
      align-items: center;
    }
    
}
@media screen and (min-width: 992px) {
  .column-3 .column-wrapper {
      width: 33.33%;
      float: left;
  }
  .column-4 .column-wrapper {
      width: 25%;
      float: left;
  }
  .column-5 .column-wrapper {
      width: 20%;
      float: left;
  }
  .column-6 .column-wrapper {
      width: 16.66%;
      float: left;
  }
  .right-sidebar #primary {
      width: 69%;
      float: left;
  }
  .right-sidebar #secondary {
      width: 31%;
      float: right;
  }
  .right-sidebar #primary {
      padding-right: 16px;
  }
  .right-sidebar #secondary {
      padding-left: 16px;
  }

  .left-sidebar #primary {
      width: 69%;
      float: right;
  }
  .left-sidebar #secondary {
      width: 31%;
      float: left;
  }
  .left-sidebar #primary {
      padding-left: 16px;
  }
  .left-sidebar #secondary {
      padding-right: 16px;
  }
  #popular .featured-image {
      width: 50%;
      float: left;
      margin-bottom: 0;
  }
  #popular .shadow-entry-container,
  #popular article.no-post-thumbnail .shadow-entry-container {
      padding: 50px;
  }

  .site-footer .column-5 .column-wrapper:nth-child(1) {
    width: 34%;
    padding-right: 60px;
  }
  .site-footer .column-5 .column-wrapper {
      padding-right: 25px;
      width: 16.5%;
  }
  #featured-slider article.half-image{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      align-items: center;
      padding: 40px 55px 100px;
  }
  #featured-slider article.double-image .half-featured-image{
      width: 60%;
  }
  #featured-slider article.double-image .half-content-wrapper{
      width: 40%;
      padding: 60px 40px;
  }
  .half-content-wrapper::before {
      content: "";
      background-color: #fff;
      width: 85px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 100%;
  }
  #featured-slider article.single-image .half-content-wrapper,
  #featured-slider article.single-image .half-featured-image{
      width: 50%;
  }
  #featured-slider article.double-image .half-featured-image{
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: flex-start;
  }
  #featured-slider article.half-image .main-slider-featured-image,
  #featured-slider article.half-image .second-slider-featured-image{
      padding: 250px 0;
      position: relative;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      border: 5px solid #fff;
  }
  
}
@media screen and (min-width: 1024px) {
  .main-navigation {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .main-navigation ul.nav-menu {
    display: block !important;
  }
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul,
  #top-menu ul li:hover > ul,
  #top-menu ul li.focus > ul {
    left: auto;
  }
  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul,
  #top-menu ul ul li:hover > ul,
  #top-menu ul ul li.focus > ul {
    left: auto;
    left: 100%;
  }
  .main-navigation .menu-item-has-children > a:after,
  #top-menu .menu-item-has-children > a:after {
    float: none;
  }
  .main-navigation ul.sub-menu li:hover > a,
  .main-navigation ul.sub-menu li:focus > a,
  #top-menu ul.sub-menu li:hover > a,
  #top-menu ul.sub-menu li:focus > a {
    background-color: var(--main-color);
    color: #fff;
  }
  .main-navigation ul.sub-menu li:hover > a svg,
  .main-navigation ul.sub-menu li:focus > a svg,
  #top-menu ul.sub-menu li:hover > a svg,
  #top-menu ul.sub-menu li:focus > a svg {
    fill: #fff;
  }
  #top-menu ul {
      display: none;
      list-style: none;
      margin: 0;
      padding-left: 0;
    }
  button.dropdown-toggle {
    display: none;
  }
  .menu-toggle {
    display: none;
  }
  .main-navigation ul,
  #top-menu ul {
    display: block;
  }
  .main-navigation li,
  #top-menu li {
      display: inline-block;
  }
  #search {
      position: fixed;
      left: 0;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      z-index: 300000;
      max-width: 800px;
      width: 90%;
      margin: auto;
  }
  #search form.search-form input {
      background-color: transparent;
      border: none;
      border-bottom: 1px solid #fff;
      color: #fff;
      font-size: 22px;
      font-family: 'Roboto', sans-serif;
  }
  #search form.search-form button.search-submit {
    background-color: transparent;
  }
  #search form.search-form input {
      padding: 0 40px 0 16px;
  }
  .popup-overlay {
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0.9;
      z-index: 3000;
      display: none;
  }
  .search-open .popup-overlay {
    display: block;
  }
  .search-open #masthead {
      position: initial;
  }
  #top-menu .wrapper {
    display: block !important;
    height: auto !important;
  }
  #top-menu.top-menu-active svg.icon-up {
    display: none;
  }
  #top-menu > svg.dropdown-icon.icon-up, 
  #top-menu > svg.dropdown-icon.icon-down {
    display: none;
  }
  .main-navigation ul ul svg.icon-down,
    #top-menu ul ul svg.icon-down { 
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    }
    .menu-sticky #masthead.nav-shrink .main-navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: 0 1px 16px rgba(0, 0, 0, 0.5);
        background: #f6f6f4;
    }
    /*.customize-support #masthead.nav-shrink .main-navigation {
        top: 32px;
    }*/
    
     #hero-section .grid article:nth-child(1n) {
      width: 50%;
    }
    #hero-section .grid article:nth-child(2n), 
    #hero-section .grid article:nth-child(3n), 
    #hero-section .grid article:nth-child(4n),
    #hero-section .grid article:nth-child(5n) {
        width: 25%;
    }
}

@media screen and (min-width: 1024px) {
  .boxed-layout #page {
      max-width: 1200px;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
  }
  #popular .shadow-entry-container {
      padding: 40px 20px;
  }
  
}

@media screen and (min-width: 1200px) {
  .column-4 .column-wrapper,
  #related-posts .column-4 article  {
      width: 25%;
      float: left;
  }
  .column-5 .column-wrapper {
      width: 20%;
      float: left;
  }
  .column-3 article {
      width: 33.33%;
      padding: 0 5px;
      float: left;
  }
  .column-4 article {
      width: 25%;
      padding: 0 5px;
      float: left;
  }
  .column-5 article {
      width: 20%;
      padding: 0 5px;
      float: left;
  }
  .column-6 article {
      width: 16.66%;
      padding: 0 10px;
      float: left;
  }
 
  .column-3 article:nth-child(2n+1),
  .column-4 article:nth-child(2n+1) {
      clear: none;
  }
  .column-2 article:nth-last-child(-n+2),
  .column-3 article:nth-last-child(-n+2),
  .column-4 article:nth-last-child(-n+2) {
      margin-bottom: 0;
  }
   .column-2 article:nth-child(2n+1),
  .column-3 article:nth-child(3n+1),
  .column-4 article:nth-child(4n+1) {
      clear: left;
  }
}
@media screen and (min-width: 1400px) {
  #banner{
    padding: 400px 0;
  }
  @keyframes tcircle {
    0% {
      transform: rotate(0deg) 
      translateY(180px) rotate(0deg);
    }
    100% {
      transform: rotate(-360deg) 
      translateY(180px) rotate(360deg);
    }
  }
  @keyframes bcircle {
    0% {
      transform: rotate(180deg) 
      translateY(180px) rotate(-180deg);
    }
    100% {
      transform: rotate(-180deg) 
      translateY(180px) rotate(180deg);
    }
  }
}

@media screen and (min-width: 1600px) {
  footer .wrapper,
  header nav .wrapper,
  #top-menu .wrapper{
    max-width: 1600px;
  }
  #page {
      box-shadow: 0 0 50px #ddd;
  }
  .page-section {
      padding:60px 0px;
  }
  /*.wrapper {
    max-width: 1600px;
  }*/
  #featured-slider article {
      padding: 400px 0;
  }
  #latest-featured .full-width.has-post-thumbnail .shadow-entry-container {
      padding: 100px;
  }
  #latest-featured .full-width .shadow-entry-container .shadow-entry-title,
  .hero-wrapper .shadow-entry-title{
      font-size: 62px;
  }
  #hero-slider .has-post-thumbnail .featured-image {
      padding: 290px 0;
  }
  .boxed-layout #page {
      max-width: 1600px;
      width: 90%;
  }
  .boxed-layout #latest-featured .full-width .shadow-entry-container .shadow-entry-title,
  .boxed-layout .hero-wrapper .shadow-entry-title {
      font-size: 48px;
  }
  .sticky .featured-image img {
      width: 100%;
  }
  #banner-image {
      padding: 225px 0;
  }
  .wrapper {
    width: 90%;
    max-width: 1600px;
  }
  #popular .shadow-entry-container {
    padding: 80px 20px;
      padding-right: 20px;
  }
  #featured-slider article.half-image .main-slider-featured-image,
  #featured-slider article.half-image .second-slider-featured-image{
      padding: 310px 0;
      position: relative;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      border: 5px solid #fff;
  }
  #featured-slider article.half-image .half-content-wrapper{
      background-color: #fff;
      padding: 100px 60px;
      text-align: center;
      position: relative;
  }
  #featured-slider article.half-image {
      padding: 60px 100px 100px;
  }
  .main-navigation ul.nav-menu > li > a {
      padding: 15px 25px;
  }
  .main-navigation a {
    font-size: 16px;
  }
}

@media screen and (max-width: 1600px) {

  /*#must-read .wrapper,
  #featured-collection .wrapper{
    width: 98%;
    max-width: 1280px;
  }*/

  #featured-collection article .shadow-entry-header .shadow-entry-title a{
      color: #fff;
      font-size: 16px;
  }
  #featured-collection article .shadow-entry-header .shadow-entry-title {
      line-height: 20px;
  }
  #popular .shadow-entry-title{
    line-height: 24px;
  }
  #popular .shadow-entry-title a{
    font-size: 24px;
  }
}
@media screen and (max-width: 1280px) {
  .main-navigation ul.nav-menu > li > a {
    padding: 17px;
  }
  .site-branding {
      text-align: center;
      padding: 130px 0;
  }
  .category-slider article.featured-image {
    padding: 60px 0;
  }
  #instagram-section .shadow-entry-content {
      margin: 0;
  }
  #instagram-section .hentry {
      padding: 0;
  }
  #hero-slider .has-post-thumbnail .shadow-entry-container {
      padding: 50px 50px 0 0;
  }
}

@media screen and (max-width: 1023px) {
  body.home #masthead,
  #masthead {
      margin-bottom: 0;
  }
  .main-navigation {
      padding: 0;
      margin-bottom: 0;
      background-color: transparent;
      border-top: 1px solid rgba(0, 0, 0, 0.10);
      border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  }
  .main-navigation a{
      border-bottom: 1px solid rgba(52, 59, 61, 0.10);
  }
  [data-theme="dark"] .main-navigation a{
      border-color: #555;
  }
  .main-navigation ul ul a,
  #top-menu ul ul a {
      width: 100%;
  }
  .main-navigation ul ul,
  .main-navigation ul ul ul,
  #top-menu ul ul,
  #top-menu ul ul ul {
      box-shadow: none;
      float: none;
      position: relative;
      top: 0;
      left: 0;
      margin-bottom: 0;
      display: none;
  }
  #site-header-menu .wrapper {
      width: 100%;
  }
  .main-navigation ul.sub-menu li,
  #top-menu ul.sub-menu li {
      padding-right: 0;
  }
  .main-navigation .menu-item-has-children > a:before,
  #top-menu .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,
  #top-menu .menu-item-has-children > a:after {
      padding-top: 3px;
  }
  .main-navigation ul.nav-menu > li > a,
  .main-navigation ul.sub-menu li a {
      padding: 16px;
  }
  .main-navigation .menu-item-has-children a svg,
  #top-menu .menu-item-has-children a svg {
    display: none;
  }
  .main-navigation ul.sub-menu {
      background-color: #f2f2f2;
  }
  .main-navigation ul.nav-menu{
      margin-right: 0;
      background-color: #f2f2f2;
      margin-top: 25px;
  }
  .dark-layout .main-navigation ul.nav-menu,
  [data-theme="dark"] .main-navigation ul.nav-menu,
  .dark-layout .main-navigation ul.sub-menu,
  [data-theme="dark"] .main-navigation ul.sub-menu {
    background-color: #2f2f2f;
  }
  .dark-layout .main-navigation ul.sub-menu li a,
  [data-theme="dark"] .main-navigation ul.sub-menu li a{
    color:#fff;
  }
  .dark-layout .main-navigation ul.sub-menu li:not(:last-child) a,
  [data-theme="dark"] .main-navigation ul.sub-menu li:not(:last-child) a{
    border-bottom: 1px solid #666;
  }
  .dark-layout .main-navigation ul.sub-menu li a:hover,
  [data-theme="dark"] .main-navigation ul.sub-menu li a:hover,
  .dark-layout .main-navigation ul.sub-menu li a:focus,
  [data-theme="dark"] .main-navigation ul.sub-menu li a:focus{
    color:var(--main-color);
  }
  [data-theme="dark"] .main-navigation ul.nav-menu{
      background-color: #222;
  }
  .main-navigation a {
    color: #343b3d;
  }
  .main-navigation svg.icon-search,
  .main-navigation .search.search-open svg.icon-close,
  .main-navigation svg.icon-down {
    fill: #343b3d;
  }
  .main-navigation ul.sub-menu,
  #top-menu ul.sub-menu {
    border-top: 1px solid ;
    border-top-color:var(--main-color); 
  }
  .menu-open .menu-toggle .icon-close {
    display: block;
    fill: #343b3d;
    margin: auto;
    width: 20px;
      height: 20px;
  }
  [data-theme="dark"] .menu-open .menu-toggle .icon-close {
    fill: #fff;
  }
  .menu-open .menu-toggle {
    padding-top: 6px;
  }
  .site-branding {
    padding: 25px 0;
  }
  #masthead.site-header .main-navigation ul.nav-menu {
    margin-top: 0;
      position: relative;
      top: 0;
      left: 0;
      right: 0;
  }
  .menu-open ul.nav-menu {
      border-top: 1px solid rgba(52, 59, 61, 0.10);
  }
  #top-menu {
      padding: 10px 0;
  }

  #top-menu .secondary-menu ul li {
      float: none;
      text-align: center;
  }
  
  #top-menu .social-menu ul li {
    float: none;
    display: inline-block;
  }
  .secondary-menu ul li:not(:last-child):after {
    display: none;
  }
  #top-menu .wrapper {
      display: none;
      padding-top: 20px;
  }
  #top-menu:before {
      content: "";
      background-color: #ccc;
      position: absolute;
      top: 38px;
      width: 100%;
      left: 0;
      height: 1px;
  }
  .main-navigation li {
      text-align: center;
  }
  .site-branding img.custom-logo {
      max-width: 250px;
  }
  .main-navigation ul.sub-menu li a {
      color: #343b3d;
  }
  #search {
      display: block !important;
  }
  .main-navigation ul.nav-menu > li > a.search {
    display: none;
  }
  .single-post article blockquote {
    margin: 16px -40px; 
  }
  @keyframes tcircle {
    0% {
      transform: rotate(0deg) 
      translateY(130px) rotate(0deg);
    }
    100% {
      transform: rotate(-360deg) 
      translateY(130px) rotate(360deg);
    }
  }
  @keyframes bcircle {
    0% {
      transform: rotate(180deg) 
      translateY(130px) rotate(-180deg);
    }
    100% {
      transform: rotate(-180deg) 
      translateY(130px) rotate(180deg);
    }
  }
}

@media screen and (max-width: 992px) {
  #secondary {
      clear: both;
        margin-top: 20px;
  }
  #latest-news.column-3 .hentry {
      width: 100%;
      margin-bottom: 20px;
  }
  #featured-slider .featured-content-wrapper{
    left: 50px;
  }
  #latest-featured.column-3 article.hentry:nth-child(5n+1) {
      clear: left;
  }
  #latest-featured.column-3 article.full-width.hentry {
      width: 100%;
  }
  #latest-featured.column-3 article.hentry {
      width: 50%;
  }
  #secondary .widget:not(:last-child) {
      margin-bottom: 20px;
  }
  #secondary .widget_google_ad {
      text-align: center;
  }
  .site-info {
    text-align: center;
  }
  #gallery-posts .shadow-entry-container {
      padding: 30px;
      text-align: center;
  }
  #gallery-posts .shadow-entry-container .shadow-entry-title {
      font-size: 22px;
  }
  .textwidget img {
      max-width: 100%;
      margin: 25px 0;
  }
  .single-post .post-wrapper {
      width: 90%;
  }
  .single-post article blockquote {
      margin: 16px 0;
  }
  .single-post article blockquote {
    padding: 50px;
  }
  .related-gallery-slider .slick-prev {
    left: 38%;
  }
  .related-gallery-slider .slick-next {
      right: 38%;
  }
  .gallery-columns-3 .gallery-item img {
    width: 100%;
  }
  #list-articles .shadow-entry-title {
      font-size: 20px;
  }
  
  article .shadow-entry-title{
    line-height: 1.1
  }
  article .shadow-entry-title a{
    font-size: 24px;
  }
  #popular .entry-meta.shadow-posted{
    display: none;
  }
  #featured-slider article.double-image .half-content-wrapper{
      padding: 30px 20px;
  }
  #message .column-3 .shadow-section-content{
      max-width: 800px;
  }
  .archive-one .second-featured-image, 
  .archive-one .main-featured-image{
    padding: 190px 0;
  }
}
@media screen and (max-width: 800px) {
  
  #instagram-section .hentry {
      width: 50%;
  }
  #hero-slider .has-post-thumbnail .shadow-entry-container {
      width: 100%;
      float: none;
      padding: 0;
      margin-bottom: 30px;
        display: inherit;
  }
  #hero-slider .has-post-thumbnail .featured-image {
      width: 100%;
      float: none;
      display: inherit;
  }
  .hero-wrapper {
      flex-direction: row;
      display: table;
      width: 100%;
      position: relative;
      margin-bottom: 40px;
  }
  .slick-dots {
      -webkit-transform: translateY(-65%);
      -ms-transform: translateY(-65%);
      -o-transform: translateY(-65%);
      -moz-transform: translateY(-65%);
      transform: translateY(-65%);
  }
}
@media screen and (max-width: 767px) {
  .site-branding img.custom-logo {
      max-width: 250px;
      height: auto;
  }
  #top-menu .secondary-menu > ul > li > a,
  #top-menu ul.sub-menu li a {
      padding: 16px;
  }
  #top-menu ul.sub-menu {
      background-color: #f2f2f2;
  }
  #top-menu .secondary-menu > ul {
      margin-right: 0;
      background-color: #f2f2f2;
      margin-top: 25px;
  }
  [data-theme="dark"] #top-menu .secondary-menu > ul {
      background-color: #222;
  }
  #top-menu a {
      border-bottom: 1px solid rgba(52, 59, 61, 0.10);
  }
  [data-theme="dark"] #top-menu a {
      border-color: #555;
  }
  .secondary-menu {
      float: none;
      margin-bottom: 16px;
  }
  .social-menu {
      float: none;
      text-align: center;
  }
  .custom-header-content {
    min-width: 75%;
    min-height: auto;
  }
  #latest-featured.column-3 article.hentry {
      width: 100%;
  }
  .contact-form {
      clear: both;
      display: table;
      width: 100%;
  }
  .full-width.has-post-thumbnail .featured-image {
      width: 100%;
      float: none;
      display: block;
      position: relative;
      top: 0;
      height: 100%;
      bottom: 0;
  }
  .full-width.has-post-thumbnail .shadow-entry-container {
      width: 100%;
      display: block;
      float: none;
      padding: 50px;
  }
  .shadow-section-title::before{
      left: -10px;
  }
  .shadow-section-title::after{
      right: -10px;
  }
  #gallery-posts .post-wrapper {
    display: block;
  }
  #gallery-posts .post-wrapper .featured-image img {
    width: 100%;
  }
  #gallery-posts .slick-next {
      right: 0;
  }
  #gallery-posts .hentry {
    margin-bottom: 0;
  }
  .hentry:last-child {
      margin-bottom: 0;
  }
  #category-list{
      padding: 20px 0;
  }
  .home .page-section{
    padding: 20px 0 !important;
  }
  #popular .shadow-entry-container {
    padding: 30px;
    text-align: center;
  }
  .video-popup {
    max-width: 90%;
  }
  #popular article::before,
  #popular article::after,
  #must-read article::before,
  #must-read article::after,
  #trending article::before,
  #trending article::after,
  .archive-blog-wrapper article::before,
  .archive-blog-wrapper article::after,
  .blog-posts-wrapper article::before,
  .blog-posts-wrapper article::after{
      top: 10px;
      left: 10px;
      right: 10px;
      bottom: 10px;
  }
  #colophon .widget, 
  #colophon .widget img {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
  }
  #colophon .column-wrapper:not(:last-child) {
      margin-bottom: 30px;
  }
  .footer-widgets-area {
      padding: 50px 0;
  }
  .textwidget img {
      max-width: 250px;
  }
  #recent-posts .share-this-post,
  #recent-posts article.full-width .entry-meta {
      float: none;
      display: block;
  }
  #recent-posts article.full-width .shadow-entry-container {
      margin-bottom: 0;
  }
  .contact-information .contact-address {
      margin-bottom: 30px;
  }
  .copyright {
      margin-bottom: 10px;
  }
  .single-post article blockquote {
      padding: 25px;
  }
  .comment-navigation .nav-previous, 
  .comment-navigation .nav-next {
      float: none;
      width: 100%;
      text-align: center;
  }
  #latest-video {
      padding: 100px 0;
  }
  #latest-featured .posts-wrapper article:nth-last-child(-n+3) {
      margin-bottom: 40px;
  }
  #latest-featured .posts-wrapper article:last-child {
      margin-bottom: 0px;
  }
  #comments ol.children {
      margin-left: 0;
  }
  #banner-image {
      padding: 100px 0;
  }
  #featured-slider .featured-content-wrapper{
    left: 40px;
  }
  
  .shadow-popular-news .section-content article {
      padding: 0;
      width: 100%;
  }

  .shadow-popular-news .section-content {
      margin: 0;
  }
  #popular .entry-meta.shadow-posted{
    display: flex;
  }
  .site-branding .wrapper .header-logo{
    padding-bottom: 10px;
  }
  .site-branding .wrapper .header-search{
    max-width: 250px;
    margin: 0 auto;
    padding: 0 10px;
  }  
  #featured-slider article{
    padding: 250px 0;
  }
  .f-content-center .featured-content-wrapper{
    padding: 10px;
    padding-bottom: 20px;
  }
  #featured-slider article.half-image .main-slider-featured-image,
  #featured-slider article.half-image .second-slider-featured-image{
    padding: 210px 0;
  }
  .archive #banner-image {
    padding: 100px 0;
  }
  #message .author-thumbnail{
    max-width: 430px;
    margin: 0 auto;
  }
  #message .author-thumbnail{
    padding: 50px 0;
  }
  @keyframes tcircle {
    0% {
      transform: rotate(0deg) 
      translateY(180px) rotate(0deg);
    }
    100% {
      transform: rotate(-360deg) 
      translateY(180px) rotate(360deg);
    }
  }
  @keyframes bcircle {
    0% {
      transform: rotate(180deg) 
      translateY(180px) rotate(-180deg);
    }
    100% {
      transform: rotate(-180deg) 
      translateY(180px) rotate(180deg);
    }
  }
}
@media screen and (max-width: 600px) {
  .custom-header-content h2 {
      font-size: 28px;
      margin: 5px 0 10px;
  }
  #message-from-author .author-thumbnail:before, 
  #message-from-author .author-thumbnail:after {
    width: 150px;
  }
  #message-from-author .author-thumbnail:before {
    margin-right: 16px;
  }
  #message-from-author .author-thumbnail:after {
    margin-left: 16px;
  }
  #message-from-author .author-thumbnail {
      max-width: 100px;
      max-height: 100px;
      border-radius: 100px;
  }
  #map {
      height: 400px;
  }
  #featured-slider .featured-content-wrapper{
    left: 0;
  }
  #featured-posts article .shadow-entry-content p {
        font-size: 20px;
        line-height: 35px;
  }
}
@media screen and (max-width: 566px) {
  .column-4 article {
    width: 100%;
    padding: 0;
  }
  .main-navigation form.search-form {
      min-width: 100%;
  }
  .wpcf7 input.wpcf7-form-control.wpcf7-submit,
  .wpcf7 input[type="submit"], 
  #respond input[type="submit"] {
      padding: 0 25px;
      height: 50px;
      min-height: 50px;
      line-height: 50px;
  }
  #comments ol.children {
      margin-left: 25px;
  }
  .comment-author.vcard b.fn {
      float: none;
      display: block;
  }
  .comment-meta img {
      float: none;
      margin-right: 0;
      margin-bottom: 25px;
  }
  .comment-metadata {
      padding-left: 0;
      display: block;
  }
  .reply {
      margin-left: 25px;
  }
  .comment-meta .fn:after {
    display: none;
  }
  #comments article {
      margin-bottom: 30px;
  }
  .slick-prev, 
  .slick-next {
      width: 40px;
      height: 40px;
  }
  .column-4 article:first-child {
    margin-bottom: 30px;
  }
  .blog-posts-wrapper.column-3 article {
      width: 100%;
      float: none;
      padding: 0;
  }
  #comments ol.comment-list:before {
    display: none;
  }
  ol.comment-list {
      border: none;
  }
  header.page-header {
    margin-bottom: 30px;
  }
  .related-gallery-slider .slick-prev {
    left: 30%;
  }
  .related-gallery-slider .slick-next {
      right: 30%;
  }
  #latest-featured .full-width .shadow-entry-container .shadow-entry-title,
  .hero-wrapper .shadow-entry-title {
      font-size: 32px;
  }
  .full-width.has-post-thumbnail .shadow-entry-container {
      padding: 30px;
  }
  .featured-content-wrapper h2.shadow-entry-title {
      font-size: 42px;
      color: #333;
      line-height: 55px;
  }
  .page-site-header .page-title {
      font-size: 32px;
  }
  #list-articles article {
      display: block;
  }
  #list-articles article.has-post-thumbnail .featured-image {
      width: 100%;
      float: none;
      display: block;
      position: initial;
      top: 0;
      left: 0;
      height: 0;
      padding: 190px 0;
  }
  #list-articles article.has-post-thumbnail .shadow-entry-container {
      width: 100%;
      padding: 20px;
      display: table-cell;
      float: none;
  }
  #list-articles article.has-post-thumbnail .shadow-entry-container:before {
     display: none;
  }
  #list-articles .shadow-entry-container .more-link {
      margin-top: 20px;
  }
  .shadow-popular-news .section-content article {
    padding: 0;
  }
  .featured-categories .content-wrapper
  .shadow-popular-news .section-content {
    margin: 0;
  }
  .archive-one .second-featured-image, 
  .archive-one .main-featured-image {
    padding: 200px 0;
  }
  .social-menu, .footer-menu{
    float: none;
  }
  .addtoany_list a, .widget .addtoany_list a {
    padding: 0 !important;
  }
  .a2a_svg {
    height: 24px !important;
    width: 24px !important;
  }
  .a2a_svg svg {
    margin: 0 !important;
    padding: 0 !important;
    top: 5px !important;
    width: 20px !important;
    height: 20px !important;
  }
  .author .addtoany_content, 
  .search .addtoany_content, 
  .archive .addtoany_content, 
  .blog .addtoany_content{
    bottom: 12px !important;
  }
  #inner-content-wrapper .column-1 article.hentry {
      margin-bottom: 20px;
  }
  .blog.archive-three .posts-wrapper .shadow-entry-container {
    padding: 30px 10px 20px;
  }
  .entry-meta.shadow-posted{
    padding: 5px 10px;
  }
}
@media screen and (max-width: 480px) {
  .custom-header-content {
    padding: 10px;
  }
  .custom-header-content h2,
  .shadow-entry-title,
  #reply-title, 
  .comments-title {
      font-size: 22px;
  }
  .custom-header-content span {
    font-size: 14px;
  }
  .widget_contact_info label,
  .comment-meta .url, 
  .comment-meta .fn {
    font-size: 18px;
  }
  
  #our-story .content-wrapper {
      padding: 25px;
  }
  #featured-posts article .shadow-entry-container, 
  #recent-posts article .shadow-entry-container, 
  .blog-posts-wrapper article .shadow-entry-container {
      padding: 30px 20px;
  }
  .pagination .page-numbers {
    margin: 5px 0;
  }
  .single-post article blockquote {
      padding: 25px 20px;
      font-size: 18px;
      line-height: 30px;
  }
  #featured-slider article.half-image .main-slider-featured-image,
  #featured-slider article.half-image .second-slider-featured-image{
    padding: 150px 0;
  }
  #message-from-author .author-thumbnail:before, 
  #message-from-author .author-thumbnail:after {
    width: 100px;
  }
  #message-from-author .author-thumbnail:before {
    margin-right: 10px;
  }
  #message-from-author .author-thumbnail:after {
    margin-left: 10px;
  }
}

