/*
Theme Name: Rara Readable Pro
Theme URI: https://rarathemes.com/wordpress-themes/rara-readable-pro/
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Rara Readable Pro is a clean and minimalist premium WordPress blog theme. The theme is designed for distraction-free reading and focuses on better user engagement and experience. The theme is easy on eye and a pleasure to read with its clutter-free design focused on the content with neat fonts and subtle color scheme. The theme is very lightweight and loads quickly improving the overall user experience. The theme has a responsive design and SEO-friendly optimized codes. Rara Readable Pro is Schema friendly and AMP compatible so that your website ranks better on search engines. It is also WooCommerce compatible and translation ready. Check the demo at https://rarathemes.com/previews/?theme=rara-readable-pro, documentation at https://docs.rarathemes.com/docs/rara-readable-pro/, and get support at https://rarathemes.com/support-ticket/.
Requires PHP: 5.6
Tested up to: 5.8
Version: 2.1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rara-readable-pro
Tags: custom-background, custom-logo, post-formats, custom-menu, e-commerce, one-column, two-columns, three-columns, featured-images, threaded-comments, translation-ready, grid-layout, custom-colors, full-width-template, footer-widgets, theme-options, rtl-language-support, 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.

Rara Readable Pro 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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
    --------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {
  --primary-color: #06c286;
  --primary-color-rgb: 6, 194, 1341;
  --background-color: #f8f8f8;
  --background-color-rgb: 248, 248, 248;
  --font-color: #aaa;
  --font-color-rgb: 170, 170, 170;
  --font-color-dark: #565656;
  --font-color-dark-rgb: 86, 86, 86;
  --white-color: #fff;
  --white-color-rgb: 255, 255, 255;
  --black-color: #111111;
  --black-color-rgb: 17, 17, 17;
  --primary-font: Georgia, serif;
  --secondary-font: "Open Sans", sans-serif;
}

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

body {
  margin: 0;
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  text-decoration: none;
  color: inherit;
  background-color: transparent;
}

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

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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 {
  -webkit-box-sizing: content-box;
  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"] {
  -webkit-box-sizing: border-box;
  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: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
  color: #565656;
  font-family: "Georgia", serif;
  font-size: 20px;
  line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #111111;
  margin: 0.67em 0;
  line-height: 1.2;
}

h1 {
  font-size: 2.1875em;
}

h2 {
  font-size: 1.5625em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.125em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.8em;
}

p {
  margin-bottom: 1.5em;
}

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

.halfwidth {
  width: 50%;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

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

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

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

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

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

ul,
ol {
  margin: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

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

table {
  margin: 0 0 1.5em;
  width: 100%;
  border-radius: 10px;
  font-family: "Open sans", sans-serif;
  font-size: 16px;
  text-align: center;
  overflow: hidden;
  border-collapse: separate;
}

table tr th {
  font-weight: 700;
  color: #fff;
  background: #1c1b1b;
  letter-spacing: 0.8px;
  padding: 20px 10px;
}

table tr th:nth-child(2n) {
  background: #373737;
}

table tr td {
  color: #888686;
  padding: 20px 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: none;
  border-bottom: none;
}

table tr td:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

table tr:last-child td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  border-radius: 40px;
  background: #06c286;
  border: 2px solid #06c286;
  color: #fff;
  font-family: "Open sans", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 13px 40px;
  line-height: 20px;
  transition: all ease 0.35s;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: none;
  color: #06c286;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: none;
  outline: 0;
}

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: #222;
  border: 1px solid #cbcdd1;
  border-radius: 5px;
  padding: 10px 15px;
  width: 100%;
  height: 50px;
}

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: #222;
  outline: 0;
}

select {
  border: 1px solid #cbcdd1;
  width: 100%;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
  color: inherit;
  text-decoration: none;
  transition: all ease 0.35s;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
}

a:visited {
  color: inherit;
}

a:hover,
a:focus,
a:active {
  color: inherit;
}

a:focus {
  outline: none;
}

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

a:hover {
  color: #06c286;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

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

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

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

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  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;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

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

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.blog-wrapper:before,
.blog-wrapper:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.blog-wrapper:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
  margin: 0 0 60px 0;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

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

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

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

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

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */

.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## 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;
  line-height: initial;
}

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

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

.gallery {
  margin-bottom: 1.5em;
}

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

.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;
  padding: 20px;
  background: rgba(0, 0, 0, 0.15);
}

body.custom-background .site,
body.pattern-bg .site {
  background: #fff;
  width: 1400px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

/*=============================
COMMON CSS
=============================*/

*:focus {
  box-shadow: none;
  outline: none;
}

.blog-wrapper {
  width: 900px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

iframe {
  width: 100%;
}

.format-video iframe.video_frame {
  border-radius: 10px;
}

.entry-title {
  font-size: 1.5em;
  margin: 0 0 10px 0;
  font-weight: 700;
}

.entry-meta > span {
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  margin-right: 40px;
  display: inline-block;
  vertical-align: middle;
  color: #777777;
}

.entry-meta > span:last-child {
  margin-right: 0;
}

.entry-meta > span svg,
.entry-meta > span.category span {
  margin-right: 8px;
}

.entry-meta > span.category a {
  display: inline-block;
  margin-right: 2px;
}

.entry-meta > span.category a:after {
  content: ",";
}

.entry-meta > span.category a:last-child:after {
  display: none;
}

.entry-meta > span.byline img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  border-radius: 100%;
}

a.bttn {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-family: "Open sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  background: #06c286;
  color: #fff;
  padding: 8px 35px;
  border: 2px solid #06c286;
  border-radius: 40px;
  margin-right: 10px;
  min-height: 50px;
  line-height: 1.9em;
}

a.bttn:hover {
  background: none;
  color: #06c286;
}

.page-header .page-title {
  font-size: 35px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
}

#primary {
  margin-bottom: 120px;
}

blockquote {
  background: #f6f6f6;
  padding: 40px;
  margin: 30px 0;
  font-style: italic;
  color: #5a5a5a;
  border-radius: 10px;
  position: relative;
  display: table;
  width: 100%;
}

blockquote:before {
  content: "";
  background: url(images/blockquote-before.png) no-repeat;
  width: 25px;
  height: 14px;
  display: table-cell;
  margin-right: 8px;
  margin-top: 2px;
}

blockquote p {
  margin-bottom: 15px;
  margin-top: 0;
}

blockquote p:last-child {
  margin-bottom: 0;
}

.highlight {
  background: #e6f9f3;
  border-radius: 5px;
  padding: 5px;
}

body.single.html-markup header.site-header {
  border-bottom: 1px solid #dedede;
  margin-bottom: 40px;
}

.html-markup footer.entry-footer {
  border-top: 1px solid #dedede;
  padding-top: 60px;
}

.html-markup .breadcrumb {
  margin-bottom: 40px;
  text-align: left;
}

ol li {
  margin-bottom: 10px;
}

/*============================
SIDEBARS
============================*/

.rightsidebar #primary {
  width: 75%;
  padding-right: 40px;
  float: left;
}

.leftsidebar #primary {
  width: 75%;
  padding-left: 40px;
  float: right;
}

.rightsidebar #secondary,
.leftsidebar #secondary {
  float: left;
  width: 25%;
  margin-bottom: 60px;
}

/*=========================
WIDGETS
=========================*/

.widget-title {
  font-size: 0.9em;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px;
}

.site-footer .widget-title {
  color: #fff;
}

.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget ul li {
  position: relative;
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 13px;
}

.widget ul li:before {
  content: "";
  background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23565656" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>');
  background-repeat: no-repeat;
  font-weight: 600;
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
}

.widget .post-date {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #999;
  margin-top: 3px;
}

/*============================
BREADCRUMB
============================*/

.breadcrumb {
  margin-bottom: 10px;
}

.breadcrumb #crumbs {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-family: "Open sans", sans-serif;
  font-weight: 400;
  color: #000;
}

.breadcrumb #crumbs .separator {
  color: #777;
  margin: 0 5px;
}

#crumbs a {
  color: #777;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb .current a {
  pointer-events: none;
  cursor: default;
}

/*============================
PAGINATION NUMBER SECTION
============================*/

nav.pagination {
  position: relative;
  /* margin-bottom: 100px; */
  text-align: center;
  z-index: 1;
  display: table;
  clear: both;
  width: 100%;
}

.three-col-grid nav.navigation.pagination {
  width: 80%;
  margin: 0 auto;
}

nav.pagination:before {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: -1;
}

nav.pagination .nav-links {
  display: inline-block;
  background: #fff;
  padding: 0 25px;
}

nav.pagination .page-numbers {
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
  font-weight: 600;
  color: #5a5a5a;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%;
}

nav.pagination .page-numbers:last-child {
  margin-right: 0;
}

nav.pagination .page-numbers:hover,
nav.pagination .page-numbers.current {
  background: #06c286;
  border-color: #06c286;
  color: #fff;
}

#load-posts {
  text-align: center;
  display: table;
  clear: both;
  width: 100%;
}

#load-posts a {
  display: inline-block;
  vertical-align: middle;
  padding: 13px 25px;
  border: 2px solid #06c286;
  border-radius: 50px;
  font-size: 13px;
  font-family: "Open sans", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
  background: #06c286;
  color: #fff;
}

#load-posts a:not(.disabled):hover {
  background: none;
  color: #06c286;
}

#load-posts a svg {
  margin-right: 7px;
}

#load-posts a.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.site-main .posts-navigation {
  border-top: 1px solid #eee;
  padding-top: 50px;
  display: table;
  width: 100%;
  clear: both;
  overflow: visible;
}

.posts-navigation div[class*="nav-"] > a {
  display: inline-block;
  text-transform: uppercase;
  font-family: "Open sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  position: relative;
  border: 2px solid;
  padding: 12px 25px 12px 37px;
  border-radius: 50px;
}

.posts-navigation div.nav-next > a {
  padding-left: 25px;
  padding-right: 37px;
}

.posts-navigation div[class*="nav-"] > a:before {
  content: "";
  background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23565656" d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"></path></svg>');
  background-repeat: no-repeat;
  font-size: 16px;
  position: absolute;
  top: 15px;
  line-height: 19px;
  left: 24px;
  width: 16px;
  height: 16px;
}

.posts-navigation div.nav-next > a:before {
  content: "";
  background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23565656" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>');
  left: auto;
  right: 24px;
}

.posts-navigation div[class*="nav-"] > a:after {
  content: "";
  border: 2px solid;
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 50px;
}

.posts-navigation div[class*="nav-"] > a:hover:after {
  border-width: 5px;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.35s;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
}

.site-main nav.post-navigation {
  margin-top: 50px;
  margin-bottom: 0;
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  border-top: 1px solid #ebebeb;
  padding-top: 50px;
}

.single .site-main nav.post-navigation {
  padding-top: 30px;
  padding-bottom: 30px;
}

.post-navigation a {
  position: relative;
  display: inline-block;
  padding: 10px 10px 10px 20px;
}

.post-navigation .nav-next a {
  padding: 10px 20px 10px 10px;
}

.post-navigation a:before {
  content: "";
  background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23454545" d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"></path></svg>');
  line-height: 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: 0;
  width: 12px;
  height: 12px;
}

.post-navigation .nav-next a:before {
  content: "";
  background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23454545" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"></path></svg>');
  left: auto;
  right: 0;
}

/*=========================
BACK TO TOP BUTTON
=========================*/

.to_top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: rgba(6, 194, 134, 0.5);
  border: 1px solid transparent;
  border-radius: 100%;
  font-size: 15px;
  cursor: pointer;
  transition: all ease 0.35s;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.11);
  z-index: 999;
}

.to_top:hover {
  color: #fff;
  background: rgba(6, 194, 134, 0.85);
  border-color: rgba(6, 194, 134, 0.85);
}

.to_top a {
  display: block;
  color: rgba(6, 194, 134, 0.5);
}

.to_top:hover a,
.to_top a:hover {
  color: #fff;
}

/*===========================
TOP HEADER SECTION
===========================*/

.header-t {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-responsive {
  display: none;
}

.sticky-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

.custom-background .sticky-menu,
body.pattern-bg .sticky-menu {
  width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.admin-bar .sticky-menu {
  top: 32px;
}

nav.main-navigation {
  float: left;
  width: 70%;
}

button.toggle-button {
  display: none;
}

.main-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-navigation ul li {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-transform: capitalize;
}

.main-navigation ul li a {
  display: inline-block;
  vertical-align: middle;
  padding: 15px 14px;
  color: #979797;
}

.main-navigation ul li a:focus {
  color: #111111;
}

.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li.menu-item-has-children:hover > a,
.main-navigation ul li a:hover {
  color: #111111;
}

.main-navigation ul li ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 230px;
  background: #f3f3f3;
  opacity: 0;
  margin-left: -99999px;
}

.main-navigation ul li ul ul {
  top: 0;
  left: 100%;
}

@media only screen and (min-width: 800px) {
  .main-navigation ul li:focus > ul,
  .main-navigation ul li.focus > ul,
  .main-navigation ul li:hover > ul {
    opacity: 1;
    margin-left: 0;
    filter: alpha(opacity=100);
    z-index: 9999;
    display: block;
  }

  .main-navigation ul .submenu-toggle {
    position: absolute;
    top: 16px;
    right: -2px;
    pointer-events: none;
  }

  .site-header.header-4 .main-navigation ul .submenu-toggle svg path {
    fill: #fff;
  }
}

.main-navigation ul ul li {
  display: block;
  font-size: 16px;
}

.main-navigation ul ul li a {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header-t-search {
  float: right;
  width: 30%;
}

form.search-form:before,
form.search-form:after {
  content: "";
  display: table;
}

form.search-form:after {
  clear: both;
}

form.search-form {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  overflow: hidden;
}

.header-t-search form.search-form {
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  overflow: visible;
  z-index: 999;
  background: #fff;
}

form.search-form input.search-field {
  background: none;
  border: none;
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 45px;
  float: left;
  width: calc(100% - 25px);
  padding-left: 0;
}

.header-t-search form.search-form input.search-field {
  font-weight: 400;
  padding-left: 15px;
}

form.search-form input.search-field::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #8b8b8b;
}

form.search-form input.search-field::-moz-placeholder {
  /* Firefox 19+ */
  color: #8b8b8b;
}

form.search-form input.search-field:-ms-input-placeholder {
  /* IE 10+ */
  color: #8b8b8b;
}

form.search-form input.search-field:-moz-placeholder {
  /* Firefox 18- */
  color: #8b8b8b;
}

.header-t-search form.search-form label[for="submit-field"]:hover {
  color: #06c286;
}

.header-t-search
  form.search-form
  input.search-field::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #686868;
}

.header-t-search form.search-form input.search-field::-moz-placeholder {
  /* Firefox 19+ */
  color: #686868;
}

.header-t-search form.search-form input.search-field:-ms-input-placeholder {
  /* IE 10+ */
  color: #686868;
}

.header-t-search form.search-form input.search-field:-moz-placeholder {
  /* Firefox 18- */
  color: #686868;
}

form.search-form input.search-field:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #222;
}

form.search-form input.search-field:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #222;
}

form.search-form input.search-field:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: #222;
}

form.search-form input.search-field:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #222;
}

form.search-form label[for="submit-field"] {
  float: left;
  width: 25px;
  height: 45px;
  position: relative;
  text-align: right;
  font-size: 14px;
  line-height: 45px;
  color: #979797;
  transition: all ease 0.35s;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
}

.header-t-search form.search-form label[for="submit-field"] {
  color: #5a5a5a;
}

form.search-form label[for="submit-field"]:hover {
  color: #06c286;
}

form.search-form input.search-submit {
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  border-radius: 0;
  padding: 0;
  text-indent: 70px;
  width: 60px;
  overflow: hidden;
  background: none;
  border: none;
}

/*===========================
MAIN HEADER SECTION
===========================*/

.main-header {
  padding: 40px 0;
}

.sticky-menu .main-header {
  padding-top: 15px;
  padding-bottom: 15px;
}

.main-header .site-branding {
  display: inline-block;
  width: 45%;
  vertical-align: middle;
}

.site-branding .site-title {
  margin: 0;
  font-size: 50px;
  font-family: "Georgia", serif;
  color: #222;
  font-weight: 700;
}

.site-branding .site-description {
  margin: 3px 0 0 0;
  font-size: 13px;
  font-family: "Open sans", sans-serif;
  font-weight: 400;
  color: #777;
}

.main-header .header-social {
  display: inline-block;
  vertical-align: middle;
  width: 54%;
  text-align: right;
}

ul.social-icons {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.social-icons li {
  display: inline-block;
  margin-left: 5px;
  padding-left: 0;
  vertical-align: middle;
}

.widget_rara_readable_pro_social_links ul.social-icons li:before {
  display: none;
}

ul.social-icons li a {
  display: inline-block;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  color: #5a5a5a;
  font-size: 18px;
}

ul.social-icons li a:hover {
  border-color: #06c286;
  color: #fff;
  background: #06c286;
}

/*============================
ARTICLE WRAP
============================*/

article.post {
  margin-bottom: 120px;
  text-align: center;
}

.classic article.post {
  text-align: left;
}

article.post:last-child {
  margin-bottom: 80px;
}

figure.post-thumbnail,
.grid-with-feat-post .featured-post figure.post-thumbnail {
  overflow: hidden;
  border-radius: 11px;
  margin-bottom: 55px;
  text-align: center;
  display: inline-block;
}

.format-gallery .ug-thumb-wrapper {
  border-radius: 8px;
  /*padding: 5px;*/
  background-color: transparent !important;
}

.format-gallery .ug-thumb-wrapper.ug-tile img.ug-thumb-image {
  padding: 5px !important;
  border-radius: 13px;
}

.format-gallery .ug-thumb-wrapper .ug-thumb-overlay {
  width: auto !important;
  height: auto !important;
  top: 5px !important;
  right: 5px !important;
  bottom: 5px !important;
  left: 5px !important;
  border-radius: 8px;
}

.format-quote .quote-wrap {
  margin-bottom: 55px;
}

body:not(.list-view) .format-gallery .ug-gallery-wrapper {
  margin-bottom: 55px !important;
}

body:not(.list-view) .format-audio .blog_post_audio {
  margin-bottom: 55px;
}

.list-view .format-video .blog_post_video,
.list-view .format-audio .blog_post_audio {
  display: inline-block;
  width: 319px;
  vertical-align: top;
}

.list-view .format-video .video_fit_container {
  margin-bottom: 0;
}

article.post .article-content,
.grid-with-feat-post .featured-post article.post .article-content {
  margin: 0 auto;
  width: 80%;
  text-align: left;
}

article.post header.entry-header {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ebebeb;
}

article.post .entry-content,
article.page .entry-content {
  margin: 0;
}

article.post .entry-content p:first-child,
article.page .entry-content p:first-child {
  margin-top: 0;
}

article.post .entry-content p:last-child,
article.page .entry-content p:last-child {
  margin-bottom: 0;
}

article.post .entry-footer,
.grid-with-feat-post .featured-post article.post .entry-footer {
  margin-top: 46px;
}

.article-share {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 50px;
  width: 50px;
  white-space: nowrap;
}

.article-share svg.fa-share {
  width: 50px;
  height: 50px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  border-radius: 100%;
  line-height: 50px;
  font-size: 14px;
  color: #5a5a5a;
  cursor: pointer;
  transition: all ease 0.35s;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  padding: 15px;
}

.article-share svg.fa-share:hover {
  background: #06c286;
  color: #fff;
  border-color: #06c286;
}

.default-layout .article-share.share-active svg.fa-share,
.classic .article-share.share-active svg.fa-share,
.grid-with-feat-post .featured-post .article-share.share-active svg.fa-share {
  opacity: 0;
  visibility: hidden;
}

.article-share ul.social-icons {
  position: absolute;
  width: max-content;
  bottom: 120%;
  left: 0;
  white-space: nowrap;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 10px;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transform: rotateY(-80deg);
  -webkit-transform: rotateY(-80deg);
  -moz-transform: rotateY(-80deg);
  transform-origin: left;
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  transition: all ease 0.35s;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
}

.default-layout .article-share ul.social-icons,
.classic .article-share ul.social-icons,
.grid-with-feat-post .featured-post .article-share ul.social-icons {
  bottom: 0;
  box-shadow: none;
  width: auto;
  white-space: nowrap;
  padding: 0;
  top: -5px;
}

.grid-with-feat-post .featured-post .article-share ul.social-icons {
  left: 0;
  right: auto;
  -webkit-transform-origin: left;
  transform-origin: left;
}

.grid-with-feat-post .featured-post .article-share ul.social-icons li {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.grid-with-feat-post
  .featured-post
  .article-share.share-active
  ul.social-icons
  li {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}

.article-share.share-active ul.social-icons {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  transform: rotateY(0);
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  z-index: 9;
}

.article-share ul.social-icons li {
  transition: all ease 0.35s;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  margin: 5px;
}

.article-share.share-active ul.social-icons li {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}

.article-share ul.social-icons li a {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

/*============================
CLASSIC HOMEPAGE 
============================*/

.classic article.post header.entry-header {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 35px;
}

.classic figure.post-thumbnail {
  margin-bottom: 50px;
}

.classic article.post .article-content {
  width: 100%;
}

/*============================
FOOTER SECTION
============================*/

footer.site-footer {
  background: #262626;
}

.site-footer .top-footer {
  padding: 90px 0 50px 0;
}

.top-footer .blog-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

.top-footer .widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 20px;
  color: #aaa;
}

.top-footer form.search-form {
  border-color: rgba(255, 255, 255, 0.1);
}

.top-footer form.search-form input.search-field,
.top-footer form.search-form input.search-field:focus {
  color: #fff;
}

.bottom-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding: 25px 0;
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  color: #aaaaaa;
}

.bottom-footer .blog-wrapper {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.footer-author {
  text-align: right;
  white-space: nowrap;
  padding-left: 5px;
}

.comments-area .comment-form .comment-form-cookies-consent {
  margin-top: 0;
}

.comments-area .comment-form label[for="wp-comment-cookies-consent"] {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
}

.site-footer .footer-author .policy_link {
  display: inline-block;
  margin-left: 5px;
}

/*===========================
ERROR 404 PAGE
===========================*/

.error404 .site-header {
  border-bottom: 1px solid #ddd;
}

.error404 .site-content {
  margin-top: 60px;
}

.error404 header.page-header {
  margin-bottom: 60px;
}

.error404 figure.error-404-img {
  display: inline-block;
  vertical-align: top;
  width: 299px;
}

.error404 .page-content {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 305px);
  padding-left: 77px;
  margin-top: 0;
}

.error404 .page-content h3 {
  font-size: 1.2em;
  line-height: 1.29167;
  margin-top: 0;
  margin-bottom: 10px;
}

.error404 .page-content p {
  margin-top: 0;
  margin-bottom: 30px;
}

.error404 .page-content form.search-form {
  margin-bottom: 40px;
}

/*============================
LIST VIEW LAYOUT
============================*/

.list-view article.post,
.search-results article {
  margin-bottom: 80px;
}

.list-view figure.post-thumbnail,
.search-results figure.post-thumbnail {
  display: inline-block;
  vertical-align: top;
  width: 319px;
  margin-bottom: 0;
}

figure.post-thumbnail img {
  border-radius: 11px;
}

.list-view article.post .article-content,
.search-results article .article-content {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 325px);
  padding-left: 55px;
}

.list-view article.post header.entry-header,
.search-results article header.entry-header {
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.list-view .entry-title,
.search-results article .entry-title {
  font-size: 24px;
  margin-bottom: 5px;
}

.list-view .entry-meta > span,
.search-results .entry-meta > span {
  margin-right: 25px;
}

.list-view .entry-meta > span.category span,
.search-results .entry-meta > span.category span {
  display: none;
}

.list-view article.post .entry-footer,
.search-results article .entry-footer {
  margin-top: 26px;
}

.list-view a.bttn {
  padding-left: 30px;
  padding-right: 30px;
}

.list-view .article-share svg.fa-share,
.list-view .article-share ul.social-icons li a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
}

.three-col-grid .article-share.share-active svg.fa-share {
  opacity: 1;
  visibility: visible;
}

.three-col-grid .article-share ul.social-icons {
  bottom: 120%;
  top: auto;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 10px 20px;
  left: auto;
  right: 0;
  -webkit-transform: rotateY(80deg);
  -moz-transform: rotateY(80deg);
  transform: rotateY(80deg);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  transform-origin: right;
  width: 240px;
  white-space: normal;
}

.three-col-grid .article-share.share-active ul.social-icons {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.three-col-grid .article-share ul.social-icons li {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  margin: 5px;
}

.three-col-grid .article-share.share-active ul.social-icons li {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}

.three-col-grid .article-share ul.social-icons li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

/*=============================
GRID VIEW LAYOUT
=============================*/

.grid-view .site-main:before,
.grid-view .site-main:after,
.grid-with-feat-post .site-main:before,
.grid-with-feat-post .site-main:after {
  content: "";
  display: table;
}

.grid-view .site-main:after,
.grid-with-feat-post .site-main:after {
  clear: both;
}

.grid-view article.post,
.grid-with-feat-post article.post {
  display: inline-block;
  width: 47.33%;
  margin-right: 4%;
  margin-bottom: 80px;
  vertical-align: top;
}

.grid-view article.post:nth-child(2n),
.grid-with-feat-post article.post:nth-child(2n + 1) {
  margin-right: 0;
}

.three-col-grid article.post {
  width: 30%;
}

.three-col-grid article.post:nth-child(2n),
.three-col-grid.grid-with-feat-post article.post:nth-child(2n + 1),
.three-col-grid.grid-with-feat-post article.post:nth-child(3n) {
  margin-right: 4%;
}

.three-col-grid article.post:nth-child(3n),
.three-col-grid.grid-with-feat-post article.post:nth-child(3n + 1) {
  margin-right: 0;
}

.three-col-grid:not(.grid-with-feat-post) article.post:nth-child(3n + 1),
.three-col-grid.grid-with-feat-post article.post:nth-child(4n + 1) {
  clear: both;
}

.grid-view figure.post-thumbnail,
.grid-with-feat-post figure.post-thumbnail {
  margin-bottom: 45px;
}

.three-col-grid figure.post-thumbnail {
  margin-bottom: 30px;
}

.grid-view article.post .article-content,
.grid-with-feat-post article.post .article-content {
  width: 100%;
}

.grid-view article .entry-title,
.grid-with-feat-post article .entry-title {
  font-size: 1.2em;
}

.grid-view .entry-meta > span,
.grid-with-feat-post .entry-meta > span {
  margin-right: 20px;
}

.grid-view .entry-meta > span.category span,
.grid-with-feat-post .entry-meta > span.category span {
  display: none;
}

.video_fit_container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  margin-bottom: 55px;
  background-color: #000;
  border-radius: 10px;
}

.format-video iframe.video_frame {
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/*====================================
GRID WITH FEATURED POST LAYOUT
====================================*/

.grid-with-feat-post .featured-post article.post {
  float: none;
  width: 100%;
  margin-right: 0;
  padding-bottom: 80px;
  border-bottom: 1px solid #ebebeb;
}

.grid-with-feat-post .featured-post article .entry-title {
  font-size: 30px;
}

.grid-with-feat-post .featured-post .entry-meta > span.category span {
  display: inline-block;
}

/*=======================
SEARCH PAGE
=======================*/

.search .page-header .page-title {
  margin-bottom: 10px;
}

.search .entry-content {
  margin-top: 0;
  margin-bottom: 40px;
}

.search .entry-content p {
  margin: 0;
}

.search-results .site-content form.search-form,
.search-no-results .site-content form.search-form {
  margin-bottom: 80px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.search-results .site-content form.search-form input.search-field,
.search-no-results .site-content form.search-form input.search-field {
  height: 60px;
  padding-left: 30px;
  width: calc(100% - 60px);
}

.search-results .site-content form.search-form label[for="submit-field"],
.search-no-results .site-content form.search-form label[for="submit-field"] {
  height: 60px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  padding-right: 10px;
}

/*=========================
SINGLE PAGE
=========================*/

body.single header.site-header {
  border-bottom: none;
}

body.single #primary {
  margin-top: 0;
}

body.single.no-image #primary {
  border-top: 1px solid #ebebeb;
  padding-top: 65px;
}

.single article.post {
  margin-bottom: 0;
}

.single .site-main .entry-content a {
  color: #06c286;
}

.single .site-main .left-panel .fa-share {
  display: none;
}

.single .article-share {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding-right: 20px;
}

.single .entry-footer h4 {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 15px;
}

.single .article-share ul.social-icons {
  background: none;
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  box-shadow: none;
  padding: 0;
  width: auto;
}

.single .article-share ul.social-icons li {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
}

.single .article-share ul.social-icons li:first-child {
  margin-left: 0;
}

.single .article-share ul.social-icons li a {
  border-width: 1px;
  font-size: 18px;
}

.single .tag-group {
  display: inline-block;
  vertical-align: top;
  width: 49.33%;
}

a.tags {
  display: inline-block;
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  padding: 4px 15px;
  border-radius: 40px;
  margin-right: 5px;
  margin-bottom: 10px;
  color: #5a5a5a;
  vertical-align: middle;
}

a.tags:hover {
  background: #06c286;
  border-color: #06c286;
  color: #fff;
}

.single .article-author {
  border-top: 1px solid #ebebeb;
  padding: 60px 90px 0 90px;
  margin: 0;
}

.article-author figure.author-img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}

.article-author .author-info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 85px);
  padding-left: 20px;
}

.author-info h4 {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 5px;
}

.author-info p {
  margin: 0;
  font-family: "Open sans", sans-serif;
  font-size: 16px;
}

.single blockquote {
  margin: 0;
}

/*==========================
RELATED POSTS
==========================*/

.related-posts {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid #ebebeb;
}

.related-posts .related-title {
  margin-top: 0;
  font-size: 1.25em;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.related-posts .related-post-block {
  float: left;
  width: 30.66%;
  margin-right: 4%;
  text-align: center;
}

.related-posts .related-post-block:nth-child(3n) {
  margin-right: 0;
}

.related-posts figure.post-thumbnail {
  margin-bottom: 15px;
}

.related-posts .related-post-title {
  font-size: 0.8em;
  font-weight: 600;
  margin: 0;
  text-align: left;
}

/*==========================
COMMENTS AREA
==========================*/

.comments-area {
  font-family: "Open sans", sans-serif;
}

.comments-area .comments-title {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.25em;
  margin-bottom: 30px;
}

.comments-area ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.comments-area ol.children {
  margin-top: 10px;
  margin-left: 75px;
}

.comment-list li.comment {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.comment-list li.comment:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.comment-list article.comment-body {
  padding-left: 75px;
  position: relative;
}

.comment-list .bypostauthor article.comment-body {
  padding-left: 105px;
}

.comment-author img {
  width: 60px;
  border-radius: 100%;
  height: 60px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
}

.bypostauthor .comment-author img {
  top: 30px;
  left: 30px;
}

.comment-author b.fn {
  display: inline-block;
  vertical-align: top;
  color: #111;
  font-weight: 700;
  font-size: 16px;
  text-transform: capitalize;
}

.comment-author b.fn span.says {
  display: none;
}

.comment-list .comment-metadata:before {
  content: "";
  background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23777" d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"></path></svg>');
  vertical-align: top;
  margin-right: 0;
  width: 15px;
  height: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 3px;
}

.comment-list .comment-metadata {
  font-size: 14px;
  color: #777;
  margin-top: 5px;
}

.comment-list .reply {
  position: absolute;
  top: 27px;
  right: 0;
  font-size: 14px;
  color: #777;
}

.comment-list .reply a.comment-reply-link:before {
  content: "";
  background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23777" d="M503.691 189.836L327.687 37.851C312.281 24.546 288 35.347 288 56.015v80.053C127.371 137.907 0 170.1 0 322.326c0 61.441 39.581 122.309 83.333 154.132 13.653 9.931 33.111-2.533 28.077-18.631C66.066 312.814 132.917 274.316 288 272.085V360c0 20.7 24.3 31.453 39.687 18.164l176.004-152c11.071-9.562 11.086-26.753 0-36.328z"></path></svg>');
  background-repeat: no-repeat;
  background-position: center;
  font-size: 11px;
  margin-right: 5px;
  width: 13px;
  height: 13px;
  display: inline-block;
}

p.comment-awaiting-moderation {
  font-size: 14px;
  font-style: italic;
  margin-bottom: 0;
  color: #06c286;
}

.comment-content {
  font-size: 14px;
}

.comment-list li:last-child .comment-content p {
  margin-bottom: 0;
}

.comment-respond {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 60px;
  padding-top: 60px;
}

.comment-respond .comment-reply-title {
  font-size: 1.25em;
  margin-top: 0;
  margin-bottom: 0px;
}

.comment-reply-title small {
  font-size: 14px;
  margin-left: 20px;
  border-radius: 40px;
  vertical-align: top;
  display: inline-block;
}

.comment-reply-title small a {
  display: inline-block;
  border-radius: 40px;
  padding: 7px 15px;
  border: 2px solid #333;
  color: #333;
}

.comment-reply-title small a:hover {
  border-color: #06c286;
  color: #06c286;
}

.comment-form p.comment-notes,
.comment-form p.logged-in-as {
  margin-top: 10px;
  font-size: 14px;
  margin-bottom: 25px;
}

.comment-respond p.comment-form-author,
.comment-respond p.comment-form-email,
.comment-respond p.comment-form-url {
  display: inline-block;
  width: 30.9%;
  margin-right: 3%;
  margin-bottom: 30px;
  margin-top: 0;
}

.comment-respond p.comment-form-url {
  margin-right: 0;
}

.comment-respond p.comment-form-comment {
  margin: 0;
}

.comment-form p label {
  display: none;
}

.comment-form input,
.comment-form textarea {
  font-family: "Open sans", sans-serif;
  font-size: 14px;
}

.comment-respond p.comment-form-comment textarea {
  height: 150px;
}

.comment-respond p.form-submit {
  margin-bottom: 0;
  margin-top: 40px;
}

.comment-form input[type="submit"] {
  font-size: 16px;
}

/*======================
WIDGET ARCHIVE
======================*/

.widget-area .widget_archive {
  background: #f8f8f8;
  border-radius: 15px;
  padding: 30px 40px;
}

.widget ul li.menu-item-has-children ul li:first-child,
.widget ul li.page_item_has_children ul li:first-child {
  margin-top: 10px;
}

/*=======================
WIDGET CALENDAR
========================*/

.widget_calendar table {
  margin-bottom: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.widget_calendar .wp-calendar-nav {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  background: #f8f8f8;
  border-radius: 0 0 10px 10px;
  font-family: Open Sans;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.widget_calendar .wp-calendar-nav span {
  display: inline-block;
  padding: 10px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
}

.widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  width: 42%;
}

.widget_calendar .wp-calendar-nav span.wp-calendar-nav-next {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  width: 42%;
}

.widget_calendar .wp-calendar-nav span a {
  color: #333;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.widget_calendar .wp-calendar-nav span a:hover {
  color: #06c286;
}

.widget_calendar table caption {
  font-weight: 600;
  background: #f8f8f8;
  padding: 10px 5px;
  color: #111111;
  border: 1px solid rgba(222, 222, 222, 0.3);
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.widget_calendar table tr th,
.widget_calendar table tr td {
  padding: 10px 5px;
}

.widget_calendar table tbody tr:last-child td {
  border-bottom: none;
}

.widget_calendar table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}

.widget_calendar table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}

.widget_calendar table tfoot tr td {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #333;
  background: #f8f8f8;
}

/*============================
WIDGET TAG CLOUD
============================*/

.widget_tag_cloud a {
  display: inline-block;
  vertical-align: middle;
  /*font-size: 14px !important;*/
  font-family: "Open sans", sans-serif;
  padding: 5px 20px;
  border: 1px solid rgba(222, 222, 222, 0.2);
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 40px;
  color: #5a5a5a;
}

.top-footer .widget_tag_cloud a {
  color: #aaa;
}

.widget_tag_cloud a:hover,
.top-footer .widget_tag_cloud a:hover {
  background: #06c286;
  border-color: #06c286;
  color: #fff;
}

/*=============================
WIDGET TEXT
==============================*/

.widget_text .textwidget {
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  line-height: 1.7;
}

.widget_text .textwidget p {
  margin-top: 20px;
  margin-bottom: 0;
}

.top-footer .widget_text .textwidget {
  color: #aaaaaa;
}

/*============================
WIDGET INSTAGRAM
============================*/

.rara_widget_instagram ul:before,
.rara_widget_instagram ul:after {
  content: "";
  display: table;
}

.rara_widget_instagram ul:after {
  clear: both;
}

.rara_widget_instagram ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.rara_widget_instagram ul li {
  float: left;
  margin: 1%;
  line-height: 0;
  border-radius: 5px;
  overflow: hidden;
  display: block;
  padding-left: 0;
}

.rara_widget_instagram ul.two-columns li {
  width: 48%;
}

.rara_widget_instagram ul.three-columns li {
  width: 31.33%;
}

.rara_widget_instagram ul.four-columns li {
  width: 23%;
}

.rara_widget_instagram ul.five-columns li {
  width: 18%;
}

.rara_widget_instagram ul li:before {
  display: none;
}

/*============================
WIDGET TWITTER FEED
============================*/

.widget_rara_readable_pro_twitter_feeds_widget ul li {
  padding-left: 0;
}

.widget_rara_readable_pro_twitter_feeds_widget ul li:before {
  display: none;
}

.widget_rara_readable_pro_twitter_feeds_widget ul li {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  margin-bottom: 20px;
}

.widget_rara_readable_pro_twitter_feeds_widget ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_rara_readable_pro_twitter_feeds_widget ul li svg {
  color: #2fc2ef;
  font-size: 16px;
  vertical-align: middle;
  margin-right: 5px;
}

.widget_rara_readable_pro_twitter_feeds_widget a.twitter_time {
  font-size: 12px;
  color: #6d6d6d;
  display: inline-block;
  font-weight: 600;
  margin-top: 8px;
}

.rara_readable_pro_recent_tweets span.actions-wrapper.tweet-actions {
  display: inline-block;
  float: right;
  margin-top: 8px;
  font-size: 12px;
}

span.actions-wrapper.tweet-actions svg {
  color: #6d6d6d;
}

span.actions-wrapper.tweet-actions a:hover svg {
  color: #4c4c4c;
}

/*===============================
WIDGET FEATURED POSTS
===============================*/

.widget_rara_readable_pro_featured_post .image-holder {
  text-align: center;
  margin-bottom: 15px;
}

.widget_rara_readable_pro_featured_post .image-holder img {
  border-radius: 10px;
}

.widget_rara_readable_pro_featured_post p {
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 0;
}

.widget_rara_readable_pro_featured_post a.readmore {
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #06c286;
  display: table;
  margin-top: 10px;
}

.widget_rara_readable_pro_featured_post a.readmore:hover {
  text-decoration: underline;
}

/*============================
WIDGET AUTHOR
============================*/

.widget.rara_readable_pro_author_widget img {
  border-radius: 10px;
}

.rara_readable_pro_author_widget h3 {
  font-size: 16px;
  color: #06c286;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 30px;
  margin-bottom: 0;
}

.rara_readable_pro_author_widget p {
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 5px;
}

.rara_readable_pro_author_widget a.rara_readbale_pro_author_link {
  font-size: 12px;
  font-family: "Open sans", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #06c286;
  display: inline-block;
}

.rara_readable_pro_author_widget a.rara_readbale_pro_author_link:hover {
  text-decoration: underline;
}

/*=============
header layouts
===========================*/

.site-header .sidebar-wrap {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  height: 100vh;
  overflow-y: auto;
  border-left: 1px solid #dedede;
  padding: 40px 5px 40px 25px;
  background: #fff;
  width: 320px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -webkit-transform: translateX(1000px);
  transform: translateX(1000px);
}

body.admin-bar .site-header .sidebar-wrap {
  top: 48px;
}

.site-header .sidebar-wrap.mCS_no_scrollbar {
  padding-right: 25px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  right: -12px;
}

.admin-bar .site-header .sidebar-wrap {
  top: 30px;
  padding-top: 50px;
}

.site-header .sidebar-wrap.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}

.site.sidebar-active {
  position: relative;
}

.site.sidebar-active .overlay {
  background: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 999;
}

.site-header .sidebar-wrap.active .toggle-button {
  display: block;
}

.site-header .sidebar-wrap button.toggle-button {
  background: none;
  border: none;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  position: fixed;
  top: 0;
  right: 20px;
  cursor: pointer;
}

.site-header .sidebar-wrap.active button.toggle-button .toggle-bar {
  background: #999;
  width: 25px;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}

.site-header .sidebar-wrap.active button.toggle-button .toggle-bar:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.site-header
  .sidebar-wrap.active
  button.toggle-button
  .toggle-bar:nth-child(2) {
  display: none;
}

.site-header
  .sidebar-wrap.active
  button.toggle-button
  .toggle-bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.site-header .sidebar-wrap.active button.toggle-button:hover .toggle-bar {
  background: #111;
}

.main-header .blog-wrapper {
  position: relative;
}

.main-header .blog-wrapper:after {
  display: block;
  content: "";
  clear: both;
}

.header-1 .main-header .sidebar-toggleButton,
.header-4 .header-t .sidebar-toggleButton {
  float: right;
  border: 2px solid #dfdfdf;
  border-radius: 50%;
  height: 42px;
  width: 42px;
  color: #06c286;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  cursor: pointer;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin-top: 20px;
  padding: 0;
}

.header-1 .main-header .sidebar-toggleButton,
.header-4 .header-t .sidebar-toggleButton {
  margin-top: 5px;
}

.header-1 .main-header .sidebar-toggleButton:hover,
.header-4 .header-t .sidebar-toggleButton:hover {
  border-color: #06c286;
  background: #06c286;
}

.sidebar-toggleButton:hover svg {
  color: #fff;
}

.header-1 .header-icon-wrap {
  float: right;
  width: 30%;
}

.header-1 .header-t ul.social-icons li a {
  width: auto;
  height: auto;
  border: 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
}

.header-1 ul.social-icons li a:hover {
  background: none;
  color: #06c286;
}

.header-1 ul.social-icons li:not(:last-child) {
  margin-right: 5px;
  margin-left: 0;
}

.header-1 .header-t ul.social-icons li:not(:last-child) {
  margin-right: 15px;
}

.header-1 .header-social {
  margin-top: 15px;
}

.header-1 .header-social,
.header-1 .header-t-search,
.header-1 .shopping-cart {
  width: auto;
  float: left;
}

.header-1 .shopping-cart,
.header-1 .header-t-search {
  border-right: 1px solid #dedede;
  padding: 16px 15px;
}

.header-1 .header-t-search {
  border-left: 1px solid #dedede;
  margin-left: 15px;
}

.header-1 .main-navigation ul.nav-menu > li:first-child > a {
  padding-left: 0;
}

.header-1 .header-t-search {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.header-1 .header-t-search .search-btn {
  cursor: pointer;
  padding: 16px 15px;
  display: inline-block;
}

.header-1 .header-t-search form.search-form {
  position: absolute;
  right: -1px;
  top: calc(100% + 1px);
  display: none;
  border: 1px solid #dedede;
  border-top: 0;
  width: 300px;
}

.header-1 .header-t-search form.search-form label[for="submit-field"] {
  display: none;
}

.header-1 .header-t-search form.search-form input.search-field {
  width: 100%;
  height: 45px;
  padding-left: 10px;
}

.header-1 nav.main-navigation {
  width: auto;
}

.header-1 .header-icon-wrap {
  width: auto;
  font-size: 16px;
}

/*header-2*/

.header-2 nav.main-navigation {
  float: right;
}

.header-2 .main-header .site-branding {
  width: 30%;
  float: left;
  padding-right: 10px;
}

.header-icon-wrap {
  font-size: 14px;
}

.header-2 ul.social-icons li a {
  width: auto;
  height: auto;
  border: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
}

.header-2 ul.social-icons li a:hover {
  background: none;
  color: #06c286;
}

.header-2 ul.social-icons li:not(:last-child) {
  margin-right: 17px;
  margin-left: 0;
}

.header-2 .right-panel {
  float: right;
}

.header-2 .header-social {
  float: left;
  margin-top: 12px;
}

.header-2 .header-t-search {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.header-2 .header-t-search .search-btn {
  cursor: pointer;
  padding: 0;
  display: inline-block;
}

.header-2 .header-t-search form.search-form {
  position: absolute;
  right: -1px;
  top: calc(100% + 1px);
  display: none;
  border: 1px solid #dedede;
  border-top: 0;
  width: 300px;
}

.header-2 .header-t-search form.search-form label[for="submit-field"] {
  display: none;
}

.header-2 .header-t-search form.search-form input.search-field {
  width: 100%;
  height: 45px;
}

.header-2 .shopping-cart,
.header-2 .header-t-search {
  width: auto;
  float: left;
  border-right: 1px solid #dedede;
}

/*.header-2 .header-t-search {
    border-left: 1px solid #dedede;
    margin-left: 15px;
    }*/

.site-header .sidebar-toggleButton {
  margin-top: 0;
  border: 0;
  width: auto;
  height: auto;
  color: #06c286;
  padding: 15px 13px;
  font-size: 16px;
  line-height: 1.2;
  display: inline-block;
  position: relative;
}

.site-header.header-2 .sidebar-toggleButton,
.site-header.header-3 .sidebar-toggleButton {
  margin-top: 10px;
}

.header-2 .sidebar-toggleButton:hover {
  background: none;
}

.sidebar-toggleButton span {
  display: block;
  width: 15px;
  height: 2px;
  background: #06c286;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.sidebar-toggleButton span:first-child {
  top: -10px;
}

.sidebar-toggleButton span:last-child {
  top: 10px;
}

.sidebar-toggleButton:hover span {
  background: #fff;
}

.header-2 .sidebar-toggleButton:hover span,
.header-3 .sidebar-toggleButton:hover span {
  background: #06c286;
}

.header-2 .right-panel {
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
}

.header-2 .shopping-cart,
.header-2 .header-t-search .search-btn {
  padding: 14px 15px;
}

.header-2 nav.main-navigation {
  width: 70%;
  float: right;
  text-align: right;
}

.header-2 nav.main-navigation ul ul {
  text-align: left;
}

.header-2 .main-navigation ul li:last-child a {
  padding-right: 0;
}

/*header-3*/

.header-3 nav.main-navigation {
  float: none;
  width: 100%;
  text-align: center;
}

.header-3 nav.main-navigation ul ul {
  text-align: left;
}

.header-3 nav.main-navigation ul.nav-menu > li > a {
  padding-bottom: 0;
}

.header-3 .main-header .site-branding {
  width: 100%;
  float: none;
  text-align: center;
  padding-bottom: 10px;
}

.header-3 ul.social-icons li a {
  width: auto;
  height: auto;
  border: 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
}

.header-3 ul.social-icons li a:hover {
  background: none;
  color: #06c286;
}

.header-3 ul.social-icons li:not(:last-child) {
  margin-right: 17px;
  margin-left: 0;
}

.header-3 .right-panel {
  float: right;
}

.header-3 .header-social {
  float: left;
  margin-top: 12px;
}

.header-3 .header-t-search {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.header-3 .header-t-search .search-btn {
  cursor: pointer;
  padding: 0;
  display: inline-block;
}

.header-3 .header-t-search form.search-form {
  position: absolute;
  right: -1px;
  top: calc(100% + 1px);
  display: none;
  border: 1px solid #dedede;
  border-top: 0;
  width: 300px;
}

.header-3 .header-t-search form.search-form label[for="submit-field"] {
  display: none;
}

.header-3 .header-t-search form.search-form input.search-field {
  width: 100%;
  height: 45px;
}

.header-3 .shopping-cart,
.header-3 .header-t-search {
  width: auto;
  float: left;
  border-right: 1px solid #dedede;
}

/*.header-3 .header-t-search {
    border-left: 1px solid #dedede;
    margin-left: 15px;
    }*/

.header-3 .sidebar-toggleButton:hover {
  background: none;
}

.header-3 .sidebar-toggleButton:hover svg {
  color: #06c286;
}

.header-3 .right-panel {
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
}

.header-3 .shopping-cart,
.header-3 .header-t-search .search-btn {
  padding: 14px 15px;
}

/*header-4*/

.header-4 nav.main-navigation {
  float: none;
  width: 100%;
  text-align: center;
}

.header-4 nav.main-navigation ul ul {
  text-align: left;
}

.header-4 nav.main-navigation ul a,
.header-4 .main-navigation ul.nav-menu > li:first-child > a {
  padding: 15px 18px;
}

.header-4 nav.main-navigation ul a {
  color: #fff;
}

.header-4 nav.main-navigation ul a:hover {
  color: #111111;
}

.header-4 .main-navigation ul li ul {
  background: #44d1a4;
}

.header-4 .main-header .site-branding {
  width: 100%;
  float: none;
  text-align: center;
}

.header-4 ul.social-icons li a {
  width: auto;
  height: auto;
  border: 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
}

.header-4 ul.social-icons li a:hover {
  background: none;
  color: #06c286;
}

.header-4 ul.social-icons li:not(:last-child) {
  margin-right: 17px;
  margin-left: 0;
}

.header-4 .right-panel {
  float: right;
}

.header-4 .header-social {
  float: left;
}

.header-4 .header-t-search {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.header-4 .header-t-search .search-btn {
  cursor: pointer;
  padding: 0;
  display: inline-block;
}

.header-4 .header-t-search form.search-form {
  position: absolute;
  right: -1px;
  top: 100%;
  display: none;
  border: 1px solid #dedede;
  width: 300px;
  z-index: 20;
}

.header-4 .header-t-search form.search-form label[for="submit-field"] {
  display: none;
}

.header-4 .header-t-search form.search-form input.search-field {
  width: 100%;
  height: 45px;
  background: #fff;
}

.header-4 .shopping-cart,
.header-4 .header-t-search {
  width: auto;
  float: left;
  border-right: 0;
}

.header-4 .header-t-search {
  border-left: 0;
  margin-left: 15px;
  margin-top: 0;
}

.header-4 .header-t .sidebar-toggleButton {
  margin-top: 3px;
  margin-left: 10px;
  font-size: 16px;
}

.header-4 .shopping-cart,
.header-4 .header-t-search .search-btn {
  padding: 14px 15px;
}

.header-4 .main-header {
  background: #44d1a4;
  padding: 0;
  margin-bottom: 65px;
}

.header-4.sticky-menu .main-header {
  margin-bottom: 0;
}

.header-4 .header-icon-wrap {
  padding: 22px 0;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-grid-columns: 1fr 2fr 1fr;
  grid-template-columns: 1fr 2fr 1fr;
  grid-column-gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-4 .col:after {
  display: block;
  content: "";
  clear: both;
}

.header-4 .site-branding {
  text-align: center;
  width: 100%;
}

/*blog post formats*/

#primary article blockquote cite {
  font-size: 16px;
  line-height: 20px;
  font-style: normal;
  color: #777777;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  padding-left: 8px;
  position: relative;
}

#primary article blockquote cite:before {
  width: 4px;
  margin-right: 10px;
  height: 2px;
  content: "";
  display: block;
  background: #777777;
  position: absolute;
  top: 11px;
  left: 0;
}

#primary article.format-quote .quote-wrap blockquote {
  background: none;
  border: 1px solid #ebebeb;
  border-radius: 11px;
  text-align: center;
  font-size: 25px;
  line-height: 36px;
  padding: 115px 69px 58px;
}

#primary article.format-quote .quote-wrap blockquote::before {
  height: 33px;
  width: 42px;
  background-image: url(images/quote2.png);
  position: absolute;
  top: 55px;
  left: calc(50% - 21px);
}

#primary .post.format-aside .entry-title,
#primary .post.format-status .entry-title {
  display: none;
}

.grid-view #primary .masonry-col-3 {
  margin: 0 -2%;
}

.grid-view #primary .masonry-col-3:after {
  display: block;
  content: "";
  clear: both;
}

.grid-view #primary .masonry-col-3 .post {
  width: 33.33%;
  padding: 0 2%;
  margin-right: 0;
}

.grid-view #primary .masonry-col-3 .post {
  margin-bottom: 50px;
}

.masonry-col-3 figure.post-thumbnail {
  position: relative;
  padding-top: 52.25%;
  height: 0;
  display: block;
  background: #f5f5f5;
}

.masonry-col-3 figure.post-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*single post layouts*/

.single-template1 .site-content .top-block .text .entry-title {
  color: #fff;
  font-size: 40px;
  line-height: 45px;
}

.single-template1 .site-content .top-block .text .byline img {
  max-width: 30px;
}

.single-template1 .site-content .top-block .text .entry-meta > span,
.single-template1 .site-content .top-block .text .entry-meta > span a {
  color: #fff;
}

.single-template1 .site-content .top-block .text .entry-meta span a:hover {
  opacity: 0.8;
}

.single-template1 .site-content .top-block .text #crumbs {
  text-align: center;
  margin-bottom: 0;
  text-align: center;
}

.single-template1 .site-content .top-block .breadcrumb {
  margin-bottom: 5px;
}

.single-template1 .site-content .top-block .text #crumbs a,
.single-template1 .site-content .top-block .text #crumbs {
  color: #fff;
}

.single-template1 .site-content .top-block .text #crumbs .separator {
  color: #fff;
}

.single-template1 .site-content .top-block .text #crumbs .current {
  color: #fff;
}

.single-template1 .site-content .top-block .text #crumbs a:hover {
  opacity: 0.8;
}

.single-template1 .site-content article :after {
  display: block;
  content: "";
  clear: both;
}

.single-template1 .site-content article .left-panel {
  float: left;
  width: 42px;
  margin-right: 35px;
}

.single-template1 .site-content article .article-content {
  overflow: hidden;
  width: auto;
  padding-bottom: 50px;
}

.single-template1 .site-content article .social-share {
  position: unset;
  margin: 0;
  padding: 0;
  visibility: visible;
  opacity: 1;
  display: block;
  font-size: 18px;
  line-height: 22px;
  right: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.single-template1 .site-content article .social-share li {
  display: block;
  width: auto;
  float: none;
  height: auto;
  margin-bottom: 10px;
}

.single-template1 .site-content article .social-share a {
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: block;
  color: #5a5a5a;
  padding: 10px 0;
}

.single-template1 .site-content article .social-share li a svg {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.single-template1 .site-content article .social-share li a:hover svg {
  color: #06c286;
}

/*.single-template2*/

.single-template1 .site-content .top-block,
.single-template2 .site-content .top-block {
  margin-bottom: 80px;
  position: relative;
  min-height: 650px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  flex: 1;
  align-items: flex-end;
}

.single-template1 .site-content .top-block {
  align-items: center;
}

.single-template1 .site-content .top-block .wp-custom-header img,
.single-template1 .site-content .top-block > img,
.single-template2 .site-content .top-block .wp-custom-header img,
.single-template2 .site-content .top-block > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-template1 .site-content .top-block:after,
.single-template2 .site-content .top-block:after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}

.single-template1 .site-content .top-block .text-wrap,
.single-template2 .site-content .top-block .text-wrap {
  position: relative;
  width: 100%;
  z-index: 10;
}

.single-template1 .site-content .top-block .text-wrap {
  text-align: center;
}

.single-template2 .site-content .top-block .text {
  /*max-width: 615px;
        margin: 0 auto;*/
}

.single-template2 .site-content .top-block .text .entry-title {
  color: #fff;
  font-size: 40px;
  line-height: 45px;
}

.single-template2 .site-content .top-block .text .byline img {
  max-width: 30px;
}

.single-template2 .site-content .top-block .text .entry-meta > span,
.single-template2 .site-content .top-block .text .entry-meta > span a {
  color: #fff;
}

.single-template2 .site-content .top-block .text .entry-meta span a:hover {
  opacity: 0.8;
}

.single-template2 #crumbs {
  margin-bottom: 30px;
  color: #000;
}

.single-template2 #crumbs a,
.single-template2 #crumbs .separator {
  color: #777777;
}

.single-template2 #crumbs a:hover {
  /*opacity: 0.8;*/
}

/*.single-template2 .site-content article :after {
    display: block;
    content: '';
    clear: both;
    }*/

.single-template2 .site-content article .left-panel {
  float: left;
  width: 42px;
  margin-right: 35px;
}

.single-template2 .site-content article .article-content {
  overflow: hidden;
  width: auto;
  padding-bottom: 50px;
}

.single-template2 .site-content article .social-share {
  position: unset;
  margin: 0;
  padding: 0;
  visibility: visible;
  opacity: 1;
  display: block;
  font-size: 18px;
  line-height: 22px;
  right: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.single-template2 .site-content article .social-share li {
  display: block;
  width: auto;
  float: none;
  height: auto;
  margin-bottom: 10px;
}

.single-template2 .site-content article .social-share a {
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: block;
  color: #5a5a5a;
  padding: 10px 0;
}

.single-template2 .site-content article .social-share li a svg {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.single-template2 .site-content article .social-share li a:hover svg {
  color: #06c286;
}

.single-template1 .site-content article .left-panel,
.single-template2 .site-content article .left-panel {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 10px;
}

/*added css*/

.header-1 .toggle-button {
  display: none;
}

.header-1 .sidebar-wrap.active .toggle-button {
  display: block;
}

.header-1 .menu-anchor,
.header-2 .menu-anchor,
.header-3 .menu-anchor,
.header-4 .menu-anchor {
  display: none;
  width: 100%;
  text-align: center;
}

.header-1 .menu-anchor .toggle-button,
.header-2 .menu-anchor .toggle-button,
.header-3 .menu-anchor .toggle-button,
.header-4 .menu-anchor .toggle-button {
  width: auto;
  height: auto;
  border: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  margin-left: 0;
}

.menu-anchor .toggle-button .bar {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 2px;
  background: #333;
  box-shadow: 0 5px #333, 0 -5px #333;
  position: relative;
  top: -2px;
  margin-right: 10px;
}

.menu-anchor .toggle-button:hover .bar {
  background: #06c286;
  box-shadow: 0 5px #06c286, 0 -5px #06c286;
}

.header-1 .menu-anchor .toggle-button:hover,
.header-2 .menu-anchor .toggle-button:hover,
.header-3 .menu-anchor .toggle-button:hover,
.header-4 .menu-anchor .toggle-button:hover {
  background: none;
  color: #06c286;
}

/*=============================
WIDGET RARA RECENT POST
=============================*/

.widget_rara_readable_pro_recent_post ul li {
  padding-left: 0;
  margin-bottom: 30px;
}

.widget_rara_readable_pro_recent_post ul li:last-child {
  margin-bottom: 0;
}

.widget_rara_readable_pro_recent_post ul li:before {
  display: none;
}

.widget_rara_readable_pro_recent_post .entry-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}

.widget_rara_readable_pro_recent_post .entry-title a {
  color: #aaa;
}

.widget_rara_readable_pro_recent_post .entry-meta > span {
  margin-top: 10px;
  font-weight: 600;
  font-size: 13px;
}

.widget_rara_readable_pro_recent_post a.post-thumbnail {
  display: inline-block;
  margin-bottom: 20px;
  border-radius: 11px;
  overflow: hidden;
}

/*============================
WIDGET RARA SOCIAL ICONS
============================*/
.sidebar-wrap .widget:last-child {
  margin-bottom: 30px;
}

.widget.widget_rara_readable_pro_social_links ul.social-icons li {
  margin: 0;
  padding: 3px 1px;
}

.widget_rara_readable_pro_social_links ul.social-icons li a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
}

/*============================
RESPONSIVE STYLESHEET
============================*/

@media screen and (max-width: 1410px) {
  body.custom-background .site,
  .custom-background .sticky-menu,
  body.pattern-bg .site,
  body.pattern-bg .sticky-menu {
    width: 1200px;
  }
}

@media screen and (max-width: 1210px) {
  body.custom-background .site,
  .custom-background .sticky-menu,
  body.pattern-bg .site,
  body.pattern-bg .sticky-menu {
    width: 95%;
  }
}

@media screen and (max-width: 1180px) {
  .blog-wrapper,
  .nosidebar.three-col-grid .site-content .blog-wrapper {
    width: 100%;
  }

  .blog-wrapper {
    padding-left: 3%;
    padding-right: 3%;
  }

  .nosidebar .site-content .blog-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .list-view figure.post-thumbnail,
  .search-result figure.post-thumbnail,
  .list-view .format-video .blog_post_video,
  .list-view .format-audio .blog_post_audio {
    width: 30%;
  }

  .list-view article.post .article-content,
  .search-result article .article-content {
    width: 69%;
    padding-left: 30px;
  }
}

@media screen and (max-width: 1096px) {
  nav.main-navigation {
    width: 75%;
  }

  .main-navigation ul li a {
    padding-left: 15px;
    padding-right: 15px;
  }

  .custom-background .main-navigation ul li a,
  body.pattern-bg .main-navigation ul li a {
    padding-left: 12px;
    padding-right: 12px;
  }

  .header-t-search {
    width: 25%;
  }

  form.search-form input.search-field {
    width: calc(100% - 40px);
  }

  form.search-form label[for="submit-field"] {
    width: 40px;
  }

  .list-view .entry-meta > span,
  .search-result .entry-meta > span {
    margin-right: 10px;
  }

  body:not(.list-view) .article-share {
    float: right;
  }

  body:not(.list-view).default-layout .article-share,
  body:not(.list-view).classic .article-share,
  body:not(.list-view).grid-with-feat-post .featured-post .article-share {
    float: none;
  }

  .article-share.share-active svg.fa-share {
    opacity: 1;
    visibility: visible;
  }

  .article-share ul.social-icons {
    top: auto;
    right: 0;
    left: auto;
    white-space: normal;
    bottom: 120%;
    background: #fff;
    -webkit-transform-origin: right;
    transform-origin: right;
    width: 220px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 10px;
  }

  .default-layout .article-share ul.social-icons,
  .classic .article-share ul.social-icons,
  .grid-with-feat-post .featured-post .article-share ul.social-icons {
    left: 0;
    right: auto;
    -webkit-transform-origin: left;
    transform-origin: left;
  }

  .article-share.share-active ul.social-icons {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  .article-share ul.social-icons li {
    margin-bottom: 5px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }

  .default-layout .article-share ul.social-icons li,
  .classic .article-share ul.social-icons li,
  .grid-with-feat-post .featured-post .article-share ul.social-icons li {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
  }

  .article-share.share-active ul.social-icons li,
  .grid-with-feat-post
    .featured-post
    .article-share.share-active
    ul.social-icons
    li {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
}

@media screen and (max-width: 980px) {
  .nosidebar .site-content .blog-wrapper {
    width: 97%;
  }

  .main-navigation ul.nav-menu > li:last-child ul {
    left: auto;
    right: 0;
  }

  .main-navigation ul.nav-menu > li:last-child ul li ul {
    right: 100%;
  }

  .main-navigation ul li {
    font-size: 16px;
  }

  .custom-background .main-navigation ul li,
  body.pattern-bg .main-navigation ul li {
    font-size: 14px;
  }

  .entry-meta > span {
    margin-right: 10px;
  }

  .list-view .article-share ul.social-icons li {
    margin-left: 0;
    margin-bottom: 5px;
  }

  .custom-background ul.social-icons li a,
  body.pattern-bg ul.social-icons li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }

  .comment-respond p.comment-form-author,
  .comment-respond p.comment-form-email,
  .comment-respond p.comment-form-url {
    width: 30.6%;
  }
}

@media screen and (max-width: 800px) {
  .rightsidebar #primary,
  .leftsidebar #primary {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    float: none;
  }

  .rightsidebar #secondary,
  .leftsidebar #secondary {
    float: none;
    width: 100%;
    margin-bottom: 70px;
  }

  a.bttn {
    padding-left: 25px;
    padding-right: 25px;
  }

  .site {
    position: relative;
    left: 0;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
  }

  .site.toggle-active {
    background: #eee;
    left: -50%;
  }

  .site::before {
    content: "";
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
  }

  .site.toggle-active:before {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .header-1 .header-t {
    display: none;
  }

  .header-1 .header-t {
    border-bottom: none;
    position: fixed;
    background: #fff;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    overflow-y: auto;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
  }

  .admin-bar .header-1 .header-t {
    padding-top: 32px;
  }

  .toggle-active .header-1.header-t {
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
  }

  .header-t .blog-wrapper {
    padding-left: 0;
    padding-right: 0;
    margin: 60px 0 30px 0;
  }

  nav.main-navigation,
  .header-t-search {
    float: none;
    width: 100%;
  }

  .admin-bar nav.main-navigation {
    padding-top: 100px;
  }

  .header-t-search {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 30px;
  }

  .toggle-active button.toggle-button {
    background: none;
    border: none;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }

  .admin-bar button.toggle-button {
    top: 45px;
  }

  .toggle-active button.toggle-button .toggle-bar {
    background: #999;
    width: 25px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
  }

  .toggle-active button.toggle-button .toggle-bar:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .toggle-active button.toggle-button .toggle-bar:nth-child(2) {
    display: none;
  }

  .toggle-active button.toggle-button .toggle-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .toggle-active button.toggle-button:hover .toggle-bar {
    background: #111;
  }

  .main-header .toggle-button {
    margin-left: 3px;
    display: inline-block;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    text-align: center;
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
  }

  .main-header .toggle-button:hover {
    background: #06c286;
    border-color: #06c286;
    color: #fff;
  }

  .main-navigation ul li {
    display: block;
    font-size: 18px;
  }

  .main-navigation ul li a {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
  }

  .main-navigation ul.nav-menu > li:first-child > a {
    padding-left: 25px;
  }

  .main-navigation ul li ul {
    background: rgba(0, 0, 0, 0.03);
    position: static;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
  }

  .main-navigation ul li.menu-item-has-children .submenu-toggle {
    position: absolute;
    top: 13px;
    right: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 11px;
    color: #979797;
    cursor: pointer;
    z-index: 1;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
  }

  .main-navigation ul li.menu-item-has-children svg:hover {
    color: #111111;
  }

  .header-t-search form.search-form {
    border: 2px solid #ebebeb;
    border-radius: 10px;
  }

  form.search-form input.search-field {
    width: calc(100% - 60px);
  }

  form.search-form label[for="submit-field"] {
    width: 60px;
  }

  ul.social-icons li {
    margin-left: 3px;
  }

  .main-header .site-branding {
    width: 35%;
  }

  .main-header .header-social {
    width: 64%;
  }

  .header-social ul.social-icons {
    display: inline-block;
    vertical-align: middle;
  }

  .entry-meta > span {
    margin-right: 20px;
    margin-bottom: 5px;
  }

  .category .fa + span {
    display: none;
  }

  .site.toggle-active {
    background: #eee;
    left: 50%;
  }

  .site::before {
    content: "";
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    z-index: 999;
  }

  .site.toggle-active:before,
  .site.sidebar-active:before {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .header-t .blog-wrapper {
    padding-left: 0;
    padding-right: 0;
    margin: 60px 0 30px 0;
  }

  nav.main-navigation,
  .header-t-search {
    float: none;
    width: 100%;
  }

  .header-t-search {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 30px;
  }

  .main-header .toggle-button {
    margin-left: 3px;
    display: inline-block;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    text-align: center;
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
  }

  .main-header .toggle-button:hover {
    background: #06c286;
    border-color: #06c286;
    color: #fff;
  }

  .site-header .sidebar-wrap button.toggle-button:hover {
    background: none;
    border-color: transparent;
  }

  .main-navigation ul li {
    display: block;
    font-size: 18px;
  }

  .main-navigation ul li a {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
  }

  .main-navigation ul.nav-menu > li:first-child > a {
    padding-left: 25px;
  }

  .main-navigation ul li ul {
    background: rgba(0, 0, 0, 0.03);
    position: static;
    width: 100%;
    opacity: 1;
    margin-left: 0;
    visibility: visible;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
  }

  .main-navigation ul li.menu-item-has-children .submenu-toggle {
    position: absolute;
    top: 13px;
    right: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 11px;
    color: #979797;
    cursor: pointer;
    z-index: 1;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
  }

  .main-navigation ul li.menu-item-has-children svg:hover {
    color: #111111;
  }

  .header-t-search form.search-form {
    border: 2px solid #ebebeb;
    border-radius: 10px;
  }

  form.search-form input.search-field {
    width: calc(100% - 60px);
  }

  form.search-form label[for="submit-field"] {
    width: 60px;
  }

  .main-header .site-branding {
    width: 35%;
  }

  .main-header .header-social {
    width: 64%;
  }

  .header-social ul.social-icons {
    display: inline-block;
    vertical-align: middle;
  }

  .entry-meta > span {
    margin-right: 20px;
    margin-bottom: 5px;
  }

  .category .fa + span {
    display: none;
  }

  .grid-view #primary .masonry-col-3 .post {
    width: 50%;
  }

  .header-1 .toggle-button,
  .header-1 .menu-anchor,
  .header-2 .menu-anchor,
  .header-3 .menu-anchor,
  .header-4 .menu-anchor {
    display: inline-block;
  }

  .header-1 .sidebar-toggleButton {
    margin-top: 0;
  }

  .header-1 .main-header {
    padding: 25px 0;
  }

  .header-1 .main-navigation ul.nav-menu > li:first-child > a {
    padding: 15px 14px;
  }

  .header-1 .header-social,
  .header-1 .header-t-search,
  .header-1 .shopping-cart {
    float: none;
    display: inline-block;
    text-align: center;
    margin-top: 0;
  }

  .header-1 .header-icon-wrap {
    width: 100%;
    float: none;
    padding: 0 15px;
    text-align: center;
  }

  .header-1 .header-t-search .search-btn {
    padding: 0;
    margin-left: 10px;
  }

  .header-1 .header-t-search {
    margin: 0;
    border: 0;
    width: 100%;
  }

  .header-1 .shopping-cart,
  .header-1 .header-t-search {
    border: 0;
    margin-bottom: 15px;
  }

  .header-1 .header-social ul.social-icons {
    margin-bottom: 20px;
  }

  .header-1 .header-t-search form.search-form {
    width: 100%;
  }

  .header-1 .header-t-search form.search-form {
    display: block;
    position: unset;
  }

  .header-1 .header-t-search .search-btn {
    display: none;
  }

  .header-1 .shopping-cart {
    display: none;
  }

  .header-1 .header-t-search form.search-form {
    position: unset;
    display: block !important;
  }

  .header-1 .header-t-search form.search-form label[for="submit-field"] {
    display: block;
    max-width: 20px;
    height: auto;
    height: 60px;
  }

  .header-1 .header-t-search form.search-form input.search-field {
    width: calc(100% - 40px);
    height: 60px;
  }

  .header-1 .header-t-search form.search-form {
    border: 1px solid #dedede;
  }

  .header-1 .header-t,
  .header-1 .header-t,
  .header-2 .main-navigation,
  .header-3 .main-navigation,
  .header-4 .main-navigation {
    border-bottom: none;
    position: fixed;
    background: #fff;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow-y: auto;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all ease 0.35s;
    transition: all ease 0.35s;
  }

  .toggle-active .header-1 .header-t,
  .toggle-active .header-1 .header-t,
  .toggle-active .header-2 .main-navigation,
  .toggle-active .header-3 .main-navigation,
  .toggle-active .header-4 .main-navigation {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .header-2 .main-navigation,
  .header-3 .main-navigation,
  .header-4 .main-navigation {
    padding-top: 50px;
  }

  .header-2 .main-header .main-navigation .toggle-button:hover,
  .header-3 .main-header .main-navigation .toggle-button:hover,
  .header-4 .main-header .main-navigation .toggle-button:hover {
    background: none;
  }

  .header-2 .menu-anchor {
    float: right;
    max-width: 85px;
  }

  .header-2 .main-header .site-branding {
    width: calc(100% - 85px);
  }

  .header-2 .header-t .blog-wrapper,
  .header-3 .header-t .blog-wrapper,
  .header-4 .header-t .blog-wrapper {
    margin: 0;
    padding: 0 15px;
  }

  .header-2 .header-t-search,
  .header-3 .header-t-search {
    margin-top: 0;
  }

  .header-3 nav.main-navigation,
  .header-4 nav.main-navigation {
    width: 50%;
    text-align: left;
  }

  .header-4 .menu-anchor {
    padding: 15px 0;
  }

  .header-4 .menu-anchor .toggle-button {
    color: #fff;
  }

  .header-4 nav.main-navigation ul a {
    color: #979797;
  }

  .header-4 nav.main-navigation ul a:hover,
  .header-4 nav.main-navigation ul li.current-menu-item a {
    color: #111;
  }

  .header-2 .main-header .site-branding {
    text-align: left;
  }

  .header-2 .site-branding .site-logo {
    margin: 0;
  }

  .header-2 .header-t-search form.search-form,
  .header-3 .header-t-search form.search-form,
  .header-4 .header-t-search form.search-form {
    border-radius: 0;
  }

  .header-4 .main-navigation ul li ul {
    background: rgba(0, 0, 0, 0.03);
  }

  .header-1 nav.main-navigation {
    text-align: left;
    width: 100%;
  }

  /*======================
        RESPONSIVE NAVIGATION
        =========================*/
  .mobile-responsive {
    display: block;
    position: relative;
  }

  .mobile-responsive .menu-anchor {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    font-family: "Open sans", sans-serif;
    color: #000;
  }

  .mobile-responsive .menu-anchor span.toggle-button {
    text-transform: none;
    font-size: 20px;
  }

  header[class*="header-"] .mobile-responsive .menu-anchor .bar {
    margin-right: 10px;
    font-size: 21px;
  }

  .mobile-responsive .mobile-menu-wrap {
    background: #fff;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    text-align: center;
  }

  .mobile-responsive nav.main-navigation {
    padding-top: 20px;
  }

  header[class*="header-"] .mobile-responsive nav.main-navigation {
    text-align: center;
    margin-bottom: 30px;
  }

  .mobile-responsive .main-navigation ul li {
    font-size: 18px;
  }

  .mobile-responsive .main-navigation ul li a {
    width: auto;
    position: relative;
  }

  .mobile-responsive
    .main-navigation
    ul
    li.menu-item-has-children
    .submenu-toggle {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: 20px;
    font-size: 20px;
    right: 20px;
    z-index: 9;
    transition: 0.3s all ease;
  }

  .mobile-responsive
    .main-navigation
    ul
    li.menu-item-has-children
    > .submenu-toggle.active {
    transform: rotate(180deg);
  }

  .mobile-responsive
    .main-navigation
    ul
    ul
    li.menu-item-has-children
    .submenu-toggle {
    top: 15px;
  }

  header[class*="header-"] .mobile-responsive .header-t-search {
    padding-left: 30px;
    padding-right: 30px;
  }

  header[class*="header-"] .mobile-responsive form.search-form {
    border-width: 2px;
    padding-left: 10px;
    padding-right: 5px;
  }

  header[class*="header-"]
    .mobile-responsive
    form.search-form
    input.search-field {
    height: 50px;
    width: calc(100% - 40px);
  }

  header[class*="header-"]
    .mobile-responsive
    form.search-form
    label[for="submit-field"] {
    max-width: inherit;
    width: 40px;
    height: 50px;
    text-align: center;
    line-height: 50px;
  }

  header[class*="header-"]
    .mobile-responsive
    form.search-form
    input.search-submit {
    width: 40px;
  }

  /*header[class*="header-"] .mobile-responsive ul.social-icons {
            margin-bottom: 40px;
            }*/
  header[class*="header-"] .mobile-responsive .header-social ul li {
    margin-bottom: 5px;
  }

  header[class*="header-"]
    .mobile-responsive
    .header-social
    ul
    li:not(:last-child) {
    margin-right: 5px;
  }

  header[class*="header-"] .mobile-responsive .header-social a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    font-size: 18px;
  }

  header[class*="header-"] .mobile-responsive .header-social a:hover {
    background: #06c286;
    border-color: #06c286;
    color: #fff;
  }

  /*===================================
        RESPONSIVE HEADER FOR HEADER TWO AND THREE
        ===================================*/
  .header-2 .header-t .header-social,
  .header-2 .header-t .header-t-search,
  .header-2 .header-t .shopping-cart,
  .header-3 .header-t .header-social,
  .header-3 .header-t .header-t-search,
  .header-3 .header-t .shopping-cart,
  .header-4 .header-icon-wrap .col:first-child,
  .header-4 .header-t .header-t-search,
  .header-4 .header-t .shopping-cart {
    display: none;
  }

  .header-4 .header-t .col:last-child {
    width: 50px;
  }

  .header-4 .header-t .col {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 55px);
  }

  .header-3 .main-header .site-branding {
    text-align: left;
    padding-bottom: 0;
  }

  .header-4 .site-branding {
    text-align: left;
  }

  header.site-header.header-2,
  header.site-header.header-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .header-2 .mobile-responsive,
  .header-3 .mobile-responsive {
    grid-column: 1 / span 3;
  }

  .header-2 .mobile-responsive .menu-anchor,
  .header-3 .mobile-responsive .menu-anchor {
    display: block;
    max-width: inherit;
  }

  .header-2 .header-t,
  .header-3 .header-t {
    grid-column: 3 / span 1;
    border-bottom: none;
    padding: 20px 15px 30px 0;
    align-self: center;
  }

  .header-2 .right-panel,
  .header-3 .right-panel {
    border-right: none;
    border-left: none;
  }

  .header-2 .header-t .blog-wrapper,
  .header-2 .main-header .blog-wrapper,
  .header-3 .header-t .blog-wrapper,
  .header-3 .main-header .blog-wrapper {
    width: auto;
    padding: 0;
  }

  .header-2 .main-header,
  .header-3 .main-header {
    grid-column: 1 / span 2;
    padding: 20px 0 30px 15px;
    grid-row: 2;
  }

  .header-2 .main-header .site-branding,
  .header-3 .main-header .site-branding {
    width: 100%;
    margin-bottom: 0;
  }

  .header-2 .main-header nav.main-navigation,
  .header-3 .main-header nav.main-navigation {
    display: none;
  }

  .header-2 .mobile-responsive nav.main-navigation,
  .header-3 .mobile-responsive nav.main-navigation,
  .header-4 .mobile-responsive nav.main-navigation {
    float: none;
    width: 100%;
    position: static;
    visibility: visible;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    background: none;
    box-shadow: none;
    height: auto;
  }

  .header-2 .mobile-responsive .header-social,
  .header-2 .mobile-responsive .shopping-cart,
  .header-2 .mobile-responsive .header-t-search,
  .header-3 .mobile-responsive .header-social,
  .header-3 .mobile-responsive .shopping-cart,
  .header-3 .mobile-responsive .header-t-search {
    float: none;
  }

  .header-2 .mobile-responsive .header-social,
  .header-3 .mobile-responsive .header-social,
  .header-4 .mobile-responsive .header-social {
    float: none;
    display: inline-block;
    vertical-align: middle;
    /*width: calc(100% - 55px);*/
    margin-top: 0;
  }

  header.header-2 .mobile-responsive ul.social-icons,
  header.header-3 .mobile-responsive ul.social-icons,
  header.header-4 .mobile-responsive ul.social-icons,
  .header-4 .mobile-responsive .header-social {
    margin-bottom: 0;
  }

  .header-2 .mobile-responsive .shopping-cart,
  .header-3 .mobile-responsive .shopping-cart,
  .header-4 .mobile-responsive .shopping-cart {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    padding: 0;
    border-radius: 100%;
    font-size: 18px;
    margin-bottom: 5px;
  }

  .header-2 .mobile-responsive .header-t-search,
  .header-3 .mobile-responsive .header-t-search,
  .header-4 .mobile-responsive .header-t-search {
    margin-left: 0;
    border-left: none;
    border-right: none;
    margin-bottom: 40px;
  }

  .header-4 .mobile-responsive .header-t-search,
  .header-4 .mobile-responsive .shopping-cart {
    float: none;
  }

  .header-2 .mobile-responsive .header-t-search .search-btn,
  .header-3 .mobile-responsive .header-t-search .search-btn,
  .header-4 .mobile-responsive .header-t-search .search-btn {
    display: none;
  }

  .header-2 .mobile-responsive .header-t-search form.search-form,
  .header-3 .mobile-responsive .header-t-search form.search-form,
  .header-4 .mobile-responsive .header-t-search form.search-form {
    position: static;
    display: block !important;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }

  .header-2
    .mobile-responsive
    .header-t-search
    form.search-form
    label[for="submit-field"],
  .header-3
    .mobile-responsive
    .header-t-search
    form.search-form
    label[for="submit-field"],
  .header-4
    .mobile-responsive
    .header-t-search
    form.search-form
    label[for="submit-field"] {
    display: block;
  }

  .header-3 .mobile-responsive nav.main-navigation ul.nav-menu > li > a {
    padding-bottom: 14px;
  }

  .header-3 .mobile-responsive nav.main-navigation ul ul {
    text-align: center;
  }

  .header-4 .mobile-responsive .menu-anchor .toggle-button {
    color: #000;
  }

  .header-4 .mobile-responsive nav.main-navigation ul ul a {
    color: #fff;
    text-align: center;
  }

  .header-4
    .mobile-responsive
    .main-navigation
    ul
    ul
    li.menu-item-has-children
    svg {
    color: #fff;
  }
}

@media screen and (max-width: 768px) {
  .main-header .toggle-button {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
  }

  ul.social-icons li a {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
  }

  .article-share ul.social-icons li a {
    font-size: 16px;
  }

  table {
    font-size: 14px;
  }

  .single .article-share {
    width: 100%;
    padding-right: 0;
    margin-bottom: 40px;
  }

  .single .tag-group {
    width: 100%;
  }

  .error404 figure.error-404-img {
    width: 30%;
  }

  .error404 .page-content {
    width: 69%;
    padding-left: 30px;
  }

  .three-col-grid .article-share ul.social-icons {
    width: 190px;
  }

  .default-layout .article-share.share-active svg.fa-share,
  .classic .article-share.share-active svg.fa-share,
  .grid-with-feat-post .featured-post .article-share.share-active svg.fa-share {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  body:not(.list-view).default-layout .article-share,
  body:not(.list-view).classic .article-share,
  body:not(.list-view).grid-with-feat-post .featured-post .article-share {
    float: right;
  }

  .default-layout .article-share ul.social-icons,
  .classic .article-share ul.social-icons,
  .grid-with-feat-post .featured-post .article-share ul.social-icons {
    width: 260px;
    white-space: normal;
    bottom: 120%;
    top: auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 10px;
  }

  .default-layout .article-share ul.social-icons,
  .classic .article-share ul.social-icons,
  .grid-with-feat-post .featured-post .article-share ul.social-icons {
    left: auto;
    right: 0;
    -webkit-transform-origin: right;
    transform-origin: right;
  }

  .default-layout .article-share ul.social-icons li,
  .classic .article-share ul.social-icons li,
  .grid-with-feat-post .featured-post .article-share ul.social-icons li {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }

  .default-layout .article-share.share-active ul.social-icons li,
  .classic .article-share.share-active ul.social-icons li,
  .grid-with-feat-post
    .featured-post
    .article-share.share-active
    ul.social-icons
    li {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  .single-template1 .site-content .top-block,
  .single-template2 .site-content .top-block {
    margin-bottom: 25px;
    min-height: 300px;
  }

  .single-template1 .site-content .top-block .text .entry-title,
  .single-template2 .site-content .top-block .text .entry-title {
    font-size: 24px;
    line-height: 28px;
  }

  .single-template1 .site-content .top-block .text {
    padding: 0 10px;
  }

  .single-template2 .site-content article .article-content {
    width: 100%;
  }

  .single-template1 .site-content article .left-panel {
    margin-right: 0;
    margin-bottom: 0;
    float: none;
    width: 100%;
  }

  .single-template1 .site-content article .social-share li {
    display: inline-block;
  }

  .single-template2 .site-content article .left-panel {
    margin-right: 0;
    margin-bottom: 0;
    float: none;
    width: 100%;
  }

  .single-template1 .site-content article .left-panel,
  .single-template2 .site-content article .left-panel {
    position: static;
  }

  .single-template1 .site-content article .left-panel.social-sticky,
  .single-template2 .site-content article .left-panel.social-sticky {
    position: fixed;
    bottom: 20px;
    top: auto;
    right: 0;
    z-index: 99;
    padding-right: 20px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
  }

  .single-template1.scrolltop-active
    .site-content
    article
    .left-panel.social-sticky,
  .single-template2.scrolltop-active
    .site-content
    article
    .left-panel.social-sticky {
    padding-right: 80px;
  }

  .single .site-main .left-panel.social-sticky .fa-share {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    font-size: 15px;
    float: right;
    cursor: pointer;
    display: block;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
  }

  .single .site-main .left-panel .fa-share:hover {
    background: #06c286;
    color: #fff;
  }

  .single .site-content article .left-panel.social-sticky .social-share {
    position: absolute;
    margin: 0;
    padding: 10px;
    display: block;
    font-size: 18px;
    line-height: 22px;
    right: 20px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    bottom: calc(100% + 10px);
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    -webkit-transform: rotateY(70deg);
    -moz-transform: rotateY(70deg);
    transform: rotateY(70deg);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
    opacity: 0;
    visibility: hidden;
  }

  .single .site-content article .left-panel.share-active .social-share {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .single .site-content article .social-share li {
    display: inline-block;
    padding: 5px;
  }

  .single-template2 .site-content article .social-sticky .social-share li {
    display: inline-block;
    margin-bottom: 0;
    padding: 5px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
  }

  .single-template2 .site-content article .share-active .social-share li {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .header-4 .header-icon-wrap {
    display: block;
  }

  .header-4 .header-social {
    float: none;
    text-align: center;
    margin-bottom: 10px;
  }

  .header-4 .right-panel {
    float: none;
    text-align: center;
  }

  .header-2 .header-t-search,
  .header-3 .header-t-search,
  .header-4 .header-t-search {
    position: unset;
  }

  .header-2 .header-t-search form.search-form,
  .header-3 .header-t-search form.search-form,
  .header-4 .header-t-search form.search-form {
    width: 100%;
    top: calc(100% + 1px);
    background: #fff;
    z-index: 9999;
  }

  .header-2 .header-icon-wrap,
  .header-3 .header-icon-wrap,
  .header-4 .header-icon-wrap {
    position: relative;
  }

  .header-2 .header-icon-wrap:after,
  .header-3 .header-icon-wrap:after,
  .header-4 .header-icon-wrap:after {
    display: block;
    content: "";
    clear: both;
  }

  .bottom-footer .blog-wrapper {
    flex-direction: column;
    text-align: center;
  }

  .footer-author {
    width: 100%;
    text-align: center;
    padding-left: 0;
    margin-top: 5px;
    white-space: normal;
  }
}

@media screen and (max-width: 640px) {
  .site.toggle-active {
    left: -80%;
  }

  .header-1 .header-t {
    width: 80%;
  }

  .main-header {
    padding: 40px 0;
  }

  .main-header .site-branding {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .site-branding .site-logo {
    width: 50%;
    margin: 0 auto;
  }

  .main-header .header-social {
    width: 100%;
    text-align: center;
  }

  .entry-title {
    font-size: 22px;
  }

  article.post .entry-content {
    font-size: 18px;
  }

  .top-footer .blog-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-header .page-title {
    font-size: 30px;
  }

  blockquote {
    padding-left: 40px;
    padding-right: 40px;
  }

  .single .article-author {
    padding-left: 0;
    padding-right: 0;
  }

  .comment-list article.comment-body {
    padding-left: 50px;
  }

  .comment-author img {
    width: 40px;
    height: 40px;
  }

  .comments-area ol.children {
    margin-left: 30px;
  }

  .three-col-grid article.post {
    width: 47.33%;
  }

  .three-col-grid article.post:nth-child(3n),
  .three-col-grid.grid-with-feat-post article.post:nth-child(3n + 1) {
    margin-right: 4%;
  }

  .three-col-grid article.post:nth-child(2n),
  .three-col-grid.grid-with-feat-post article.post:nth-child(2n + 1) {
    margin-right: 0;
  }

  .three-col-grid.grid-with-feat-post article.post:nth-child(2n) {
    margin-right: 4%;
  }

  .site.toggle-active {
    left: 50%;
  }

  .header-1 .header-t,
  .header-1 .header-t,
  .header-2 .main-navigation,
  .header-3 nav.main-navigation,
  .header-4 nav.main-navigation {
    width: 50%;
  }

  .top-footer .widget {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 600px) {
  .admin-bar .sticky-menu {
    top: 0;
  }
}

@media screen and (max-width: 540px) {
  .site-branding .site-logo {
    width: 75%;
  }

  .rightsidebar #secondary,
  .leftsidebar #secondary {
    margin-bottom: 70px;
  }

  #primary,
  article.post {
    margin-bottom: 70px;
  }

  figure.post-thumbnail,
  .grid-with-feat-post .featured-post figure.post-thumbnail,
  .format-quote .quote-wrap,
  .video_fit_container,
  body:not(.list-view) .format-audio .blog_post_audio {
    margin-bottom: 20px;
  }

  body:not(.list-view) .format-gallery .ug-gallery-wrapper {
    margin-bottom: 20px !important;
  }

  article.post .article-content,
  .grid-with-feat-post .featured-post article.post .article-content {
    width: 100%;
  }

  article.post header.entry-header {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  article.post .entry-footer,
  .grid-with-feat-post .featured-post article.post .entry-footer {
    margin-top: 35px;
  }

  .article-share.share-active svg.fa-share {
    opacity: 1;
    visibility: visible;
  }

  .list-view figure.post-thumbnail,
  .search-result figure.post-thumbnail,
  .list-view .format-video .blog_post_video,
  .list-view .format-audio .blog_post_audio {
    width: 100%;
    margin-bottom: 40px;
  }

  .list-view article.post .article-content,
  .search-result article .article-content {
    width: 100%;
    padding-left: 0;
  }

  .related-posts .related-post-block {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }

  .related-posts .related-post-block:last-child {
    margin-bottom: 0;
  }

  .comment-reply-title small {
    margin-left: 0;
    margin-top: 20px;
  }

  .comment-respond p.comment-form-author,
  .comment-respond p.comment-form-email,
  .comment-respond p.comment-form-url {
    width: 100%;
    margin-right: 0;
  }

  .error404 figure.error-404-img {
    width: 100%;
    text-align: center;
  }

  .error404 .page-content {
    width: 100%;
    padding-left: 0;
    margin-top: 40px;
  }

  .grid-view article.post,
  .grid-with-feat-post article.post,
  .three-col-grid article.post,
  .grid-view #primary .masonry-col-3 .post {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }

  .three-col-grid nav.navigation.pagination {
    width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .header-1 .header-t {
    width: 250px;
  }

  .header-2 .main-navigation,
  .header-3 nav.main-navigation,
  .header-4 nav.main-navigation {
    width: 250px;
  }
}

/* Instagram widget fixes */
#secondary .widget.widget_btif_instagram_widget .popup-gallery,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery {
  display: flex;
  overflow: hidden;
  margin-left: -5px;
  margin-right: -5px;
}

#secondary .widget.widget_btif_instagram_widget .popup-gallery li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery li {
  width: 18%;
  flex: unset;
  padding: 0;
  margin: 1%;
  border: 0;
}

#secondary .widget.widget_btif_instagram_widget .popup-gallery li a img,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery li a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center center;
  border-radius: 5px;
}

#secondary .widget.widget_btif_instagram_widget .profile-link,
.site-footer .widget.widget_btif_instagram_widget .profile-link {
  display: inline-block;
  font-size: 16px;
  margin: 12px 0 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

#secondary .widget.widget_btif_instagram_widget .profile-link .insta-icon,
.site-footer .widget.widget_btif_instagram_widget .profile-link .insta-icon {
  margin-right: 8px;
}

/* Photos - 1 */
#secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-1,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-1 {
  display: block;
}

#secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-1 li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-1 li {
  flex: 100%;
  width: 100%;
}

/* Photos - 2 */
#secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-2 li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-2 li {
  width: 48%;
}

/* Photos- 3 */
#secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-3 li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-3 li {
  width: 31.33%;
  flex: unset;
}

/* Photos- 4 */
#secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-4 li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-4 li {
  width: 23%;
  flex: unset;
}

/* Photos- 5 */
#secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-5 li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-5 li {
  width: 18%;
  flex: unset;
}

#secondary .widget.widget_btif_instagram_widget .popup-gallery li::before,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery li::before {
  content: none;
}

#secondary .widget.widget_btif_instagram_widget .popup-gallery li:before,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery li::before {
  content: none;
}

.site-footer .widget.widget_btif_instagram_widget .profile-link {
  font-size: 12px;
}

@media only screen and (max-width: 800px) {
  .main-navigation ul li ul {
    display: none;
  }

  .mobile-responsive .mobile-menu-wrap {
    display: none;
  }
}

/*  new edit july 2022*/

.widget_block h2 {
  font-size: 0.9em;
  line-height: 1.2;
  font-weight: 700;
  font-style: normal;
  color: var(--black-color);
  margin: 0 0 20px;
}

.widget_block ul li a,
.post .entry-content li a {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  font-style: normal;
  color: var(--font-color) !important;
  font-family: var(--secondary-font);
}

.widget_block li a:hover, .post .entry-content li a:hover {
  color: var(--primary-color) !important;
}


.widget_block ul li, .post .entry-content ul li {
  padding: 0;
  width: 100%;
  display: inline-block;
  width: 100%;
  line-height: 1.2;
  margin: 0;
  margin-bottom: 30px;
}

.widget_block ul {
  flex-wrap: wrap !important;
}

.widget_block ol li a {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  font-style: normal;
  color: var(--font-color);
  font-family: var(--secondary-font);
}

.wp-block-group__inner-container ol {
  padding: 0;
}

.widget_block li:before {
  content: none !important;
}

.wp-block-search__inside-wrapper input {
  border: none;
  background: none;
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 45px;
  float: left;
  width: calc(100% - 25px);
  padding-left: 0;
  color: var(--font-color);
}

.wp-block-search__inside-wrapper input:focus {
  outline: none;
}

.wp-block-search__inside-wrapper button {
  text-indent: -9999px;
  border: 0;
  width: 10%;
  height: 54px;
  float: right;
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Path_24900' data-name='Path 24900' d='M11.572,19.163a7.532,7.532,0,0,0,4.676-1.624L20.709,22,22,20.709l-4.461-4.461a7.57,7.57,0,1,0-5.967,2.915Zm0-13.363A5.782,5.782,0,1,1,5.8,11.572,5.782,5.782,0,0,1,11.572,5.8Z' transform='translate(-4 -4)' fill='%23aaaaaa'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: 8px 14px;
  box-shadow: none;
  margin-right: 20px;
}

.wp-block-search__inside-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 30px;
}

.wp-block-search__label {
  font-size: 0.9em;
  line-height: 1.2;
  font-weight: 700;
  font-style: normal;
  color: var(--black-color);
  margin: 0 0 20px;
}

.post .entry-content a {
  color: var(--font-color);
}

.post .entry-content a:hover {
  color: var(--primary-color);
}

.post .entry-content  h2 {
  font-size: 0.9em;
  line-height: 1.2;
  font-weight: 700;
  font-style: normal;
  color: var(--black-color);
  margin: 0 0 20px;
}

.site-footer .widget_block h2 {
  color: var(--white-color);
}

.post .entry-content ul {
  list-style: none;
  margin-block: 0;
  margin: 0 0 30px;
  padding: 0;
}

.wp-block-tag-cloud a {
  display: inline-block;
  font-size: 14px !important;
  border: 1px solid #d9d9d9;
  padding: 4px 15px;
  border-radius: 40px;
  margin-right: 5px;
  margin-bottom: 10px;
  color: var(--font-color-dark) !important;
  vertical-align: middle;
  font-family: var(--secondary-font);
}

.wp-block-tag-cloud a:hover {
  background: var(--primary-color);
  color: var(--white-color) !important;
}

.site-footer .wp-block-tag-cloud a{
  color: var(--font-color) !important;
}
.site-footer .wp-block-tag-cloud a:hover{
  color: var(--white-color) !important;
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
  color: var(--black-color);
}

.wp-block-social-links li {
  width: auto !important;
  padding: 3px !important;
  margin: 0 !important;
  border: none !important;
 
}

.wp-block-social-links .wp-block-social-link a {
  font-size: 18px;
  line-height: 50px;
}

.wp-block-categories li {
  text-align: right !important;
}

.wp-block-categories li a {
  float: left !important;
  width: auto;
}

.post .wp-block-calendar caption {
  background: var(--background-color);
  padding: 12px 0;
  font-family: var(--primary-font);
  font-weight: 600;
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
  color: currentColor !important;
  fill: currentColor;
}

.top-footer .wp-block-search__label {
  color: var(--white-color);
 }