/* IDA black, gold and grey site theme */
:root{
  --trial-black:#050505;
  --trial-ink:#0c0c0c;
  --trial-charcoal:#141414;
  --trial-graphite:#1f1f1f;
  --trial-graphite-2:#2a2a2a;
  --trial-grey:#8f8f8f;
  --trial-light-grey:#d6d6d6;
  --trial-silver:#eeeeee;
  --trial-gold:#d7a73a;
  --trial-gold-bright:#f2c85b;
  --trial-gold-deep:#9a6816;
  --trial-cream:#fff7e4;
}

body{
  background:
    radial-gradient(circle at 12% 8%, rgba(242,200,91,.15), transparent 24%),
    radial-gradient(circle at 88% 0%, rgba(242,200,91,.20), transparent 28%),
    radial-gradient(circle at 70% 84%, rgba(255,255,255,.08), transparent 32%),
    linear-gradient(180deg, #030303, #101010 52%, #050505);
  color: var(--trial-silver);
}

.bg-white,
.bg-light,
.container-fluid.py-5,
.about-wrap,
.services-wrap{
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), transparent 28%),
    linear-gradient(150deg, #070707, #171717 56%, #0a0a0a) !important;
  color: var(--trial-silver);
}

.navbar,
.navbar-light,
.container-fluid .row:first-child,
.bg-secondary,
.bg-primary{
  background: linear-gradient(135deg, #030303, #121212 54%, #222222) !important;
  border-bottom: 1px solid rgba(242,200,91,.28);
}

.text-primary,
.section-kicker,
.services-kicker,
.feature-kicker,
.value-ico,
.service-icon,
.feature-num{
  color: var(--trial-gold-bright) !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active{
  color: var(--trial-gold-bright) !important;
}

h1,h2,h3,h4,h5,h6,
.section-title,
.services-title,
.feature-title,
.value-title,
.service-title{
  color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.28);
}

p,
.about-lead,
.value-text,
.services-copy,
.service-text,
.feature-item p,
.navbar-light .navbar-nav .nav-link{
  color: var(--trial-light-grey) !important;
}

.hero-glass{
  background:
    linear-gradient(135deg, rgba(0,0,0,.78), rgba(28,28,28,.70)),
    radial-gradient(circle at 94% 4%, rgba(242,200,91,.20), transparent 34%);
  border: 1px solid rgba(242,200,91,.42);
  box-shadow: 0 34px 100px rgba(0,0,0,.62), inset 0 0 52px rgba(242,200,91,.08);
}

.carousel-caption::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg, rgba(0,0,0,.60), rgba(0,0,0,.24)),
    radial-gradient(circle at 78% 24%, rgba(242,200,91,.18), transparent 28%);
  pointer-events:none;
}

.btn-primary,
.btn-ida,
.btn.btn-light,
.btn-outline-primary:hover{
  background: linear-gradient(135deg, #fff0a8, var(--trial-gold-bright) 42%, var(--trial-gold-deep)) !important;
  border-color: var(--trial-gold-bright) !important;
  color: #050505 !important;
  font-weight: 900;
  box-shadow: 0 16px 38px rgba(215,167,58,.32), 0 0 0 1px rgba(255,255,255,.10) inset;
}

.btn-primary:hover,
.btn-ida:hover,
.btn.btn-light:hover{
  background: linear-gradient(135deg, #fff6c7, #f2c85b 52%, #b77b1c) !important;
  color:#050505 !important;
  transform: translateY(-1px);
}

.btn-outline-secondary,
.btn-outline-light,
.btn-outline-primary{
  border-color: rgba(242,200,91,.60) !important;
  color: var(--trial-gold-bright) !important;
  background: rgba(0,0,0,.26) !important;
}

.about-card,
.value-card,
.service-card,
.feature-card,
.appointment-card{
  background:
    linear-gradient(150deg, rgba(255,255,255,.055), transparent 18%),
    linear-gradient(145deg, rgba(14,14,14,.98), rgba(31,31,31,.97) 58%, rgba(18,18,18,.96)) !important;
  border: 1px solid rgba(242,200,91,.25) !important;
  box-shadow: 0 26px 78px rgba(0,0,0,.48), inset 0 0 34px rgba(255,255,255,.035) !important;
}

.value-card:nth-child(2n),
.service-card:nth-child(2n),
.feature-item:nth-child(2n){
  background:
    linear-gradient(150deg, rgba(255,255,255,.075), transparent 30%),
    linear-gradient(145deg, rgba(18,18,18,.98), rgba(42,42,42,.96)) !important;
}

.value-card:nth-child(3n),
.service-card:nth-child(3n),
.feature-item:nth-child(3n){
  background:
    linear-gradient(150deg, rgba(215,167,58,.10), transparent 32%),
    linear-gradient(145deg, rgba(12,12,12,.98), rgba(35,35,35,.96)) !important;
}

.value-card:hover,
.service-card:hover,
.feature-item:hover{
  border-color: rgba(242,200,91,.58) !important;
  box-shadow: 0 30px 88px rgba(0,0,0,.56), 0 0 0 1px rgba(242,200,91,.18) !important;
}

.value-ico,
.service-icon,
.feature-num{
  background: linear-gradient(145deg, rgba(242,200,91,.18), rgba(255,255,255,.08)) !important;
  border: 1px solid rgba(242,200,91,.36);
  color: var(--trial-gold-bright) !important;
}

.service-card:nth-child(2n) .service-icon,
.value-card:nth-child(2n) .value-ico,
.feature-item:nth-child(2n) .feature-num{
  color: var(--trial-silver) !important;
  border-color: rgba(214,214,214,.42);
}

.service-card:nth-child(3n) .service-icon,
.value-card:nth-child(3n) .value-ico,
.feature-item:nth-child(3n) .feature-num{
  color: var(--trial-gold-bright) !important;
  border-color: rgba(242,200,91,.46);
}

.services-quote{
  background: linear-gradient(90deg, rgba(215,167,58,.14), rgba(255,255,255,.06)) !important;
  border-left-color: var(--trial-gold-bright) !important;
  color: var(--trial-silver) !important;
}

.services-backdrop,
.appointment-wrap,
.action-card{
  background:
    radial-gradient(circle at 82% 10%, rgba(255,224,138,.35), transparent 18%),
    radial-gradient(circle at 14% 86%, rgba(255,255,255,.12), transparent 24%),
    linear-gradient(135deg, #040404, #151515 38%, #2b2b2b 72%, #8a5d16) !important;
  border: 1px solid rgba(242,200,91,.30);
}

.input-soft,
.form-control{
  background: rgba(250,250,250,.96) !important;
  color:#111 !important;
  border: 1px solid rgba(215,167,58,.42) !important;
}

footer,
.bg-dark{
  background: linear-gradient(135deg, #030303, #111111 56%, #202020) !important;
  border-top: 1px solid rgba(242,200,91,.26);
}

.back-to-top{
  background: linear-gradient(135deg, var(--trial-gold-bright), var(--trial-gold-deep)) !important;
  border-color: var(--trial-gold) !important;
  color:#050505 !important;
}