/*

Template Color CSS File

Color code: #f2d438

Author: Codingest
Template Name: Infinite
*/

/*a tag*/
a:hover {
	color: #f2d438;
}

a:focus, a:active {
	color: #f2d438;
}

#infinity-outline {
	stroke: #f2d438;
}

.nav-mobile-header {
	background-color: #f2d438 !important;
}

/*navigation*/
.navbar-toggle {
	background-color: #f2d438 !important;
}

.navbar-inverse .navbar-toggle {
	border-color: #f2d438 !important;
}

.btn-custom {
	background-color: #f2d438;
	border-color: #f2d438;
}

.btn-custom:hover {
	background-color: #e7b222 !important;
	border-color: #e7b222 !important;
}

.btn-custom:focus {
	background-color: #e7b222 !important;
	border-color: #e7b222 !important;
}

.btn-custom:active {
	background-color: #e7b222 !important;
	border-color: #e7b222 !important;
}

.btn-error-back {
	background-color: #f2d438 !important;
	border-color: #f2d438 !important;
}

::selection {
	background: #f2d438 !important;
	color: #fff;
}

::-moz-selection {
	background: #f2d438 !important;
	color: #fff;
}

.text-category {
	color: #f2d438;
}

/*navbar color style*/
.navbar-inverse .navbar-nav .active a::after {
	background-color: #f2d438;
}

.navbar-inverse .navbar-nav > li > a:hover {
	color: #f2d438;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
	color: #f2d438 !important;
	background-color: transparent;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	background-color: transparent;
	color: #f2d438;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #f2d438;
}

.home-slider-item .item-info .label-slider-category {
	background-color: #f2d438;
}

.label-post-category {
	background-color: #f2d438;
}

.read-more {
	color: #f2d438;
}

.widget-title .title::after {
	background-color: #f2d438;
}

.ramdom-post-slider .item-info .label-slider-category {
	background-color: #f2d438;
}

.w-tag-list li a:hover {
	background-color: #f2d438;
}

.post-content .post-meta a:hover {
	color: #f2d438;
}

.post-content .post-tags .tag-list li a:hover {
	border-color: #f2d438;
	background-color: #f2d438;
}

.related-posts .related-post-title .title::after {
	background-color: #f2d438;
}

.pagination .active a {
	border: 1px solid #f2d438 !important;
	background-color: #f2d438 !important;
	color: #fff !important;
}

.f-random-list li .title a:hover {
	color: #f2d438;
}

.newsletter button {
	background: #f2d438;
}

.label-slider-category {
	background-color: #f2d438;
}

.random-post-slider .owl-prev:hover .random-arrow-prev {
	color: #f2d438;
}

.random-post-slider .owl-next:hover .random-arrow-next {
	color: #f2d438;
}

.post-detail-slider .owl-prev:hover .post-detail-arrow-prev {
	color: #f2d438;
}

.post-detail-slider .owl-next:hover .post-detail-arrow-next {
	color: #f2d438;
}

.leave-reply .form-control:focus {
	border-color: #f2d438;
}

.page-contact .form-control:focus {
	border-color: #f2d438;
}

.form-input:focus {
	border-color: #f2d438;
}

.link-forget:hover {
	color: #f2d438;
}

.filters .active::after {
	background: #f2d438;
}

.filters .btn:focus:after, .filters .btn:hover:after, .filters .btn:active:after {
	background: #f2d438;
}

.gallery-categories ul li a:hover, .gallery-categories ul li a:focus, .gallery-categories ul li a:active {
	background-color: #f2d438 !important;
	border-color: #f2d438 !important;
	color: #fff !important;
}

.newsletter .newsletter-button {
	background-color: #f2d438;
	border: 1px solid #f2d438;
}

.newsletter .newsletter-button:hover {
	background-color: #e7b222;
	border: 1px solid #e7b222;
}

.switcher-box .open-switcher {
	background-color: #f2d438;
}

.nav-footer li a:hover {
	color: #f2d438;
}

.widget-list li .w-meta a:hover {
	color: #f2d438;
}

.reactions .col-reaction:hover .btn-reaction {
	background-color: #f2d438;
}

.reactions .progress-bar-vertical .progress-bar {
	background-color: #f2d438;
}

.reactions .btn-reaction-voted {
	background-color: #f2d438;
}

.poll .result .progress .progress-bar {
	background-color: #f2d438;
}

.profile-buttons ul li a:hover {
	color: #f2d438;
	border-color: #f2d438;
}

.comment-section .nav-tabs .active {
	border-bottom: 2px solid #f2d438;
}

.spinner > div {
	background-color: #f2d438;
}

.cookies-warning a {
	color: #f2d438 !important;
}

.post-meta .post-meta-inner a:hover {
	color: #f2d438 !important;
}

.custom-checkbox:hover + label:before {
	border-color: #f2d438;
}

.custom-checkbox:checked + label:before {
	background: #f2d438;
	border-color: #f2d438;
}

.custom-checkbox input:checked + .checkbox-icon {
	background-color: #f2d438;
	border: 1px solid #f2d438;
}

.post-content .post-text a {
	color: #f2d438;
}

.post-files .file button {
	color: #f2d438;
}

@media (max-width: 768px) {

	.pagination .page-previous a {
		border: 1px solid #f2d438 !important;
		color: #f2d438 !important;
		background-color: transparent !important;
	}

	.pagination .page-next a {
		border: 1px solid #f2d438 !important;
		color: #f2d438 !important;
		background-color: transparent !important;
	}

	.pagination > li > a, .pagination > li > span {
		background-color: #f2d438 !important;
		border: 1px solid #f2d438 !important;
		color: #fff !important;
	}
}
