/*
=========================================================
PAYMENTPROCESSOR.COM
RESOURCE ARTICLE TEMPLATE
=========================================================
*/


.pp-resource-single,
.pp-resource-single * {
    box-sizing:border-box;
}


.pp-resource-single {

    background:#010407;

    color:var(--pp-white);

}



/* =====================================================
   HERO
===================================================== */


.pp-resource-hero {

    padding:90px 0 70px;

    border-bottom:
        1px solid rgba(255,255,255,.06);

}



.pp-resource-eyebrow {

    margin-bottom:18px;

    color:var(--pp-gold-light);

    font-size:12px;

    font-weight:700;

    letter-spacing:.18em;

}



.pp-resource-hero h1 {

    max-width:900px;

    margin:0 0 25px;

    font-size:
        clamp(
            48px,
            5vw,
            72px
        );

    line-height:1;

    letter-spacing:-.045em;

}



.pp-resource-intro {

    max-width:720px;

    color:var(--pp-muted);

    font-size:19px;

    line-height:1.7;

}



.pp-resource-meta {

    display:flex;

    gap:25px;

    margin-top:35px;

    color:#89919a;

    font-size:14px;

}



/* =====================================================
   CONTENT
===================================================== */


.pp-resource-content {

    padding:80px 0;

}



.pp-resource-layout {

    display:grid;

    grid-template-columns:

        minmax(0, 1fr)
        320px;

    gap:70px;

}



.pp-resource-article {

    max-width:820px;

}



.pp-resource-article h2 {

    margin-top:55px;

    margin-bottom:18px;

    font-size:34px;

    letter-spacing:-.03em;

}



.pp-resource-article p {

    color:#a0a8b1;

    font-size:17px;

    line-height:1.8;

}



.pp-resource-article table {

    width:100%;

    margin:35px 0;

    border-collapse:collapse;

    border:

        1px solid rgba(255,255,255,.08);

}



.pp-resource-article th {

    text-align:left;

    padding:18px;

    color:var(--pp-gold-light);

    border-bottom:

        1px solid rgba(255,255,255,.08);

}



.pp-resource-article td {

    padding:18px;

    color:#a0a8b1;

    border-bottom:

        1px solid rgba(255,255,255,.06);

}



/* =====================================================
   TAKEAWAYS
===================================================== */


.pp-resource-key {

    padding:30px;

    margin-bottom:45px;

    border:

        1px solid rgba(231,167,47,.25);

    border-radius:16px;

    background:

        rgba(10,12,14,.8);

}



.pp-resource-key h3 {

    margin-top:0;

    color:var(--pp-gold-light);

}



.pp-resource-key li {

    margin-bottom:12px;

    color:#a0a8b1;

}



/* =====================================================
   SIDEBAR
===================================================== */


.pp-resource-sidebar {

    position:sticky;

    top:100px;

    height:max-content;

}



.pp-resource-sidebar > div {

    padding:25px;

    margin-bottom:20px;

    border:

        1px solid rgba(255,255,255,.08);

    border-radius:15px;

    background:

        rgba(8,10,12,.8);

}



.pp-resource-sidebar h3 {

    margin-top:0;

    font-size:18px;

}



.pp-resource-sidebar ul {

    padding-left:18px;

}



.pp-resource-sidebar li {

    margin-bottom:12px;

    color:#89919a;

}



.pp-resource-sidebar a {

    display:block;

    margin-bottom:14px;

    color:var(--pp-gold-light);

}



/* =====================================================
   CTA
===================================================== */


.pp-resource-cta {

    margin-top:55px;

    padding:35px;

    border:

        1px solid rgba(231,167,47,.25);

    border-radius:18px;

}



.pp-resource-cta h3 {

    color:var(--pp-gold-light);

}



.pp-resource-cta p {

    margin-bottom:25px;

}



/* =====================================================
   TRUST
===================================================== */


.pp-resource-trust {

    padding:0 0 90px;

}



.pp-resource-trust-box {

    padding:40px 45px;

    border:

        1px solid rgba(231,167,47,.25);

    border-radius:18px;

}



.pp-resource-trust-box h2 {

    color:var(--pp-gold-light);

}



.pp-resource-trust-box p {

    color:var(--pp-muted);

}



/* =====================================================
   RESPONSIVE
===================================================== */


@media(max-width:1000px){


.pp-resource-layout {

    grid-template-columns:1fr;

}


.pp-resource-sidebar {

    position:relative;

    top:auto;

}


}



@media(max-width:700px){


.pp-resource-meta {

    flex-direction:column;

    gap:10px;

}


.pp-resource-content {

    padding:55px 0;

}


}