/*!
Theme Name: Templatic V2
Theme URI: https://templatic.com/
Author: Templatic
Author URI: https://templatic.com/
Description: The Templatic V2 is the base theme that powers many of those wonderful business child themes from Templatic.
Version: 1.0.0
Tested up to: 5.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: templatic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, 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.

templatic is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

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

ul, ol { padding-left: 10px; margin: 0 0 0 0.5rem; }

ul { list-style: disc; }

ol { list-style: decimal; }

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

dt { font-weight: bold; }

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.button, button, input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; border-radius: 3px; transition: all 0.2s ease-in-out; outline: none; font-family: "Inter", sans-serif; font-size: 18px; color: #fff; font-weight: 700; text-align: center; line-height: 28px; text-decoration: none; letter-spacing: -0.5px; cursor: pointer; padding: 10px 25px 9px; background: #0e63f4; border: 2px solid #0e63f4; }
.button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { text-decoration: none; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
.button:active, .button:focus, 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 { text-decoration: none; box-shadow: none; }
.button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #000000; border-color: #000000; color: #fff; }
.button:active, .button:focus, 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 { background: #000000; border-color: #000000; color: #fff; }

.secondary-button { display: inline-block; border-radius: 3px; transition: all 0.2s ease-in-out; outline: none; font-family: "Inter", sans-serif; font-size: 18px; color: #fff; font-weight: 700; text-align: center; line-height: 28px; text-decoration: none; letter-spacing: -0.5px; cursor: pointer; padding: 10px 25px 9px; background: #000000; border: 2px solid #000000; }
.secondary-button:hover { text-decoration: none; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
.secondary-button:active, .secondary-button:focus { text-decoration: none; box-shadow: none; }
.secondary-button:hover { background: #0e63f4; border-color: #0e63f4; color: #fff; }
.secondary-button:active, .secondary-button:focus { background: #0e63f4; border-color: #0e63f4; color: #fff; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { height: 52px; background: #fff; border: 1px solid rgba(51, 51, 51, 0.2); border-radius: 3px; transition: all 0.2s ease-in-out; font-family: "Inter", sans-serif; font-size: 16px; color: #000000; font-weight: 400; letter-spacing: .3px; outline: 0; padding: 0 15px; }
input[type="text"]:active, input[type="text"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="range"]:active, input[type="range"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="week"]:active, input[type="week"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="color"]:active, input[type="color"]:focus, textarea:active, textarea:focus, select:active, select:focus { border: 1px solid #0e63f4; box-shadow: 0 0 20px rgba(14, 99, 244, 0.1); }

textarea { width: 100%; min-height: 220px; color: #333333; padding-top: 10px; padding-bottom: 10px; }
textarea:active, textarea:focus { color: #000000; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select:focus { border-color: #0e63f4; }

::placeholder { color: #333333; opacity: 1; }

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

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

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #f1f1f1; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

#content[tabindex="-1"]:focus { outline: 0; }

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

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

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

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

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

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; }

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

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

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

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

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

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { background: #ffffff; font-family: "Inter", sans-serif; font-size: 16px; color: #333333; font-weight: 400; line-height: 28px; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Inter", sans-serif; color: #000000; line-height: 1.3; margin: 0 0 15px; }

h1, .h1 { font-size: 36px; }

h2, .h2 { font-size: 32px; }

h3, .h3 { font-size: 26px; }

h4, .h4 { font-size: 22px; }

h5, .h5 { font-size: 20px; }

h6, .h6 { font-size: 18px; }

p { margin-bottom: 30px; }

a, button, input { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

a { color: #000000; }

a:hover, a:focus, a:active { color: #0e63f4; text-decoration: none; }

a:focus { outline: none; }

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

pre { white-space: pre-wrap; word-wrap: break-word; }

li > ul, li > ol { margin-left: 0.5rem; }

blockquote { border-left: 3px solid #0e63f4; padding: 0 0 0 25px; margin-bottom: 30px; }
blockquote p:last-child { margin-bottom: 0; }

/*--------------------------------------------------------------
# Layouts and Templates
--------------------------------------------------------------*/
.container { max-width: 1170px; }

.content-area { flex: 0 0 100%; max-width: 68%; margin: 50px 0; }

.theme-sidebar { flex: 0 0 100%; max-width: 32%; padding-left: 60px; margin: 50px 0; }

.layout-1c-full .content-area { max-width: 100%; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header { border-bottom: 1px solid rgba(0, 0, 0, 0.06); transition: all 0.3s ease-in-out; }
.site-header .head-wrap { display: flex; align-items: center; transition: all 0.3s ease-in-out; padding: 15px 0; }
.site-header .head-wrap .site-branding { flex-grow: 1; margin-right: 50px; }
.site-header .head-wrap .site-branding .site-title { font-size: 30px; line-height: 32px; letter-spacing: -1px; margin: 0; }
.site-header .head-wrap .site-branding .site-title a { color: #000000; font-weight: 700; }
.site-header .head-wrap .site-branding .site-title a:hover { color: #0e63f4; }
.site-header .head-wrap .site-branding .site-description { font-size: 15px; color: #333333; line-height: normal; margin: 5px 0 0; }
.site-header .head-wrap .main-navigation .menu { position: relative; list-style: none; padding: 0; margin: 0; }
.site-header .head-wrap .main-navigation .menu:after { display: table; content: ""; clear: both; }
.site-header .head-wrap .main-navigation .menu li { position: relative; list-style: none; float: left; margin-right: 40px; }
.site-header .head-wrap .main-navigation .menu li:last-child { margin-right: 0; }
.site-header .head-wrap .main-navigation .menu li a { display: block; font-size: 14px; color: #000000; line-height: normal; text-transform: uppercase; letter-spacing: 1px; padding: 16px 0; }
.site-header .head-wrap .main-navigation .menu li a:hover, .site-header .head-wrap .main-navigation .menu li a:active, .site-header .head-wrap .main-navigation .menu li a:focus { color: #000000; text-decoration: none; }
.site-header .head-wrap .main-navigation .menu li.menu-item-has-children > a { position: relative; padding-right: 15px; }
.site-header .head-wrap .main-navigation .menu li.menu-item-has-children > a:after { position: absolute; top: 26px; right: -8px; content: "\ea43"; font-family: "remixicon"; font-size: 22px; line-height: 0; opacity: .8; }
.site-header .head-wrap .main-navigation .menu li .sub-menu, .site-header .head-wrap .main-navigation .menu li .children { list-style: none; background: #fff; border: none; box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.03); border-radius: 0; padding: 3px 0; margin: 0; }
.site-header .head-wrap .main-navigation .menu li .sub-menu li, .site-header .head-wrap .main-navigation .menu li .children li { float: none; padding: 0; margin: 0; }
.site-header .head-wrap .main-navigation .menu li .sub-menu li .sub-menu, .site-header .head-wrap .main-navigation .menu li .sub-menu li .children, .site-header .head-wrap .main-navigation .menu li .children li .sub-menu, .site-header .head-wrap .main-navigation .menu li .children li .children { margin-top: -3px; }
.site-header .head-wrap .main-navigation .menu li .sub-menu li a, .site-header .head-wrap .main-navigation .menu li .children li a { min-width: 160px; width: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.03); border-radius: 0; font-size: 13px; color: #000000; font-weight: 500; white-space: nowrap; padding: 14px 40px 14px 22px; margin: 0; }
.site-header .head-wrap .main-navigation .menu li .sub-menu li a:hover, .site-header .head-wrap .main-navigation .menu li .children li a:hover { color: #0e63f4; }
.site-header .head-wrap .main-navigation .menu li .sub-menu li a:active, .site-header .head-wrap .main-navigation .menu li .sub-menu li a:focus, .site-header .head-wrap .main-navigation .menu li .children li a:active, .site-header .head-wrap .main-navigation .menu li .children li a:focus { text-decoration: none; }
.site-header .head-wrap .main-navigation .menu li .sub-menu li:last-child a, .site-header .head-wrap .main-navigation .menu li .children li:last-child a { border-bottom: 0; }
.site-header .head-wrap .main-navigation .menu li .sub-menu li.menu-item-has-children > a, .site-header .head-wrap .main-navigation .menu li .children li.menu-item-has-children > a { position: relative; }
.site-header .head-wrap .main-navigation .menu li .sub-menu li.menu-item-has-children > a:after, .site-header .head-wrap .main-navigation .menu li .children li.menu-item-has-children > a:after { position: absolute; top: 22px; right: 12px; content: "\ea47"; font-family: "remixicon"; font-size: 22px; line-height: 0; }
.site-header .head-wrap .main-navigation .menu li:hover > a, .site-header .head-wrap .main-navigation .menu li:active > a, .site-header .head-wrap .main-navigation .menu li:focus > a { color: #0e63f4; }
.site-header .head-wrap .main-navigation .menu li:hover > ul { left: -20px; opacity: 1; visibility: visible; transform: translateY(0); }
.site-header .head-wrap .main-navigation .menu li.focus > ul { left: -20px; opacity: 1; visibility: visible; transform: translateY(0); }
.site-header .head-wrap .main-navigation .menu ul.sub-menu { position: absolute; top: 100%; left: -20px; transition: all 0.15s ease-in-out; transform: translateY(15%); visibility: hidden; opacity: 0; z-index: 99999; }
.site-header .head-wrap .main-navigation .menu ul.sub-menu li:hover > ul { left: -20px; opacity: 1; visibility: visible; transform: translateY(0); }
.site-header .head-wrap .main-navigation .menu ul.sub-menu li.focus > ul { left: -20px; opacity: 1; visibility: visible; transform: translateY(0); }
.site-header .head-wrap .main-navigation .menu ul.sub-menu ul { left: 100% !important; top: 0; }

.menu-toggle { display: none; }

/*
.sticky-head {
	padding-top: 86px;
	.sticky-header {
		position: fixed;
		top: 0;
		width: 100%;
		transition: all 0.3s ease-in-out;
		animation: sticky-head-animation .5s;
		z-index: 99;
		.head-wrap {
			transition: all 0.3s ease-in-out;
			padding: 8px 0;
		}
	}
	&.admin-bar {
		.sticky-header {
			top: 32px;
			animation: sticky-head-animation-admin-bar .5s;
		}
	}
}*/
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer { border-top: 1px solid rgba(0, 0, 0, 0.06); }
.site-footer .site-info { text-align: center; padding: 25px 0; }

/*--------------------------------------------------------------
# 404 Page
--------------------------------------------------------------*/
.error-404 { padding-bottom: 30px; }
.error-404 .page-header { text-align: center; padding: 20px 0; }
.error-404 .page-header h1 { margin-bottom: 20px; }
.error-404 .page-content { text-align: center; }
.error-404 .page-content h3 { font-size: 180px; line-height: 160px; margin-bottom: 50px; }
.error-404 .page-content .search-form { max-width: 600px; }
.error-404 .page-content p { max-width: 600px; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget ul { list-style: none; padding: 0; margin: 0; }
.widget ul li { margin-bottom: 10px; }

.theme-sidebar .widget-title { font-size: 24px; margin-bottom: 10px; }
.theme-sidebar .widget { margin-bottom: 60px; }
.theme-sidebar .widget:last-child { margin-bottom: 0; }
.theme-sidebar .widget ul { list-style: none; padding: 0; margin: 0; }
.theme-sidebar .widget ul li { line-height: 26px; margin-bottom: 8px; }
.theme-sidebar .widget ul li:last-child { margin-bottom: 0; }
.theme-sidebar .widget.widget_meta ul li, .theme-sidebar .widget.widget_pages ul li, .theme-sidebar .widget.widget_archive ul li, .theme-sidebar .widget.widget_nav_menu ul li, .theme-sidebar .widget.widget_categories ul li, .theme-sidebar .widget.widget_recent_entries ul li, .theme-sidebar .widget.widget_recent_comments ul li { position: relative; line-height: 28px; padding-left: 17px; }
.theme-sidebar .widget.widget_meta ul li:before, .theme-sidebar .widget.widget_pages ul li:before, .theme-sidebar .widget.widget_archive ul li:before, .theme-sidebar .widget.widget_nav_menu ul li:before, .theme-sidebar .widget.widget_categories ul li:before, .theme-sidebar .widget.widget_recent_entries ul li:before, .theme-sidebar .widget.widget_recent_comments ul li:before { position: absolute; top: 4px; left: -4px; font-family: "remixicon"; font-size: 17px; content: "\ea5e"; line-height: normal; }
.theme-sidebar .widget.widget_meta ul li ul.sub-menu, .theme-sidebar .widget.widget_meta ul li ul.children, .theme-sidebar .widget.widget_pages ul li ul.sub-menu, .theme-sidebar .widget.widget_pages ul li ul.children, .theme-sidebar .widget.widget_archive ul li ul.sub-menu, .theme-sidebar .widget.widget_archive ul li ul.children, .theme-sidebar .widget.widget_nav_menu ul li ul.sub-menu, .theme-sidebar .widget.widget_nav_menu ul li ul.children, .theme-sidebar .widget.widget_categories ul li ul.sub-menu, .theme-sidebar .widget.widget_categories ul li ul.children, .theme-sidebar .widget.widget_recent_entries ul li ul.sub-menu, .theme-sidebar .widget.widget_recent_entries ul li ul.children, .theme-sidebar .widget.widget_recent_comments ul li ul.sub-menu, .theme-sidebar .widget.widget_recent_comments ul li ul.children { margin: 10px 0; }
.theme-sidebar .widget.widget_meta ul li .post-date, .theme-sidebar .widget.widget_pages ul li .post-date, .theme-sidebar .widget.widget_archive ul li .post-date, .theme-sidebar .widget.widget_nav_menu ul li .post-date, .theme-sidebar .widget.widget_categories ul li .post-date, .theme-sidebar .widget.widget_recent_entries ul li .post-date, .theme-sidebar .widget.widget_recent_comments ul li .post-date { display: block; font-size: 14px; opacity: .7; }
.theme-sidebar .widget.widget_recent_entries ul li, .theme-sidebar .widget.widget_recent_comments ul li { margin-bottom: 20px; }
.theme-sidebar .widget.widget_recent_entries ul li:last-child, .theme-sidebar .widget.widget_recent_comments ul li:last-child { margin-bottom: 0; }

.widget_recent_entries ul li .post-date { position: relative; }
.widget_recent_entries ul li .post-date:before { position: relative; top: 3px; content: "\eaf2"; font-family: "remixicon"; font-size: 16px; margin-right: 6px; }

.widget_recent_comments ul li .comment-author-link { text-decoration: underline; }

.widget_archive select, .widget_categories select { background: url(assets/images/down-arrow.png) no-repeat right 8px top 10px; width: 100%; padding: 0 35px 0 15px; }

.search-form, .wp-block-search .wp-block-search__inside-wrapper { position: relative; display: flex; align-items: center; margin: 0 auto; }
.search-form:after, .wp-block-search .wp-block-search__inside-wrapper:after { position: absolute; top: 0; right: 0; content: "\ef52"; width: 50px; height: 50px; background: #000000; border-radius: 0 3px 3px 0; font-family: "remixicon"; font-size: 24px; color: #fff; line-height: 50px; text-align: center; z-index: 0; }
.search-form label, .wp-block-search .wp-block-search__inside-wrapper label { display: block; flex-grow: 1; margin: 0; }
.search-form input[type="search"], .wp-block-search .wp-block-search__inside-wrapper input[type="search"] { width: 100%; height: 50px; font-size: 15px; padding: 0 15px; }
.search-form input[type="submit"], .search-form button, .wp-block-search .wp-block-search__inside-wrapper input[type="submit"], .wp-block-search .wp-block-search__inside-wrapper button { position: absolute; top: 0; right: 0; width: 50px; height: 50px; font-size: 0; background: none !important; border: 0; border-radius: 0; padding: 0; z-index: 1; }

#wp-calendar { width: 100%; font-size: 14px; font-weight: 300; border-collapse: separate; border-spacing: 2px; margin-left: -2px; margin-bottom: 0; }
#wp-calendar caption { display: none; }
#wp-calendar thead th { background: rgba(0, 0, 0, 0.04); border-bottom: 2px solid #0e63f4; font-size: 13px; font-weight: 700; text-align: center; vertical-align: middle; padding: 6px 0; }
#wp-calendar tbody td { border: 1px solid rgba(0, 0, 0, 0.08); font-weight: 500; text-align: center; padding: 6px 0; margin-bottom: 10px; }
#wp-calendar tbody td.pad { background: none; border: 0px none; }
#wp-calendar tbody td#today { background: #0e63f4; color: #fff; }
#wp-calendar tbody td#today a { color: #fff; }
#wp-calendar tbody td a { color: #0e63f4; }
#wp-calendar tfoot td { font-weight: 500; padding: 6px 0; }
#wp-calendar tfoot td#prev { text-align: left; }
#wp-calendar tfoot td#next { text-align: right; }

.wp-calendar-nav { display: flex; flex-wrap: wrap; justify-content: space-between; background: rgba(0, 0, 0, 0.04); padding: 5px 10px; }

.widget_tag_cloud .tagcloud a { display: inline-block; vertical-align: top; border-bottom: 1px dashed #333333; font-size: 16px !important; margin: 0 15px 10px 0; }
.widget_tag_cloud .tagcloud a:hover { border-color: #0e63f4; color: #0e63f4 !important; }

.widget_media_gallery figure { padding: 0 5px 5px 0; margin: 0; }

/*--------------------------------------------------------------
# Page
--------------------------------------------------------------*/
.page .entry-header .entry-title { margin-top: -8px; margin-bottom: 25px; }

/*--------------------------------------------------------------
# Archive
--------------------------------------------------------------*/
.page-header .page-title { margin-top: -8px; margin-bottom: 25px; }

.post .entry-header, .attachment .entry-header { margin-bottom: 25px; }
.post .entry-header .entry-title, .attachment .entry-header .entry-title { font-size: 24px; font-weight: 400; line-height: 32px; margin-bottom: 10px; }
.post .entry-header .posted-on, .post .entry-header .cat-links, .post .entry-header .author, .attachment .entry-header .posted-on, .attachment .entry-header .cat-links, .attachment .entry-header .author { display: inline-block; margin-right: 30px; }
.post .post-thumbnail, .attachment .post-thumbnail { display: block; margin-bottom: 25px; }

.archive .post, .archive .attachment, .archive .page, .search .post, .search .attachment, .search .page, .home-archive .post, .home-archive .attachment, .home-archive .page { border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding-bottom: 40px; margin-bottom: 40px; }
.archive .post:last-child, .archive .attachment:last-child, .archive .page:last-child, .search .post:last-child, .search .attachment:last-child, .search .page:last-child, .home-archive .post:last-child, .home-archive .attachment:last-child, .home-archive .page:last-child { border-bottom: none; margin-bottom: 0; }

.templatic-pagination { margin-bottom: 50px; }
.templatic-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; padding: 0; margin: 0; }
.templatic-pagination ul li { display: inline-block; margin: 3px; }
.templatic-pagination ul li .page-numbers { display: block; min-width: 46px; min-height: 44px; background: #f3f4f5; border: none; border-radius: 3px; font-size: 15px; color: #333333; font-weight: 400; text-align: center; line-height: 44px; text-transform: uppercase; letter-spacing: 2px; }
.templatic-pagination ul li a:hover, .templatic-pagination ul li a:active, .templatic-pagination ul li a:focus { background: #0e63f4; color: #fff; }
.templatic-pagination ul li .current { background: #0e63f4; color: #fff !important; }
.templatic-pagination ul li .prev, .templatic-pagination ul li .next { position: relative; font-size: 0; }
.templatic-pagination ul li .prev:after, .templatic-pagination ul li .next:after { position: absolute; top: 0; left: 0; content: "\ea45"; width: 100%; height: 100%; font-family: "remixicon"; font-size: 32px; font-weight: 400; line-height: 44px; }
.templatic-pagination ul li .next:after { content: "\ea47"; }

/*--------------------------------------------------------------
# Single Page
--------------------------------------------------------------*/
.single .post, .single .attachment { margin-bottom: 60px; }
.single .post .entry-header .entry-title, .single .attachment .entry-header .entry-title { font-size: 36px; line-height: 44px; }
.single .post .entry-content h1, .single .post .entry-content h2, .single .post .entry-content h3, .single .post .entry-content h4, .single .post .entry-content h5, .single .post .entry-content h6, .single .attachment .entry-content h1, .single .attachment .entry-content h2, .single .attachment .entry-content h3, .single .attachment .entry-content h4, .single .attachment .entry-content h5, .single .attachment .entry-content h6 { margin-top: 50px; }
.single .post .entry-footer, .single .attachment .entry-footer { margin: 30px 0 60px; }
.single .post .entry-footer a:hover, .single .post .entry-footer a:active, .single .post .entry-footer a:focus, .single .attachment .entry-footer a:hover, .single .attachment .entry-footer a:active, .single .attachment .entry-footer a:focus { color: #0e63f4; }
.single .post .entry-footer .tags-links, .single .attachment .entry-footer .tags-links { flex-grow: 1; margin-right: 18px; }
.single .post .entry-footer .tags-links a, .single .attachment .entry-footer .tags-links a { display: inline-block; margin-right: 25px; }
.single .post .entry-footer .edit-link, .single .attachment .entry-footer .edit-link { margin-right: 25px; }

.post-navigation { border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding: 20px 0; margin: 0 0 60px; }
.post-navigation .nav-links { display: flex; flex-wrap: wrap; justify-content: space-between; }
.post-navigation .nav-links a { position: relative; display: block; line-height: 24px; padding: 30px 20px; }
.post-navigation .nav-links a:before { display: block; font-size: 13px; font-weight: 500; letter-spacing: 2px; margin-bottom: 10px; }
.post-navigation .nav-links a:after { position: absolute; top: 50%; font-family: "remixicon"; font-size: 36px; line-height: normal; margin-top: -22px; }
.post-navigation .nav-links .nav-previous { flex: 0 0 100%; max-width: 48%; }
.post-navigation .nav-links .nav-previous a { padding-left: 50px; }
.post-navigation .nav-links .nav-previous a:before { content: "PREVIOUS POST"; }
.post-navigation .nav-links .nav-previous a:after { left: -11px; content: "\ea55"; }
.post-navigation .nav-links .nav-next { flex: 0 0 100%; max-width: 48%; text-align: right; }
.post-navigation .nav-links .nav-next a { padding-right: 50px; }
.post-navigation .nav-links .nav-next a:before { content: "NEXT POST"; }
.post-navigation .nav-links .nav-next a:after { right: -11px; content: "\ea5f"; }

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-area .comments-title { font-size: 26px; line-height: 40px; margin-bottom: 30px; }
.comments-area .comment-list { list-style: none; padding-left: 0; margin: 0 0 70px; }
.comments-area .comment-list .bypostauthor { background: rgba(14, 99, 244, 0.05); border-left: 3px solid #0e63f4; padding: 20px !important; }
.comments-area .comment-list li.comment { margin-bottom: 50px; }
.comments-area .comment-list li.comment .comment-body { position: relative; padding-left: 110px; }
.comments-area .comment-list li.comment .comment-body .comment-meta { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px; }
.comments-area .comment-list li.comment .comment-body .comment-meta .comment-author img { position: absolute; top: 5px; left: 0; border-radius: 100px; }
.comments-area .comment-list li.comment .comment-body .comment-meta .comment-author b { font-size: 17px; color: #000000; font-weight: 500; text-transform: capitalize; margin-right: 30px; }
.comments-area .comment-list li.comment .comment-body .comment-meta .comment-author .says { display: none; }
.comments-area .comment-list li.comment .comment-body .comment-meta .comment-metadata { font-style: normal; text-transform: uppercase; }
.comments-area .comment-list li.comment .comment-body .comment-meta .comment-metadata a { font-size: 13px; color: #777777; letter-spacing: 1px; }
.comments-area .comment-list li.comment .comment-body .comment-meta .comment-metadata a:hover { color: #0e63f4; }
.comments-area .comment-list li.comment .comment-body .comment-meta .comment-metadata .edit-link { margin-left: 30px; }
.comments-area .comment-list li.comment .comment-body .comment-meta .comment-awaiting-moderation { background-color: #f8d7da; border: 1px solid #f5c6cb; border-radius: 3px; font-size: 13px; color: #721c24; line-height: 16px; font-style: italic; padding: 12px 15px; margin: 10px 0 5px; }
.comments-area .comment-list li.comment .comment-body .comment-content { line-height: 26px; }
.comments-area .comment-list li.comment .comment-body .comment-content a { word-wrap: break-word; }
.comments-area .comment-list li.comment .comment-body .comment-content p:last-child { margin-bottom: 12px; }
.comments-area .comment-list li.comment .comment-body .reply .comment-reply-link { display: inline-block; border-bottom: 1px solid #000000; font-size: 14px; color: #000000; font-weight: 500; line-height: normal; font-style: normal; }
.comments-area .comment-list li.comment .comment-body .reply .comment-reply-link:hover { border-color: #0e63f4; color: #0e63f4; }
.comments-area .comment-list li.comment .children { list-style: none; padding-left: 70px; margin-left: 0; }
.comments-area .comment-list li.comment .children li { border-bottom: none; margin-top: 50px; margin-bottom: 0; }
.comments-area .comment-list li.comment .children li:last-child { margin-bottom: 0; }
.comments-area .comment-list li.comment:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.comments-area .comment-respond { margin-top: 50px; }
.comments-area .comment-respond .comment-reply-title { font-size: 26px; }
.comments-area .comment-respond .comment-reply-title small { font-size: 15px; text-transform: capitalize; text-decoration: underline; margin-left: 20px; }
.comments-area .comment-respond .comment-form p { margin-bottom: 15px; }
.comments-area .comment-respond .comment-form label { margin-bottom: 0; }
.comments-area .comment-respond .comment-form .comment-notes { font-size: 14px; }
.comments-area .comment-respond .comment-form .comment-notes .required { color: #ff0000; }
.comments-area .comment-respond .comment-form .comment-form-author, .comments-area .comment-respond .comment-form .comment-form-email, .comments-area .comment-respond .comment-form .comment-form-url { width: 33.33%; float: left; }
.comments-area .comment-respond .comment-form .comment-form-author input, .comments-area .comment-respond .comment-form .comment-form-email input, .comments-area .comment-respond .comment-form .comment-form-url input { width: 95%; }
.comments-area .comment-respond .comment-form .comment-form-url input { width: 100%; }
.comments-area .comment-respond .comment-form .comment-form-cookies-consent { position: relative; clear: both; line-height: normal; padding: 12px 0 0 22px; margin-bottom: 30px; }
.comments-area .comment-respond .comment-form .comment-form-cookies-consent input { position: absolute; top: 15px; left: 0; margin-right: 8px; }
.comments-area .comment-respond .comment-form .form-submit { margin-bottom: 0; }

/*--------------------------------------------------------------
# Responsive Styles
--------------------------------------------------------------*/
@media (max-width: 1024px) { .content-area { max-width: 100%; margin-top: 60px; margin-bottom: 60px; }
  .theme-sidebar { max-width: 100%; padding-left: 15px; margin-top: 0; margin-bottom: 60px; }
  .primary-menu { display: none; }
  .menu-toggle { display: block; background: none; border: none; line-height: normal; padding: 0; margin-right: 20px; }
  .menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus { background: none; box-shadow: none; outline: none; }
  .menu-toggle i { font-size: 24px; color: #000000; font-weight: 400; line-height: 34px; }
  .site-header .main-navigation { order: -1; z-index: 9; }
  .site-header .main-navigation.toggled .primary-menu { display: block; }
  .site-header .main-navigation .primary-menu { position: absolute; left: 0; width: 100%; background: #fff; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.25); z-index: 99; }
  .site-header .main-navigation .primary-menu .menu .nav-menu { padding: 0; margin: 0; }
  .site-header .main-navigation .primary-menu .menu li { float: none; border-bottom: 1px solid rgba(0, 0, 0, 0.08); margin-right: 0; }
  .site-header .main-navigation .primary-menu .menu li a { padding: 20px; }
  .site-header .main-navigation .primary-menu .menu li.menu-item-has-children > a:after { display: none; right: 10px; }
  .site-header .main-navigation .primary-menu .menu li .sub-menu, .site-header .main-navigation .primary-menu .menu li .children { position: static; float: none; background: none; border-radius: 0; box-shadow: none; transform: translateY(0); visibility: visible; opacity: 1; padding: 0; margin-left: 20px; }
  .site-header .main-navigation .primary-menu .menu li .sub-menu li, .site-header .main-navigation .primary-menu .menu li .children li { border: none; }
  .site-header .main-navigation .primary-menu .menu li .sub-menu li a, .site-header .main-navigation .primary-menu .menu li .children li a { position: relative; border: none; padding: 0 20px 25px 14px; }
  .site-header .main-navigation .primary-menu .menu li .sub-menu li a:before, .site-header .main-navigation .primary-menu .menu li .children li a:before { position: absolute; top: -1px; left: -5px; content: "\ea5e"; font-family: "remixicon"; font-size: 15px; }
  .site-header .main-navigation .primary-menu .menu li .sub-menu li a:hover, .site-header .main-navigation .primary-menu .menu li .sub-menu li a:active, .site-header .main-navigation .primary-menu .menu li .sub-menu li a:focus, .site-header .main-navigation .primary-menu .menu li .children li a:hover, .site-header .main-navigation .primary-menu .menu li .children li a:active, .site-header .main-navigation .primary-menu .menu li .children li a:focus { color: #0e63f4; }
  .site-header .main-navigation .primary-menu .menu li .sub-menu li.menu-item-has-children > a:after, .site-header .main-navigation .primary-menu .menu li .children li.menu-item-has-children > a:after { display: none; right: 10px; }
  /*.sub-menu {  	display: none;  } .focus .sub-menu {  	display: block;  }*/ }
@media (max-width: 767px) { .post-navigation .nav-links .nav-previous { max-width: 100%; }
  .post-navigation .nav-links .nav-next { max-width: 100%; }
  .comments-area .comment-list li.comment .children { padding-left: 0; } }
@media (max-width: 592px) { .comments-area .comment-respond .comment-form .comment-form-author, .comments-area .comment-respond .comment-form .comment-form-email, .comments-area .comment-respond .comment-form .comment-form-url { width: 100%; }
  .comments-area .comment-respond .comment-form .comment-form-author input, .comments-area .comment-respond .comment-form .comment-form-email input, .comments-area .comment-respond .comment-form .comment-form-url input { width: 100%; }
  .comments-area .comment-respond .comment-form .form-submit input[type="submit"] { width: 100%; } }