html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

  /* Sections
  ========================================================================== */
  
  /**
  * Remove the margin in all browsers.
  */
  
  body {
  	margin: 0;
  }

  /**
  * 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; /* 1 */
  	height: 0; /* 1 */
  	overflow: visible; /* 2 */
  }

  /**
  * 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; /* 1 */
  	font-size: 1em; /* 2 */
  }

  /* Text-level semantics
  ========================================================================== */
  
  /**
  * Remove the gray background on active links in IE 10.
  */
  
  a {
  	background-color: transparent;
  }

  /**
  * 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; /* 1 */
  	text-decoration: underline; /* 2 */
  	text-decoration: underline dotted; /* 2 */
  }

  /**
  * 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; /* 1 */
  	font-size: 1em; /* 2 */
  }

  /**
  * 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; /* 1 */
  	font-size: 100%; /* 1 */
  	line-height: 1.15; /* 1 */
  	margin: 0; /* 2 */
  }

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

  /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
  
  button,
  select { /* 1 */
  	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; /* 1 */
  	color: inherit; /* 2 */
  	display: table; /* 1 */
  	max-width: 100%; /* 1 */
  	padding: 0; /* 3 */
  	white-space: normal; /* 1 */
  }

  /**
  * 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; /* 1 */
  	padding: 0; /* 2 */
  }

  /**
  * 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; /* 1 */
  	outline-offset: -2px; /* 2 */
  }

  /**
  * 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; /* 1 */
  	font: inherit; /* 2 */
  }

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

  /*--------------------------------------------------------------
  # Typography
  --------------------------------------------------------------*/
  :root {
  	--primary-color: #0cb863;
  	--primary-color-rgb: 12, 184, 99;
  	--body-color: #494949;
  	--heading-color: #212121;
  	--black-color-rgb: 0, 0, 0;
  	--white-color: #ffffff;
  	--white-color-rgb: 255, 255, 255;
  	--primary-font: 'Poppins', sans-serif;
  }

  body,
  button,
  input,
  select,
  optgroup,
  textarea {
  	color: #404040;
  	font-family: sans-serif;
  	font-size: 16px;
  	font-size: 1rem;
  	line-height: 1.5;
  }

  body {
  	margin: 0;
  	padding: 0;
  	font-family: var(--primary-font);
  	color: var(--body-color);
  	font-size: 18px;
  	line-height: 1.86;
  	font-weight: 400;
  }

  h1, h2, h3, h4, h5, h6 {
  	clear: both;
  	color: var(--heading-color);
  	line-height: 1.75;
  	margin: 0.5em 0;
  }

  h1 {
  	font-size: 2.2223em;
  }

  h2 {
  	font-size: 2em;
  }

  h3 {
  	font-size: 1.6667em;
  }

  h4 {
  	font-size: 1.3333em;
  	margin: 0.67em 0;
  }

  h5 {
  	font-size: 1em;
  	margin: 0.67em 0;
  }

  h6 {
  	font-size: 0.8888em;
  	margin: 1em 0;
  }

  p {
  	margin-bottom: 1.5em;
  }

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

  blockquote {
  	margin: 1.5em 0 1.5em 2em;
  	font-size: 1.1112em;
  	color: var(--heading-color);
  	font-style: italic;
  	font-weight: 600;
  	line-height: 1.75;
  	border-left: 5px solid var(--primary-color);
  	padding-left: 1.5em;
  }

  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 {
  	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/ */
  	box-sizing: inherit;
  }

  body {
  	background: var(--white-color);
  	/* Fallback for when there is no custom background color defined. */
  }

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

  ul, ol {
  	margin: 0 0 1.5em 3em;
  }

  ul {
  	list-style: disc;
  	margin-left: 0;
  }

  ol {
  	list-style: decimal;
  	margin-left: 0;
  }

  ul li, ol li {
  	margin-bottom: 10px;
  }

  li > ul,
  li > ol {
  	margin-top: 10px;
  	margin-bottom: 0;
  	margin-left: 0;
  }

  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: 1em 0;
  	/* Extra wide images within figure tags don't overflow the content area. */
  }

  table {
  	margin: 1.5em 0;
  	width: 100%;
  }

  table tr:nth-child(2n) {
  	background: rgba(var(--black-color-rgb), 0.05);
  }

  .site-footer table tr:nth-child(2n) {
  	background: rgba(var(--white-color-rgb), 0.15);
  }

  table tr th {
  	text-align: left;
  	font-size: 0.8888em;
  	font-weight: 600;
  	color: var(--white-color);
  	padding: 1em;
  	background: var(--primary-color);
  	line-height: 1.5;
  }

  table tr td {
  	font-size: 0.8888em;
  	padding: 1em;
  	line-height: 1.5;
  }

  .site-footer table tr td {
  	color: rgba(var(--white-color-rgb), 0.7);
  }

  /*--------------------------------------------------------------
  # Forms
  --------------------------------------------------------------*/
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
  	border: 2px solid var(--primary-color);
  	border-radius: 0;
  	background: none;
  	color: var(--primary-color);
  	font-size: 0.8888em;
  	line-height: 1.3;
  	font-weight: 600;
  	letter-spacing: 1px;
  	text-transform: uppercase;
  	padding: 13px 30px 10px 30px;
  	min-height: 50px;
  	cursor: pointer;
  	-webkit-transition: all ease 0.35s;
  	-moz-transition: all ease 0.35s;
  	transition: all ease 0.35s;
  }

  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
  	background: var(--primary-color);
  	color: var(--white-color);
  }

  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, 
  select {
  	color: var(--heading-color);
  	font-size: 0.8888em;
  	border: 1px solid rgba(var(--black-color-rgb), 0.15);
  	border-radius: 0;
  	padding: 10px;
  	height: 50px;
  	width: 100%;
  }

  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, 
  select:focus {
  	color: var(--heading-color);
  }

  textarea {
  	width: 100%;
  	height: 150px;
  }

  select {
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23666" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
  	background-repeat: no-repeat;
  	background-size: 12px;
  	background-position: calc(100% - 15px) 50%;
  	padding-right: 35px;
  }

  /*--------------------------------------------------------------
  # Navigation
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  ## Links
  --------------------------------------------------------------*/
  a {
  	color: var(--primary-color);
  	text-decoration: none;
  	-webkit-transition: all ease 0.35s;
  	-moz-transition: all ease 0.35s;
  	transition: all ease 0.35s;
  }

  a:hover {
  	color: var(--primary-color);
  	text-decoration: underline;
  }

/*a:focus {
   outline: thin dotted;
   }*/

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

  /*--------------------------------------------------------------
  ## 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%;
  	padding-right: 15px;
  }

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

  /*--------------------------------------------------------------
  # Accessibility
  --------------------------------------------------------------*/
  /* Text meant only for screen readers. */
  .screen-reader-text {
  	border: 0;
  	clip: rect(1px, 1px, 1px, 1px);
  	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;
  	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  	clip: auto !important;
  	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;
  }

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

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

  /*--------------------------------------------------------------
  # Clearings
  --------------------------------------------------------------*/
  .clear:before,
  .clear:after,
  .entry-content:before,
  .entry-content:after,
  .comment-content:before,
  .comment-content:after,
  .container:before,
  .container:after,
  .site-content:before,
  .site-content:after {
  	content: "";
  	display: table;
  	table-layout: fixed;
  }

  .clear:after,
  .entry-content:after,
  .comment-content:after,
  .container:after,
  .site-content:after {
  	clear: both;
  }

  /*--------------------------------------------------------------
  # Widgets
  --------------------------------------------------------------*/
  .widget {
  	margin: 0 0 80px 0;
  	/* Make sure select elements fit in widgets. */
  }

  .widget-area .widget:last-child {
  	margin-bottom: 0;
  }

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

  /*--------------------------------------------------------------
  # Content
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  ## Posts and pages
  --------------------------------------------------------------*/
  .sticky {
  	display: block;
  }

  /*.post,
  .page {
  	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-top: 1.5em;
  	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 0 0;
  	font-size: 0.7778em;
  	letter-spacing: 0.5px;
  	font-style: italic;
  }

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

  .alignleft, .alignright {
  	margin-bottom: 0.5em;
  	margin-top: 1.9em;
  }

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

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

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

  /*=========================
  GLOBAL CSS
  =========================*/
  .custom-background .site {
  	background: var(--white-color);
  	max-width: 85%;
  	margin-left: auto;
  	margin-right: auto;
  }

  .container {
  	max-width: 1170px;
  	margin: 0 auto;
  	padding: 0 15px;
  }

  .dropcap {
  	color: var(--primary-color);
  	font-weight: 600;
  	font-size: 4em;
  	line-height: 0.8;
  	float: left;
  	display: inline-block;
  	position: relative;
  	top: 8px;
  	margin-right: 10px;
  }

  .entry-content a, 
  .page-content a, 
  .comment-content a, 
  .entry-summary a, 
  .widget_text a {
    text-decoration: underline;
  }

  .entry-content a:hover, 
  .page-content a:hover, 
  .comment-content a:hover, 
  .entry-summary a:hover, 
  .widget_text a:hover {
    text-decoration: none;
  }

  .edit-link {
  	margin-top: 20px;
  	display: block;
  }

  .post-edit-link {
  	display: inline-block;
  	text-decoration: none;
  	font-size: 0.8888em;
  	text-transform: uppercase;
  	font-weight: 500;
  	letter-spacing: 1px;
  	background: var(--primary-color);
  	color: var(--white-color);
  	border: 1px solid var(--primary-color);
  	padding: 5px 15px;
  	line-height: 1.5;
  }

  .post-edit-link:hover {
  	background: none;
  	color: var(--primary-color);
  	text-decoration: none;
  }

  .post-thumbnail {
  	margin: 0;
  }

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

  .widget ul li {
  	font-size: 0.8888em;
  	display: block;
  	margin-bottom: 15px;
  }

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

  .widget ul li a {
  	display: inline-block;
  	color: var(--body-color);
  	text-decoration: none;
  }

  .widget ul li a:hover {
  	color: var(--primary-color);
  }

  body:not(.home) .header-banner-wrap::before {
  	height: 100%;
  }

  .page-header {
  	background: rgba(var(--primary-color-rgb), 0.1);
  	padding: 60px 0 80px 0;
  	text-align: center;
  	border-top: 1px solid rgba(var(--black-color-rgb), 0.05);
  }

  .sub-title {
  	display: block;
  	font-size: 0.7778em;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	font-weight: 600;
  	color: rgba(var(--black-color-rgb), 0.45);
  }

  .page-header .page-title {
  	margin-top: 5px;
  	margin-bottom: 0;
  	font-size: 2em;
  	font-weight: 600;
  	line-height: 1.3;
  }

  .search-form {
  	background: none;
  	display: flex;
  	flex-wrap: wrap;
  	border-bottom: 3px solid rgba(var(--black-color-rgb), 0.1);
  }

  .search-form label {
  	width: calc(100% - 50px);
  }

  .search-form .search-field {
  	background: none;
  	border: none;
  	font-size: 1.1112em;
  	color: var(--heading-color);
  	padding-left: 0;
  	padding-right: 15px;
  }

  .search-form .search-submit {
  	width: 50px;
  	height: 50px;
  	padding: 0;
  	text-indent: 60px;
  	overflow: hidden;
  	white-space: nowrap;
  	border: none;
  	background-color: transparent;
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23212121" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
  	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: 25px;
  }

  .search-form .search-submit:hover {
  	background-color: transparent;
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%230cb863" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
  	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: 25px;
  }

  /*======================= 
  COMMENTS AREA 
  =======================*/
  .comments-area {
  	margin-top: 40px;
  	padding-top: 40px;
  	border-top: 1px solid rgba(var(--black-color-rgb), 0.1);
  }

  .comments-area .comment-reply-title, 
  .comments-area .comments-title {
  	font-size: 1.1112em;
  	margin-top: 0;
  	margin-bottom: 10px;
  }

  .comments-area .comment-reply-title small {
  	padding-left: 10px;
  	font-weight: 400;
  }

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

  .comments-area ol.comment-list {
  	margin-top: 40px;
  	border-bottom: 1px solid var(--white-color);
  	margin-bottom: 30px;
  }

  .comments-area ol.children {
  	margin-left: 6%;
  }

  .comments-area ol li article, 
  .single .comments-area ol li article {
  	background: rgba(var(--primary-color-rgb), 0.05);
  	margin-bottom: 30px;
  	position: relative;
  	padding: 40px;
  }

  .comments-area ol li .comment-meta {
  	position: relative;
  	padding-left: 70px;
  }

  .comments-area ol li .comment-author img {
  	position: absolute;
  	top: 5px;
  	left: 0;
  	width: 50px;
  	height: 50px;
  	border-radius: 100%;
  	object-fit: cover;
  }

  .comments-area ol li article .fn {
  	color: var(--heading-color);
  	font-size: 0.8888em;
  	text-transform: capitalize;
  	font-weight: 600;
  	letter-spacing: 1px;
  }

  .comments-area ol li .comment-author a {
  	color: var(--heading-color);
  }

  .comments-area ol li .comment-author a:hover {
  	color: var(--primary-color);
  }

  .comments-area ol li article .says {
  	display: none;
  }

  .comment-list .comment-metadata {
  	line-height: 1;
  }

  .comments-area ol li .comment-metadata a {
  	font-size: 0.7778em;
  	color: rgba(var(--black-color-rgb), 0.6);
  }

  .comments-area ol li .comment-metadata a:hover {
  	color: var(--primary-color);
  	text-decoration: underline;
  }

  .comments-area ol li article .comment-content {
  	font-size: 0.8888em;
  }

  .comments-area ol li .comment-content p {
  	margin-top: 20px;
  	margin-bottom: 20px;
  }

  .comments-area ol li .comment-content p:last-child {
  	margin-bottom: 0;
  }

  .comments-area ol li article .reply {
  	font-size: 0.7778em;
  	font-weight: 600;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	margin-top: 20px;
  	text-align: right;
  }

  .comments-area ol li article .reply .comment-reply-link {
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%230cb863" d="M511.563,434.259c-1.728-142.329-124.42-258.242-277.087-263.419V95.999c0-17.645-14.342-31.999-31.974-31.999 c-7.931,0-15.591,3.042-21.524,8.562c0,0-134.828,124.829-173.609,163.755C2.623,241.109,0,248.088,0,255.994 c0,7.906,2.623,14.885,7.369,19.687c38.781,38.915,173.609,163.745,173.609,163.745c5.933,5.521,13.593,8.562,21.524,8.562 c17.631,0,31.974-14.354,31.974-31.999v-74.591c153.479,2.156,255.792,50.603,255.792,95.924c0,5.896,4.767,10.666,10.658,10.666 c0.167,0.021,0.333,0.01,0.416,0c5.891,0,10.658-4.771,10.658-10.666C512,436.259,511.854,435.228,511.563,434.259z"></path></svg>');
  	background-repeat: no-repeat;
  	background-position: center left;
  	padding-left: 25px;
  	background-size: 18px;
  }

  .comments-area ol li article .reply a:hover {
  	text-decoration: underline;
  }

  .comments-area ol li article .comment-awaiting-moderation {
  	margin-top: 10px;
  	font-size: 0.7778em;
  	color: var(--primary-color);
  	margin-bottom: 0;
  	font-style: italic;
  	line-height: 1.5;
  	display: block;
  }

  .comments-area ol li.bypostauthor > article {
  	border-left: 5px solid var(--primary-color);
  }

  .comments-area li article + .comment-respond {
  	margin-top: 1.5em;
  	margin-bottom: 2em;
  }

  .comments-area form .required {
  	color: red;
  }

  .comments-area form p {
  	margin-top: 0;
  	margin-bottom: 20px;
  }

  .comments-area form p.comment-notes, 
  .comments-area form p.logged-in-as {
  	font-size: 0.8888em;
  }

  .comments-area form p.comment-form-author, 
  .comments-area form p.comment-form-email, 
  .comments-area form p.comment-form-url {
  	float: left;
  	vertical-align: top;
  	width: 31.33%;
  	margin-right: 3%;
  }

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

  .comments-area form p.form-submit {
  	margin-bottom: 0;
  }

  .comments-area form p input[type="text"], 
  .comments-area form p input[type="email"], 
  .comments-area form p input[type="url"], 
  .comments-area form p textarea {
  	font-size: 0.7778em;
  }

  .comments-area form p.comment-form-cookies-consent {
  	position: relative;
  	display: table;
  	clear: both;
  	font-size: 0.8888em;
  }

  .comments-area form input#wp-comment-cookies-consent {
  	position: absolute;
  	top: 8px;
  	left: 0;
  }

  .comments-area form label:not([for="wp-comment-cookies-consent"]) {
  	font-size: 0.778em;
  	text-transform: uppercase;
  	color: var(--heading-color);
  	font-weight: 500;
  	letter-spacing: 1px;
  	display: block;
  	margin-bottom: 5px;
  }

  .comments-area form label[for="wp-comment-cookies-consent"] {
  	padding-left: 25px;
  	cursor: pointer;
  }

  .comments-area form label[for="wp-comment-cookies-consent"]:hover {
  	text-decoration: underline;
  }

  /*===========================
  SIDEBARS
  ==========================*/
  .content-area, .widget-area {
  	margin-top: 80px;
  	margin-bottom: 80px;
  }

  .single.full-width .content-area, 
  .page-template-default.full-width .content-area {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .rightsidebar .content-area {
  	float: left;
  	width: calc(100% - 360px);
  	padding-right: 60px;
  }

  .rightsidebar .widget-area {
  	width: 360px;
  	float: right;
  }

  .leftsidebar .content-area {
  	float: right;
  	width: calc(100% - 360px);
  	padding-left: 60px;
  }

  .leftsidebar .widget-area {
  	width: 360px;
  	float: left;
  }

  .fullwidth-centered .content-area {
  	max-width: 780px;
  	margin-left: auto;
  	margin-right: auto;
  }

  /*========================
  PAGINATION
  ========================*/
  .pagination .page-numbers {
  	display: inline-block;
  	width: 40px;
  	height: 40px;
  	line-height: 40px;
  	text-align: center;
  	border: 1px solid rgba(var(--black-color-rgb), 0.3);
  	margin-right: 5px;
  	margin-top: 10px;
  	font-size: 0.8888em;
  	color: rgba(var(--black-color-rgb), 0.75);
  	font-weight: 600;
  	text-decoration: none;
  }

  .pagination .page-numbers:hover, 
  .pagination .page-numbers.current {
  	background: var(--primary-color);
  	border-color: var(--primary-color);
  	color: var(--white-color);
  }

  /*========================
  GO TO TOP
  ========================*/
  .goto-top {
  	border: none;
  	background: var(--primary-color);
  	position: fixed;
  	bottom: 60px;
  	right: 0px;
  	padding: 0;
  	width: 80px;
  	color: var(--white-color);
  	font-size: 0.8888em;
  	text-transform: uppercase;
  	font-weight: 600;
  	letter-spacing: 1px;
  	text-align: center;
  	z-index: 999;
  	visibility: hidden;
  	-webkit-transform: translateX(100%);
  	-moz-transform: translateX(100%);
  	transform: translateX(100%);
  	-webkit-transition: all ease 0.35s;
  	-moz-transition: all ease 0.35s;
  	transition: all ease 0.35s;
  }

  .goto-top:hover {
  	background: var(--heading-color);
  }

  .goto-top.active {
  	visibility: visible;
  	-webkit-transform: translateX(0);
  	-moz-transform: translateX(0);
  	transform: translateX(0);
  }

  .goto-top svg {
  	margin-right: 5px;
  }

  /*========================
  BREADCRUMBS
  ========================*/
  .breadcrumb-wrapper {
  	font-size: 0.7778em;
  	margin-top: 10px;
  	letter-spacing: 0.5px;
  }

  .breadcrumb-wrapper a {
  	color: var(--body-color);
  	text-decoration: none;
  }

  .breadcrumb-wrapper a:hover {
  	color: var(--primary-color);
  }

  .breadcrumb-wrapper .current a {
  	color: var(--primary-color);
  	text-decoration: underline;
  	pointer-events: none;
  }

  .breadcrumb-wrapper .separator {
  	display: inline-block;
  	margin: 0 10px;
  	font-size: 0.8888em;
  	color: rgba(var(--black-color-rgb), 0.35);
  }

  /*========================
  RELATED POST
  ========================*/
  .related-posts {
  	margin-top: 60px;
  	padding-top: 60px;
  	border-top: 1px solid rgba(var(--black-color-rgb), 0.1);
  }

  .related-posts .related-title {
  	margin-top: 0;
  	margin-bottom: 30px;
  	font-size: 1.3333em;
  	font-weight: 600;
  	line-height: 1.5;
  }

  .related-posts article {
  	margin-bottom: 30px;
  	padding-bottom: 30px;
  	border-bottom: 1px solid rgba(var(--black-color-rgb), 0.1);
  	display: flex;
  	flex-wrap: wrap;
  	flex-direction: row-reverse;
  	align-items: flex-start;
  }

  .related-posts article:last-child {
  	margin-bottom: 0;
  	padding-bottom: 0;
  	border-bottom: none;
  }

  .related-posts article .post-thumbnail {
  	margin: 0;
  	width: 200px;
  }

  .related-posts article .entry-header {
  	width: calc(100% - 200px);
  	padding-right: 30px;
  }

  .related-posts article .entry-title {
  	margin-top: 0;
  	margin-bottom: 0;
  	font-size: 0.8888em;
  	font-weight: 500;
  	line-height: 1.6;
  }

  .related-posts article .entry-title a {
  	color: var(--heading-color);
  }

  .related-posts article .entry-title a:hover {
  	color: var(--primary-color);
  }

  .related-posts article .entry-header .entry-meta {
  	margin-top: 20px;
  }

  .related-posts article .entry-meta > span {
  	font-size: 0.7778em
  }

  /*========================
  TOP HEADER
  ========================*/
  .header-banner-wrap {
  	position: relative;
  	z-index: 9999;
  }

  .header-banner-wrap::before {
  	content: "";
  	background: rgba(var(--primary-color-rgb), 0.1);
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 68%;
  	z-index: -1;
  }

  .header-banner-wrap.slider-disabled::before {
    height: 100%;
  }

  .top-header {
  	padding: 50px 0;
  }

  .top-header .container {
  	display: flex;
  	flex-wrap: wrap;
  	align-items: center;
  	justify-content: center;
  }

  .top-header .header-left, 
  .top-header .site-branding {
  	display: flex;
  	flex: 1;
  	flex-wrap: wrap;
  }

  .top-header .header-left {
  	justify-content: flex-end;
  }

  .site-header .header-search {
  	width: 100%;
  }

  .header-search .search-form {
  	background: none;
  	max-width: 300px;
  	margin-left: auto;
  	border-bottom: 3px solid rgba(var(--black-color-rgb), 0.1);
  }

  .header-search .search-form .search-field {
  	padding-left: 0;
  	font-size: 1.1112em;
  }

  .header-search .search-form .search-submit {
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23666" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
  	background-size: 20px;
  	background-position: center right;
  }

  .header-search .search-form .search-submit:hover {
  	background-color: transparent;
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%230cb863" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
  }

  .top-header .site-branding {
  	align-items: center;
  }

  .custom-logo-link + .site-title-wrap {
  	padding-left: 15px;
  }

  .site-title {
  	margin-top: 0;
  	margin-bottom: 0;
  	font-family: 'Leckerli One', cursive;
  	font-weight: 400;
  	font-size: 2em;
  	line-height: 1.5;
  }
  .site-title a {
  	text-decoration: none;
  }

  .site-description {
  	margin-top: 0;
  	margin-bottom: 0;
  	font-size: 0.7778em;
  	letter-spacing: 0.5px;
  	color: rgba(var(--black-color-rgb), 0.55);
  }

  /*======================
  MAIN NAVIGATION
  ======================*/
  .nav-wrap {
  	border-top: 1px solid rgba(var(--black-color-rgb), 0.05);
  	text-align: center;
  }

  .main-navigation .toggle-button, 
  .main-navigation .close {
  	display: none;
  }

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

  .main-navigation ul li {
  	margin-bottom: 0;
  	display: inline-block;
  	vertical-align: middle;
  	position: relative;
  	font-size: 0.7778em;
  	color: var(--heading-color);
  	letter-spacing: 0.5px;
  }

  .main-navigation .submenu-toggle {
  	display: none;
  }

  .main-navigation ul li a {
  	display: inline-block;
  	vertical-align: middle;
  	padding: 15px 25px;
  	color: var(--heading-color);
  	text-decoration: none;
  }

  .main-navigation ul li:hover > a, 
  .main-navigation ul li.current-menu-item > a, 
  .main-navigation ul li.current_page_item > a, 
  .main-navigation ul li.current-menu-ancestor > a, 
  .main-navigation ul li.current_page_ancestor > a {
  	color: var(--primary-color);
  }

  .main-navigation ul li ul {
  	position: absolute;
  	top: calc(100% + 15px);
  	left: -9999%;
  	width: 220px;
  	z-index: 999;
  	background: var(--white-color);
  	box-shadow: 0 10px 30px rgba(var(--black-color-rgb), 0.1);
  	text-align: left;
  	opacity: 0;
  	-webkit-transition: opacity 0.35s ease, top 0.35s ease;
  	-moz-transition: opacity 0.35s ease, top 0.35s ease;
  	transition: opacity 0.35s ease, top 0.35s ease;
  }

  .main-navigation ul li:hover > ul, 
  .main-navigation ul li.focused > ul {
  	left: 0;
  	opacity: 1;
  	filter: alpha(opacity= 100);
  	top: 100%;
  }

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

  .main-navigation ul ul li:hover > ul, 
  .main-navigation ul ul li.focused > ul {
  	top: 0;
  	left: 100%;
  }

  .main-navigation ul ul li {
  	font-size: 1em;
  	width: 100%;
  }

  .main-navigation ul ul li a {
  	display: block;
  	border-bottom: 1px solid rgba(var(--black-color-rgb), 0.1);
  }

  /*==========================
  SITE BANNER
  ==========================*/
  .site-banner .banner-item {
  	position: relative;
  }

  .site-banner .banner-item .item-content {
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	display: flex;
  	flex: auto;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
  }

  .site-banner .banner-item .item-content-inner {
  	background: rgba(var(--black-color-rgb), 0.4);
  	padding: 40px 20px;
  	max-width: 585px;
  }

  .site-banner .banner-item .item-content .category {
  	display: block;
  	color: var(--white-color);
  	font-size: 0.7778em;
  	letter-spacing: 0.5px;
  	text-transform: uppercase;
  	margin-bottom: 10px;
  }

  .site-banner .banner-item .item-content .category a {
  	display: inline-block;
  	position: relative;
  	margin-right: 5px;
  	color: var(--white-color);
  	text-decoration: none;
  }

  .site-banner .banner-item .item-content .category a:last-child {
  	margin-right: 0;
  }

  .site-banner .banner-item .item-content .category a:hover {
  	color: var(--primary-color);
  }

  .site-banner .banner-item .item-content .category a:last-child::after {
  	display: none;
  }

  .site-banner .banner-item .item-content-inner .item-title {
  	margin-top: 0;
  	margin-bottom: 0;
  	font-weight: 500;
  	font-size: 1.6667em;
  	line-height: 1.5;
  }

  .site-banner .banner-item .item-content-inner .item-title a {
  	color: var(--white-color);
  	text-decoration: none;
  }

  .site-banner .banner-item .item-content-inner .item-title a:hover {
  	color: var(--primary-color);
  }

  .site-banner .owl-nav button[class*="owl-"] {
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 50px;
  	height: 50px;
  	overflow: hidden;
  	white-space: nowrap;
  	text-indent: 50px;
  	background-color: rgba(var(--black-color-rgb), 0.4);
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M229.9 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L94.569 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H94.569l155.13-155.13c4.686-4.686 4.686-12.284 0-16.971L229.9 38.101c-4.686-4.686-12.284-4.686-16.971 0L3.515 247.515c-4.686 4.686-4.686 12.284 0 16.971L212.929 473.9c4.686 4.686 12.284 4.686 16.971-.001z"></path></svg>');
  	background-repeat: no-repeat;
  	background-size: 18px;
  	background-position: center;
  }

  .site-banner .owl-nav button.owl-next {
  	left: auto;
  	right: 0;
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z"></path></svg>');
  }

  .site-banner .owl-nav button[class*="owl-"]:hover {
  	background-color: var(--primary-color);
  }

  /*==========================
  CLASSIC LAYOUT
  ==========================*/
  .classic-layout .site-main article {
  	margin-bottom: 50px;
  	padding-bottom: 50px;
  	border-bottom: 5px solid rgba(var(--black-color-rgb), 0.1);
  }

  .classic-layout .site-main article .entry-header {
  	margin-bottom: 30px;
  }

  .classic-layout .site-main article .entry-title {
  	margin-top: 0;
  	margin-bottom: 0;
  	font-size: 1.6667em;
  	font-weight: 500;
  	line-height: 1.4;
  }

  .classic-layout .site-main article .entry-title a {
  	display: inline-block;
  	color: var(--heading-color);
  	text-decoration: none;
  }

  .classic-layout .site-main article .entry-title a:hover {
  	color: var(--primary-color);
  }

  .classic-layout .site-main article .entry-meta {
  	margin-top: 20px;
  }

  .classic-layout .site-main article .entry-meta > span {
  	display: inline-block;
  	vertical-align: middle;
  	margin-right: 20px;
  	font-size: 0.8888em;
  	font-weight: 400;
  	color: rgba(var(--black-color-rgb), 0.5);
  }

  .classic-layout .site-main article .entry-meta > span:last-child {
  	margin-right: 0;
  }

  .classic-layout .site-main article .entry-meta > span .author {
  	display: flex;
  	flex-wrap: wrap;
  	align-items: center;
  }

  .classic-layout .site-main article .entry-meta > span img {
  	width: 30px;
  	height: 30px;
  	margin-right: 10px;
  	border-radius: 100%;
  }

  .classic-layout .site-main article .entry-meta > span.byline a {
  	font-weight: 600;
  }

  .classic-layout .site-main article .entry-meta > span a {
  	display: inline-block;
  	color: rgba(var(--black-color-rgb), 0.5);
  	margin-left: 5px;
  }

  .classic-layout .site-main article .entry-meta > span a:hover {
  	color: var(--primary-color);
  }

  .classic-layout .site-main article .post-thumbnail {
  	margin: 0;
  }

  .classic-layout .site-main article .entry-content {
  	margin-top: 20px;
  	font-size: 0.8888em;
  }

  .classic-layout .site-main article .entry-content p {
  	margin-top: 20px;
  	margin-bottom: 0;
  }

  .classic-layout .site-main article .button-wrap {
  	margin-top: 30px;
  }

  .classic-layout .site-main article .button-wrap a {
  	display: inline-block;
  	text-transform: uppercase;
  	font-size: 0.7778em;
  	font-weight: 600;
  	letter-spacing: 1px;
  	color: var(--body-color);
  	border: 2px solid rgba(var(--black-color-rgb), 0.15);
  	padding: 12px 25px;
  	text-decoration: none;
  }

  .classic-layout .site-main article .button-wrap a:hover {
  	color: var(--primary-color);
  	border-color: var(--primary-color);
  }

  .site-main article .button-wrap {
    display: inline-block;
    vertical-align: middle;
  }

  .site-main article .entry-footer {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
  }

  .site-main article .button-wrap + .entry-footer {
    margin-left: 20px;
    float: right;
    margin-top: 35px;
  }

  .site-main article .entry-footer .tags {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
  }

  .site-main article .entry-footer .tags span {
    display: inline-block;
    line-height: 1.5;
    font-size: 0.7778em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
  }

  .site-main article .entry-footer .tags a {
    display: inline-block;
    margin-left: 5px;
    font-size: 0.8888em;
    line-height: 1.3;
    vertical-align: middle;
    text-decoration: none;
  }

  .site-main article .entry-footer .tags a:hover {
    text-decoration: underline;
  }

  .site-main article .entry-footer .tags a:not(:last-child)::after {
    content: ",";
  }

  .site-main article .entry-footer .edit-link {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
  }

  .site-main article .entry-footer .tags + .edit-link {
    margin-left: 20px;
  }

  /*=========================
  ERROR 404 PAGE
  =========================*/
  .error404 .site-main .error-404 {
  	max-width: 700px;
  	margin: 0 auto;
  	text-align: center;
  }

  .error404 .site-main .page-content {
  	margin-top: 0;
  }

  .error404 .site-main .error-num {
  	font-size: 18em;
  	font-weight: 700;
  	line-height: 1;
  	color: var(--primary-color);
  	text-shadow: 5px 5px 5px rgba(var(--black-color-rgb), 0.3);
  }

  .error404 .site-main .page-content p {
  	margin-top: 40px;
  	margin-bottom: 0;
  	font-size: 1.1112em;
  	line-height: 2;
  	font-weight: 100;
  }

  .error404 .site-main .search-form {
  	margin-top: 60px;
  	margin-left: auto;
  	margin-right: auto;
  	max-width: 600px;
  }

  .error404 .site-main .search-form label {
  	width: calc(100% - 60px);
  }

  .error404 .site-main .search-form .search-field {
  	height: 60px;
  	font-size: 1.1112em;
  }

  .error404 .site-main .search-form .search-submit {
  	/* background-color: var(--primary-color); */
  	width: 60px;
  	height: 60px;
  }

  /* .error404 .site-main .search-form .search-submit:hover {
  	background-color: var(--heading-color);
  } */

  .error404 .site-main .page-content .btn-readmore {
  	margin-top: 60px;
  	display: inline-block;
  	text-decoration: none;
  	background: var(--primary-color);
  	color: var(--white-color);
  	font-size: 0.8888em;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	font-weight: 500;
  	padding: 15px 40px;
  }

  .error404 .site-main .page-content .btn-readmore:hover {
  	background: var(--heading-color);
  }

  /*==========================
  SINGLE POST PAGE
  ==========================*/
  .single .site-content > .page-header .container {
  	max-width: 850px;
  }

  .single .site-content > .page-header .category {
  	display: block;
  	margin-bottom: 5px;
  }

  .single .site-content > .page-header .category a {
  	display: inline-block;
  	font-size: 0.7778em;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	margin-right: 10px;
  	margin-bottom: 10px;
  	border: 1px solid var(--primary-color);
  	padding: 5px 20px;
  	line-height: 1.5;
  	text-decoration: none;
  }

  .single .site-content > .page-header .category a:last-child {
  	margin-right: 0;
  }

  .single .site-content > .page-header .category a:hover {
  	background: var(--primary-color);
  	color: var(--white-color);
  }

  .single .site-content > .page-header .page-title {
  	margin-top: 0;
  }

  .single .page-header .entry-meta {
  	margin-top: 20px;
  }

  .entry-meta > span {
  	display: inline-block;
  	vertical-align: middle;
  	margin-right: 20px;
  	font-size: 0.8888em;
  	font-weight: 400;
  	color: rgba(var(--black-color-rgb), 0.5);
  }

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

  .entry-meta > span .author {
  	display: flex;
  	flex-wrap: wrap;
  	align-items: center;
  }

  .entry-meta > span img {
  	width: 40px;
  	height: 40px;
  	margin-right: 10px;
  	border-radius: 100%;
  }

  .entry-meta > span.byline a {
  	font-weight: 600;
  }

  .entry-meta > span a {
  	display: inline-block;
  	color: rgba(var(--black-color-rgb), 0.5);
  	margin-left: 5px;
  }

  .entry-meta > span a:hover {
  	color: var(--primary-color);
  }

  .single .site-main article {
  	margin-bottom: 0;
  }

  .single .site-main .post-thumbnail {
  	margin-top: 0;
  	margin-bottom: 40px;
  }

  .single .site-main .entry-content {
  	margin-top: 0;
  }

  .single .site-main .entry-content p {
  	margin-top: 25px;
  	margin-bottom: 0;
  }

  .single .site-main .entry-content p:first-child {
  	margin-top: 0;
  }

  .single-post .site-main .post-share:not(.sticky-share) {
  	border-top: 1px solid rgba(var(--black-color-rgb), 0.1);
  	margin-top: 30px;
  	padding-top: 30px;
  }

  .single .site-main article .entry-footer {
  	margin-top: 30px;
  }

  .single .site-main article .tags {
  	display: flex;
  	flex-wrap: wrap;
  	align-items: center;
  }

  .single .site-main article .tags span {
  	display: inline-block;
  	background: #333;
  	color: var(--white-color);
  	line-height: 1.5;
  	font-size: 0.7778em;
  	text-transform: uppercase;
  	font-weight: 500;
  	letter-spacing: 1px;
  	padding: 3px 5px 3px 10px;
  	position: relative;
  	margin-right: 15px;
  	margin-bottom: 10px;
  }

  .single .site-main article .tags span::after {
  	content: "";
  	border-left: 10px solid #333;
  	border-top: 14px solid transparent;
  	border-bottom: 14px solid transparent;
  	position: absolute;
  	top: 0;
  	left: 100%;
  }

  .single .site-main article .tags a {
  	display: inline-block;
  	font-size: 0.8888em;
  	background: var(--primary-color);
  	color: var(--white-color);
  	line-height: 1.3;
  	border: 1px solid var(--primary-color);
  	padding: 3px 10px;
  	vertical-align: middle;
  	margin-left: 5px;
  	margin-bottom: 10px;
  	text-decoration: none;
  }

  .single .site-main article .tags a:hover {
  	background: none;
  	color: var(--primary-color);
  }

  .single .post-navigation {
  	margin-top: 40px;
  	padding-top: 40px;
  	border-top: 1px solid rgba(var(--black-color-rgb), 0.1);
  }

  .single .post-navigation .nav-links:before, 
  .single .post-navigation .nav-links:after {
  	content: "";
  	display: table;
  }

  .single .post-navigation .nav-links:after {
  	clear: both;
  }

  .single .post-navigation a {
  	color: var(--heading-color);
  	display: inline-block;
  	font-size: 1.1112em;
  	font-weight: 600;
  	position: relative;
  	text-decoration: none;
  }

  .single .post-navigation a span {
  	display: block;
  	font-size: 0.7778em;
  	text-transform: uppercase;
  	font-weight: 500;
  	position: relative;
  	padding-left: 25px;
  	color: var(--body-color);
  	-webkit-transition: all ease 0.35s;
  	-moz-transition: all ease 0.35s;
  	transition: all ease 0.35s;
  }

  .single .post-navigation .nav-next a span {
  	padding-left: 0;
  	padding-right: 25px;
  }

  .single .post-navigation a:hover span {
  	color: var(--primary-color);
  }

  .single .post-navigation a svg {
  	position: absolute;
  	top: 7px;
  	left: 0;
  	font-size: 0.7778em;
  	color: var(--body-color);
  	-webkit-transition: all ease 0.35s;
  	-moz-transition: all ease 0.35s;
  	transition: all ease 0.35s;
  }

  .single .post-navigation .nav-next a svg {
  	left: auto;
  	right: 0;
  }

  .single .post-navigation a:hover svg {
  	color: var(--primary-color);
  }

  .single .post-navigation .nav-title {
  	margin-top: 0;
  	margin-bottom: 0;
  	font-size: 0.7778em;
  	font-weight: 600;
  	line-height: 1.5;
  }

  .post-share .post-share-title {
  	display: inline-block;
  	font-weight: 600;
  	color: var(--heading-color);
  	font-size: 0.7778em;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	vertical-align: middle;
  	margin-bottom: 10px;
  }

  .post-share .social-list {
  	margin: 0 0 0 10px;
  	padding: 0;
  	list-style: none;
  	display: inline-block;
  	vertical-align: middle;
  }

  .post-share .social-list li {
  	font-size: 1em;
  	display: inline-block;
  	margin-left: 5px;
  }

  .post-share .social-list li a {
  	display: inline-block;
  	color: var(--body-color);
  	width: 40px;
  	height: 40px;
  	line-height: 40px;
  	text-align: center;
  	background: rgba(var(--primary-color-rgb), 0.15);
  }

  .post-share .social-list li a:hover {
  	background: var(--primary-color);
  	color: var(--white-color);
  }

  .post-share.sticky-share {
  	position: fixed;
  	top: 50%;
  	left: 0;
  	background: var(--white-color);
  	box-shadow: 0 2px 10px rgba(var(--black-color-rgb), 0.15);
  	text-align: center;
  	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	transform: translateY(-50%);
  	opacity: 0;
  	visibility: hidden;
  	-webkit-transition: all ease 0.35s;
  	-moz-transition: all ease 0.35s;
  	transition: all ease 0.35s;
  }

  .post-share.sticky-share.show {
  	opacity: 1;
  	filter: alpha(opacity= 100);
  	visibility: visible;
  }

  .post-share.sticky-share .post-share-title {
  	padding: 10px;
  	margin-bottom: 0;
  }

  .post-share.sticky-share .social-list {
  	margin: 0;
  	display: block;
  }

  .post-share.sticky-share .social-list li {
  	display: block;
  	margin-bottom: 0;
  	margin-left: 0;
  }

  .post-share.sticky-share .social-list li a {
  	display: block;
  	padding: 10px;
  	border-top: 1px solid rgba(var(--black-color-rgb), 0.15);
  	line-height: 1.5;
  	width: auto;
  	height: auto;
  	background: none;
  }

  .post-share.sticky-share .social-list li a:hover {
  	background: var(--primary-color);
  	color: var(--white-color);
  }

  /*==========================
  WIDGET GLOBAL CSS
  ==========================*/
  .widget-area .widget .widget-title {
  	text-align: center;
  	font-size: 1em;
  	font-weight: 600;
  	letter-spacing: 1px;
  	margin-top: 0;
  	margin-bottom: 30px;
  	position: relative;
  	z-index: 1;
  }

  .widget-area .widget .widget-title::after {
  	content: "";
  	background: rgba(var(--black-color-rgb), 0.1);
  	width: 100%;
  	height: 2px;
  	position: absolute;
  	top: 50%;
  	left: 0;
  	z-index: -1;
  }

  .widget-area .widget .widget-title span {
  	display: inline-block;
  	background: var(--white-color);
  	padding: 0 10px;
  }

  .widget_archive ul li, 
  .widget_categories ul li, 
  .widget_meta ul li, 
  .widget_pages ul li, 
  .widget_recent_comments ul li, 
  .widget_recent_entries ul li, 
  .widget_nav_menu ul li {
  	position: relative;
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23494949" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" class=""></path></svg>');
  	background-repeat: no-repeat;
  	background-position: 0 8px;
  	background-size: 8px;
  	padding-left: 20px;
  }

  .widget ul ul {
  	margin-top: 15px;
  }

  .widget ul ul li {
  	font-size: 1em;
  }

  .widget .post-date {
  	font-style: italic;
  	color: rgba(var(--primary-color-rgb), 0.5);
  	display: block;
  	line-height: 1.5;
  }

  /*=======================
  WIDGET TAG CLOUD
  ========================*/
  .tagcloud a {
  	display: inline-block;
  	font-size: 0.8888em !important;
  	color: var(--body-color);
  	border: 1px solid rgba(var(--black-color-rgb), 0.15);
  	padding: 5px 20px;
  	margin-right: 5px;
  	margin-bottom: 10px;
  	text-decoration: none;
  }

  .tagcloud a:hover {
  	background: var(--primary-color);
  	color: var(--white-color);
  	border-color: var(--primary-color);
  }

  /*========================
  WIDGET CALENDAR
  ========================*/
  .widget_calendar table {
   margin: 0;
  }

  .widget_calendar table caption {
    background: rgba(var(--white-color-rgb),0.1);
    padding: 5px;
    font-size: 0.8888em;
  }

  .site-footer .widget_calendar table caption {
    color: var(--white-color);
  }

  .widget_calendar table tr th, 
  .widget_calendar table tr td {
   padding: 10px 0;
   text-align: center;
  }

  .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev {
   background: rgba(var(--black-color-rgb), 0.05);
  }

  .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev, 
  .widget_calendar .wp-calendar-nav .wp-calendar-nav-next {
   text-align: left;
   background: none;
  }

  .widget_calendar .wp-calendar-nav .wp-calendar-nav-next {
   text-align: right;
   float: right;
  }

  .site-footer .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev, 
  .site-footer .widget_calendar .wp-calendar-nav .wp-calendar-nav-next {
    background: none;
    padding: 0;
  }

  .widget_calendar .wp-calendar-nav .pad {
    padding: 0;
  }

  /*==========================
  WIDGET TEXT
  ==========================*/
  .widget_text .textwidget p {
  	margin-top: 20px;
  	margin-bottom: 0;
  }

  /*===========================
  SITE FOOTER
  ===========================*/
  .site-footer {
  	background: #121212;
  }

  .top-footer {
  	padding-top: 80px;
  	padding-bottom: 40px;
  }

  .footer-grid {
  	display: flex;
  	flex-wrap: wrap;
  }

  .footer-col {
  	width: 31.33%;
  	margin-right: 3%;
  }

  .footer-col:last-child {
  	margin-right: 0;
  }

  .site-footer .widget {
  	margin-bottom: 40px;
  }

  .site-footer .widget .widget-title {
  	margin-top: 0;
  	margin-bottom: 20px;
  	font-size: 1.1112em;
  	font-weight: 600;
  	color: var(--white-color);
  	line-height: 1.5;
  }

  .site-footer .widget ul li {
  	color: rgba(var(--white-color-rgb), 0.55);
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="rgba(255, 255, 255, 0.55)" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" class=""></path></svg>');
  }

  .site-footer .widget a, 
  .site-footer .widget .textwidget, 
  .site-footer .widget table tr th, 
  .site-footer .widget table tr td {
  	color: rgba(var(--white-color-rgb), 0.55);
  }

  .site-footer .widget a:hover {
  	color: var(--primary-color);
  }

  .site-footer .widget_search .search-form {
  	border-bottom-color: rgba(var(--white-color-rgb),0.15);
  }

  .site-footer .widget_search .search-form .search-field {
  	color: var(--white-color);
  }

  .site-footer .search-form .search-submit {
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
  }

  .site-footer .search-form .search-submit:hover {
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%230cb863" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
  }

  .bottom-footer {
  	border-top: 1px solid rgba(var(--white-color-rgb),0.03);
  	text-align: center;
  	padding: 30px 0;
  	font-size: 0.8888em;
  	letter-spacing: 0.5px;
  	line-height: 1.5;
  	color: rgba(var(--white-color-rgb),0.55);
  }

  .bottom-footer a {
  	color: rgba(var(--white-color-rgb),0.55);
  }

  .bottom-footer a:hover {
  	color: var(--primary-color);
  }

  /*========================
  SEARCH PAGE
  ========================*/
  .search .site-content > .page-header {
  	text-align: left;
  }

  .search .site-content > .page-header .container {
  	max-width: 640px;
  }

  .search .page-header .search-form {
  	background: none;
  	border-bottom: 3px solid rgba(var(--black-color-rgb), 0.1);
  }

  .search .page-header .search-form .search-field {
  	height: 70px;
  	padding-left: 0;
  	font-size: 2em;
  	font-weight: 600;
  }

  .search .page-header .search-form .search-submit {
  	height: 70px;
  	background-color: transparent;
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23212121" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
  	background-position: center right;
  	background-repeat: no-repeat;
  	background-size: 25px;
  }

  .search .page-header .search-form .search-submit:hover {
  	background-color: transparent;
  	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%230cb863" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
  }

  .search-no-results .no-results .page-content {
  	margin-top: 0;
  }

  .search-no-results .no-results .page-content p {
  	margin-top: 0;
  	margin-bottom: 20px;
  }

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

  #sb_instagram .sbi_follow_btn a{
    background: var(--primary-color);
  }
  #sb_instagram .sbi_follow_btn a:focus, #sb_instagram .sbi_follow_btn a:hover{
    box-shadow: inset 0 0 10px 20px #1b8f55;
  }

/*=======================
RESPONSIVE CSS
=======================*/
@media screen and (max-width: 1199px) {
 .container {
  max-width: 1000px;
}

.rightsidebar .content-area {
  width: calc(100% - 300px);
  padding-right: 40px;
}

.leftsidebar .content-area {
  width: calc(100% - 300px);
  padding-left: 40px;
}

.rightsidebar .widget-area, 
.leftsidebar .widget-area {
  width: 300px;
}
}

@media screen and (min-width: 1025px) and (max-width: 1100px) {
 .single .site-main article.has-sticky-social {
  padding-left: 10%;
}
}

@media screen and (min-width: 1025px) {
 .main-navigation .mobile-menu, 
 .nav-wrap .main-navigation ul li ul {
  display: block !important;
}

.main-navigation .mobile-menu {
  height: auto !important;
}
}

@media screen and (max-width: 1024px) {
 .custom-background .site {
  max-width: 90%;
}

.container {
  max-width: 768px;
}

.top-header {
  padding-top: 30px;
  padding-bottom: 30px;
}

.header-search .header-search-wrap .search-form {
  width: 90%;
}

   /*=========================
   SIDEBARS
   =========================*/
   .content-area, 
   .widget-area {
   	margin-top: 60px;
   	margin-bottom: 60px;
   }

   .rightsidebar .content-area, 
   .leftsidebar .content-area {
   	float: none;
   	width: 100%;
   	padding-right: 0;
   	padding-left: 0;
   }

   .rightsidebar .widget-area, 
   .leftsidebar .widget-area {
   	width: 100%;
   	float: none;
   }

   /*==========================
   MAIN NAVIGATION
   ==========================*/
   .main-navigation {
   	position: relative;
   }

   .main-navigation .toggle-button {
   	display: flex;
   	flex-wrap: wrap;
   	align-items: center;
   	padding: 0 0 0 40px;
   	border: none;
   	text-align: left;
   	position: relative;
   	background: none;
   }

   .main-navigation .toggle-button:hover {
   	color: var(--heading-color);
   }

   .main-navigation .toggle-button .toggle-bar {
   	position: absolute;
   	width: 25px;
   	height: 2px;
   	background: var(--primary-color);
   	top: 0;
   	bottom: 0;
   	left: 0;
   	margin: auto;
   	-webkit-transition: all ease 0.35s;
   	-moz-transition: all ease 0.35s;
   	transition: all ease 0.35s;
   }

   .main-navigation .toggle-button .toggle-bar:first-child {
   	top: -14px;
   }

   .main-navigation .toggle-button .toggle-bar:nth-child(3) {
   	bottom: -14px;
   }

   .main-navigation .toggle-button:hover .toggle-bar {
   	background: var(--heading-color);
   }

   .main-navigation .toggle-button.active {
     display: none;
   }

   .main-navigation .active .close {
     display: block;
     position: relative;
     border: none;
     padding: 0;
   }

   .main-navigation .active .close:hover {
    background: none;
    color: var(--primary-color);
  }

  .main-navigation .close .toggle-bar {
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
  }

  .main-navigation .close .toggle-bar::before, 
  .main-navigation .close .toggle-bar::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--primary-color);
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
  }

  .main-navigation .close .toggle-bar::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .main-navigation .mobile-menu {
   position: absolute;
   top: 100%;
   background: var(--white-color);
   z-index: 999;
   box-shadow: 0 10px 15px rgba(var(--black-color-rgb), 0.1);
   left: 0;
   width: 100%;
   max-height: 40vh;
   overflow-y: auto;
   overflow-x: hidden;
   display: none;
 }

 .main-navigation ul li {
  /* display: block; */
  text-align: left;
  width: 100%;
}

.main-navigation .submenu-toggle {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  padding: 0;
  font-size: 1.1112em;
  width: 30px;
  height: 57px;
  line-height: 57px;
  color: var(--body-color);
}

.main-navigation .submenu-toggle:hover {
  background: none;
  color: var(--primary-color);
}

.main-navigation .submenu-toggle.active {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.main-navigation ul li a {
  border-bottom: 1px solid rgba(var(--black-color-rgb), 0.1);
  width: 100%;
}

.main-navigation ul li ul {
  display: none;
  position: static;
  opacity: 1;
  visibility: visible;
  box-shadow: none;
  width: 100%;
  background: rgba(var(--black-color-rgb), 0.03);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

   /*=======================
   SITE BANNER
   =======================*/
   .site-banner .banner-item .item-content-inner .item-title {
   	font-size: 1.3333em;
   }
 }

 @media screen and (min-width: 768px) and (max-width: 790px) {
   .single .site-main article.has-sticky-social {
    padding-left: 80px;
  }
}

@media screen and (max-width: 767px) {
	.container {
		max-width: 450px;
	}

	.goto-top {
		bottom: 120px;
	}

	.page-header {
		padding-bottom: 60px;
	}

	.page-header .page-title {
		font-size: 1.6667em;
	}

	blockquote {
		margin-left: 0;
		font-size: 1em;
		padding-left: 1.1112em;
	}

	h1 {
		font-size: 2em;
	}

	h2 {
		font-size: 1.6667em;
	}

	h3 {
		font-size: 1.39em;
	}

	.comment-navigation .nav-previous, 
	.posts-navigation .nav-previous, 
	.post-navigation .nav-previous {
		float: none;
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}

	.comment-navigation .nav-next, 
	.posts-navigation .nav-next, 
	.post-navigation .nav-next {
		float: none;
		width: 100%;
		padding-left: 0;
	}

     /*========================
     COMMENTS AREA
     =======================*/
     .comments-area ol li article {
     	padding-left: 20px;
     	padding-right: 20px;
     }

     .comments-area ol li .comment-meta {
     	padding-left: 50px;
     }

     .comments-area ol li .comment-author img {
     	width: 40px;
     	height: 40px;
     }

     .comments-area form p.comment-form-author, 
     .comments-area form p.comment-form-email, 
     .comments-area form p.comment-form-url {
     	float: none;
     	width: 100%;
     	margin-right: 0;
     }

     /*=========================
     RELATED POSTS SECTION
     =========================*/
     .related-posts article {
     	flex-direction: column;
     }

     .related-posts article .post-thumbnail {
     	width: 100%;
     	margin-bottom: 30px;
     }

     .related-posts article .entry-header {
     	width: 100%;
     	padding-right: 0;
     }

     /*=======================
     TOP HEADER
     ======================*/
     .top-header {
     	padding-top: 30px;
     	padding-bottom: 30px;
     }

     .top-header .header-left {
     	flex: initial;
     	margin-top: 15px;
     	margin-bottom: 10px;
     }

     .top-header .site-branding {
     	width: 100%;
     	order: -1;
     	flex: auto;
     }

     .site-title {
     	font-size: 1.6665em;
     }

     .site-description {
     	font-size: 0.6666em;
     }

     /*=======================
     SITE BANNER
     =======================*/
     .site-banner .banner-item .item-content {
     	position: static;
     }

     .site-banner .banner-item .item-content-inner {
     	background: var(--body-color);
     	padding-left: 30px;
     	padding-right: 30px;
     }

     .site-banner .owl-nav button[class*="owl-"] {
     	width: 40px;
     	height: 40px;
     	min-height: auto;
     	background-size: 14px;
     }

     /*==========================
     CLASSIC LAYOUT
     ==========================*/
     .classic-layout .site-main article .entry-title {
     	font-size: 1.3333em;
     }

     .classic-layout .site-main article .entry-meta > span, 
     .entry-meta > span {
     	font-size: 0.7778em;
     }

     .entry-meta > span .author img {
     	display: none;
     }

     .site-main article .entry-footer {
      display: block;
    }

    .site-main article .button-wrap + .entry-footer {
      float: none;
      margin-left: 0;
      margin-top: 0;
    }

    .site-main article .entry-footer .tags + .edit-link {
      margin-left: 0;
      display: block;
    }

     /*========================
     SITE FOOTER
     ========================*/
     .top-footer {
     	padding-top: 60px;
     	padding-bottom: 20px;
     }

     .footer-grid {
     	flex-direction: column;
     }

     .footer-col {
     	width: 100%;
     	margin-right: 0;
     }

     /*========================
     ERROR 404 PAGE
     ========================*/
     .error404 .site-main .error-num {
     	font-size: 8em;
     }

     .error404 .site-main .page-content p {
     	margin-top: 20px;
     	font-size: 0.8888em;
     }

     .error404 .site-main .search-form, 
     .error404 .site-main .page-content .btn-readmore {
     	margin-top: 40px;
     }

     /*========================
     SEARCH PAGE
     ========================*/
     .search .page-header .search-form .search-field {
     	height: 60px;
     	font-size: 1.6667em;
     }

     .search .page-header .search-form .search-submit {
     	height: 60px;
     }

     /*========================
     SINGLE POST PAGE
     ========================*/
     .post-share.sticky-share {
     	margin-top: 40px;
     	position: static;
     	opacity: 1 !important;
     	visibility: visible !important;
     	box-shadow: none;
     	-webkit-transform: none;
     	-moz-transform: none;
     	transform: none;
     }

     .post-share.sticky-share .post-share-title {
     	padding: 0;
     }

     .post-share.sticky-share .social-list {
     	display: inline-block;
     	margin-left: 10px;
     }

     .post-share.sticky-share .social-list li {
     	display: inline-block;
     }

     .post-share.sticky-share .social-list li a {
     	border: none;
     	padding: 0;
     	width: 40px;
     	text-align: center;
     	height: 40px;
     	line-height: 40px;
     	background: rgba(var(--primary-color-rgb), 0.15);
     }
   }