/* ==========================================================
   LITTLE POUCH CREW TASMANIA
   WILDLIFE PAGE
   Version 1.4
========================================================== */


/* ==========================================================
   PAGE INTRO
========================================================== */

.wildlife-header{

    text-align:center;

    padding:80px 0 65px;

}

.wildlife-header h1{

    font-size:4rem;

    margin-bottom:20px;

}

.wildlife-intro{

    max-width:760px;

    margin:0 auto;

    font-size:1.2rem;

    color:#666;

}


/* ==========================================================
   FEATURED WILDLIFE
========================================================== */

.wildlife-feature{

    background:#ffffff;

}

.wildlife-feature .two-column{

    display:grid;

    grid-template-columns:1.05fr .95fr;

    gap:75px;

    align-items:center;

}

.wildlife-image img{

    width:100%;

    border-radius:14px;

    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

.wildlife-content{

    padding-right:20px;

}

.wildlife-content h2{

    font-size:3.5rem;

    margin-bottom:25px;

}

.wildlife-content p{

    color:#555;

}


/* ==========================================================
   LIFE IN CARE
========================================================== */

.wildlife-life{

    background:var(--cream);

}

.wildlife-life-grid{

    display:grid;

    grid-template-columns:280px 1fr;

    gap:70px;

    align-items:center;

    max-width:950px;

    margin:0 auto;

}

.wildlife-life-image{

    width:280px;

    text-align:center;

}

.wildlife-life-image img{

    display:block !important;

    width:300px !important;

    max-width:300px !important;

    height:auto !important;

    margin:0 auto !important;

    border-radius:14px;

    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

.wildlife-life-content{

    padding-right:20px;

}

.wildlife-life-content h2{

    font-size:3.3rem;

    margin-bottom:25px;

}

.wildlife-life-content p{

    color:#555;

}


/* ==========================================================
   REHABILITATION JOURNEY
========================================================== */

.wildlife-journey{

    background:var(--cream);

}

.section-heading{

    max-width:750px;

    margin:0 auto 60px;

    text-align:center;

}

.section-heading h2{

    font-size:3.3rem;

}

.section-heading > p:last-child{

    color:#666;

}

.journey-grid{

    display:grid;

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

    gap:25px;

}

.journey-step{

    background:#ffffff;

    padding:40px 28px;

    border-radius:14px;

    text-align:center;

}

.journey-step span{

    display:block;

    font-family:'Cormorant Garamond',serif;

    font-size:1.5rem;

    color:var(--brown);

    margin-bottom:10px;

}

.journey-step h3{

    font-size:2rem;

    margin-bottom:15px;

}

.journey-step p{

    color:#666;

    font-size:.95rem;

}


/* ==========================================================
   FUTURE WILDLIFE
========================================================== */

.future-wildlife{

    background:var(--green);

    color:#ffffff;

    text-align:center;

}

.future-content{

    max-width:750px;

    margin:0 auto;

}

.future-wildlife .section-label{

    color:#d7e3d2;

}

.future-wildlife h2{

    color:#ffffff;

    font-size:3.3rem;

}

.future-wildlife p{

    color:rgba(255,255,255,.9);

}


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

@media(max-width:1000px){

    .journey-grid{

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

    }

    .wildlife-feature .two-column{

        gap:45px;

    }

    .wildlife-life-grid{

        grid-template-columns:250px 1fr;

        gap:45px;

    }

    .wildlife-life-image{

        width:250px;

    }

}

@media(max-width:800px){

    .wildlife-feature .two-column{

        grid-template-columns:1fr;

    }

    .wildlife-content{

        padding-right:0;

    }

    .wildlife-life-grid{

        grid-template-columns:1fr;

        gap:40px;

    }

    .wildlife-life-image{

        width:100%;

    }

    .wildlife-life-image img{

        width:250px !important;

        max-width:250px !important;

    }

    .wildlife-life-content{

        padding-right:0;

    }

}

@media(max-width:600px){

    .wildlife-header{

        padding:60px 0 45px;

    }

    .wildlife-header h1{

        font-size:2.8rem;

    }

    .wildlife-intro{

        font-size:1.05rem;

    }

    .wildlife-content h2{

        font-size:2.7rem;

    }

    .wildlife-life-content h2{

        font-size:2.6rem;

    }

    .section-heading h2{

        font-size:2.6rem;

    }

    .journey-grid{

        grid-template-columns:1fr;

    }

}