/*!
Theme Name: Guten Blog
Theme URI: https://avidthemes.com/guten-blog
Author: avidthemes
Author URI: http://avidthemes.com
Description: Guten Blog is a Robust theme build on top of Gutentor. Our theme is build in Gutentor which is lightweight and easy to use drag & drop Gutenberg page builder. The theme is best fit for lifestyle bloggers, travellers, food bloggers, personal bloggers and more.
Version: 1.1.1
Tested up to: 5.8
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: guten-blog
Tags: blog, custom-colors, custom-header, editor-style, flexible-header, footer-widgets, full-width-template, left-sidebar, right-sidebar, one-column, two-columns, three-columns, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, theme-options, sticky-post



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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	--------------------------------------------------------------*/

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

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

/* Document
========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
   line-height: 1.5em !important;
   -webkit-text-size-adjust: 100%;
}

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

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

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

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

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 1rem;
   line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   clear: both;
   color: var(--header-text-color);
}

h1,h2,h3,h4,h5,h6{font-family: 'Playfair Display', sans-serif;}
h1,h2,h3,h4{margin:10px 0 20px 0;}
h5,h6{margin:0 0 10px 0;}

h1{font-weight: 600;font-size: 3rem;line-height: 1.25;}
h2{font-weight: 600;font-size: 2rem;line-height: 1.35;}
h3{font-weight: 500;font-size: 1.3rem;line-height: 1.45;}
h4{font-weight: 500;font-size: 1.5rem;line-height: 1.45;}
h5{font-weight: 600;font-size: 1.35rem;line-height: 1.25;}
h6{font-weight: 600;font-size: 1rem;line-height: 1.25;}




p {
   margin-bottom: 1.5em;
}

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

blockquote {
   margin: 0 1.5em;
}

address {
   margin: 0 0 1.5em;
}

pre {
   background: #eee;
   font-family: "Courier 10 Pitch", courier, monospace;
   font-size: 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: 0.9375rem;
}

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

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

big {
   font-size: 125%;
}

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

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

html {
   box-sizing: border-box;
}

body {
   background: #fff;
}

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

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

ul {
   list-style: disc;
}

ol {
   list-style: decimal;
}

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

dt {
   font-weight: 700;
}

dd {
   margin: 0 1.5em 1.5em;
}

img {
   height: auto;
   max-width: 100%;
}

figure {
   margin: 1em 0;
}

table {
   margin: 0 0 1.5em;
   width: 100%;
   border:1px solid #eee;
   border-collapse: collapse;
}
table tr th,table tr td{border:1px solid #eee;padding: 10px}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
   border: 1px solid;
   border-color: #ccc #ccc #bbb;
   border-radius: 3px;
   background: #e6e6e6;
   color: rgba(0, 0, 0, 0.8);
   line-height: 1;
   padding: 10px 30px;
   width: auto;
   cursor: pointer;
}

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

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

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

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

select {
   border: 1px solid #ccc;
}

textarea {
   width: 100%;
}

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

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
   text-decoration: none;
   display: inline-block;
   vertical-align: top;
}

a:focus {
   outline: thin dotted;
}

a:hover,
a:active {
   outline: 0;
}
.entry-content a{text-decoration: underline;color: var(--accent-color);}
.entry-content a:hover{text-decoration: none;}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation ul {
   margin: 0;
   padding: 0;
}
.main-navigation ul ul {
   text-align: left;
   transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   top: 100%;
   left: 0;
   -webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
   -moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
   box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
   width: 220px;
   position: absolute;
   z-index: 999;
   -webkit-transform-origin: top;
   transform-origin: top;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-transform: scale(1, 0);
   transform: scale(1, 0);
   opacity: 0;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation ul li.focus > ul {
   display: block;
   opacity: 1;
   z-index: 1000;
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1);
   transition: transform 0.3s ease, opacity 0.2s ease 0.1s;
   -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease 0.1s;
}
.main-navigation ul ul ul {
   left: 100%;
   top: 0;
}
.main-navigation li {
   position: relative;
   display: inline-block;
   margin-bottom: 0;
}
.main-navigation ul ul ul {
   left: 100%;
   top: 0;
}
.main-navigation ul > li:hover > ul {
   opacity: 1;
   left: 0;
   z-index: 9999;
}
.main-navigation ul ul li:hover > ul {
   opacity: 1;
   left: 100%;
}
.main-navigation li li {
   float: none;
   display: block;
}
.main-navigation ul li li:last-child > a {
   border: none;
}
.main-navigation ul li a {
   display: block;
   padding: 8px 20px;
   position: relative;
   z-index: 99;
   transition: all 0.3s ease;
}
.main-navigation ul li a:hover{
   color: var(--primary-color);
}
.main-navigation ul li ul li a{
   padding: 10px 20px !important;
}

.main-navigation li > a {
   position: relative;
}
.main-navigation li li.current_page_item > a:after,
.main-navigation li li.current-menu-item > a:after,
.main-navigation ul li li a:hover:after {
   display: none;
}
.main-navigation ul li.page_item_has_children > a::before,
.main-navigation ul li.menu-item-has-children > a::before {
   content: "\e807";
   font-family: "fontello";
   position: absolute;
   right: 5px;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   font-size: 12px;
}
.main-navigation ul li ul li.page_item_has_children > a::before,
.main-navigation ul li ul li.menu-item-has-children > a::before {
   content: "\e804";
   right: 15px;
}
.main-navigation ul li ul li.page_item_has_children > a::before
.main-navigation ul li ul li.menu-item-has-children > a::before {
   right: 20px;
   top: 10px;
   transform: rotate(-90deg);
}
.main-navigation .dropdown-toggle::after {
   display: none !important;
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
   display: block;
}

@media screen and (min-width: 37.5em) {

   .menu-toggle {
      display: none;
   }
}

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

.comment-navigation .nav-links{
   display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
   flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
   text-align: end;
   flex: 1 0 50%;
}

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

.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: 0.875rem;
   font-weight: 700;
   height: auto;
   left: 5px;
   line-height: normal;
   padding: 15px 23px 14px;
   text-decoration: none;
   top: 5px;
   width: auto;
   z-index: 100000;
}

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

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

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
   margin: 0 0 1.5em;
}

.widget select {
   max-width: 100%;
}
.textwidget h1, 
.textwidget h2, 
.textwidget h3, 
.textwidget h4, 
.textwidget h5, 
.textwidget h6{
   margin: 0;
}

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

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

.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
--------------------------------------------------------------*/

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
   display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
   display: block;
}

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

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
   display: inline-block;
}

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

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

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

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

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

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

.gallery-columns-2 {
   grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
   grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
   grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
   grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
   grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
   grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
   grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
   grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
   display: block;
}





/*custom html*/
:root {
   --primary-color: #788e8b;
   --secondary-color: #52AD87;
   --text-color: #757575;
   --accent-color: #5278AD;
   --light-color: #ffffff ;
   --dark-color: #0a0a0a ;
   --grey-color: #999999 ;
}


/*color-scheme*/
*:before,
*:after{
   font-weight: 600;
}
.post-content article a,
.post-content article a:visited {
   text-decoration: underline;
}


.comment-author a,
.entry-title a,
.readmore,
.post-content article a:focus,
.post-content article a:active,
.comment-form a:hover,
aside a:hover,
.sidebar a:hover,
.comment-metadata a:hover,
.single-post .info .post-author, 
.single-post .info .post-author a,
.news-title a:hover,
.news-snippet a.readmore:after,
.single-post .info .post-date, 
.single-post .info .post-date a,
blockquote a:hover,
table a:hover,
article .entry-content ol li a:hover,
figcaption a:hover, dd a:hover,
p a:hover, .page-links a:hover,
.reply a:hover, .post-edit-link:hover,
.post-content article a:hover,
.post-content article a:visited:hover,
.posts-navigation .nav-links a:hover,
.header-layout-4 .social-links a:hover,
article .entry-header .entry-meta a:hover,
article .entry-footer a:hover{
   color: var(--primary-color);
}



.news-snippet a.readmore:hover,
.news-snippet a.readmore:hover:after,
.single-post .info .post-date:hover, 
.single-post .info .post-date:hover a,
blockquote a,figcaption a,
.page-links a, .comment-author a:hover,
#cancel-comment-reply-link:hover{
   color: var(--secondary-color);
}


.comments-area .comments-title,
.comment-reply-title,
.main-navigation ul li a,
.site-description,
aside .widget-title, 
.sidebar .widget-title, 
.comments-area .comment-form label, 
.comments-area .comment-form input,
h5.widget-title:after, 
.news-title a,
.news-snippet .info ul li a:hover,
.news-snippet .info a:hover,
.single-post .info .post-author a:hover,
strong, em, 
.single-post .tag-lists a:hover,
.header-layout-4 .social-links a{
   color: var(--dark-color);
}


.top-header .social-links a,
.search-form input[type=submit],
.site-footer .widget-title, 
.site-footer,
.site-footer a,
.comments-area .comment-form .form-submit input[type=submit],
.footer-section p,
.news-snippet .category a,
.single-post .category a{
   color: var(--light-color);
}


p{ 
   color: var(--text-color);
}


.news-snippet .info ul li,
.news-snippet .info ul li a,
.news-snippet .info a,
.single-post .tag-lists,
.single-post .tag-lists a{
   color: var(--grey-color);
}


aside a,
.sidebar a,
.comment-metadata a,
.comment-form a,
.post-content article a,
.post-content article a:visited,
table a,
article .entry-content ol li a,
dd a, p a, .reply a, .post-edit-link,
.posts-navigation .nav-links a,
#cancel-comment-reply-link,
article .entry-header .entry-meta a,
article .entry-footer a {
   color: var(--accent-color);
}


.site-footer{background-color: var(--secondary-color);}

.comments-area .comment-form .form-submit input[type=submit]:hover,
.search-form input[type=submit]:hover,
.news-snippet .category a:hover,
.single-post .category a:hover,
.top-header{
   background-color: var(--primary-color);
}


.breadcrumb,
.comments-area .comment-form .form-submit input,
.search-form input[type=submit],
.comments-area .comment-form .form-submit input[type=submit],
.news-snippet .category a,
.single-post .category a{
   background-color: var(--secondary-color);
}


#scrollTop{background-color: var(--primary-color);}
#nav-icon span{
   background-color: var(--dark-color);
}

#scrollTop{background-color: var(--primary-color);}
#scrollTop:hover{background-color: var(--dark-color);}


.main-navigation ul ul,
#masthead{
   background-color: var(--light-color);
}


.search-form input[type=submit]{
   border-color: var(--secondary-color);
}
/*end color-scheme*/




body.sticky .sticky-top.fix-top{
   position: fixed;
   top: 0;
}
.sticky-top{position: absolute;left: 0;right: 0;}

body.logged-in.sticky .sticky-top.fix-top{top: 32px;}
body.logged-in.sticky #masthead{
   top: 32px;
}
input,
textarea,
select{
   transition: all 0.2s ease;
   width: 100%;
}
.entry-title{
   margin-top: 0;
   margin-bottom: 20px;
}
.container{
   max-width: 1140px;
   margin: 0 auto;
   padding: 0 15px;
}
.social-links{
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
}
.social-links li{
   margin: 0 15px 0 0 !important;
}
.social-links li:last-child{
   margin: 0 !important;
}
header#masthead{
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
header a{
   transition: all 0.3s ease;
}
header .bottom-header .main-navigation ul li:first-child a{
   padding-left: 0;
}
header .advertise-block{
   overflow: hidden;
}
header .advertise-block .advertise-image {
    display: block;
    width: 810px;
    height: 80px;
    background: #ddd;
}
/*.header-layout-1,
.header-layout-2,
.header-layout-5{
   box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
}
.header-layout-3,
.header-layout-4{
   border-bottom: 1px solid #ddd;
}*/

.sticky-top{border-bottom: 1px solid #ddd;box-shadow:0 2px 7px 0px rgb(0 0 0 / 10%);background: var(--light-color);z-index: 100;}
body.sticky .header-layout-3 .sticky-top{top: 0;}
body .header-layout-3 .sticky-top{top: 0;}
body.logged-in .header-layout-3 .sticky-top{top: 32px;}

.header-layout-4 .site-branding,
.header-layout-5 .site-branding{
   width: auto;
   margin: 0 auto;
   text-align: center;
}
.header-layout-4 .main-navigation ul.menu,
.header-layout-5 .main-navigation ul.menu{
   text-align: center;
}
.header-layout-4 .bottom-header .main-navigation ul li:first-child a,
.header-layout-5 .bottom-header .main-navigation ul li:first-child a{
   padding-left: 20px;
}
.header-layout-4 .bottom-header .site-branding,
.header-layout-5 .bottom-header .site-branding{
   margin: 0;
}
.header-layout-4 form.header-search{
   margin: 0 0 0 auto;
}
.header-layout-4 .social-links, .header-layout-4 .site-branding, .header-layout-4 .header-search {
    width: 33.3333%;
}
.header-layout-4 .header-search input {
    float: right;
    width: 70%;
}
/*header .custom-logo{
   width: 170px;
}*/
.header-wrapper .container{
   display:flex;
   justify-content: space-between;
   align-items: center;
}
/*header .custom-logo{
   height: auto !important;
}*/
.top-header{
   padding: 10px 0;
}
.top-header .social-links a:hover{
   opacity: 0.5;
}
.site-branding{
   width: 300px;
}
.site-title,
.site-description{
   margin: 0;
   line-height: 1.5;
}
.site-description{
   margin-top: 5px;
}
.site-title{
   font-weight: 700;
}
.site-title a{
   text-decoration: none;
}
.menu-toggle{
   border: 0 !important;
   background: transparent !important;
   padding: 0 !important;
}
.middle-header{
   padding: 20px 0;
}
.bottom-header{
   
   padding: 10px 0;
   border-top: 1px solid #ddd;
}
.bottom-header .site-branding{
   display: none;
}


/*header search*/
form.header-search {
    position: relative;
    width: 250px;
}
form.header-search input {
    border: 1px solid #ddd;
    height: 40px;
    padding: 10px 15px;
    border-radius: 1000px;
    padding-right: 45px;
}
form.header-search button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2px;
    bottom: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 1000px;
    background: no-repeat;
    border: none;
    transition: all 0.2s ease;
}
form.header-search button:hover {
    background-color: var(--primary-color);
    color: var(--light-color);
}
.search-sociallinks {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.search-sociallinks .header-search {
    margin: 0 0 0 30px;
}
.search-sociallinks .social-links li a{
   color: var(--dark-color);
}
.search-sociallinks .social-links li a:hover{
   color: var(--primary-color);
}
/*end header search*/



/*hamburger style*/

.navbar-toggler {
   margin: 0 0 0 auto;
   border: 0;
   border-radius: 0;
   padding: 0;
}

#nav-icon {
   width: 26px;
   height: 24px;
   position: relative;
   margin: 10px auto;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   cursor: pointer;
}

#nav-icon span {
   display: block;
   position: absolute;
   height: 2px;
   width: 100%;
   opacity: 1;
   left: 0;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
}

/* Icon 3 */

#nav-icon span:nth-child(1) {
   top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
   top: 9px;
}

#nav-icon span:nth-child(4) {
   top: 18px;
}

.main-navigation.toggled #nav-icon span:nth-child(1) {
   top: 7px;
   width: 0%;
   left: 50%;
}

.main-navigation.toggled #nav-icon span:nth-child(2) {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}

.main-navigation.toggled #nav-icon span:nth-child(3) {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.main-navigation.toggled #nav-icon span:nth-child(4) {
   top: 7px;
   width: 0%;
   left: 50%;
}

/*end hamburger*/


/*detail page*/
h1.entry-title, h1.page-title{
   margin: 0 0 20px 0;
   overflow-wrap: break-word;
}
.list-inline > li{
   display: inline-block;
   vertical-align: middle;
}
figure.feature-image {
   display: flex;
   padding: 5px;
   background: : var(--light-color);
   box-shadow: 0px 0px 10px #00000017;
}
figure.feature-image img {
   width: 100%;
}
blockquote {
   border: none;
   margin: 30px 0;
   border-left: 5px solid var(--secondary-color);
   padding: 30px 0 30px 30px;
   font-size: 1.4rem;
   font-style: italic;
   background: #f9f9f9;
}
blockquote p{
   color: var(--dark-color);
   font-weight: 600;
}
blockquote p:last-child, 
blockquote ul:last-child, 
blockquote ol:last-child {
   margin: 0;
}
.comments-area .comment-form .form-submit input {
   color: #fff;
   letter-spacing: 2px;
   border: none;
}
.comments-area .comment-form input, .comments-area .comment-form textarea {
   border: 1px solid #ddd;
   border-radius: 0;
   box-shadow: none;
   padding: 10px;
   width: 100%;
}
.comments-area .comment-form label{
   margin: 0 0 10px;
}
.comments-area .comment-form label, .comments-area .comment-form input {
   display: block;
   font-weight: 500;
}
/*end detail page*/


/*list page*/
.inside-page .container{
   overflow: hidden;
}
.info{
   font-size: 0.8rem;
   color: var(--grey-color);
   margin-bottom: 7px;
}
.info ul{
   margin: 0;
}
.info ul li{
   padding:0 15px 0 0;
   margin: 0 0 8px;
}
.info a{
   color: #aaa;
}
.info .author-image{
   float: left;
   margin-right: 10px;
}
.list-inline{
   list-style: none;
   padding-left: 0;
}
.news-title {
   margin: 0 0 15px 0;word-break: break-all;
}
h6.category {
   display: inline-block;
   margin-top: 0;
   margin-right: 5px;
   margin-bottom: 10px;
}

.row {
   margin-right: -15px;
   margin-left: -15px;
   overflow: hidden;
}
.col-sm-12, 
.col-sm-9, 
.col-sm-8, 
.col-sm-6, 
.col-sm-4, 
.col-sm-3{
   position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   float: left;
}
.col-sm-12{
   width: 100%;
}
.col-sm-9{
   width: 75%;
}
.col-sm-8 {
   width: 66.666667%;
}
.col-sm-6{
   width: 50%;
}
.col-sm-4 {
   width: 33.333333%;
}
.col-sm-3{
   width: 25%;
}

.sticky-sidebar{position: sticky;top: 0;}

/*news-snippet*/
.news-snippet .info .author-image img{
   border-radius: 50%;
   width: 22px;
   height: 22px;
}
.news-snippet{
   float: left;
   height: 100%;
   width: 100%
}
.search-page .news-snippet{
   border: 1px solid #ddd;
   margin: 0 0 30px;
}
.news-snippet .summary{
   padding: 20px;
   color: var(--text-color);
}


.news-snippet .featured-image{
   padding-left: 0;
   padding-right: 0;
   display: block;
}
.news-snippet .featured-image img{
   width: 100%;
   display: block;
}
.news-snippet .summary{
   width: 100%;
   float: left;
}
.news-snippet a.readmore{
   margin-top: 15px;
   display: block;
   position: relative;
   font-size: 0.85rem;
}
.news-snippet a.readmore:after{
   content: "\e804";
   font-family: 'fontello';
   margin: 0 0 0 3px;
   font-size: 12px;
}
.blog-list-block .type-post{
   border: 1px solid #ddd;
}
.full-width-view .type-post{
   border: none;
}


.grid-view {
   grid-gap: 30px;
   column-count: 2;
   display: block;
}
.grid-view .post{
   position: relative;
   display: inline-block;
   vertical-align: top;
   break-inside: avoid;
   margin: 0 0 30px;
   width: 100%;
}
.grid-view .col-sm-12{
   position: relative;
   overflow: hidden;
}
.grid-view .news-snippet{
   background-color: #fff;
}

.list-view {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   grid-gap: 30px;
}
.list-view .col-sm-12{
   position: relative;
   overflow: hidden;
}
.list-view .news-snippet{
   border:none;
}
.list-view .news-snippet .featured-image{
   width: 35%;
   float: left;
}
.list-view .news-snippet .featured-image + .summary{
   width: 65%;
}


.full-width-view.blog-list-block .news-snippet{
   width: 100%;
   margin-bottom: 30px;
   padding-right: 0;
   border: none;
}
.full-width-view.blog-list-block .news-snippet .summary{
   background: #fff;
   padding: 30px;
   float: left;
   border: 1px solid #ddd;
   position: relative;
   z-index: 10;
}


.col-3-view {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(290px, 3fr));
   grid-gap: 30px;
}

.detail-content .single-post article{
   margin: 0 0 1em;
   overflow: hidden;
}
/*end news-snippet*/

/*end list page*/



/*sidebar*/
.widget {
   float: left;
   width: 100%;
   position: relative;
}
aside .widget,
.sidebar .widget {
   border: 1px solid #ddd;
}
aside .widget ul, 
aside .widget ol
.sidebar .widget ul, 
.sidebar .widget ol{
   margin: 0;
   list-style: none;
   padding: 10px 30px;
   display: block;
   overflow: hidden;
}
aside .widget ul li, 
aside .widget ol li
.sidebar .widget ul li, 
.sidebar .widget ol li {
   float: left;
   width: 100%;
   padding: 10px 0;
   margin: 0 !important;
   border-bottom: 1px solid #ddd;
}
aside .widget ul li:last-child, 
aside .widget ol li:last-child
.sidebar .widget ul li:last-child, 
.sidebar .widget ol li:last-child {
    border: 0;
}

aside .widget-title,
.sidebar .widget-title {
   margin: 0;
   border-bottom: 1px solid #ddd;
   position: relative;
   padding: 10px 30px;
}
label{
   display: block;
}
.widget_search label {
   width: 78%;
   float: left;
}
.widget_search input.search-field {
   padding: 8px 5%;
   border: none;
   width: 90%;
   border-radius: 0;
   border: 1px solid #ddd;
}
.widget_search input.search-submit {
   border: none;
   background-image: url(images/search.png);
   background-repeat: no-repeat;
   background-position: center;
   width: 22%;
   background-size: 25px;
   text-indent: -9999px;
   font-size: 1rem;
   line-height: 1.4;
   border-radius: 0;
}
input[type="search"] {
   -webkit-appearance: textfield;
   box-sizing: content-box;
}
.widget_tag_cloud .tagcloud,
.widget_calendar {
    padding: 30px;
}
.widget_tag_cloud .tagcloud a {
    padding: 2px 8px;
    background-color: #eee;
    border-radius: 3px;
    margin: 0 0 5px;
}
.widget_calendar caption{
   margin: 0 0 15px;
}
.widget_calendar thead tr th,
.widget_calendar tbody tr td{
   text-align: center;
   border: 1px solid #eee;
   /*border-radius: 3px;*/
}
.wp-calendar-nav [class*=wp-calendar-nav-] {
   background: #eee;
   padding: 2px 8px;
   border-radius: 3px;
}
.widget h3.entry-title, .widget h3.title{margin-top: 0;}
/*end sidebar*/


/*search page*/
.search-page article{
   margin: 0 0 30px;
   overflow: hidden;
}
.search-page article.type-post{
   border: 1px solid #ddd;
   padding: 30px;
}
.search-page article.type-post .post-thumbnail,
.search-page article.type-post .post-thumbnail img{
   width: 100%;
}
/*end search page*/


/*footer*/
.footer-section{
   display: grid;
   grid-template-columns: repeat(auto-fit,minmax(20%,1fr));
   grid-gap: 30px;
   padding: 45px 0 0;
   overflow: hidden;
}
.site-footer .site-info{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   border-top: 1px solid #ddd;
   padding: 30px 0;
}
.site-footer ul{
   margin: 0;
   padding: 0;
   list-style: none;
}
.site-footer ul li{
   margin: 0 0 15px;
}
.site-footer ul li:last-child{
   margin: 0;
}
.site-footer a{
   text-decoration: none;
   transition: all 0.3s ease;
}
.site-footer a:hover{
   opacity: 0.5;
}
.site-footer .menu li ul {
    margin-top: 15px;
}


.site-footer .widget-title {
   margin: 0 0 30px;
   position: relative;
   font-size: 1.35rem;
}
.site-footer .f-logo{
   display: inline-block;
   vertical-align: top;
   font-size: 36px;
   font-weight: 600;
   width: 150px;
}
.footer-newsletter input{
   height: 40px;
   border-radius: 0;
   transition: all 0.2s ease;
   padding: 15px;
}
.footer-newsletter input[type="submit"]{
   border-radius: 0;
   padding: 10px 30px;
}
.footer-newsletter input[type="submit"]:hover{
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   border-color: #ccc;
}
.footer-newsletter input[type=submit]{
   background-color: var(--secondary-color);
   color: var(--light-color);
}

   .copyright-info a{text-decoration: underline;}
   .copyright-info a:hover{text-decoration: none;}

/*end footer*/



/*hvac inside page css*/
.breadcrumb{
   position: relative;
   padding: 20px 0;
   z-index: 0;
}
.breadcrumb .bread-title{
   color: #fff;
   margin: 0 0 15px 0;
}
.breadcrumb ul{
   padding: 0;
   margin: 0;
   display: flex;
   flex-wrap: wrap;
   list-style: none;
   font-size: 0.85rem;
}
.breadcrumb ul li {
   position: relative;
   margin: 0 21px 0 0;
   color: var(--light-color);
}
.breadcrumb ul li:after {
   content: "/";
   position: absolute;
   top: 0;
   right: -13px;
}
.breadcrumb ul li:last-child{
   margin: 0;
}
.breadcrumb ul li:last-child:after{
   content: none;
}
.breadcrumb ul li a{
   color: var(--light-color);
}
.breadcrumb ul li a:hover{
   opacity: 0.5;
}
.trail-browse {
   margin: 0;
}


.filter{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   margin: 0 0 40px;
}
.filter label{
   margin: 15px 15px 15px 0;
   font-weight: 600;
}
.filter select{
   padding: 10px;
   width: auto;
   min-width: 200px;
}



.page-title{
   color: var(--dark-color);
}
.inside-page{
   padding: 50px 0;
}
.inside-page .main-title{
   margin: 0 0 30px;
}

.full-width-view{
   max-width: 840px;
   margin: 0 auto;
}

/*end hvac inside page css*/



/* contact form */
.one-half,
.one-third {
   position: relative;
   margin-right: 4%;
   float: left;
   margin-bottom: 20px;

}

.one-half { width: 48%; }
.one-third { width: 30.66%; }

.last {
   margin-right: 0 !important;
   clear: right;
}
/* contact form */



#scrollTop {
   display: none;
   opacity: 0.8;
   position: fixed;
   bottom: 30px;
   right: 30px;
   z-index: 99;
   border: none;
   outline: none;
   color: white;
   cursor: pointer;
   padding: 3px 6px 6px 6px;
   width: 35px;
   height: 35px;
   border-radius: 4px;
}



.news-snippet .category a,
.single-post .category a {
    position: relative;
    margin: 0 5px 15px 0;
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 12px;
}
.news-snippet .category a:focus, 
.single-post .category a:focus {
    border: thin dotted;
}
.single-post .category a{
   margin: 0;
}

.single-post .post-author {
    position: relative;
    padding: 0 15px 0 10px;
}
.single-post .post-author:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    width: 20px;
    height: 1px;
    background-color: var(--primary-color);
}
.single-post .post-date {
    padding: 0 25px 0 0;
}

.comments-area {
   border: 1px solid #ddd;
   padding: 30px;
}
.comments-area .comments-title{
   margin-top: 0;
}
.comments-area .comment-list {
   margin: 0;
   padding: 0;
   list-style: none;
}
.comments-area .comment-list .comment-author{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.comments-area .comment-list .comment-author img {
   margin: 0 10px 0 0;
}
.comments-area .comment-list .comment-author .fn{
   margin: 0 5px 0 0;
}
.comments-area .comment-list .comment-metadata{
   margin: 10px 0 0;
}
.comments-area .comment-list .comment-body{
   border-bottom: 1px solid #ddd;
   padding: 0 0 30px;
}
.comments-area .comment-list .comment-respond {
   margin: 30px 0;
}
.comments-area .comment-list .comment-respond .comment-reply-title{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}
.comments-area  .comment-respond form .form-submit{
   margin-bottom: 0;
}
.comment-form .comment-form-cookies-consent{
   display: flex;
   align-items: center;
}
.comment-form .comment-form-cookies-consent input{
   width: auto;
   margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label{
   margin: 0 !important;
}


.page-links .post-page-numbers {
    width: 30px;
    height: 30px;
    padding: 3px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: 1px solid var(--secondary-color);
    background-color: var( --secondary-color);
    color: var( --light-color);
    margin: 0 5px 0 0;
    line-height: 20px;
    text-decoration: none;
}

.page-links .post-page-numbers.current {
    background: var(--dark-color);
    border-color: var(--dark-color);
}

.page-links a.post-page-numbers:hover{
   background: transparent;
}


.comments-area .comment-list article{
   border: 0;
}
article .entry-footer span {
    margin: 0 15px 0 0;
}

form.search-form {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding: 30px;
}
.search-form label {
   position: relative;
   width: 75%;
   display: flex;
   max-width: 100%;
}
.search-form label input {
   height: 30px;
   padding: 5px 15px;
   width: 100%;
   border-radius: 0;
}
.widget_search .search-form label input{
   height: 26px;
}
.search-form input[type=submit] {
   display: block;
   height: 42px;
   width: 25%;
   border-radius: 0;
}
.widget_search .search-form input[type=submit]{
   height: 44px;
}
.no-results.not-found {
   margin: 0 0 30px;
}
.related-posts{
   margin: 50px 0 20px;
}
.related-posts .post-holder{
   display: grid;
   grid-gap: 30px;
   grid-template-columns: repeat(auto-fill, minmax(260px, 2fr));
}
.related-posts .news-snippet{
   border: 1px solid #ddd;
}

.wp-block-button.is-style-squared .wp-block-button__link{
   border-radius: 0;
}
.wp-block-button__link{
   color: var(--light-color) !important;
   text-decoration: none !important;
   background-color: var(--primary-color);
}
.wp-block-button__link:hover{
   background-color: var(--secondary-color);
}
.wp-block-button.is-style-outline .wp-block-button__link{
   color: var(--primary-color) !important;
   border-color: var(--primary-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
   color: var(--secondary-color) !important;
   border-color: var(--secondary-color);
}



/*widget sidebar*/
.widget_blog_sidebar_widget_posts_category_slider_widget{position:relative;}
.widget_blog_sidebar_widget_posts_category_slider_widget a.post-thumbnail {width: 100%;margin-bottom:7px;}

.widget_blog_sidebar_widget_posts_category_slider_widget .owl-nav {position: absolute;top: 30%;left: 7px;right: 7px;font-size: 10px;text-transform: uppercase;}
.widget_blog_sidebar_widget_posts_category_slider_widget .owl-carousel .owl-nav .disabled { opacity: 0.3; }

.widget_blog_sidebar_widget_posts_category_slider_widget .owl-dots{text-align: center;}
.widget_blog_sidebar_widget_posts_category_slider_widget .owl-dots .owl-dot{background-color: #ccc;height: 6px;width: 6px;display: inline-block;margin: 0 2px;border-radius: 50%;}
.widget_blog_sidebar_widget_posts_category_slider_widget .owl-dots .owl-dot.active{background-color: #333;}

.widget_blog_sidebar_widget_posts_category_slider_widget .owl-carousel .owl-nav .owl-prev{float: left;background-image: url(images/left.png) no-repeat center;margin-left: 0;}
.widget_blog_sidebar_widget_posts_category_slider_widget .owl-carousel .owl-nav .owl-next{float: right;background-image: url(images/right.png) no-repeat center;margin-right: 0;}
.widget_blog_sidebar_widget_posts_category_slider_widget .owl-carousel .owl-nav .owl-prev,.widget_blog_sidebar_widget_posts_category_slider_widget .owl-carousel .owl-nav .owl-next {
    background-color: var(--primary-color);
    background-size: 10px;
    text-indent: -10000px;
    overflow: hidden;
    height: 20px;
    width: 20px;
}
/*widget sidebar*/




@media (max-width: 991px) {
   h1{font-size: 2.5rem;}
   h2{font-size: 2rem;}
   h3,h4{font-size: 1.5rem;}
   h5,h6{font-size: 1.15rem;}


   .header-layout-4 .site-branding,
   .header-layout-5 .middle-header{
      display: none;
   }
   .header-layout-4 .middle-header,
   .header-layout-2 .middle-header{
      border-bottom: 1px solid #ddd;
      padding: 10px 0;
   }
   .header-layout-4 .social-links, 
   .header-layout-4 .site-branding{
      width: auto;
   }
   .header-layout-4 .header-search input{
      width: 100%;
   }
   .header-layout-2 .middle-header .site-branding{
      display: none;
   }
   .header-layout-2 .middle-header .search-sociallinks{
      width: 100%;
      justify-content: space-between;
   }
   .header-layout-2 .middle-header .search-sociallinks .header-search{
      margin: 0;
   }
   .header-layout-4 form.header-search{
      width: 140px;
   }
   .header-layout-4 .site-branding,
   .header-layout-5 .site-branding,
   .header-layout-4 .main-navigation ul.menu, 
   .header-layout-5 .main-navigation ul.menu{
      text-align: left;
   }
   .bottom-header{
      padding: 20px 0;
      border: 0;
   }
   .bottom-header .container{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
   }
   .bottom-header .site-branding{
      display: block;
   }
   .header-layout-4 .bottom-header .main-navigation ul li:first-child a, 
   .header-layout-5 .bottom-header .main-navigation ul li:first-child a,
   .main-navigation ul li a{
      padding: 10px 0;
      width: 100%;
   }
   .main-navigation ul li.page_item_has_children > a::before,
   .main-navigation ul li.menu-item-has-children > a::before{
      right: 5px;
   }
   .main-navigation ul li ul li.page_item_has_children > a::before, 
   .main-navigation ul li ul li.menu-item-has-children > a::before{
      right: 15px;
   }
   .main-navigation ul li ul li.page_item_has_children > a::before, 
   .main-navigation ul li ul li.menu-item-has-children > a::before{
      content: "\f107";
   }
   .main-navigation ul ul {
      visibility: initial;
      opacity: 1;
      transition: initial;
      top: initial;
      left: initial;
      width: 100%;
      position: static;
      z-index: 999;
      transform-origin: initial;
      animation-fill-mode: initial;
      transform: initial;
      box-shadow: initial;
      height: 0;
      overflow: hidden;
   }
   .main-navigation li {
      display: block;
   }
   
   .main-navigation .menu{
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
      padding: 0 15px;
      z-index: 99999;
      background-color: var(--light-color);
   }
   .menu-toggle,
   .main-navigation.toggled .menu{
      display: block;
   }
   .main-navigation ul li:hover > ul,
   .main-navigation ul li:focus > ul,
   .main-navigation ul li.focus > ul{
      height: auto;
      overflow: visible;
      z-index: 1000;
      border: 1px solid #ddd;
   }
   .main-navigation ul ul ul{
      left: initial;
      top: initial;
      border-style: solid none none;
      border-top: 1px solid #ddd;
   }
   .footer-section{
      grid-template-columns: repeat(auto-fit,minmax(50%,1fr))
   }
}
@media (max-width: 767px) {
   .site-branding,
   .header-layout-4 .site-branding{
      width: 250px;
   }
   form.header-search{
      width: 140px;
   }
   .col-sm-9,
   .col-sm-8,
   .col-sm-6,
   .col-sm-4,
   .col-sm-3{
      width: 100%;
   }
   .blog-list-block {
      margin: 0 0 30px;
   }
   .footer-section{
      grid-template-columns: repeat(1, 1fr);
      padding: 15px 0;
   }
   .footer-section .f-block:last-child .widget{
      margin: 0;
   }
   .widget{
      margin-bottom: 20px;
   }
    .site-footer .site-info{display: block;padding:15px 0;}
    .copyright-info{margin-bottom: 15px;}
}
@media only screen and (max-width: 575px){
   .grid-view{
      column-count: 1;
   }
   .list-view .news-snippet .featured-image,
   .list-view .news-snippet .summary{
      width: 100%;
   }
   .search-form label,
   .search-form input[type=submit]{
      width: 100%;
   }
   .search-form label{
      margin: 0 0 10px;
   }

}