/*--------------------------------------------------------------
# Gold brand theme
    Loaded after style.css. Palette taken from logo.svg gradient stops.
--------------------------------------------------------------*/
:root {
  --gold-dark: #b07a12;
  --gold: #c9a03a;
  --gold-light: #eebd4f;
  --gold-pale: #f4e478;
  --gold-ink: #1d1505;
  --gold-gradient: linear-gradient(135deg, #b07a12 0%, #cda83e 22%, #f4e478 45%, #eebd4f 58%, #cda83e 78%, #b07a12 100%);
  --gold-gradient-soft: linear-gradient(135deg, rgba(176, 122, 18, 0.92) 0%, rgba(238, 189, 79, 0.85) 50%, rgba(176, 122, 18, 0.92) 100%);
  --gold-gradient-text: linear-gradient(100deg, #b07a12 0%, #eebd4f 30%, #f4e478 50%, #e9d368 65%, #cda83e 85%, #b07a12 100%);
  --gold-texture: url(../images/textures/gold-texture.svg);
}

/*-------------------------------------------------
    [ ## Gold surfaces ]
*/
.bg--base,
.bg--secondary,
.btn--base,
.btn--base.active:hover,
.swiper-pagination .swiper-pagination-bullet-active,
.pagination .page-item.active .page-link,
.pagination .page-item:hover .page-link,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active,
.custom--card .card-header,
.custom-table thead tr,
.video-icon,
.nice-select .option:hover,
.header-section.header-fixed .header-action a,
.header-section-three .header-action a,
.header-action-area .action-btn,
.breadcrumb,
.footer-social li a:hover,
.trainer-thumb .trainer-overlay .share-icon,
.trainer-thumb .trainer-overlay .social-list li a:hover,
.filter-btn-group button.active,
.gallery-thumb .gallery-category,
.event-notice-icon,
.event-status-badge,
.event-share-list li a:hover,
.training-section-two .training-item .training-overlay .training-overlay-icon,
.training-details-section .training-content-header .training-price .title,
.feature-section--style .feature-item .feature-icon-area .feature-icon,
.event-post-meta .event-badge,
.event-section-two .event-meta-area .event-badge .badge-title,
.event-details-section .event-social-area .event-social li a:hover,
.plan-item .plan-badge-top,
.subscribe-area,
.statistics-section-two .statistics-icon-area .statistics-icon,
.account-widget-list .account-widget-list-icon-area .acoount-widget-list-icon,
.contact-icon-area .contact-icon,
.contact-social li a:hover,
.blog-thumb .blog-date,
.tag-list li:hover {
  background-color: var(--gold);
  background-image: var(--gold-texture), var(--gold-gradient);
  background-size: 300px 300px, 200% 200%;
  background-position: 0 0, 0% 50%;
  background-blend-mode: soft-light, normal;
}

.btn--base,
.btn--base.active:hover,
.pagination .page-item.active .page-link,
.pagination .page-item:hover .page-link,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active,
.nice-select .option:hover,
.footer-social li a:hover,
.filter-btn-group button.active,
.event-post-meta .event-badge,
.event-section-two .event-meta-area .event-badge .badge-title,
.contact-social li a:hover,
.blog-thumb .blog-date,
.tag-list li:hover {
  color: var(--gold-ink);
}

.video-icon,
.video-icon i {
  color: var(--gold-ink) !important;
}

.waves {
  background-color: var(--gold-light);
}

.service-area .service-element::after,
.bg-overlay-red:after,
.footer-section-two .footer-gallery-thumb::after,
.training-section--style .training-item::after {
  background-color: var(--gold-dark);
  background-image: var(--gold-texture), var(--gold-gradient-soft);
  background-size: 300px 300px, 100% 100%;
  background-blend-mode: soft-light, normal;
}

.bg-overlay-base:after {
  background-image: linear-gradient(335deg, rgba(176, 122, 18, 0.95) 10%, rgba(238, 189, 79, 0.55) 45%, rgba(25, 25, 25, 0) 100%);
}

/*-------------------------------------------------
    [ ## Buttons ]
*/
.btn--base {
  border-color: var(--gold-light);
  box-shadow: 0 10px 25px rgba(176, 122, 18, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.45);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}

.btn--base:focus,
.btn--base:hover {
  color: var(--gold-ink);
  background-color: var(--gold);
  background-position: 0 0, 100% 50%;
  border-color: var(--gold-pale);
  box-shadow: 0 14px 30px rgba(176, 122, 18, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.btn--base.active {
  color: white;
  background: transparent;
  border-color: var(--gold-light);
  box-shadow: none;
  text-shadow: none;
}

.btn--base.active:hover {
  color: var(--gold-ink);
  border-color: var(--gold-light);
}

/*-------------------------------------------------
    [ ## Gold gradient text ]
*/
.banner-section-two .banner-content .sub-title,
.banner-section .banner-content .sub-title,
.section-header .section-title span,
.footer-section-two .footer-widget .title,
.event-highlight-value {
  background-image: var(--gold-gradient-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--gold);
}

/*-------------------------------------------------
    [ ## Gold lines and accents ]
*/
.header-bottom-area .navbar-collapse .main-menu li a::after,
.header-bottom-area .navbar-collapse .main-menu li a::before,
.client-right-thumb .client-thumb-overlay .title::before,
.client-right-thumb .client-thumb-overlay .title::after,
.widget-box .widget-title::before,
.custom-pagination .swiper-pagination-progressbar-fill {
  background-image: var(--gold-gradient);
}

.banner-section-two .banner-content p::before {
  background: linear-gradient(90deg, rgba(201, 160, 58, 0) 0%, #f4e478 100%);
}

.banner-section-two .banner-content p::after {
  background: linear-gradient(90deg, #f4e478 0%, rgba(201, 160, 58, 0) 100%);
}

.copyright-area {
  border-top: 1px solid transparent;
  border-image: linear-gradient(90deg, rgba(201, 160, 58, 0) 0%, #eebd4f 50%, rgba(201, 160, 58, 0) 100%) 1;
}

.footer-social li a {
  border-color: rgba(201, 160, 58, 0.45);
  color: var(--gold);
}

::selection {
  color: var(--gold-ink);
  background-color: var(--gold-light);
}

*::-webkit-scrollbar-thumb {
  background-image: linear-gradient(180deg, #b07a12 0%, #eebd4f 50%, #b07a12 100%);
}