/* =================================================================== */
/* Yellow #ffb400
====================================================================== */

.page-title h2 span:first-child::before,
.page-title h2 span:nth-child(2),
.divider .fa,
.bl-main>section.topleft .bl-box .ah-headline.clip .ah-words-wrapper,
.badges h3 span,
.bl-main>section:nth-child(4).bl-expand .contact .leftside h6,
.bl-main>section:nth-child(4).bl-expand .contact .rightside .input-field .prefix.active,
body.blog .meta i,
body.blog .meta a,
.widget.recent-posts .entry-title a:hover,
.sidebar ul.nav-tabs li.active a, 
.sidebar ul.nav-tabs li:hover a,
body.blog .btn.back-homepage,
body.blog article h4:hover,
body.blog.dark .sidebar ul.nav-tabs li a:hover,
body.blog.dark .widget.recent-posts .entry-title a:hover,
.comments-list .comment-reply:hover,
body.blog .btn.back,
.personal-info a.btn.btn-blog,
div.bl-panel-items nav span.bl-previous-work,
div.bl-panel-items nav span.bl-next-work,
div.bl-panel-items nav span.bl-icon-close {
	color:#ffb400;
}

.readmore.btn,
body.blog .btn.back-homepage:hover,
.personal-info a.btn,
span.separator,
.resume-list-item-inner,
.carousel .indicators .indicator-item.active,
#bl-work-items>div a div,
div.bl-panel-items a.btn,
.bl-main>section:nth-child(4).bl-expand .contact .rightside form button,
.widget-tags ul > li a:hover,
body.blog .pagination li.active,
.comments-form button,
.comments-form button:hover,
.comments-form button:focus,
.comments-form button:active,
body.blog .btn.back:hover,
.personal-info a.btn.btn-blog:hover  {
	background: #ffb400;
}
.resume-card-name {
	color: #ffb400 !important;
}
body.blog .btn.back ,
.personal-info a.btn.btn-blog {
	border:1px solid #ffb400;
}

a.contact-link:hover,
a.contact-link:focus {
	color: #ffb400;
}

#bl-main .bl-box:focus-visible,
.bl-icon-close:focus-visible,
.control-button:focus-visible,
.resume-list-item:focus-visible,
#bl-work-items a:focus-visible,
a.btn:focus-visible,
.contactform button:focus-visible,
ul.social-intro li a:focus-visible,
a.contact-link:focus-visible,
.youtube-facade:focus-visible {
	outline-color: #ffb400;
}

.btn:focus-visible {
	box-shadow: 0 8px 20px rgba(255, 180, 0, .28);
}

div.bl-panel-items a.btn.btn-outline {
	border-color: #ffb400;
	color: #ffb400;
}

div.bl-panel-items a.btn.btn-outline:focus-visible {
	background: #ffb400;
	color: #fff;
}

@media (hover: hover) {
	.btn:hover {
		box-shadow: 0 8px 20px rgba(255, 180, 0, .28);
	}

	div.bl-panel-items a.btn.btn-outline:hover {
		background: #ffb400;
		color: #fff;
	}
}