:root{
    --wealth-color-cream: #f4f1eb;
    --wealth-color-dark-gold: #b08c4f;
    --wealth-color-light-gold: #d0b380;
    --wealth-color-dark-sky: #042E45;
    --cnvs-themecolor:	var(--wealth-color-dark-gold);

    --bs-link-color:	var(--cnvs-themecolor);
}
.nav{
    --bs-nav-link-hover-color:	var(--cnvs-themecolor);
}

.bg-theme {
    --bs-bg-opacity: 1;
    background-color: var(--cnvs-themecolor) !important;
}

.text-theme {
    --bs-text-opacity: 1;
    color: var(--cnvs-themecolor) !important;
}

#header-wrap #logo .logo-dark {
    height:35px;
}

@media (max-width: 576px) {
    #header-wrap #logo .logo-dark {
        height: 26px;
        margin-top: 10px;
    }

    #header-wrap #nav-wf-exchange-fund {
        font-size: 62% !important;
    }

    #header-wrap .nav-link {
        padding-left: 4px;
        padding-right: 4px;
    }
}

body { margin: 0; }


.ticker {
    display: inline-block;
    margin-top: 5px;
    animation: marquee 20s linear infinite;
}
.item-collection-1 {
    position: relative;
    left: 0%;
    animation: swap 20s linear infinite;
}

.item {
    display: inline-block;
    padding: 0 1rem;
    font-size: 2rem;
    color: black;
    font-weight: 800;
    font-family: sans-serif;
}

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

/* Transition */
@keyframes ticker-kf {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-108rem, 0, 0);
    }
}

@keyframes ticker-kf-reverse {
    0% {
        transform: translate3d(-108rem, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

.stock-ticker {
    animation: ticker-kf var(--cnvs-ticker-duration) linear infinite;
}

.stock-ticker-reverse {
    animation: ticker-kf-reverse var(--cnvs-ticker-duration) linear infinite;
}

@font-face {
    font-family:'Lausanne';
    src:url('https://uploads-ssl.webflow.com/655a158485a10c0b88c01948/656d2c4010a373d6937d7f51_TWKLausanne-400.ttf') format('truetype');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Lausanne';
    src:url('https://uploads-ssl.webflow.com/655a158485a10c0b88c01948/656d2c4010a373d6937d7f55_TWKLausanne-400Italic.ttf') format('truetype');
    font-weight:400;
    font-style:italic;
    font-display:swap;
}
@font-face {
    font-family:'Lausanne';
    src:url('https://uploads-ssl.webflow.com/655a158485a10c0b88c01948/656d2e7847e4444dd94c3cc9_TWKLausanne-600Italic.ttf') format('truetype');
    font-weight:600;
    font-style:italic;
    font-display:swap;
}
@font-face {
    font-family:'Lausanne';
    src:url('https://uploads-ssl.webflow.com/655a158485a10c0b88c01948/656d2e78fdbce489e1d39867_TWKLausanne-600.ttf') format('truetype');
    font-weight:600;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Lausanne';
    src:url('https://uploads-ssl.webflow.com/655a158485a10c0b88c01948/656d2c402321a8598c6e1fc0_TWKLausanne-300Italic.ttf') format('truetype');
    font-weight:300;
    font-style:italic;
    font-display:swap;
}
@font-face {
    font-family:'Lausanne';
    src:url('https://uploads-ssl.webflow.com/655a158485a10c0b88c01948/656d2c409b90eacc39b99085_TWKLausanne-300.ttf') format('truetype');
    font-weight:300;
    font-style:normal;
    font-display:swap;
}

.promo-users {
    opacity: 0.1;
    --cnvs-promo-users-img-pos-x: 0;
    --cnvs-promo-users-img-pos-y: 0;
}

.promo-users img {
    position: absolute;
    top: var(--cnvs-promo-users-img-pos-y);
    left: var(--cnvs-promo-users-img-pos-x);
    bottom: var(--cnvs-promo-users-img-pos-y);
    right: var(--cnvs-promo-users-img-pos-x);
}

.promo-users img:nth-child(1) {
    --cnvs-promo-users-img-pos-x: 13%;
    --cnvs-promo-users-img-pos-y: -6%;
}

.promo-users img:nth-child(2) {
    --cnvs-promo-users-img-pos-x: 4%;
    --cnvs-promo-users-img-pos-y: 49%;
}

.promo-users img:nth-child(3) {
    left: auto;
    --cnvs-promo-users-img-pos-x: 2%;
    --cnvs-promo-users-img-pos-y: 0%;
}

.promo-users img:nth-child(4) {
    left: auto;
    top: auto;
    --cnvs-promo-users-img-pos-x: 0;
    --cnvs-promo-users-img-pos-y: 3%;
}

.promo-users img:nth-child(5) {
    top: auto;
    --cnvs-promo-users-img-pos-x: 17%;
    --cnvs-promo-users-img-pos-y: 3%;
}

@media (min-width: 768px) {
    .promo-users {
        opacity: 1;
    }
}