/* =========================================
   AKI FEST SCHEDULE CSS
   FINAL CLEAN VERSION
========================================= */


/* =========================
   SCHEDULE SECTION
========================= */


.schedule {

    padding:80px 20px;

    text-align:center;

    overflow:hidden;

}





/* =========================
   SCHEDULE TITLE
========================= */


.schedule .section-title {

    margin-bottom:50px;

}







/* =========================
   SCHEDULE CONTAINER
========================= */


.schedule-container {

    max-width:900px;

    margin:0 auto;

    display:flex;

    flex-direction:column;

    gap:30px;

}







/* =========================
   SCHEDULE CARD
========================= */


.schedule-card {

    background:var(--white);

    width:100%;

    padding:25px 35px;

    border-radius:var(--radius-medium);

    box-shadow:var(--shadow-card);

    display:flex;

    align-items:center;

    gap:25px;

    text-align:left;

    transition:var(--transition-fast);

    margin-bottom:30px;

}





.schedule-card:last-child {

    margin-bottom:0;

}





.schedule-card:hover {

    transform:translateY(-8px);

}







/* =========================
   ICON
========================= */


.schedule-card img {

    width:50px;

    height:50px;

    object-fit:contain;

    flex-shrink:0;

}







/* =========================
   TEXT WRAPPER
========================= */


.schedule-card > div {

    display:flex;

    flex-direction:column;

    gap:10px;

}







/* =========================
   TIME
========================= */


.schedule-time {

    display:block;

    color:var(--pink-dark);

    font-size:18px;

    font-weight:800;

    margin-bottom:5px;

}







/* =========================
   TITLE
========================= */


.schedule-card h3 {

    margin:0;

    color:var(--pink-dark);

    font-family:var(--font-title);

    font-size:28px;

    line-height:1.3;

}







/* =========================
   DESCRIPTION
========================= */


.schedule-card p {

    margin:0;

    color:var(--text);

    font-size:17px;

    line-height:1.7;

}







/* =========================
   IF HTML HAS ONLY TEXT
   WITHOUT WRAPPER
========================= */


.schedule > .schedule-card {

    margin-bottom:30px;

}



.schedule > .schedule-card:last-child {

    margin-bottom:0;

}







/* =========================
   MOBILE
========================= */


@media(max-width:850px){


    .schedule {

        padding:60px 20px;

    }



    .schedule-container {

        gap:20px;

    }



    .schedule-card {


        padding:25px 20px;

        flex-direction:column;

        align-items:center;

        text-align:center;

        gap:18px;

        margin-bottom:20px;


    }



    .schedule-card img {


        width:45px;

        height:45px;


    }



    .schedule-card > div {


        align-items:center;

        gap:12px;


    }



    .schedule-time {


        font-size:16px;


    }



    .schedule-card h3 {


        font-size:24px;


    }



    .schedule-card p {


        font-size:15px;

        line-height:1.6;


    }


}







/* =========================
   SMALL PHONES
========================= */


@media(max-width:400px){


    .schedule-card {


        padding:20px 15px;

        margin-bottom:18px;


    }



    .schedule-card h3 {


        font-size:21px;


    }



    .schedule-card p {


        font-size:14px;


    }


}