.bg-base-color {
  background-color: var(--base-color);
}
.btn-border-base-color {
  position: relative;
  border: 1px solid var(--base-color)!important;
  color: var(--base-color);
}
/* .speaker-role-overlay{
  background-color: var(--base-color)!important;
} */
.gradient-bottom {
    height: 4em;
    background: linear-gradient(to bottom, rgba(227,234,236,0) 0%, #e3eaec 100%);
}
/* COLORE HEADER PAGINE*/
.page-title-big-typography {
    background-color: var(--base-color)!important;
}
.bg-midnight-blue {
    background-color: #f3f3f5;
}
/* Di default in light mode tutto ciò che è .text-white diventa scuro */
.light-theme .text-white {
  color: var(--text-forum) !important;
}

/* Ma se voglio forzare il bianco anche in tema chiaro */
.light-theme .text-white.text-white-force {
  color: #fff !important;
}
footer {
    border-top: solid 1px #b8bcbe;
}
.bg-form{
  background-color: #fff;
}
.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(30%) contrast(90%);
}

.cont-news{
  background-color: #fff;
}


.bg-base-color {
  color: var(--base-color) !important;
  border-color: var(--base-color);
}

.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: var(--light-bgk);
}

.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(60, 59, 59, 0.411) !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);
}

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


.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;
}

.light-theme .arcom-sponsor-page,
.light-theme .arcom-sponsor-form {
  background-color: #f3f3f5 !important;
}

.light-theme .arcom-sponsor-opportunities,
.light-theme .arcom-sponsor-intro,
.light-theme .arcom-sponsor-card,
.light-theme .arcom-sponsor-form-box {
  background-color: #ffffff !important;
}

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

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

.light-theme .arcom-sponsor-intro-copy,
.light-theme .arcom-sponsor-card-body p,
.light-theme .arcom-sponsor-form p {
  color: var(--medium-gray) !important;
}