/* Loading bar */
.page-loading-bar {
  background-color: var(--primary-gold);
  box-shadow: 0 0 10px var(--primary-gold-transparent);
}

/* Topbar */
.topbar {
  background-color: var(--primary-gold);
  color: var(--neutral-white);
  box-shadow: var(--shadow-light);
}

.topbar-social a {
  color: var(--neutral-white);
  transition: var(--transition-normal);
}

.topbar-social a:hover {
  color: var(--primary-gold);
}

.topbar-contact a {
  color: var(--neutral-white);
  transition: var(--transition-normal);
}

.topbar-contact a:hover {
  color: var(--primary-gold);
}

/* Navbar */
.navbar-default {
  background-color: var(--primary-gold);
  box-shadow: var(--shadow-medium);
}

.navbar-default .navbar-nav>li>a {
  color: var(--neutral-white);
  transition: var(--transition-normal);
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: var(--primary-gold);
}

.navbar-toggle {
  border-color: var(--neutral-white);
}

.navbar-toggle .icon-bar {
  background-color: var(--neutral-white);
}

/* Logo container */
.logo-container:before {
  background-color: #ffffff;
  background-color: var(--neutral-white);
  box-shadow: var(--shadow-medium);
}

/* Banner and sections */
.banner-intro {
  box-shadow: var(--shadow-medium);
}

.section-title {
  color: var(--primary-gold);
}

.section-title:after {
  background-color: var(--primary-gold);
}

/* Buttons */
.btn-primary {
  background-color: var(--primary-gold);
  border-color: var(--primary-gold);
  color: var(--neutral-white);
  transition: var(--transition-normal);
}

.btn-primary:hover {
  background-color: var(--secondary-green-light);
  border-color: var(--secondary-green-light);
}

.btn-secondary {
  background-color: var(--primary-gold);
  border-color: var(--primary-gold);
  color: var(--neutral-white);
  transition: var(--transition-normal);
}

.btn-secondary:hover {
  background-color: #c4a22f;
  border-color: #c4a22f;
}

/* Links */
a {
  color: var(--secondary-blue);
  transition: var(--transition-normal);
}

a:hover {
  color: var(--primary-gold);
}

/* Footer */
.site-footer {
  background-color: var(--neutral-gray-light);
}

.site-footer h3 {
  color: var(--primary-gold);
}

.site-footer .copyright {
  color: var(--neutral-white);
}

/* Cards and panels */
.card, .panel {
  border-radius: var(--border-radius-medium);
  box-shadow: var(--shadow-light);
  transition: var(--transition-normal);
}

.card:hover, .panel:hover {
  box-shadow: var(--shadow-medium);
}

.card-header, .panel-heading {
  background-color: var(--primary-gold);
  color: var(--neutral-white);
  border-top-left-radius: var(--border-radius-medium);
  border-top-right-radius: var(--border-radius-medium);
}

/* Form elements */
.form-control:focus {
  border-color: var(--primary-gold);
  box-shadow: 0 0 8px var(--primary-gold-transparent);
}

/* Tables */
.table>thead>tr>th {
  background-color: var(--primary-gold);
  color: var(--neutral-white);
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: var(--neutral-gray-light);
}

/* Pagination */
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover {
  background-color: var(--primary-gold);
  border-color: var(--primary-gold);
}

/* Breadcrumbs */


.breadcrumb>.active {
  color: var(--primary-gold);
}

/* Alerts */
.alert-success {
  background-color: var(--secondary-green-light);
  border-color: var(--primary-gold);
  color: var(--neutral-white);
}

.alert-warning {
  background-color: var(--primary-gold-transparent);
  border-color: var(--primary-gold);
  color: var(--neutral-black);
}

.alert-danger {
  background-color: var(--secondary-red);
  border-color: #b71c1c;
  color: var(--neutral-white);
}

/* Badges */
.badge {
  background-color: var(--primary-gold);
}

/* Modern gradients */
.gradient-primary {
  background: var(--gradient-primary);
}

.gradient-secondary {
  background: var(--gradient-secondary);
}

/* Gallery items */
.gallery-section li a:hover:before {
  background-color: var(--primary-gold-transparent);
}

/* Hover effects */
.hover-effect {
  transition: var(--transition-normal);
}

.hover-effect:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-medium);
}

/* Modern spacing for sections */
.section {
  padding: var(--spacing-xl) 0;
}

/* Rounded corners */
.rounded {
  border-radius: var(--border-radius-medium);
}

/* Modern shadows */
.shadow-light {
  box-shadow: var(--shadow-light);
}

.shadow-medium {
  box-shadow: var(--shadow-medium);
}

.shadow-dark {
  box-shadow: var(--shadow-dark);
}