/**
 * Custom Styles for Kava Theme
 * Extracted from inline styles in HTML files
 * Version: 1.2.7
 */

/* Emoji Styles */
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}

/* Typography */
body {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.6;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	text-align: left;
	color: #3b3d42;
}

h1, .h1-style {
	font-style: normal;
	font-weight: 400;
	font-size: 34px;
	line-height: 1.4;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	text-align: inherit;
	color: #3b3d42;
}

h2, .h2-style {
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.4;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	text-align: inherit;
	color: #3b3d42;
}

h3, .h3-style {
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 1.4;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	text-align: inherit;
	color: #3b3d42;
}

h4, .h4-style {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	text-align: inherit;
	color: #3b3d42;
}

h5, .h5-style {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.5;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	text-align: inherit;
	color: #3b3d42;
}

h6, .h6-style {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	text-align: inherit;
	color: #3b3d42;
}

@media (min-width: 1200px) {
	h1, .h1-style {
		font-size: 56px;
	}
	h2, .h2-style {
		font-size: 40px;
	}
	h3, .h3-style {
		font-size: 28px;
	}
}

a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #398ffc;
}

a:hover {
	color: #3b3d42;
}

blockquote {
	color: #398ffc;
}

/* Header */
.site-header__wrap {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

/* Top Panel */
.top-panel {
	color: #a1a2a4;
	background-color: #ffffff;
}

/* Main Menu */
.main-navigation {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
}

.main-navigation a, .menu-item-has-children:before {
	color: #a1a2a4;
}

.main-navigation a:hover,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	color: #3b3d42;
}

/* Mobile Menu */
.mobile-menu-toggle-button {
	color: #ffffff;
	background-color: #398ffc;
}

/* Social */
.social-list a {
	color: #a1a2a4;
}

.social-list a:hover {
	color: #398ffc;
}

/* Breadcrumbs */
.breadcrumbs_item {
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 1.5;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
}

.breadcrumbs_item_sep, .breadcrumbs_item_link {
	color: #a1a2a4;
}

.breadcrumbs_item_link:hover {
	color: #398ffc;
}

/* Post navigation */
.post-navigation i {
	color: #a1a2a4;
}

.post-navigation .nav-links a:hover .post-title,
.post-navigation .nav-links a:hover .nav-text {
	color: #398ffc;
}

.post-navigation .nav-links a:hover i {
	color: #3b3d42;
}

/* Pagination */
.pagination .page-numbers, .page-links > span, .page-links > a {
	color: #a1a2a4;
}

.pagination a.page-numbers:hover,
.pagination .page-numbers.current,
.page-links > a:hover,
.page-links > span {
	color: #3b3d42;
}

.pagination .next, .pagination .prev {
	color: #398ffc;
}

.pagination .next:hover, .pagination .prev:hover {
	color: #3b3d42;
}

/* Button Appearance Styles */
.btn, button, input[type='button'], input[type='reset'], input[type='submit'] {
	font-style: normal;
	font-weight: 900;
	font-size: 11px;
	line-height: 1;
	font-family: Roboto, sans-serif;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #398ffc;
}

.btn:hover, button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover {
	color: #ffffff;
	background-color: rgb(95, 181, 255);
}

.btn.invert-button {
	color: #ffffff;
}

.btn.invert-button:hover {
	color: #ffffff;
	border-color: #398ffc;
	background-color: #398ffc;
}

/* Totop Button */
#toTop {
	padding: 0px 0px;
	border-radius: 0px;
	background-color: transparent;
	color: inherit;
}

#toTop:hover {
	background-color: transparent;
	color: inherit;
}

input, optgroup, select, textarea {
	font-size: 14px;
}

/* Comment, Contact, Password Forms */
.comment-form .submit, .wpcf7-submit, .post-password-form label + input {
	font-style: normal;
	font-weight: 900;
	font-size: 11px;
	line-height: 1;
	font-family: Roboto, sans-serif;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #398ffc;
}

.comment-form .submit:hover, .wpcf7-submit:hover, .post-password-form label + input:hover {
	color: #ffffff;
	background-color: rgb(95, 181, 255);
}

.comment-reply-title {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	color: #3b3d42;
}

/* Cookies consent */
.comment-form-cookies-consent input[type='checkbox']:checked ~ label[for=wp-comment-cookies-consent]:before {
	color: #ffffff;
	border-color: #398ffc;
	background-color: #398ffc;
}

/* Comment Reply Link */
#cancel-comment-reply-link {
	color: #398ffc;
}

#cancel-comment-reply-link:hover {
	color: #3b3d42;
}

/* Comment item */
.comment-body .fn {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	color: #3b3d42;
}

.comment-date__time {
	color: #a1a2a4;
}

.comment-reply-link {
	font-style: normal;
	font-weight: 900;
	font-size: 11px;
	line-height: 1;
	font-family: Roboto, sans-serif;
	letter-spacing: 1px;
}

/* Input Placeholders */
::-webkit-input-placeholder {
	color: #a1a2a4;
}

::-moz-placeholder {
	color: #a1a2a4;
}

:-moz-placeholder {
	color: #a1a2a4;
}

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

/* Entry Meta */
.posted-on, .cat-links, .byline, .tags-links {
	color: #a1a2a4;
}

.comments-button {
	color: #a1a2a4;
}

.comments-button:hover {
	color: #ffffff;
	background-color: #398ffc;
}

.btn-style .post-categories a {
	color: #ffffff;
	background-color: #398ffc;
}

.btn-style .post-categories a:hover {
	color: #ffffff;
	background-color: rgb(95, 181, 255);
}

.sticky-label {
	color: #ffffff;
	background-color: #398ffc;
}

/* Posts List Item Invert */
.invert-hover.has-post-thumbnail:hover,
.invert-hover.has-post-thumbnail:hover .posted-on,
.invert-hover.has-post-thumbnail:hover .cat-links,
.invert-hover.has-post-thumbnail:hover .byline,
.invert-hover.has-post-thumbnail:hover .tags-links,
.invert-hover.has-post-thumbnail:hover .entry-meta,
.invert-hover.has-post-thumbnail:hover a,
.invert-hover.has-post-thumbnail:hover .btn-icon,
.invert-item.has-post-thumbnail,
.invert-item.has-post-thumbnail .posted-on,
.invert-item.has-post-thumbnail .cat-links,
.invert-item.has-post-thumbnail .byline,
.invert-item.has-post-thumbnail .tags-links,
.invert-item.has-post-thumbnail .entry-meta,
.invert-item.has-post-thumbnail a,
.invert-item.has-post-thumbnail .btn:hover,
.invert-item.has-post-thumbnail .btn-style .post-categories a:hover,
.invert, .invert .entry-title, .invert a, .invert .byline, .invert .posted-on, .invert .cat-links, .invert .tags-links {
	color: #ffffff;
}

.invert-hover.has-post-thumbnail:hover a:hover,
.invert-hover.has-post-thumbnail:hover .btn-icon:hover,
.invert-item.has-post-thumbnail a:hover, .invert a:hover {
	color: #398ffc;
}

.invert-hover.has-post-thumbnail .btn,
.invert-item.has-post-thumbnail .comments-button,
.posts-list--default.list-style-v10 .invert.default-item .comments-button {
	color: #ffffff;
	background-color: #398ffc;
}

.invert-hover.has-post-thumbnail .btn:hover,
.invert-item.has-post-thumbnail .comments-button:hover,
.posts-list--default.list-style-v10 .invert.default-item .comments-button:hover {
	color: #398ffc;
	background-color: #ffffff;
}

/* Default Posts List */
.list-style-v8 .comments-link {
	color: #a1a2a4;
}

.list-style-v8 .comments-link:hover {
	color: #3b3d42;
}

/* Creative Posts List */
.creative-item .entry-title a:hover {
	color: #398ffc;
}

.list-style-default .creative-item a, .creative-item .btn-icon {
	color: #a1a2a4;
}

.list-style-default .creative-item a:hover, .creative-item .btn-icon:hover {
	color: #398ffc;
}

.list-style-default .creative-item .btn,
.list-style-default .creative-item .btn:hover,
.list-style-default .creative-item .comments-button:hover {
	color: #ffffff;
}

.creative-item__title-first-letter {
	font-style: normal;
	font-weight: 400;
	font-family: Roboto, sans-serif;
	color: #3b3d42;
}

.posts-list--creative.list-style-v10 .creative-item:before {
	background-color: #398ffc;
	box-shadow: 0px 0px 0px 8px rgba(57, 143, 252, 0.25);
}

.posts-list--creative.list-style-v10 .creative-item__post-date {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	color: #398ffc;
}

.posts-list--creative.list-style-v10 .creative-item__post-date a {
	color: #398ffc;
}

.posts-list--creative.list-style-v10 .creative-item__post-date a:hover {
	color: #3b3d42;
}

/* Creative Posts List style-v2 */
.list-style-v2 .creative-item .entry-title,
.list-style-v9 .creative-item .entry-title {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
}

/* Image Post Format */
.post_format-post-format-image .post-thumbnail__link:before {
	color: #ffffff;
	background-color: #398ffc;
}

/* Gallery Post Format */
.post_format-post-format-gallery .swiper-button-prev,
.post_format-post-format-gallery .swiper-button-next {
	color: #a1a2a4;
}

.post_format-post-format-gallery .swiper-button-prev:hover,
.post_format-post-format-gallery .swiper-button-next:hover {
	color: #3b3d42;
}

/* Link Post Format */
.post_format-post-format-quote .post-format-quote {
	color: #ffffff;
	background-color: #398ffc;
}

.post_format-post-format-quote .post-format-quote:before {
	color: #398ffc;
	background-color: #ffffff;
}

/* Post Author */
.post-author__title a {
	color: #398ffc;
}

.post-author__title a:hover {
	color: #3b3d42;
}

.invert .post-author__title a {
	color: #ffffff;
}

.invert .post-author__title a:hover {
	color: #398ffc;
}

/* Single Post */
.single-post blockquote {
	border-color: #398ffc;
}

.single-post:not(.post-template-single-layout-4):not(.post-template-single-layout-7) .tags-links a:hover {
	color: #ffffff;
	border-color: #398ffc;
	background-color: #398ffc;
}

.single-header-3 .post-author .byline,
.single-header-4 .post-author .byline,
.single-header-5 .post-author .byline {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
}

.single-header-8, .single-header-10 .entry-header {
	background-color: #398ffc;
}

.single-header-8.invert a:hover, .single-header-10.invert a:hover {
	color: rgba(255, 255, 255, 0.5);
}

.single-header-3 a.comments-button, .single-header-10 a.comments-button {
	border: 1px solid #ffffff;
}

.single-header-3 a.comments-button:hover, .single-header-10 a.comments-button:hover {
	color: #398ffc;
	background-color: #ffffff;
}

/* Page preloader */
.page-preloader {
	border-top-color: #398ffc;
	border-right-color: #398ffc;
}

/* Logo */
.site-logo__link, .site-logo__link:hover {
	color: #398ffc;
}

/* Page title */
.page-title {
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.4;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	color: #3b3d42;
}

@media (min-width: 1200px) {
	.page-title {
		font-size: 40px;
	}
}

/* Grid Posts List */
.posts-list.list-style-v3 .comments-link {
	border-color: #398ffc;
}

.posts-list.list-style-v4 .comments-link {
	color: #a1a2a4;
}

.posts-list.list-style-v4 .posts-list__item.grid-item .grid-item-wrap .comments-link:hover {
	color: #ffffff;
	background-color: #398ffc;
}

/* Posts List Grid Item Invert */
.grid-item-wrap.invert,
.grid-item-wrap.invert .posted-on,
.grid-item-wrap.invert .cat-links,
.grid-item-wrap.invert .byline,
.grid-item-wrap.invert .tags-links,
.grid-item-wrap.invert .entry-meta,
.grid-item-wrap.invert a,
.grid-item-wrap.invert .btn-icon,
.grid-item-wrap.invert .comments-button {
	color: #ffffff;
}

/* Posts List Grid-5 Item Invert */
.list-style-v5 .grid-item-wrap.invert .posted-on,
.list-style-v5 .grid-item-wrap.invert .cat-links,
.list-style-v5 .grid-item-wrap.invert .byline,
.list-style-v5 .grid-item-wrap.invert .tags-links,
.list-style-v5 .grid-item-wrap.invert .posted-on a,
.list-style-v5 .grid-item-wrap.invert .cat-links a,
.list-style-v5 .grid-item-wrap.invert .tags-links a,
.list-style-v5 .grid-item-wrap.invert .byline a,
.list-style-v5 .grid-item-wrap.invert .comments-link,
.list-style-v5 .grid-item-wrap.invert .entry-title a:hover {
	color: #398ffc;
}

.list-style-v5 .grid-item-wrap.invert .posted-on a:hover,
.list-style-v5 .grid-item-wrap.invert .cat-links a:hover,
.list-style-v5 .grid-item-wrap.invert .tags-links a:hover,
.list-style-v5 .grid-item-wrap.invert .byline a:hover,
.list-style-v5 .grid-item-wrap.invert .comments-link:hover {
	color: #ffffff;
}

/* Posts List Grid-6 Item Invert */
.posts-list.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .cat-links a,
.posts-list.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .cat-links a {
	color: #ffffff;
	background-color: #398ffc;
}

.posts-list.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .cat-links a:hover,
.posts-list.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .cat-links a:hover {
	color: #ffffff;
	background-color: rgb(95, 181, 255);
}

.posts-list.list-style-v9 .posts-list__item.grid-item .grid-item-wrap .entry-header .entry-title {
	font-weight: 300;
}

/* Widget Styles */
.widget_recent_entries a, .widget_recent_comments a {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	font-family: Roboto, sans-serif;
	letter-spacing: 0px;
	color: #3b3d42;
}

.widget_recent_entries a:hover, .widget_recent_comments a:hover {
	color: #398ffc;
}

.widget_recent_entries .post-date, .widget_recent_comments .recentcomments {
	color: #a1a2a4;
}

.widget_recent_comments .comment-author-link a {
	color: #a1a2a4;
}

.widget_recent_comments .comment-author-link a:hover {
	color: #398ffc;
}

.widget_calendar th, .widget_calendar caption {
	color: #398ffc;
}

.widget_calendar tbody td a {
	color: #3b3d42;
}

.widget_calendar tbody td a:hover {
	color: #ffffff;
	background-color: #398ffc;
}

.widget_calendar tfoot td a {
	color: #a1a2a4;
}

.widget_calendar tfoot td a:hover {
	color: #3b3d42;
}

/* Preloader */
.jet-smart-listing-wrap.jet-processing + div.jet-smart-listing-loading,
div.wpcf7 .ajax-loader {
	border-top-color: #398ffc;
	border-right-color: #398ffc;
}

/* Container and Layout */
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.col-xs-12 {
	width: 100%;
	padding: 0 15px;
}

@media (min-width: 768px) {
	.col-md-8 {
		width: 66.66666667%;
		padding: 0 15px;
	}
	
	.col-md-4 {
		width: 33.33333333%;
		padding: 0 15px;
	}
}

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

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

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

/* Skip Link */
.skip-link {
	position: absolute;
	left: -9999px;
	z-index: 999999;
}

.skip-link:focus {
	left: 6px;
	top: 7px;
	width: auto;
	height: auto;
	padding: 8px 16px;
	background: #000;
	color: #fff;
	text-decoration: none;
}