/*!
Theme Name: Blog Kit
Theme URI: https://wpcharms.com/item/blog-kit/
Author: WP Charms
Author URI: https://wpcharms.com/
Description: Blog Kit is a free minimal blog theme compatible with Elementor page builder. This free blog theme is suitable for fashion, sports, personal, travel and all types of websites. Furthermore, being compatible with Elementor, Blog kit can be used for business, corporate, construction, agency, law firms, spa, fitness, medical, education, and all creative website development. Additionally, This minimalist WordPress blog theme is a speed optimized, simple and easy to use best free WordPress blog theme.  Blog Kit is  well optimized theme with 95% GTMetrix PageSpeed Score.
Version: 2.0.9
Requires at least: 5.4.2
Tested up to: 5.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blog-kit
Tags: blog, education, translation-ready

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

Blog Kit is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | 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.
 */

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

@font-face {
    font-family: 'Roboto';
    src: url('/wp-content/themes/blog-kit/fonts/roboto-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/wp-content/themes/blog-kit/fonts/roboto-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/wp-content/themes/blog-kit/fonts/roboto-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */

    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

    box-sizing: border-box;
    /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}

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

    box-sizing: inherit;
}

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

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

ol,
ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */

    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

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

blockquote:before {
    content: "";
    font-family: FontAwesome;
    font-size: 23px;
    left: -28px;
    position: absolute;
    top: -6px;
}

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

a:focus {
    outline: thin dotted;
}

a:focus {
    text-decoration: underline !important;
}

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

a img {
    border: 0;
}

/*--------------------------------------------------------------



2.0 Typography



--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #111;
    margin: 0;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

p,
li {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    font-weight: 400;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

b,
strong {
    font-weight: bold;
}

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

blockquote,
blockquote p {
    color: rgb(0, 0, 0);
    font-style: italic;
}

blockquote {
    margin: 0 0 15px 25px;
    position: relative;
}

address {
    margin: 0 0 15px;
}

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

code,
kbd,
tt,
var {
    font-size: 15px;
    margin-bottom: 15px;
}

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

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
    margin-bottom: 15px;
}

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

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

caption,
th,
td {
    border-bottom: 1px solid hsl(0, 0%, 87%);
    border-left: 1px solid hsl(0, 0%, 87%);
    font-weight: 400;
    padding: 5px;
    text-align: center;
}

caption {
    border: 1px solid hsl(0, 0%, 87%);
    margin-bottom: 15px;
}

/*--------------------------------------------------------------



3.0 Elements



--------------------------------------------------------------*/

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

ul,
ol {
    margin: 0 0 5px 15px;
}

ul {
    list-style: inside disc;
}

ol {
    list-style: decimal;
}

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

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

li {
    list-style: inside disc;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */

    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 0;
}

table {
    margin: 0 0 15px;
    width: 100%;
}

th {
    font-weight: bold;
}

/*--------------------------------------------------------------



4.0 Forms



--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */

    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: none;
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */

    /* Corrects inability to style clickable 'input' types in iOS */

    display: inline-block;
    padding: 12px 20px;
    line-height: 1;
    background: #33b7ff;
    color: #fff;
    border-radius: 3px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    opacity: 1;
    background: #fe6619;
}

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

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */

    box-sizing: border-box;
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

    -webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

div.wpcf7-validation-errors {
    border: 2px solid #E90838;
    bottom: -51px;
    color: #E90838;
    margin: 0;
    padding: 15px;
    clear: both;
    margin-top: 15px;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    clear: both;
    margin: 0;
    padding: 15px;
    color: #398f14;
    margin-top: 15px;
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required {
    border-color: #ff0000;
}

span.wpcf7-not-valid-tip {
    bottom: -6px;
    color: #ff0000;
    display: block;
    font-size: 14px;
    position: absolute;
}

input[type="text"],
input[type="password"],
textarea,
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
select {
    background-color: #fff;
    border-radius: 0;
    color: #666;
    font-size: 16px;
    line-height: 1;
    margin: 0 0 10px;
    padding: 13px 10px;
    width: 100%;
    border: 1px solid #ddd;
}

textarea {
    line-height: 1.5;
}

span.wpcf7-form-control-wrap {
    margin-top: 5px;
    display: block;
}

.wpcf7 label {
    margin: 0px 0px 10px 0px;
}

input[type="checkbox"] {
    margin-right: 5px;
}

input[type="checkbox"]+label span {
    display: inline-block;
    width: 31px;
    height: 25px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(images/checkbox.jpg) 0 0 no-repeat;
    cursor: pointer;
}

input[type="checkbox"]:checked+label span {
    background: url(images/checked-box.jpg) 0 0 no-repeat;
}

::-webkit-input-placeholder {
    color: #111;
}

:-moz-placeholder {
    /* Firefox 18- */

    color: #111;
}

::-moz-placeholder {
    /* Firefox 19+ */

    color: #111;
}

:-ms-input-placeholder {
    color: #111;
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required::-webkit-input-placeholder {
    color: #ff0000;
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required:-moz-placeholder {
    color: #ff0000;
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required::-moz-placeholder {
    color: #ff0000;
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required:-ms-input-placeholder {
    color: #ff0000;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
    outline: none;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

/*a:hover{
     opacity: 0.7;
}*/

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    Menu Start
--------------------------------------------------------------*/

.main-navigation {}

.main-navigation:before,
.main-navigation:after {
    clear: both;
    content: "";
    display: block;
}

.main-navigation ul {
    /*    float: left;*/
    /*text-align: right;*/
}

.main-navigation ul ul {
    display: none;
    left: 0;
    margin: 0;
    min-width: 200px;
    position: absolute;
    top: 100%;
    z-index: 9999;
    background: transparent;
    padding: 0px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.main-navigation ul ul ul {
    left: 100%;
    top: -1px;
    padding-top: 0;
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}

.main-navigation li li {
    float: none;
    display: block;
}

.main-navigation li li li {}

.main-navigation li li li li {}

.main-navigation li:hover ul {
    display: block;
}

.main-navigation li a:focus+ul {
    display: block !important;
}

.main-navigation li:focus-within ul {
    display: block !important;
}

.main-navigation li ul:focus-within {
    display: block !important;
}

.main-navigation li:hover li ul {
    display: none;
}

.main-navigation li li:hover ul {
    display: block;
}

.main-navigation li li:hover li ul {
    display: none;
}

.main-navigation li li li:hover ul {
    display: block;
}

.main-navigation li li li:hover li ul {
    display: none;
}

.main-navigation li li li li:hover>ul {
    display: block;
}

.main-navigation ul li a {
    color: #111;
    display: block;
    font-size: 16px;
    padding: 20px;
    position: relative;
    z-index: 99;
    font-family: 'Roboto', sans-serif;
    transition: all .5s ease-in-out;

    text-transform: uppercase;
    font-weight: 500;
}

.main-navigation li li li a {}

.main-navigation li li li li a {}

.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
    color: rgb(255, 255, 1);
}

.main-navigation li li a:hover,
.main-navigation li li.current-menu-item>a {}

.main-navigation li li li a:hover {}

.main-navigation li li li li a:hover {}

.main-navigation li.current-menu-item>a {}

.main-navigation li li.current-menu-item>a {}

.main-navigation li li li.current-menu-item>a {}

.main-navigation li li li li.current-menu-item>a {}

.main-navigation li.current-menu-item li a:hover {
    background: #28b2be;
    color: #fff;
}

.main-navigation li li.current-menu-item li a:hover {}

.main-navigation li li li.current-menu-item li a:hover {}

.main-navigation ul ul a {
    border-bottom: 1px dotted #ddd;
    height: auto;
    padding: 8px 15px;
    text-align: left;
    font-size: 14px;
    color: #111;
    background: #fff;
    width: 100%;
}

.main-navigation ul li ul li a:hover {
    background-color: #fff;
    color: #33b7ff;
    box-shadow: none;
}

.main-navigation li li.current_page_item a:after,
.main-navigation ul li li a:hover:after {
    display: none;
}

.main-navigation li a:hover,
.main-navigation li.current-menu-item a,
.main-navigation li.current_page_item a {
    color: #33b7ff;
}

.main-navigation .menu>li:hover:after,
.main-navigation li.current-menu-item:after,
.main-navigation .menu ul>li:hover:after,
.main-navigation li.current_page_item:after {
    width: 100%;
}

.main-navigation .menu>li:after,
.main-navigation ul li:after,
.main-navigation li.current-menu-item:after,
.main-navigation .menu ul>li:after,
.main-navigation li.current_page_item:after {
    /*    background-color:hsla(0, 0%, 0%, 0.2);*/

    bottom: 0px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    transition: width 0.25s ease 0s;
    width: 0;
    z-index: 88;
}

.main-navigation ul li li:after {
    display: none;
}

.main-navigation li.current-menu-item:after,
.main-navigation ul li.current_page_item:after {
    width: 100%;
}

.main-navigation ul li.menu-item-has-children>ul>li.menu-item-has-children>a:after {
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    right: 10px;
    position: absolute
}

.main-navigation ul li.menu-item-has-children>a:after {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    right: 0px;
    position: absolute;
    line-height: 1.4;
}

/*--------------------------------------------------------------

        Menu End
--------------------------------------------------------------*/

.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,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next,
#infinite-handle span {
    background: #33b7ff;
    float: left;
    padding: 5px 15px;
    width: auto;
    line-height: 1.5;
}

#infinite-handle span {
    font-size: 1.5;
    font-size: 15px;
    color: #fff;
}

#infinite-handle {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}

.comment-navigation .nav-previous:hover,
.posts-navigation .nav-previous:hover,
.post-navigation .nav-previous:hover,
.comment-navigation .nav-next:hover,
.posts-navigation .nav-next:hover,
.post-navigation .nav-next:hover,
#infinite-handle span:hover {
    background: #ec3e3d;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
}

.comment-navigation .nav-previous::before,
.posts-navigation .nav-previous::before,
.post-navigation .nav-previous::before {
    content: "";
    display: none;
    font-family: FontAwesome;
    margin-right: 5px;
    color: #fff;
}

.comment-navigation .nav-next::after,
.posts-navigation .nav-next::after,
.post-navigation .nav-next::after {
    content: "";
    display: none;
    font-family: FontAwesome;
    margin-left: 5px;
    color: #fff;
}

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

.nav-links .nav-previous a,
.nav-links .nav-next a {
    color: #fff;
}

.nav-links {
    border-top: medium none;
    margin-bottom: 20px;
    padding: 20px 0;
    overflow: hidden;
}

.nav-links .page-numbers {
    border: 1px solid;
    padding: 5px 10px;
}

.nav-links .page-numbers.current,
.nav-links a.page-numbers:hover {
    background: #33b7ff none repeat scroll 0 0;
    border-color: #33b7ff;
    color: #ffffff;
}

.nav-links .page-numbers.dots {
    border: none;
}

/*--------------------------------------------------------------
    6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;

    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}

/*--------------------------------------------------------------



7.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: 0 auto;
}

.alignnone {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;

}

.alignfull {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    max-width: none;
}

/*--------------------------------------------------------------



8.0 Clearings



--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
}

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

/*--------------------------------------------------------------



9.0 Widgets



--------------------------------------------------------------*/

.widget {
    margin: 0;
}

.widget a {
    display: block;
}

/* Make sure select elements fit in widgets */

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

.widget.wen_corporate_social_widget {
    clear: both;
}

/* Search widget */
/*--------------------------------------------------------------



10.0 Content



--------------------------------------------------------------*/

.entry-content img {
    margin-bottom: 15px;
}

.entry-content {
    margin-bottom: 15px;
}

/*--------------------------------------------------------------



10.1 Posts and pages



--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

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

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

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0;
}

.site-main.content-space-disabled .page-content,
.site-main.content-space-disabled .entry-content,
.site-main.content-space-disabled .entry-summary,
.site-main.content-space-disabled .hentry {
    margin: 0;
}

.entry-content img,
.page-content img,
.entry-summary img {
    margin-bottom: 15px;
}

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

/*--------------------------------------------------------------



10.2 Asides



--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------



10.3 Comments



--------------------------------------------------------------*/

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

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}

.authorbox {
    background: #e6ffff;
    border: 1px solid #dddddd;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}

.authorbox.no-author-avatar .author-info {
    margin-left: 0;
}

.authorbox .author-bio-posts-content {
    margin-top: 10px;
}

.authorbox .author-bio-posts-content p {
    margin: 0;
}

.authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}

#respond {
    clear: both;
    display: block;
    float: left;
    width: 97%;
}

#commentform label {
    display: inline-block;
}

.comments-area form#commentform p {
    float: left;
    width: 100%;
}

.comments-area form#commentform p.comment-form-cookies-consent,
.comments-area #commentform p.comment-notes,
.comments-area #commentform p.comment-form-comment {
    width: 100%;
}

.comments-area form#commentform p.comment-form-cookies-consent input[type="checkbox"] {
    margin-right: 10px;
    margin-top: 6px;
    float: left;
}

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

.bypostauthor {
    display: block;
}

.comment-form {
    margin: 0 -15px;
}

.comments-area form#commentform p.logged-in-as,
.comments-area form#commentform p {
    padding: 0 15px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}

#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url {
    width: 50%;
}

.comments-area form#commentform p.logged-in-as {
    padding: 0 15px;
    width: 100%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 100%;
    float: left;
}

.comment-list li.comment::after {
    content: inherit;
    display: none;
}

.comment-list li {
    padding-left: 0;
}

.comment {
    background-position: 0 -74px;
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list .comment {
    margin-bottom: 15px;
}

ol.comment-list .comment:first-child {
    margin-bottom: 0px;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 10px 15px;
    width: 98%;
}

ol.comment-list li {
    list-style: outside none none;
    margin-bottom: 0px;
}

.comment-list .comment-content ul,
.comment-list .comment-content ul li {
    list-style: disc;
}

.comment-list .comment-content ol,
.comment-list .comment-content ol li {
    list-style: decimal;
}

.comment .comment-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 10px 30px 10px 30px;
    position: relative;
    text-align: left;
    width: 100%;
}

.comment-author.vcard {
    font-size: 16px;
    margin-bottom: 5px;
}

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

.comment-list li.comment>div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}

.comment-metadata {
    font-size: 13px;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 10px;
}

.comment-reply-link {
    background: #33b7ff;
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1;
    padding: 12px 20px;
    border-radius: 3px;
}

a.comment-reply-link:hover {
    color: #fff;
    background: #fe6619;
}

.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comments-title {
    font-weight: normal;
    margin: 25px 0 0;
}

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

.bypostauthor {
    display: block;
}

#commentform label {
    display: inline-block;
}

/*--------------------------------------------------------------



11.0 Infinite scroll



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

.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */

    display: none;
}

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

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

/*--------------------------------------------------------------



12.0 Media



--------------------------------------------------------------*/

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

#primary .entry-content a {
    color: #33b7ff;

}

#primary .entry-content a:hover {
    color: #fe6619;
}

.check-number {
    width: 100%;
    padding: 12px !important;
}

.more-or-less-widget input.user-number {
    margin: 0 !important;
    width: 100% !important;
}

.more-or-less-widget .game-inputs {
    flex-direction: column;
    gap: 10px;
}

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

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

/*--------------------------------------------------------------



12.1 Captions



--------------------------------------------------------------*/

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

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

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

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

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

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0;
    line-height: 0;
    padding: 0px 5px 5px 0px;
}

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


/*--------------------------------------------------------------
13 Miscellaneous
--------------------------------------------------------------*/


/*--------------------------------------
13.1 Basic Styles
----------------------------------------*/

body {
    color: #51565e;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
}

/*--------------------------------------------------------------
## Social Links Style
--------------------------------------------------------------*/

.blog-kit-social-icons {
    overflow: hidden;
    display: inline-block;
}

.blog-kit-social-icons ul {
    margin: 0;
}

.blog-kit-social-icons li a {
    background: transparent;
    display: inline-block;
    height: 36px;
    width: 36px;
    border: 2px solid #111;
    border-radius: 50%;
    line-height: 1;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.blog-kit-social-icons li {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}

.blog-kit-social-icons li:last-child {
    margin-right: 0px;
}

.blog-kit-social-icons ul li a::before {
    font-size: 16px;
}

.blog-kit-social-icons li a i {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.blog-kit-social-icons ul li a::before {
    color: #111;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 32px;
}

.blog-kit-social-icons li a:hover:before {
    color: #fff;
}

.blog-kit-social-icons ul li a:hover {
    background-color: #33b7ff;
    border-color: #33b7ff;
}

.blog-kit-social-icons ul li a:hover,
.blog-kit-social-icons ul li a,
.additional-menu-item .blog-kit-social-icons li a:hover,
.additional-menu-item .blog-kit-social-icons li a {
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.blog-kit-social-icons ul li a:hover::before {
    color: #fff;
}

.blog-kit-social-icons ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.blog-kit-social-icons ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.blog-kit-social-icons ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.blog-kit-social-icons ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.blog-kit-social-icons ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

.blog-kit-social-icons ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.blog-kit-social-icons ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.blog-kit-social-icons ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

.blog-kit-social-icons ul li a[href*="github.com"]::before {
    content: "\f113";
}

.blog-kit-social-icons ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.blog-kit-social-icons ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.blog-kit-social-icons ul li a[href$="/feed/"]::before {
    content: "\f09e";
}

.blog-kit-social-icons ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.blog-kit-social-icons ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.blog-kit-social-icons ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.blog-kit-social-icons ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

.blog-kit-social-icons ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.blog-kit-social-icons ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.blog-kit-social-icons ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.blog-kit-social-icons ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.blog-kit-social-icons ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.blog-kit-social-icons ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}

.blog-kit-social-icons ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}

.blog-kit-social-icons ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}

.blog-kit-social-icons ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.blog-kit-social-icons ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.blog-kit-social-icons ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.blog-kit-social-icons ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.blog-kit-social-icons ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.blog-kit-social-icons ul li a[href*="vk.com"]::before {
    content: "\f189";
}

.blog-kit-social-icons ul li a[href*="slack.com"]::before {
    content: "\f198";
}


/*--------------------------------------
14.0 Extra Styles
----------------------------------------*/
.custom-logo {
    max-width: 120px !important;
}

.site-branding {
    display: flex;
    align-items: center;
    gap: 40px;
}

.site-branding img {
    max-width: 100%;
}

.body-fixed {
    padding-top: 72px;
}

/*404 page Start*/

.error-404 {
    width: 60%;
    margin: 0 auto;
}

.error-404 label,
.error-404 input.search-field {
    width: 100%;
}

.error-404 form.search-form {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */

    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */

    display: -ms-flexbox;
    /* TWEENER - IE 10 */

    display: -webkit-flex;
    /* NEW - Chrome */

    display: flex;
}

.error-404 input.search-submit {
    background: #003A63;
    height: 43px;
}

.error-404 h1 {
    color: #111;
}

/*404 page End*/

.v-center {
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.inner-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}

/* Extraz */

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

.button,
input[type="submit"] {
    color: #fff;
    display: inline-block;
    padding: 12px 20px;
    background: #33b7ff;
    border-radius: 3px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.button:hover,
input[type="submit"]:hover {
    background: #fe6619;
    color: #fff;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

section {
    padding: 0;
}

/* Home page starts */
/* Header starts */

.site-header,
.bottom-header,
.site-branding,
.search-cart-holder,
.main-navigation {
    float: left;
    width: 100%;
}

.site-header {
    z-index: 9999;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.bottom-header {
    padding: 0;
    background-color: #fff
}

.inner-header-wrap {
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.site-branding {
    margin-top: 0px;
    line-height: 1;
    padding: 20px 0px;
}

.site-branding a {
    float: left;
    line-height: 0;
}

.site-branding,
.main-navigation {
    width: auto;
}

.site-branding .site-title {
    font-size: 30px;
    line-height: 1;
    margin: 0;
    font-weight: 600;
}

.site-branding .site-title a {
    color: #111;
    line-height: 1;
    float: none;
}

.site-branding .site-description {
    margin: 0;
}

.main-navigation-wrapper {
    float: right;
    position: relative;
}

#main-nav {
    margin-top: 0px;
    float: left;
}

.main-navigation ul li a {
    text-transform: uppercase;
}

.site-header .bottom-header .blog-kit-social-icons {
    margin-top: 35px;
}

/*Header ends*/

.site-main,
.table {
    float: left;
    width: 100%;
}

.site-main {
    padding-top: 40px;
    padding-bottom: 40px;
}

.site-main.content-space-disabled,
.site-main.content-space-disabled #primary {
    padding-top: 0px;
    padding-bottom: 0px;
}

#primary {
    float: left;
    width: 70%;
    padding: 40px;
    background: #fff;
}

.sidebar-disabled #primary {
    width: 100%;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
}

.sidebar-disabled.background-active #primary {
    background: #fff;
    padding-right: 40px;
    padding-left: 40px;
}

#content {
    clear: both;
}

.elementor-template-full-width #content {
    padding: 0;
}

#secondary {
    float: left;
    width: 30%;
    padding-left: 30px;
}

.global-layout-left-sidebar #secondary {
    float: left;
    padding-left: 0px;
    padding-right: 30px;
}

.global-layout-left-sidebar #primary {
    float: right;
}

/* table starts */

.table {
    border: 1px solid #ddd;
    border-bottom: 0px;
    border-left: 0px;
    table-layout: fixed;
}

.table thead th,
.table tbody tr td {
    color: #111;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: left;
    padding: 12px 20px;
}

.table tbody tr td {
    color: #111;
    font-size: 16px;
}

/* Table ends */

blockquote {
    margin: 0px;
    padding: 30px;
    color: #111;
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    background: #f8f8f8;
    border-bottom: 2px solid #33b7ff;
}

blockquote p {
    color: #111;
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: 1px;
}

.side-bar {
    float: left;
    width: 100%;
}

.side-bar section {
    background: #fff;
    padding: 25px;
    margin-bottom: 30px;
}

.side-bar .widget-title {
    color: #111;
    font-size: 26px;
    letter-spacing: 1px;
    font-weight: 400;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.side-bar .widget-title:after {
    content: "";
    display: block;
    height: 2px;
    width: 50px;
    background: #33b7ff;
    border-right: 25px solid #fe6619;
    margin-top: 10px;
}

.side-bar .widget ul {
    padding-left: 0px;
}

.side-bar .widget ul li,
.side-bar .widget ul li a,
.tagcloud a {
    color: #51565e;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 13px;
    font-weight: 400;
    letter-spacing: 1px;
}

.side-bar .widget ul li {
    padding: 10px 0px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 0px;
    list-style: none;
}

.side-bar .widget ul li:first-child {
    padding-top: 0px;
}

.side-bar .widget ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.tagcloud a {
    display: inline-block;
}

.tagcloud a {
    font-size: 15px !important;
    padding: 5px;
    border: 1px dashed #ddd;
    margin-right: 5px;
    margin-bottom: 8px;
}


.tags-links {
    width: 100%;
    display: inline-block;
}

.tags-links:before {
    content: "\f02c";
    display: inline-block;
    font-family: "FontAwesome";
    margin-right: 5px;
    vertical-align: middle;
}

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

.side-bar .gallery {
    margin-bottom: 0px;
}

/*--------------------------------------------------------------
## Error 404 Page Starts
--------------------------------------------------------------*/
.error-404.not-found,
.error-404.not-found form.search-form input[type="search"],
.error-404.not-found form.search-form input[type="text"],
.error-404.not-found .page-header {
    float: left;
    width: 100%;
}

.error-404.not-found {
    padding: 0px;
}

.error-404.not-found form.search-form,
.search-no-results .no-results.not-found form.search-form {
    position: relative;
    display: inline-block;
    width: 60%;
}

.search-no-results .no-results.not-found form.search-form {
    width: 100%;
}

.error-404.not-found form.search-form input[type="search"],
.error-404.not-found form.search-form input[type="text"] {
    box-sizing: border-box;
    margin-bottom: 0px;
}

.error-404.not-found .page-content {
    margin-bottom: 0px;
}

.error-404.not-found form.search-form input[type="submit"],
.search-no-results .no-results.not-found form.search-form input[type="submit"] {
    position: absolute;
    right: 0;
    background-color: #33b7ff;
    color: #fff;
    border: 0;
    padding: 12px 20px;
    line-height: 1;
    border-radius: 0px;
    height: 46px;
    top: 0;
}

.error-404.not-found form.search-form input[type="submit"]:hover {
    background-color: #fe6619;
    color: #fff;
    border: 0;
}

.error404 #primary,
.error-404.not-found .page-header {
    width: 100%;
    text-align: center;
}

.error-404.not-found .page-header .page-title {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
}

.error404 .page-content p {
    text-align: center;
}

/* Error page ends */

/* Inner pages css */

/* Pagination starts */

.pagination {
    float: left;
    width: 100%;
    padding: 0;
}

.pagination {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pagination .nav-links {
    padding: 0px;
    margin-bottom: 0px;
}

.pagination .nav-links .page-numbers {

    display: inline-block;
    color: #51565e;
    padding: 9px 14px;
    line-height: 1;
    margin-right: 4px;
    border-color: #33b7ff;
}

.pagination .nav-links .page-numbers.current,
.pagination .nav-links .page-numbers:hover {
    background: #33b7ff;
    color: #fff;
}

.pagination .nav-links .page-numbers.next,
.pagination .nav-links .page-numbers.prev {
    font-size: 0;
    text-align: center;
}

.pagination .nav-links .page-numbers.next:before,
.pagination .nav-links .page-numbers.prev:before {
    font-size: 16px;
    font-family: "FontAwesome";
}

.pagination .nav-links .page-numbers.next:before {
    content: "\f105";
}

.pagination .nav-links .page-numbers.prev:before {
    content: "\f104";
    font-size: 16px;
}

/*  Pagination ends */

.posts-navigation {
    float: left;
    width: 100%;
    margin-bottom: 90px;
}

.post-navigation {
    float: left;
    width: 100%;
}

.post-navigation .nav-links {
    padding: 15px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next,
#infinite-handle span {
    padding: 0px;
    width: 50%;
    background: transparent;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    padding-right: 15px;
    text-align: left;
}

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

.post-navigation .nav-links .nav-previous a,
.post-navigation .nav-links .nav-next a,
.comment-navigation .nav-previous::before,
.posts-navigation .nav-previous::before,
.post-navigation .nav-previous::before,
.comment-navigation .nav-next::after,
.posts-navigation .nav-next::after,
.post-navigation .nav-next::after {
    color: #111;
    font-size: 16px;
}

.comment-navigation .nav-previous:hover,
.posts-navigation .nav-previous:hover,
.post-navigation .nav-previous:hover,
.comment-navigation .nav-next:hover,
.posts-navigation .nav-next:hover,
.post-navigation .nav-next:hover,
#infinite-handle span:hover {
    background: transparent;
}

.post-navigation .nav-links .nav-previous a .nav-label,
.post-navigation .nav-links .nav-next a .nav-label {
    font-size: 14px;
}

.post-navigation .nav-links .arrow-more,
.post-navigation .nav-links .arrow-more {
    vertical-align: baseline;
}

.post-navigation .nav-links .nav-post-title {
    display: block;
}

.post-navigation .nav-links .nav-previous:hover a,
.post-navigation .nav-links .nav-next:hover a,
.post-navigation .nav-links .nav-previous:hover:before,
.post-navigation .nav-links .nav-next:hover:after {
    color: #33b7ff;
}


/* -------------------------------------
    Blog Page Starts
------------------------------------------------*/

.search-results #primary article,
.archive #primary article,
.blog #primary article {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 0px;
    margin-bottom: 15px;
}

.search-results #primary article:last-child,
.archive #primary article:last-child,
.blog #primary article:last-child {
    border-bottom: 0px;
}

.page-title,
.entry-title,
.entry-title a {
    color: #111;
    font-size: 26px;
    line-height: 1.5;
    display: inline-block;
    font-weight: 400;
    text-align: left;
}

.entry-meta {
    float: left;
    width: 100%;
}

.entry-footer {
    margin-bottom: 20px;
}

.entry-meta {
    margin-top: 5px;
    margin-bottom: 20px;
}

.entry-meta a {
    color: #111;
}

.entry-meta {
    display: flex;
    align-items: center;
}

.entry-header .entry-meta span {
    display: flex;
    align-items: baseline;
    margin-right: 15px;
    font-size: 14px;
}

.entry-header .entry-meta .byline>span {
    margin-right: 0px;
}

.entry-header .entry-meta>span::before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 8px;
    content: "";
    color: #111;
}

.entry-header .entry-meta .posted-on::before {
    content: "\f274";
}

.entry-header .entry-meta .byline::before {
    content: "\f044";
}

.entry-header .entry-meta .cat-links::before {
    content: "\f115";
}

.entry-header .entry-meta .comments-link::before {
    content: "\f0e6";
}

.btn-more,
#primary .entry-content a.btn-more {
    display: inline-block;
    padding: 12px 20px;
    line-height: 1;
    background: #33b7ff;
    color: #fff !important;
    border-radius: 3px;
}

.btn-more:hover,
#primary .entry-content a.btn-more:hover {
    background: #fe6619;
}

.btn-more:hover,
.btn-more {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.btn-more span {
    margin-left: 5px;
    display: inline-block;
    vertical-align: text-top;
    line-height: 1.1;
}

.post-thumbnail img {
    width: 100%;
    object-fit: cover;
}

.entry-time {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
}

.entry-before {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.entry-time::before {
    content: "";
    background-image: url(/wp-content/themes/blog-kit/images/clock.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
}

.archive .page-title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 28px;
}

.archive .page-header .archive-description {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ddd;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.page-header .archive-description p {
    margin-top: 0px;
}

.wpcf7 span.wpcf7-not-valid-tip {
    bottom: -15px;
}

/* Footer starts */

.site-footer,
.site-footer .site-info,
.footer,
.footer-widgets,
.footer-widgets p,
.footer-logo,
.footer-widgets h2,
.footer-widgets ul,
.footer-widgets ul li,
.footer-contents,
.copyrights-info,
.copyrights-detail,
.copyrights-detail p,
.bottom-info {
    float: left;
    width: 100%;
}

.site-footer {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
}

.footer-contents {
    padding-bottom: 43px;
}

.footer-widgets-column {
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.footer-column-4 {
    width: 25%;
}

.footer-column-3 {
    width: 33.33%;
}

.footer-column-2 {
    width: 50%;
}

.footer-column-1 {
    width: 100%;
}

.footer-widgets h2 {
    color: #111;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.footer-widgets h2.widget-title:after {
    content: "";
    display: block;
    height: 2px;
    width: 50px;
    background: #33b7ff;
    border-right: 25px solid #fe6619;
    margin-top: 10px;
}

.footer-widgets ul {
    padding-left: 0px;
}

.footer-widgets ul li {
    padding: 10px 0px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 0px;
    list-style: none;
}

.footer-widgets ul li ul {
    padding-left: 20px;
    margin: 0;
}

.footer-widgets ul li:first-child {
    padding-top: 0px;
}

.footer-widgets ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.footer-widgets ul li a {
    color: #51565e;
}

.footer-widgets .textwidget p {
    margin-top: 0px;
}

.bottom-info {
    background: #fff;
    border-top: 1px solid #edeff2;
}

.copyrights-info {
    border-top: 1px solid #edeff2;
    padding: 30px 0px;
    text-align: left;
}

.copyrights-detail p {
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0px;
}

.copyrights-detail p a {
    display: inline-block;
    padding-right: 10px;
    border-right: 1px solid #111;
    margin-right: 10px;
    line-height: 1;
}

.copyrights-info .copyright {
    float: left;
}

.copyrights-info .site-info {
    float: right;
}

.site-footer .inner-wrapper {
    display: flex;
}

.site-footer .widget-title {
    margin: 0 0 10px;
}

.site-footer .widget-title::after {
    content: "";
    display: block;
    height: 2px;
    width: 50px;
    background: #33b7ff;
    border-right: 25px solid #fe6619;
    margin-top: 10px;
}

.kit_content_top {
    margin: 0 0 25px;
}

.kit_content_bottom {
    margin: 25px 0 0;
    border: 2px solid #edeff2;
    float: left;
    padding: 10px 20px;
}

.kit_content_top h1,
.kit_content_bottom h1 {
    margin: 0 0 15px;
}

.kit_content_top h2,
.kit_content_bottom h2 {
    margin: 10px 0;
}

.kit_content_top h3,
.kit_content_bottom h3 {
    margin: 10px 0;
}

.kit_content_top img,
.kit_content_bottom img {
    margin: 10px 0;
}

/* Footer ends */

/*--------------------------------------
14.0 Mean Menu  Css Styles
----------------------------------------*/
.mean-container .mean-bar {
    display: flex;
    align-items: center;
    background: transparent;
    box-shadow: none;
    z-index: 999;
}

.mean-bar p {
    margin: 0;
}

.mean-container a.meanmenu-reveal span {
    background: #111;
}

.mean-container .mean-nav ul li a {
    background: #111;
}

.mean-container a.meanmenu-reveal {
    color: #111;
    top: 0px;
    padding: 9px 15px;
}

.mean-container .mean-bar:focus-within a.meanmenu-reveal span {
    background: #33b7ff;
}

.mean-container .mean-nav {
    margin-top: 56px;
}

.mean-container .mean-nav ul li a {
    text-shadow: none;
}

.mean-container .mean-nav ul li a.mean-expand {
    z-index: 999;
}

.mean-container .mean-nav ul li a {
    color: #fff !important;
    width: 100%;
}

.site-branding_image {
    max-width: 350px !important;
    object-fit: cover;
}

.bottom-branding {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 15px;
}

.bottom-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 30%;
}

.wrap-menu-content .menu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
}

.wrap-menu-content .menu ul li {
    list-style: none;
}

.entry-bookmark {
    display: flex;
    align-items: center;
    gap: 5px;
}

.entry-bookmark:hover {
    background: transparent;
    outline: none;
    border: none;
}

.entry-bookmark {
    color: #33b7ff;
    background: transparent;
    outline: none;
    border: none;
}

.entry-bookmark.active {
    color: #fe6619;
}

.entry-bookmark::before {
    content: "";
    background-image: url(/wp-content/themes/blog-kit/images/mark.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.entry-bookmark.active::before {
    background-image: url(/wp-content/themes/blog-kit/images/mark-active.svg);
}

.kit-media-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}

.kit_materials_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}

.kit_material_title,
.kit-media-title {
    font-weight: 600;
}

.kit_materials_items {
    display: flex;
    align-items: center;
    gap: 15px;
}

.kit_materials_item {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 3px;
    cursor: pointer;
}

.breadcrumbs {
    margin-bottom: 15px;
}

.breadcrumbs a {
    color: #33b7ff;
}

.breadcrumbs a:hover {
    color: #fe6619;
}

.related-title,
.comment-reply-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px;
}

.related-posts ul li a {
    color: #33b7ff !important;
}

a {
    color: #33b7ff !important;
}

.poll-answers li {
    padding: 10px !important;
}

.related-posts ul li a:hover {
    color: #fe6619;
}

.kit-media-social a:hover {
    opacity: .8;
}

.entry-author a {
    color: #33b7ff;
}

.entry-author a:hover {
    color: #fe6619;
}

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

    .caption h2,
    .caption h3,
    .caption span,
    .caption small {
        font-size: 35px;
    }
}

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

    .container {
        max-width: 100%;
    }

}

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

    .caption h2,
    .caption h3,
    .caption span,
    .caption small {
        font-size: 30px;
    }
}

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

    #main-nav {
        display: none;
    }

    .main-navigation-wrapper {
        width: 100%;
        margin-top: 20px;
        min-height: 36px;
    }

    /* Mean MEnu css */
    #main-nav {
        display: none;
    }

    .mean-container .main-navigation ul li.menu-item-has-children>a::after,
    .mean-container .main-navigation ul li.page_item_has_children>a::after,
    .mean-container .main-navigation ul li.menu-item-has-children>ul>li.menu-item-has-children>a:after {
        display: none;
    }

    .mean-container .mean-nav {
        overflow: hidden;
    }

    .main-navigation ul li ul {
        position: relative;
        top: 0;
        left: 0 !important;
        opacity: 1;
    }

    .mean-container .main-navigation ul ul a {
        font-size: 16px;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        z-index: 99999999;
        height: 59px;
        width: 59px;
        line-height: 59px;
        color: #fff !important;
        background: transparent;
        box-shadow: none;
        padding: 0 !important;
        border-left: 1px solid rgba(255, 255, 255, 0.5) !important;

    }

    .mean-container .mean-nav ul li a.mean-expand.mean-clicked,
    .mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover,
    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: transparent;
    }

    .mean-container .main-navigation ul li.menu-item-has-children>a,
    .mean-container .main-navigation ul li.page_item_has_children>a {
        padding-right: 40px;
    }

    .mean-container .mean-nav ul li li a {
        width: 100%;
        opacity: 1;
    }

    .mean-container .mean-nav ul li li li a,
    .mean-container .main-navigation {
        width: 100%;
    }

    .mean-container .main-navigation ul li.menu-item-has-children ul.sub-menu li a {
        color: #fff;
    }

    .mean-container .mean-nav ul li a:hover {
        background: #fa6161;
    }

    /* Mean Menu css ends */
    .site-branding {
        margin-top: 0px;
        position: relative;
        z-index: 99999;
        width: 100%;
        text-align: center;
        border-bottom: 1px dotted #ddd;
    }

    .site-branding a {
        float: none;
        display: inline-block;
    }

    .bottom-header {
        padding: 20px 0px;
    }

    .site-header .bottom-header .blog-kit-social-icons {
        position: relative;
        z-index: 99999;
        float: right;
        margin-top: 0px;
    }

}

@media screen and (max-width: 991px) {
    .caption {
        width: 100%;
    }

    .footer-social-links {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 850px) {
    #primary {
        width: 100%;
    }

    #secondary {
        width: 100%;
        padding-left: 0px;
        margin-top: 30px;
    }

}

@media screen and (max-width: 767px) {
    #primary {
        padding: 20px;
    }

    .kit-media-buttons,
    .kit_materials_content {
        flex-direction: column;
        align-items: center;
    }

    .site-footer .inner-wrapper {
        flex-direction: column;
    }

    .entry-before {
        flex-direction: column;
        align-items: flex-start;
    }

    .bottom-branding {
        flex-direction: column;
    }

    .bottom-logo {
        max-width: 100%;
    }

    .site-branding .site-description {
        margin: 0 0 10px;
    }

    .entry-bookmark {
        padding: 10px 0;
    }

    .footer-widgets-column,
    .copyrights-info .copyright,
    .copyrights-info .site-info {
        width: 100%;
    }

    .footer-widgets-column {
        margin-bottom: 30px;
    }

    .footer-widgets-column:last-child {
        margin-bottom: 0px;
    }

    .caption {
        padding: 0px 20px;
    }

    .caption h2,
    .caption h3,
    .caption span,
    .caption small {
        font-size: 25px;
    }

    .copyrights-info {
        text-align: center;
    }

    .copyrights-info .site-info {
        margin-top: 10px;
    }
}

@media screen and (max-width: 640px) {
    .footer-widgets {
        padding-right: 15px;
        width: 100%;
    }

    .error-404.not-found form.search-form {
        width: 100%;
    }

}

@media screen and (max-width: 551px) {
    #secondary {
        width: 100%;
    }

    .caption h1 {
        font-size: 28px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 479px) {
    .bottom-header {
        text-align: center;
    }

    .site-branding {
        float: none;
        display: inline-block;
    }

    .container {
        padding: 0px 20px;
    }

    .caption h2,
    .caption h3,
    .caption span,
    .caption small {
        font-size: 18px;
    }

    .caption h1 {
        font-size: 25px;
    }
}

/* Media css ends */

.cookie {
    width: 50%;
    position: fixed;
    bottom: 25px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0px 15px 0 #00000080;
    background: #fff;
    padding: 15px;
    left: 25%;
    border-radius: 3px;
    gap: 24px;
}

.cookie p {
    margin: 0;
}

.cookie p a {
    text-decoration: underline;
}

.cookie p a:hover {
    color: #33b7ff;
}

button.btn.btn-primary {
    border: none;
    cursor: pointer;
}

.cookie.hidden {
    display: none;
}

@media (max-width: 767px) {
    .cookie {
        width: 80%;
        left: 10%;
    }
}