/*
Gold	f5e4ae
*/

h1,
h2,
h3,
h4,
h5,
h6,
.text-gold {color:#f5e4ae;}
.text-secondary {color:#888;}

.btn {background:#f5e4ae; color:#000; border:none;}
.btn:hover {background:#f5e4ae; color:#000; border:none; opacity:0.7;}

.wrapper.angled.lower-start:after {border-color:#000;}

.bg-dark {background-color:#111!important;}

.text-line:before {
    height: 0.1rem;
	background: #f5e4ae;
	}
	
.text-secondary {color: #888!important;}
	
.accordion-wrapper .card-header button:before,
.accordion-wrapper .card-header button,
.accordion-wrapper .card-header button:hover,
.accordion-wrapper .card-header button.collapsed {color: #f5e4ae;}
	
.accordion-wrapper .card-header button, 
.collapse-link, 
.nav-tabs .nav-link {font-size:1rem;}
	
.bg-soft-primary {background-color:#111!important;}

	.navbar-stick .btn-xs {
	  --bs-btn-padding-y: 0.1rem;
	  --bs-btn-padding-x: 1rem;
	  --bs-btn-font-size: 0.3rem;
	  --bs-btn-border-radius: 0.2rem;
	}

/* navbar
*/
.navbar-stick:not(.navbar-dark) {background:#000;}
.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {background:#f5e4ae; color:#000; border:none;}

.navbar.navbar-light.fixed .logo-dark {max-width:60px!important;}

.nav-item a.nav-link:hover {color:#f5e4ae; opacity:0.7;}

.offcanvas-footer.d-lg-none a {color:#f5e4ae;}

/* marquee */
#animated-text-strip{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  overflow: hidden;
  transform: rotate(0);
  position:absolute;
  top:-80px;
  left:0;
}
#animated-text-strip .marquee {
  white-space: nowrap;
  animation: marquee 160s linear infinite;
  max-width: none;
  color:red;
  opacity:.6;
  }

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

#animated-text-strip{
  padding: 1rem 0;
}
.marquee{
  font-family: 'Open Sans', sans-serif;
  font-size: 8rem;
  font-weight: 900;
  text-transform: uppercase;
  background: -webkit-linear-gradient(#000, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
}


/* Footer 
*/

footer .text-gold {color:#f5e4ae;}

footer .social.social-white a i,
footer a {color:#888!important;}
footer a:hover {text-decoration:underline;}

.progress-wrap:after {color:#f5e4ae;}
.progress-wrap svg.progress-circle path {stroke:#f5e4ae;}