*{
    font-family: 'Montserrat';
}
:root{
    --heritagePurple: #5c297c;
    --heritageGold: #ffb736;
    --goldBurst: #ffd62e;
    --goldIgnite: #fdc131;
    --goldSpark: #f0a733;
    --goldBurst: #d29528;
    --purpleHaze: #712c83;
    --purpleSunset: #682672;
    --purplePanther: #491464;
    --purpleMidnight: #2e0046;
    --lightGray: #dedede;
    --mediumGray: #939393;
    --darkGray: #7e7e7e;
    --cream: #f3f0ed;
    --lightwhite: #f0f0f0;
    
}
.bg-main {
    background-color: var(--heritagePurple);
}
.bg-dark-purple {
    background-color: var(--purpleMidnight);
}
.bg-alt{
    background-color: var(--heritageGold);
}
.bg-cream{
    background-color: var(--cream);
}
.logo {
    width: 100px;
}
.hero-image {
    position: relative;
    overflow: hidden;
    
}
  
.hero-overlay {
    padding: 20px;
    border-radius: 10px;
}
.img-center{
    object-position: top;
}
.text-gold{
    color:var(--heritageGold);
}
.text-dark-pruple{
    color: var(--purpleMidnight);
}
.text-violet {
    color: var(--purpleHaze);
}
  .yellow-underline {
    display: inline-block;
    border-bottom: 5px solid var(--heritageGold);
    padding-bottom: 5px;
    font-weight: 800; /* Thicker than Bootstrap's fw-bold */
  }
.border-violet{
    border-color: var(--purpleHaze);
}
.post-date {
    font-size: 12px;
    color: #888;
}