/*!
Theme Name: hobi
Theme URI: http://bdevs.net/theme/hobi/
Author: BasicTheme
Author URI: https://themeforest.net/user/basictheme/portfolio
Description: Hobi - Personal Portfolio WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hobi
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 with others.

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

/* Text meant only for screen readers. */
body {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-x: hidden;
}
img {
	height: auto;
}
.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none;
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

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

.logged-in .header-transparent{
	margin-top: 30px;
}
.admin-bar .sticky-header {
  top: 32px;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em !important;
}

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

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}



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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget select {
	max-width: 100%;
	height: 45px;
	width: 100%;
	border: 1px solid #ddd;
	padding: 0 10px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
button:focus, input:focus, input:focus, textarea, textarea:focus {
	outline: 0;
}
.sticky {
	display: block;
}

.hentry {
	
}

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

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

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

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

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-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;
	font-size: 14px;
	font-style: italic;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 10px;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding-right: 5px !important;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
	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;
}


/**
* custom css
*
*/
blockquote {
	position: relative;
	margin: 30px 0;
	margin-bottom: 25px;
	padding: 22px 25px ;
}
.wp-block-quote,blockquote {
	margin: 20px 0;
	border-left: solid 4px #ff3d4f  !important;
	padding: 22px 25px !important;
}
.wp-block-quote p,blockquote p {
	font-size: 20px;
	margin-bottom: 0
}
blockquote::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #ff3d4f ;
	opacity: 0.07;
}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {
	background-color: #FFF4EF;
}
.wp-block-pullquote {
	border-top: 4px solid #ff3d4f  !important;
	border-bottom: 4px solid #ff3d4f  !important;
}
.wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer {
	margin-top: 10px;
	display: block;
}
.logged-in-as a {
	color: #222;
}
.logged-in-as a:hover {
	color: #ff3d4f ;
}
.blog-post-tag {
	background: #fff;
	padding: 0;
	padding-top: 0;
	width: 100%;
	overflow: hidden;
	padding-bottom: 0;
	padding-top: 30px;
}
.blog-post-tag span {
	font-size: 18px;
	color: #140a20;
	font-weight: 500;
	display: block;
	margin-bottom: 17px;
}
.blog-post-tag > a {
	color: #7886a0;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	border: 2px solid #e5e5e5;
	padding: 10px 24px;
	margin-right: 5px;
	transition: .3s;
	border-radius: 5px;
	margin-bottom: 5px;
}
.blog-post-tag > a:hover {
	color: #fff;
	background: #ff3d4f ;
	border-color: #ff3d4f ;
}

/**
*
* blog pagination
*/
.pagination ul > li > a, .pagination ul .page-numbers.current, .nav-links a, .nav-links .page-numbers.current {
	background: #F6F4FF;
	font-size: 14px;
	color: #555;
	font-weight: 500;
	display: inline-block;
	padding: 16px 35px;
	border-radius: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span, .pagination ul .page-numbers.current, .nav-links a:hover, .nav-links .page-numbers.current {
	color: #fff;
	background: #ff3d4f ;
	border-color: #ff3d4f ;
}

/**
*
* Sidebar widget css
*
*/
.blog-area .widget ul {
	padding: 0;
	margin: 0;
}
.blog-area .widget ul li ul {
	padding-left: 15px;
	padding-top: 15px;
}
.rssSummary {
	line-height: 27px;
}
.widget ul {
	margin: 0;
}
.widget ul li {
	border-bottom: 1px solid #eaeaea;
	color: #667286;
	margin: 0;
	overflow: hidden;
	padding: 15px 0;
	padding-top: 15px;
	position: relative;
	font-size: 14px;
}
.widget ul li a {
	color: #667286;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	text-transform: capitalize;
	transition: .3s;
	line-height: 1;
}
.widget ul li a.rsswidget{
	line-height: 1.3;
}
.widget .footer-post h5 a {
	font-size: 16px;
	line-height: 1.3;
}
.widget ul li:first-child {
	padding-top: 0;
}
.widget_recent_entries ul li a {
	font-size: 14px;
	line-height: 26px;
}

/**
* latest blog shortcdoe
*
*/
.blog-area .mb-50, .portfolio-area .mb-50, .services-area .mb-50 {
	margin-bottom: 50px;
}

.portfolio-area .mb-40 {
	margin-bottom: 40px !important;
}

.services-area .mb-30{
	margin-bottom: 30px !important;
}
.service-details img {
	width: inherit;
}

/**
*
* removing visual composer default data
*/
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
	margin-bottom: 0 !important;
}

/**
* image widget
*/
.widget-title {
	display: block;
	position: relative;
}
.widget_media_image img {
	width: 100%;
}
.widget-title::before {
	background: #ff3d4f ;
	bottom: 0;
	content: "";
	height: 25px;
	position: absolute;
	width: 3px;
	left: -30px;
	top: 2px;
}

/**
* tags
*/
.sidebar-tad{}
.sidebar-tad li {
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
}
.sidebar-tad li a, .tagcloud a {
	background: #f7f7f7 none repeat scroll 0 0;
	color: #6b7b98;
	display: inline-block;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 1;
	padding: 12px 15px;
	margin-bottom: 5px;
	margin-right: 0px;
}
.sidebar-tad li a:hover, .tagcloud a:hover {
	background: #ff3d4f ;
	color: #fff;
}

/**
* archive
*
*/
.widget{}
.widget li {
  border-bottom: 1px solid #f5f5f5;
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.widget li:last-child {
	border: 0;
	margin: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.widget li a {
	color: #444;
	font-weight: 500;
	padding-left: 0;
}
.widget li a:hover {
	color: #ff3d4f ;
}
.widget li span{float:right;}
li .blog-footer-meta span {
	float: none !important;
	font-size: 13px !important;
}
.widget_recent_comments li span, .widget_recent_comments li span a {
	float: none;
	font-weight: 600;
	color: #444;
}
.widget_rss ul li a.rsswidget {
	font-weight: 600;
}

/* calendar widget */
.widget_calendar {float: none;}
#wp-calendar {width: 100%; }
#wp-calendar caption {
	text-align: right;
	color: #333;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}
#wp-calendar thead {
	font-size: 14px;
}
#wp-calendar thead th {
 	padding-bottom: 10px;
 }
#wp-calendar tbody {
	color: #666;
}
#wp-calendar tbody td {
	background: #f7f7f7;
	border: 1px solid #fff;
	text-align: center;
	padding:8px;
	transition: .3s;
}
#wp-calendar tbody td:hover, #wp-calendar tbody td:hover a {
	background: #ff3d4f ;
	color: #fff;
}
#wp-calendar tbody .pad, #wp-calendar tbody .pad:hover {
	background: none;
}
#wp-calendar tfoot #next {
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
}
#wp-calendar tfoot #prev {
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 10px;
}
.latest-comments ul li ul.children {
	padding-left: 70px;
}
.latest-comments ul li ul.children {
	padding-top: 0;
}
.no-results.not-found {
	background: #fff;
	padding: 41px 100px;
	text-align: center;
	border: 2px solid #f4f3fb;
}
.pageontent.blog-search-content p {
	margin-bottom: 20px;
}
.blog-search-title {
	font-size: 30px;
	font-weight: 700;
	margin: 0;
}
.error-404.not-found {
	padding: 40px 100px;
	text-align: center;
	border: 2px solid #f4f3fb;
}
.error-404.not-found .page-header {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.page-title.error-title {
	font-size: 30px;
	font-weight: 700;
	margin: 0;
}
.page-content.mb-40 {
	margin-bottom: 30px;
}
.page-header {
	background: #fff;
	margin-bottom: 30px;
	padding: 30px;
}
.page-header h1 {
	font-size: 26px;
	font-weight: 700;
	margin: 0;
}
.navigation.posts-navigation  .nav-next {
  float: right;
}
.navigation.posts-navigation  .nav-previous {
  float: left;
}
.navigation.posts-navigation  .nav-links {
  overflow: hidden;
}
.navigation.posts-navigation .nav-links a {
	text-transform: uppercase;
	background: #fff;
}
.navigation.posts-navigation .nav-links a:hover{
	background: #ff3d4f ;
	color: #fff;
}
.navigation.posts-navigation {
	overflow: hidden;
	margin-bottom: 40px;
}
/*unit test*/
dl, ol, ul {
	margin-top: 0;
	margin-bottom: 25px;
}
.blog-area > ul, .blog-area > ol, .blog-area ul, .blog-area ol {
	padding-left: 20px;
}
.blog-details-text ol li, .blog-details-text ul li {
	padding-top: 7px;
}
ul {
	list-style: disc;
}
.blog-wrapper.sticky {
	border: 2px solid #ff3d4f ;
}
.blog-content h3 {
	margin-top: 20px;
	margin-bottom: 5px;
}
#wp-calendar #next a,#wp-calendar #prev a {
	font-size: 13px;
	font-weight: 600;
}

.blog-content table{
	margin-bottom: 30px;
}
.blog-content table tbody td {
	text-align: center;
}
.blog-content table td {
	border-color: #ddd;
	padding: 12px 12px;
}
.blog-content th, .blog-content td {
	font-weight: normal;
	text-align: left;
	border-width: 0 1px 1px 0;
}
.blog-content table, .blog-content th, .blog-content td {
	border: 1px solid #d1d1d1;
}
.blog-content table th {
	padding: 12px 12px;
	font-size: 15px;
	border-color: #ddd;
	text-align: center;
	font-weight: 600;
}

/*page table*/
.hobi-page-content table{
	margin-bottom: 30px;
}
.hobi-page-content table tbody td {
	text-align: center;
}
.hobi-page-content table td {
	border-color: #ddd;
	padding: 12px 12px;
}
.hobi-page-content th, .hobi-page-content td {
	font-weight: normal;
	text-align: left;
	border-width: 0 1px 1px 0;
}
.hobi-page-content table, .hobi-page-content th, .hobi-page-content td {
	border: 1px solid #d1d1d1;
}
.hobi-page-content table th {
	padding: 12px 12px;
	font-size: 15px;
	border-color: #ddd;
	text-align: center;
	font-weight: 600;
}
.hobi-page-content ol li,.hobi-page-content ul li{
	margin-bottom: 7px;
}.hobi-page-content ol li ol,.hobi-page-content ul li ul{
	margin-top: 7px;
}

.blog-details-text table{
	margin-bottom: 30px;
}
.blog-details-text table tbody td {
	text-align: center;
}
.blog-details-text table td {
	border-color: #ddd;
	padding: 12px 12px;
}
.blog-details-text th, .blog-details-text td {
	font-weight: normal;
	text-align: left;
	border-width: 0 1px 1px 0;
}
.blog-details-text table, .blog-details-text th, .blog-details-text td {
	border: 1px solid #d1d1d1;
}
.post-comments table th {
	padding: 12px 12px;
	font-size: 15px;
	border-color: #ddd;
	text-align: center;
	font-weight: 600;
}
.blog-details-wrapper table {
	margin-bottom: 30px;
	width: 100%;
}
.blog-details-wrapper table tbody td {
	text-align: center;
}
.blog-details-wrapper table td {
	border-color: #ddd;
	padding: 12px 12px;
}
.blog-details-wrapper th, .blog-details-wrapper td {
	font-weight: normal;
	text-align: left;
	border-width: 0 1px 1px 0;
}
.blog-details-wrapper table, .blog-details-wrapper th, .blog-details-wrapper td {
	border: 1px solid #d1d1d1;
}
.blog-details-wrapper table th {
	padding: 12px 12px;
	font-size: 15px;
	border-color: #ddd;
	text-align: center;
	font-weight: 400;
}
.comments-text > p {
	margin-bottom: 15px;
}
.comments-text ul li,.comments-text ol li{
	padding-top: 5px;
}
pre {
	display: block;
	font-size: 87.5%;
	color: #212529;
	border: 1px solid #ddd;
	padding: 15px;
}
dd + dt {
	margin-top: 20px;
}

.page-links {
	width: 100%;
	clear: both;
	margin-bottom: 30px;
	margin-top: 20px;
}
.page-links > span.page-links-title {
	border: 0;
	color: inherit;
}
.page-links a, .page-links > span {
	border: 2px solid #ddd;
	display: inline-block;
	min-width: 35px;
	text-align: center;
	margin-left: 2px;
	height: 33px;
	line-height: 30px;
	margin-right: 3px;
	color: #444;
}
.page-links > span {
	border: 2px solid #ff3d4f ;
	color: #ff3d4f ;
}
.page-links a:hover {
	border: 2px solid #ff3d4f ;
	color: #ff3d4f ;
}

.post-password-form label {
	width: 100%;
}
.post-password-form input[type="password"] {
	font-size: 1.2rem;
	line-height: 20px;
	padding: 12px 20px;
	border: 1px solid #E4E4F2;
	width: 100%;
}
.post-password-form input[type="submit"] {
	background-color: #ff3d4f ;
	border: none;
	padding: 10px 40px;
	color: #fff;
	cursor: pointer;
	transition: .3s;
	font-weight: 600;
}
.post-password-form input[type="submit"]:hover {
	background-color: #010E2A;
}
.post-comments .latest-comments > ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.comments-text > ul,.comments-text > ol {
	margin-bottom: 20px;
}
ul.children {
	list-style: none;
}
.footer-widget #wp-calendar tbody td {
	background: none;
	border: 1px solid #fff;
	color: #fff;
}
.footer-widget #wp-calendar tbody td a{
	color: #fff;
	text-decoration: underline;
}
.footer-widget #wp-calendar tbody td:hover a{
	background: transparent;
}
.footer-widget #wp-calendar tbody #today a {
	color: #fff;
	text-decoration: underline;
	background: none;
}
.footer-widget #wp-calendar thead th {
	color: #fff;
	border: 1px solid #ddd;
	text-align: center;
	padding-top: 7px;
}
.footer-widget #wp-calendar #next a, .footer-widget #wp-calendar #prev a {
	color: #fff;
}
.footer-widget #wp-calendar caption {
	color: #fff;
}

.widget_recent_comments.footer-widget li span, .widget_recent_comments.footer-widget li span a {
	float: none;
	font-weight: 600;
	color: #fff;
}

.widget_recent_comments ul li a{
	display: inline;
}

.footer-widget form input.search-submit {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: #2f3440;
	color: #fff;
	border: 0;
	padding: 0 25px;
	height: 45px;
	font-weight: 600;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 12px;
	transition: .3s;
	width: auto;
}
.footer-widget p {
	color: #fff;
	opacity: .8;
}
.footer-widget .calendar_wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-scrolling: -ms-autohiding-scrollbar;
}
.widget_rss ul li span{float: none}

.vc-inner-no-padding .vc_column-inner {
	padding-top: 0 !important;
}
.boxed-55 {
	padding:  0 70px !important;
}
.sidebar-rc-post ul li::before {
	display: none;
}
.footer-widget .sidebar-rc-post ul li {
	position: relative;
	padding-left: 0;
	margin-bottom: 15px;
}
.footer-widget .sidebar-rc-post ul li .widget-date {
	color: #999;
}
.footer-post li::before {
	display: none;
}
.footer-widget .footer-post li {
	padding-left: 0
}
.footer-widget .footer-post li a {
	color: #fff;
	opacity: .8;
}
.tag-space {
	display: block;
	width: 100%;
	clear: both;
	margin-top: 20px;
}
.size-thumbnail {
	margin-bottom: 20px;
}
.no-results.not-found .page-header {
	padding-top: 0;
	padding-bottom: 0;
}
.hobi-search-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	border: 0;
	background: no-repeat;
	color: #444;
	border-left: 1px solid #ddd;
	height: 100%;
}
.hobi-search-btn:hover{color: #2154CF}
.search-form2 .form-control {
    height: 50px;
    border-radius: inherit;
}
.search-form2 {
	position: relative;
}

.archive-description {
	margin-top: 15px;
}
/*comment-form*/
.comment-form {
	background: #F7F7FD;
	padding: 40px;
	margin-bottom: 25px;
}
.comment-form input {
	border: none;
	height: 60px;
	margin-bottom: 20px;
	padding: 0 30px;
	width: 100%;
	font-size: 14px;
	color: #a7a7c1;
	background: #fff;
}
.comment-form textarea {
	border: none;
	height: 150px;
	margin-bottom: 20px;
	padding: 30px;
	width: 100%;
	color: #a7a7c1;
	font-size: 14px;
	background: #fff;
}
.comment-form button.btn {
	background: #ff3d4f ;
	border-color: #ff3d4f ;
}
.comment-form button.btn:hover {
background: transparent;
color: #ff3d4f ;
}
.comment-form input::-moz-placeholder {
  color: #a7a7c1;
  font-size: 14px;
}
.comment-form input::placeholder {
  color: #a7a7c1;
  font-size: 14px;
}
.comment-form textarea::-moz-placeholder {
  color: #a7a7c1;
  font-size: 14px;
}
.comment-form textarea::placeholder {
  color: #a7a7c1;
  font-size: 14px;
}
/*author*/
.author-wrapper {
	background: #fff;
	padding: 37px 71px 35px 40px;
	overflow: hidden;
	border-left: 5px solid #ff3d4f ;
}
.author-img {
	float: left;
	margin-right: 27px;
	margin-top: 10px;
}
.author-img img {
	border-radius: 50%;
}
.author-text {
	overflow: hidden;
}
.author-text > h4 {
	font-weight: 700;
	font-size: 16px;
	text-transform: capitalize;
	margin-bottom: 5px;
}
.author-text > p {
	margin-bottom: 0;
}
.author-icon a {
	font-size: 11px;
	color: #010e2a;
	padding-right: 10px;
	transition: .3s;
}
.author-icon {
	margin-bottom: 9px;
}
.author-icon a:hover {
	color: #ff3d4f ;
}
.no-pad .vc_column-inner{padding-top: 0 !important}

/*servie details*/
.sidebar-link h3 {
	font-size: 36px;
	font-weight: 700;
}
.servicee-sidebar {
	border: 2px solid #f4f3fb;
	padding: 30px;
}
.servicee-sidebar ul{
	margin-bottom: 0;
}
.servicee-sidebar ul li {
	border-bottom: 1px solid #eaeaea;
	color: #4c4c4c;
	margin: 0;
	overflow: hidden;
	padding: 15px 0;
	padding-top: 15px;
	position: relative;
}
.servicee-sidebar ul li a {
	color: #7886a0;
}
.servicee-sidebar ul li:last-child {
	border: 0;
	margin: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.servicee-sidebar ul li a:hover {
	color: #ff3d4f ;
}
.project-status ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 0;
	border-bottom: 1px solid #eaeaea;
	padding: 15px 0;
}
.project-status ul li b {
	margin-right: 5px;
	display: inline-block;
	color: #28345d;
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 5px;
}
.project-status ul li:last-child {
	border:0;
	padding-bottom: 0
}.project-status ul li:first-child {
	padding-top: 0
}
.bypostauthor .avatar-name > h5::after {
	content: "\f02e";
	font-family: "Font Awesome 5 Free";
	top: -1px;
	font-size: 12px;
	margin-left: 10px;
	line-height: 1;
	position: relative;
	color: #cacfef;
	font-weight: 900;
}
.project-status ul {
	margin: 0;
}
.project-desc h3 {
	font-weight: 700;
}
.paginations ul {
	padding-left: 0;
}
.servicee-sidebar-banner {
	margin-bottom: 50px;
}
.portfolio-sidebar {
	margin-bottom: 30px;
}
/*next prev post*/
.project-details-content{}
.blog-details-border {
	margin-top: 40px;
	background: #fff;
	padding: 40px;
	padding-bottom: 22px;
}
.project-details-content span {
	font-size: 13px;
	color: #8583b1;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.project-details-content span a{
	color: #8583b1;
}
.project-details-content span a:hover{
	color: #ff3d4f ;
}
.project-details-content h3 {
	margin-top: 8px;
	margin-bottom: 20px;
	line-height: 1.2;
	font-size: 26px;
}
.project-details-content h3 a:hover {
	color: #ff3d4f ;
}
.project-details-button{}
.project-details-button a.btn{}

.page-area .post-comments-form {
	margin-bottom: 0;
	clear: both;
	padding-top: 0;
}
.hobi-page-content ol,.hobi-page-content ul{padding-left: 22px}
.container.container-box {
	margin: auto;
}
.vc_column-inner {
	padding-top: 0 !important;
}
.features-service .feature{margin-top: 0}
.features-service .feature-item{margin-top: 0}
/*new unit test*/
.wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
	margin-left: 10px;
}
.wp-block-column:not(:last-child) {
	margin-right: 10px;
}
.wp-block-column:nth-child(2n+1) {
	margin-right: 10px;
}
.post-entry > .alignwide {
	margin-left: 0;
	margin-right: 0;
	width: calc(100% + 20px);
	max-width: calc(100% + 20px);
}
.has-large-font-size {
	font-size: 36px;
	line-height: 1.2;
}
.has-very-light-gray-color.has-very-light-gray-color {
	color: #fff;
	background: #ff3d4f  !important;
}
.wp-block-archives select {
	height: 50px;
	width: 200px;
	border: 1px solid #ddd;
	padding: 0 10px;
}
.wp-block-latest-comments {
	padding-left: 0 !important;
}
.wp-block-latest-posts.has-dates {
	padding-left: 14px;
}
.wp-block-archives li a, .wp-block-categories li a {
	color: #5e629c;
}
/*header*/
.retina-logo {
	display: none;
}
.blog-wrapper img {
	max-width: 100%;
}
.blog-meta {
	margin-bottom: 15px;
}
.blog-meta > span i {
	color: #ff3d4f ;
	font-size: 14px;
	margin-right: 6px;
}
.blog-title {
	font-size: 34px;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 18px;
	text-transform: capitalize;
}
.blog-title:hover {
	color: #ff3d4f ;
}
.blog-text {
	background: #fff;
	padding: 35px 40px 40px 40px;
}
.blog-d-btn {
	margin-top: 25px;
}
.blog-d-btn .btn {
	background: #ff3d4f ;
	border-color: #ff3d4f ;
	padding: 17px 53px;
}
.blog-d-btn .btn:hover {
	background: transparent;
	color: #ff3d4f ;
}
.post-comments-form .comment-respond {
	background: #fff;
	padding: 32px 33px 40px 30px;
	clear: both;
}
.sidebar-form form {
	position: relative;
}
.sidebar-form form input {
	background: #fff;
	border: none;
	color: #666666;
	padding: 0 10px;
	text-indent: 10px;
	width: 100%;
	height: 60px;
	font-size: 14px;
	border: 2px solid #eaeaea;
}
.sidebar-form form button {
	background: #ff3d4f ;
	border: 0 none;
	color: #fff;
	font-size: 14px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 60px;
	cursor: pointer;
}
.sidebar-form form button:hover {
	background: #101024;
}

/*sidebar post with image*/
.sidebar-rc-post ul li {
	overflow: hidden;
	padding-bottom: 15px;
}
.sidebar-rc-post ul li:last-child {
	padding-bottom: 0;
}
.sidebar-rc-post .rc-post-thumb {
	display: inline-block;
	float: left;
	height: 80px;
	overflow: hidden;
	position: relative;
	width: 90px;
	margin-right: 15px;
}
.sidebar-rc-post .rc-post-content {
	overflow: hidden;
}
.sidebar-rc-post .rc-post-content h4 {
	color: #444;
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	text-indent: 0;
	transition: all 0.2s ease 0s;
	margin-bottom: 5px;
}
.sidebar-rc-post .rc-post-content h4 a {
	color: #444;
	transition: .3s;
	font-size: inherit;
	line-height: inherit;
	font-size: 16px;
}
.sidebar-rc-post .rc-post-content h4 a:hover {
	color: #ff3d4f ;
}
.widget-date {
	color: #777777;
	display: inline-block;
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;
}
.sidebar-blog .widget:last-child{margin-bottom:0;}

/* 16. breadcrumb-area */
.breadcrumb-area.breadcrumb-bg.only-front-page {
	min-height: inherit;
}
.breadcrumb-area {
  background-position: center center;
  background-size: cover;
}
.breadcrumb-text {
    position: relative;
    z-index: 1;
}
.breadcrumb-text > h1 {
	color: #fff;
	font-size: 46px;
	font-weight: 900;
	margin-bottom: 19px;
	text-transform: capitalize;
	line-height: 1.3;
}
.breadcrumb-text > h1 {
	color: #fff;
	font-size: 46px;
	font-weight: 900;
	margin-bottom: 19px;
	text-transform: capitalize;
	line-height: 1.3;
}
.breadcrumb-menu {
	padding-left: 0;
	margin-bottom: 0;
}
.breadcrumb-menu li {
	display: inline-block;
	position: relative;
	padding: 0 15px;
}
.breadcrumb-menu li a, .breadcrumb-menu li {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
}
.breadcrumb-menu li::before {
	color: #fff;
	content: "\f054";
	display: inline-block;
	font-size: 11px;
	right: -5px;
	padding-bottom: 0;
	position: absolute;
	top: 2px;
	font-weight: 700;
	font-family: "Font Awesome 5 Pro";
}
.breadcrumb-menu li:last-child::before {
    display: none;
}
.breadcrumb-menu li {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
}
.breadcrumb-others-page, .breadcrumb-blog-area {
	padding-top: 200px;
	padding-bottom: 200px;
}

/*comments*/
.post-comments {
	background: #fff;
	padding: 35px 33px 35px 30px;
	padding-bottom: 0;
}
.coment-title h2 {
	color: #333333;
	font-size: 24px;
	font-weight: 700;
}
.comments-avatar {
	float: left;
}
.comments-text {
	overflow: hidden;
}
.avatar-name > h5 {
	font-size: 18px;
	margin-bottom: 5px;
}
.avatar-name {
	margin-bottom: 3px;
	overflow: hidden;
}
.comments-box {
	position: relative;
}
.comments-avatar img {
	border-radius: 50%;
	margin-right: 20px;
	width: 95px;
}
.comments-reply {
	padding-left: 77px;
}
.latest-comments ul li .comments-box {
	margin-bottom: 25px;
}
.latest-comments ul li {
	padding-top: 7px;
}
.latest-comments > ul {
	padding-bottom: 1px;
}
.latest-comments ul  li:last-child{
	
}

.comment-reply-link {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	font-weight: 400;
	line-height: 1;
	border: 2px solid #f4f4ff;
	padding: 10px 22px;
	border-radius: 50px;
	font-size: 14px;
}
.avatar-name span {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #ff3d4f ;
}
.comments-text > a:hover{
	border-color: #ff3d4f ;
background: #ff3d4f ;
color: #ffffff;
}

.post-comments-form .comment-respond {
	background: #fff;
	padding: 32px 33px 15px 30px;
	clear: both;
}
.post-title h2 {
	font-size: 24px;
	margin-bottom: 0;
}
.comment-respond .post-title {
	padding-top: 0;
}
.hobi-page-content .comment-respond .post-title {
	padding-top: 0;
}
/* 20. paginations */
.paginations{}
.paginations ul li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
.paginations ul li a, .paginations ul li .page-numbers {
	color: #333333;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease 0s;
	text-align: center;
	height: 50px;
	width: 50px;
	background: #fff;
	border-radius: 30px;
	padding: 0;
	line-height: 51px;
	display: inline-block;
}
.paginations ul li:hover a, .paginations ul li .current {background:#ff3d4f ;color: #fff}
.paginations ul li:hover a:after, .paginations ul li.active a:after {
	opacity:1;
}
.paginations ul li:hover a:before, .paginations ul li.active a:before {
	opacity:1;
}
.paginations li .prev {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.paginations li .next {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.blog-area img{
	max-width: 100%;
}
.footer__widget ul li ul {
	padding-left: 10px;
	padding-top: 12px;
}
.footer__widget select {
	width: 100%;
	height: 40px;
	padding: 0 15px;
}
.footer__widget #wp-calendar caption {
	color: #8a8aac;
}
#wp-calendar tbody td#today{
	background: #ff3d4f ;
	color: #fff;
}
#wp-calendar tbody td#today a{
	background: #ff3d4f ;
	color: #fff;
}
.footer__widget img{
	max-width: 100%;
}
.footer__widget .tagcloud a {
	background: #1b1a2c;
	color: #d3d3dd;
	display: inline-block;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 1;
	padding: 12px 15px;
	margin-bottom: 5px;
	margin-right: 0px;
}
.error-btn:hover{
	color: #7673ff;
}
.retina-logo img {
	width: 95px;
}
#wp-comment-cookies-consent {
	width: auto;
	display: inline-block;
	height: auto;
	margin-right: 20px;
}
.comment-form-cookies-consent label {
	display: inline-block;
}
.comment-form-cookies-consent {
	margin-left: 18px;
}

.copyright__text p {
	margin: 0;
}

.hobi-page-content figure.wp-caption.aligncenter {
	margin-top: 40px;
}
.admin-bar .header-sticky {
	margin-top: 32px;
}