/* Branding Colors */
.text-gold {
    background: linear-gradient(to right, #b4671c, #d69f58, #f3c97a); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold; 
    transition: all 0.3s ease; 
    font-family: 'Merriweather', sans-serif;
}

    .text-gold:not(h1):not(h2):hover {
        background: linear-gradient(to right, #50c878, #8fdb8c, #aef3b5); /* Green gradient for hover effect */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 1.15rem;
    }

.bg-black {
    background-color: #000000 !important;
}

/* Remove default bullet points from lists */
.page-container ul {
    list-style: none;
    padding: 0;
}

.page-container li {
    margin-bottom: 10px;
    padding-left: 20px; 
    position: relative;
}
    /* Add a custom "dash" before each item */
    .page-container li::before {
        content: "–";
        color: #FFD700; 
        font-weight: bold;
        position: absolute;
        left: 0;
        background: linear-gradient(to right, #b4671c, #d69f58, #f3c97a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
        font-size:1em;
    }

/* Footer Styles */
.footer {
    font-family: 'Roboto', sans-serif;
    font-size: 1.15em;
    /*border-top: 2px solid #FFD700;*/
}

/*Gradient text form hot effect*/
.gradient-gold-text {
    background: linear-gradient(to right, #FFD700, #FFC300, #FFAA00, #FFCC33, #FFD700 );
    font-weight: 600;
    background-size: 300% auto;
    color: #000;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: multiGoldShimmer 3s linear infinite;
    font-size: 1.15em;
    font-family: 'Merriweather', sans-serif;
}


/*Animation gradientText*/
@keyframes multiGoldShimmer {
    0% {
        background-position: 0% center;
    }

    50% {
        background-position: 100% center;
    }

    100% {
        background-position: 0% center;
    }
}