/*============================
		COLOR Yellow
==============================*/
/*-------- Preloader --------*/
#preloader [data-loader="dual-ring"] {
  border: 5px solid #ffc107;
  border-color: #ffc107 #f1f5f6 #ffc107 #f1f5f6;
}

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

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

/*== Primary Nav ==*/
.navbar-light .navbar-nav .active > .nav-link {
  color: #f7b900;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show {
  color: #f7b900;
}

.navbar-light .navbar-nav .show > .nav-link {
  color: #f7b900;
}

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

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

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu, .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu {
  background-color: #ffc107;
  border-color: #ffc107;
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu, .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
  background-color: #ffc107;
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown:hover > a:after, .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown:hover > a:after {
  border-color: transparent transparent #ffc107 transparent;
}

@media (max-width: 767.98px) {
  #header .navbar-dropdown-primary.primary-menu:before {
    background-color: #ffc107;
  }
  .primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
    background-color: #ffc107;
  }
}

/* Secondary Nav */
.secondary-nav.nav .nav-link{
	color: #ffe390;
}

.secondary-nav.nav .nav-link:hover {
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.secondary-nav.nav .nav-item .nav-link.active {
  color: #ffc107;
}

.secondary-nav.nav.alternate .nav-item .nav-link.active {
  border-bottom: 3px solid #ffc107;
}

/* Page Header */
.page-header.page-header-light .breadcrumb > li a:hover {
  color: #ffc107;
}

/* List Item */
.list-item a:hover {
  color: #ffc107;
}

/* Tags */
.tags a:hover {
  background: #ffc107;
}

/* Side Post */
.side-post .item-post .caption a:hover {
  color: #ffc107;
}

/* Post */
.blog-post .title-blog a:hover {
  color: #ffc107;
}

.blog-post .meta-blog li i {
  color: #ffc107;
}

.blog-post .meta-blog li a:hover {
  color: #ffc107;
}

/* Accordion & Toggle */
.accordion:not(.accordion-flush) .accordion-header .accordion-button {
  background-color: #ffc107;
}

.accordion.accordion-flush .accordion-header .accordion-button {
  color: #ffc107;
}

/* nav */
.nav-link {
  color: #ffc107;
}

.nav-link:hover, .nav-link:focus {
  color: #f7b900;
}

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

/* Tabs */
.nav-tabs .nav-item .nav-link.active {
  color: #f7b900;
}

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

.nav-tabs.style-2 .nav-item .nav-link.active, .nav-tabs.style-2 .nav-item .nav-link:hover.active {
  background: #ffc107;
}

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

@media (min-width: 576px) {
  .nav-tabs.flex-sm-column .nav-item .nav-link.active {
    color: #ffc107;
  }
}

@media (min-width: 768px) {
  .nav-tabs.flex-md-column .nav-item .nav-link.active {
    color: #ffc107;
  }
}

@media (min-width: 992px) {
  .nav-tabs.flex-lg-column .nav-item .nav-link.active {
    color: #ffc107;
  }
}

@media (min-width: 1200px) {
  .nav-tabs.flex-xl-column .nav-item .nav-link.active {
    color: #ffc107;
  }
}

/* Easy Responsive Tab Accordion */
.resp-tab-active {
  border-bottom: 3px solid #ffc107;
}

.resp-vtabs li.resp-tab-active, .resp-vtabs li.resp-tab-active:hover {
  color: #ffc107;
}

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

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

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

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

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

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

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

a.text-primary:focus, a.text-primary:hover, .btn-link:hover, .link-primary:hover, .link-primary:focus {
  color: #f7b900 !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: #f7b900 !important;
}

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

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

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

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

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

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

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

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #fff;
}

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

.page-item.active .page-link, .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

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

.page-link {
  color: #ffc107;
}

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

/* Slider Range (jQuery UI) */
.ui-slider .ui-widget-header {
  background: #ffc107;
}

.ui-state-active, .ui-widget-content .ui-state-active {
  border-color: #ffc107;
}

/* Tambahan */

svg path,
svg rect{
	fill: #ffc107 !important;
}

.form-steps__item--completed .form-steps__item-icon {
	background: #ffc107 !important;
}

.form-steps__item--completed .form-steps__item-line{
	background: #ffc107 !important;
}

.page-header{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1151%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(251%2c 188%2c 0%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c643.427C118.195%2c637.206%2c194.253%2c520.905%2c290.449%2c451.947C380.944%2c387.076%2c503.796%2c352.462%2c548.285%2c250.393C592.655%2c148.598%2c546.741%2c33.016%2c520.03%2c-74.769C495.702%2c-172.935%2c468.115%2c-271.832%2c400.278%2c-346.843C333.235%2c-420.975%2c242.024%2c-470.837%2c144.031%2c-490.526C50.721%2c-509.274%2c-38.334%2c-460.024%2c-133.322%2c-454.053C-263.975%2c-445.84%2c-430.656%2c-546.36%2c-518.066%2c-448.907C-604.864%2c-352.137%2c-466.181%2c-198.222%2c-478.834%2c-68.846C-490.583%2c51.285%2c-623.37%2c153.162%2c-588.242%2c268.641C-553.491%2c382.883%2c-411.495%2c419.43%2c-310.787%2c483.594C-210.51%2c547.484%2c-118.737%2c649.677%2c0%2c643.427' fill='%23c99600'%3e%3c/path%3e%3cpath d='M1440 1168.469C1551.437 1148.766 1651.131 1097.608 1743.326 1031.9850000000001 1831.896 968.943 1911.847 894.914 1960.7440000000001 797.816 2010.8890000000001 698.241 2048.281 584.782 2023.242 476.142 1998.8600000000001 370.35400000000004 1896.8519999999999 307.711 1828.371 223.474 1757.182 135.906 1717.542 13.466000000000008 1612.851-28.674999999999955 1506.087-71.64999999999998 1387.522-26.903999999999996 1275.888 1.0850000000000364 1159.931 30.158000000000015 1026.1109999999999 43.333999999999946 951.881 137.04199999999997 878.098 230.18599999999998 901.695 363.02099999999996 895.198 481.669 889.273 589.858 889.934 694.218 915.604 799.484 946.35 925.568 952.768 1078.313 1058.905 1152.995 1165.03 1227.6689999999999 1312.218 1191.062 1440 1168.469' fill='%23ffcb2e'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1151'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}