/*============================
		COLOR Yellow
==============================*/
::selection {
  background: #ffd633;
}

a, a:focus {
  color: #ffd633;
}

a:hover, a:active {
  color: #ffcc00;
}

.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
  color: #ffd633;
}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
  color: #ffd633;
}

.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
  border-color: #ffd633;
}

/*== Secondary Nav ==*/
.secondary-nav.nav.alternate .nav-item .nav-link.active {
  border-color: #ffd633;
}

/* Page Header */
.page-header.page-header-text-dark .breadcrumb > li a:hover {
  color: #ffd633;
}

/* Accordion & Toggle */
.accordion:not(.accordion-alternate) .card-header a {
  background-color: #ffd633;
  color: #fff;
}

/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
  color: #ffd633;
}

.nav-tabs .nav-item .nav-link.active {
  color: #0c2f55;
}

.nav-tabs .nav-item .nav-link.active:after {
  background-color: #ffd633;
}

.nav-tabs .nav-item .nav-link:not(.active):hover {
  color: #ffd633;
}

.nav-tabs.flex-column .nav-item .nav-link.active {
  color: #ffd633;
}

.nav-pills .nav-link:not(.active):hover {
  color: #ffd633;
}

/* Brands Grid */
.brands-grid > .row > div a:hover {
  color: #ffd633;
}

#footer .nav .nav-item .nav-link:focus {
  color: #ffd633;
}

#footer .nav .nav-link:hover {
  color: #ffd633;
}

#footer .footer-copyright .nav .nav-link:hover {
  color: #ffd633;
}

/* Back to Top */
#back-to-top:hover {
  background-color: #ffd633;
}

/* Extras */
.bg-primary {
  background-color: #ffd633 !important;
}

.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
  color: #ffd633 !important;
}

.btn-link:hover {
  color: #ffcc00 !important;
}

.text-muted {
  color: #8e9a9d !important;
}

.text-light {
  color: #dee3e4 !important;
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
  background-color: #ffcc00 !important;
}

.border-primary {
  border-color: #ffd633 !important;
}

.btn-primary {
  background-color: #ffd633;
  border-color: #ffd633;
}

.btn-primary:hover {
  background-color: #ffcc00;
  border-color: #ffcc00;
  color: #495057;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
  background-color: #ffcc00;
  border-color: #ffcc00;
  color: #495057;
}

.btn-primary.focus, .btn-primary:focus {
  background-color: #ffcc00;
  border-color: #ffcc00;
  color: #495057;
}

.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #ffd633;
  border-color: #ffd633;
}

.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
  background-color: #ffd633;
  border-color: #ffd633;
  color: #495057;
}

.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
  background-color: #ffd633;
}

.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before {
  background-color: #ffd633;
  border-color: #ffd633;
}

.list-group-item.active {
  background-color: #ffd633;
  border-color: #ffd633;
}

.page-link {
  color: #ffd633;
}

.page-link:hover {
  color: #ffcc00;
}

.owl-theme.single-slideshow .owl-dots .owl-dot.active span, .owl-theme.single-slideshow .owl-dots .owl-dot:hover span {
  border-color: #ffd633;
}

.owl-theme.single-slideshow .owl-dots .owl-dot.active span:after, .owl-theme.single-slideshow .owl-dots .owl-dot:hover span:after {
  background-color: #ffd633;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  border-color: #ffd633;
}

.owl-theme .owl-dots .owl-dot.active span:after, .owl-theme .owl-dots .owl-dot:hover span:after {
  background-color: #ffd633;
}

.owl-theme.dots-light .owl-dots .owl-dot.active span:after, .owl-theme.dots-light .owl-dots .owl-dot:hover span:after {
  background-color: #ffd633;
}