.bg-base-color {
  background-color: var(--base-color);
}
.bg-midnight-blue {
    background-color: #1c1c1f;
}

.bg-base-color {
  /* color: var(--base-color) !important; */
  border-color: var(--base-color);
}
.page-title-big-typography {
    background-color: var(--base-color) !important;
}
.bg-form{
  background-color: #38383a;
  border: solid 1px #38383a!important;
}
.ff-el-image-input-src {
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    margin: 20px;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(60%) contrast(90%);
}
.gradient-bottom {
    height: 4em;
    background: linear-gradient(to bottom, rgba(24, 22, 27, 0) 0%, #18161b 100%);
}
footer {
    border-top: solid 1px #3f3f40;
}

.bg-base-color-transparent {
    background-color: rgba(0, 0, 0, 0.785);
}

.bg-black {
  background-color: var(--black);
}

.bg-black-transparent {
  background-color: rgba(0, 0, 0, 0.8);
}

.bg-black-transparent-light {
  background-color: #0000007c;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-black-transparent-medium {
  background-color: rgba(0, 0, 0, 0.5);
}

.bg-dark-gray,
.bg-dark-gray:focus {
  background-color: var(--dark-gray);
}

.bg-dark-gray-transparent {
  background-color: rgba(35, 35, 35, 0.8);
}

.bg-dark-gray-transparent-light {
  background-color: rgba(35, 35, 35, 0.2);
}

.bg-dark-gray-transparent-medium {
  background-color: rgba(35, 35, 35, 0.4);
}

.bg-dark-midnight-blue {
    background-color: #17161a;
}

.bg-dark-slate-blue {
  background-color: var(--dark-slate-blue);
}

.bg-white-ice {
  background-color: var(--white-ice);
}

.bg-white-transparent {
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-white-transparent-extra-light,
.bg-white-transparent-extra-light:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

.bg-white-transparent-light {
  background-color: rgba(255, 255, 255, 0.4);
}

.bg-white-transparent-very-light {
  background-color: rgba(255, 255, 255, 0.2);
}

.border-color-transparent-white-light {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.opacity-5 {
  opacity: .5;
}

.opacity-7 {
  opacity: .7;
}

.opacity-8 {
  opacity: .8;
}

.text-base-color, .btn-link.text-base-color {
  color: var(--base-color);
}

.text-base-color-hover:hover {
  color: var(--base-color) !important;
}

.text-dark-gray a[href^=tel] {
    color: var(--text-dark-gray);
  }

.text-dark-gray {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.text-dark-gray, .btn-link.text-dark-gray, a.text-dark-gray-hover:hover {
  color: var(--dark-gray);
}

.text-dark-gray, .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .text-dark-gray {
  color: var(--white) !important;
}

.text-outline-color-base-color {
  -webkit-text-stroke-color: var(--base-color);
}

.text-shadow-double-large {
  text-shadow: 0 0 100px rgba(0, 0, 0, 0.9);
}

.text-white a[href^=tel] {
    color: var(--white);
  }

.text-white, .btn-link.text-white, a.text-white-hover:hover {
  color: var(--white);
}

.text-white-linear:hover span {
  color: var(--white);
  -webkit-text-fill-color: #fff;
}

.text-white-space-normal {
  white-space: normal;
}

.text-white-space-nowrap {
  white-space: nowrap;
}

.dark-theme .arcom-sponsor-page,
.dark-theme .arcom-sponsor-opportunities,
.dark-theme .arcom-sponsor-form {
  background-color: #17161a !important;
}

.dark-theme .arcom-sponsor-intro,
.dark-theme .arcom-sponsor-card,
.dark-theme .arcom-sponsor-form-box {
  background-color: #1f1f23 !important;
  border-color: rgba(255, 255, 255, 0.12);
}

.dark-theme .arcom-sponsor-link {
  color: var(--base-color) !important;
}

.dark-theme .arcom-sponsor-title {
  color: var(--white) !important;
}

.dark-theme .arcom-sponsor-intro-copy,
.dark-theme .arcom-sponsor-card-body p,
.dark-theme .arcom-sponsor-form p {
  color: rgba(255, 255, 255, 0.78) !important;
}

.dark-theme .arcom-sponsor-card-price,
.dark-theme .arcom-sponsor-benefits li {
  color: rgba(255, 255, 255, 0.9) !important;
}

.dark-theme .arcom-sponsor-card-is-dark {
  border-top-color: rgba(255, 255, 255, 0.82);
}

.dark-theme .arcom-sponsor-card-is-dark .arcom-sponsor-card-head {
  border-bottom-color: rgba(255, 255, 255, 0.82);
}

.dark-theme .arcom-sponsor-card-is-dark .arcom-sponsor-card-title,
.dark-theme .arcom-sponsor-card-is-dark .arcom-sponsor-card-claim,
.dark-theme .arcom-sponsor-card-is-dark .btn {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.82) !important;
}

.dark-theme .arcom-sponsor-card-is-dark .btn:hover,
.dark-theme .arcom-sponsor-card-is-dark .btn:focus {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #111 !important;
}

.dark-theme .arcom-sponsor-card-is-dark .btn:hover .btn-text,
.dark-theme .arcom-sponsor-card-is-dark .btn:focus .btn-text,
.dark-theme .arcom-sponsor-card-is-dark .btn:hover .btn-icon,
.dark-theme .arcom-sponsor-card-is-dark .btn:focus .btn-icon {
  color: #111 !important;
}