/* ==========================================================
   LITTLE POUCH CREW TASMANIA
   DONATE PAGE
   Version 1.1
========================================================== */


/* ==========================================================
   DONATE HEADER
========================================================== */

.donate-header{

    text-align:center;

    padding:80px 0 65px;

}

.donate-header h1{

    font-size:4rem;

    max-width:850px;

    margin:0 auto 20px;

}

.donate-intro{

    max-width:760px;

    margin:0 auto;

    font-size:1.2rem;

    color:#666;

}


/* ==========================================================
   PERSONAL INVESTMENT
========================================================== */

.investment{

    background:#ffffff;

}

.investment-intro{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.investment-intro h2{

    font-family:'Cormorant Garamond',serif;

    font-size:6rem;

    line-height:1;

    color:var(--green);

    margin-bottom:5px;

}

.investment-title{

    font-size:1.3rem;

    font-weight:600;

    color:var(--brown);

    margin-bottom:25px;

}

.investment-intro > p:last-child{

    color:#666;

}


/* ==========================================================
   INVESTMENT BREAKDOWN
========================================================== */

.investment-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

.investment-item{

    background:var(--cream);

    padding:35px 25px;

    text-align:center;

    border-radius:14px;

}

.investment-amount{

    display:block;

    font-family:'Cormorant Garamond',serif;

    font-size:2.5rem;

    font-weight:600;

    color:var(--green);

    line-height:1;

    margin-bottom:12px;

}

.investment-item h3{

    font-size:1.9rem;

    margin-bottom:12px;

}

.investment-item p{

    color:#666;

    font-size:.95rem;

}


/* ==========================================================
   WHY DONATE
========================================================== */

.why-donate{

    background:var(--cream);

}

.why-donate-content{

    max-width:800px;

    margin:0 auto;

    text-align:center;

}

.why-donate-content h2{

    font-size:3.3rem;

}

.why-donate-content p{

    color:#555;

}


/* ==========================================================
   DONATION OPTIONS
========================================================== */

.donation-options{

    background:#ffffff;

}

.section-heading{

    max-width:750px;

    margin:0 auto 55px;

    text-align:center;

}

.section-heading h2{

    font-size:3.3rem;

}

.section-heading > p:last-child{

    color:#666;

}

.donation-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:35px;

    max-width:900px;

    margin:0 auto;

}

.donation-card{

    background:var(--cream);

    padding:45px 40px;

    border-radius:14px;

    text-align:center;

}

.donation-card h3{

    font-size:2.2rem;

    margin-bottom:20px;

}

.donation-card p{

    color:#666;

}

.donation-card .text-link{

    margin-top:5px;

}


/* ==========================================================
   BANK DETAILS
========================================================== */

.bank-details{

    margin:30px 0;

    padding:25px;

    background:#ffffff;

    border-left:4px solid var(--green);

    text-align:left;

}

.bank-details p{

    margin-bottom:18px;

    color:#555;

}

.bank-details p:last-child{

    margin-bottom:0;

}

.donation-note{

    font-size:.9rem;

    font-style:italic;

    color:#777;

}


/* ==========================================================
   SUPPORTERS
========================================================== */

.supporters{

    background:#ffffff;

}

.supporter-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:35px;

    max-width:1000px;

    margin:0 auto;

}

.supporter-card{

    background:var(--cream);

    padding:45px 40px;

    border-radius:14px;

}

.supporter-label{

    font-family:'Open Sans',sans-serif;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:2px;

    color:var(--brown);

    margin-bottom:12px;

}

.supporter-card h3{

    font-size:2.2rem;

    margin-bottom:20px;

}

.supporter-card p{

    color:#666;

}

.supporter-highlight{

    margin-top:30px;

    padding:25px;

    background:#ffffff;

    border-left:4px solid var(--green);

}

.supporter-highlight h4{

    font-size:1.5rem;

    margin-bottom:10px;

}

.supporter-highlight p{

    margin-bottom:0;

}

.supporters-thankyou{

    max-width:800px;

    margin:55px auto 0;

    text-align:center;

}

.supporters-thankyou p{

    color:#666;

}


/* ==========================================================
   TRANSPARENCY
========================================================== */

.transparency{

    background:var(--cream);

}

.transparency-content{

    max-width:800px;

    margin:0 auto;

    text-align:center;

}

.transparency-content h2{

    font-size:3.3rem;

}

.transparency-content p{

    color:#555;

}


/* ==========================================================
   CLOSING QUOTE
========================================================== */

.donate-thanks{

    background:var(--green);

    color:#ffffff;

    text-align:center;

    padding:100px 0;

}

.donate-thanks blockquote{

    max-width:900px;

    margin:0 auto;

    font-family:'Cormorant Garamond',serif;

    font-size:2.7rem;

    line-height:1.4;

    font-style:italic;

}


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

@media(max-width:1000px){

    .investment-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:800px){

    .donation-grid{

        grid-template-columns:1fr;

    }

    .supporter-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:600px){

    .donate-header{

        padding:60px 0 45px;

    }

    .donate-header h1{

        font-size:2.8rem;

    }

    .donate-intro{

        font-size:1.05rem;

    }

    .investment-intro h2{

        font-size:4.8rem;

    }

    .investment-grid{

        grid-template-columns:1fr;

    }

    .why-donate-content h2,
    .section-heading h2,
    .transparency-content h2{

        font-size:2.6rem;

    }

    .donation-card{

        padding:30px 25px;

    }

    .supporter-card{

        padding:30px 25px;

    }

    .supporter-card h3{

        font-size:2rem;

    }

    .donate-thanks{

        padding:70px 0;

    }

    .donate-thanks blockquote{

        font-size:2rem;

    }

}