/*
Theme Name: Graceful
Theme URI: http://optimathemes.com/graceful-theme/
Author: Aslam
Author URI: http://optimathemes.com/
Description: Graceful is a free multi-purpose WordPress Blog theme. Its perfect for any kind of blog or website like lifestyle, fashion, travel, tech, health, fitness, beauty, food, news, magazine, blogging, personal, professional, etc. Its fully Responsive and Retina Display ready, clean, modern and minimal design. Graceful is WooCommerce compatible, supports RTL(Right To Left) and is optimized for SEO. Demo: https://optimathemes.com/graceful-demo/
Version: 1.0.4
Requires at least: 5.3
Tested up to: 6.5
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: graceful
Tags: blog, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce
*/
 
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS
----------------------------------------------------------------
# Normalize
# Base Styles
# Header
# Navigation
# Blog Post Slider
# Blog Post Page
# Blog Columns
# Site Images
# Post Pagination
# Comments
# Typography
# Search Page
# Recent Posts
# Widgets
# Footer
# Perfect Scrollbar
# Responsive
# Accessibility
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
   ========================================================================== */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
  outline: 0 !important;
}

html {
  box-sizing: border-box;
}


/*--------------------------------------------------------------
# Base Styles
--------------------------------------------------------------*/

/* Focus Accessibility
   ========================================================================== */

*:focus {
  /*outline: 3px dotted #888888 !important;*/
  box-shadow: 0 0 0px 2px white !important;
  outline: dotted !important;
  z-index: 99999 !important;
}

.site-branding a:focus {
  outline: 2px dotted #000000 !important;
}

.content-column {
  padding: 3px;
}

.post-footer {
  padding: 3px !important;
}

form a, aside article a, .post-page-content a {
  text-decoration: underline !important;
}

aside .graceful-widget a {
  margin-left: 3px;
}

.wp-block-search__button {
    margin-bottom: 2px;
    margin-right: 2px;
}

/* Core Styles
   ========================================================================== */
body {
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
   font-size: 16px;
   letter-spacing: 0px;
   line-height: 24.6px;
   margin: 0;
}
 ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
 ol {
   list-style: none;
   margin: 0;
   padding: 0;
}
 img {
   height: auto;
   max-width: 100%;
}
 iframe {
   max-width: 100%;
}
 embed {
   max-width: 100%;
}
 table {
   border-collapse: collapse;
   border-spacing: 0;
   margin-bottom: 15px;
}
 table th {
   border: 1px solid;
   font-weight: bold;
   padding: 10px;
   text-align: left;
}
 table tr {
   border: 1px solid;
   padding: 10px;
   text-align: left;
}
 table td {
   border: 1px solid;
   padding: 10px;
   text-align: left;
}
 input {
   -webkit-border-radius: 0;
   font-family: 'Montserrat', sans-serif;
   outline: 0;
}
 textarea {
   -webkit-border-radius: 0;
   font-family: 'Montserrat', sans-serif;
   outline: 0;
}
 select {
   -webkit-border-radius: 0;
   font-family: 'Montserrat', sans-serif;
   outline: 0;
}
 h1, h2, h3, h4, h5, h6 {
   font-family: 'Cormorant Garamond', 'Times', serif;
   font-weight: 500;
}
 h1 {
   clear: both;
   font-size: 40px;
   line-height: normal;
   margin: 0;
}
 h2 {
   clear: both;
   font-size: 36px;
   line-height: normal;
   margin: 0;
}
 h3 {
   clear: both;
   font-size: 30px;
   line-height: normal;
   margin: 0;
}
 h4 {
   clear: both;
   font-size: 24px;
   line-height: normal;
   margin: 0;
}
 h5 {
   clear: both;
   font-size: 22px;
   line-height: normal;
   margin: 0;
}
 h6 {
   clear: both;
   font-size: 20px;
   line-height: normal;
   margin: 0;
}
 html {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
 * {
   -webkit-box-sizing: inherit;
   -moz-box-sizing: inherit;
   box-sizing: inherit;
   outline: 0 !important;
}
 *:before {
   -webkit-box-sizing: inherit;
   -moz-box-sizing: inherit;
   box-sizing: inherit;
   outline: 0 !important;
}
 *:after {
   -webkit-box-sizing: inherit;
   -moz-box-sizing: inherit;
   box-sizing: inherit;
   outline: 0 !important;
}
 .clear-fix:before {
   content: "";
   display: table;
   table-layout: fixed;
}
 .clear-fix:after {
   clear: both;
   content: "";
   display: table;
   table-layout: fixed;
}
 .graceful-wrap-container {
   display: block;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 90;
}
 .graceful-wrap-outer {
   display: table;
   height: 100%;
   width: 100%;
}
 .graceful-wrap-inner {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}
 .wrapped-content {
   margin: 0 auto;
}
 #site-header.wrapped-content {
   padding: 0 !important;
}
 .main-content {
   min-height: 300px;
   padding-bottom: 40px;
   padding-top: 40px;
}
 .sticky {
   background: #f7f7f7;
   padding: 40px;
}
 .sticky .related-posts {
   border: none;
   padding-bottom: 0;
}
 .screen-reader-text {
   clip: rect(1px, 1px, 1px, 1px);
   clip-path: polygon(0 0, 0 0, 0 0, 0 0);
   height: 1px;
   overflow: hidden;
   position: absolute !important;
   white-space: nowrap;
   width: 1px;
}
 .screen-reader-text:focus {
   clip: auto !important;
   display: block;
   height: auto;
   left: 5px;
   top: 5px;
   width: auto;
   z-index: 100000;
}
 .alignnone {
   margin: 5px 20px 10px 0;
}
 .aligncenter {
   clear: both;
   display: block;
   margin: 5px auto 10px auto;
}
 div.aligncenter {
   clear: both;
   display: block;
   margin: 5px auto 10px auto;
}
 .alignright {
   float: right;
   margin: 5px 0 20px 20px;
}
 .alignleft {
   float: left;
   margin: 5px 20px 10px 0;
}
 a img.alignright {
   float: right;
   margin: 5px 0 10px 20px;
}
 a img.alignnone {
   margin: 5px 20px 10px 0;
}
 a img.alignleft {
   float: left;
   margin: 5px 20px 10px 0;
}
 a img.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
 .wp-caption {
   max-width: 100%;
   overflow: hidden;
}
 .wp-caption-text {
   font-size: 14px;
   padding: 10px;
   text-align: center;
}
 .center-text {
   text-align: center;
}
 hr {
   border: 0;
   height: 1px;
   margin: 30px 0;
}
 strong {
   font-weight: bold;
}
 em {
   font-style: italic;
}
 cite {
   font-style: italic;
}
 address {
   font-style: italic;
}
 code {
   font-family: monospace, monospace;
   font-size: 85%;
}
 kbd {
   font-family: monospace, monospace;
   font-size: 85%;
}
 tt {
   font-family: monospace, monospace;
   font-size: 85%;
}
 var {
   font-family: monospace, monospace;
   font-size: 85%;
}
 samp {
   font-family: monospace, monospace;
   font-size: 85%;
}
 pre {
   border: 1px solid;
   font-family: monospace, monospace;
   font-size: 85%;
   padding: 20px;
   white-space: pre-wrap;
}
 .post-page-content h1 {
   margin-bottom: 10px;
}
 .post-page-content h2 {
   margin-bottom: 10px;
}
 .post-page-content h3 {
   margin-bottom: 10px;
}
 .post-page-content h4 {
   margin-bottom: 10px;
}
 .post-page-content h5 {
   margin-bottom: 10px;
}
 .post-page-content h6 {
   margin-bottom: 10px;
}
 .post-page-content ul {
   list-style: disc;
   margin-bottom: 15px;
   padding-left: 15px;
}
 .post-page-content ol {
   list-style: decimal;
   margin-bottom: 15px;
   padding-left: 25px;
}
 .post-page-content > p:first-child:first-letter {
   font-family: 'Montserrat', sans-serif;
   font-weight: 400;
}
 .post-meta {
   font-family: 'Cormorant Garamond', 'Times', serif;
   font-weight: 500;
}
 .comment-text h1 {
   margin-bottom: 10px;
}
 .comment-text h2 {
   margin-bottom: 10px;
}
 .comment-text h3 {
   margin-bottom: 10px;
}
 .comment-text h4 {
   margin-bottom: 10px;
}
 .comment-text h5 {
   margin-bottom: 10px;
}
 .comment-text h6 {
   margin-bottom: 10px;
}
 p {
   margin-bottom: 15px;
}
 blockquote {
   border-left-style: solid;
   border-left-width: 3px;
   padding-left: 15px;
}
 blockquote p {
   font-family: 'Cormorant Garamond', 'Times', serif;
   font-size: 19px;
   letter-spacing: 0.5px;
   line-height: 30.7px;
   opacity: 0.9;
}
 blockquote a {
   font-style: italic;
}
 dl dt {
   font-weight: bold;
}
 abbr[title] {
   border-style: dotted;
   border-width: 1px;
   cursor: help;
}
 big {
   font-size: 125%;
}
 sub {
   font-size: smaller;
   vertical-align: sub;
}
 sup {
   font-size: smaller;
   vertical-align: super;
}
 .post-password-form input[name="post_password"] {
   border: 1px solid;
   font-size: 14px;
   padding: 12px;
   width: 100%;
}
 .post-password-form input[type="submit"] {
   border: none;
   cursor: pointer;
   font-size: 14px;
   font-weight: bold;
   margin-top: 15px;
   padding: 12px;
}

.page-404 h2,
.comment-author {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  letter-spacing: 0px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
 .entry-header {
   background-position: center center;
   background-size: cover;
   border-bottom: 1px solid #ebebeb;
   height: 180px;
   position: relative;
}
 .site-branding {
   line-height: 1;
   text-align: center;
}
 .site-branding a {
   background: transparent;
   color: #000;
   display: inline-block;
   font-family: 'Cormorant Garamond', 'Times', serif;
   font-size: 54px;
   line-height: 1;
   padding: 8px;
}
 .site-branding a.logo-img {
   padding: 0 !important;
}
 .site-description {
   color: #000;
   display: inline-block;
   font-family: inherit;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 1px;
   margin-bottom: 0;
   margin-top: 5px;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
 #main-navigation {
   background-color: #f3f3f3;
   border-bottom: 1px solid #ebebeb;
   position: relative;
   z-index: 1100 !important;
}
 #main-navigation .navigation-socials {
   padding-top: 3px;
   position: absolute;
   right: 75px;
   top: 0;
}
 #main-navigation > div {
   position: relative;
}
 #main-navigation #s {
   background: #fff !important;
}
 #main-navigation #searchform {
   background: #ffffff;
   display: block;
   float: left;
   z-index: 1;
}
 #main-navigation #searchform #s {
   border: 1px solid #aaa;
   float: left;
   font-weight: 600;
   letter-spacing: 0.4px;
   text-align: center;
}
 #main-navigation #searchform #searchsubmit {
   border: 1px solid #ccc;
   cursor: pointer;
   float: left;
   font-size: 12px;
   font-weight: 600;
   height: 27px;
   letter-spacing: 1px;
   margin: 4px 8px;
   padding: 5px 8px;
   text-align: center;
   width: auto;
}
 .main-navigation-search {
   position: absolute;
   right: 40px;
   top: 0px;
   z-index: 2;
}
 .main-navigation-sidebar {
   cursor: pointer;
}
 .main-navigation-sidebar button {
   background: none;
   border: none;
   cursor: pointer;
   height: 46px;
}
 .main-navigation-sidebar div {
   max-height: 60px;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
}
 .main-navigation-sidebar span {
   display: block;
   height: 2px;
   margin-bottom: 3px;
   width: 17px;
}
 .navigation-socials a {
   font-size: 12px;
   line-height: 40px;
   margin-left: 15px;
   text-align: center;
   text-decoration: none;
}
 .navigation-socials a:first-child {
   margin-left: 0;
}

/* Menu
   ========================================================================== */
 #site-menu li a {
   font-family: 'Montserrat', sans-serif;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 1px;
   line-height: 44px;
   text-transform: uppercase;
}
 #site-menu .sub-menu {
   width: 240px;
}
 #site-menu .sub-menu > li > a {
   background-color: #fff;
   font-size: 13px;
   letter-spacing: 1px;
   line-height: 26px;
}
 #site-menu .sub-menu > li > a:hover {
   background-color: #fafafa;
   color: #000;
}
 #site-menu {
   width: auto;
}
 #site-menu li {
   position: relative;
}
 #site-menu li a {
   display: block;
   margin-left: 5px;
   padding: 0 16px;
   position: relative;
}
 #site-menu li a:first-child {
   margin-left: 0;
}
 #site-menu li:first-child a {
   padding-left: 0px;
}
 #site-menu li:last-child a {
   padding-right: 0px;
}
 #site-menu > li {
   display: inline-block;
   list-style: none;  
}
 #site-menu > li > a {
   display: block;
   text-decoration: none;
}
 #site-menu ul ul {
   left: 100%;
   top: 0;
}
 #site-menu ul li.menu-item-has-children > a:after {
   content: "\f105";
   float: right;
   font-family: FontAwesome;
   font-size: 14px;
}
 #site-menu .sub-menu {
   border: 1px solid;
   left: -999em;
   opacity: 0;
   position: absolute;
   text-align: left;
   width: 200px;
   z-index: 130;
}
 #site-menu .sub-menu a {
   border-bottom: 1px solid;
}
 #site-menu .sub-menu > li:last-of-type > a {
   border: none;
}
 #site-menu .sub-menu > li > a {
   display: block;
   margin: 0;
   padding: 8px 15px;
   width: 100%;
}
 #site-menu .sub-menu > li .sub-menu-butn-icon {
   padding-top: 13px;
}
 #site-menu .sub-menu li:first-child > .sub-menu {
   margin-top: -1px;
}
 #site-menu .menu-item:hover > ul {
   left: 0;
   opacity: 1;
}
 #site-menu .menu-item:hover ul ul {
   left: 100%;
}
 #site-menu .menu-item:hover ul ul ul ul ul {
   left: 0;
   position: relative;
}
 #site-menu .menu-item:focus-within > ul {
   left: 0;
   opacity: 1;
}
 #site-menu .menu-item:focus-within ul ul {
   left: 100%;
}
 #site-menu .menu-item:focus-within ul ul ul ul ul {
   left: 0;
   position: relative;
}
 #site-menu li.menu-item-has-children > a:after {
   content: "\f107";
   font-family: FontAwesome;
   font-size: 15px;
   margin-left: 10px;
}

/* Responsive Menu
   ========================================================================== */
 #responsive-menu li {
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
   font-weight: 600;
   letter-spacing: 1px;
   line-height: 50px;
   text-transform: uppercase;
}
 #responsive-menu .sub-menu > li {
   background: #eee;
   font-size: 13px;
   letter-spacing: 0.5px;
   line-height: 40px;
}
 #responsive-menu .sub-menu > li li {
   background: #e1e1e1;
}
 #responsive-menu .sub-menu > li li a {
   border-left: 1px solid darkgray;
   display: inline-block;
   line-height: 12px;
   padding-left: 10px;
}
 #responsive-menu .sub-menu > li button {
   line-height: 12px;
}
 .responsive-menu-wrapper {
   display: none;
}
 .responsive-menu-btn {
   background: none;
   border: none;
   cursor: pointer;
   display: none;
   font-size: 18px;
   line-height: 60px;
   padding: 0 15px;
}
 #responsive-menu li {
   position: relative;
   text-align: center;
   width: 100%;
}
 #responsive-menu li a {
   display: block;
   position: relative;
   z-index: 5;
}
 #responsive-menu li.menu-item-has-children > a {
   display: inline-block;
}
 #responsive-menu .sub-menu {
   display: none;
}
 #responsive-menu .sub-menu > li .sub-menu-butn-icon {
   padding-top: 13px;
}
 .sub-menu-btn {
   height: 60px;
   left: 0;
   padding: 0 10px;
   position: absolute;
   text-align: left;
   top: 0;
   width: 100%;
   z-index: 1;
}
 .sub-menu-butn-icon {
   background: none;
   border: none;
   display: inline-block;
   font-size: 13px;
   line-height: 19px;
   padding: 14px 8px;
   padding-top: 16px;
   vertical-align: top;
}
 #responsive-menu li {
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
   font-weight: 600;
   letter-spacing: 1px;
   line-height: 50px;
   text-transform: uppercase;
}
 #responsive-menu .sub-menu > li {
   background: #eee;
   font-size: 13px;
   letter-spacing: 0.5px;
   line-height: 40px;
}
 #responsive-menu .sub-menu > li li {
   background: #e1e1e1;
}
 #responsive-menu .sub-menu > li li a {
   border-left: 1px solid darkgray;
   display: inline-block;
   line-height: 12px;
   padding-left: 10px;
}
 #responsive-menu .sub-menu > li button {
   line-height: 12px;
}
 .navigation-search-button {
   font-size: 14px;
   line-height: 44px;
}
 #main-navigation #s {
   font-size: 14px;
   line-height: 44px;
}
 

/* Search
   ========================================================================== */
 .navigation-search-button {
   background: none;
   border: none;
   cursor: pointer;
   font-size: 14px;
   line-height: 44px;
   position: relative;
}
 #main-navigation #s {
   font-size: 14px;
   line-height: 32px;
}
 .navigation-search-button i {
   position: relative;
   z-index: 10;
}
 .navigation-search-button i:last-of-type {
   display: none;
}
 .navigation-search-button #searchform {
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
}
 .navigation-search-button #searchform i {
   display: none;
}
 .navigation-search-button label {
   display: none;
}
 .navigation-search-button #searchsubmit {
   display: none;
}
 .navigation-search-button div {
   line-height: 1;
}
.graceful-search-overlay {
   background-color: rgba(0,0,0,0.7);
   display: none;
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 2;
}
.graceful-search {
   background-color: #fff;
   border-radius: 4px;
   display: none;
   left: 50%;
   max-width: 400px;
   padding: 4px 5px;
   position: fixed;
   text-align: center;
   top: 50%;
   transform: translate(-50%,-50%);
   z-index: 3;
}
.graceful-search-overlay[aria-hidden="true"],
.graceful-search[aria-hidden="true"] {
   display: none;
}
.graceful-search-overlay:not([aria-hidden="true"]),
.graceful-search:not([aria-hidden="true"]) {
   display: block;
}
.close-graceful-search {
  float: left;
  margin: 6px 0px;
}

/* Sidebar Slide Menu
   ========================================================================== */
 .admin-bar .header-left-menu-wrapper .header-left-menu-wrap {
   padding-top: 80px;
}
 .admin-bar .header-left-menu-wrapper .header-left-menu-wrap .left-menu-close {
   top: 40px;
}
 .main-navigation-socials {
   float: left;
   margin-right: 18px;
}
 .main-navigation-socials a {
   font-size: 14px;
   line-height: 60px;
   margin-left: 14px;
   text-align: center;
   text-decoration: none;
}
 .main-navigation-socials a:first-child {
   margin-left: 0;
}

/* Left Sidebar Slide Menu
   ========================================================================== */
 .left-menu-toggle-btn {
   background: transparent;
   border: unset;
   cursor: pointer;
   float: left;
   margin: 3px 30px 0 0;
}
 .left-menu-toggle-btn:hover .left-menu-icon span.icon-line-top {
   width: 100%;
}
 .left-menu-toggle-btn:hover .left-menu-icon span.icon-line-bot {
   width: 100%;
}
 .left-menu-icon {
   height: 17px;
   margin: 10px auto;
   overflow: hidden;
   position: relative;
   width: 24px;
}
 .left-menu-icon span {
   background-color: #000;
   border-color: #fff;
   border-radius: 10px;
   display: inline-block;
   height: 2px;
   left: 0;
   position: absolute;
   transition: 0.1s all ease-in;
   width: 100%;
}
 .left-menu-icon span.icon-line-mid {
   margin-top: -1.5px;
   top: 50%;
}
 .left-menu-icon span.icon-line-top {
   width: 85%;
}
 .left-menu-icon span.icon-line-bot {
   bottom: 1px;
   transition-delay: 90ms;
   width: 60%;
}
 .af-on-left .offcanvas .left-menu-icon span {
   left: inherit;
   right: 0;
}
 .header-left-menu-wrapper .header-left-menu-wrap {
   background: #fff;
   height: 100%;
   left: -380px;
   opacity: 0;
   padding: 50px 35px 0;
   position: fixed;
   top: 0;
   transition: all 0.5s;
   visibility: hidden;
   width: 340px;
   z-index: 1150;
}
 .header-left-menu-wrapper .header-left-menu-wrap .header-left-sec {
   height: calc(100% - 30px);
   overflow-x: hidden;
   overflow-y: scroll;
}
 .header-left-menu-wrapper .header-left-menu-wrap .header-left-sec::-webkit-scrollbar {
   width: 0;
}
 .header-left-menu-wrapper .header-left-menu-wrap .left-menu-close {
   background: unset;
   border: unset;
   color: #000;
   cursor: pointer;
   display: block;
   height: 30px;
   position: absolute;
   right: 10px;
   text-align: center;
   top: 20px;
   width: 30px;
   z-index: 1;
}
 .header-left-menu-wrapper .header-left-menu-wrap.left-menu-active {
   left: 0;
   opacity: 1;
   visibility: visible;
}
 .left-menu-close-bottom {
   bottom: 40px;
   color: #000;
   cursor: pointer;
   display: block;
   left: 36%;
   margin-top: 100px;
   position: relative;
   text-align: center;
}
 .sidebar-slide-overlay {
   cursor: pointer;
   display: none;
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1150;
}
 @media (max-width: 575px) {
   .header-left-menu-wrapper .header-left-menu-wrap {
     left: -320px;
     padding: 50px 20px 20px 20px;
     width: 320px;
  }
}
 

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

/* Owl Carousel - v2.3.4
   ========================================================================== */
/**
 # OwlCarousel.css
 # Unminified original source available in the theme folder - assets/css/vendors/owl.carousel.css */
.owl-carousel,.owl-carousel .owl-item{position:relative;-webkit-tap-highlight-color:transparent}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{-moz-backface-visibility:hidden;position:relative;-ms-touch-action:pan-Y;touch-action:manipulation}.owl-carousel .owl-stage:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}.owl-carousel .owl-stage-outer{overflow:hidden;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{-webkit-backface-visibility:hidden;float:left;min-height:1px;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;border:none;color:inherit;font:inherit;padding:0!important}.owl-carousel.owl-loading{display:block;opacity:0}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{background:#000;height:100%;position:relative}.owl-carousel .owl-video-play-icon{-webkit-backface-visibility:hidden;background:url(owl.video.play.png) no-repeat;cursor:pointer;height:80px;left:50%;margin-left:-40px;margin-top:-40px;position:absolute;top:50%;transition:transform .1s ease;width:80px;z-index:1}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{background-position:center center;background-repeat:no-repeat;background-size:contain;height:100%;opacity:0;transition:opacity .4s ease}.owl-carousel .owl-video-frame{height:100%;position:relative;width:100%;z-index:1}

/**
 # Owl.Theme.Default.css
 # Unminified original source available in the theme folder - assets/css/vendors/owl.theme.default.css */
.owl-theme .owl-dots,.owl-theme .owl-nav{-webkit-tap-highlight-color:transparent;text-align:center}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{background:#D6D6D6;border-radius:3px;color:#FFF;cursor:pointer;display:inline-block;font-size:14px;margin:5px;padding:4px 7px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{cursor:default;opacity:.5}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{-webkit-backface-visibility:visible;background:#D6D6D6;border-radius:30px;display:block;height:10px;margin:5px 7px;transition:opacity .2s ease;width:10px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* Slider Custom
   ========================================================================== */
#graceful-post-slider {
   padding-bottom: 15px;
}
 #graceful-post-slider .slider-item:first-child {
   display: block;
}
 #graceful-post-slider .slide-item {
   background-size: cover;
   background-position: center;
   height: 400px;
}
 #graceful-post-slider .owl-nav {
   align-items: center;
   background-color: #fff;
   height: 0;
   justify-content: center;
   margin: 0 auto;
   max-width: 932px;
   text-align: center;
   width: 100%;
}
 #graceful-post-slider .owl-nav button {
   display: none;
}
 #graceful-post-slider .owl-nav button:focus {
   box-shadow: none !important;
   outline: none !important;
}
 #graceful-post-slider .owl-nav [class*=owl-]:hover {
   background: unset;
}
 #graceful-post-slider .owl-dots {
   display: none;
}
 #graceful-post-slider .owl-stage-outer:after {
   background-color: #f3f3f3;
   bottom: 0;
   content: "";
   display: none;
   height: calc(100% - 120px);
   left: 50%;
   position: absolute;
   transform: translate(-50%, 0);
   width: 932px;
   z-index: -1;
}
 #graceful-post-slider .owl-next {
   border-radius: 0;
   margin-left: 20px;
   margin-top: 23px;
   padding-left: 20px !important;
   position: relative;
}
 #graceful-post-slider .owl-next span {
   color: rgba(0, 0, 0, 0.5);
   font-size: 44px;
}
 #graceful-post-slider .owl-next::after {
   background: rgba(0, 0, 0, 0.5);
   border-radius: unset;
   content: "";
   height: 2px;
   position: absolute;
   right: 5px;
   top: 15px;
   width: 20px;
}
 #graceful-post-slider .owl-prev {
   border-radius: 0;
   margin-right: 20px;
   margin-top: 23px;
   padding-right: 20px !important;
   position: relative;
}
 #graceful-post-slider .owl-prev span {
   color: rgba(0, 0, 0, 0.5);
   font-size: 44px;
}
 #graceful-post-slider .owl-prev::after {
   background: rgba(0, 0, 0, 0.5);
   border-radius: unset;
   content: "";
   height: 2px;
   position: absolute;
   right: 8px;
   top: 15px;
   width: 20px;
}
 #graceful-post-slider .graceful-wrap-inner {
   vertical-align: bottom;
}
 #graceful-post-slider.wrapped-content img {
   width: 100%;
}
 #graceful-post-slider.wrapped-content .slider-item-bg {
   height: 540px;
}
 .slider-item {
   display: none;
   position: relative;
}
 .slider-item-bg {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 450px;
}
 .graceful-slider-info {
   display: inline-block;
   max-width: 840px;
   padding: 40px;
}
 .slider-categories {
   font-size: 13px;
   font-weight: bold;
   letter-spacing: 3px;
   margin-bottom: 16px;
   text-transform: uppercase;
}
 .graceful-slider-title {
   font-size: 36px;
   letter-spacing: 1px;
   line-height: 44px;
   margin-bottom: 25px;
}
 .graceful-slider-read-more a {
   background: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(255, 255, 255, 0.8);
   cursor: pointer;
   display: inline-block;
   font-size: 13px;
   font-weight: bold;
   letter-spacing: 2px;
   line-height: 30px;
   margin-bottom: 30px;
   padding: 0 25px;
   text-transform: uppercase;
}

/*--------------------------------------------------------------
# Blog Post Page
--------------------------------------------------------------*/

/* Post Navigation
   ========================================================================== */
 .post-navigation-wrap {
   border-bottom: 1px solid #eee;
   float: left;
   margin: 20px 0;
   padding-bottom: 14px;
   width: 100%;
}
 .post-navigation-wrap a {
   display: inline-block;
   line-height: 1;
   min-width: 90px;
   position: relative;
}
 .post-navigation-wrap .previous-post {
   position: relative;
}
 .post-navigation-wrap .previous-post img {
   left: 27px;
   position: absolute;
   top: 0;
   z-index: 1;
}
 .post-navigation-wrap .previous-post::after {
   background: #eee;
   content: "Previous";
   font-size: 13px;
   height: 53px;
   left: 27px;
   padding: 20px 0;
   position: absolute;
   text-align: center;
   top: 0px;
   width: 68px;
   z-index: 0;
}
 .post-navigation-wrap .next-post {
   float: right;
}
 .post-navigation-wrap .next-post img {
   position: absolute;
   right: 27px;
   top: 0;
   z-index: 1;
}
 .post-navigation-wrap .next-post::after {
   background: #eee;
   content: "Next";
   font-size: 13px;
   height: 53px;
   padding: 20px 0;
   position: absolute;
   right: 27px;
   text-align: center;
   top: 0px;
   width: 68px;
   z-index: 0;
}
 .single-post .previous-post i {
   float: left;
   margin-right: 1px;
   padding: 18px 10px;
   position: relative;
   z-index: 10;
}
 .single-post .previous-post img {
   height: 52px;
   width: auto;
}
 .single-post .next-post i {
   float: right;
   margin-left: 1px;
   padding: 18px 10px;
   position: relative;
   z-index: 10;
}
 .single-post .next-post img {
   height: 52px;
   width: auto;
}
 .single article {
   border-bottom: 1px solid #eee;
}
 .site-pagination {
   padding: 20px;
   text-align: center;
   clear: both;
}
 .single .post-date {
  color: #111111 !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
}
 .single .post-title-author { 
  color: #111111 !important;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: normal;
}
 .single article .post-footer {
   border-top: 1px solid #eee;
   margin-top: 20px;
   padding: 12px !important;
}

.page-template-template-full-width .content-wrap, 
.page-template-template-full-width-blank .content-wrap {
   float: none;
}

 /* Tags
   ========================================================================== */
 .post-tags {
   margin-bottom: 18px;
   text-align: left;
}
 .post-tags a {
   border: 1px solid;
   display: inline-block;
   font-size: 12px;
   line-height: 24px;
   margin-right: 5px;
   padding: 0 12px;
   position: relative;
}

/* Post Authors
   ========================================================================== */
 .author-info {
   border-bottom: 1px solid;
   overflow: hidden;
   overflow-wrap: break-word;
   padding: 35px 0 39px;
   text-align: center;
}
 .author-info h4 {
   font-size: 16px;
   letter-spacing: 1.5px;
   line-height: 24px;
   margin: 1px 0;
   text-transform: uppercase;
}
 .author-info p {
   display: inline-block;
   font-size: 15px;
   line-height: 24.2px;
   margin-bottom: 10px;
   max-width: 800px;
}
 .author-avatar img {
   -webkit-border-radius: 60px;
   -moz-border-radius: 60px;
   border-radius: 60px;
   display: inline-block;
}
 .author-share a {
   font-size: 14px;
   margin-right: 10px;
}
 .author-share a:last-child {
   margin: 0;
}

/*--------------------------------------------------------------
# Blog Columns
--------------------------------------------------------------*/

.post-header {
   position: relative;
   text-align: center;
   z-index: 0;
}
 .post-header-inner {
   background: #fff;
   border-left: 1px solid #eee;
   border-right: 1px solid #eee;
   border-top: 1px solid #ddd;
   margin: -50px auto 0;
   min-height: 170px;
   padding: 30px 20px 10px;
   position: relative;
   width: 88%;
}
 .post-header-inner::after {
   background: rgba(39, 44, 49, 0.15);
   content: "";
   display: block;
   filter: blur(5px);
   height: 150px;
   position: absolute;
   right: -4px;
   top: 15px;
   transform: rotate(6deg);
   width: 20px;
   z-index: -1;
}
 .post-header-inner::before {
   background: rgba(39, 44, 49, 0.15);
   content: "";
   display: block;
   filter: blur(5px);
   height: 150px;
   left: -4px;
   position: absolute;
   top: 15px;
   transform: rotate(-6deg);
   width: 20px;
   z-index: -1;
}
.content-column li {
   border-bottom: 1px solid #eee;
}
 .content-wrap {
   float: left;
   margin: 0 auto;
   overflow: hidden;
}
 .sidebar-left {
   float: left;
}
 .sidebar-right {
   float: right;
}
 .site-images {
   min-height: 50px;
   position: relative;
   min-height: 92px;
   background: #f7f7f7;
}
 .site-images > a {
   display: block;
   height: 100%;
   width: 100%;
   z-index: 10;
}
 .post-categories {
   background: #fafafa;
   border: 1px solid #eee;
   display: inline-block;
   margin-bottom: 10px;
   padding: 0 10px;
}
 .post-categories a {
   font-size: 11px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
}
 .post-title {
   font-size: 38px;
   letter-spacing: 0.5px;
   line-height: 44px;
   margin-bottom: 13px;
}
 .post-title em {
   font-weight: 600;
}
 .page-title {
   font-size: 38px;
   letter-spacing: 0.5px;
   line-height: 44px;
   margin-bottom: 24px;
}
 .page-title em {
   font-weight: 600;
}
 .blog article .post-meta {
   font-family: 'Montserrat', sans-serif;
   font-weight: 400;
   margin-bottom: 20px;
}
 .blog article .post-header .post-meta a {
    color: #111111 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}
 .blog article .post-date {
  color: #111111 !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
}
 .blog article .post-title-author {
  color: #111111 !important;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: normal;
}
 .post-page-content {
   overflow: hidden;
   text-align: justify;
   padding-top: 20px;
}
 .post-page-content p {
   letter-spacing: 0.02em;
   line-height: 28px;
}
 .post-page-content a {
   text-decoration: underline !important;
}
 .comment a {
   text-decoration: underline !important;
}
 .widget_text a {
   text-decoration: underline !important;
}
 .continue-read {
   margin: 10px 0 40px;
   text-align: center;
}
 .continue-read a {
   cursor: pointer;
   display: inline-block;
   font-size: 13px;
   font-weight: bold;
   letter-spacing: 2px;
   line-height: 40px;
   padding: 0 20px;
   text-decoration: underline;
   text-transform: uppercase;
}
 .post-footer {
   overflow: hidden;
   padding: 20px 0;
   position: relative;
   text-align: center;
}
 .post-share {
   float: right;
   font-size: 14px;
}
 .post-share a {
   line-height: 30px;
   margin-left: 16px;
}
 .post-comments {
   font-style: italic;
   line-height: 30px;
}
 .no-result-found {
   margin: 50px auto 100px;
   text-align: center;
}
 .no-result-found h3 {
   font-family: 'Montserrat', sans-serif;
   font-size: 40px;
   letter-spacing: 2px;
   margin-bottom: 20px;
}
 .no-result-found .widget_search {
   margin: 30px auto 0px;
   max-width: 480px;
}
 .content-wrap.no-sidebar {
    width: 100% !important; 
 }

/*--------------------------------------------------------------
# Site Images
--------------------------------------------------------------*/
.site-images img {
   margin: 0 auto;
}
 .site-images iframe {
   margin: 0 auto;
}
 .site-images embed {
   margin: 0 auto;
}
 .site-images img + .entry-audio {
   bottom: 0;
   left: 0;
   padding: 10px;
   position: absolute;
   width: 100%;
   z-index: 100;
}
 .site-images .image-overlay {
   padding: 20px 18px;
}
 .site-images .image-overlay p {
   font-size: 18px;
   font-weight: bold;
   line-height: 22px;
}
 .site-images .image-overlay a {
   font-size: 18px;
   font-weight: bold;
   line-height: 22px;
}
 .site-images .image-overlay span {
   font-style: italic;
   letter-spacing: 0.5px;
   text-align: right;
}
 .single .site-images .image-overlay span {
   text-align: center;
}


/*--------------------------------------------------------------
# Post Pagination
--------------------------------------------------------------*/
.content-pagination {
   overflow: hidden;
   padding: 0px 0 50px;
   position: relative;
   text-align: center;
}
 .previous-page a {
   font-weight: 600;
   text-transform: uppercase;
}
 .next-page a {
   font-weight: 600;
   text-transform: uppercase;
}
 #primary .content-pagination.default .previous-page a {
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 2px;
   text-transform: uppercase;
}
 #primary .content-pagination.default .next-page a {
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 2px;
   text-transform: uppercase;
}
 .content-pagination.default .previous-page {
   float: left;
}
 .content-pagination.default .next-page {
   float: right;
}
 .content-pagination.numeric a {
   display: inline-block;
   font-weight: bold;
   line-height: 1;
   margin: 0 2px;
   padding: 14px 15px;
   text-transform: uppercase;
}
 .content-pagination.numeric span {
   display: inline-block;
   font-weight: bold;
   line-height: 1;
   margin: 0 2px;
   padding: 14px 15px;
   text-transform: uppercase;
}
 .content-pagination.numeric .numeric-prev-page {
   left: 0;
   margin-left: 0;
   margin-right: 0;
   position: absolute;
   top: 0;
}
 .content-pagination.numeric .numeric-next-page {
   margin-left: 0;
   margin-right: 0;
   position: absolute;
   right: 0;
   top: 0;
}
 .content-pagination.load-more a {
   display: inline-block;
   font-weight: bold;
   line-height: 1;
   padding: 14px 15px;
   text-transform: uppercase;
}
 .content-pagination.infinite a {
   display: none;
}


/* Infinite Scrolling
   ========================================================================== */
 #infinite-scrolling {
   font-size: 26px;
   height: 100% !important;
   left: 0;
   list-style-position: 2px;
   list-style-position: 1px;
   position: fixed;
   text-align: center;
   text-transform: uppercase;
   top: 0;
   width: 100% !important;
   z-index: 1300;
}
 #infinite-scrolling img {
   display: none;
}
 .infinite-scrolling-disabled #infinite-scrolling {
   display: none !important;
}

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

 .comments-area input {
   border: 1px solid;
   font-size: 14px;
   padding: 13px;
}
 .comments-area textarea {
   border: 1px solid;
   font-size: 14px;
   height: 250px;
   margin-bottom: 10px;
   padding: 13px;
   width: 100% !important;
}
 .comments-area #submit {
   border: none;
   cursor: pointer;
   font-weight: bold;
   letter-spacing: 2px;
   text-transform: uppercase;
   width: auto;
}
 #reply-title {
   font-family: 'Cormorant Garamond', 'Times', serif;
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 1.5px;
   line-height: 24px;
   margin-bottom: 44px;
   text-align: center;
   text-transform: uppercase;
}
 #reply-title a {
   font-family: 'Cormorant Garamond', 'Times', serif;
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 1.5px;
   line-height: 24px;
   margin-bottom: 44px;
   text-align: center;
   text-transform: uppercase;
}
 .comments-area {
   margin-top: 30px;
}
 .comments-area .children {
   margin-left: 50px;
}
 .comments-title {
   font-size: 15px;
   letter-spacing: 1.5px;
   line-height: 24px;
   margin-bottom: 44px;
   text-align: center;
}
 .comments-title h2 {
   font-size: 16px;
   letter-spacing: 1.5px;
   line-height: 24px;
   margin-bottom: 44px;
   text-align: center;
   text-transform: uppercase;
}
 .entry-comments {
   border-bottom: 1px solid;
   font-size: 15px;
   line-height: 24.2px;
   margin-bottom: 40px;
   overflow: hidden;
   padding: 0px 0 55px;
}
 .comment-content {
   overflow: hidden;
}
 .comment-avatar {
   float: left;
   margin-right: 17px;
}
 .comment-avatar img {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}
 .comment-author {
   font-family: 'Montserrat', sans-serif;
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 0px;
   text-transform: uppercase;
}
 .comment-date {
   margin-right: 10px;
}
 .comment-date a:first-child:hover {
   text-decoration: underline;
}
 .under-moderation {
   font-style: italic;
}
 .commentslist footer a:hover {
   text-decoration: underline;
}
 .logged-in-as {
   margin-bottom: 12px;
}
 .comment-meta {
   font-size: 11px;
   line-height: 25px;
   margin-bottom: 7px;
   text-transform: uppercase;
}
 .comment-reply-link {
   float: right;
   font-size: 13px;
   font-weight: bold;
   margin-top: -27px;
}
 .comment-notes {
   margin-bottom: 15px;
}
 .comment-form {
   padding-top: 4px;
}
 .comment-form label {
   display: block;
   font-size: 15px;
   margin-bottom: 3px;
}
 .comment-form-author input {
   margin-bottom: 10px;
   width: 60% !important;
}
 .comment-form-email input {
   margin-bottom: 10px;
   width: 60% !important;
}
 .comment-form-url input {
   margin-bottom: 10px;
   width: 60% !important;
}
 .bypostauthor {
   display: block;
}
 
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

.navigation-socials a {
  font-size: 12px;
  line-height: 40px;
}

/* Menu Fonts
   ========================================================================== */
#site-menu li a {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 44px;
}

#site-menu .sub-menu{
width: 240px;
}

#site-menu .sub-menu > li > a {
  background-color: #ffffff;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 26px;
}

#site-menu .sub-menu > li > a:hover {
  background-color: #fafafa;
  color: #000000;
}



/*--------------------------------------------------------------
# Search Page
--------------------------------------------------------------*/

.search-results h1 {
  margin-bottom: 20px;
}

.search-no-results h1 {
  display: none;
}

.search-no-results .not-found {
  padding: 120px 40px;
  text-align: center;
}

.search-no-results .not-found h2 {
  font-size: 54px;
  letter-spacing: 0.2em;
  margin: 0 0 60px;
  position: relative;
  text-transform: uppercase;
}

.search-no-results .not-found h2:before {
  content: '404';
  font-size: 110px;
  left: 50%;
  line-height: 1;
  margin-top: -4px;
  opacity: 0.15;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);  
  z-index: 1;
}

.search-no-results .not-found p {
  letter-spacing: 1.5px;
}

.search-no-results .not-found p a {
  text-decoration: underline;
}


/*--------------------------------------------------------------
# Recent Posts
--------------------------------------------------------------*/

.graceful-small-image-box {
   background-color: #f2f2f2;
   background-position: center;
   background-size: cover;
   float: left;
   height: 60px;
   margin-right: 12px;
   width: 70px;
}
 .graceful-recent-image-box {
   border-bottom: 1px dashed #ccc;
   clear: both;
   display: block;
   margin-bottom: 15px;
   min-height: 76px;
}
 .graceful-recent-image-box:last-child {
   border-bottom: 0;
   margin-bottom: 0 !important;
   min-height: 76px;
   padding-bottom: 0;
}
 .graceful-widget > ul li span {
   font-family: 'Cormorant Garamond', 'Times', serif;
   font-weight: 500;
}
 .graceful-widget > ul li span a {
   font-family: 'Cormorant Garamond', 'Times', serif;
   font-weight: 500;
}
 .graceful-widget > ul li.graceful-recent-image-box span {
   color: inherit;
   display: block;
   font-family: sans-serif;
   font-size: 11px;
   line-height: 14px;
}
 .graceful-widget .widget-title {
   background: #eeeeee;
   border-bottom: 1px solid #aaaaaa;
   margin-bottom: 20px;
   overflow: visible;
}
 .graceful-widget .widget-title h2::before {
   display: none;
}
 .graceful-widget .widget-title h2::after {
   display: none;
}
 .graceful-widget .widget-title::after {
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 8px solid #aaaaaa;
   bottom: -9px;
   content: "";
   height: 0;
   left: 49%;
   position: absolute;
   width: 0;
}
 .graceful-widget .graceful-recent-image-box a {
   color: #3a3a3a;
   display: block;
   font-size: 13px;
   height: 46px;
   line-height: 22px;
   margin-top: 3px;
   overflow: hidden;
   vertical-align: top;
   width: 185px;
}
 
 aside .graceful-widget h2 {
   background: #fafafa;
   border-bottom: 1px solid #ddd;
   color: #030303;
   font-family: Montserrat, sans-serif;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 1.5px;
   line-height: 20px;
   margin-bottom: 20px;
   overflow: visible;
   padding: 7px 5px 5px;
   position: relative;
   text-align: center;
   text-transform: uppercase;
}
 aside .graceful-widget h2::after {
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 8px solid #ddd;
   bottom: -9px;
   content: "";
   height: 0;
   left: 49%;
   position: absolute;
   width: 0;
}
 aside .wp-block-latest-posts.wp-block-latest-posts__list li {
   border-bottom: 1px solid #eee;
   margin-bottom: 10px;
   padding-bottom: 10px;
}
 .graceful-recent-info {
   float: left;
}
 #primary .graceful-widget .graceful-recent-image-box a:hover {
   color: #777;
}
 

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
 .sidebar-no-widgets {
   background: #f7f7f7; 
   min-height: 350px; 
   text-align: center; 
   padding:20px;
}
 .widget-title {
   background: #000;
   clear: both;
   margin-bottom: 12px;
   overflow: hidden;
   position: relative;
   text-align: center;
   text-transform: uppercase;
   z-index: 0;
}
 .widget-title h2 {
   color: #ccc;
   display: inline-block;
   font-size: 16px;
   letter-spacing: 1.5px;
   line-height: 36px;
   position: relative;
}
 .graceful-widget {
   margin-bottom: 40px;
   overflow: hidden;
}
 .graceful-widget input[type="text"] {
   border: 1px solid;
   font-size: 12px;
   padding: 11px;
   width: 100%;
}
 .graceful-widget input[type="email"] {
   border: 1px solid;
   font-size: 12px;
   padding: 11px;
   width: 100%;
}
 .graceful-widget input[type="url"] {
   border: 1px solid;
   font-size: 12px;
   padding: 11px;
   width: 100%;
}
 .graceful-widget input[type="password"] {
   border: 1px solid;
   font-size: 12px;
   padding: 11px;
   width: 100%;
}
 .graceful-widget input[type="search"] {
   border: 1px solid;
   font-size: 12px;
   padding: 11px;
   width: 100%;
}
 .graceful-widget input[type="submit"] {
   border: 1px solid;
   font-size: 12px;
   padding: 11px;
   width: 100%;
}
 .graceful-widget select {
   border: 1px solid;
   font-size: 12px;
   padding: 11px;
   width: 100%;
}
 .graceful-widget textarea {
   border: 1px solid;
   font-size: 12px;
   padding: 11px;
   width: 100%;
}
 .graceful-widget > ul li span {
   color: inherit;
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 1px;
}
 .graceful-widget > ul li span a {
   color: inherit;
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 1px;
}
 .graceful-widget .sub-menu {
   padding-left: 10px;
}
 .widget_recent_entries ul li {
   border-bottom: 1px dotted;
   line-height: 44px;
}
 .widget_recent_entries ul li span {
   font-size: 12px;
}
 .widget_recent_comments li {
   border-bottom: 1px dotted;
   line-height: 45px;
}
 .widget_meta li {
   border-bottom: 1px dotted;
   line-height: 45px;
}
 .widget_pages > ul > li {
   border-bottom: 1px dotted;
   line-height: 45px;
}
 .widget_pages .children > li a {
   border-top: 1px dotted;
   display: block;
}
 .widget_archive li {
   border-bottom: 1px dotted;
   line-height: 45px;
}
 .widget_archive ul li {
   float: left;
   text-align: right;
   width: 100%;
}
 .widget_archive ul li a {
   float: left;
   overflow: hidden;
}
 .widget_categories > ul > li {
   border-bottom: 1px dotted;
   line-height: 45px;
}
 .widget_categories ul li {
   float: left;
   text-align: right;
   width: 100%;
}
 .widget_categories ul li a {
   float: left;
   overflow: hidden;
}
 .widget_categories .children li {
   border: 1px solid;
   padding-left: 10px;
}
 .widget_nav_menu li {
   line-height: 45px;
}
 .widget_nav_menu li a {
   border-bottom: 1px dotted;
   display: block;
}
 .widget_nav_menu li:last-child a {
   border-width: 0px;
}
 .widget_rss img {
   display: inline-block;
}
 .widget_search #searchform {
   position: relative;
}
 .widget_search i {
   padding: 15px;
   position: absolute;
   right: 0;
   top: 0;
}
 .widget_search #searchsubmit {
   cursor: pointer;
   opacity: 0;
   padding: 15px;
   position: absolute;
   right: 0;
   top: 0;
   width: auto !important;
}
 .widget_product_search input[type="submit"] {
   cursor: pointer;
   padding: 11px;
   position: absolute;
   right: 0;
   top: 0;
   width: auto !important;
}
 .tagcloud a {
   border: 1px solid;
   display: inline-block;
   font-size: 11px !important;
   font-weight: 600;
   letter-spacing: 2px;
   margin: 0 5px 8px 0;
   padding: 4px 12px;
   text-transform: uppercase;
}
 .graceful_social_widget .social-icons {
   text-align: center;
}
 .graceful_social_widget .social-icons a {
   font-size: 17px;
   line-height: 35px;
   margin-right: 8.5%;
   padding: 0 3px;
}
 .graceful_social_widget .social-icons a:last-child {
   margin-right: 0;
}

 
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#site-footer h2 {
   color: #030303 !important;
   font-family: sans-serif;
   font-size: 13px;
   line-height: 32px;
}
 .footer-widgets {
   border-bottom: 1px solid;
   overflow: hidden;
   padding: 60px 0 0px;
}
 .footer-widgets > .graceful-widget {
   float: left;
}
 .footer-widgets .widget-title {
   margin-bottom: 20px;
}
 .footer-credits {
   float: left;
   font-size: 13px;
}
 .footer-copyright {
   font-size: 13px;
}
 .footer-bottom-wrap {
   overflow: hidden;
   padding: 25px 0;
}
 .footer-socials a {
   font-size: 13px;
   letter-spacing: 1px;
   margin-right: 15px;
}
 .footer-socials a:last-child {
   margin: 0;
}
 .scrolltop {
   bottom: 65px;
   cursor: pointer;
   display: none;
   font-size: 40px;
   position: fixed;
   right: 80px;
   z-index: 20;
}


/*--------------------------------------------------------------
# Perfect Scrollbar
--------------------------------------------------------------*/

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  display: none;
  height: 15px;
  opacity: 0;
  /* please don't change 'position' */
  position: absolute;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  /* please don't change 'position' */
  position: absolute;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  background-color: transparent;
  display: block;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  height: 6px;
  /* please don't change 'position' */
  position: absolute;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  /* please don't change 'position' */
  position: absolute;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}


/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

/* Media Query Min 768px 
   ========================================================================== */
@media screen and ( min-width: 768px ) {
  .blog .post-page-content p {
     padding: 0 80px;
  }
   .single .post-header-inner {
     width: 90%;
  }
   .single .post-page-content {
     padding: 20px 60px;
  }
}


/* Media Query Max 979px
   ========================================================================== */
@media screen and ( max-width: 979px ) {
   #main-navigation {
     text-align: center !important;
  }
   #main-navigation > div {
     padding-left: 30px;
     padding-right: 30px;
  }
   #main-navigation .navigation-socials {
     padding-top: 4px;
     position: absolute;
     right: 58px;
     top: 7px;
  }
   #graceful-post-slider.wrapped-content {
     padding-left: 30px;
     padding-right: 30px;
  }
   #graceful-post-slider.wrapped-content .slider-item-bg {
     height: 500px;
  }
   #special-links {
     padding-left: 30px;
     padding-right: 30px;
  }
   .main-content {
     padding-left: 30px;
     padding-right: 30px;
  }
   .site-footer-wrap {
     padding-left: 30px;
     padding-right: 30px;
  }
   .slider-item-bg {
     height: 500px;
  }
   .site-menu-wrapper {
     display: none;
  }
   .main-navigation-socials {
     display: none;
  }
   .responsive-menu-btn {
     display: inline-block;
  }
   .left-menu-toggle-btn {
     float: none;
     left: 15px;
     margin: 0;
     position: absolute;
     top: 11px;
     z-index: 1;
  }
   .main-navigation-search {
     float: none;
     margin: 0;
     position: absolute;
     right: 30px;
     top: 7px;
     z-index: 2;
  }
   .content-wrap {
     margin: 0 !important;
     width: 100% !important;
  }
   .sidebar-left {
     padding: 0 !important;
     width: 100% !important;
  }
   .sidebar-right {
     padding: 0 !important;
     width: 100% !important;
  }
   .sidebar-left-wrap {
     float: none !important;
     margin-left: auto !important;
     margin-right: auto !important;
     width: 65% !important;
  }
   .sidebar-right-wrap {
     float: none !important;
     margin-left: auto !important;
     margin-right: auto !important;
     width: 65% !important;
  }
   .footer-widgets .graceful-widget {
     float: none !important;
     margin-left: auto !important;
     margin-right: auto !important;
     width: 65% !important;
  }
   
}


/* Media Query Max 768px
   ========================================================================== */
@media screen and ( max-width: 768px ) {
  .slider-content {
     display: none !important;
  }
   .slider-date {
     display: none !important;
  }
   .slider-categories {
     font-size: 10px !important;
     letter-spacing: 1px;
     margin-bottom: 8px !important;
  }
   .graceful-slider-read-more a {
     font-size: 12px !important;
     letter-spacing: 1px !important;
     margin-bottom: 0;
     padding: 2px 15px;
  }
   .special-link {
     display: none;
  }
   .special-link:first-of-type {
     margin-left: 0 !important;
  }
   .special-link img {
     width: 100%;
  }
   #special-links {
     padding-top: 8px;
  }
   .comments-area {
     margin-bottom: 50px;
  }
   .comment-form-author input {
     width: 100% !important;
  }
   .comment-form-email input {
     width: 100% !important;
  }
   .comment-form-url input {
     width: 100% !important;
  }
   .wpcf7 input[type="text"] {
     width: 100% !important;
  }
   .wpcf7 input[type="email"] {
     width: 100% !important;
  }
   .wpcf7 input[type="url"] {
     width: 100% !important;
  }
   .scrolltop {
     bottom: 60px;
     right: 30px;
  }
   .graceful-search {
     width: 305px;
  }
}


/* Media Query Max 640px
   ========================================================================== */
@media screen and ( max-width: 640px ) {

  #graceful-post-slider .slide-item {
     background-size: cover;
     height: 330px;
  }
   #graceful-post-slider .prev-arrow {
     font-size: 30px !important;
     left: 20px;
     margin-top: 5px !important;
     padding: 0 10px !important;
  }
   #graceful-post-slider .next-arrow {
     font-size: 30px !important;
     margin-top: 5px !important;
     padding: 0 10px !important;
     right: 20px;
  }
   .main-navigation-search {
     float: none;
     margin: 0;
     position: absolute;
     right: 30px;
     top: 0px;
     z-index: 2;
  }
   .related-posts {
     padding-bottom: 0 !important;
  }
   .related-posts section {
     display: none;
     float: none !important;
     margin-bottom: 20px;
     margin-right: 0 !important;
     text-align: center;
     width: 100% !important;
  }
   .related-posts section:first-of-type {
     display: block;
  }
   .related-posts section img {
     width: 100% !important;
  }
   .special-link {
     width: 100% !important;
  }
   .sidebar-left-wrap {
     width: 100% !important;
  }
   .sidebar-right-wrap {
     width: 100% !important;
  }
   .footer-widgets .graceful-widget {
     width: 100% !important;
  }
   #site-header .entry-header {
     height: auto;
     padding: 30px;
  }
   .site-branding {
     padding-top: 0 !important;
  }
   .site-branding a {
     font-size: 38px;
     padding: 7px 10px 14px 12px;
  }
   .footer-bottom-wrap .footer-copyright {
     float: none;
     text-align: center;
     width: 100%;
  }
   .footer-bottom-wrap .footer-credits {
     float: none;
     text-align: center;
     width: 100%;
  }
   .footer-bottom-wrap .footer-socials {
     float: none;
     margin-top: 12px;
     text-align: center;
     width: 100%;
  }
   .sidebar-slide-menu {
     padding-left: 20px !important;
     padding-right: 20px !important;
     width: 300px !important;
  }
   .sticky {
     padding: 20px !important;
  }
   .graceful-slider-info {
     padding: 30px;
  }
   .graceful-post-slider .prev-arrow {
     font-size: 30px !important;
     margin-top: -14px !important;
     padding: 0 10px !important;
  }
   .graceful-post-slider .next-arrow {
     font-size: 30px !important;
     margin-top: -14px !important;
     padding: 0 10px !important;
  }
   #graceful-post-slider.wrapped-content .prev-arrow {
     left: 35px;
  }
   #graceful-post-slider.wrapped-content .next-arrow {
     right: 35px;
  }
   .post-header-inner {
     margin: -40px auto 0;
     min-height: 170px;
     padding: 30px 15px 10px;
     width: 92%;
  }
   
}


/* Media Query Max 480px
   ========================================================================== */
@media screen and ( max-width: 480px ) {
  body {
     font-size: 15px;
  }
   #graceful-post-slider .slide-item {
     background-size: cover;
     height: 250px;
  }
   #graceful-post-slider .owl-nav {
     height: 60px !important;
  }
   #graceful-post-slider .owl-prev {
     margin-top: 15px;
  }
   #graceful-post-slider .owl-next {
     margin-top: 15px;
  }
   #graceful-post-slider .prev-arrow {
     display: block;
  }
   #graceful-post-slider .next-arrow {
     display: block;
  }
   #top-navigation > div {
     padding-left: 20px !important;
     padding-right: 20px !important;
  }
   #main-navigation > div {
     padding-left: 20px !important;
     padding-right: 20px !important;
  }
   #graceful-post-slider.wrapped-content {
     padding-bottom: 12px;
     padding-left: 20px !important;
     padding-right: 20px !important;
  }
   #graceful-post-slider.wrapped-content .slider-item-bg {
     height: 200px;
  }
   #special-links {
     padding-left: 20px !important;
     padding-right: 20px !important;
  }
   #special-links .special-link {
     margin-bottom: 20px;
     margin-left: 0;
     width: 100% !important;
  }
   #special-links h6 {
     font-size: 9px !important;
     letter-spacing: 0 !important;
     padding: 5px 10px;
  }
   .main-content {
     padding-left: 20px !important;
     padding-right: 20px !important;
  }
   .site-footer-wrap {
     padding-left: 20px !important;
     padding-right: 20px !important;
  }
   .navigation-socials {
     float: unset !important;
  }
   .navigation-search-button {
     line-height: 60px;
  }
   .slider-item-bg {
     height: 200px;
  }
   .post-navigation {
     display: block;
  }
   .graceful-slider-title {
     font-size: 24px;
     font-weight: 700;
     line-height: 30px;
     margin-bottom: 12px;
  }
   .post-title {
     font-size: 32px;
     line-height: 38px !important;
  }
  .post-categories a {
    font-size: 10px;
  }
   .page-title {
     font-size: 33px;
     line-height: 38px !important;
  }
   .main-navigation-sidebar {
     height: 60px;
     left: 20px;
  }
   .main-navigation-sidebar button {
     height: 60px;
  }
   .main-navigation-search {
     right: 20px;
  }
   .admin-bar .sidebar-slide-menu-close-btn {
     top: 55px;
  }
   #main-navigation #searchform #searchsubmit {
     padding: 5px 6px;
     right: 50px;
     top: 15px;
  }
}
 

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

/* Text meant only for the 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 readers and browsers combination show broken word 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. */
}

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

.wp-block-button__link {
  background-color: #949494;
}
