/* ==========================================
   Resources Page
========================================== */

.prg-section-heading{
    max-width: 760px;
}

.prg-section-heading p{
    color: var(--prg-muted);
    line-height: 1.8;
    margin-top: 18px;
}

/* Resource Cards */

.prg-resource-card{
    background: var(--prg-warm-white);
    border: 1px solid var(--prg-stone);
    border-radius: 4px;
    padding: 18px;    
    height: 100%;
    transition: .35s ease;
    box-shadow: 0 6px 20px rgba(0,0,0,.03);
}

.prg-resource-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0,0,0,.08);
}

.prg-resource-icon{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(167,122,69,.12);
    color: var(--prg-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 28px;
}

.prg-resource-card h3{
    font-size: 26px;
    margin-bottom: 18px;
}

.prg-resource-card p{
    color: var(--prg-muted);
    line-height: 1.8;
    margin-bottom: 30px;
}

/* Dark Band */

.prg-resources-band{
    background: var(--prg-charcoal);
    color: var(--prg-ivory);
}

.prg-resources-band h2{
    color: var(--prg-ivory);
}

.prg-resources-band p{
    color: rgba(255,255,255,.80);
    line-height: 1.9;
}

.prg-resource-image{
    overflow: hidden;
    border-radius: 14px;
}

.prg-resource-image img{
    width:100%;
    display:block;
}

.prg-resource-list{
    list-style: none;
    padding: 0;
    margin: 35px 0 0;
}

.prg-resource-list li{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color: rgba(255,255,255,.92);
}

.prg-resource-list i{
    color: var(--prg-gold);
}

/* CTA */

.prg-contact-cta{
    background: var(--prg-charcoal);
    color: var(--prg-ivory);
    border-radius: 12px;
    padding: 50px 55px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
}

.prg-contact-cta h2{
    color: var(--prg-ivory);
    margin-bottom:18px;
}

.prg-contact-cta p{
    color: rgba(255,255,255,.80);
    max-width:700px;
    line-height:1.8;
    margin:0;
}

.prg-contact-cta .prg-button{
    white-space: nowrap;
}

/* Outline Button */

.prg-button-outline{
    background: transparent;
    border:1px solid var(--prg-gold);
    color: var(--prg-gold);
}

.prg-button-outline:hover{
    background: var(--prg-gold);
    color:#fff;
}

/* Responsive */

@media(max-width:991px){

    .prg-contact-cta{
        flex-direction:column;
        align-items:flex-start;
        padding:40px 30px;
    }

    .prg-contact-cta .prg-button{
        width:100%;
        text-align:center;
    }

    .prg-resource-card{
        padding:32px 26px;
    }

}