:root {
  --primary: #E85C1F;
  --secondary: #FFD8C7;
  --third: #FAF9F5;
  --fourth: #F0EEE7;
  --bs-nav-link-color: #fff;
  --black: #000000;
  --grey: #5e5e5e;
  --green: #4CB769;
  --white: #ffffff;
  --bs-border-radius: 30px;
  --bs-border-color: #8d96a7 !important;
}

.primary {
    color: var(--primary) !important;
}

.secondary,
a.secondary,
span.secondary {
    color: var(--secondary);
}

.third {
    color: var(--third);
}

a {
    color: var(--primary);
}

.bg-Primary, .bg-primary {
    background-color: var(--primary);
}

.bg-Primary * {
    color: var(--white);
}

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

.bg-Secondary h1, .bg-Secondary h2, .bg-Secondary h3, .bg-Secondary h4, .bg-Secondary h5 {
    color: var(--primary);
}

.bg-Third, .bg-Beige {
    background-color: var(--third);
}

.bg-Third * {
    color: var(--white);
}

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

.white,
.color-white * {
    color: var(--white);
}

.grey {
    color: var(--grey);
}

.color-black,
.black {
    color: var(--black) !important;
}

.bg-Gradient {
    background-color: #FA7107;
    background: radial-gradient(circle,rgba(250, 113, 7, 1) 0%, rgba(189, 46, 5, 1) 100%);
}

.bg-Gradient * {
    color: var(--white);
}

.fade-text {
    display: inline-block;
    position: relative;
    max-width: 40ch;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
/*    mask-image: linear-gradient(to right, black 70%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 70%, transparent 100%);*/
}

.border-bottom-grey {
    border-color: #d5c9c9 !important;
}

.bg-opacity {
    background: rgba(255,255,255,0.8);
}

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